/*
Theme Name: Uhland EDC
Theme URI:  https://uhlandedc.com
Author:      WebberSites
Author URI:  https://webbersites.com
Description: A custom designed theme, built to spec.
Version:     1.0
License:     GPLv2 or later
Text Domain: super-default
*/

/* ===== Reset CSS ===== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, main, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
	@font-face {
    font-family: 'Geared Slab';
    src: url('fonts/GearedSlab-Bold.eot');
    src: url('fonts/GearedSlab-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/GearedSlab-Bold.woff2') format('woff2'),
        url('fonts/GearedSlab-Bold.woff') format('woff'),
        url('fonts/GearedSlab-Bold.ttf') format('truetype'),
        url('fonts/GearedSlab-Bold.svg#GearedSlab-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


	h2 {font-family: 'Geared Slab';}
h3 {font-size:1.8vw; }
h4 {font-size:1.8vw; }
	
p, li {font-size:1.5vw; line-height:2vw;}

a {color:var(--blue);}
	
:root{--white:#fff;--green:#28700c;--blue:#1e264e;--link:#1e264e;--link-hover:#0c2b75;--lightgray:#eaeaea;--gold:#e5b451;}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--lightgray); color:var(--blue); font-family: "brandon-grotesque", sans-serif;
font-weight: 400;
font-style: normal;}

.text-primary {color:var(--blue) !important;}
.text-success {color:var(--green) !important;}

/* ===== HEADER (absolute on top) ===== */
.header-wrap{position:absolute;top:0;left:0;width:90%;margin:0 5%;padding-top:5vw;z-index:2000}
.logo{display:block;height:10vw;margin-top:-3.5vw;margin-bottom:-4vw; margin-left:2vw;}
.logo img{height:100%;width:auto; margin-left:-4vw; margin-left:-5vw;}
.nav-shell{background:var(--white);border-radius:14px 14px 0 14px;box-shadow:0 2px 6px rgba(0,0,0,.08);padding:32px 40px;display:flex;justify-content:center}
nav ul{display:flex;gap:3vw;list-style:none;align-items:center; font-family: 'Geared Slab'; text-transform:uppercase;}
nav a{font-size:1.6vw;font-weight:700;color:var(--link);text-decoration:none}
nav a:hover{color:var(--link-hover)}
/* === Utility-bar layout === */
.utility-bar{
  position:relative;
  display:flex;align-items:center;gap:1rem;
  width:55vw;max-width:560px;min-width:260px;
  height:54px;padding:0 1.2rem;
  background:var(--blue);
  border-radius:0 0 14px 14px;
}

