/* Customizer port — leftover layout, colour, and page utilities.
   Moved out of WP Customizer Additional CSS. Rules are unchanged. */

/* New Sidebar Menu */
.widget-container.widget_nav_menu li a {
	font-family: Baskervville !important;
	font-size: 32px;
	text-transform: capitalize;
	font-weight: 400;
	display:block;
}
.widget-container.widget_nav_menu .menu-item a:before, .widget-container.widget_custom_menu .menu-item a:before {
	float: right;
}
.widget-container.widget_nav_menu li {
	border-bottom: 1px solid rgba(50, 49, 48, 0.2) !important;
}
.locations_menu_sp_css { margin-top: 20px !important;}

/* Birdeye */
#review-widget {
	margin-top: 18px !important;
}

@media (max-width: 569px) {
    body:not(.menu-mobile-centered) footer .mobile-hidden {
        display: block !important;
    }
}

/* Provider Cerification */
.vc_custom_heading_wrap.provider-cert {
	margin-top: 16px !important;
}
@media only screen and (max-width:570px) {
	.static-logo {text-align:center !important;}
}
/* Contact Page */
body .sdg-contact .vc_custom_heading_wrap {
	margin-top: 8px !important;
}

/* Resource Menu */

#index-862219 .t-entry-meta {
	display:none;
}

/* Service Content Width Limit */
.provider-template-default .service-type-medical .row-parent {
	max-width: 1200px;
	margin: 0 auto;
}
.service-type-medical .row-parent {
	max-width: 960px;
	margin: 0 auto;
}
.type-resource .row-parent {
	max-width: 960px;
	margin: 0 auto;
}


/* Navigation Skin */
.row-navigation.row-navigation-light {
	outline-color: transparent;
	background-color: transparent !important;
}

/* Provider */
span.training-title {
	display:block !important;
}
article.type-provider .wpb_raw_html ul {
	list-style-position: outside !important;
}
.training-title strong {
	display:block;
	clear: both;
}

/* ==========================================================================
   Tabs-Breakpoint → Mobile FAQ-Style Accordion
   Uncode "tabs-breakpoint" becomes a vertical accordion on mobile.
   Ported from Goodman; fonts/colors use SDG tokens.
   ========================================================================== */

@media (max-width: 569px) {
    .location-content .tab-container.tabs-breakpoint .nav-tabs {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .location-content .tab-container.tabs-breakpoint .vc_tta-tab {
        border-top: 1px solid var(--aqua-border-dark, rgba(48, 49, 51, 0.15));
    }

    .location-content .tab-container.tabs-breakpoint .vc_tta-tab:last-child {
        border-bottom: 1px solid var(--aqua-border-dark, rgba(48, 49, 51, 0.15));
    }

    .location-content .tab-container.tabs-breakpoint .vc_tta-tab > a {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 20px 0 !important;
        background: none !important;
        border: none !important;
        cursor: pointer;
        text-align: left;
        gap: 20px;
        text-decoration: none !important;
        color: inherit !important;
        pointer-events: auto !important;
    }

    .location-content .tab-container.tabs-breakpoint .vc_tta-tab > a span,
    .location-content .tab-container.tabs-breakpoint .vc_tta-tab > a span span,
    .location-content .tab-container.tabs-breakpoint .vc_tta-tab > a span span span {
        font-family: var(--aqua-font-heading), Baskervville, serif !important;
        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 1.35 !important;
        color: var(--aqua-blue-gray, #2A5962) !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
    }

    .location-content .tab-container.tabs-breakpoint .vc_tta-tab.active > a span,
    .location-content .tab-container.tabs-breakpoint .vc_tta-tab.active > a span span,
    .location-content .tab-container.tabs-breakpoint .vc_tta-tab.active > a span span span {
        color: var(--aqua-almost-black, #303133) !important;
    }

    .location-content .tab-container.tabs-breakpoint .vc_tta-tab > a::after {
        content: '';
        flex-shrink: 0;
        width: 24px;
        height: 24px;
        background:
            linear-gradient(var(--aqua-almost-black, #303133), var(--aqua-almost-black, #303133)) center / 14px 1.5px no-repeat,
            linear-gradient(var(--aqua-almost-black, #303133), var(--aqua-almost-black, #303133)) center / 1.5px 14px no-repeat;
        border-radius: 2px;
        transition: background 0.25s ease;
    }

    .location-content .tab-container.tabs-breakpoint .vc_tta-tab.active > a::after {
        background:
            linear-gradient(var(--aqua-almost-black, #303133), var(--aqua-almost-black, #303133)) center / 14px 1.5px no-repeat;
    }

    .location-content .tab-container.tabs-breakpoint .vc_tta-tab .tab-pane {
        padding-top: 0 !important;
    }

    .location-content .tab-container.tabs-breakpoint .vc_tta-tab:not(.active) .tab-pane {
        display: none !important;
        opacity: 0;
    }

    .location-content .tab-container.tabs-breakpoint .vc_tta-tab.active .tab-pane {
        display: block !important;
        opacity: 1;
    }

    /* Collapsed to an accordion, the row header already names the section, so
       the panel's own heading repeats it — "Book" then "Book Appointment",
       "FAQs" then "FAQs". Each panel carries exactly one heading, so hiding it
       here leaves the copy intact for desktop tabs and for crawlers. */
    .location-content .tab-container.tabs-breakpoint .vc_tta-tab .tab-pane .vc_custom_heading_wrap,
    .location-content .tab-container.tabs-breakpoint .vc_tta-tab .tab-pane .aqua-location-faq .aqua-section__header {
        display: none;
    }

    .location-content > .triple-top-padding,
    .location-content > .double-top-padding {
        padding-top: 32px !important;
    }
}