/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/


/********************************** General ************************************/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;1,200&display=swap');


:root {
  --color1: #4f1435;/* violet */
	--color2: #f8adb2;/* rose */
	--color3: #b64c6e;/* framboise */
	--color4: #f6f6f6;/* gris clair */
	--color5:#dda303;/* or */
	--color6: #7d7d7d;/* gris foncé */
	--color7: #e9e6e6;/* gris moyen */
	--color8: #dfb645;/* or hover */
	--color9: #eaa26f;/* orange */
	--color10: #dda303;/* jaune */
	
	
	
}

  

.woocommerce-breadcrumb
{
	color:var(--color2)!important
}
.sous-titre-h1
{
	font-size:0.7em!important;
	font-family:Poppins;
	color:var(--color6); 
	
}
.sous-titre-h1-mobile
{
	font-size:20px!important;
	font-family:Poppins;
	color:var(--color6); 
}
h1
{
	line-height:45px!important
}
h2
{
	font-family:Poppins;
	color:var(--color1);
	font-weight:bold
}





.rose
{
	color:var(--color2)!important
}

button
{
	background:var(--color10);
	border:1px solid var(--color10);
	Font-size:1.1em
	
}

.fl-button-wrap a
{
	background:var(--color5)!important;
	border:1px solid var(--color5)!important;
}
.fl-button-wrap a:hover
{
	background:var(--color8)!important;
	border:1px solid var(--color8)!important;
	
}

.fl-button-wrap a:hover .fl-button-text
{
	color:white!important;
}


button:active, input[type=button]:active, input[type=submit]:active, button:focus, input[type=button]:focus, input[type=submit]:focus {
background: var(--color8)!important;
color: white!important;
border: 1px solid var(--color8)!important;
}


.datepicker table tr td.active:active, 
.datepicker table tr td.active.highlighted:active, 
.datepicker table tr td.active.active, 
.datepicker table tr td.active.highlighted.active {
   background-color: var(--color2);
}


.text-1100, .text-ptl
{
	
	max-width:1100px;
	margin:auto;
	padding-left:20px;
	padding-right:20px
}


.cta-devis a
{
	background-color:white!important;border:1px solid white!important
	
}

/********************************** Header ************************************/

nav i
{
	color:var(--color2);
	font-size:1.2em
}

/********************************** Footer ************************************/


footer .fl-row-content-wrap .menu-legal-footer a
{
	color:white!important;
	
}

.bord-gauche
{
	border-left:1px solid var(--color2)
}

#col-contact, #col-legal
{
	
	min-width:250px
}

/********************************** Home ************************************/

.ico-reseaux
{
	margin-bottom:10px;
	font-size:40px;
	color:var(--color3)
}
.imp-2
{
	border:1px solid var(--color1);
	background:none;
	color:var(--color1);
	font-size:20px
}

.imp-2:hover
{
	border:1px solid var(--color2);
	background:none;
	color:var(--color2);
	font-size:20px;
	
}
.text-malicia h3
{
	margin-top:-12px
}
.sav-header .fl-module-content
{
	background:rgba(255, 255, 255, 0.8);
	padding:20px;
	margin-top:0
	
	
}

/********************************** Woocommerce ************************************/

#desi-prod_ul li
{
	font-size:0.9em!important;
	list-style: none;
}

#desi-prod_ul li:before
{
	content: "\2022";  
  color: var(--color2); 
	font-size:20px;
	margin-right:5px;
	vertical-align:middle
}

#desi-prod_ul ul 
{
	padding-left:10px
}

#desi-prod_ul
{
	color:var(--color1)
}


#desi-supp_ul li
{
	font-size:0.9em!important;
	list-style: none;
}

#desi-supp_ul li:before
{
	content: "+";  
  color: var(--color2); 
	font-size:20px;
	margin-right:5px;
	vertical-align:middle
}

#desi-supp_ul  
{
	padding-left:10px
}

#desi-supp_ul
{
	color:var(--color1)
}


.shop_table ul
{
margin-top:0px!important;
	font-size:0.8em;
	
}

.shop_table ul li
{
	margin-left:-40px!important;
	list-style:none
}

ul .time:before
{
	font-family: "Font Awesome 5 Free"; 	content: "\f017";
	margin-right:5px;
	color:var(--color2);
}


.woocommerce a.remove
{
	color:var(--color1)!important
}
.woocommerce a.remove:hover
{
	background-color:var(--color1)!important
}

.actions button:hover{
color:white!important;
	border:1px solid var(--color2)!important
}






/********************************** Panier/checkout ************************************/


