/*
 Theme Name:   Selection
 Theme URI:    https://monsite.com
 Description:  Theme selection
 Author:       Quarto Simia
 Author URI:   https://wpmarmite.com
 Template:     twentytwenty
 Version:      1.0.0.2
*/

/*.wp-block-group .wp-block-image figcaption {display:none;}*/

.acf-field[data-name=is_phone]{
    display:none!important
}

.noirsemitransparent a{
    position:relative;
    display:block;
}

.noirsemitransparent .layout{
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: rgba(0,0,0,.5);
    display:block;
}

.noirsemitransparent.full .layout{
    width: 100%;

}


.autocomp{
    display:none;
    position: absolute;
    z-index: 100;
    background: #fff;
    /* padding: 10px; */
    font-size: 14px;
    line-height: 27px;
    font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}

.autocomp > *{
    padding:3px 20px;
    cursor:pointer
}

.autocomp div:hover,
.autocomp .selected{
    background:#9c7901;
    color:#fff;
    font-weight:bold
}

.diag .perfo,
.diag .gaz{
    display: inline-block;
    width: 49%;
    vertical-align: top;
    text-align: center;
    margin-top: 20px;
}

.diag .diag{
    width:80%;
    display: inline-block;
}

.diag .diag > div{
    width: 30px;
    background: #cfcfcf;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    border: 0;
    margin: 0 -3px;
    text-align:center;
    vertical-align:middle
}

.diag .diag > div > span,
.diag .diag > div > i{
    display:none;
}

.diag .diag > div:first-child > span,
.diag .diag > div:last-child > span{
    display:block;
}

.diag .diag > div:first-child{
    border-radius: 6px 0 0 6px;
}

.diag .diag > div:last-child{
    border-radius: 0 6px 6px 0;
}

.diag .diag.a div.a,
.diag .diag.b div.b,
.diag .diag.c div.c,
.diag .diag.d div.d,
.diag .diag.e div.e,
.diag .diag.f div.f,
.diag .diag.g div.g{

    height: 50px;
    width: 50px;
    line-height: 46.5px;
    border-radius: 4px;
    border: 2px solid #fff;
    margin-right: -2px;

}

.diag .diag.b div.b span,
.diag .diag.c div.c span,
.diag .diag.d div.d span,
.diag .diag.e div.e span,
.diag .diag.f div.f span,
.diag .diag.g div.g span,

.diag .diag.a div.a i,
.diag .diag.b div.b i,
.diag .diag.c div.c i,
.diag .diag.d div.d i,
.diag .diag.e div.e i,
.diag .diag.f div.f i,
.diag .diag.g div.g i{
    display:block;
}

.diag i{
    margin-top: 0px;
    position: relative;
    font-style: normal;
}
.diag p{
    margin-top:30px
}



.manageFav,
.manageFavAgency{
    position: absolute;
    display: block;
    right: 0;
    width: 60px;
    height: 60px;
}

.manageFav img,
.manageFavAgency img{
    width: 60px;
    float: right;
    animation:opacity 500ms ease
}

.manageFav img.before,
.manageFavAgency img.before{

    opacity:1;
    position:absolute;

}


.manageFav:hover img.before,
.manageFav.liked img.before,
.manageFavAgency:hover img.before,
.manageFavAgency.liked img.before{
    cursor:pointer;
    opacity:0
}

.manageFav img.after,
.manageFavAgency img.after{
    opacity:0;
    position:absolute;
}

.manageFav:hover img.after,
.manageFav.liked img.after,
.manageFavAgency:hover img.after,
.manageFavAgency.liked img.after{

    cursor:pointer;
    opacity:1
}

.modal{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #fff;
    padding: 50px 110px;
    z-index: 500001;
    width: 650px!important;
    max-width: 90%!important;
    max-height: 100%;
    border: 1px solid #9c7901;
    text-align: center;
    display: none;
}

.modal.imagesmodal{
    width:100%!important;
    max-width: 100%!important;
}

.modal h2{
    font-size:20px;
    color:#9c7901;
    font-weight:bold;
    margin:20px;
}

.modal .close{
    position: absolute;
    right: -15px;
    top: -15px;
    background: #9c7901;
    z-index: 40;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    text-decoration: none;
    color: #fff;
}

.modal .genie{
    width: 70px;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translate(0,-50%);
}

