/*
Theme Name: Divi Enfant par Incomm
Description: Theme enfant du theme Divi
Author: Incomm
Author URI: https://www.incomm.fr
Template: Divi
Version: 1.05
*/

a, a:hover {text-decoration:none !important;}

#cmplz-document {max-width:100%!important;}

#cmplz-cookies-overview .cmplz-dropdown a, *
#cmplz-cookies-overview .cmplz-dropdown p, *
#cmplz-document .cmplz-dropdown a, *
#cmplz-document .cmplz-dropdown p, *
#cmplz-document li, *
#cmplz-document p, *
#cmplz-document td {
  font-size: 17px!important;
  margin-top: 0;
}

#cmplz-document h2 {font-size:40px !important;}
#cmplz-document h3 {font-size:35px !important;}

#menu-menu-principal li {
padding-left: 0.8vw;
padding-right: 0.8vw;
}
@media (min-width:1300px){

}
@media (min-width:981px) and (max-width:1299px){
	.text-footer {
	  font-size: 14px !important;
	}

}


/* MENU AFTER */

#menu-menu-principal li {
    padding-left: 1.3vw !important;
    padding-right: 1.3vw !important;
	margin-top: 0px !important;
}

#menu-menu-principal li a {
    display:flex;
    flex-direction:column-reverse;
    justify-content:center;
    align-items:center;
    padding-left: 0 !important;
    padding-right: 0 !important;
	text-align: center;
    line-height: 24px;
}

#menu-menu-principal li a::before {
    display: block;
    content: '';
    background: none;
    width: 3.542vw;
    height: 1.250vw;
    margin: 0.52vw auto 0;
}

#menu-menu-principal li a:hover::before, 
#menu-menu-principal li.current-menu-item a::before,
#menu-menu-principal li.current-menu-item.menu-item-has-children .sub-menu li a:hover::before,
#menu-menu-principal li.menu-item-has-children .sub-menu li a:hover::before,
#menu-menu-principal li.menu-item-has-children .sub-menu li.current-menu-item a::before {
    display: block;
    content: '';
    background: url(/wp-content/uploads/2024/01/hover.svg) no-repeat scroll center/contain !important;
    width: 3.542vw;
    height: 1.250vw;
    margin: 0.52vw 0 0!important;
}

#menu-menu-principal li.current-menu-item.menu-item-has-children .sub-menu li a::before {
    display: block;
    content: '';
    background: transparent;
    width: 3.542vw;
    height: 1.250vw;
    margin: 0.52vw 0 0!important;
}

#menu-menu-principal li.menu-item-has-children .sub-menu {width: 12.5vw !important;padding: 1.04vw 0 !important;}

#menu-menu-principal li.menu-item-has-children .sub-menu li a {
    width: 11.458vw !important;
    padding-left: 0;
    padding-right: 0;
    align-items: flex-start;
    padding: 0px 0.52vw!important;
}

#menu-menu-principal li.menu-item-has-children .sub-menu li {margin-bottom:5px !important;}

.et_mobile_menu li a:hover, .nav ul li a:hover {
  background-color: rgba(0,0,0,0)!important;
  opacity: 1!important;
}


#mobile_menu1 li a {
    display:flex;
    flex-direction:column-reverse;
    justify-content:center;
    align-items:flex-start;
    padding:0px !important;
}

#mobile_menu1 li,
#mobile_menu1 li.menu-item-has-children .sub-menu li {margin-top:7px !important;}

#mobile_menu1 li.current-menu-item a::before,
#mobile_menu1 li a:hover::before,
#mobile_menu1 li.current-menu-item.menu-item-has-children .sub-menu li a:hover::before,
#mobile_menu1 li.menu-item-has-children .sub-menu li.current-menu-item a::before {
    display: block;
    content: '';
    background: url(/wp-content/uploads/2024/01/hover.svg) no-repeat scroll center/contain !important;
    width: 68px;
    height: 24px;
    margin: 10px 0 0;
}

#mobile_menu1 li a::before, 
#mobile_menu1 li.current-menu-item.menu-item-has-children .sub-menu li a::before,
#mobile_menu1 li.menu-item-has-children a:hover .sub-menu li a::before {
    display: block;
    content: '';
    background: transparent;
    width: 68px;
    height: 24px;
    margin: 10px 0 0;
}


#mobile_menu1 li a {text-align:left !important;border: none !important;}

#mobile_menu1 li.menu-item-has-children .sub-menu {padding-bottom:0px !important;}

#menu-menu-principal li.menu-item-has-children a {padding-right: 1.3vw !important;}

.et_mobile_menu .menu-item-has-children > a {
  background-color: rgba(0,0,0,0)!important;
}
 
.et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
  content: "\4d" !important;
}

.et_mobile_nav_menu .mobile_nav.closed .mobile_menu_bar::before {
  content: "a" !important;
}

/* GARVITY FORMS CSS */