#add_payment_method #payment ul.payment_methods li img.stripe-icon, .woocommerce-checkout #payment ul.payment_methods li img.stripe-icon {
max-width: 40px;
padding-left: 3px;
margin: 0;
}


.wc-proceed-to-checkout .checkout-button 
{
	background-color:var(--color5)!important;
	color:white!important;
		border:1px solid background:var(--color5)!important;
	font-weight:bold!important
}

.wc-proceed-to-checkout .checkout-button:hover
{
	background-color:var(--color8)!important;
	color:white!important;
		border:1px solid background:var(--color8)!important;
	
}


.shop_table th
{
	font-size:14px;
	font-weight:400!important;
	color:var(--color1);
}


.valid_form
{
	background-color:var(--color10)!important;
	color:white!important;
	border:1px solid var(--color10)!important
}



.product-thumbnail
{
	min-width:190px
}

.product-thumbnail img
{
	min-width:116px
}

#place_order
{
	background:var(--color5);
	border:1px solid var(--color5)
}

#place_order:hover, #commande:hover, #retour:hover, #add_to_cart:hover
{
	background:var(--color8);
	border:1px solid var(--color8);
	color:white
}

/********************************** Box buffet ************************************/


.vignette_piece
{
	width:50px;
	padding:5px;	
}

.liste_piece
{
	list-style-type: none;
	padding-left:10px;
	color:var(--color1)
}
.prix_prod
{
	width:100%;
	text-align:center;

	font-size:1.5em!important;
	font-weight:bold;
	color:var(--color1);
	
	margin-bottom:0!important
	
}


.ph_add_cart
{
	width:100%;

}

.ph_add_cart:hover, #go_cart:hover
{
	background: var(--color8)!important;
color: white!important;
border: 1px solid var(--color8)!important;
}

button[name="update_cart"]:hover {

	background:  var(--color8)!important;
	border: 1px solid var(--color8)!important;
	color: white!important;
  
}

.btn-check
{
	display:none;
}


.btn-check:checked+label, .btn-check+label:hover
{
	background:var(--color3);
	border:1px solid var(--color3);
		color:white
}
.btn-check+label
{
	background:var(--color7);
	border:1px solid var(--color7);
	color:var(--color1);
	
}
.btn-group
{
	width:100%
}

.input-group-append .input-group-text
{
	background:var(--color3);
	color:white
}

.desi_piece
{
	font-size:0.8em
}

.box_form_coffret label
{
	
font-size:0.8em;
	margin-bottom:2px;

	
}

.ekko-lightbox .modal-body
{
	background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%, rgba(0,212,255,1) 100%);
}
.ekko-lightbox .modal-header
{
	background:#f8a0a7;
	
}
.ekko-lightbox .modal-header h4
{
	color:white
}

.link_galerie a i
{
	font-size:2em
	
}
.link_galerie a
{
	
	color:var(--color1);
	font-size:0.8em
}
.link_galerie 
{
	text-align:center;
	
		
}


/********************************** Modal ************************************/

.modal-body .input-group
{
	justify-content:center;
	margin-top:20px
	
	
	
}

 .modal-body .prix_supp
{
	display:block;
	text-align:center;
	color:black;
}






.modal-body h5
{
	text-align:center!important;
	font-size:1em;
	font-weight:500;

}


#ph_add_to_cart_carte
{
	background:var(--color5);
	border:1px solid var(--color5);
}

.modifier
{
	color:var(--color5);
	background:none;
	border:1px solid var(--color5)
}

.modifier:hover, #ph_add_to_cart_carte:hover
{
	color:white;
	background:var(--color8);
	border:1px solid var(--color8)
}


.confirmation
{
	 color:green;
}


#myModal .modal-header
{
	background:var(--color2);
	
}

#myModal .modal-header h2
{
	color:white;
	text-align:center;
	width:100%;
}



/********************************** Box buffet carte ************************************/
#ph_suivant_carte
{
	margin-top:20px;
	opacity:0.5;
	pointer-events: none;
	background:var(--color5);
	border:1px solid var(--color5)
}
#ph_suivant_carte:hover
{
	background:var(--color8);
	border:1px solid var(--color8);
	color:white;
}


.form_carte
{
	max-width:70px
}

.col-piece-carte .card
{
	
	text-align:center;
	margin-bottom:20px;

	padding-bottom:40px;
	border:1px solid var(--color3)
	
	
	
}

.col-piece-carte .card_selected
{
	border:2px solid var(--color5);
}



.col-piece-carte .card_selected:after
{
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f058";
	position:absolute;
	top:5px;
	right:5px;
	font-size:30px;
	color:var(--color5)
}
.col-piece-carte
{
	padding:20px;
}

