/**
 * Theme Name: YMCA Southcoast
 * Author: Slocum Studio
 * Author URI: https://slocumstudio.com
 * Description: YMCA Southcoast theme
 * Version: 1.1.8
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain: ymca-southcoast
 * Template: astra
 */

/*
 * General
 */

sup {
	font-size: 0.6em;
	vertical-align: super;
}

/* Chevron Buttons */
.n2-ss-button-container a,
a.uabb-button,
a.uabb-btn,
a.fl-button,
.wp-block-button a
/*.ast-button,
.button,
input[type=button],
input[type=submit],
.gform_wrapper .gform_footer input[type=submit]*/ {
	position: relative;
	overflow: visible !important;
	border-right: none !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	display: inline-block !important; /* Note: Fix an issue in Firefox where a gap appears between the button and the pseudo element below. */
}

.wp-block-button a {
	border-top-left-radius: 10px !important;
	border-bottom-left-radius: 10px !important;
}

.n2-ss-button-container a:after,
a.uabb-button:after,
a.uabb-btn:after,
a.fl-button:after,
.wp-block-button a:after
/*.ast-button:after,
.button:after,
/*input[type=button]:after,
input[type=submit]:after,
.gform_wrapper .gform_footer input[type=submit]:after*/ {
	content: '';
	width: 18px;
	background-color: inherit !important;
	position: absolute;
	top: 0;
	bottom: 0;
	left: calc( 100% - 2px );
	display: block !important; /* !important needed for SmartSlider 3 */
	mask: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"75.937\" height=\"233.2\"><defs><path id=\"a\" d=\"M.98.941h207.47V220.94H.98Z\"/></defs><path fill=\"white\" fill-rule=\"evenodd\" d=\"M54.12 0s4.074.329 7.953 2.31c3.879 1.981 8.671 5.45 10.409 8.226 1.738 2.775 55.002 93.837 55.002 93.837s2.658 5.157 2.571 12.594c-.087 7.438-2.461 12.66-2.461 12.66s-53.356 89.848-55.112 93.037c-1.756 3.189-6.408 6.497-10.35 8.226-3.94 1.73-8.012 2.31-8.012 2.31z\" transform=\"translate(-54.12)\"/></svg>") no-repeat 50% 50%;
	mask-size: cover;
}


.ymca-southcoast-header-wave-wrapper {
	position: relative;
}

.ymca-southcoast-header-wave-wrapper .ymca-southcoast-header-wave {
	position: absolute;
	top: 0;
}

.ymca-southcoast-header-wave-primary-wrapper,
body.ast-primary-sticky-header-active:not(.ast-main-header-nav-open) #ast-fixed-header .ymca-southcoast-header-wave-primary-off-canvas-wrapper,
body.ast-above-sticky-header-active:not(.ast-main-header-nav-open) #ast-fixed-header .ymca-southcoast-header-wave-primary-off-canvas-wrapper,
body.ast-below-sticky-header-active:not(.ast-main-header-nav-open) #ast-fixed-header .ymca-southcoast-header-wave-primary-off-canvas-wrapper,
.ast-desktop-header-content .ymca-southcoast-header-wave-primary-off-canvas-wrapper,
.ast-header-break-point #ast-mobile-header + .ymca-southcoast-header-wave-primary-off-canvas-wrapper {
	height: 38px;
	/*transition: height 0s 0.3s, opacity 0.3s 0.15s;*/
	/* top: -0.5px; /* Prevent a small gap between the header element and the SVG */
	visibility: visible;
}