section.et_pb_wpt_gravityform_0 div.gform_wrapper .gform_body .gfield {margin-top:0!important;}

section.et_pb_wpt_gravityform_0 .gform_wrapper form .ginput_complex span {padding-right:0!important;}

section.et_pb_wpt_gravityform_0 div.gform_wrapper .gfield.gfield_error div.gfield_description.validation_message {margin-top:5px!important;}

section.et_pb_wpt_gravityform_0 div.gform_wrapper div.ginput_container textarea::placeholder,
section.et_pb_wpt_gravityform_0 div.gform_wrapper div.ginput_container textarea:focus::placeholder,
section.et_pb_wpt_gravityform_0 div.gform_wrapper div.ginput_container textarea:focus-visible::placeholder,
section.et_pb_wpt_gravityform_0 div.gform_wrapper div.ginput_container input::placeholder,
section.et_pb_wpt_gravityform_0 div.gform_wrapper div.ginput_container input:focus::placeholder,
section.et_pb_wpt_gravityform_0 div.gform_wrapper div.ginput_container input:focus-visible::placeholder {color:#000!important;opacity:1!important;}

section.et_pb_wpt_gravityform_0 div.gform_wrapper div.ginput_container {
    padding:0px!important;
    margin:0px!important;
}

section.et_pb_wpt_gravityform_0 div.gform_wrapper .ginput_container.ginput_container_fileupload input[type="file"] {
    padding: 15px !important;
    margin-top:0!important;
    border:1px solid #000!important;
}

.ginput_container.ginput_container_fileupload {color:#000!important;}

/* Politique de confidentialité link color*/
.form-pc{
	color: #000;
	font-weight:bold !important;
	text-decoration:none;
}

.gfield.gfield--type-consent .gfield_label.gform-field-label {font-weight:bold !important;}
.form-pc:hover{
	color: #afcee7;
	text-decoration:none;
}

section.et_pb_wpt_gravityform_0 div.gform_wrapper legend.gfield_label {font-weight:bold!important;}

.gform_validation_errors h2::after,
.gform_validation_errors h2.gform_submission_error::after {display:none !important;}

.gform_required_legend {
  display: none;
}

.gform_wrapper .ginput_container_consent input[type="checkbox"] {accent-color:#afcee7!important;}


/*****************************************************/


/* RESPONSIVE encart en dessous du diapo */
@media (min-width:2200px) {
	.section_phraseaccorche_accueil{
		height:17vw!important;
	}
}
@media (min-width:1800px) and (max-width:2199px) {
	.section_phraseaccorche_accueil{
		height:19vw!important;
	}
}
@media (min-width:981px) and (max-width:1799px) {
	.section_phraseaccorche_accueil{
		height:21vw!important;
	}
}


.metaslider .flexslider {
margin: 0 0 0!important;
}

.metaslider .flex-control-nav {
position: absolute;
bottom: 25px!important;
}

.metaslider .flexslider .flex-direction-nav li a.flex-prev {
	background-image: url('./img/right.png') !important;
	width: 38px !important;
	height: 77px !important;
	background-size : contain !important;
	margin: 0px !important;
	left: 0 !important;
	opacity: 1 !important;
}

.metaslider .flexslider .flex-direction-nav li a.flex-next {
    background-image: url('./img/left.png') !important;
    width: 38px !important;
    height: 77px !important;
	background-size : contain !important;
	margin: 0px !important;
	right: 0 !important;
	opacity: 1 !important;
}

/* Back to top */
.et_pb_scroll_top.et-pb-icon {
    background: url(/wp-content/uploads/2024/01/Haut.svg) no-repeat scroll center/contain !important;
    padding: 0px !important;
    color: transparent!important;
    width:23px!important;
    height:23px!important;
    bottom: 20px;
    right: 20px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50px!important;
}

.et_pb_scroll_top:before{
	padding-right:1px;
}


@media (max-width: 767px) {

	
.aws-container .aws-search-form {
    position: relative;
    width: 100% !important;
}
	
}

@media (min-width:981px)  and (max-width: 1200px){

	
.et_pb_column_2_tb_header.d-mon-compte,	.et_pb_column_3_tb_header.d-mon-compte{
		width:17% !important;
	}
	
	.txt-panier, .txt-compte{
		font-size:14px !important
	}
	
}

@media (max-width:980px) {

.metaslider .flexslider .flex-direction-nav li a.flex-prev {
width: 12.979vw !important;
height: 25.01vw !important;
}

.metaslider .flexslider .flex-direction-nav li a.flex-next {
width: 12.979vw !important;
height: 25.01vw !important;
}
	
.aws-container .aws-search-form {
    position: relative;
    width: 138%;
}
	
}

/* Form accueil*/

#et_pb_contact_form_0 input, #et_pb_contact_form_0 textarea{
	border-radius:40px!important;
}
#et_pb_contact_form_0 .et_pb_contact_field{
	margin-bottom:2%!important;
}
#et_pb_contact_form_0 .et_contact_bottom_container{
	margin-top:0.5%!important;
}


