/*
Theme Name: Audatex
Author: KPS3
Author URI: https://www.kps3.com/
Version: 1.2.4
*/


/* Add overrides to default CSS rather then remapping and building the sass component files */

body{
	overflow-x: hidden;
}

.misc-text{
	text-align: left;
}


.misc-text li{
	margin: 20px 0;
}

.misc-text p{
	margin: 20px 0;
}

.misc-text h3{
	font-weight: 700;
	font-size: 1.5em;
	margin: 20px 0;
}

.contact__content {
    flex: 0 1 35em !important;
}

.smallprint{
	font-size: .9em;
}

.col-content h1{
	max-width: unset !important;
}

.site-footer__column:nth-child(2) .site-footer__nav {
    margin-top: 4.5rem !important;
}

.inline-footer-box{
	display: grid;
	grid-template-columns: autp auto;
	grid-gap: 30px;
}

.site-footer__nav{
	gap: .2rem !important;
}

.big-flex{
	display: flex;
	height: 100vh;
	color: #fff;
}

.col-content__column ul{
	list-style: inherit !important;
}

.col-content__column ul li{
	margin-bottom: 10px;
}

.col-content__column ul li ul{
	margin-left: 20px;
}

.col-content__column ul li ul li{
	list-style: circle;
}

.offset-cta__content li{
	list-style: initial;
	margin-bottom: 10px;
}

.offset-cta__image img{
	max-height: 520px;
}


.big-flex section{
	flex: 1;
	display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
	position: relative;
	transition: all .5s ease;
	text-align: center;
	padding: 1em;
}

.big-flex section:hover{
/* 	flex: 1.7; */
}

.big-flex section h1{
	text-align: center;
}

.big-flex section img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
}

.big-flex section::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	z-index: -1;
}

.desc-box{
	text-align: center;
	margin: 30px 0;
}


.site-nav.hidden{
	display: none !important;
}
.site-footer.hidden{
	display: none !important;
}


.misc-menu{
/* 	background: #32255E; */
	width: 90rem;
	margin: auto;
	position: relative;
	font-size: .8em;
	color: #000 !important;
	display: flex;
	align-items: center;
}

.misc-menu a{
	color: #000;
	text-decoration: none;
}

.mobile-menu{
	display: none;
}

@media only screen and (max-width: 1455px) {
  .misc-menu {
    	width: unset;
  }
}

.misc-menu::after{
    content: '';
    display: block;
    background: #fff;
    position: absolute;
    top: 0;
    left: -100%;
    right: 0;
    bottom: 0;
    z-index: -1;
    width: 330%;

}

.sub-menu{
    z-index: 1000;
}


.site-nav__misc{
display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    color: #fff;
    padding: 0.8em;
    width: 100%;
    margin-left: auto;
    position: relative;
}

.site-nav__misc a{
	color: #000;
	text-decoration: none;
	margin: 0 15px;
}

.site-nav__misc li:last-of-type a{
	position: relative;
	margin-right: 0;
}

.site-nav__container{
/* 	background: #32255E; */
	color: #fff;
	position: relative;
}

.site-nav__container::after{
	content: '';
    background: #32255E;
    position: absolute;
    top: 0;
    left: -100%;
    right: 0;
    bottom: 0;
    width: 370%;
    height: 100%;
    z-index: -1;
}

.site-nav__primary>li>a::before, .site-nav__primary>li>button::before, .site-nav__primary>li>.gform_button::before{
	border: 1px solid #fff !important;
}

.site-nav__primary .utility a {
		border-left: 1px solid #fff !important;
}

.site-nav__primary>.menu-item-has-children>ul>li>a, .site-nav__primary>.menu-item-has-children>ul>li>button, .site-nav__primary>.menu-item-has-children>ul>li>.gform_button {
  
    background: var(--color-jacarta) !important;
}

.site-nav__primary>.menu-item-has-children>ul>li>a::before, .site-nav__primary>.menu-item-has-children>ul>li>button::before, .site-nav__primary>.menu-item-has-children>ul>li>.gform_button::before {
    background: var(--color-sun) !important;
}

.site-nav__primary ul:nth-child(1){
	display: flex;
}



.hidden{
	display: none;
}


.highlighted{
/* 	background: #58595B; */
	background: var(--color-sun) !important;
	color: #fff;
	order: 5;
/* 	margin-right: 30px; */
}

.highlighted:hover{
	color: var(--color-gray);
}

.site-nav__primary>li>a::after, .site-nav__primary>li>button::after, .site-nav__primary>li>.gform_button::after {
		background: var(--color-sun) !important;

}

.utility.highlighted:hover{
	color: var(--color-gray);
}

.site-nav__primary>.menu-item-has-children>ul>.menu-item-has-children>ul::before{
	background: #32255E !important;
}

