/*==============================*/
/*=====----- SWATCHES -----=====*/
/*==============================*/

:root:has(.panel-header.theme-foundation) {
	--sw-key-color: var(--blue);
	--sw-key-color-hover: var(--blue-tint);

	--sw-selected-color: var(--blue);

	--sw-alert-color: var(--blue);

	--sw-focus-color: var(--blue-dark);
	--sw-light-focus-color: var(--blue-tint);

	--sw-button-primary-bg: var(--blue);
    --sw-button-primary-color: var(--white);

    --sw-button-primary-bg-hover: var(--blue-dark);
    --sw-button-primary-color-hover: var(--white);

	--sw-button-secondary-bg: var(--blue-tint);
    --sw-button-secondary-color: var(--black);
    
    --sw-button-secondary-bg-hover: var(--blue);
    --sw-button-secondary-color-hover: var(--white);

	--sw-link-hover-color: var(--blue);
    --sw-system-link-hover-color: var(--blue-tint);

	--sw-mini-date-bg: var(--blue-tint);

	--sw-container-bg: var(--blue-tint);
    --sw-container-border-color: var(--blue);
}

/*============================*/
/*=====----- HEADER -----=====*/
/*============================*/

.panel-header.theme-foundation {
	.menu-toggle {
		background-color: var(--blue-dark);
	}

	.main-menu {
		background: var(--blue-tint);
	}

	.menu-navs {
		background-image: url('/includes/public/assets/shared/texture-nav-blue-bottom-right.svg');
	}

	.menu-ctas {
		--background-color: rgba(65, 117, 185, 0.60);

		color: var(--white);

		.call-to-action,
		& > *:nth-child(3n - 2) .call-to-action,
		& > *:nth-child(3n) .call-to-action {
			--bg-color: var(--background-color);
		}

		& > *:nth-child(3n - 1) .call-to-action {
            --bg-color: rgba(25, 61, 108, 0.60);
        }
	}

	@media (min-width: 64em) {
		.logo-col {
			flex-basis: 128px;
		}

		.menu-toggle.active {
			background-color: var(--blue-dark);
			background-image: url('/includes/public/assets/shared/menu-close-icon-desktop-white.svg');
		}

		.main-menu {
			background: var(--black);
		}

		.menu-navs {
			background: none;
		}

		.main-nav,
		.secondary-nav {
			background-color: var(--blue-tint);
		}

		.secondary-nav {
			background-image: url('/includes/public/assets/shared/texture-nav-blue-bottom-right.svg');
		}

		@media (hover: hover) {
			.menu-toggle:not(.active):hover {
				background-color: var(--blue-dark);
				background-image: url('/includes/public/assets/shared/menu-open-icon-desktop-white.svg');
			}
		}
	}
}

