/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 header {
    padding-top:0 !important;
 }

 html{
   scroll-behavior: smooth;
 }

 body{
   --wp--preset--font-family--body: 'Poppins', sans-serif;
 }

h1, h2, h3, h4, h5, h5{
   font-family: 'Rajdhani', sans-serif;
   letter-spacing:normal;
}

.wp-site-blocks{
   padding: var(--wp--custom--spacing--site-padding) !important;
}

header{
   z-index:999;
   background-color:var(--wp--preset--color--background);
   -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0); 
   box-shadow: 0px 2px 4px 0px rgba(0,0,0,0);
   transition:background-color 400ms ease, box-shadow 400ms ease;
}

footer a{
   padding-bottom:0px !important;
   text-decoration:none !important;
}

html:not([data-scroll='0']) header{
   position: -webkit-sticky;
	position: sticky;
	top: 0;
   background-color:var(--wp--preset--color--background-alt);
   -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.15); 
   box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.15);
}

.col-wrap-reverse{
   flex-wrap:wrap-reverse !important;
}

.zero-c-template-btn{
   font-family: 'Rajdhani', sans-serif;
   font-size: 1.1rem;
   text-transform: uppercase;
   font-weight: 500;
   text-decoration:none;
   cursor:pointer;
   padding:5px 15px;
   border-radius:4px;
   background:var(--wp--preset--color--secondary);
   color:white;
   transition:transform 200ms cubic-bezier(0.570, 0.840, 0.185, 1.445) !important;
   display:inline-block;
}

.zero-c-template-btn.outline {
  font-family: "Rajdhani", sans-serif;
  font-size: 1.1rem;
  text-transform: uppercase;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  padding: 5px 15px;
  border-radius: 4px;
  border: 1px solid var(--wp--preset--color--secondary);
  background: transparent;
  color: var(--wp--preset--color--secondary);
  transition: transform 200ms cubic-bezier(0.57, 0.84, 0.185, 1.445) !important;
  display: inline-block;
  cursor: pointer;
}

.zero-c-template-btn.outline.active {
  color: white;
  background: var(--wp--preset--color--secondary);
  border: transparent;
}


.zero-c-template-btn:hover{
   transform:scale(1.01);
}

/* START FORMS */

input[type='submit'].wpcf7-form-control{
   border-radius:4px;
   font-family: 'Rajdhani', sans-serif;
   font-size: 1.1rem;
   text-transform: uppercase;
   font-weight: 500;
   text-decoration:none;
   padding:8px 15px;
}

input[type='text'].wpcf7-form-control,
input[type='email'].wpcf7-form-control,
input[type='tel'].wpcf7-form-control,
select.wpcf7-form-control,
textarea.wpcf7-form-control{
   border-radius:4px;
   width:100%;
   outline: 0;
   border: 0;
   background-color: var(--wp--preset--color--background);
   color: var(--wp--preset--color--foreground);
   padding: 12px 16px;
}

select.wpcf7-form-control{
   border-right:10px solid transparent;
   width:48%;
}

.tod-form-row-half{
   display:flex;
   align-items:stretch;
   justify-content: space-between;
}

.tod-form-field-half{
   width:48%;
}

.wpcf7-list-item{
   display:block;
   width:100%;
   margin-left:5px;
}

.tod-form-field-half select.wpcf7-form-control{
   width:100%;
}

.wpcf7-response-output{
   border-radius:25px;
}

@media (max-width:700px){
   .tod-form-row-half{
      display:block;
   }
   
   .tod-form-field-half,
   select.wpcf7-form-control{
      width:100%;
   }
}

/* END FORMS */