/*
Theme Name: Autodata Training
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 */

html{
	overflow-x: hidden;
}

/* posts */

.prev-next-posts{
	flex-basis: 100%;
	padding: 1em;
	background: var(--color-jacarta);
	color: #fff;
	margin-bottom: 3em;
	display: flex;
	justify-content: space-between;
}


.form-submitted-thanks {
	width: 100%;
    margin: 0;
    padding: 1.5rem;
    background: #180A48;
    font-size: 1.5rem;
    color: #ffffff;
}
/* #quick-contact {
	background: #180A48;
	padding: 2rem;
	margin-bottom: 2rem;
	font-size: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
	color: #ffffff;
}
#quick-contact div {
	margin: 0 auto;
}
 */
.prev-next-posts a{
	color: #fff;
}

/* .next-posts-link{
	margin-left: auto;
	display: inline-block;
}

.prev-posts-link{
	margin-right: auto;
	display: inline-block;
} */

.blog-detail .blog-detail__container ul li {
	list-style-type: disc;
}
.blog-detail .blog-detail__container ul {
	padding-left:1em;
}

.blog-detail__container .video-iframe{
	display: block;
    width: 100%;
	max-height: 500px;
    height: 500px;
    /* max-width: 100%; */
    position: relative;
}
.create-checkout-desc .quantity-selector {
		max-width: 85px;
	}

@media only screen and (max-width: 850px) {
.blog-detail__container .video-iframe{
	max-height: 200px;
    height: 200px;
}
}

/* misc */

.offset-box{
	padding: 2rem;
	background-color: var(--color-subtle);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

ul.bullets{
	list-style: unset;
	position: relative;
    left: 15px;
}

.pay-button{
	border: none;
	cursor: pointer;
}

.subscribe-action .wpstripeco_variable_quantity_input{
	  display: inline-block;
    margin-left: 15px;
    width: 20%;
    vertical-align: middle;
    padding: 10px 0;
    text-align: center;
    text-indent: -20px;
    font-size: 1.2em;
}

.subscribe-action .wpstripeco_variable_quantity_label{
	display: inline-block;
    width: 65%;
}

.addtoany_header {font-weight:700}

.subscribe-action input[type="submit"]{
	position: relative;
    z-index: 0;
    display: inline-block;
    padding: 1rem 1.5rem;
    border-radius: 0.125rem;
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    font-size: .875rem;
    line-height: 1.2;
    letter-spacing: 0.08em;
    text-decoration: none;
    text-transform: uppercase;
    background: var(--color-sun);
    color: var(--color-jacarta);
	
	border: none;
    cursor: pointer;
}


  

.subscription-container{
	display: grid;
/* 	grid-template-columns: auto auto auto; */
	grid-template-columns: repeat(3, minmax(0, 1fr));

}

.subscription-option{
	display: flex;
	flex-direction: column;
	text-align: left;
}

.subscription-option .sub-desc{
	max-width: 70%;
}

input[type='number']::-webkit-inner-spin-button, 
input[type='number']::-webkit-outer-spin-button { 
    opacity: 1;
   position: absolute;
/*     width: 12.5%; */
    height: 100%;
    top: 0;
    right: 0;
}

.create-checkout-desc{
	display: flex;
    gap: 1.5rem;
	margin-bottom: 30px;
}

.create-checkout-desc p{
	max-width: 65%;
}

.create-checkout-desc .quantity-selector{
    padding: 10px 10px;
    text-align: center;
    text-indent: -18px;
    font-size: 1.2em;
}

.s-link{
	width: 70%;
}

.s-link .wpsc-v3-button-container{
/* 	display: flex; */
}

.s-link .wpsc-v3-button-container label{
	display: inline-block;
	width: 65%;
	vertical-align: middle;
}

.s-link .wpsc-v3-button-container input{
	display: inline-block;
	margin-left: 15px;
	width: 20%;
	vertical-align: middle;
	padding: 10px 0;
	text-align: center;
	  text-indent: -20px;
	font-size: 1.2em;
}

.s-price-container{
	margin-top: 15px;
}

.s-price-container span.big-price{
	font-size: 2em;
	font-weight: 900;
}

.parallax{
 background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-hero{
	position: relative;
}

.parallax-hero-details{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	z-index: 9;
}


/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  margin-bottom: 10px;
  border: none;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion::hover,
button:focus {
  background-color: #ccc;
  background: #ccc;
  border: none;
}

.button:focus::after, .wp-block-buttons .wp-block-button__link:focus::after, .wp-block-file .wp-block-file__button:focus::after, .button:hover::after, .wp-block-buttons .wp-block-button__link:hover::after, .wp-block-file .wp-block-file__button:hover::after {
    width: 99% !important;
}


.panel {
  padding: 25px;
  background-color: white;
  display: none;
  overflow: hidden;
  text-align: left;
	position: relative;
    top: -10px;

}

.accordion::after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: #777;
  float: right;
  margin-left: 5px;
}

.active::after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}

.col-icon{
	max-height: 60px;
}

.button-row{
	margin-top: 30px;
}