.col-piece-carte .card img
{
	
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%, rgba(0,212,255,1) 100%);
	

	
}

.col-piece-carte .card .desi_piece
{
	margin-top:20px;
	margin-bottom:20px;
	color:var(--color1);
	font-size:0.9em
}
.col-piece-carte .card .input-group
{
	justify-content:center;
	position:absolute;
	bottom:30px;
	
	
}


.col-piece-carte .card table
{
	margin-bottom:30px;
	font-size:0.8em;
	background:var(--color4);

}

.col-piece-carte .card table .prix_unit_piece
{
	color:black;
	font-weight:500
}

.btn-outline-secondary
{
	background:var(--color3);
	color:white;
	border: none;
}
.btn-outline-secondary:hover
{
	background:var(--color5);
	color:white;
	border: none;
}



.valid-prod-sticky
{
	
	padding-top:20px;
	padding-bottom:10px;
	background:var(--color4)
	

}


.valid-prod-sticky .col-total
{
	text-align:center
}

.valid-prod-sticky #ph_suivant_carte
{
	width:100%;
}

.valid-prod-sticky .col-total p
{
	margin-bottom:-15px;
	
	color:black;
}

.valid-prod-sticky label
{
	color:var(--color1)
}



.table-carte
{
	width:100%
}var
.table-carte thead
{
	background:var(--color3);
	color:white;
	
}
.table-carte thead th, .table-carte td
{
	padding:5px
}
.table-carte i
{
	color:green
}

.table-carte .tarif, .table-carte thead th
{
	white-space: nowrap;
}

.table-carte .intil
{
	color:var(--color1);
}


/********************************** Archives ************************************/

.pp-pricing-table-duration
{
	font-size:12px!important;
	margin-top:10px
}


.ph-pricing-box .fl-button-center
{
	display:none
}


.fl-module-content .lien_st a
{
	font-size:12px;
	vertical-align:middle;
	color:var(--color3)!important
}

.fl-module-content .lien_st a:hover
{
	
	color:var(--color3)!important
}



/********************************** Demande devis ************************************/


.fa-smile-wink
{
	color:var(--color3);
}

#form_devis_entreprise
{
	color:white;
}
#form_devis_entreprise .precis .form-group, #form_devis_entreprise .precis .form-group textarea
{
	width:100%!important
}
#form_devis_entreprise input
{
	color:var(--color1);
}
#form_devis_entreprise input::placeholder
{
	color:var(--color6);
}
#form_devis_entreprise .dropdown
{
	width:100%
}


/********************************** Coworking ************************************/

.titre-coworking h2
{
	text-align:center;
}


.form_formule input[type="radio"]
{
	display:none
}

 .form_formule input[type="radio"]:checked+label img
{
	
	border:1px solid #eaa26f;
	opacity:1;
	 box-shadow:1px 1px 5px #f7df74;
 
}

.form_formule input[type="radio"]+label img
{
	
	
	margin-bottom:10px;
	opacity:0.7;
	 box-shadow:3px 3px 10px #333;
	border-radius:8px
}
		
.form_formule input[type="radio"]+label
{
	
	text-align:center
	
}
.form_formule input[type="radio"]:checked+label
{
	
	color:#eaa26f;
	font-weight:bold
	
}

.tarif_total
{
	text-align:center;
	font-size: 2em;
	color:white;
	background-color: var(--color3);
}

.qte
{
	text-align:center;
}
.qte label
{
	font-size:0.9em
}
#qte
{
	margin:5px;
}

.preci
{
	font-size:0.8em
}

#modal_commande .modal-header
{
	background-color: var(--color3);
	color:white
}

#modal_commande .modal-header .modal-title
{
	
	color:white;
	display:block;
	margin:auto;
}
.commande button
{
font-size:1.2em;
	font-weight:500;
	color:white,


}



.card-lieu
{
	margin-bottom:20px
}



#non_dispo_mess p
{
	background:red;
	color:white;
	padding:5px
}

#fepd_label:hover , #fep_label:hover, #fpd_label:hover
{
	cursor: pointer;
	
}

.appoint
{
	color:green;
	font-weight:bold
}


.card-body button:hover
{
	background: var(--color8);
	color:white;
	border:1px solid var(--color8);

}


/********************************** Responsive ************************************/

@media only screen and (max-width: 460px) 
{
	.add_cart_step_2 button, .add_cart_step_1 button
	{
		font-size:12px!important;
		
	}
} 


.fl-menu-mobile-flyout .sub-menu li
{
	margin-left:20px!important
}