.modalLayer{
    position: fixed;
    background: rgba(0,0,0,.75);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 500000;
    cursor: pointer;
    display: none
}

.berocket_single_filter_widget,
.woof {
    display:none
}


.FiltersPlace label{
    position: relative;

}

.FiltersPlace label.chk2,
.FiltersPlace label.chk{
    cursor:pointer

}


.modal.imagesmodal {
    position: fixed;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0);
    background: transparent;
    padding: 0px;
    z-index: 500001;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    border: none;
    text-align: center;
}

.rg-image-wrapper{
    padding:0!important
}

.modalLayer.imagesmodal{

    background: rgba(0,0,0,.95);
}
.es-carousel ul li a img {
    display: block;
    border: none;
    max-height: 100%;
    max-width: 100%;
    height: 50px;
}

.rg-image-nav a {
    background: #9c7901!important;
    border-radius: 50%!important;
    height: 50px!important;
    width: 50px!important;
}

.rg-image-nav a img{
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

.rg-thumbs{
    display:none!important
}


.rg-image-nav a.rg-image-nav-prev{
    left: 50px;
    top: 50%;
    transform: translate(0,-50%);
    opacity: .8;
    z-index: 10;
}

.rg-image-nav a.rg-image-nav-next{
    left: unset;
    right: 50px!important;
    left: auto;
    top: 50%;
    transform: translate(0,-50%);
    opacity: .8;
    z-index: 10;
}


.modal.imagesmodal .close{

    top: 50px;
    right:50px;
}


.modal.imagesmodal .close{

    top: 50px;
    right:50px;
}

.rg-view{
    display:none
}

.rg-image img{
    margin:auto
}

.FiltersPlace label > span{
    background: #fff;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    z-index: 2;
    border-radius: 3px;
    padding: 3px;
    top: 0px;
    left: 11px;
}

#wp-admin-bar-bapf_debug_bar{
    display:none!important
}

.FiltersPlace input[type="checkbox"]{
    display:none;
    opacity:0;
}

.FiltersPlace label:hover > span span{
    background: #ccc;
    width: 14px;
    height: 14px;
    display: inline-block;
    position: absolute;
    z-index: 2;
    border-radius: 3px;
    padding: 3px;
}


.FiltersPlace label.selected > span span,
.FiltersPlace label.selected0 > span span{
    background: #9c7901;
    width: 14px;
    height: 14px;
    display: inline-block;
    position: absolute;
    z-index: 2;
    border-radius: 3px;
    padding: 3px;
}








.noirsemitransparent figcaption{
    color: #fff!important;
    top: 50%;
    right: 0%;
    position: absolute;
    transform: translate(0, -50%);
    z-index: 100;
    width: 50%;
    text-align: center;
}

.critereplus{white-space: nowrap;margin-right:20px}

.criterelog{
    height:16px!important;
    width: 16px!important;
    display: inline-block;
    position: relative;
    top: 3px;}

.noirsemitransparent.full figcaption{
    right: unset;
    left:50%;
    width: 100%;
    transform: translate(-50%, -50%);
}

.toutesactus{
    text-align:center
}


.agences .realcontainer > a,
.toutesactus a{
    background:#ff0000;
    color:#fff;
    padding:20px;
    display:inline-block;
    text-align:center;
    border-radius: 4px;
    margin:0 auto

}

body.template-full-width .entry-content .wp-block-latest-posts__list.inline{
    max-width: calc(100% - 40px);
    margin: auto;
    width: 1276px;
}

body.template-full-width .entry-content .wp-block-latest-posts__list.inline li{
    width: 30%;
    display: inline-block;
    margin: 0 0.5%;
    vertical-align: top;
}

.agences{
    margin: 0;
    padding: 70px 0;
    position: relative;
    background: #f0f0f0;
    font-weight:bold;
}

.agences .title{
    text-align:center;
    font-size:30px;
    color: #999999;
    margin-bottom:70px;
    display: block;
}

.agences .title span{
    color:#9c7901
}

.agences .realcontainer {
    text-align:center
}


.noirsemitransparent.wp-block-image{
    width:100%!important;
    max-width:100%!important;

}

.noirsemitransparent.wp-block-image img{
    width:100%;
}

