/*
 Theme Name:   SP saatio Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

.page-header, .sidebar .widget, .site-main > *{ margin-bottom:0px}
:root {/*Maxscreen - 1440, Minscreen - 480*/
	
	--h1-l: clamp(3.125rem, 1.5625rem + 5.2083vw, 6.25rem);/*h1 - 100px , 50px, 38px*/
	--h1: clamp(3.125rem, 2.6875rem + 1.4583vw, 4rem);/*h1 - 64px, 50px , 38px*/
	--h2: clamp(2.125rem, 1.6875rem + 1.4583vw, 3rem);/*h2 - 48px , 34px*/
	--h2-s: clamp(2.125rem, 1.9375rem + 0.625vw, 2.5rem);/*h2 - 40px , 34px*/
	--h3: clamp(1.875rem, 1.6875rem + 0.625vw, 2.25rem);/*h3 - 36px , 30px*/
	--h4: clamp(1.5rem, 1.375rem + 0.4167vw, 1.75rem);/*h4 - 28px , 24px*/
	--h5: clamp(1.375rem, 1.3125rem + 0.2083vw, 1.5rem);/*h5 - 24px , 22px*/
	--h6: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);/*h6 - 20px , 20px*/
	
	--breakpoint-sm : 480px;
	--breakpoint-sm-md : 640px;
	--breakpoint-md : 800px;
	--breakpoint-md-lg : 960px;
	--breakpoint-lg : 1140px;
	--breakpoint-lg-xl : 1280px;
	--breakpoint-xl : 1440px;
	--breakpoint-xl-xxl : 1600px;
	--breakpoint-xxl : 1920px;
	--breakpoint-xxxl : 3840px;
	
	--grid-margin: clamp(0.9375rem, 0.4688rem + 1.5625vw, 1.875rem); /*30px -- 15px*/
	--s-200: clamp(6.875rem, 4.0625rem + 9.375vw, 12.5rem); /*200px -- 110px*/
	--s-150: clamp(5rem, 2.8125rem + 7.2917vw, 9.375rem); /*150px -- 80px*/
	--s-120: clamp(4.375rem, 2.8125rem + 5.2083vw, 7.5rem); /*120px -- 70px*/
	--s-100: clamp(4.375rem, 3.4375rem + 3.125vw, 6.25rem); /*100px -- 70px*/
	--s-90: clamp(3.75rem, 2.8125rem + 3.125vw, 5.625rem); /*90px -- 60px*/
	--s-80: clamp(3.75rem, 3.125rem + 2.0833vw, 5rem); /*80px -- 60px*/
	--s-70: clamp(3.125rem, 2.5rem + 2.0833vw, 4.375rem); /*70px -- 50px*/	
	--s-60: clamp(2.5rem, 1.875rem + 2.0833vw, 3.75rem); /*60px -- 40px*/
	--s-50: clamp(1.875rem, 1.25rem + 2.0833vw, 3.125rem); /*50px -- 30px*/	
	--s-40: clamp(1.875rem, 1.5625rem + 1.0417vw, 2.5rem); /*40px -- 30px*/
	--s-30: clamp(1.25rem, 0.9375rem + 1.0417vw, 1.875rem); /*30px -- 20px*/
	--s-25: clamp(1.25rem, 1.0938rem + 0.5208vw, 1.5625rem); /*25px -- 20px*/
	--s-20: clamp(0.9375rem, 0.7813rem + 0.5208vw, 1.25rem); /*20px -- 15px*/
	--s-15: clamp(0.75rem, 0.6563rem + 0.3125vw, 0.9375rem);/*15px -- 12px*/
	--s-12: clamp(0.625rem, 0.5625rem + 0.2083vw, 0.75rem); /*12px -- 10px*/
	--s-10: 0.625rem;/*10px -- 10px*/
	--s-5: 0.3125rem;/*5px -- 5px*/
	
}
/*CONTACT FORM 7*/
/*form feilds*/
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea{ border-radius:4px; padding:16px 12px; width:100%; font-size:16px; font-weight:400}
input[type="submit"]{font-size:16px; font-weight:400; border-radius:100px; text-align:center; width:100%}
.wpcf7-form-control-wrap{ padding-top:8px; display:block}
.contact-form-wrap .wpcf7-form-control-wrap{ padding-top:16px;}
.contact-form-btn{ width:100%; padding-top:20px;}
.wpcf7-textarea { height:150px}

