/*

Theme Name: Divi - Mon Courtier Auto

Description: Theme enfant de Divi par No-Filter pour Mon Courtier Auto

Author: No-Filter

Author URI: http://www.no-filter.fr

Template: Divi

Version: 1.1

*/


/*  Ligne 46 modifié par Alessandro le 7/11/2022 - NoFilter */

.dc-centrer-verticalement {
    display: flex;
    flex-direction: column;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
}


/*REMOVE BADGE RECAPTCHA*/
.grecaptcha-badge {visibility: hidden !important;}

/* Modification de la valeur max-width @media valeur par default=900px*/

@media only screen and (max-width: 900px) {
    .dc-inverser-colonnes--section .dc-inverser-colonnes--ligne {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .cf7sr-g-recaptcha>div {
        transform: scale(0.8);
        margin: 0 auto 0 -32px !important;
    }
}


/*

** MENU MOBILE : en pleine largeur et le hamburger devient une croix pour fermer

*/

.et_mobile_menu {
    margin-left: -30px;
    padding: 5%;
    width: calc( 100% + 60px);
}

.mobile_nav.opened .mobile_menu_bar:before {
    content: "\4d";
}

/*** Change Mobile Columns ***/
/* 2 Columns Mobile */
@media all and (max-width: 767px) {
    .two-col-mob .et_pb_column {
        width:47.25% !important;
    }
    
.two-col-mob .et_pb_column:nth-last-child(-n+2) {
        margin-bottom:0;
    }
    .two-col-mob .et_pb_column:not(:nth-child(2n)) {
            margin-right:5.5% !important;
    }
}
/* 3 Columns Mobile */
@media all and (max-width: 767px) {
    .three-col-mob .et_pb_column {
        width:29.6667% !important;
    }
    .three-col-mob .et_pb_column:nth-last-child(-n+3) {
        margin-bottom:0;
    }
    .three-col-mob .et_pb_column:not(:nth-child(3n)) {
        margin-right:5.5% !important;
    }
}
/* 4 Columns Mobile */
@media all and (max-width: 767px) {
    .four-col-mob .et_pb_column {
        width:20.875% !important;
    }
.four-col-mob .et_pb_column:nth-last-child(-n+4) {
        margin-bottom:0;
    }
    .four-col-mob .et_pb_column:not(:nth-child(4n)) {
        margin-right:5.5% !important;
    }
}
/* 5 Columns Mobile */
@media all and (max-width: 767px) {
    .five-col-mob .et_pb_column {
        width:15.6% !important;
    }
    .five-col-mob .et_pb_column:nth-last-child(-n+5) {
        margin-bottom:0;
    }
    .five-col-mob .et_pb_column:not(:nth-child(5n)) {
        margin-right:5.5% !important;
    }
}
/* 6 Columns Mobile */
@media all and (max-width: 767px) {
    .six-col-mob .et_pb_column {
        width:12.083% !important;
    }
    .six-col-mob .et_pb_column:nth-last-child(-n+6) {
        margin-bottom:0;
    }
    .six-col-mob .et_pb_column:not(:nth-child(6n)) {
        margin-right:5.5% !important;
    }
}
/*** Change Tablet Columns ***/
/* 1 Column Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    .one-col-tab .et_pb_column {
        margin-right:0 !important;
        width:100% !important;
    }
    
        .one-col-tab .et_pb_column:not(:last-child) {
        margin-bottom:30px !important;
    }
}
/* 2 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    .two-col-tab .et_pb_column {
        width:47.25% !important;
    }
.two-col-tab .et_pb_column:nth-last-child(-n+2) {
        margin-bottom:0;
    }
    .two-col-tab .et_pb_column:not(:nth-child(2n)) {
        margin-right:5.5% !important;
    }
}
/* 3 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    .three-col-tab .et_pb_column {
        width:29.6667% !important;
    }
.three-col-tab .et_pb_column:nth-last-child(-n+3) {
        margin-bottom:0;
    }
    .three-col-tab .et_pb_column:not(:nth-child(3n)) {
        margin-right:5.5% !important;
    }
}
/* 4 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    .four-col-tab .et_pb_column {
        width:20.875% !important;
    }
.four-col-tab .et_pb_column:nth-last-child(-n+4) {
        margin-bottom:0;
    }
    .four-col-tab .et_pb_column:not(:nth-child(4n)) {
        margin-right:5.5% !important;
    }
}
/* 5 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    .five-col-tab .et_pb_column {
        width:15.6% !important;
    }
.five-col-mob .et_pb_column:nth-last-child(-n+5) {
        margin-bottom:0;
    }
    
    .five-col-tab .et_pb_column:not(:nth-child(5n)) {
        margin-right:5.5% !important;
    }
}
/* 6 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    .six-col-tab .et_pb_column {
        width:12.083% !important;
    }
    .six-col-tab .et_pb_column:nth-last-child(-n+6) {
        margin-bottom:0;
    }
    .six-col-tab .et_pb_column:not(:nth-child(6n)) {
        margin-right:5.5% !important;
    }
}



/*

** AUGMENTER LA LARGEUR CHAMP RÉSULTAT CAPTCHA

** Parfois, suivant la taille du texte, certains chiffres du résultat sont masqués

*/

.et_pb_contact_right p input {
    max-width: 50px;
}


/*

** METTRE EXPOSANTS ET INDICES À LA BONNE TAILLE

** Généralement, ils sont bien trop gros…

*/

sup,
sub {
    font-size: 70%;
}


/*GO NOFILTER GO*/

.da-overlay-visible .da-overlay {
    background: rgba(0, 0, 0, 0.9) !important;
}

html {
    overflow-x: hidden !important;
    scroll-snap-type: y proximity;
}

header,
footer {
    scroll-snap-align: start;
}

.cf7sr-g-recaptcha>div {
    margin: 0 auto 0 auto;
}

.et_pb_menu_0_tb_header.et_pb_menu .et-menu-nav li ul.sub-menu::before {
    content: "•";
    color: #FF4E09;
    font-size: 30px;
    display: block;
    position: absolute;
    margin: -17px -10px;
    top: 0px;
    bottom: 0px;
} 

.et-l--header .et_pb_button{
    border-width: 1px;
    border-radius: 4px;
    padding:10px 10px 10px 25px;
}

.et-l--header .et_pb_button:hover{
    background: #FFF;
    padding:10px 25px 10px 10px;
}


@media only screen and (max-width: 1200px) {
    .two-columns .et_pb_column {
        width: 33%!important;
    }
}

@media only screen and (max-width: 479px) {
    .two-columns .et_pb_column {
        width: 50%!important;
    }
}


/* FILTER CAT*/

.divi-checkboxmulti,
.divi-filter-item[data-filter-option="prix_km_1"] {
    background-color: transparent !important;
}


.image-btn{
  cursor: pointer;
}

.dataDetail label{
    font-size:0.8em;
    line-height:0.6em;
    color: black
}

.dataDetail label i{
    font-size : 2em;
}

.dataDetail br{
    line-height:1px;
}

.dipe-cf7 * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #303030;
    display: block;
}

.dmach-icon{
    color: #ff4e00;
    margin: -15px 10px;
    position: absolute;
    font-size: 32px;
}

/*BUTON SERVICE HP*/
a#homeVehicules::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f1b9";

}

.grid-item-cont i{
    padding: 5px 12px;
    font-size: 1.7em;
    vertical-align: middle;
    color: #ff4e09;
}

/* MENU MOBILE  */

.lwp-hide-mobile-menu .et_pb_menu__menu,
.lwp-hide-mobile-menu .et_pb_menu__menu .et-menu{
display: block !important;
}

.lwp-hide-mobile-menu .et_mobile_nav_menu{
display: none!important;
}

#et-boc .area-outer-wrap[data-da-color=light] .da-close {
    background: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #FF4E09;
    font-size: 5em;
    top: 20px;
    right: 20px;
}


.triggerAgency li a, 
.map g, 
a{
    cursor: pointer !important;
}

.triggerAgency li a:hover{
    text-decoration: underline;
}