/*
Theme Name: STA Child
Author: LoungeLizard
Author URI: https://www.loungelizard.com/
Description: STA Child
Template: sta
Version: 1.0.1
*/

input[type="text"], input[type="email"], input[type="number"], input[type='tel'], textarea, select {
	border-width: 1px !important
}

@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  src: url(https://fonts.gstatic.com/l/font?kit=kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsLjBuVYLA3brMghX78kgb0hWRPv_A&skey=b8dc2088854b122f&v=v341) format('woff2');
}

@media (min-width: 992px) {
	.header ul.navbar-nav {
		/* justify-content: flex-start !important;
		gap: 36px; */
	}
	
	.header ul.navbar-nav > li:last-child:not(.menu-item-has-children) {
		/* flex-grow: 1;
		text-align: right; */
	}
	
	#menu-header-navigation > li:last-child:not(.menu-item-has-children) > a {
		/* padding: 10px 24px;
		border: 3px solid #002f86;
		background: transparent;
		letter-spacing: 0.8px;
		text-transform: uppercase;
		border-radius: 3px;
		margin: -13px 0;
		font-size: 2rem;
		line-height: 1.6; */
	}
	
	#menu-header-navigation > li:last-child:not(.menu-item-has-children) > a:hover {
		
	}
	
	#menu-header-navigation > li:last-child:not(.menu-item-has-children) > a::after {
		content: '\e5c8';
		font-family: 'Material Symbols Outlined';
		font-variation-settings: 'FILL' 0, 'wght' 700, 'GRAD' 0, 'opsz' 24;
		font-size: inherit;
		font-weight: normal;
		font-style: normal;
		text-transform: none;
		letter-spacing: normal;
		line-height: 1;
		-webkit-font-feature-settings: 'liga';
		-webkit-font-smoothing: antialiased;
		display: inline-block;
		vertical-align: top;
		transform: translateY(0.28em);
		margin-left: 0.4em;
	}
}


/* @media (min-width: 1200px) {
	.header .navbar-logo {
		margin-right: 80px;
	}
} */

.header .navbar-logo {
	position: relative;
}
.header .navbar-logo .hover-image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	display: none;
}

.js--navbar-active .header .navbar-logo img,
.js--navbar-active .header .navbar-logo svg {
	opacity: 0;
}
.js--navbar-active .header .navbar-logo .hover-image {
	display: block;
}

.section-slider::before {
	display: none;
}
@media (max-width: 991px) {
	.section-slider .slick-list {
		height: 360px !important;
	}
}

@media (min-width: 992px) {
	.section-slider {
		height: 450px !important;
	}
}

.section-title_text_cta.bg-grey-gradient.color-dark h2,
.section-title_text_cta.bg-grey-gradient {
	color: #002f86;
}
.bg-teal {
	background-color: #64c9d3;
}
.bg-yellow {
	background-color: #ffc842;
}
.bg-orange {
	background-color: #f37421;
}
.bg-purple {
	background-color: #6b2a7c;
}
.bg-green {
	background-color: #53b664;
}

.section.extra-tall {
	padding-top: 240px;
	padding-bottom: 240px;
}
@media (max-width: 1440px) {
	.section.extra-tall {
		padding-top: 180px;
		padding-bottom: 180px;
	}
}
@media (max-width: 991px) {
	.section.extra-tall {
		padding-top: 130px;
		padding-bottom: 130px;
	}
}

.home .section-versatile_columns .section_image>div {
	height: auto;
}
.home .section-versatile_columns {
margin-bottom: 0;
}

.star-graphic {
	height: 0;
	position: relative;
	overflow: visible;
	z-index: 2;
}
.star-graphic svg {
	background: transparent;
	display: block;
}
.star-graphic svg.star {
	width: 20vw;
	height: auto;
	position: absolute;
	top: -13.033vw;
	left: 0;
}
.star-graphic.size-large svg.star {
	width: 50vw;
	height: auto;
	position: absolute;
	top: -32.5842vw;
	left: 0;
}
.star-graphic svg.slash {
	height: 25vw;
	width: auto;
	position: absolute;
	right: 0;
	top: 0;
}
@media (max-width: 650px) {
	.star-graphic.size-large svg.star {
		width: 75vw;
		top: -48.8764vw;
	}
	.star-graphic svg.slash {
		height: 60vw;
	}
}

.parallax-image {
	display: block;
	width: 100%;
	height: 450px;
	position: relative;
	overflow: hidden;
}
.parallax-image.tall {
	height: 700px;
}
.parallax-image .image {
	position: absolute;
	background-repeat: no-repeat;
	background-size: cover;
	left: 0;
	top: 0;
	width: 100%;
	height: calc(100% + 20vh);
}

@media (max-width: 767px) {
	.parallax-image {
		height: 300px;
	}
	.parallax-image.tall {
		height: 500px;
	}
}


@media (min-width:992px) {
	#menu-header-navigation>li>a.nav-link {
		color: #002F86;
		transition: none;
	}
	
	#menu-header-navigation>li>a.nav-link:hover, #menu-header-navigation>li>a.nav-link:focus,
	#menu-header-navigation>li.active>a.nav-link {
		color: #FEC100 !important;
	}
	
	.navbar-expand-lg .navbar-nav {
		justify-content: flex-start !important;
	}
	#menu-header-navigation > li:last-child:not(.menu-item-has-children){
		flex-grow: 1;
		text-align: right;
	}
	
	#menu-header-navigation > li:last-child:not(.menu-item-has-children) a {
		padding: 10px 24px;
		border: 3px solid #003089;
		background: transparent;
		letter-spacing: 0.8px;
		text-transform: uppercase;
		font-size: 2rem;
		line-height: 1.6;
		border-radius: 3px;
		margin: -13px 0;
	}
	#menu-header-navigation > li:last-child:not(.menu-item-has-children) a:hover {
		color: #fff !important;
		background: #003089;
	}
}