#ast-fixed-header .ymca-southcoast-header-wave-primary-wrapper,
.ast-main-header-nav-open .ymca-southcoast-header-wave-primary-wrapper,
body.ast-primary-sticky-header-active.ast-main-header-nav-open #ast-fixed-header #ast-mobile-header + .ymca-southcoast-header-wave-primary-off-canvas-wrapper,
body.ast-above-sticky-header-active.ast-main-header-nav-open #ast-fixed-header #ast-mobile-header + .ymca-southcoast-header-wave-primary-off-canvas-wrapper,
body.ast-below-sticky-header-active.ast-main-header-nav-open #ast-fixed-header #ast-mobile-header + .ymca-southcoast-header-wave-primary-off-canvas-wrapper,
body:not(.ast-primary-sticky-header-active) #ast-mobile-header + .ymca-southcoast-header-wave-primary-off-canvas-wrapper,
body:not(.ast-above-sticky-header-active) #ast-mobile-header + .ymca-southcoast-header-wave-primary-off-canvas-wrapper,
body:not(.ast-below-sticky-header-active) #ast-mobile-header + .ymca-southcoast-header-wave-primary-off-canvas-wrapper,
/*body:not(.ast-header-break-point) :not(#ast-fixed-header) #ast-mobile-header + .ymca-southcoast-header-wave-primary-off-canvas-wrapper,*/
.ast-header-break-point #ast-mobile-header + .ymca-southcoast-header-wave-primary-off-canvas-wrapper {
	height: 0;
	opacity: 0;
	transition: height 0s 0s, opacity 0.15s 0.15s;
	overflow: hidden;
	visibility: hidden;
}

.ymca-southcoast-header-wave {
	transform: rotate(180deg);
	transition: 0.3s ease;
}

.ymca-southcoast-header-wave .ymca-southcoast-header-wave-gradient stop {
	transition: 0.3s ease;
}

/*#ymca-southcoast-header-wave-primary-off-canvas-wrapper .ymca-southcoast-header-wave-gradient-0 stop:first-child {
	stop-color: rgba(0, 96, 175, 1);
}

#ymca-southcoast-header-wave-primary-off-canvas-wrapper .ymca-southcoast-header-wave-gradient-0 stop:last-child {
	stop-color: rgba(0, 96, 175, 1);
}*/

/* Gradient 0 */
.ast-main-header-nav-open .ymca-southcoast-header-wave .ymca-southcoast-header-wave-gradient-0 stop:first-child {
	/*stop-color: rgba(0, 107, 107, 1);
	stop-color: rgba(0, 96, 175, 1);*/
}

.ast-main-header-nav-open .ymca-southcoast-header-wave .ymca-southcoast-header-wave-gradient-0 stop:last-child {
	/*stop-color: rgba(1, 164, 144, 1);
	stop-color: rgba(0, 96, 175, 1);*/
}

/* Note: Not in use as of 06/02/25 */

/* Gradient 1 */
.ast-main-header-nav-open .ymca-southcoast-header-wave .ymca-southcoast-header-wave-gradient-1 stop:first-child {
	stop-color: rgba(92, 46, 145, 1);
}

.ast-main-header-nav-open .ymca-southcoast-header-wave .ymca-southcoast-header-wave-gradient-1 stop:last-child {
	stop-color: rgba(146, 39, 143, 1);
}

/* Gradient 2 */
.ast-main-header-nav-open .ymca-southcoast-header-wave .ymca-southcoast-header-wave-gradient-2 stop:first-child {
	stop-color: rgba(0, 96, 175, 1);
}

.ast-main-header-nav-open .ymca-southcoast-header-wave .ymca-southcoast-header-wave-gradient-2 stop:last-child {
	stop-color: rgba(0, 96, 175, 1);
}

/* Gradient 3 */
.ast-main-header-nav-open .ymca-southcoast-header-wave .ymca-southcoast-header-wave-gradient-3 stop:first-child {
	stop-color: rgba(0, 96, 175, 1);
}

.ast-main-header-nav-open .ymca-southcoast-header-wave .ymca-southcoast-header-wave-gradient-3 stop:last-child {
	stop-color: rgba(0, 96, 175, 1);
}




/* Sticky Header */
/*.ymca-southcoast-header-wave-primary-wrapper {
    margin: -1px;
}

.ast-above-sticky-header-active .ymca-southcoast-header-wave-primary-wrapper {
	position: fixed !important;
    right: 0;
    left: 0;
    margin: -1px auto 0;
}*/



/* Mega Menu */
.ast-desktop-header-content .ast-builder-menu-mobile .mega-menu {
	display: flex !important;
    justify-content: space-evenly;
    align-items: center;
	text-shadow: 2px 2px #000;
}

.ast-desktop-header-content .ast-builder-menu-mobile .mega-menu > li.mega-menu-item {
	flex-grow: 1;
    text-align: center;
}

.ast-desktop-header-content .ast-builder-menu-mobile .mega-menu > li.mega-menu-item > a.mega-menu-link {
	text-align: center !important;
}