.wpcf7-list-item-label a{ text-decoration:underline}
.wpcf7-form .wpcf7-checkbox label {
  position: relative;
  cursor: pointer;
}
.wpcf7-form .wpcf7-acceptance{ font-size:16px}
.wpcf7-form .wpcf7-acceptance .wpcf7-list-item{ margin-left:0px; padding-top:2px}
.form-row.consent a, .wpcf7-form .cf7-form-note a, .wpcf7-acceptance a{  color:var(--button); text-decoration:underline}
.form-row.consent a:hover, .wpcf7-form .cf7-form-note a:hover,  .wpcf7-acceptance a:hover{  color:var(--button-hover)}
.wpcf7-form .cf7-form-note{ font-size:14px}
.wpcf7 form .wpcf7-response-output{ margin-left:0px; margin-right:0px}
.application-form .form-row label{ color:var(--primary-text)}
.contact-form-wrap .wpcf7-submit{ margin-top:var(--s-25)}

.wpcf7-form .wpcf7-acceptance input[type=checkbox] {
	position: relative;
  visibility: hidden;
	width: 0px;
  height: 0px;
}

.wpcf7-form .wpcf7-acceptance input[type=checkbox] + span {
/*   border: 3px solid red;  */
	padding-left: 36px;
	position:relative;
}

.wpcf7-form .wpcf7-acceptance input[type=checkbox] + span:before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 4px;
 height: 24px;
  width: 24px;
  top: 0px;
  border: 1px solid var(--secondary-text);
	background-color:var(--feild-bg)
}

.wpcf7-form .wpcf7-acceptance input[type=checkbox] + span:after {
    display: block;
    position: absolute;
    content: '';
    height: 7px;
  width: 13px;
  top: 6px;
  left: 6px;
  visibility: hidden;
  font-size: 16px;
  border-width: 0px 0px 2px 2px;
  border-color: var(--white-text);
  border-style: solid;
  transform: rotate(-45deg);
	z-index:1
}

.wpcf7-form .wpcf7-acceptance input[type=checkbox]:checked + span:before {
    background: transparent;
	background-color: var(--button);
/*     border-color: red; */
}

.wpcf7-form .wpcf7-acceptance input[type=checkbox]:checked + span:after {
/*    background: #222; */
   visibility: visible;
}

.wpcf7-not-valid{ border-color:#ff0000 !important}
.application-form h2{ text-align:center; font-weight:500; font-size:var(--h5)}
.application-form .form-row{ padding-bottom:var(--s-30)}
.application-form .form-row-radio{ padding-top:var(--s-20)}
.application-form .form-row-radio .wpcf7-form-control-wrap{ text-align:center}
.application-form .main-form-group{ padding-top:var(--s-50)}
.application-form .wpcf7-not-valid-tip{position: absolute;  right: 0px;  top: -25px;}
.wpcf7-form .application-form .wpcf7-checkbox {display: flex;  gap: 8px;  flex-wrap: wrap;}
.wpcf7-form .application-form .wpcf7-radio{display: flex;  gap: 15px 30px;  flex-wrap: wrap; justify-content: center;}
.wpcf7-form .application-form .wpcf7-checkbox .wpcf7-list-item, .wpcf7-form .application-form .wpcf7-radio .wpcf7-list-item{margin: 0 0 0 0 !important;}
.wpcf7-form .application-form .wpcf7-list-item{ position:relative}
.wpcf7-form .application-form .wpcf7-radio .wpcf7-list-item label{ position:relative; cursor:pointer; padding-left: 20px;}

.wpcf7-form .application-form .wpcf7-exclusive-checkbox .wpcf7-list-item input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
/* Style the button visually */
.wpcf7-form .application-form .wpcf7-exclusive-checkbox .wpcf7-list-item .wpcf7-list-item-label {
  display: inline-block;
  padding: 6px 12px;
  background-color: transparent;
  color: var(--primary-text);
  border: 1px solid var(--button);
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  user-select: none;
	font-size: 16px;
}
.wpcf7-form .application-form .wpcf7-exclusive-checkbox .wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item-label {
  background-color: var(--button);
  color: var(--white-text);
 }

.wpcf7-form .wpcf7-radio input[type=radio] {
	position: relative;
  visibility: hidden;
}

.wpcf7-form .wpcf7-radio input[type=radio] + span {
/*   border: 3px solid red;  */
}

.wpcf7-form .wpcf7-radio input[type=radio] + span:before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 100%;
  height: 24px;
  width: 24px;
  top: 0px;
  border: 1px solid var(--button);
  left: 0px;
}

