/* ============================================
   CDPH Web Template Styles (CWP Namespace)
   Prefix: .cwp-
   Uses global variables and !important for immutability.
   ============================================ */

/* Scrollbar handled by OverlayScrollbars library */
html {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

/* OverlayScrollbars custom styling - thicker scrollbar, shorter thumb */
.os-scrollbar {
    --os-size: 12px !important; /* Thicker scrollbar */
    --os-padding-perpendicular: 2px !important;
    --os-padding-axis: 2px !important;
}

.os-scrollbar-handle {
    min-height: 20px !important; /* Shorter thumb height - standard */
    background: rgba(128, 128, 128, 0.6) !important;
    border-radius: 6px !important;
}

.os-scrollbar-handle:hover {
    background: rgba(128, 128, 128, 0.8) !important;
}

body {
    font-family: var(--cdph-font-family, 'Source Sans Pro', sans-serif) !important;
    font-size: 18px; /* Removed !important to allow resizing */
    margin: 0 !important;
    padding: 0 !important;
    background-color: var(--cdph-clrs-tertiary-white) !important;
    color: var(--cdph-clrs-tertiary-carbon) !important;
}

/* ============================================
   TOP MASTHEAD
   ============================================ */
.cwp-masthead-top {
    background-color: var(--cdph-clrs-tertiary-white) !important; /* Changed to white */
    padding: 12px 5px !important;
    border-bottom: 1.6px solid var(--cdph-clrs-primary-orange) !important;
}

.cwp-masthead-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
}

.cwp-ca-logo-area {
    flex: 0 0 calc(100% / 12) !important;
    max-width: calc(100% / 12) !important;
}

.cwp-ca-logo-area img {
    width: 67.5px !important;
    height: 38px !important;
}

.cwp-top-right-area {
    flex: 0 0 calc(100% - (100% / 12)) !important;
    max-width: calc(100% - (100% / 12)) !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    margin-top: -4px !important;
}

/* TOP NAV LINKS */
.cwp-top-nav-links {
    display: inline-block !important;
    font-size: 0.7em !important;
    padding: 7px !important;
}

.cwp-top-nav-links a {
    font-weight: bold !important;
    text-decoration: none !important;
    margin-right: 26px !important;
    color: var(--cdph-clrs-primary-orange) !important;
}

.cwp-top-nav-links a.cwp-txt-green {
    color: var(--cdph-clrs-primary-teal) !important;
}

.cwp-top-nav-links a:hover {
    text-decoration: none !important;
}

/* LANGUAGE SELECTOR */
.cwp-lang-box {
    display: inline-block !important;
    background-color: var(--cdph-clrs-tertiary-white) !important;
    border: 1px solid var(--cdph-clrs-tertiary-graphite) !important;
    padding: 4px !important;
    padding-right: 3px !important;
    font-size: 0.7em !important;
    margin-top: 2px !important;
    margin-right: 14px !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    vertical-align: top !important;
}

.cwp-lang-box .glyphicon {
    top: 2px !important;
    float: left !important;
    font-size: 1em !important;
    color: var(--cdph-clrs-tertiary-carbon) !important;
    margin-right: 4px !important;
}

.cwp-lang-box span {
    font-size: 1em !important;
}