.ast-desktop-header-content .ast-builder-menu-mobile .mega-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
.ast-desktop-header-content .ast-builder-menu-mobile .mega-menu > li.mega-menu-item > a.mega-menu-link:hover,
.ast-desktop-header-content .ast-builder-menu-mobile .mega-menu > li.mega-menu-item > a.mega-menu-link:focus {
	text-shadow: none !important;
}

.mega-menu-link > i.fas {
	margin-bottom: 20px;
	color: #fff;
	font-size: 60px;
	display: block;
}

.mega-menu-link .mega-indicator {
	/* Prevent Astra from closing the menu when the indicator is clicked */
	pointer-events: none;
}

.ast-desktop-header-content .ast-builder-menu-mobile .mega-menu .mega-menu-column > .mega-sub-menu > .mega-menu-item > .mega-sub-menu {
	margin-top: 30px !important;
}

.ast-desktop-header-content .ast-builder-menu-mobile .mega-menu .mega-menu-column > .mega-sub-menu > .has-ymcasc-icon a[href].mega-menu-link:hover span,
.ast-desktop-header-content .ast-builder-menu-mobile .mega-menu .mega-menu-column > .mega-sub-menu .has-ymcasc-icon a[href].mega-menu-link:focus span,
.ast-desktop-header-content .ast-builder-menu-mobile .mega-menu .mega-menu-column > .mega-sub-menu .has-ymcasc-icon a[href].mega-menu-link:active span,
.ast-desktop-header-content .ast-builder-menu-mobile .mega-menu .mega-menu-column > .mega-sub-menu > .mega-menu-item > .mega-sub-menu a[href].mega-menu-link:hover,
.ast-desktop-header-content .ast-builder-menu-mobile .mega-menu .mega-menu-column > .mega-sub-menu > .mega-menu-item > .mega-sub-menu a[href].mega-menu-link:focus,
.ast-desktop-header-content .ast-builder-menu-mobile .mega-menu .mega-menu-column > .mega-sub-menu > .mega-menu-item > .mega-sub-menu a[href].mega-menu-link:active {
	text-decoration: underline !important;
}

.ast-desktop-header-content .ast-builder-menu-mobile .mega-menu .mega-menu-column > .mega-sub-menu > .mega-menu-item > .mega-sub-menu .mega-menu-item > .mega-sub-menu {
	margin-bottom: 20px !important;
}

.ast-desktop-header-content .ast-builder-menu-mobile .mega-menu .mega-menu-link[role="button"] {
	font-weight: bold !important;
}

@media only screen and (max-width: 924px) {
	.mega-menu-link > i.fas {
		margin-bottom: 10px;
		color: #000;
		font-size: 32px;
	}

	#mega-menu-wrap-mobile_menu .mega-menu-toggle + #mega-menu-mobile_menu {
		padding-bottom: 10px;
	}

    #mega-menu-wrap-mobile_menu #mega-menu-mobile_menu > li.mega-menu-item:hover,
	#mega-menu-wrap-mobile_menu #mega-menu-mobile_menu > li.mega-menu-item.mega-toggle-on {
		background: #fff;
	}

	#mega-menu-wrap-mobile_menu #mega-menu-mobile_menu > li.mega-menu-item:hover > a.mega-menu-link,
	#mega-menu-wrap-mobile_menu #mega-menu-mobile_menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
		color: #000;
	}

    #mega-menu-wrap-mobile_menu #mega-menu-mobile_menu > li.mega-menu-item > a.mega-menu-link,
	#mega-menu-wrap-mobile_menu #mega-menu-mobile_menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
        height: auto;
		padding-top: 5px;
        padding-bottom: 5px;
		font-weight: bold;
	}

	#mega-menu-wrap-mobile_menu #mega-menu-mobile_menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard,
	#mega-menu-wrap-mobile_menu #mega-menu-mobile_menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
		padding: 5px;
	}
	
	#mega-menu-wrap-mobile_menu #mega-menu-mobile_menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link,
	#mega-menu-wrap-mobile_menu #mega-menu-mobile_menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
		margin-top: 5px;
		margin-bottom: 5px;
		color: #444;
		font-size: 16px;
	}
	
	#mega-menu-wrap-mobile_menu #mega-menu-mobile_menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link:hover,
	#mega-menu-wrap-mobile_menu #mega-menu-mobile_menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
		color: #000;
	}

	#mega-menu-wrap-mobile_menu #mega-menu-mobile_menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
		margin-top: 5px;
		margin-bottom: 5px;
		color: #444;
		font-size: 14px;
	}

	#mega-menu-wrap-mobile_menu #mega-menu-mobile_menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.has-ymcasc-icon > a[href].mega-menu-link:hover span,
	#mega-menu-wrap-mobile_menu #mega-menu-mobile_menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.has-ymcasc-icon > a[href].mega-menu-link:focus span,
	#mega-menu-wrap-mobile_menu #mega-menu-mobile_menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.has-ymcasc-icon > a[href].mega-menu-link:active span,
	#mega-menu-wrap-mobile_menu #mega-menu-mobile_menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a[href].mega-menu-link:hover,
	#mega-menu-wrap-mobile_menu #mega-menu-mobile_menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a[href].mega-menu-link:focus,
	#mega-menu-wrap-mobile_menu #mega-menu-mobile_menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a[href].mega-menu-link:active {
		text-decoration: underline !important;
	}
	
	#mega-menu-wrap-mobile_menu #mega-menu-mobile_menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover {
		color: #000;
	}
}



