/**
 * Shame CSS
 *
 * Dedicated stylesheet to house quick fixes and hacks that can be refactored
 * at a later time. Please make sure to use !important if you are overriding
 * existing styling and make sure to document your changes.
 *
 * Remember to enque the file in the assets function in app/setup.php
 */


 .h6-style,
 :where(.editor-styles-wrapper) .acf-block-preview .h6-style {
    font-family: heading-six, Helvetica Neue, Helvetica, Arial, serif;
    font-size: var(--h6-mobile);
    color: var(--h6-color);
    text-transform: var(--h6-transform);
    line-height: var(--h6-line-height);
    letter-spacing: var(--h6-letter-spacing);
    font-weight: var(--h6-font-weight);
    -webkit-text-decoration: var(--h6-text-decoration);
    text-decoration: var(--h6-text-decoration);
 }

 .h5-style,
 :where(.editor-styles-wrapper) .acf-block-preview .h5-style {
    font-family: heading-five, Helvetica Neue, Helvetica, Arial, serif;
    font-size: var(--h5-mobile);
    color: var(--h5-color);
    text-transform: var(--h5-transform);
    line-height: var(--h5-line-height);
    letter-spacing: var(--h5-letter-spacing);
    font-weight: var(--h5-font-weight);
    -webkit-text-decoration: var(--h5-text-decoration);
    text-decoration: var(--h5-text-decoration);
}

 @media (min-width: 1024px) {
    .h6-style,
    :where(.editor-styles-wrapper) .acf-block-preview .h6-style {
        font-size: var(--h6-desk);
    }

    .h5-style,
    :where(.editor-styles-wrapper) .acf-block-preview .h5-style {
        font-size: var(--h5-desk);
    }
}

/* Global `span { font-size: var(--p-mobile) }` rule in _type.scss shrinks every
   color-accent <span> nested inside headings sitewide (e.g. hero H1 city names,
   section title kickers). Restore inheritance here until the theme is rebuilt
   and this can move back into _type.scss proper. */
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    font-family: inherit !important;
    text-transform: inherit !important;
}

/* ==========================================================================
   Sitewide footer grid (contact-a + footer-a combined into one visual band)
   Figma: 21914-1722 "Homepage" bottom section — 5-col grid: Brand/Social,
   Quick Link, Marco Island, Naples, North Naples, then a copyright bar.
   Previously contact-a and footer-a rendered as two separate stacked,
   centered, white-background sections with no icons and no "Quick Link"
   label — this restores the intended dark gradient grid without needing
   a full webpack rebuild (theme has no compiled node_modules on this box).
   ========================================================================== */

.site-footer-grid-wrap {
    background: linear-gradient(180deg, #341d61 0%, #871c3f 100%);
}

.site-footer-grid-wrap section.section-contact-a,
.site-footer-grid-wrap section.section-contact-a > .container,
.site-footer-grid-wrap section.section-contact-a .section-contact__wrapper,
.site-footer-grid-wrap footer.footer-a,
.site-footer-grid-wrap footer.footer-a > .container,
.site-footer-grid-wrap footer.footer-a .meta {
    display: contents !important;
    background: none !important;
}

.site-footer-grid-wrap {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 0 30px;
    max-width: 1500px;
    margin: 0 auto;
    padding: 60px 15px 0;
}

.site-footer-grid-wrap .footer-brand-col,
.site-footer-grid-wrap .contact-info,
.site-footer-grid-wrap .footer-nav-col,
.site-footer-grid-wrap .contact_area_main_content,
.site-footer-grid-wrap .copyright {
    text-align: left !important;
    color: #ffffff;
    margin-bottom: 40px;
}

.site-footer-grid-wrap .footer-brand-col img,
.site-footer-grid-wrap .footer-brand-col p,
.site-footer-grid-wrap .footer-nav-col a {
    margin-left: 0 !important;
}

.site-footer-grid-wrap h5,
.site-footer-grid-wrap h5 span {
    color: #ffffff !important;
    text-transform: uppercase;
    font-size: 18px !important;
    margin-bottom: 10px;
}

.site-footer-grid-wrap .contact_area_main_content p,
.site-footer-grid-wrap .contact_area_main_content a,
.site-footer-grid-wrap .contact_area_main_content em,
.site-footer-grid-wrap .contact_area_main_content strong {
    color: #ffffff !important;
}

.site-footer-grid-wrap .contact_area_main_content a[href^="tel:"],
.site-footer-grid-wrap .contact_area_main_content a[href^="https://www.google.com/maps"] {
    text-decoration: none;
}

.site-footer-grid-wrap .footer-brand-col p,
.site-footer-grid-wrap .footer-nav-col__heading {
    color: #ffffff !important;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 10px;
}

.site-footer-grid-wrap .footer-brand-col p.footer__tagline {
    text-transform: none !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}

.site-footer-grid-wrap .footer-nav-a {
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
}

.site-footer-grid-wrap .footer-nav-a a {
    color: #ffffff;
    display: block;
    padding: 4px 0;
}

.site-footer-grid-wrap .social-contact-title {
    color: #ffffff !important;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    text-align: left !important;
}

.site-footer-grid-wrap .social-list {
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
}

.site-footer-grid-wrap .contact-info a svg {
    fill: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.15) !important;
}

.site-footer-grid-wrap .copyright {
    grid-column: 1 / -1;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding: 20px 0 20px 70px;
    margin-bottom: 0;
}

@media (max-width: 1023px) {
    .site-footer-grid-wrap .copyright {
        padding-left: 15px;
    }
}

.site-footer-grid-wrap .copyright p,
.site-footer-grid-wrap .copyright a,
.site-footer-grid-wrap .copyright span {
    color: #ffffff !important;
    text-align: left;
}

@media (min-width: 1024px) {
    .site-footer-grid-wrap {
        grid-template-columns: 1.3fr 0.9fr 1fr 1fr 1fr;
        align-items: start;
    }

    .site-footer-grid-wrap .footer-brand-col {
        grid-column: 1;
        grid-row: 1;
    }

    .site-footer-grid-wrap .contact-info {
        grid-column: 1;
        grid-row: 2;
    }

    .site-footer-grid-wrap .footer-nav-col {
        grid-column: 2;
        grid-row: 1 / span 2;
    }

    .site-footer-grid-wrap .contact_area_main_content:nth-of-type(1) {
        grid-column: 3;
        grid-row: 1 / span 2;
    }

    .site-footer-grid-wrap .contact_area_main_content:nth-of-type(2) {
        grid-column: 4;
        grid-row: 1 / span 2;
    }

    .site-footer-grid-wrap .contact_area_main_content:nth-of-type(3) {
        grid-column: 5;
        grid-row: 1 / span 2;
    }

    .site-footer-grid-wrap .copyright {
        grid-row: 3;
    }

    .site-footer-grid-wrap .copyright p {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 10px;
    }
}