/*======================================
Theme Name: Theme Advalo
Theme URI: https://advalo.com/
Description: Ce thème enfant est la personnalisation pour la société Advalo du thème Divi
Version: 1.2
Author: Charles Videa
Author URI: https://charlesvidea.com/
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */


/* //////////////////////////////// */
/* FONT AWESOME */
/* @import url("font-awesome/css/fontawesome-all.min.css"); /* FA CSS import */



/* Liens textes transformés en bouton DIVI */

.et_pb_promo_button {
    display: inline-block;
    color: inherit;
}
.et_pb_pricing_table_button, .et_pb_promo_button, a.et_pb_more_button, .et_pb_newsletter_button, .comment-reply-link, .form-submit input, .et_pb_contact_submit, .et_pb_contact_reset, .single_add_to_cart_button .button {
    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;
    position: relative;
}
.et_pb_pricing_table_button:hover, .et_pb_bg_layout_light .et_pb_promo_button:hover, .et_pb_bg_layout_light .et_pb_more_button:hover, .et_pb_bg_layout_light .et_pb_newsletter_button:hover, .comment-reply-link:hover, .form-submit input:hover, .et_pb_contact_submit:hover, .et_pb_contact_reset:hover {
    background: rgba( 0, 0, 0, 0.05 );
    border: 2px solid transparent;
    padding: 6px 34px 6px 14px !important;
}
.et_pb_pricing_table_button:hover:after, .et_pb_promo_button:hover:after, a.et_pb_more_button:hover:after, .et_pb_newsletter_button:hover:after, .comment-reply-link:hover:after {
    opacity: 1;
    margin-left: 0;
}
.et-pb-arrow-prev:before, .et-pb-arrow-next:before, .et_pb_testimonial:before, .et_pb_toggle_title:before, .et_overlay:before, #et_search_icon:before, .mobile_menu_bar:before, .et-social-icon a:before, .et_pb_social_icon a.icon:before, .et_pb_font_icon:before, .et_audio_container .mejs-playpause-button button:before, .et_audio_container .mejs-volume-button button:before, .mfp-arrow-left:after, .mfp-arrow-left .mfp-a, .mfp-arrow-right:after, .mfp-arrow-right .mfp-a, #et-info-phone:before, #et-info-email:before, .et-cart-info span:before, .et_pb_pricing_table_button:after, .et_pb_promo_button:after, a.et_pb_more_button:after, .et_pb_newsletter_button:after, .comment-reply-link:after, .form-submit input:after, .et_pb_contact_submit:after, .et_pb_contact_reset:after {
    font-family: 'ETmodules';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.et_pb_pricing_table_button:after, .et_pb_promo_button:after, a.et_pb_more_button:after, .et_pb_newsletter_button:after, .comment-reply-link:after {
    font-size: 32px;
    line-height: 1em;
    content: "\35";
    opacity: 0;
    position: absolute;
    margin-left: -20px;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    top: 7px;
    right: 5px;
}





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


/* LAISSER LES DOUBLES COLONNES SUR SMARTPHONE AVEC ID smart2colonnes SUR LA RANGEE*/

@media (max-width: 980px){
#smart2colonnes .et_pb_column_1_4 {
    width: 47%!important;
	margin: 0 5% 30px 0;
  }
#smart2colonnes .et_pb_column_1_4:nth-child(2n) {
	margin-right: 0 !important;
  }
#smart2colonnes .et_pb_column_1_3 {
    width: 47%!important;
	margin: 0 5% 30px 0;
	}
#smart2colonnes .et_pb_column_1_3:nth-child(2n) {
	margin-right: 0 !important;
}
#smart2colonnes .et_pb_column_1_2 {
    width: 47%!important;
	margin: 0 5% 30px 0;
}
#smart2colonnes .et_pb_column_1_2:nth-child(2n) {
	margin-right: 0 !important;
}
}

/* MODIFICATION DU NOMBRE DE COLONNES POUR LES GALLERIES DIVI */

/** Desktop **/
@media (min-width: 981px){
.col-width .et_pb_gallery_item {
width: 20% !important; /*five columns*/
clear: none !important;
}
}

/** Tablet **/
@media (max-width: 980px){
.col-width .et_pb_gallery_item {
width: 25% !important; /*four columns*/
clear: none !important;
}
}

/** Small Tablet and Large Phone **/
@media (max-width: 767px){
.col-width .et_pb_gallery_item {
width: 33.33% !important; /*three columns*/
clear: none !important;
}
}

/** Phone **/
@media (max-width: 479px){
.col-width .et_pb_gallery_item {
width: 50% !important; /*two columns*/
clear: none !important;
}
}



/* ADMIN BAR ON FRONT END */

#wp-admin-bar-seed-csp4-notice{
  display:none;
}

/* Image Grids  */