/**
 * SDS Taxonomy Colors
 */

.fl-post-grid-post:not(.type-tribe_events) .fl-location_tax {
	display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.type-tribe_events .fl-location_tax {
	margin-bottom: 0.5em;
	font-size: 16px;
	line-height: 1.3em;
}
 
.sds-term-color {
	/*margin: 5px;*/
	padding: 6px;
	color: var(--sds-term-color);
	/*background-color: var(--sds-term-background-color);*/
	background-color: rgba(0, 0, 0, 0.85);
	border-radius: 5px;
	display: inline-block;
	/*box-shadow: rgba(0, 0, 0, 0.25) 2px 2px 4px 2px;*/
}

span:first-child .sds-term-color {
	margin-left: 0;
}

span:last-child .sds-term-color {
	margin-right: 0;
}

/* List */
.sds-term-color-list .fl-location_tax {
	/*display: list-item;*/
}

.sds-term-color-list .fl-module-content div > span {
	margin-left: 2em;
	display: list-item;
}

.sds-term-color-list .sds-term-color {
	margin: 0;
	padding: 0;
	/*color: var(--sds-term-background-color);*/
	color: inherit;
    background-color: transparent;
	font-weight: bold;
    border-radius: 0;
	box-shadow: none;
}


/**
 * Single Programs & Locations
 */
.single-program .fl-builder-content,
.single-location .fl-builder-content {
	margin-bottom: 0;
}


/**
 * Announcer Plugin
 */
/*.ancr-top-spacer {
	transition: none !important;
}*/


/**
 * Print-O-Matic Plugin
 */
.printomatic, .printomatictext {
	margin-bottom: 10px;
	display: inline-block;
	vertical-align: middle;
}

.printomatic {
	margin-right: 5px;
}


/**
 * Embed Plus for YouTube Gallery, Livestream and Lazy Loading with Facades
 */
.ast-single-ymcasc-youtube-embed-container .ast-single-ymcasc-youtube-embed-wrapper {
	grid-template-columns: 1fr;
}

.epyt-gallery > .wp-block-embed-youtube:first-child {
	display: none;
}

.epyt-pagination.epyt-hide-pagination {
	padding: 0;
}

.epyt-gallery-thumb .epyt-gallery-playhover,
.epyt-gallery-thumb.epyt-current-video .epyt-gallery-playhover {
	opacity: 1;
}

.epyt-gallery-title {
	font-weight: bold;
}


/**
 * Geo My WP
 */

body div.gmw-single-location-wrapper {
	margin-bottom: -0.5em !important;
	position: relative;
    top: -0.5em;
    overflow: visible !important;
}

body div.gmw-single-location-wrapper .directions-link-form-wrapper {
    min-width: 350px;
	text-shadow: none;
	box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.65);
    position: absolute;
    top: 100%;
    left: -50%;
}

body .gmw-single-location-wrapper .address-field-wrapper input.origin-field {
	padding-left: 65px !important;
	color: #000;
}

body .gmw-single-location-wrapper .address-field-wrapper .get-directions-link-submit {
	color: #000 !important;
}