/* ==========================================================
   MAURADIAN GUTTERS
   SERVICE AREA R7 SITE INTEGRATION
   ========================================================== */

.mg-site-header {
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: space-between;

    box-sizing: border-box;

    padding: 12px 32px;

    background: #020b19;

    border-bottom:
        1px solid rgba(244,182,0,.25);
}

.mg-site-logo img {
    display: block;

    width: 142px;
    height: auto;
}

.mg-site-main-nav {
    display: flex;
    align-items: center;

    gap: 28px;
}

.mg-site-main-nav a {
    color: #fff;

    text-decoration: none;

    font-size: 13px;
    font-weight: 800;

    text-transform: uppercase;
}

.mg-site-main-nav a:hover,
.mg-site-main-nav a[aria-current="page"] {
    color: #f4b600;
}

.mg-site-main-nav .mg-site-quote {
    padding: 13px 22px;

    color: #05080d;

    background: #f4b600;
}

/* HERO / MAP TITLE AREA */

main > h1,
.service-area-hero,
.map-heading {
    position: relative;
    z-index: 1;
}

/*
 Keep the existing approved visual background if its
 original selector is present; this fallback ensures
 the heading does not appear on a plain empty surface.
*/

main::before {
    content: "";

    display: block;

    position: absolute;
    left: 0;
    right: 0;

    height: 140px;

    pointer-events: none;

    opacity: .38;

    background:
        linear-gradient(
            rgba(1,10,20,.44),
            rgba(1,10,20,.86)
        );
}

/* BENEFIT LINKS */

.gold-benefit-bar article {
    position: relative;
}

.gold-benefit-bar article a.mg-benefit-link {
    position: absolute;
    inset: 0;

    z-index: 5;

    text-indent: -9999px;

    overflow: hidden;
}

/* EMPTY CITY POST — HIDE CLEANLY */

.right-panel
.latest-city-panel.mg-no-verified-city-post,

#mg-final-right-panel
.latest-city-panel.mg-no-verified-city-post {
    display: none !important;
}

/* SITE FOOTER */

.mg-site-footer {
    width: 100%;

    box-sizing: border-box;

    padding: 34px 40px 22px;

    color: #fff;

    background: #202522;

    border-top:
        1px solid rgba(244,182,0,.24);
}

.mg-site-footer-brand {
    display: flex;
    align-items: center;

    gap: 22px;

    max-width: 1100px;

    margin: 0 auto 25px;
}

.mg-site-footer-brand img {
    width: 100px;
    height: auto;
}

.mg-site-footer-brand strong {
    font-size: 22px;
}

.mg-site-footer-brand p {
    max-width: 680px;

    margin: 6px 0 0;

    line-height: 1.5;
}

.mg-site-footer-links {
    display: flex;
    flex-wrap: wrap;

    gap: 18px;

    max-width: 1100px;

    margin: 0 auto 20px;
}

.mg-site-footer-links a {
    color: #fff;

    text-decoration: none;
}

.mg-site-footer-links a:hover {
    color: #f4b600;
}

.mg-site-copyright {
    max-width: 1100px;

    margin: 0 auto;

    opacity: .72;
}

@media (max-width: 900px) {

    .mg-site-header {
        flex-direction: column;

        gap: 16px;

        padding: 14px 18px;
    }

    .mg-site-main-nav {
        justify-content: center;
        flex-wrap: wrap;

        gap: 14px;
    }
}