/* CCI — Brown Old Newspaper Header */
.mg-nav-widget-area-back {
    background-image: url("https://citruscountyindependence.org/wp-content/uploads/2026/08/dd7c9e88-6d42-4448-95a1-48fcbea64dcb-1.png") !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Remove the blue tint over the newspaper */
.mg-nav-widget-area-back .inner {
    background-color: rgba(80, 45, 15, 0.12) !important;
}
/* CCI — Make Header Taller */
.mg-nav-widget-area-back .inner {
    min-height: 260px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
/* CCI — Darker Tan Body Behind the Boxes */
body.home .site-content,
body.home #content,
body.home #primary,
body.home #main,
body.home main.site-main {
    background-color: #c9a66b !important;
}

/* CCI — Darker Tan Newspaper Boxes */
body.home .cci-home-box,
body.home .cci-ce-live-comments,
body.home .cci-live-comments,
body.home .top-right-area .small-list-post {
    background: #d2ad73 !important;
    border: 1px solid #a77c42 !important;
}
/* CCI — LARGE CENTER LOGO ON MOBILE */
@media only screen and (max-width: 768px) {

    /* Give the logo area more height */
    .mg-nav-widget-area-back {
        min-height: 260px !important;
    }

    .mg-nav-widget-area-back .inner {
        min-height: 260px !important;
        padding: 10px 0 !important;
    }

    /* Allow center branding area to use full width */
    .mg-nav-widget-area-back .site-branding,
    .mg-nav-widget-area-back .navbar-brand {
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
        margin: 0 auto !important;
    }

/* CCI — MOBILE HEADER: SHORTER + WIDER CENTER LOGO */
@media only screen and (max-width: 768px) {

    .mg-nav-widget-area-back {
        min-height: 210px !important;
        overflow: visible !important;
    }

    .mg-nav-widget-area-back .inner {
        min-height: 210px !important;
        padding: 4px 0 !important;
    }
/* CCI — ENLARGE CENTER SITE ICON ON MOBILE ONLY */
@media only screen and (max-width: 768px) {

    .mg-nav-widget-area-back .site-icon,
    .mg-nav-widget-area-back .site-icon img {
        width: 300px !important;
        max-width: 90vw !important;
        height: auto !important;
    }
}