/* GOOGLE TRANSLATE STYLES (External, but we scope our wrappers) */
.goog-te-gadget-simple {
    border: 0px !important;
    font-size: 1em !important;
    padding: 0px !important;
    background-color: transparent !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

.goog-te-gadget-simple a {
    text-decoration: none !important;
    color: var(--cdph-clrs-tertiary-carbon) !important;
}

.goog-te-gadget-icon,
.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

.cwp-settings-dropdown .goog-te-gadget-simple {
    font-size: 0.9em !important;
    color: var(--cdph-clrs-primary-teal) !important;
}

.cwp-settings-dropdown .goog-te-gadget-simple a {
    color: var(--cdph-clrs-tertiary-black) !important;
}

.cwp-settings-dropdown .cwp-mobile-lang-wrapper {
    border-bottom: 1px solid var(--cdph-clrs-tertiary-graphite) !important;
    padding: 8px 0 !important;
    margin-bottom: 10px !important;
}

.goog-te-menu-value span {
    color: var(--cdph-clrs-tertiary-carbon) !important;
    font-family: var(--cdph-font-family, 'Source Sans Pro', sans-serif) !important;
}

.goog-te-menu-value span:last-child {
    font-size: 0.8em !important;
    color: var(--cdph-clrs-tertiary-graphite) !important;
}

/* TEXT RESIZE */
.cwp-text-resize-box {
    display: inline-block !important;
    background-color: var(--cdph-clrs-tertiary-white) !important;
    border: 1px solid var(--cdph-clrs-tertiary-graphite) !important;
    padding: 5px 5px 5px !important;
    margin-top: 2px !important;
    font-size: 0.7em !important;
    white-space: nowrap !important;
}

.cwp-text-resize-box a {
    color: var(--cdph-clrs-tertiary-carbon) !important;
    text-decoration: none !important;
    margin-left: 1px !important;
    margin-right: 1px !important;
}

.cwp-text-resize-box a.cwp-disabled {
    color: var(--cdph-clrs-tertiary-graphite) !important;
    cursor: default !important;
}

/* ============================================
   MAIN HEADER
   ============================================ */
.cwp-header-main {
    padding: 10px 0 !important;
    background-color: var(--cdph-clrs-tertiary-white) !important;
    position: relative !important; /* Positioning context for mega menu centering */
}

.cwp-header-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-end !important;
}

.cwp-logo-area {
    flex-shrink: 0 !important;
    padding-right: 30px !important;
    margin-right: 60px !important;
}

.cwp-logo-area a {
    display: inline-block !important;
}

.cwp-logo {
    width: 281px !important;
    height: auto !important;
    display: block !important;
}

.cwp-search-nav-area {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    position: static !important; /* Static so mega menu positions relative to header-main */
}

/* SEARCH BOX */
.cwp-search-box {
    border-bottom: 1px dotted var(--cdph-clrs-tertiary-carbon) !important;
    padding: 5px 0 10px !important;
    display: flex !important;
    align-items: center !important;
    margin-top: 10px !important;
    width: 96.5% !important;
}

.cwp-search-box .cwp-search-icon {
    font-size: 1.2em !important;
    line-height: 1em !important;
    margin-right: 8px !important;
    color: var(--cdph-clrs-tertiary-carbon) !important;
}

.cwp-search-box input {
    border: none !important;
    outline: none !important;
    width: 80% !important;
    font-size: 1em !important;
    line-height: 1.1em !important;
    font-style: italic !important;
    color: var(--cdph-clrs-tertiary-carbon) !important;
    font-family: inherit !important;
    background: transparent !important;
}

.cwp-search-box input:focus {
    font-style: normal !important;
}

.cwp-search-box input::placeholder {
    color: var(--cdph-clrs-tertiary-carbon) !important;
    font-style: italic !important;
    opacity: 0.7 !important;
}

.cwp-search-box input:focus::placeholder {
    opacity: 0 !important;
}

/* NAVIGATION ITEMS */
.cwp-nav-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    margin-top: 8px !important;
    position: static !important; /* Allows mega menu to position relative to .cwp-search-nav-area */
}

.cwp-nav-item {
    text-align: center !important;
    padding-right: 20px !important;
    position: static !important; /* Changed to static so mega menu positions relative to search-nav-area */
}

.cwp-nav-link {
    display: block !important;
    text-decoration: none !important;
    font-weight: bold !important;
    font-size: 1.25em !important;
    padding: 2px 15px 5px !important;
    margin-right: 20px !important;
    border-bottom-width: 2px !important;
    border-bottom-style: solid !important;
    white-space: nowrap !important;
    min-width: 160px !important;
    box-sizing: border-box !important;
}

.cwp-nav-link .fa {
    display: block !important;
    margin: 0 !important;
    text-align: center !important;
}

/* Color Variants */
.cwp-nav-blue .cwp-nav-link {
    color: var(--cdph-clrs-primary-sky) !important;
    border-bottom-color: var(--cdph-clrs-primary-blue) !important;
}

.cwp-nav-teal .cwp-nav-link {
    color: var(--cdph-clrs-primary-teal) !important;
    border-bottom-color: var(--cdph-clrs-primary-teal) !important;
}

