/* Consul-specific styles: text wordmark logo + components that reuse template
   classes outside their original CSS scope. Values mirror the Governlia theme
   (shadow 0 10px 21.25px rgba(0,0,0,.06), icomoon check \e902, accent #2982e5). */

/* --- wordmark logo (replaces the image logo) --- */
.logo h1, .logo .site-name, .nav-logo .site-name { margin: 0; line-height: 1.05; }
.logo h1 a, .logo .site-name a, .nav-logo .site-name a {
    font-family: 'Merriweather', serif; font-weight: 700; font-size: 30px;
    color: #222; letter-spacing: -.5px; white-space: nowrap; text-decoration: none;
}
.logo h1 a:hover, .logo .site-name a:hover, .nav-logo .site-name a:hover { color: #2982e5; }
.logo .logo-region { display: block; font-family: 'Arimo', sans-serif; font-weight: 700;
    font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: #2982e5; }
.nav-logo .site-name a { font-size: 26px; color: #fff; }

/* hide the decorative watermark titles site-wide */
.big-title { display: none; }

/* --- territory cards (territories.php, .territory-cards only — scoped so it
   does NOT bleed onto .service-block cards that share .services-section) --- */
.territory-cards .inner-box { background: #fff; overflow: hidden; margin-bottom: 30px;
    box-shadow: 0 10px 21.25px 3.75px rgba(0, 0, 0, .06); }
.territory-cards .inner-box .image img { display: block; width: 100%; }
.territory-cards .inner-box .content { padding: 35px 40px 40px; }
.territory-cards .inner-box .content h3 { margin-bottom: 4px; }
.territory-cards .inner-box .content h4 { color: #2982e5; font-family: 'Arimo', sans-serif;
    font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 18px; }
.territory-cards .inner-box .content .text { margin-bottom: 22px; }
.territory-cards .inner-box .content .list { display: flex; flex-wrap: wrap; gap: 10px; }
.territory-cards .inner-box .content .list li { background: #f4f4f4; color: #222; font-weight: 700;
    font-size: 13px; padding: 6px 14px; border-radius: 3px; }

/* --- list/text blocks reused under .city-program-section (mandates initiatives, about purpose) --- */
.city-program-section .content-block .text { color: #222; font-size: 16px; line-height: 30px; margin-bottom: 20px; }
.city-program-section .content-block .list li { position: relative; padding-left: 30px;
    margin-bottom: 12px; font-weight: 700; color: #222; }
.city-program-section .content-block .list li:after { font-family: 'icomoon'; content: "\e902";
    position: absolute; left: 0; top: 5px; font-size: 15px; font-weight: 400;
    border-right: 1px solid #222; padding-right: 5px; }

/* --- contact left column (.contact-form-section .contact-info-block) --- */
.contact-form-section .contact-info-block h3 { margin-bottom: 12px; }
.contact-form-section .contact-info-block .contact-info li { display: flex; align-items: flex-start;
    gap: 15px; margin-bottom: 22px; }
.contact-form-section .contact-info-block .contact-info li .icon img { max-width: 40px; }
.contact-form-section .contact-info-block .contact-info li .text strong { display: block; color: #222; }
.contact-form-section .contact-info-block .contact-info li .text a { color: #2982e5; }