.button-row a{
	margin: 0 10px;
}

.menu-main-menu-container{
	display: flex;
}

#menu-main-menu{
	display: flex;
}

.page_item{
	height: 100%;
}

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

.misc-menu{
/* 	background: #32255E; */
	width: 90rem;
	margin: auto;
	position: relative;
	font-size: .8em;
	color: #000;
}

.newsblock1 {
	position: relative;
	background: #32255E;
	padding: 2em 2em;
	margin-bottom: 2em;
}
/* .newsblock1::after {
	position: absolute;
	width: 50%;
	content: '';
	display:block;
	background:#000000;
} */
.newsblock1 h2, .newsblock1 p {
	color: #ffffff;
}
.newsblock1 h2 {
	font-size: revert;
	line-height: .85;
}
.newsblock1 .newsbutton1 {
	padding-left: 0 !important;
	margin-bottom:0
}
.newsblock1 figure {
		margin:0
	}
.newsblock1 .wp-block-group__inner-container {
	width:50%;
}
.newsblock1 img {
	position: absolute;
    right: 0;
    top: 0;
    width: 45%;
    height: 100% !important;
	object-fit: cover !important;
}

@media only screen and (max-width: 960px) {
	.newsblock1 .wp-block-group__inner-container {
		width:100%;
	}
	.newsblock1 h2 {
		margin-top: 25px;
	}
	.newsblock1 figure {
		padding:0;
	}
	.newsblock1 img {
	position: relative;
    width: 100%;
    max-height: 225px
}
}

@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;
}

#menu-corp-menu,
#menu-misc-menu,
#menu-misc-menu-us,
#menu-misc-menu-ca,
#menu-misc-menu-au,
#menu-misc-menu-nz,
#menu-misc-menu-fr,
#menu-misc-menu-es{
	display: inline-flex;
	align-items: center;
    justify-content: flex-end;
	color: #fff;
	padding: .8em;
	width: 100%;
	margin-left: auto;
	position: relative;
/* 	right: 90px; */
}


#menu-corp-menu a,
#menu-misc-menu a,
#menu-misc-menu-us a,
#menu-misc-menu-ca a,
#menu-misc-menu-au a,
#menu-misc-menu-nz a,
#menu-misc-menu-fr a,
#menu-misc-menu-es a{
	transition: all .5s ease;
	cursor: pointer;
}


#menu-corp-menu a:hover,
#menu-misc-menu a:hover,
#menu-misc-menu-us a:hover,
#menu-misc-menu-ca a:hover,
#menu-misc-menu-au a:hover,
#menu-misc-menu-nz a:hover,
#menu-misc-menu-fr a:hover,
#menu-misc-menu-es a:hover{
	color: var(--color-sun);
}

.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: 300%;
    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__misc {
	display: flex;
	align-items: center;
}

.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;
}

.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;
}

#ad-training-main-logo{
	 position: relative;
    top: 2px;
	flex: 0 0 20rem;
	align-items: unset;
}

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

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


.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);
}

.max70{
	max-width: 70%;
}

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

.homepage-video-hero::before{
	background: #32255E !important;
}

.video-hero__video{
	height: 100%;
    margin: auto;
	position: relative;
	object-fit: unset;
}

/* .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: 123px;
	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;
}

@media only screen and (max-width: 1455px){
	
	html,body{
		background: unset !important;
	}
	
.sticky-contact-quickbar {
    width: 80%;
}
}


.related-layout{
	
	   display: grid;
	grid-template-columns: repeat(4, 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;
}

/* Footer */

.site-footer__column{
flex: 0 0 calc(100% / 4) !important;
}

.site-footer__social{
	padding-left: 0 !important;
	margin-top: 30px !important;
}

.inline-footer-box{
	padding-left: 6em !important;
}

/* FORMS */

.gform_wrapper.gravity-theme .ginput_container_consent {
	display: flex;
	text-align: left;
}

.gform_wrapper .ginput_container_consent label {
	align-self: flex-end;
    padding: 2px 12px;
}

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

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

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

.mobile-menu{
	display: none;
}

.slider-title{
	text-align: center; 
	margin-bottom: 0; 
	padding: 60px 130px 40px 130px;
}

.mobile-language-selector,
.mobile-language-selector-list{
	display: none;
}

#ad-training-main-logo{
	min-width: 320px;
}

#ad-training-main-logo svg{
	display: block;
	width: 100%;
}

/* media queries */


@media (max-width: 1115px){
	
	.site-nav__primary{
		font-size: .9em;
	}
	.site-nav__primary .utility a{
		font-size: .9em;
	}	
}

@media (max-width: 1060px){
	
	#ad-training-main-logo{
		min-width: unset;
		flex: 0 0 16rem;
	}
	
	.site-nav__primary{
		font-size: .9em !important;
	}
	.site-nav__primary .utility a{
		font-size: .9em !important;
	}	
}