@media (min-width: 980px){
  .et_pb_gutters3 .et_pb_column_1_2 .et_pb_grid_item, .et_pb_gutters3 .et_pb_column_1_2 .et_pb_widget, .et_pb_gutters3 .et_pb_column_1_2 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters3.et_pb_row .et_pb_column_1_2 .et_pb_grid_item, .et_pb_gutters3.et_pb_row .et_pb_column_1_2 .et_pb_widget, .et_pb_gutters3.et_pb_row .et_pb_column_1_2 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_column_1_2 .et_pb_gutters3.et_pb_row_inner .et_pb_column_4_4 .et_pb_grid_item, .et_pb_column_1_2 .et_pb_gutters3.et_pb_row_inner .et_pb_column_4_4 .et_pb_widget, .et_pb_column_1_2 .et_pb_gutters3.et_pb_row_inner .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product {
    margin-bottom: 7%;
  }
  .et_pb_gutters3 .et_pb_column_1_2 .et_pb_row_inner .et_pb_column_1_4, .et_pb_gutters3.et_pb_row .et_pb_column_1_2 .et_pb_row_inner .et_pb_column_1_4, .et_section_specialty .et_pb_row .et_pb_column_1_2 .et_pb_gutters3.et_pb_row_inner .et_pb_column_1_4, .et_pb_gutters3 .et_pb_column_1_2 .et_pb_grid_item, .et_pb_gutters3 .et_pb_column_1_2 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item, .et_pb_gutters3 .et_pb_column_1_2 .et_pb_widget, .et_pb_gutters3 .et_pb_column_1_2 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters3.et_pb_row .et_pb_column_1_2 .et_pb_grid_item, .et_pb_gutters3.et_pb_row .et_pb_column_1_2 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item, .et_pb_gutters3.et_pb_row .et_pb_column_1_2 .et_pb_widget, .et_pb_gutters3.et_pb_row .et_pb_column_1_2 .et_pb_shop_grid .woocommerce ul.products li.product, .et_section_specialty .et_pb_row .et_pb_column_1_2 .et_pb_gutters3.et_pb_row_inner .et_pb_column_4_4 .et_pb_grid_item, .et_section_specialty .et_pb_row .et_pb_column_1_2 .et_pb_gutters3.et_pb_row_inner .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item, .et_section_specialty .et_pb_row .et_pb_column_1_2 .et_pb_gutters3.et_pb_row_inner .et_pb_column_4_4 .et_pb_widget, .et_section_specialty .et_pb_row .et_pb_column_1_2 .et_pb_gutters3.et_pb_row_inner .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product {
      width: 46%;
      margin-right: 8%;
  }

}

/* Ninja Forms */

.nf-form-wrap .nf-response-msg{
    color: #ffffff;
    border:none;
    background-color: #7ACF58;
    text-shadow:none;
    width:100%;
    padding: 10px 15px;
    margin-bottom :10px;
}
.nf-form-wrap .nf-response-msg p{
    margin: 0px!important;
}

.nf-form-cont .ninja-forms-req-symbol, .nf-form-fields-required  {
  display: none;
 }
.nf-form-cont .label-left .nf-field-label {
  text-align: left!important;
}
.nf-form-cont .nf-after-form-content{
  width: 69%;
  margin-top: 0px;
}
.nf-form-cont .submit-container {
  width: 35%;
  float: right;
  text-align: right;
}
.nf-form-cont .submit-container input{
  padding: 10px 40px 10px 40px!important;
}
.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
    background: #6DBFF6!important;
    font-weight: 600!important;
}
.nf-form-content button:hover, .nf-form-content input[type=button]:hover, .nf-form-content input[type=submit]:hover {
    background: #F18531!important;
    color: #ffffff!important;
    font-weight: 600!important;
}
.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content .ninja-forms-field , .nf-form-content .nf-field-element label {
    font-size: 14px!important;
    font-weight: 400!important;
}
.nf-form-content .nf-field-label label{
    font-size: 14px!important;
    font-weight: 600!important;
}
.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content input.ninja-forms-field, .nf-form-content select.ninja-forms-field {
    height: 40px!important;
}
.nf-form-content .list-select-wrap>div div:after {
    height: 40px!important;
    line-height: 40px!important;
}
.nf-error.field-wrap .nf-field-element:after {
    font-size: 16px!important;
    height: 38px!important;
    width: 40px!important;
    line-height: 40px!important;
}
.nf-pass.field-wrap .nf-field-element:after {
    color: #52B16D!important;
    font-size: 24px!important;
    right: 12px!important;
    height: 40px!important;
    line-height: 42px!important;
}
.nf-pass .ninja-forms-field {
    color: #52B16D!important;
}
.nf-error .ninja-forms-field {
}
.listradio-wrap .nf-field-element label.nf-checked-label:before {
    top: 0.35em!important;
}
#ninja_forms_required_items, .nf-field-container {
    margin-bottom: 15px!important;
}
.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea {
  color: #333333!important;
}
.nf-form-content select.ninja-forms-field {
    color: #333333!important;
}

/* //////////////////////////////// */
/* CSS DES POPUPs dans DIVI via la librairie Manific popup (methode de Fabrice Esquirol) */
/* Largeur du conteneur spécifique  */
.mfp-content {
	max-width:1024px;
	padding:10px;
}

/* Couleur et taille de police du bouton de fermeture de la popup (on positionne top:0; pour éviter un saut du bouton vers le haut à la fermeture de la popup) */
.mfp-content #popup-fiscal .mfp-close-btn-in .mfp-close {
color: #333;
font-size: 50px;
top:0;
}

/* ZOOM ON IMAGE HOVER */

.et_pb_image  {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1.0, 1.0);
}
.et_pb_image  img {
  -webkit-transition: -webkit-transform 0.5s ease;
  -moz-transition: -moz-transform 0.5s ease;
  -o-transition: -o-transform 0.5s ease;
  transition: transform 0.5s ease;
}
.et_pb_image  img:hover {
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -ms-transform: scale(1.02);
  -o-transform: scale(1.02);
  transform: scale(1.02);
}

/* DIVI MODULES */

.zoom-image {
  overflow:hidden;
  image-rendering: pixelated;  /* pour un rendu net dans Chrome */
}
.zoom-image img{
  transition:0.5s;
}
.zoom-image img:hover{
  transform : scale(1.1);
}