.alerts .alert{
    padding: 10px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

.alerts .alert > span{
    white-space: nowrap;
    background: #f0f0f0;
    padding: 5px 10px;
    border-radius: 6px;
    margin-right: 10px;
    margin-bottom: 10px;
    display: inline-block;
}


.alerts .alert div.buttons{
    text-align: right;
}

.agences .realcontainer .item{
    display: inline-block;
    max-width: 23%;
    vertical-align: middle;
    margin-bottom: 70px;
    margin-left: 1%;
    margin-right: 1%;
}

.criteria .critere{
    width:100%
}

.critere label{
    display: inline-block;
    width: 45%;
    color:#fff
}


.inline100{
    display:inline-block;
    vertical-align:top;
    width:47%;
    margin-bottom:20px;
    margin-left:1.5%;
    margin-right:1.5%
}

.inline50{
    display:inline-block;
    vertical-align:top;
    width:30%;
    margin-bottom:20px;
    margin-left:1.5%;
    margin-right:1.5%
}

.inline50 div,
.inline100 div{
    color:#9c7901;
    font-weight:bold
}

.inline100 div,
.inline100 input,
.inline50 div,
.inline50 input{
    display: inline-block!important;
    vertical-align: middle;
    width: 100%;
}


.inline50 input,
.inline100 input{
    margin-right: 20px!important;
}

.inline50 .title,
.inline100 .title{
    margin-bottom:10px
}



.criteria{
    height:0px;
    overflow: hidden;
    transition:height 1200ms ease;
}


.opened .criteria{
    height:auto;
    position: relative;
    overflow: visible;
}



div.customSelect,
div.customSelectOption{
    padding: 17px 16px!important;
    color: #555;
    font-size: 14px!important;
    border-radius:0;
    background:#fff;
    display:inline-block;
    position:relative;
    width:110px;
    cursor:pointer;
    min-height:52px
}


div.customSelectOption .selected.empty{
    margin-top:-3px;
    position: relative;

}


div.customSelectOption{
    width:100%;
}
div.customSelect:after,
div.customSelectOption:after{
    content: '\27A4';
    -webkit-transform: rotate(
90deg
);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(
90deg
);
    position: absolute;
    right: 7px;
    top: 33%;
    animation: transform 1s ease;
}

div.customSelect.opened:after,
div.customSelectOption.opened:after{
    -webkit-transform: rotate(
-90deg
);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(
-90deg
);
}

div.customSelect .options,
div.customSelectOption .options{
    position: absolute;
    top:100%;
    left:0;
    display:none!important;
    z-index:30
}


div.customSelect.opened .options,
div.customSelectOption.opened .options{
    display:inline-block!important
}

div.customSelect .option,
div.customSelectOption .option{
    padding: 16px 16px!important;
    color: #555;
    font-size: 14px!important;
    border-radius:0;
    background:#fff;
    width:112px;
    border-left:1px solid #9c7901;
    border-right:1px solid #9c7901;
    border-bottom:1px solid #9c7901;
    margin-left:-1px

}
.FiltersPlace .realcontainer input[type="submit"].customButton.loadresults {
    right: 40px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    height: 53px;
    border-radius: 2px!important;
    margin-top: 0!important;
}

div.customSelect .options > .option:first-child,
div.customSelectOption .options > .option:first-child{
    border-top:1px solid #9c7901;

}


div.customSelectOption .option{
    width:calc(100% + 2px);
}

.selected .lab{
    background: #f0f0f0;
    padding: 2px 8px;
    white-space: nowrap;
    border-radius: 7px;
    margin-right: 5px;
    /* margin-bottom: 2px; */
    display: inline-block;
    /* margin-top: 2px; */
    /* position: relative; */
    /* top: -2px; */
    font-size: 14px;
    margin-top: 5px;
}

div.customSelectOption .selected{
    color: #666;
    font-weight: normal;
    margin-top: -9px;
}


div.customSelectOption .option label{
    color:#666;
    width:100%;
    font-size:14px
}

div.customSelectOption .option:hover label{
    color:#fff
}

div.customSelectOption .option label > span{
    border:1px solid #ccc;
    width: 22px;
    height: 22px;
    left: 0px;
}

div.customSelect .option input{
    display:none!important
}

div.customSelectOption .option input{
    display:inline-block!important
}

div.customSelect .option:hover,
div.customSelectOption .option:hover{
    color: #fff;
    background:#9c7901;
}


.woocommerce-ordering {

}