/* FHA Teal Theme (V2) — exact values from "11 FHA-Home V2.pxd"
   Column gradient sampled from document composite (horizontal, % of column width).
   Element fills from layer style data:
   Fairchild #CBEAEA | HAIR ARTISTRY #022C44 | Our Mission #A2E7E8
   Mission text #C1D7D7 | CTA #022C44 / text #A1E7E8 | Contact #CBD8D8 */
@media (min-width: 992px) {
    .theme-teal .banner .banner-detail-container {
        background: linear-gradient(90deg,
            #045567 0%,
            #166878 20%,
            #247885 31%,
            #30828F 44%,
            #398C97 58%,
            #40959D 71%,
            #479CA4 85%,
            #4A9EA4 100%);
    }

    .theme-teal .banner .banner-detail-container .details .details-disc {
        color: #C1D7D7;
        text-shadow: 0 1px 2px rgba(2, 44, 68, 0.5);
    }

    .theme-teal .banner .banner-detail-container .action * {
        background-color: #022C44;
        color: #A1E7E8;
    }

    .theme-teal .banner .banner-detail-container .action *:hover {
        background-color: #aaf9f9;
        color: #022C44;
    }
}