.wpcf7-form .wpcf7-radio input[type=radio] + span:after {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 12px;
  width: 12px;
  top: 6px;
  left: 6px;
    visibility: hidden;
}

.wpcf7-form .wpcf7-radio input[type=radio]:checked + span:before {
    background: transparent;
/*     border-color: red; */
}

.wpcf7-form .wpcf7-radio input[type=radio]:checked + span:after {
   background:  var(--button);
   visibility: visible;
}
.wpcf7 .wpcf7-submit:disabled{ opacity:0.4}

/*Upload file custom design*/
.codedropz-upload-wrapper{display: flex;  gap: var(--s-15) var(--s-30); flex-wrap: wrap;}
.codedropz-upload-handler{border: none !important;
  margin: 0px !important;}
.codedropz-upload-container{padding: 0px !important;}
.codedropz-upload-inner h3, .codedropz-upload-inner span, .dnd-upload-counter, .dnd-upload-image{ display:none !important;}
.dnd-upload-status .dnd-upload-details{padding: 0px !important;  width: 100% !important; position:relative !important;}


.dnd-upload-status{padding: 0px !important;}
.dnd-upload-details{padding: 0px !important;
  width: 100% !important;}
.dnd-upload-details .name{font-size: 16px !important;
  color: var(--secondary-text) !important;
  text-transform: initial !important;
  padding: 0px 24px 0px 0px !important;}
.dnd-upload-status .dnd-upload-details .name span{overflow: inherit !important;
  white-space: wrap !important;
  padding: 0px !important;}
.dnd-upload-status .dnd-upload-details .name em, .dnd-upload-status .dnd-upload-details .dnd-progress-bar{ display:none !important}


.dnd-upload-status .dnd-upload-details .remove-file span::after{ background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M7.95233%206.36454L12.3968%201.92009C12.6077%201.70952%2012.7264%201.42381%2012.7266%201.12575C12.7269%200.827743%2012.6087%200.541801%2012.3982%200.330854C12.1876%200.119906%2011.9019%200.00126295%2011.6039%200.00102903C11.3058%200.00074833%2011.0199%200.118877%2010.8089%200.32945L6.36449%204.77389L1.92005%200.32945C1.70915%200.118503%201.42306%200%201.12472%200C0.826432%200%200.540351%200.118503%200.329404%200.32945C0.118503%200.540398%200%200.826479%200%201.12477C0%201.42306%200.118503%201.70915%200.329404%201.92009L4.77385%206.36454L0.329404%2010.809C0.118503%2011.0199%200%2011.306%200%2011.6043C0%2011.9026%200.118503%2012.1887%200.329404%2012.3996C0.540351%2012.6106%200.826432%2012.7291%201.12472%2012.7291C1.42306%2012.7291%201.70915%2012.6106%201.92005%2012.3996L6.36449%207.95518L10.8089%2012.3996C11.0199%2012.6106%2011.306%2012.7291%2011.6043%2012.7291C11.9026%2012.7291%2012.1887%2012.6106%2012.3996%2012.3996C12.6105%2012.1887%2012.729%2011.9026%2012.729%2011.6043C12.729%2011.306%2012.6105%2011.0199%2012.3996%2010.809L7.95233%206.36454Z%22%20fill%3D%22%2302798F%22/%3E%3C/svg%3E");
width: 13px;
    height: 13px;}
