/*
Theme Name: Stride
Template: hello-elementor
Author: The Brandesign group
Description: A child theme for Hello Elementor
Version: 1.0
*/



/* ------------------------GLOBALS ------------------------*/

:root {
  --pure-black: #000000;
  --pure-white: #FFFFFF;
  --light-grey: #F4F4EF;
  --yellow-green: #B7C02A;
  --deep-blue: #021E26;
  --grey-blue: #A9BCD0;
  --slate-blue: #7095A5;
  --light-beige: #D0C7B1;
  --dark-teal: #145158;
  --pale-beige: #E5DCC5;
  --slight-grey: #FCFCFC;
  --dark-navy-blue: #012850;
}



h1, h2, h3, h4, h5, h6 {
  font-family: "freight-sans-pro", "FreightSans Pro", sans-serif;
  color: var(--dark-navy-blue);
  line-height: 1.2;
  letter-spacing: 0.2px;
}

h1 {
  font-weight: 900;
  font-size: clamp(28px, 7vw, 60px);
}

h2 {
  font-weight: 400 ;
  font-size: clamp(24px, 4.5vw, 35px);
}

h3 {
  font-weight: 700;
  font-size: clamp(24px, 4.3vw, 35px);
}

h4 {
  font-weight: 700 ;
  font-size: clamp(18px, 2.6vw, 20px);
}

h5 {
  font-weight: 400;
  font-size: clamp(18px, 2.4vw, 20px);
}

h6 {
  font-weight: 700;
  font-size: clamp(14px, 1.8vw, 16px);
}

.bd-tahoma{
	font-family: Tahoma, sans-serif !important;
  font-size: 15px !important;
}


.woocommerce div.product p.stock
 {
    font-size: 1.5em;
}


.elementor-widget-woocommerce-cart .woocommerce #shipping_method li label {
    color: #ffffff !important;
}

.woocommerce-cart .cart-collaterals .cart_totals table small{
	color:#ffffff !important;
}


.bd-float{
	transition:all ease-in-out 0.3s;
}

.bd-float:hover{
	transition:all ease-in-out 0.3s;
	transform:translatey(-10px);
}


div#customer_login {
    background-color: #f4f4ef !important;
	margin-top:0px !important;
	padding-top:40px !important;
}
/* Stronger selector */
.woocommerce .u-column1.col-1 form.woocommerce-form-login {
    height: 448px !important;
    min-height: 448px !important;
/*     display: block !important; /* stops flex issues */ 
}
/* ------------------------END GLOBALS ------------------------*/

/* ------------------------BUTTONS ------------------------*/


.bd-button a{
 font-family: "freight-sans-pro", "FreightSans Pro", sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: #021E26 !important;
  border: 2px solid #021E26;
  background: transparent !important;
  border-radius: 57px !important;
  text-align: center;
  text-decoration: none;
  transition: all ease-in-out 0.3s;
/* Responsive typography & spacing */
  font-size: clamp(16px, 1.4vw, 20px);
  padding-block: clamp(10px, 2vw, 15px);
  padding-inline: clamp(20px, 4vw, 35px);
  min-width: clamp(140px, 18vw, 180px);
}

.bd-button a:hover{
	transition:all ease-in-out 0.3s;
	background:var(--yellow-green) !important;
	color:white !important;
	border:2px solid var(--yellow-green);
}



.bd-button-dark a{
 font-family: "freight-sans-pro", "FreightSans Pro", sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: var(--pure-white) !important;
  border: 2px solid var(--dark-teal);
  background: var(--dark-teal) !important;
  border-radius: 57px !important;
  text-align: center;
  text-decoration: none;
  transition: all ease-in-out 0.3s;
/* Responsive typography & spacing */
  font-size: clamp(16px, 1.4vw, 20px);
  padding-block: clamp(10px, 2vw, 15px);
  padding-inline: clamp(20px, 4vw, 35px);
  min-width: clamp(140px, 18vw, 180px);
}


.bd-button-dark a:hover{
	transition:all ease-in-out 0.3s;
	background:var(--yellow-green) !important;
	color:white !important;
	border:2px solid var(--yellow-green);
}


