/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 2.0.0
*/
@import url('https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap');
h1,
h2,
h3,
h4,
h5{
    font-family:"Onest";
}

#customer_details{
  margin-top: 50px !important;
}
.droneShippingForm{
  margin-top:0px !important;
}
.woocommerce-billing-fields__field-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px 30px;
}
.woocommerce-billing-fields__field-wrapper > p{
  width: calc(33% - 30px) !important;
}
@media screen and (max-width: 1250px) {
  .woocommerce-billing-fields__field-wrapper > p {
    width: calc(50% - 30px) !important;
  }
}
@media screen and (max-width: 890px) {
  .woocommerce-billing-fields__field-wrapper > p {
    width: 100% !important;
  }
}
.modalOptiColisage-loop {
position: fixed; /* line I changed */
overflow:auto; /* line I added */
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
z-index: 999;
display:none;
}

.modalOptiColisage-loop .contentOptimiser-loop {
margin: auto 0;
width: 80%;
background-color: #FFF;
padding:50px;
}
.titreOptimiser{
 font-size:30px;
 line-height: 35px;
 font-weight: 700;
}

.contentOptimiser-loop .action{
 display:flex;
 flex-wrap: wrap;
 gap:20px;
 flex-direction: row;
}
@media screen and (max-width:690px){
 .contentOptimiser-loop .action{
	 flex-direction: column;
	 gap: 10px;
 }
}

.optiText{
 margin-top:20px;
 font-size:20px;
 line-height: 25px;
}

.modalOptiColisage-loop {
position: fixed; /* line I changed */
overflow:auto; /* line I added */
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
z-index: 999;
display:none;
}


.titreOptimiser{
 font-size:30px;
 line-height: 35px;
 font-weight: 700;
}

.contentOptimiser-loop .action{
 display:flex;
 flex-wrap: wrap;
 gap:20px;
 flex-direction: row;
}
@media screen and (max-width:690px){
 .contentOptimiser-loop .action{
	 flex-direction: column;
	 gap: 10px;
 }
}

.optiText{
 margin-top:20px;
 font-size:20px;
 line-height: 25px;
}

 .modalOptiColisage {
 position: fixed; /* line I changed */
 overflow:auto; /* line I added */
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(0, 0, 0, 0.5);
 display: flex;
 justify-content: center;
 z-index: 999;
 display:none;
}

.modalOptiColisage-loop .contentOptimiser-loop {
margin: auto 0;
width: 80%;
background-color: #FFF;
padding:50px;
}
.modalOptiColisage .contentOptimiser {
 margin: auto 0;
 width: 50%;
 background-color: #FFF;
 padding:50px;
}
@media screen and (max-width:1500px){
.modalOptiColisage-loop .contentOptimiser-loop {
margin: auto 0;
width: 90%;
background-color: #FFF;
padding:50px;
}
.modalOptiColisage .contentOptimiser {
 margin: auto 0;
 width: 80%;
 background-color: #FFF;
 padding:50px;
}

.titreOptimiser{
	font-size:30px;
	line-height: 35px;
	font-weight: 700;
}
.single_add_to_cart_button_custom:hover{
	background: var(--nectar-accent-color) !important;
  background-color: var(--nectar-accent-color) !important;
}
 .sidezone .single_add_to_cart_button{
	display:none !important;
}

.contentOptimiser .action{
	display:flex;
	flex-wrap: wrap;
	gap:20px;
	flex-direction: row;
}
@media screen and (max-width:690px){
	.contentOptimiser .action{
		flex-direction: column;
		gap: 10px;
	}
}
.dont-optimize-colisage-btn{
	background: var(--nectar-accent-color) !important;
  background-color: var(--nectar-accent-color) !important;
flex: 1;
text-transform: initial;
padding: 20px 5px !important;
font-size: 15px !important;
line-height: 16px !important;
transition: all .2s ease;
color:#FFF;
font-weight: 600;
border:none;
cursor:pointer;
}
.optimize-colisage-btn{
	background: var(--nectar-extra-color-1)  !important;
background-color: var(--nectar-extra-color-1) !important;
flex: 1;
text-transform: initial;
padding: 20px 5px !important;
font-size: 15px !important;
line-height: 16px !important;
transition: all .2s ease;
color:#FFF;
font-weight: 600;
border:none;
cursor:pointer;
}
.optiText{
	margin-top:20px;
	font-size:20px;
	line-height: 25px;
}
.single_add_to_cart_button_custom .loading-wrap{
margin-right: 10px;
  max-width: 16px;
}

.add-to-cart_custom_from_list .loading-wrap:nth-child(2){
  display:none !important;
}