.cwp-nav-brown .cwp-nav-link {
    color: var(--cdph-clrs-primary-orange) !important;
    border-bottom-color: var(--cdph-clrs-primary-orange) !important;
}

.cwp-nav-purple .cwp-nav-link {
    color: var(--cdph-clrs-primary-purple) !important;
    border-bottom-color: var(--cdph-clrs-primary-purple) !important;
}

/* ============================================
   MEGA MENU STYLES - Click Activated
   ============================================ */
.cwp-nav-item.cwp-menu-open .fa-angle-down {
    visibility: hidden !important;
}

/* Nav Link needs relative positioning for triangles */
.cwp-nav-link {
    position: relative !important;
}

/* Triangles - attached to nav-link instead of nav-item */
.cwp-nav-item.cwp-menu-open .cwp-nav-link::before {
    content: '' !important;
    position: absolute !important;
    bottom: -18px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 18px solid transparent !important;
    border-right: 18px solid transparent !important;
    border-bottom: 17px solid var(--cdph-clrs-primary-blue) !important;
    z-index: 10001 !important;
}

.cwp-nav-item.cwp-menu-open .cwp-nav-link::after {
    content: '' !important;
    position: absolute !important;
    bottom: -18px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 17px solid transparent !important;
    border-right: 17px solid transparent !important;
    border-bottom: 15px solid var(--cdph-clrs-tertiary-white) !important;
    z-index: 10002 !important;
}

.cwp-nav-blue.cwp-menu-open .cwp-nav-link::before { border-bottom-color: var(--cdph-clrs-primary-blue) !important; }
.cwp-nav-teal.cwp-menu-open .cwp-nav-link::before { border-bottom-color: var(--cdph-clrs-primary-teal) !important; }
.cwp-nav-brown.cwp-menu-open .cwp-nav-link::before { border-bottom-color: var(--cdph-clrs-primary-orange) !important; }
.cwp-nav-purple.cwp-menu-open .cwp-nav-link::before { border-bottom-color: var(--cdph-clrs-primary-purple) !important; }

/* The Mega Menu Itself */
.cwp-mega-menu {
    display: none !important;
    position: absolute !important;
    top: calc(100% + 5px) !important; /* Moved up to connect with triangle */
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 95vw !important;
    max-width: 1170px !important;
    background-color: var(--cdph-clrs-tertiary-white) !important; /* Changed to white */
    border: 1px solid var(--cdph-clrs-primary-blue) !important;
    box-shadow: none !important;
    padding: 20px 0px !important;
    z-index: 9999 !important;
    box-sizing: border-box !important;
}

.cwp-mega-menu.cwp-show {
    display: block !important;
}

.cwp-nav-blue .cwp-mega-menu { border-color: var(--cdph-clrs-primary-blue) !important; }
.cwp-nav-teal .cwp-mega-menu { border-color: var(--cdph-clrs-primary-teal) !important; }
.cwp-nav-brown .cwp-mega-menu { border-color: var(--cdph-clrs-primary-orange) !important; }
.cwp-nav-purple .cwp-mega-menu { border-color: var(--cdph-clrs-primary-purple) !important; }

.cwp-mega-menu .row {
    display: flex !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
    padding: 0 15px !important;
}

/* ============================================
   FOOTER (CWP PREFIX)
   ============================================ */
.cwp-footer {
    background-color: var(--cdph-clrs-primary-blue) !important;
    color: #71bee3 !important;
    position: relative !important;
    overflow: hidden !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.4 !important;
}

.cwp-footer-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 32px 32px !important;
    position: relative !important;
    z-index: 2 !important;
}

.cwp-footer-grid {
    display: grid !important;
    grid-template-columns: 25% 23% 23% 29% !important;
    column-gap: 2px !important;
    row-gap: 20px !important;
    align-items: start !important;
    justify-content: center !important;
}

.cwp-footer-grid > :first-child {
    justify-self: end !important;
}

.cwp-phab-seal {
    width: 80px !important;
    height: auto !important;
    margin-right: 48px !important;
}

.cwp-footer-link {
    display: inline-block !important;
    color: #71bee3 !important;
    text-decoration: none !important;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.7) !important;
    margin-bottom: 10px !important;
    font-size: 17.1px !important;
}