.cd-upload-btn{
	align-items: center;
  background-color: var(--white-text);
  box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.0.8);
  color: var(--primary-text);
  column-gap: 8px;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  justify-content: center;
  letter-spacing: 0.56px;
  line-height: 100%;
  row-gap: 8px;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
	border:1px solid var(--primary-text);
  border-radius: 100px;
  padding: var(--s-15) var(--s-25);
}

	.cd-upload-btn::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.61573 18.2916C4.66789 18.2919 3.74126 18.011 2.9531 17.4845C2.16494 16.958 1.55068 16.2095 1.18802 15.3338C0.825369 14.4581 0.73063 13.4945 0.915793 12.5649C1.10096 11.6353 1.5577 10.7815 2.22823 10.1116L9.29906 3.03996C9.41631 2.92271 9.57533 2.85684 9.74114 2.85684C9.90696 2.85684 10.066 2.92271 10.1832 3.03996C10.3005 3.1572 10.3663 3.31623 10.3663 3.48204C10.3663 3.64785 10.3005 3.80688 10.1832 3.92412L3.11156 10.995C2.7692 11.3208 2.49551 11.7118 2.30662 12.145C2.11772 12.5782 2.01744 13.0449 2.01168 13.5174C2.00593 13.99 2.09481 14.4589 2.2731 14.8966C2.45139 15.3343 2.71547 15.7319 3.04979 16.0659C3.38412 16.4 3.78191 16.6637 4.21975 16.8417C4.65759 17.0196 5.1266 17.1081 5.59917 17.1019C6.07174 17.0958 6.53829 16.9951 6.97135 16.8059C7.40441 16.6166 7.79521 16.3426 8.12073 16L17.2541 6.86662C17.6726 6.43443 17.9045 5.85503 17.8996 5.25341C17.8948 4.6518 17.6537 4.07619 17.2282 3.65078C16.8028 3.22536 16.2272 2.98422 15.6256 2.97939C15.024 2.97456 14.4446 3.20642 14.0124 3.62496L6.64739 10.995C6.45202 11.1903 6.34226 11.4553 6.34226 11.7316C6.34226 12.0079 6.45202 12.2729 6.64739 12.4683C6.84277 12.6637 7.10776 12.7734 7.38406 12.7734C7.66036 12.7734 7.92535 12.6637 8.12073 12.4683L12.8332 7.75496C12.8909 7.69524 12.9598 7.64759 13.036 7.6148C13.1123 7.58201 13.1943 7.56473 13.2773 7.56397C13.3602 7.56321 13.4426 7.57898 13.5194 7.61037C13.5962 7.64176 13.666 7.68814 13.7247 7.74679C13.7834 7.80545 13.8299 7.87521 13.8613 7.952C13.8928 8.0288 13.9086 8.11109 13.908 8.19408C13.9073 8.27706 13.8901 8.35908 13.8574 8.43535C13.8246 8.51162 13.7771 8.58061 13.7174 8.63829L9.00406 13.3525C8.5743 13.7823 7.99137 14.0239 7.38352 14.024C6.77567 14.024 6.19268 13.7826 5.76281 13.3529C5.33294 12.9231 5.0914 12.3402 5.09132 11.7323C5.09124 11.1245 5.33263 10.5415 5.76239 10.1116L13.1291 2.74996C13.7932 2.0857 14.694 1.71248 15.6334 1.7124C16.5727 1.71232 17.4736 2.08539 18.1378 2.74954C18.8021 3.41369 19.1753 4.31451 19.1754 5.25383C19.1754 6.19315 18.8024 7.09403 18.1382 7.75829L9.00489 16.8883C8.56079 17.3346 8.03258 17.6885 7.45084 17.9294C6.8691 18.1702 6.24537 18.2934 5.61573 18.2916Z' fill='%23000000'/%3E%3C/svg%3E") center / contain no-repeat;
}



/* --------------------------
   GLOBAL SCROLL ANIMATIONS
   -------------------------- */

/* Start hidden */
[data-animate] {
    opacity: 0;
    /*transform: translateY(20px);*/
    transition: all 0.5s ease-out;
}

/* When visible */
.animate-visible {
    opacity: 1;
    /*transform: translateY(0);*/
}

/* Slide Left */
[data-animate="slide-left"] {
    transform: translateX(-50%) skewX(-15deg);
	transition: all 1s ease-out;
	clip-path: inset(0 100% 0 0);
	
}
.animate-visible[data-animate="slide-left"] {
    transform: translateX(0) skewX(0deg);
	clip-path: inset(0 0 0 0);
	
}

/* Slide Left big */
[data-animate="slide-left-big"] {
    transform: translateX(-50%);
	transition: all 1s ease-out;

	
}
.animate-visible[data-animate="slide-left-big"] {
    transform: translateX(0);
	
}

/* Slide Right */
[data-animate="slide-right"] {
    transform: translateX(50%);
	transition: all 1s ease-out;
}
.animate-visible[data-animate="slide-right"] {
    transform: translateX(0);
}