/* icon buttons */
.btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}
.btn.search svg{stroke:#fff;width:28px;height:28px;fill:none}
.btn.apps  svg{fill:#fff;width:28px;height:28px}

/* === Search === */
.site-search{flex:1 1 auto;min-width:0}      /* allow shrink */
.search-field{
  width:100%;height:38px;
  padding:0 .9rem;
  background:transparent;
  border:0 solid #fff;
  border-radius:8px;
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  font-size:.95rem;
  color:#fff;
}
.search-field::placeholder{color:#ffffffcc}   /* semi-white */
.search-field:focus{
  outline:none;
  box-shadow:0 0 0 2px #fff inset;
}

/* === Responsive tweak === */
@media(max-width:650px){
  .utility-bar{width:90vw}
  .search-field{font-size:4vw}
}

/* screen-reader helper */
.visually-hidden{
  position:absolute;width:1px;height:1px;margin:-1px;padding:0;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}



.utility-bar{position:relative;width:50vw;min-width:260px;height:54px;background:var(--blue);border-radius:0 0 14px 14px;margin-left:auto;display:flex;align-items:center;justify-content:space-between;padding:0 22px}


.app-menu{position:absolute;right:0;top:100%;background:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.15);width:640px;padding:24px 32px;display:none;flex-wrap:wrap;gap:36px 54px;z-index:2100}
.app-menu::before{content:'';position:absolute;top:-12px;right:60px;border:12px solid transparent;border-bottom-color:#fff}
.app-item{width:150px;text-align:center;font-size:1rem;font-weight:600;color:#222}
a.app-item{text-decoration:none}
.app-icon{width:70px;height:70px;border-radius:14px;margin:0 auto 10px;display:grid;place-items:center;color:#fff;font-size:32px}
.pink{background:#e91f63}.blue{background:#2096f3}.red{background:#f44436}.purple{background:#9c27b0}.teal{background:#009688}.yellow{background:#ffc105}.orange{background:#ff9802}.navy{background:#3e51b5}

/* ===== MOBILE HEADER ===== */
.mobile-nav{display:none;align-items:center;justify-content:space-between;background:var(--white);border-radius: 14px 14px 0 14px;box-shadow:0 2px 6px rgba(0,0,0,.08);padding:18px 24px}
.burger{background:none;border:none;font-size:7vw;cursor:pointer;color:var(--link);margin-left:auto}
.mobile-menu{position:fixed;inset:0;z-index:3000;background:var(--white);padding:20vh 5vw;display:flex;flex-direction:column;gap:8vh;align-items:center;transform:translateX(-100%);transition:transform .3s ease;text-transform:uppercase;}
.mobile-menu.open{transform:translateX(0)}
.mobile-menu a{font-size:6vw;font-weight:700;color:var(--link);text-decoration:none;font-family: 'Geared Slab';}
.mobile-menu a:hover{color:var(--link-hover)}
.close-mobile{position:absolute;top:6vw;right:6vw;background:none;border:none;font-size:8vw;color:var(--link);cursor:pointer}
 
/* ===== RESPONSIVE BREAKPOINTS ===== */
@media (max-width:1080px){
  nav ul{gap:28px}
  .utility-bar{width:60vw}
}
@media (max-width:1080px){
  .nav-shell{display:none}
  .mobile-nav{display:flex}
  .app-menu{width:90vw}
	
	.logo{display:block;height:18vw;}
		.app-item {
			width: 25%;}
}

	
	
/* ===== footer styling (append to your CSS) ===== */
.site-footer{
  background:#8a8a8a;                /* mid-grey from mockup */
}
.footer-btn{
	font-family: 'Geared Slab';
  padding:.9rem 3rem;border:3px solid #fff;border-radius:.7rem;
 font-size:1.75rem;font-weight:800;text-transform:uppercase;
  color:#fff;text-decoration:none;transition:background .15s ease,color .15s ease;
}
.footer-btn:hover{background:#fff;color:#8a8a8a}
.footer-logo{max-width:220px;width:70%;height:auto}
@media (max-width:768px){
  .footer-btn{font-size:1.4rem;padding:.8rem 2.2rem}
  .footer-logo{width:50%}
}




/* ===== HERO (Bootstrap Carousel) ===== */
#heroCarousel{height:60vw;min-height:320px;position:relative}
#heroCarousel .carousel-item{height:100%}
#heroCarousel img{object-fit:cover;height:100%}
@media (max-width:1080px){#heroCarousel{height:140vw}}  /* mobile super-tall */

.carousel-caption{top:65%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.35);width:90%}
.carousel-caption h2{font-size:clamp(2.5rem,6vw,6rem);font-weight:900;color:#257719; font-family: 'Geared Slab'; }
.carousel-caption p{;max-width:40ch;margin:0 auto 2.5rem}
.carousel-caption .btn{padding:.9rem 2.5rem;border:2px solid #fff;font-weight:normal;text-transform:uppercase; font-family: 'Geared Slab'; font-size:2vw;}
.carousel-caption .btn:hover{background:#fff;color:#257719}
	
	.welcome-section .welcome-img{
  aspect-ratio: 1 / 1;      /* keeps nice squares */
  object-fit: cover;
}
	
	
@media (max-width:1080px){.carousel-caption .btn {font-size:4vw; line-height:4vw;}
	.welcome-section {padding:5vw;}
} 
	
	/* ===== Why Choose styling (add after your styles) ===== */
.why-uhland{background:#141f4a}                /* deep navy */
.why-uhland .feature-card{
  background:#e7b74c;color:#141f4a;font-size:1.25rem;font-weight:700;
}
.why-uhland .cta-btn{
  background:#fff;color:#000;text-decoration:none;
  transition:background .2s,color .2s;
}
.why-uhland .cta-btn:hover{background:#e7b74c;color:#141f4a}


/* ===== local-data stat cards ===== */

.stat-card{
  background:#fff;text-align:center;
}
.stat-card__big{font-family:'Geared Slab';}


.page-hero-img{
  height:20vw;                 /* same height you used before */
 margin-bottom:2vw;
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}

.uh_property-template-default .page-hero-img{
	height:60vw; }
@media(max-width:1080px){
	
	
	.uh_property-template-default .page-hero-img{
	height:100vw !important; }
	
	
	
	
  .page-hero-img{height:37vw;} /* match mobile super-tall rule */
	
	.uh_property-template-default .page-hero-img{
	height:40vw; }
	
}


.data-card{
  display:flex;align-items:center;justify-content:center;text-align:center;
  height:250px;border-radius:1rem;overflow:hidden;position:relative;
  background-size:cover;background-position:center;
  color:#fff;font-size:2rem;font-weight:700;text-decoration:none;
  transition:transform .2s ease,box-shadow .2s ease;
}
.data-card::before{content:'';position:absolute;inset:0;opacity:.75;background:var(--overlay);}
.data-card:hover{transform:translateY(-6px);box-shadow:0 12px 20px rgba(0,0,0,.25)}
.data-card span{position:relative;z-index:1}

.bg-red   {--overlay:#ff2a24}
.bg-orange{--overlay:#ff9200}
.bg-blue  {--overlay:#3952bc}
.bg-teal  {--overlay:#009988}

@media (min-width:1400px){.data-card{height:300px}}


/* gold heading color */
.text-gold{color:#e5b451}

/* business-assist cards */
.assist-card{
  background:var(--blue);color:#fff;font-family:'Geared Slab';
  font-size:1.1rem;font-weight:700;text-transform:uppercase;
  line-height:1.3;
}






.explore-incentives .app-item{
  display:flex;flex-direction:column;align-items:center;
  gap:.75rem;font-weight:700;text-decoration:none;color:#2c3158;font-size:1.25rem;
}
.explore-incentives .app-icon{
  width:90px;height:90px;border-radius:22px;
  display:grid;place-items:center;font-size:40px;color:#fff;
}
/* reuse existing color utility classes from header */
.incentive-box{max-width:1100px}

/* CTA outline button */
.edc-btn{
  font-family:'Geared Slab';font-size:1.5rem;font-weight:700;
  padding:1rem 3rem;border:3px solid #1d6a2c;border-radius:.75rem;
  color:#1d6a2c;text-decoration:none;transition:background .15s,color .15s;
}
.edc-btn:hover{background:#1d6a2c;color:#fff}




/* ===== CORE COLORS ===== */
.bg-gold {background:var(--gold); color:var(--blue) !important}
.bg-green{background:var(--green)}
.bg-blue {background:var(--blue); color:var(--gold) !important}



/* ===== HEADLINES ===== */
.headline-gold{color:var(--gold);font-family:'Geared Slab';}
.headline-blue{color:var(--blue);font-family:'Geared Slab';}
.headline-green{color:var(--green);font-family:'Geared Slab';}
.lead-bold-blue{color:var(--blue);font-weight:700;font-size:1.35rem}

/* ===== INTRO COPY ===== */
.ba-intro{padding:3rem 0 2rem;}
.ba-intro .intro-copy{max-width:70ch;margin:0 auto 1.5rem}
.ba-intro .mission-copy{max-width:70ch;margin:0 auto}

/* ===== ASSIST GRID ===== */
.assist-grid{padding:2rem 0}
.assist-card{
  background:#2e3157;color:#fff;font-family:'Geared Slab';font-size:1.1rem;
  padding:2rem;border-radius:1rem;text-transform:uppercase;line-height:1.35;text-align:center;
  box-shadow:0 4px 10px rgba(0,0,0,.15);
}


/* PAGE NAME: style.css */

/* ===== BOARD LIST (no tables) ===== */
.board-list{list-style:none;padding:0;max-width:900px;margin:0 auto}
.board-list li{
  display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;
  padding:.6rem 0;font-family:"brandon-grotesque",sans-serif;text-align:left;
}
.board-list li:last-child{border-bottom:none}
.b-num{flex:0 0 2ch;font-weight:700}
.b-name{flex:1 1 200px}
.b-term{flex:0 0 8.5ch;text-align:right}
.b-role{flex:0 0 160px;text-align:right;font-weight:600;text-align:left}

/* SECTION: Condensed Mobile View (≤600 px) */
@media(max-width:600px){
  .board-list li{
    flex-direction:row;          /* keep desktop row layout */
    flex-wrap:nowrap;            /* no wrapping */
    gap:.6rem;
               /* slightly smaller text */
    align-items:center;
  }
  .b-num{flex:0 0 1.5ch}
  .b-name{flex:1 1 auto;min-width:130px}
  .b-term{flex:0 0 7ch;font-size:.8rem;text-align:right}
  .b-role{flex:0 0 115px;font-size:.8rem;text-align:right}
}


/* ===== INITIATIVE CARDS ===== */
.initiatives-block{padding:2rem 0}
.initiative-card{
  color:#fff;font-family:'Geared Slab';font-size:1.9vw;text-align:center;
  padding:2rem;border-radius:1rem;line-height:1.3;box-shadow:0 4px 10px rgba(0,0,0,.15)
}

/* ===== DOWNLOAD LIST ===== */
.downloads-block {margin-bottom:2vw;}
.dl-list{list-style:none;padding:.5vw 0;max-width:680px}
.dl-list li{
  display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;
  padding:.5rem 0;font-family:"brandon-grotesque",sans-serif
}
.dl-list li:last-child{border-bottom:none}
.dl-title{flex:1 1 200px}
.dl-date{flex:0 0 6.5ch;text-align:center}
.dl-btn, .archive-btn{
  display:inline-block;padding:.5rem 1.75rem;border:2px solid #2e3157;border-radius:.4rem;
  font-family:'Geared Slab';font-weight:700;color:#2e3157;text-decoration:none;
  transition:background .15s,color .15s;font-size:1rem
}
.dl-btn:hover,.archive-btn:hover{background:#2e3157;color:#fff}
@media(max-width:600px){
  .dl-list li{flex-direction:column;align-items:flex-start}
  .dl-date{text-align:left}
}



/* ===== BOARD LIST ===== */
.board-list{
  list-style:none;
  margin:0 auto 2rem;
  padding:0;
  max-width:950px;
}
.board-list li{
  display:flex;align-items:center;gap:1rem;
  padding:.9rem 0;border-bottom:1px solid #dcdde3;
  font-family:"brandon-grotesque",sans-serif;font-size:1.05rem;color:#2c3158;
}
.b-num {flex:0 0 2ch;font-weight:700}
.b-name{flex:1 1 260px;font-weight:600}
.b-term{flex:0 0 9ch;text-align:center;font-size:.95rem}
.b-role{flex:0 0 180px;text-align:right;font-weight:700}

/* tablet */
@media (max-width:768px){
  .board-list li{flex-wrap:wrap;font-size:1rem}
  .b-term{flex:1 1 100%;text-align:left;margin-left:calc(2ch + 1rem)}
  .b-role{flex:1 1 100%;text-align:left;margin-left:calc(2ch + 1rem);margin-top:.25rem;font-weight:600;font-size:.95rem}
}

/* phones */
@media (max-width:480px){
  .board-list li{flex-direction:column;align-items:flex-start;padding:1rem 0}
  .b-num{display:none}                     /* hide row numbers */
  .b-name{font-size:1.05rem}
  .b-term,.b-role{margin-left:0}
}


.page-id-15 h2 {font-size:2vw;}


/* ===== DOWNLOAD LIST ===== */
.dl-list{
  list-style:none;
  margin:0 auto 2rem;
  padding:0;
  max-width:680px;
}
.dl-list li{
  display:flex;align-items:center;gap:1rem;
  padding:.8rem 0;border-bottom:1px solid #dcdde3;
  font-family:"brandon-grotesque",sans-serif;color:#2c3158;
}
.dl-title{flex:1 1 160px;font-weight:600; text-align:left;}
.dl-date {flex:0 0 7.5ch;text-align:center;font-size:.95rem}
.dl-btn  {flex:0 0 auto}

/* tablet */
@media (max-width:768px){
  .dl-list li{flex-wrap:wrap;font-size:1rem}
  .dl-date{flex:1 1 100%;text-align:center;margin-top:.15rem}
  .dl-btn{margin-top:.5rem; margin-left:auto; margin-right:auto;}
	
	.dl-list li span {width:100%; display:block;}
	.dl-list li{
  display:block;
	}
	.dl-list li, .dl-title, .dl-date, .dl-btn  {text-align:center;}
	
	p, li, .dl-title, .dl-date, .dl-btn  {font-size:4vw; line-height:5vw;}
	
	.assist-card, .initiative-card {font-size:5vw; line-height:6vw;}
	
	.board-list li{
  display:block;
}
	
	.page-id-15 h2, .initiative-card {
font-size: 5vw;
}
	
	
	
}


.form-control {
display: block;
width: 100%;
padding: .5rem 1rem;
font-size: 1.4rem;
	
}

/* phones */
@media (max-width:480px){
  .dl-list li{flex-direction:column;align-items:flex-start;padding:1rem 0}
  .dl-date{font-size:.95rem}
  .dl-btn{width:100%;text-align:center}
}



@media (max-width:600px){
  .row.g-4 > [class*="col-"]{
    display:block;        /* override Bootstrap’s flex “equal height” trick  */
  }
}




.contact-field{
  border:2px solid #2e3157;border-radius:.4rem;font-family:"brandon-grotesque",sans-serif;
}
.contact-field:focus{box-shadow:none;border-color:#1e7a2c}
.contact-submit{
  font-family:'Geared Slab';text-transform:uppercase;border-width:3px;
}


.contact-submit{
  font-family:'Geared Slab';
  padding:.9rem 3rem;
  border:3px solid var(--blue);          /* blue border so it shows on white form */
  border-radius:.7rem;
  font-size:1.75rem;
  font-weight:800;
  text-transform:uppercase;
  color:#2e3157;
  background:none;
  transition:background .15s ease,color .15s ease;
}
.contact-submit:hover{
  background:var(--blue);
  color:#fff;
	border-color:var(--blue);
}




/* ===== available-properties ===== */
.ap-intro{padding-bottom:2vw;}
.ap-search-btn{
  font-family:'Geared Slab';text-transform:uppercase;border-width:3px;
  padding:.7rem 2.5rem;font-weight:800
}
.prop-card{transition:transform .15s ease}
.prop-card:hover{transform:translateY(-4px)}
.prop-img{aspect-ratio:16/10;object-fit:cover}

/* mobile tweaks */
@media (max-width:600px){
  .ap-search-btn{width:100%}
}


.prop-img{aspect-ratio:16/10;object-fit:cover}
.prop-card{transition:transform .15s}
.prop-card:hover{transform:translateY(-4px)}


.fp-block {padding:2vw;}

.fp-card img {  aspect-ratio: 3 / 2;      /* keeps nice squares */
  object-fit: cover;}

.fp-card a {color:#FFF; text-decoration: none;}

.ap-list {padding-bottom:2vw;}


/* ======================================================
   AVAILABLE PROPERTIES – MAP BLOCK (rev 4 with ▲▼ pan)
====================================================== */

/* bar + headline */
.map-toggle-bar { padding: 1.2rem 0; background: #1e7a2c; }
.maps-headline  { font: 800 3.5vw/1 'Geared Slab'; color: #fff; }
@media (max-width: 480px) { .maps-headline { font-size: 1.5rem; } }

/* slider switch */
.toggle-switch            { display: flex; align-items: center; gap: 1rem; }
.toggle-switch span       { font: 800 2vw/1 'Geared Slab'; color: #fff; user-select: none; }
@media (max-width: 480px) { .toggle-switch span { font-size: .9rem; } }

.toggle-checkbox          { position: absolute; opacity: 0; pointer-events: none; }
.toggle-label             { width: 96px; height: 50px; background: #fff;
                             border: 3px solid #fff; border-radius: 50px;
                             cursor: pointer; position: relative; flex-shrink: 0; }
.toggle-label::after      { content: ''; position: absolute; top: 3px; left: 3px;
                             width: 40px; height: 40px; background: #1e7a2c;
                             border-radius: 50%; transition: .3s; }
.toggle-checkbox:checked + .toggle-label::after { left: calc(100% - 43px); }

/* layers */
#propMap                  { height: 60vh; }
.map-layers .layer        { display: none; width: 100%; height: 60vh; }
.map-layers .layer.show   { display: block; }

/* zoning wrapper & image */
#zoneWrapper              { height: 100%; background: #fff; overflow: hidden;
                             position: relative; cursor: grab; }
#zoneWrapper:active       { cursor: grabbing; }
#zoneImg                  { max-width: none; width: 100%; pointer-events: none;
                             user-select: none; }

/* legend */
.zone-legend              { position: absolute; right: 1rem; bottom: 1rem;
                             width: min(230px, 35%); max-width: 230px;
                             pointer-events: none; z-index: 8; }

/* control buttons */
.ctrl-btn                 { position: absolute; left: 1rem; top: 1rem;
                             width: 46px; height: 46px; display: flex;
                             align-items: center; justify-content: center;
                             border: 2px solid #737; border-radius: .4rem;
                             background: #fff; color: #000;
                             font: 800 1.7rem/1 'Geared Slab';
                             cursor: pointer; transition: background .15s;
                             z-index: 9; }
.ctrl-btn:hover           { background: #e9e9e9; }



@media(max-width:1080px){
	.toggle-switch span {font-size:4vw;} 
}


.uh_property-template-default .carousel-caption {z-index:9; bottom:0; right:0; left:0; top:auto; background-color:hsla(0,0%,100%,0.43); width:auto;  transform:none !important}
.uh_property-template-default .carousel-caption p {color:#000;}
.uh_property-template-default .text-success {color:var(--blue) !important;}


/* ===== GALLERY LIGHTBOX ===== */
.gallery-thumb      {cursor:pointer;transition:opacity .2s;}
.gallery-thumb:hover{opacity:.75;}

.lightbox-overlay{
  position:fixed;inset:0;display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.8);z-index:1055;
}
.lightbox-overlay.d-none{display:none;}
.lightbox-img{
  max-width:90vw;max-height:90vh;border-radius:.5rem;
  box-shadow:0 0 .5rem #000;
}
.lb-close{z-index:1;}

.agent-link {margin-top:2vw;}

.postid-19 main .btn {font-family: 'Geared Slab';
font-size: 1.5rem;
font-weight: 700;
padding: 1rem 3rem;
border: 3px solid #1d6a2c;
border-radius: .75rem;
color: #1d6a2c;
text-decoration: none;
transition: background .15s,color .15s;
display:inline-block;
	
}

.data-links a {color:#FFF !important;}




@media(max-width:1080px){
	
	
	.ap-intro {padding:5vw;}
	.container {padding:5vw;}
	
	.map-tab {
		font-family: 'Geared Slab';
		font-size: 5vw;
		line-height: 5vw;
		font-weight: 800;
		background: none;
		border: 3px solid #fff;
		border-radius: .7rem;
	padding:4vw;
		padding-bottom:3vw;
	}
	
	.maps-headline {font-size:8vw; line-heigh:8vw; margin-top:3vw;}
	
	#propMap, .map-layers .layer {height:90vw;}
	
	h3.fs-3 {line-height:5vw!important}
	
	.explore-incentives .app-item {display:block !important; width:100%;}
		
	h4 {font-size:5vw;}
	
}




/* PAGE: style.css
   SECTION: Search Layout + Styling
*/

/* === Search Form === */
.search-form{
  display:flex;
  align-items:center;
  gap:.5rem;
  max-width:600px;
  margin:2rem auto;
}
.search-field{
  flex:1;
  padding:.6rem 1rem;
  border:0 solid #ccc;
  border-radius:4px;
  font-size:1rem;
}
.search-submit{
  padding:.6rem 1rem;
  border:none;
  background:#0073aa;
  color:#fff;
  font-size:1rem;
  border-radius:4px;
  cursor:pointer;
}
.search-submit:hover{background:#005f8d}

/* === Search Results Header === */
.page-header h1{
  text-align:center;
  font-size:1.8rem;
  margin-top:1rem;
}

/* === Result Articles === */
article{
  border-bottom:1px solid #e5e5e5;
  padding:1.5rem 0;
}
article h2{
  font-size:1.4rem;
  margin-bottom:.5rem;
}
.entry-excerpt{
  font-size:.95rem;
  color:#555;
}

/* === Pagination === */
.nav-links, .pagination, .page-numbers{
  display:flex;
  justify-content:center;
  gap:.5rem;
  margin:2rem 0;
}
.page-numbers, .nav-links a{
  padding:.4rem .8rem;
  border:1px solid #ccc;
  border-radius:4px;
  text-decoration:none;
  font-size:.9rem;
  color:#0073aa;
}
.page-numbers.current,
.nav-links a:hover{
  background:#0073aa;
  color:#fff;
  border-color:#0073aa;
}


#fileDownloadModal.modal      { z-index: 2200; }   /* modal dialog */
#fileDownloadModal + .modal-backdrop { z-index: 2190; }   /* dark overlay */

/* === Download-file button (modal) ====================== */
#fileDownloadModal .btn-success{
  /* core look */
  background:#198754;                 /* brand green */
  color:#fff;
  border:none;
  border-radius:9999px;               /* full pill */
  padding:.9rem 3rem;                 /* comfy */
  font-family:'Geared Slab';          /* matches rest of site */
  font-size:1.05rem;
  font-weight:800;                    /* beefy */
  text-transform:uppercase;
  line-height:1;
  transition:background .15s ease, box-shadow .15s ease;
}

/* hover / focus */
#fileDownloadModal .btn-success:hover,
#fileDownloadModal .btn-success:focus{
  background:#157347;                 /* darker green */
  color:#fff;
  box-shadow:0 0 0 3px #15734733;
  text-decoration:none;               /* kill link underline just in case */
}

/* active (mouse-down) */
#fileDownloadModal .btn-success:active{
  background:#106338;
  color:#fff;
}

/* focus outline for keyboard users */
#fileDownloadModal .btn-success:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px #fff,0 0 0 6px #157347;
}

@media (max-width:768px){        /* Bootstrap’s “xs” zone */
  #fileDownloadModal .modal-dialog{
    max-width:90% !important;      /* span the viewport */
    margin:0 5% !important;            /* flush left/right */
  }
  #fileDownloadModal .modal-content{
                  /* optional: square edges */
  }
	
	
}

.initiatives-block a {text-decoration:none;}


/* rows that are not yet revealed */
.downloads-block .dl-hidden { display:none; }

.downloads-block .dl-hidden.show {
  display:flex;                          /* <- keep original flex layout */
  animation:fadeIn .25s ease;
}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}






#imgLightbox                { position:fixed; inset:0; z-index:2300; display:none; }
#imgLightbox.show           { display:block; }

#imgLightbox .img-lb-backdrop{
  position:absolute; inset:0; background:rgba(0,0,0,.8); cursor:pointer;
}
#imgLightbox .img-lb-img{
  position:absolute; top:50%; left:50%; max-width:94vw; max-height:94vh;
  transform:translate(-50%,-50%); border-radius:.4rem; box-shadow:0 0 25px #000;
  cursor:pointer;                     /* clicking image closes, too */
}
@media(max-width:600px){
  #imgLightbox .img-lb-img{ max-width:94vw; max-height:75vh; }
}