.cwp-footer-link:hover,
.cwp-footer-link:focus {
    color: var(--cdph-clrs-primary-orange) !important;
    border-bottom-color: var(--cdph-clrs-primary-orange) !important;
    outline: none !important;
}
/*
.cwp-footer h5,
.cwp-footer h6 {
    margin: 0 0 12px !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    color: var(--cdph-clrs-tertiary-white) !important;
}
*/
.cwp-footer .cwp-footer-title {
    margin: 0 0 12px !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    color: var(--cdph-clrs-tertiary-white) !important;
    line-height: 1.4;
}

.cwp-footer p {
    margin: 0 0 10px !important;
    font-size: 18px !important;
}

.cwp-social-row {
    display: flex !important;
    gap: 14px !important;
    margin-top: 14px !important;
}

.cwp-social-icon {
    width: 38px !important;
    height: 38px !important;
}

.cwp-footer-bg {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 420px !important;
    height: 100% !important;
    background: url("https://www.cdph.ca.gov/PublishingImages/homepage/Rebranding/FooterBG.svg") no-repeat right center !important;
    background-size: contain !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

@media (max-width: 767px) {
    .cwp-footer-grid {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    .cwp-phab-seal {
        position: absolute !important;
        top: 16px !important;
        right: 16px !important;
    }

    .cwp-footer-bg {
        display: none !important;
    }
}

/* Back to Top Button */
.backtoTop {
    display: none; /* hidden by default (mobile) */
}

@media (min-width: 768px) {
    .backtoTop {
        display: block;
        width: 70px;
        height: 50px;
        position: fixed;
        right: 10px;
        bottom: 10px;
        z-index: 1000;
        cursor: pointer;

        background-image: url("https://www.cdph.ca.gov/PublishingImages/homepage/Rebranding/ToTop.svg");
        background-repeat: no-repeat;
        background-size: contain;

        /*color: transparent;
        font-weight: 700;
        font-size: 18px;
        text-align: center;
        line-height: 50px;
        text-indent: -9999px;
        overflow: hidden;
        white-space: nowrap;*/

        border: none !important;
        outline: none !important;
        background-color: transparent !important;
        -webkit-appearance: none !important;
        appearance: none !important;
        box-shadow: none !important;
    }

    .backtoTop:focus-visible {
        outline: 3px solid var(--cdph-clrs-primary-teal) !important;
        outline-offset: 2px !important;
        border-radius: 6px !important;
    }

    .backtoTop::-moz-focus-inner {
        border: 0 !important;
        padding: 0 !important;
    }
}

.cwp-menu-col {
    flex: 0 0 33.333% !important;
    max-width: 33.333% !important;
    padding: 0 15px !important;
    margin-bottom: 15px !important;
}

.cwp-mega-menu ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.cwp-mega-menu li {
    font-size: 1.05em !important;
    text-align: left !important;
}

.cwp-mega-menu h1 {
    font-size: 1.3em !important;
    font-weight: bold !important;
    margin: 7px 0 0 0 !important;
    padding: 3px 3px 3px 0 !important;
    line-height: 1.43em !important;
    text-align: left !important;
}

.cwp-mega-menu h1 a {
    color: var(--cdph-clrs-tertiary-carbon) !important;
    text-decoration: none !important;
}
.cwp-mega-menu h1 a:hover {
    text-decoration: underline !important;
}

.cwp-mega-menu h2 {
    font-size: inherit !important;
    font-weight: normal !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: inherit !important;
}

.cwp-mega-menu h2 a {
    display: block !important;
    padding: 3px 3px 12px !important;
    clear: both !important;
    font-weight: normal !important;
    line-height: 1.2em !important;
    white-space: normal !important;
    color: var(--cdph-clrs-primary-sky) !important;
    text-decoration: none !important;
    text-align: left !important;
}
.cwp-mega-menu h2 a:hover {
    text-decoration: none !important;
    color: var(--cdph-clrs-secondary-navy) !important;
}

/* See More Button */
.cwp-btn-seemore {
    display: inline-block !important;
    margin-top: 5px !important;
    padding: 2px 4px !important;
    background-color: var(--cdph-clrs-primary-teal) !important;
    color: var(--cdph-clrs-tertiary-white) !important;
    font-size: 0.85em !important;
    font-weight: bold !important;
    text-decoration: none !important;
    border-radius: 3px !important;
}
.cwp-btn-seemore:hover {
    filter: brightness(85%) !important;
}

/* Single Column Variant */
.cwp-mega-menu.cwp-single {
    width: auto !important;
    min-width: 280px !important;
    left: auto !important;
    right: auto !important;
    padding: 15px 20px !important;
}

.cwp-single .cwp-menu-section-title {
    font-size: 1.3em !important;
    font-weight: bold !important;
    color: var(--cdph-clrs-tertiary-carbon) !important;
    margin: 15px 0 8px 0 !important;
    padding-top: 10px !important;
    border-top: 1px solid var(--cdph-clrs-tertiary-graphite) !important;
    text-align: left !important;
}
.cwp-single .cwp-menu-section-title:first-child {
    border-top: none !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ============================================
   MOBILE HEADER
   ============================================ */
.cwp-mobile-wrapper {
    display: none !important;
}

.cwp-mobile-header {
    padding: 15px 8px !important;
    background-color: var(--cdph-clrs-tertiary-white) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.cwp-mobile-logo {
    max-width: 200px !important;
    height: auto !important;
}

.cwp-mobile-controls {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.cwp-settings-btn,
.cwp-menu-btn {
    background: none !important;
    border: none !important;
    color: var(--cdph-clrs-primary-sky) !important;
    cursor: pointer !important;
    padding: 5px !important;
}

.cwp-settings-btn { font-size: 16px !important; }

.cwp-menu-btn {
    font-size: 1em !important;
    font-weight: bold !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.cwp-menu-btn .bi-list {
    font-size: 28px !important;
    font-weight: 900 !important;
}

/* Settings Dropdown */
.cwp-settings-dropdown {
    display: none !important;
    background: var(--cdph-clrs-tertiary-white) !important;
    position: relative !important;
    width: 100% !important;
    padding: 0 15px !important;
}

.cwp-settings-dropdown.cwp-show {
    display: block !important;
}

.cwp-settings-dropdown .cwp-textsize-header {
    display: block !important;
    padding: 5px 0 10px !important;
    color: var(--cdph-clrs-primary-teal) !important;
    font-size: 1.25em !important;
    font-weight: bold !important;
    border-bottom: 2px solid var(--cdph-clrs-primary-teal) !important;
    margin-bottom: 10px !important;
    cursor: pointer !important;
}

.cwp-settings-dropdown .cwp-textsize-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: none !important;
}

.cwp-textsize-container.cwp-open .cwp-textsize-list {
    display: block !important;
}

.cwp-textsize-container.cwp-open .cwp-textsize-header .bi-chevron-down {
    transform: rotate(180deg) !important;
}

.cwp-textsize-list li { padding: 5px 0 !important; }

.cwp-textsize-list a {
    text-decoration: none !important;
    font-size: 1em !important;
    display: block !important;
    color: var(--cdph-clrs-primary-orange) !important;
}
.cwp-textsize-list a:hover {
    color: var(--cdph-clrs-primary-teal) !important;
}

/* Mobile Nav Content */
.cwp-mobile-nav {
    display: none !important;
    padding: 15px !important;
}
.cwp-mobile-nav.cwp-show { display: block !important; }

.cwp-mobile-nav .cwp-mobile-lang {
    display: block !important;
    padding: 10px 0 !important;
    color: var(--cdph-clrs-primary-teal) !important;
    font-size: 0.78em !important;
    border-bottom: 1px solid var(--cdph-clrs-primary-orange) !important;
}

.cwp-mobile-search {
    padding: 10px 0 !important;
    border-bottom: 1px dotted var(--cdph-clrs-tertiary-carbon) !important;
}

.cwp-mobile-search .fa-search {
    font-size: 1.1em !important;
    color: var(--cdph-clrs-tertiary-carbon) !important;
}

.cwp-mobile-nav-item {
    display: block !important;
    padding: 8px 0 !important;
    font-size: 1.1em !important;
    font-weight: bold !important;
    text-decoration: none !important;
    border-bottom: 1px solid !important;
}

.cwp-mobile-nav-item.cwp-nav-blue {
    color: var(--cdph-clrs-primary-sky) !important;
    border-bottom-color: var(--cdph-clrs-primary-blue) !important;
}
.cwp-mobile-nav-item.cwp-nav-teal {
    color: var(--cdph-clrs-primary-teal) !important;
    border-bottom-color: var(--cdph-clrs-primary-teal) !important;
}
.cwp-mobile-nav-item.cwp-nav-brown {
    color: var(--cdph-clrs-primary-orange) !important;
    border-bottom-color: var(--cdph-clrs-primary-orange) !important;
}
.cwp-mobile-nav-item.cwp-nav-purple {
    color: var(--cdph-clrs-primary-purple) !important;
    border-bottom-color: var(--cdph-clrs-primary-purple) !important;
}

.cwp-mobile-links { padding-top: 10px !important; }
.cwp-mobile-links a {
    display: block !important;
    padding: 5px 0 !important;
    color: var(--cdph-clrs-primary-sky) !important;
    text-decoration: none !important;
    font-size: 0.78em !important;
    font-weight: bold !important;
}
.cwp-mobile-links a.cwp-txt-green { color: var(--cdph-clrs-primary-teal) !important; }

/* Mobile Dropdown */
.cwp-mobile-dropdown { width: 100% !important; }

.cwp-mobile-dropdown-content {
    display: none !important;
    max-height: 300px !important;
    overflow-y: auto !important;
    padding: 10px 15px !important;
    background-color: var(--cdph-clrs-tertiary-white) !important;
}

.cwp-mobile-dropdown.cwp-open .cwp-mobile-dropdown-content {
    display: block !important;
}
.cwp-mobile-dropdown.cwp-open .cwp-mobile-nav-item .bi-chevron-down {
    transform: rotate(180deg) !important;
}

.cwp-mobile-section { margin-bottom: 15px !important; }

.cwp-mobile-title {
    font-size: 1.1em !important;
    font-weight: bold !important;
    margin: 0 0 4px 0 !important;
    color: var(--cdph-clrs-tertiary-carbon) !important;
}
.cwp-mobile-title a {
    color: var(--cdph-clrs-tertiary-carbon) !important;
    text-decoration: none !important;
}

.cwp-mobile-dropdown-content a {
    display: block !important;
    padding: 4px 0 !important;
    color: var(--cdph-clrs-primary-sky) !important;
    text-decoration: none !important;
    font-size: 0.95em !important;
}
.cwp-mobile-dropdown-content a:hover {
    color: var(--cdph-clrs-secondary-navy) !important;
}


/* ============================================
   RESPONSIVE MEDIA QUERIES
   ============================================ */
@media (max-width: 767.98px) {
    .cwp-masthead-top,
    .cwp-header-main {
        display: none !important;
    }

    .cwp-mobile-wrapper {
        display: block !important;
    }

    .cwp-nav-row {
        flex-direction: column !important;
        padding: 0 !important;
    }

    .cwp-nav-item {
        display: block !important;
        padding: 0 !important;
        border-bottom: 2px solid !important;
    }
    
    .cwp-nav-item.cwp-nav-blue { border-bottom-color: var(--cdph-clrs-primary-blue) !important; }
    .cwp-nav-item.cwp-nav-teal { border-bottom-color: var(--cdph-clrs-primary-teal) !important; }
    .cwp-nav-item.cwp-nav-brown { border-bottom-color: var(--cdph-clrs-primary-orange) !important; }
    .cwp-nav-item.cwp-nav-purple { border-bottom-color: var(--cdph-clrs-primary-purple) !important; }

    .cwp-nav-item .cwp-nav-link {
        display: block !important;
        padding: 12px 0 !important;
        font-size: 1.2em !important;
        font-weight: bold !important;
    }

    .cwp-nav-item.cwp-menu-open .cwp-nav-link::before,
    .cwp-nav-item.cwp-menu-open .cwp-nav-link::after {
        display: none !important;
    }

    .cwp-mega-menu {
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        transform: none !important;
        top: auto !important;
        max-height: 300px !important;
        overflow-y: auto !important;
        border: none !important;
        box-shadow: none !important;
        padding: 15px 20px !important;
    }

    .cwp-mega-menu .row {
        flex-direction: column !important;
    }

    .cwp-menu-col {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin-bottom: 15px !important;
    }

    .cwp-nav-item:last-child {
        border-bottom: none !important;
    }
}