.site-nav__primary>.menu-item-has-children>ul>.menu-item-has-children>ul>li>a:focus::before, .site-nav__primary>.menu-item-has-children>ul>.menu-item-has-children>ul>li>a:hover::before, .site-nav__primary>.menu-item-has-children>ul>.menu-item-has-children>ul>li>button:focus::before, .site-nav__primary>.menu-item-has-children>ul>.menu-item-has-children>ul>li>.gform_button:focus::before, .site-nav__primary>.menu-item-has-children>ul>.menu-item-has-children>ul>li>button:hover::before, .site-nav__primary>.menu-item-has-children>ul>.menu-item-has-children>ul>li>.gform_button:hover::before {
    		background: var(--color-sun) !important;
}


#audatex-main-logo{
	position: relative;
	top: 4px;
}

.hidden-link{
	text-decoration: none !important;
}

.utility.highlighted{
	background: #58595B;
    color: #fff;
}

.utility.highlighted:hover{
	color: var(--color-gray);
}

.site-header__toggle-icon{
	color: #fff !important;
}

.max70{
	max-width: 70%;
}

.image-hero__row h1{
	width: 100% !important;
}

.video-hero__video.fullscreen{
	object-fit: cover !important;
}

.dark-overlay{
	background: rgba(0,0,0,.5);
/* background: rgba(50,37,94,.8); */
}

.sticky-spacer{
	position: absolute;
	display: block;
	height: 28px;
}
.sticky-contact-quickbar{
	background: #000;
	display: flex;
	justify-content: center;
	align-items: center;
	position: -webkit-sticky; /* Safari */
  	position: sticky;
  	top: 88px;
	z-index: 100;
	width: 86rem;
	padding: .6em;
	color: #fff;
	margin: auto;
	cursor: pointer;
	transition: all .5s ease;
}

.sticky-contact-quickbar.stuck{
	width: 100%;
	background: var(--color-sun);
	transition: all .5s ease;
}

.training-list li{
	margin: 20px 0;
}

.related-layout{
	
	   display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 20px;
	    padding-bottom: 4em;
}

.media-slider__layout{
	-webkit-box-flex: 0;
    -ms-flex: 0 1 60%;
    flex: 0 1 60%;
    margin-top: 0;
    display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 20px;
}

.product-trigger{
 cursor: pointer;
}

.product-trigger.white{
 background: #fff;
}

.small-detail{
	font-size: .8em;
}

.button.media-slider__button{
margin-top: unset;
}

.profile-card{
	padding: 2em;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	text-align: center;
	flex: 0 0 calc((100% / 4) - 48px) !important;
	transition: all .5s ease;
}

.profile-card:hover{
	background: #32255E;
/* 	    background: linear-gradient(to right, var(--gradient-primary)); */
	color: #F8F8FB !important;
	transition: all .5s ease;
}

.profile-card:hover h3{
	
	color: #F8F8FB !important;
}

.solera-family-logo{
	max-width: 500px;
	object-fit: contain !important;
}

/* FORMS */

.training-course-form_wrapper{
	width: 100% !important;
}

.agree-box .ginput_container_consent{
	display: flex;
	text-align: left;
}

.agree-box .ginput_container_consent label{
	margin-left: 20px;
	position: relative;
    top: 12px;
    font-size: 15px;
	margin-bottom: 30px;
}


.section-banner{
	background: var(--color-jacarta);
	color: #fff;
	padding: 10px !important;
}

.add-delegate-form-button div span{
	background: var(--color-jacarta);
	color: #fff;
}

/* media queries */

@media (max-width: 59.9375rem){
	
	.hidden{
		display: block;
	}
	
	.misc-menu{
		display: none;
	}
	
	.site-nav__primary>.menu-item-has-children>ul>li>a, .site-nav__primary>.menu-item-has-children>ul>li>button, .site-nav__primary>.menu-item-has-children>ul>li>.gform_button{
		font-weight: 700;
    background: var(--color-subtle) !important;
    color: var(--color-jacarta) !important;
	}
	
	
	.site-nav__primary .utility{
		margin-top: 0 !important;
		padding: 0 !important;
	}
	
	.site-nav__primary .utility a{
		margin-top: 0 !important;
		display: block !important;
    	width: auto;
    	padding: 1rem 1.5rem;
    	border-radius: 0.125rem;
    	border-bottom: 0;
    	font-family: "Roboto",sans-serif;
    	font-weight: 700;
    	font-size: unset !important;
    	line-height: unset !important;
    	letter-spacing: 0 !important;
    	text-decoration: none !important;
    	text-transform: none !important;
    	background: var(--color-subtle) !important;
    	color: var(--color-jacarta) !important;
    	box-shadow: none !important;
		border-bottom: 1px solid var(--color-jacarta-20) !important;
	}
	
	.menu-item-has-children > a{
		display: none !important; 
	}

	.site-nav__container::after{
    width: unset;
}
	
	.sticky-contact-quickbar{
  	top: 64px;
}

}


.carousel-text-content-wrapper {
    padding: 60px 0;
}

.carousel-text-content-wrapper .text-content__container {
    margin-bottom: 3rem;
	max-width: 30rem;
}

button#ot-sdk-btn {
    padding: 0 !important;
    background: transparent;
    color: #fff !important;
    cursor: pointer;
}

button#ot-sdk-btn:hover {
    text-decoration: underline;
}

h2 {
	margin-bottom: 1rem;
}