@media screen and (min-width:981px) and (max-width:1250px) {
#main-header .container {width:95%!important;}	
}
@media screen and (min-width:981px) and (max-width:1024px) {
#logo {
max-height: 40%;}
}
.tax-product_cat #page-container{ 
padding-top: 0!important;}
@media (min-width: 981px) {
.single-product #left-area {
width: 100%;}
.single-product #right-area { display:none;}
#main-content .container:before {
position: absolute;
top: 0;
width: 0px;
height: 100%;
background-color: #e2e2e2;
content: "";}
}
.nav li ul {width: 300px;}
#top-menu li li a {
width: 260px;}
.sub-menu li a, #top-menu li a {text-transform:uppercase;}
@media (min-width: 666px) and (max-width: 980px) {
#slogan.et_pb_module {
margin-bottom: 0px!important;
}} .wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
background-color: #eee !important;
border: none !important;
width: 100% !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 3px !important;
font-size: 14px;
color: #999 !important;
padding: 16px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wpcf7-submit {
color: #4ccfe1 !important;
margin: 8px auto 0;
cursor: pointer;
font-size: 20px;
font-weight: 500;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 6px 20px;
line-height: 1.7em;
background: transparent;
border: 2px solid;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.wpcf7-submit:hover {
background-color: #eee;
border-color: #eee;
padding: 6px 20px !important;
}
.wpcf7-text textarea::-webkit-input-placeholder { color:transparent; }
.wpcf7-text textarea:focus:-moz-placeholder { color:transparent; } .wpcf7-text textarea:focus::-moz-placeholder { color:transparent; } .wpcf7-text textarea:focus:-ms-input-placeholder { color:transparent; } .form-group {margin-bottom:10px;}
div.wpcf7-mail-sent-ok{
background: #325d79;
color: #fff;
font-size: 18px;
padding: 15px;
margin-left: 0;
background:#325d79 solid 2px;}
div.wpcf7-validation-errors{
background: #f7e700;
font-size: 18px;
padding: 15px;
margin-left: 0;}
.woocommerce div.product p.price{color:#4ccfe1!important; margin-bottom:25px}
.product .related h2 {
font-size:20px!important;color:#4ccfe1!important;}
.product-category img{border-radius:10px; border:solid 3px;}
.count
{background-color:transparent}
.et_overlay:before {color:#4ccfe1;} .woocommerce span.onsale, .woocommerce-page span.onsale {background:#ef495d!important;}
img.size-woocommerce_thumbnail  {
border-radius: 10px 10px 10px 10px;
overflow: hidden;
border-width: 3px;
border-color: #ef495d!important;
border: solid;}
.woocommerce-Price-amount {color:#ef495d;}
.woocommerce-breadcrumb {display:none;}
.product_tag-exclusif .price:after {
content: 'Réservé exclusivement aux personnes ayant suivi une formation reconnue par la CZQ.';
display: block;
color: #ef495d;
font-weight: bold;
font-size: initial;
border: 1px solid #ef495d;
border-radius: 6px;
padding: 10px 15px;
margin: 20px 0;
background: #ef495d10;
} .bottin-personnes {
padding: 20px 0;
background-color: #f4f4f4;
}
.bottin-personnes .et_pb_row {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.bottin-personnes .col-md-4 {
width: calc(33.333% - 20px); box-sizing: border-box;
float: left;
}
.bottin-personnes .et_pb_toggle {
margin-bottom: 20px;
padding: 20px;
transition: all 0.3s ease;
background: #fff;
}
.bottin-personnes .et_pb_toggle_title {
position: relative;
cursor: pointer;
}
button[type=submit].et_pb_button {
cursor: pointer;
} .bottin-personnes .et_pb_toggle_close .et_pb_toggle_title:before {
font-family: 'Bree Serif' !important;
content: "+";
position: absolute;
right: 10px;
font-size: 1.5em;
line-height: 1;
top:-10px;
}
.bottin-personnes .et_pb_toggle_title {padding-bottom:0;}
.bottin-personnes .et_pb_toggle_content{padding-top:10px;}
.bottin-personnes .et_pb_toggle_open .et_pb_toggle_title:before {
font-family: 'Bree Serif' !important;
content: "-";
position: absolute;
right: 10px;
font-size: 1.5em;
line-height: 1;
top:-10px;
} @media (max-width: 768px) {
.bottin-personnes .col-md-4 {
width: 100%;
}
}