body:has(.panel-header.theme-foundation) {
	/*===========================================*/
	/*=====----- CURATED NAV CONTAINER -----=====*/
	/*===========================================*/

	.curated-nav-container {
		.dropdown {
			color: var(--black);
			background-color: var(--blue-tint);
			background-image:
				url('/includes/public/assets/shared/texture-foundation-blue-left.svg'),
				url('/includes/public/assets/shared/texture-foundation-blue-bottom-right.svg');
		}

		&:has(:focus-visible),
		&.active {
			.nav-link {
				border-bottom-color: var(--blue);
			}
		}

		@media (hover: hover) {
			&:has(:hover) .nav-link {
				border-bottom-color: var(--blue);
			}
		}
	}

	/*===============================*/
	/*=====----- NAV CARDS -----=====*/
	/*===============================*/

	.nav-cards {
		.img-cont::before {
			background:
				linear-gradient(180deg, rgba(244, 138, 133, 0.00) 0%, rgba(65, 117, 185, 0.60) 100%),
				linear-gradient(0deg, rgba(0, 0, 0, 0.45) 0.01%, rgba(217, 217, 217, 0.00) 97.85%),
				linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
		}

		.slide-title {
			color: inherit;

			&::before {
				background-image: url('/includes/public/assets/shared/slide-title-underline-graphic-blue.svg');
			}
		}
	}

	/*================================*/
	/*=====----- NAVIGATION -----=====*/
	/*================================*/

	.menu-navs .navigation .dropdown-inner::before {
		background: rgba(65, 117, 185, 0.10);
	}

	/*============================*/
	/*=====----- FOOTER -----=====*/
	/*============================*/

	.panel-footer {
		.ctas {
			--background-color: var(--blue);

			.call-to-action,
			& > *:nth-child(3n - 2) .call-to-action,
			& > *:nth-child(3n) .call-to-action {
				--bg-color: var(--background-color);
			}
			
			& > *:nth-child(3n - 1) .call-to-action {
				--bg-color: var(--blue-dark);
			}
		}

		.logo-footer {
			max-width: 300px;
	
			img {
				aspect-ratio: 838 / 207;
				object-fit: cover;
			}
		}

		@media (min-width: 64em) {
			.logo-footer {
				max-width: 418px;
			}
		}
	}

	/*=====================================*/
	/*=====----- COMMON > SHARED -----=====*/
	/*=====================================*/

	.shared-play-button {
		color: var(--white);
		background-color: var(--blue);
	}

	.glide__arrow,
	.sv-lightbox .arrow {
		--arrow-color: var(--white);
		--arrow-bg-color: var(--blue-dark);
		--arrow-border-color: var(--blue-dark);

		--arrow-color-hover: var(--white);
		--arrow-bg-hover: var(--blue);
		--arrow-border-hover: var(--black);
	}

	.glide__arrow.rectangle {
		--arrow-color: var(--white);
		--arrow-bg-color: var(--blue);
		--arrow-border-color: var(--black);

		--arrow-color-hover: var(--white);
		--arrow-bg-hover: var(--blue-dark);
		--arrow-border-hover: var(--blue-dark);
	}

	@media (hover: hover) {
		.contentRender[class*="contentRender_name_plugins_collections"] .slide-top:hover .shared-play-button,
    	.image-box-with-caption .slide-pic:hover .shared-play-button {
			color: var(--white);
			background-color: var(--blue-dark);
			border-color: var(--blue-dark);
		}
	}

	/*==========================================*/
	/*=====----- COLLECTIONS > SHARED -----=====*/
	/*==========================================*/

	.ccl-v2-widget.animation-overlay .img-cont::after {
		background: linear-gradient(180deg, rgba(65, 117, 185, 0.00) 0%, rgba(25, 61, 108, 0.60) 100%);
	}

	/*==================================*/
	/*=====----- SOCIAL LINKS -----=====*/
	/*==================================*/

	.social-links {
		@media (hover: hover) {
			.social-link:hover {
				color: var(--white);
				background-color: var(--blue);
			}
		}
	}

	/*===========================================*/
	/*=====----- MARQUEE, SIDE BY SIDE -----=====*/
	/*===========================================*/

	.ccl-v2-widget.core-v2-marquee.marquee-v2-side-by-side {
		.img-cont::before {
			background: linear-gradient(180deg, rgba(66, 117, 185, 0.00) 0%, rgba(66, 117, 185, 0.60) 72.44%);
		}
	}

	.tab-container.blue-background .tab-container-inner,
	.ccl-v2-widget.core-v2-marquee.marquee-v2-side-by-side.blue-background .widget-inner {
		background-image: url('/includes/public/assets/shared/texture-foundation-blue-top-right.svg');
	}

	.tab-container .ccl-v2-widget.core-v2-marquee.marquee-v2-side-by-side .widget-inner {
		background: none;
	}

	/*========================================*/
	/*=====----- IMAGE BOX 2 ACROSS -----=====*/
	/*========================================*/

	.ccl-v2-widget.core-v2-imagebox.imagebox-v2-2-across {
		.slide-footer .read-more {
			--text-color: var(--black);
			--bg-color: var(--blue-tint);
			--border-color: var(--black);

			--text-color-hover: var(--white);
			--bg-color-hover: var(--blue);
			--border-color-hover: var(--black);
		}
	}

	/*==================================*/
	/*=====----- TESTIMONIALS -----=====*/
	/*==================================*/

	.testimonials-slider {
		--background-color: var(--blue-tint);

		.inner-content .quote-icon::before {
			background-image: url('/includes/public/assets/shared/quote_graphic-blue.svg');
		}
		
		@media (min-width: 64em) {
			.inner-content .quote-icon::before {
				background-image: url('/includes/public/assets/shared/quote_graphic_desktop-blue.svg');
			}
		}
	}

	/*==========================================*/
	/*=====----- FEATURED INFORMATION -----=====*/
	/*==========================================*/

	.core-v2-featured-information {
		.img-container {
			border-color: var(--blue-tint);
		}

		.slide .icon-cont {
			background: var(--blue-tint);
		}
	}

	/*===========================================*/
	/*=====----- FEATURED SIDE BY SIDE -----=====*/
	/*===========================================*/

	.custom-collection.featured-side-by-side {
		--sw-collections-text-color: var(--sw-text-color);
		--sw-icon-color: var(--sw-text-color);

		.widget-inner {
			background-image: url('/includes/public/assets/shared/texture-foundation-blue-top-right.svg');
			background-color: var(--blue-tint);
		}
	}

	/*=====================================*/
	/*=====----- SATISFI CHATBOT -----=====*/
	/*=====================================*/
	
	#divSatisfiChat {
		--chatButtonBackground: var(--blue);
		--chatButtonBackgroundMobile: var(--blue);
		--headerLogoImage: url('https://assets.simpleviewinc.com/simpleview/image/upload/v1/clients/austin-redesign/VATX_Foundation_Logo_Color_CMYK_c1178fe8-0e1b-4818-b5b9-2835d7fdc07d.png');
		--headerIconColor: var(--blue);
	}
}