/* Slide Up */
[data-animate="slide-up"] {
    transform: translateY(40px);
	opacity: 0;
}
.animate-visible[data-animate="slide-up"] {
    transform: translateY(0);
	opacity: 1;
}

/* Slide Down */
[data-animate="slide-down"]{
    margin-top:-40px;
    opacity:0;
    transition:all .8s ease;
}

.animate-visible[data-animate="slide-down"]{
    margin-top:0;
    opacity:1;
}

/* Slide Up Text */
[data-animate="slide-up-text"] {
    transform: rotate(-90deg) translate3d(-80px,0px,0px) !important;
	opacity: 0;
}
.animate-visible[data-animate="slide-up-text"] {
    transform: rotate(-90deg) translate3d(0px,0px,0px) !important;
	opacity: 1;
}

/* Slide Down Text */
[data-animate="slide-down-text"] {
    transform: rotate(90deg) translate3d(calc(100% - 80px),0px,0px) !important;
	opacity: 0;
}
.animate-visible[data-animate="slide-down-text"] {
    transform: rotate(90deg) translate3d(100%,0px,0px) !important;
	opacity: 1;
}
/*Rotate 9 deg */
[data-animate="rotate-slant"] {
    transform: rotate(0deg);
	opacity: 1;
	transform-origin: left bottom; 
}
.animate-visible[data-animate="rotate-slant"] {
    transform: rotate(9deg);
	opacity: 1;
}
/*Rotate anti 9 deg */
[data-animate="rotate-anti-slant"] {
    transform: rotate(0deg);
	opacity: 1;
	transform-origin: right bottom; 
}
.animate-visible[data-animate="rotate-anti-slant"] {
    transform: rotate(-9deg);
	opacity: 1;
}

/* Fade In */
[data-animate="fade-in"] {
    transform: none;
}
.animate-visible[data-animate="fade-in"] {
    opacity: 1;
}

/* line grow Initial state */
[data-animate="line-left"],
[data-animate="line-right"] {
    transform: scaleX(0);
    transition: transform 0.8s ease;
}

/* Grow from left → right */
[data-animate="line-right"] {
    transform-origin: left center;
}

/* Grow from right → left */
[data-animate="line-left"] {
    transform-origin: right center;
}

/* Visible state */
.animate-visible[data-animate="line-left"],
.animate-visible[data-animate="line-right"] {
    transform: scaleX(1);
}

/*Curtain up*/
.curtain-up {
    transform: translateY(0);
    opacity: 1;
    transition: transform 1s ease-in-out, opacity 1s ease-in-out;
}

/* Animate away */
.curtain-up.animate-visible[data-animate="fade-in"] {
    transform: translateY(-100%);
    opacity: 0;
	
}



/* Delay options */
.delay-1 { transition-delay: .9s; }
.delay-2 { transition-delay: .9s; }
.delay-3 { transition-delay: 1s; }
.delay-4 { transition-delay: 2s; }
.delay-5 { transition-delay: 2.6s; }
.delay-6 { transition-delay: 4.8s; }


.gb-text strong{font-weight:400}
.gb-accordion__toggle-icon-close svg{transform: rotate(45deg);}

.sticky-container {}

.sticky-element {
	position: sticky;
	position: -webkit-sticky;
	top: 2px;
	
}

/*.sub-menu.gb-sub-menu::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,.10) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    z-index: -1;
}
*/
#menu-main-menu:before
{
	content: "";
    position: absolute;
    inset: 0;
   
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    z-index: -1;
	border-radius:100px
}
.wh-logo img{filter: brightness(0) invert(1);}
p a{ color: var(--button)}
p a:hover{ color: var(--button-hover)}

@media (max-width:1140px) {
	img.custom-logo{ width:160px}
}
@media (max-width:960px) {
.wp-block-site-logo{ flex:1}
	#menu-main-menu::before{ display:none}
}
@media (max-width:767px) {
	.sticky-element {position:relative; position: -webkit-relative;}
}

@media (max-width:640px) {
	:root {
	--h1-l: clamp(2.375rem, 0.125rem + 7.5vw, 3.125rem);/*h1 - 100px , 50px, 38px*/
	--h1: clamp(2.375rem, 0.125rem + 7.5vw, 3.125rem);/*h1 - 64px, 50px , 38px*/
	}
}