@media (max-width: 959px){
	
	.site-nav__mobile {
		top: 65px;
	}
	
	.sticky-contact-quickbar.stuck {
		z-index: 10 !important;
	}
	
	.mobile-language-selector{
		display: flex;
		justify-content: flex-end;
		align-items: center;
		color: #000;
   		width: 100%;
		height: 100%;
		position: relative;
		z-index: 10;
		right: -12px;
	}

	
		.mobile-language-selector-list{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background: #32255E;
		color: #fff;
   		width: 100%;
		position: absolute;
		z-index: -111;
		
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		transition: all .5s ease;

	}
	
	
	.mobile-language-selector-list a{
		text-decoration: none;
		color: #fff;
	}
	
		
	.mobile-language-selector-list a.current{
		color: var(--color-sun);
	}
	
	
	.mobile-language-selector-list div{
		padding: 10px 0;

	}
	
		.mobile-language-selector-list.hidden{
			transform: translateY(-100%);
/* 			opacity: 0;
			visibility: hidden; */
/* 			display: none; */
			transition: all .5s ease;
	}
	
}

@media (max-width: 959px){
	li.utility.menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-item.current_page_item.menu-item-has-children{
		display: none;
	}
	
	li.utility.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children{
				display: none;
	}
}

@media (max-width: 47.9375rem){
	
	.media-slider__container{
		background: #fff !important;
	}
	
	#ad-training-main-logo{
	min-width: unset !important;
		max-width: 240px;
		width: 100%;
}

	
	.gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
    line-height: 1 !important;
}
	
	.subscription-container{
		grid-template-columns: auto;
	}
	
	.subscription-option{
		margin-bottom: 60px;
	}
	
.media-slider__container::before {
   background: unset !important;
}	
	
	.media-slider__slide {
    padding-left: 1.5rem !important;
}
	
	.slider-title{
		padding: 60px 60px 0 60px;
	}
	
	.slider-subtitle{
		padding: 0 30px;
	}
	
	iframe{
    	width: 100%;
	}
	
	.sticky-contact-quickbar {
		top: 63px;
		z-index: 1;
	}
	
		.sticky-contact-quickbar.stuck {
		z-index: 10;
	}
	
	.page_item {
    	height: unset;
	}
	
	li.utility.menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-item.current_page_item.menu-item-has-children{
		display: none;
	}
	
	li.utility.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children{
				display: none;
	}
}



@media (min-width: 48.0625rem) {
.site-footer__column:nth-child(2) .site-footer__nav {
    margin-top: unset !important;
}
	

}

@media (max-width: 59.9375rem){
	
	.page_item{
		height: unset;
	}
	
	.sticky-contact-quickbar {
		top: 63px;
		z-index: 1;
	}
	
	.video-hero{
		padding-top: 56.25% !important;		
	}
	
	.video-hero__video{
		object-fit: contain !important;
	}
	
	li.utility.menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-item.current_page_item.menu-item-has-children{
		display: none;
	}
	
	.site-nav__container::after {
    content: '';
    background: #32255E;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
	
	#ad-training-main-logo {
		flex: 0 0 17rem;
	}
	
	
	#ad-training-main-logo svg{
		min-width: unset;
	}
	
	.inline-footer-box {
    	padding-left: 3rem !important;
	}
	
	.nav-open .site-nav__mobile {
    -webkit-transform: none;
    transform: none;
    visibility: visible;
}
	
	.mobile-menu{
		display: block;		
	}
	
	.site-nav__mobile{
		position: fixed;
    z-index: -2;
/* 	top: 8rem; */
	top: 65px;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    background: var(--color-white) url(/wp-content/themes/kps3-solera/resources/dist/assets/images/bg-dots.png) repeat-x;
    background-position: left 0 bottom -15rem;
    background-attachment: local;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: hidden;
    -webkit-transition: visibility var(--transition),-webkit-transform var(--transition);
    transition: visibility var(--transition),-webkit-transform var(--transition);
    transition: transform var(--transition),visibility var(--transition);
    transition: transform var(--transition),visibility var(--transition),-webkit-transform var(--transition);
    overflow-y: auto;
	}
	
	.site-nav__mobile a{
    display: block;
    width: 100%;
    padding: 1rem 1.5rem;
    border: 0;
    border-bottom: 1px solid var(--color-jacarta-20);
    font: inherit;
    text-align: left;
    text-decoration: none;
    background: var(--color-white);
    color: inherit;
	}
	
	.utility.highlighted {
    background: inherit;
    color: inherit;
}
	

	
	#menu-main-menu{
		display: none !important;
	}
	
	.misc-menu {
		display: none;
	}
	
	#menu-misc-menu{
		display: block;
	}
}

@media (max-width: 400px){
	.site-header__toggle{
		flex: 0 0 4.2rem !important;
	}
	
	#ad-training-main-logo {
    flex: 0 0 13rem !important;
}
}
@media only screen and (max-width:1255px) {
	.media-slider__page::after {
		top:120% !important;
	}
	.media-slider__page::before {
		height:120% !important;
	}
}
@media only screen and (max-width:765px) {
	.media-slider__page::after {
		top:50% !important;
	}
	.media-slider__page::before {
		height:1.25rem !important;
	}
}