.bd-button-light a{
 font-family: "freight-sans-pro", "FreightSans Pro", sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: var(--pure-white) !important;
  border: 2px solid var(--pure-white);
  background: transparent !important;
  border-radius: 57px !important;
  text-align: center;
  text-decoration: none;
  transition: all ease-in-out 0.3s;
/* Responsive typography & spacing */
  font-size: clamp(16px, 1.4vw, 20px);
  padding-block: clamp(10px, 2vw, 15px);
  padding-inline: clamp(20px, 4vw, 35px);
  min-width: clamp(140px, 18vw, 180px);
}


.bd-button-light a:hover{
	transition:all ease-in-out 0.3s;
	background:var(--yellow-green) !important;
	color:white !important;
	border:2px solid var(--yellow-green);
}

.bd-button-light-2 a{
 font-family: "freight-sans-pro", "FreightSans Pro", sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: var(--pure-white) !important;
  border: 2px solid var(--pure-white);
  background: transparent !important;
  border-radius: 57px !important;
  text-align: center;
  text-decoration: none;
  transition: all ease-in-out 0.3s;
/* Responsive typography & spacing */
  font-size: clamp(16px, 1.4vw, 20px);
  padding-block: clamp(10px, 2vw, 15px);
  padding-inline: clamp(20px, 4vw, 35px);
  min-width: clamp(140px, 18vw, 180px);
}


.bd-button-light-2 a:hover{
	transition:all ease-in-out 0.3s;
	background:#CFDB32 !important;
	color:white !important;
	border:2px solid var(--yellow-green);
}




.elementor-post__read-more-wrapper a{
 font-family: "freight-sans-pro", "FreightSans Pro", sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: var(--pure-white) !important;
  border: 2px solid var(--pure-white);
  background: transparent !important;
  border-radius: 57px !important;
  text-align: center;
  text-decoration: none;
  transition: all ease-in-out 0.3s;
/* Responsive typography & spacing */
  font-size: clamp(16px, 1.4vw, 20px);
  padding-block: clamp(10px, 2vw, 15px);
  padding-inline: clamp(20px, 4vw, 35px);
  min-width: clamp(140px, 18vw, 180px);
}



.elementor-post__read-more-wrapper a:hover{
	transition:all ease-in-out 0.3s;
	background:#CFDB32 !important;
	color:white !important;
	border:2px solid var(--yellow-green);
}


.bd-button-yellow a{
 font-family: "freight-sans-pro", "FreightSans Pro", sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: var(--pure-white) !important;
  border: 2px solid var(--yellow-green);
  background: var(--yellow-green) !important;
  border-radius: 57px !important;
  text-align: center;
  text-decoration: none;
  transition: all ease-in-out 0.3s;
/* Responsive typography & spacing */
  font-size: clamp(16px, 1.4vw, 20px);
  padding-block: clamp(10px, 2vw, 15px);
  padding-inline: clamp(20px, 4vw, 35px);
  min-width: clamp(140px, 18vw, 180px);
}


.bd-button-yellow a:hover{
	transition:all ease-in-out 0.3s;
	background:transparent !important;
	color:white !important;
	border:2px solid var(--pure-white);
}


.bd-icon .elementor-button-icon svg{
    width:38px !important;
    height: auto !important;
    margin-top: -10px !important;
}

/* ------------------------END BUTTONS ------------------------*/








/* ------------------------Media Query ------------------------*/


/* ------------------------Mobile Query------------------------*/
@media only screen and (max-width: 600px) {

    /* --------------GLOBALS --------------*/
	div#customer_login{
		padding-inline:20px !important;
	}
	
	
	
	
	
	
	
	
    /* --------------GLOBALS --------------*/
    
    
  }

  /* ------------------------End Mobile Query------------------------*/

  /* ------------------------Tablet Mobile Query ------------------------*/

  @media only screen and (min-width: 601px) and (max-width: 1024px) {
    /* Styles for tablets (portrait and landscape) */
    
	  
	  
	  
	  
	  
	  
	  
  }