/*
Theme Name: SALONS DE LA SIM
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ASTERIUM
Author URI:  https://www.asterium.fr
Template: salient
Version: 1.0
*/



/*
taupe_clair : #F4EFEE
taupe : #C5AEA5
taupe_fonce : #A9877A
bordeau : #6E1B35
*/


.clearfix:before {
    display: table;
    content: "";
  }
.clearfix:after{
    display: table;
    content: "";
    clear: both;
}


.home header#top {
    background-image: linear-gradient(to bottom, rgba(0,0,0,30), rgba(0,0,0,0));
}
nav ul.sf-menu ul.sub-menu {
    margin: -50px 0 0 0;
    padding: 20px 0 !important;
}
nav ul.sf-menu ul.sub-menu ul.sub-menu {
    margin: 0 0 0 0;
}
nav ul.sf-menu ul.sub-menu li {
    padding: 0;
}
nav ul.sf-menu ul.sub-menu li a {
    padding: 8px 20px;
}

.swiper-slide .container .content h1 {
	text-shadow: 2px 2px 2px rgba(0,0,0,0.8);
}


.home h1 {
    
}



/* styles wysiwyg ************ */
.chapeau {
    font-size: 22px;
    line-height: 30px;
    color: #846D5D;
}
.vert {
    color: #98C11D;
}
.blanc {
    color: #fff;
}
.encart_gris {
    display:  block;
    background: #f4f4f4;
    padding: 40px 20px;
    font-size: 22px;
    line-height: 32px;
    color: #000;
}
.encart_rouge {
    display:  block;
    background: #F4EFEE;
    padding: 40px 20px;
    font-size: 22px;
    line-height: 32px;
    color: #6E1B35;
}
.citation {
    display: block;
    position: relative;
    padding: 80px 60px;
    font-size: 22px;
    line-height: 32px;
    color: #CC0000;
}
    .citation:before {
        content: url('images/apostrophe-ouvrante.png');
        position: absolute;
        left: 60px;
        top: 40px;
        width: 25px;
        height: 24px;
    }
    .citation:after {
        content: url('images/apostrophe-fermante.png');
        position: absolute;
        right: 60px;
        bottom: 40px;
        width: 25px;
        height: 24px;
    }

.bouton {
    display: block;
    width: fit-content;
    border-radius: 4px;
    padding: 6px 20px;
    margin: 16px 0 20px 0;
    transition: 0.4s;
    text-transform: uppercase;
    background: #A9877A;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    color: #fff;
}
.bouton a {
    color: #fff;
}
@media screen and (min-width: 993px) {
    .bouton:hover {
        background: #624e4f;
    }
    .bouton:hover:after {
        opacity: 1;
        right: 7px;
    }   
}


.floating-menu ul li {
    list-style: none;
}
.floating-menu ul li:marker {
    display: none;
}


/* CF7 form - demande de devis */
@media screen and (min-width: 1024px){
    .espaceslocation .col1 {
        float: none;
        width: 100%;
        margin: 0 4% 0 0;
        padding: 0 0 20px 0;
    }
    .espaceslocation .col2 {
        float: none;
        width: 100%;
        margin: 0;
    }
    .espaceslocation .col1 br {
        display: none;
    }
    .wpcf7-form-control-wrap[data-name="your-name"],
    .wpcf7-form-control-wrap[data-name="your-email"]{
        float: left;
        width: 48%;
        margin: 0 4% 8px 0;
        z-index: 1;
    }
    .wpcf7-form-control-wrap[data-name="your-firstname"],
    .wpcf7-form-control-wrap[data-name="your-telephone"] {
        float: left;
        width: 48%;
        margin: 0 0 8px 0;
        z-index: 1;
    }
    .wpcf7-form-control-wrap[data-name="choix-espace"] {
        background-color: #fff;
        border: 1px solid #ccc;
        color: #000;
        border-radius: 4px;
        font-size: 14px;
        padding: 10px;
    }
    p {
        float: left;
        width: 100%;
        padding-bottom: 10px;
    }
    .date {
        float: left;
        width: 48%;
        margin: 10px 4% 20px 0;
    }
    .convives {
        float: left;
        width: 48%;
        margin: 10px 0 20px 0;
    }
}
.espaceslocation .col1 {
    padding: 0 0 20px 0;
}
.wpcf7-form-control-wrap[data-name="choix-espace"] .wpcf7-list-item {
    margin: 0 1em 0 0 !important;
}
.rgpd {
    font-style: italic;
    float: left;
    clear: both;
    font-size: 15px;
    color: #666;
    padding: 50px 0 0 0;
}

.wpcf7 form .wpcf7-response-output {
    padding: 100px;
}
.wpcf7 form.sent .wpcf7-response-output {
    display: inline-block;
    width: 100%;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    clear: both;
    margin: 40px 0 0 0;
    display: inline-block;
}



/* Page EN */
.page-id-701 nav ul.sf-menu {
    display: none !important;
}


.grecaptcha-badge {
    opacity: 0;
}