/* Css sur la recherche */

.aws-search-form.aws-show-clear{
	background:transparent !important;
	border:solid 1px #fff !important;
}

.aws-container .aws-search-field {
    font-size: 15px !important;
    height: 100%;
    border: 1px solid #fff;
	color:#fff;
}

.aws-container .aws-search-field::placeholder{
	color:#fff !important;
}

.aws-container .aws-search-form .aws-search-btn_icon {
    height: 36px;
    color: #a8d5b5;
}

#et-boc .aws-container .aws-search-field {
    border: 0px solid #d8d8d8 !important;
    padding: 8px 15px;
    background: transparent !important;
}

#et-boc .aws-container .aws-search-form .aws-form-btn {
    background: #fff;
    border: 0px solid #d8d8d8 !important;
}

.tnp-subscription input[type=text], .tnp-subscription input[type=email], .tnp-subscription input[type=submit], .tnp-subscription select, .tnp-subscription textarea, .tnp-profile input[type=text], .tnp-profile input[type=email], .tnp-profile input[type=submit], .tnp-profile select, .tnp-profile textarea {
    width: 70%;
	text-align:center !important;
}

.tnp-subscription input.tnp-submit, .tnp-profile input.tnp-submit, .tnp-unsubscribe button.tnp-submit, .tnp-reactivate button.tnp-submit {
    background-color:transparent !important;
    color: #fff;
    width: 70% !important;
    display: inline-block;
	border:solid 2px #fff !important;
	text-transform:uppercase !important;
}

.tnp-subscription input.tnp-submit:hover, .tnp-profile input.tnp-submit:hover, .tnp-unsubscribe button.tnp-submit:hover, .tnp-reactivate button.tnp-submit:hover {
    background:#a8d5b5 !important;
	border: solid 2px #a8d5b5 !important;
	cursor:pointer;
}

.tnp-field.tnp-privacy-field label a:hover{
	color:#a8d5b5 !important;
}

.tnp-email::placeholder{
	color:#000 !important;
}

.tnp-subscription div.tnp-field, .tnp-profile div.tnp-field {
    display: flex;
    justify-content: center;
}


.woocommerce-LoopProduct-link.woocommerce-loop-product__link{
	display:grid;
}

.price{
	order:4;
}

.product-description{
	color:#000 !important;
}

.btn-en-savoir a{
	padding: 13px 55px;
    border: solid 0px;
    border-radius: 50px;
    margin-top: 7%;
	background:#afcee7 !important;
	color:#000 !important;
	font-weight:700;
}

.btn-en-savoir a:hover{
	background:#a8d5b5!important;

}

@media (max-width: 420px) {
.et_pb_shop ul.products.columns-4 li.product{
width: 100% !important;
margin-right: 0% !important;
	font-size:17px;
}
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3 {
		color:#3d3d3d!important
}

/********************* Code css pour contourner le conflit d'affichage des champs d'inscription après ajout de boostrap sur Woo commerceWOOCOMMERCE **************************/
.col-1, .col-2 {
	max-width: 100%;
}
.woocommerce .col2-set, .woocommerce-page .col2-set {
    width: 100%;
    margin-bottom: 50px;
}
.form-row {
	display: block;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    font-size: 18px;
}
form .form-row label {
    display: block;
    font-size: 16px;
}
.woocommerce-privacy-policy-text p {
	font-size: 16px !important;
}
.form-row validate-required p {
	font-size: 18px !important; 
}
dl.variation p, .woocommerce td.product-name dl.variation:last-child {
    margin-bottom: 0;
    font-size: 18px !important;
	font-weight: 400;
}
.woocommerce-checkout #payment div.payment_box p:last-child {
    margin-bottom: 0;
    font-size: 16px;
}
#stripe-payment-data p {
	font-size: 18px !important;
}
.woocommerce form .form-row label.checkbox, .woocommerce-page form .form-row label.checkbox {
    display: inline;
    font-size: 16px;
}
.woocommerce form .form-row .input-checkbox {
    display: inline;
    margin: 10px 8px 0 -16px;
    text-align: center;
    vertical-align: middle;
}

.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
	background-color:#fff;
	text-align:center;
	padding-bottom:1rem
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	padding: .5em 5px;
    min-height:55px;	
}
.woocommerce ul.products li.product div.product-description {
	padding: .5em 5px;
	min-height:70px;	
}
/* photo recadrage css woocommerce */ 
#page-container ul.products li .et_shop_image {
    padding-top: 100%;
}

#page-container ul.products li .et_shop_image img {
    position: absolute;
    height: 100%;
    bottom: 0;
    object-fit: cover;
    left: 50%;
    transform: translateX(-50%);
}
/********************* FIN WOOCOMMERCE **************************/
@media (min-width:981px)  {
	.btn-en-savoir a {
		padding: 13px 2.865vw;
	}
}

#nav_menu-2{
	margin-bottom:0 !important;
}

