/* Firurag municipal news site enhancements, 2026-10-26. */
#header .he-1 { position: relative; }
#header .he-1 .site-logo img { height: 174px; width: 100%; object-fit: contain; }
#header .news-brand-title {
    display: flex; align-items: center; justify-content: center;
    padding: 4px 12px; min-height: 66px; box-sizing: border-box;
    color: #fff; background: #02135e; text-align: center;
    font-size: 16px; font-weight: 700; line-height: 1.65;
}
#header .he-3b { width: 100%; padding: 6px 14px; box-sizing: border-box; float: none; height: auto; }
#header .news-phone { display: block; text-align: center; direction: ltr; font-size: 15px; font-weight: 700; color: #02135e; }
#header .news-phone a { color: inherit; }
#header .news-phone-label { display: block; text-align: center; font-size: 12px; color: #02135e; }
.news-social-bar { width: 100%; background: #142c56; color: #f7fbff; clear: both; }
.news-social-bar .container {
    max-width: 1360px; width: 100%; margin: auto; min-height: 52px;
    padding: 9px 18px; box-sizing: border-box; height: auto;
    display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px;
}
.news-social-caption { font-weight: 700; padding-left: 10px; }
.news-social-bar a, .news-social-inactive {
    display: inline-flex; align-items: center; justify-content: center;
    gap: 6px; padding: 6px 12px; border: 1px solid rgba(255,255,255,.24);
    border-radius: 5px; color: #fff; text-decoration: none; font-size: 13px;
}
.news-social-bar a:hover, .news-social-bar a:focus-visible { background: #0d7791; color: #fff; }
.news-social-inactive { opacity: .65; cursor: default; }
.news-institutional-links { clear: both; padding: 22px 10px 26px; color: #fff; }
.news-institutional-links h2 { font-size: 16px; font-weight: 700; margin: 0 0 12px; color: #fff; }
.news-institutional-links ul { display: flex; flex-wrap: wrap; gap: 10px 16px; list-style: none; padding: 0; margin: 0; }
.news-institutional-links ul li { list-style: none; margin: 0; padding: 0; }
.news-institutional-links a { color: #e5ebf7; font-size: 13px; text-decoration: none; line-height: 1.8; }
.news-institutional-links a:hover, .news-institutional-links a:focus-visible { color: #33c6c7; text-decoration: underline; }
@media (max-width: 900px) {
    #header .he-1 .site-logo img { height: 61px; }
    #header .news-brand-title { min-height: 39px; font-size: 10px; padding: 1px 4px; line-height: 1.35; }
    #header .he-3b { padding: 0 8px; }
    #header .news-phone { font-size: 13px; }
    .news-social-bar .container { padding: 10px; }
}
@media (max-width: 600px) {
    #header .news-brand-title { font-size: 9px; }
    .news-social-caption { width: 100%; text-align: center; padding: 0; }
    .news-social-bar a, .news-social-inactive { padding: 6px 8px; }
    .news-institutional-links ul { display: block; }
    .news-institutional-links ul li { margin-bottom: 7px; }
}

#President #entry-content { margin-top: 18px; }

@media (max-width: 1400px) { #header .he-1 .site-logo img { height: 119px; } #header .news-brand-title { min-height: 66px; } #header .he-3b { display: block; } }

@media (max-width: 900px) { #header .he-1 .site-logo img { height: 61px; } #header .news-brand-title { min-height: 39px; } #header .he-3a { height: 55px; padding: 0; } #header .he-3a > ul { height: 55px; } #header .he-3b { height: auto; min-height: 35px; padding: 3px 10px; } #President #entry-content { margin-top: 14px; } }

@media (max-width: 620px) { #header .he-1 .site-logo img { height: 120px; } #header .news-brand-title { min-height: 54px; font-size: 13px; } #header .he-3 { height: auto; min-height: 58px; } #header .he-3a { height: 42px; } #header .he-3a > ul { height: 42px; } #header .he-3b { min-height: 0; padding: 0 10px 6px; } }

@media (max-width: 620px) { #header .news-brand-title { display: block; min-height: 54px; height: auto; white-space: normal; overflow-wrap: break-word; padding: 8px 12px; line-height: 1.65; text-align: center; } }

/* Official municipal emblem: shared by header and existing sidebar widget. */
#header .site-logo { display:flex; align-items:center; justify-content:center; }
#header .site-logo img { width:auto !important; max-width:75%; object-fit:contain; margin:auto; }
.firuraq-social-widget { display:flex; flex-direction:row-reverse; align-items:center; }
.firuraq-social-widget .avatar {
    display:flex; float:none; flex:0 0 75px; width:75px; height:85px;
    align-items:center; justify-content:center; order:2;
}
.firuraq-social-widget .avatar img {
    position:static; transform:none; width:55px; height:55px;
    padding:5px; object-fit:contain; background:rgba(255,255,255,.08);
}
.firuraq-social-widget .avatar::after { display:none; }
.firuraq-social-widget .links {
    display:flex; flex:1; order:1; float:none;
    width:auto; height:85px; margin:0; padding:0 8px;
    list-style:none; align-items:center; justify-content:space-around;
}
.firuraq-social-widget .links li { flex:1; list-style:none; text-align:center; height:auto; line-height:1.3; }
.firuraq-social-widget .links a,
.firuraq-social-widget .links .municipality-social-pending {
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    gap:6px; width:100%; height:70px; line-height:1.4;
    color:#e8c375; text-decoration:none; font-size:21px; cursor:default;
}
.firuraq-social-widget .links a { cursor:pointer; }
.firuraq-social-widget .links a:hover, .firuraq-social-widget .links a:focus-visible { color:#fff; }
.firuraq-social-widget .links .municipality-social-pending { opacity:.72; }
.firuraq-social-widget .links .municipality-social-name { font-size:11px; font-weight:500; white-space:nowrap; }
@media(max-width:620px) {
  #header .site-logo { min-height:120px; }
  #header .site-logo img { max-width:105px; }
}

/* Header image 901 is a complete institutional masthead with text. */
#header .he-1.news-masthead-901 { display:flex; align-items:center; justify-content:center; }
#header .he-1.news-masthead-901 .news-brand-title { display:none; }
#header .he-1.news-masthead-901 .site-logo { float:none; height:100%; display:flex; align-items:center; justify-content:center; }
#header .he-1.news-masthead-901 .site-logo a { display:flex; align-items:center; justify-content:center; height:100%; width:100%; }
#header .he-1.news-masthead-901 .site-logo img { display:block; width:auto!important; height:auto!important; max-width:96%; max-height:90%; object-fit:contain; margin:auto; }
@media(max-width:620px) {
  #header .he-1.news-masthead-901 { height:174px; min-height:174px; }
  #header .he-1.news-masthead-901 .site-logo { min-height:0; }
  #header .he-1.news-masthead-901 .site-logo img { max-width:95%; max-height:162px; }
}

/* Municipality launch page and official institutional footer */
#President .municipal-home-panel {
    background:#fff; border-radius:7px; overflow:hidden;
    border:1px solid #e3e8ec; box-shadow:0 2px 12px rgba(12,30,58,.06);
    padding:0 0 22px; margin-bottom:24px;
}
.municipal-home-head { background:#0b2054; color:#fff; padding:28px 25px; text-align:right; }
.municipal-home-head h1 { font-size:21px; line-height:1.9; color:#fff; margin:0 0 8px; }
.municipal-home-head p { font-size:13px; color:#ddeaf3; margin:0; line-height:1.9; }
.municipal-home-panel h2 { font-size:17px; line-height:1.7; margin:20px 20px 12px; color:#10274a; }
.municipal-home-categories { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:0 20px; }
.municipal-home-link {
    border:1px solid #dde6ef; border-radius:6px; color:#103255!important;
    display:flex; flex-direction:column; gap:12px; align-items:center;
    justify-content:center; min-height:95px; text-decoration:none!important;
    font-size:13px; font-weight:bold; background:#f8fbfc; padding:10px;
}
.municipal-home-link i { font-size:24px; color:#078994; }
.municipal-home-link:hover,.municipal-home-link:focus { background:#edf8f7; border-color:#12a7a8; }
.municipal-home-services { padding:4px 20px 0; }
.municipal-home-services h2 { margin:15px 0 8px; }
.municipal-home-services p { font-size:13px; color:#556; margin:0 0 14px; line-height:1.8; }
.municipal-home-actions { display:flex; flex-wrap:wrap; gap:9px; align-items:center; }
.municipal-home-actions a { padding:10px 14px; border:1px solid #bfd7d9; background:#f5faf9; border-radius:5px; color:#123954!important; font-size:12px; text-decoration:none!important; }
.municipal-home-actions a.municipal-primary-link { background:#066578; color:#fff!important; border-color:#066578; }
.municipal-home-actions a:hover { filter:brightness(.94); }

.municipal-institutional-footer { clear:both; background:#152e51!important; }
.municipal-institutional-footer .container { width:min(1100px,calc(100% - 36px))!important; max-width:1100px; height:auto; overflow:visible; margin:auto; }
.municipal-institutional-footer .news-institutional-links { width:100%; padding:26px 0 28px; box-sizing:border-box; }
.municipal-institutional-footer .news-institutional-links h2 { font-size:17px; color:#fff; margin:0 0 17px; }
.municipal-institutional-footer .news-institutional-links ul { display:flex; flex-wrap:wrap; list-style:none; align-items:stretch; justify-content:flex-start; gap:10px; margin:0; padding:0; }
.municipal-institutional-footer .news-institutional-links li { list-style:none; border:1px solid rgba(255,255,255,.20); border-radius:5px; margin:0; padding:0; }
.municipal-institutional-footer .news-institutional-links a {
    display:block; padding:9px 13px; line-height:1.8; color:#e8eef8; text-decoration:none;
    font-size:12px;
}
.municipal-institutional-footer .news-institutional-links a:hover { color:#fff; background:#17657b; }
#footer { background:#08244a!important; }
#footer .container { width:min(1100px,calc(100% - 36px))!important; max-width:1100px; margin:auto; height:auto; overflow:visible; }
#footer .municipal-footer-inner { display:flex; gap:30px; align-items:center; justify-content:space-between; padding:27px 0; color:#fff; }
.municipal-footer-brand { display:flex; align-items:center; gap:15px; flex:1; min-width:0; }
.municipal-footer-logo img { display:block; width:65px; height:80px; object-fit:contain; }
.municipal-footer-credit { min-width:0; }
.municipal-footer-credit strong { display:block; color:#fff; font-size:14px; line-height:1.8; font-weight:700; }
.municipal-footer-credit p { color:#cbd8e9; font-size:11px; line-height:1.8; margin:6px 0 0; }
.municipal-footer-menu { flex:0 1 45%; }
.municipal-footer-menu ul { display:flex; flex-wrap:wrap; justify-content:flex-start; gap:9px 18px; padding:0; margin:0; list-style:none; }
.municipal-footer-menu li { list-style:none; margin:0; padding:0; }
.municipal-footer-menu a { font-size:12px; color:#d9e5ef!important; line-height:1.8; text-decoration:none; }
.municipal-footer-menu a:hover { color:#fff!important; text-decoration:underline; }
@media(max-width:950px) {
    #footer .municipal-footer-inner { flex-direction:column; align-items:stretch; }
    .municipal-footer-menu { flex:auto; }
}
@media(max-width:620px) {
    .municipal-home-categories { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:0 12px; }
    .municipal-home-head { padding:18px 14px; }
    .municipal-home-head h1 { font-size:17px; }
    .municipal-home-panel h2 { margin:17px 12px 10px; }
    .municipal-home-services { padding:4px 12px 0; }
    .municipal-home-link { min-height:80px; }
    .municipal-footer-brand { align-items:flex-start; }
    .municipal-footer-credit strong { font-size:12px; }
    .municipal-institutional-footer .news-institutional-links ul { display:block; }
    .municipal-institutional-footer .news-institutional-links li { margin-bottom:8px; }
}

/* Targeted visual corrections following live desktop/mobile audit. */
/* Image 901 is itself a complete masthead; reduce its visual weight. */
#header .he-1.news-masthead-901 .site-logo img {
    width:auto !important;
    height:auto !important;
    max-width:68% !important;
    max-height:72% !important;
    object-fit:contain;
}
/* Footer must have a single uninterrupted background and readable RTL text. */
#footer, #footer .container, #footer .municipal-footer-inner {
    background-color:#08244a !important;
    background-image:none !important;
}
#footer .municipal-footer-brand { flex:1 1 55%; }
#footer .municipal-footer-menu { flex:1 1 42%; }
#footer .municipal-footer-credit { overflow-wrap:anywhere; }
#footer .municipal-footer-credit p { color:#d1dded; }
#footer .municipal-footer-logo { flex:0 0 58px; }
#footer .municipal-footer-logo img { width:58px; max-height:72px; height:auto; }
#footer .municipal-footer-menu a { color:#edf3fa !important; }
@media (max-width:950px) {
    #footer .municipal-footer-inner { gap:20px; padding:23px 0; align-items:stretch; }
    #footer .municipal-footer-brand { flex:0 1 auto; }
    #footer .municipal-footer-menu { flex:0 1 auto; }
    #footer .municipal-footer-menu ul { gap:10px 17px; }
}
@media (max-width:620px) {
    #header .he-1.news-masthead-901 .site-logo img {
        max-width:72% !important;
        max-height:68% !important;
    }
    #footer .container { width:calc(100% - 36px) !important; }
    #footer .municipal-footer-inner { gap:20px; padding:24px 0 27px; }
    #footer .municipal-footer-brand { width:100%; gap:12px; align-items:center; }
    #footer .municipal-footer-logo { flex:0 0 48px; }
    #footer .municipal-footer-logo img { width:48px; max-height:61px; }
    #footer .municipal-footer-credit strong { line-height:1.8; font-size:12px; }
    #footer .municipal-footer-credit p { font-size:11px; line-height:1.9; }
    #footer .municipal-footer-menu { border-top:1px solid rgba(255,255,255,.15); padding-top:16px; }
    #footer .municipal-footer-menu ul { justify-content:flex-start; gap:10px 15px; }
    #footer .municipal-footer-menu a { font-size:12px; }
}