/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: EcloLINK
 Author URI: https://eclolink.com
 Template: Divi
 Version: 1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */
/*some default rules for ibis chalon*/

img {
    user-drag: none;
    -webkit-user-drag: none;
}
html {
    scroll-behavior: smooth;
}

:focus-visible {
    outline: 2px solid #CB9608;
    outline-offset: 2px;
}

.section-flex {
    display: flex;
    flex-direction: column;
}
.section-flex-bottom{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.ligne-hrzntl-align {
    display: flex;
    flex-direction: row;
    align-items:center;
}
.ligne-hrzntl-align.space-btwn {
    justify-content: space-between;
}
.ligne-hrzntl-align-row .et_pb_row {
    display: flex;
    flex-direction: row;
    align-items:center;
}
.ligne-vrtcl-align {
    display: flex;
    flex-direction: column;
    align-items:center;
}
.ligne-flex {
    display: flex;
}
.full-height-img,
.full-height-img .et_pb_image_wrap,
.full-height-img .et_pb_image_wrap img{
    height:100%
}
.full-height-img .et_pb_image_wrap img{
    object-fit: cover;
}

.gap-20{
    gap: 20px;
}

.marg-bot-30{
    margin-bottom: 30px;
}

@media screen and (max-width:980px){

    .ligne-hrzntl-align,
    .ligne-flex,
    .ligne-hrzntl-align-row .et_pb_row {
        display: flex;
        flex-direction: column;
    }
    .ligne-hrzntl-align.m-reverse{
        flex-direction: column-reverse;
    }

    .ligne-hrzntl-align.force-row{
        flex-direction: row;
    }

    .ligne-hrzntl-align.gap-20.force-row.contact-icones img {
        width: 15%;
        padding: 5px;
    }
}

.h1,.h2,.h3,.h4,.h5,.h6{
    font-family: 'Titillium web', sans-serif;
}
.h1{
    font-size: clamp(2.8125rem, 1.8531rem + 3.8374vw, 7.993rem) !important;
}

.h2{
    font-size: clamp(2rem, 1.3235rem + 2.7059vw, 5.653rem) !important;
}
.h3{
    font-size: clamp(1.9375rem, 1.5633rem + 1.8967vw, 3.998rem) !important;
}
.h4{
    font-size: clamp(1.25rem, 0.9606rem + 1.1574vw, 2.8125rem) !important;
}
.h5{
    font-size: clamp(1.0625rem, 1.3889rem  + 0.6944vw, 2rem) !important;
}
.h6{
    font-size: clamp(0.9375rem, 0.8493rem + 0.353vw, 1.414rem) !important;
}

.font-yesteryear{
    font-family: 'Yesteryear', sans-serif;
    font-size: 1.7em;
    font-weight: 500;
    text-transform: inherit;

}

.et_pb_button_module_wrapper:has(.btn-ibis-gare){
    width: fit-content;
    z-index: 1;
}

body .et_pb_button.btn-ibis-gare {
    border-top: 2px solid transparent !important;
    border-bottom: 2px solid transparent !important;
    transition: all 0.5s ease-in-out;
}
.et_pb_button_module_wrapper:has(.btn-ibis-gare):before,
.et_pb_button_module_wrapper:has(.btn-ibis-gare):after{
    content: '';
    display: block;
    max-width: 0;
    width: 100%;
    height: 2px;
    background: #0b253b;
    position: absolute;
    z-index: 2;
    transition: all 0.5s ease-in-out;
}
.et_pb_button_module_wrapper:has(.btn-ibis-gare.jaune):before,
.et_pb_button_module_wrapper:has(.btn-ibis-gare.jaune):after{

    background: #CB9608;

}
.et_pb_button_module_wrapper:has(.btn-ibis-gare.rouge):before,
.et_pb_button_module_wrapper:has(.btn-ibis-gare.rouge):after{

    background: #E20026;

}
.et_pb_button_module_wrapper:has(.btn-ibis-gare.blanc):before,
.et_pb_button_module_wrapper:has(.btn-ibis-gare.blanc):after{

    background: #fff;

}
.et_pb_button_module_wrapper:has(.btn-ibis-gare.bleu):before,
.et_pb_button_module_wrapper:has(.btn-ibis-gare.bleu):after{

    background: #107AA2;

}
.et_pb_button_module_wrapper:has(.btn-ibis-gare.vert):before,
.et_pb_button_module_wrapper:has(.btn-ibis-gare.bleu):after{

    background: #007C52;

}

.et_pb_button_module_wrapper:has(.btn-ibis-gare):before{
    top: 0;
    left: 0;

}
.et_pb_button_module_wrapper:has(.btn-ibis-gare):after {
    bottom: 0;
    right: 0;

}

.et_pb_button_module_wrapper:has(.btn-ibis-gare):hover:before,
.et_pb_button_module_wrapper:has(.btn-ibis-gare):hover:after{
    max-width: 100%;
}

body .et_pb_button.btn-ibis-gare:hover {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
}
.bouncing-wrapper svg.orange path{
    fill: #CB9608;
}
.bouncing-wrapper svg.blue path{
    fill: #107AA2;
}
.bouncing-wrapper svg.red path{
    fill: #E20026;
}
.bouncing-wrapper svg.vert path{
    fill: #007C52;
}

/*accueil*/

.decorative-img.accueil {
    position: relative;
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: space-between;
}

.down-btn {
    width: fit-content;
    margin: auto;
}
.down-btn.bounce{
    animation: bounce-down 2s infinite;
}



/*tilted slider*/

.tilted-slider .swiper-slide.dsm_image_carousel_item {
    position: relative;
    padding: 10px;
    box-shadow: rgba(0, 0, 0, 0.3) 2px 4px 4px;
    margin: 40px;
    margin-left: 0;
    background: white;

}
.tilted-slider .swiper-slide.dsm_image_carousel_item:nth-of-type(3n+1){

    -webkit-transform: rotate(11deg) !important;
    transform: rotate(11deg) !important;
}
.tilted-slider .swiper-slide.dsm_image_carousel_item:nth-of-type(3n+2){
    -webkit-transform: rotate(-2deg) !important;
    transform: rotate(-2deg) !important;

}

.tilted-slider .swiper-slide.dsm_image_carousel_item:nth-of-type(3n+3){
    -webkit-transform: rotate(-9deg) !important;
    transform: rotate(-9deg) !important;

}
.tilted-slider .swiper-slide.dsm_image_carousel_item img{
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
img.deco-img.animation-tilt{
    max-height: 40vw;
}

@media screen and (max-width: 980px){
    img.deco-img.animation-tilt{
        max-height: 15vw;
    }
}

/*hover section*/

.hover-section:before {
    content: "";
    display: block;
    position: absolute;
    top: 200px;
    width: 90%;
    max-width: 1680px;
    margin: auto;
    height: calc(100% - 400px);
    left: 5%;
    right: 5%;
    background: #007c52bd;
    transition: all 0.3s ease-in-out;
}

.hover-section.red:before {

    background: rgba(226, 0, 38, 0.8);
}
.hover-section.yellow:before {

    background: rgba(203, 151, 8, 0.8);
}

.hover-section:hover:before {
    width: 100%;
    max-width: 2560px;
    top: 0;
    left: 0;
    height: 100%;
}

.text-with-image{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media screen and (max-width: 980px){
    .hover-section:before {

        top: 50px;
        height: calc(100% - 100px);
    }
    .hover-section .et_pb_row >.et_pb_column {
        width: 100%;
        margin: 0;
    }
    .hover-section .et_pb_row >.et_pb_column:not(:last-of-type) {
        margin-bottom: 20px;
    }

    .text-with-image{
        display: flex    ;
        justify-content: space-between;
        align-items: center;
        flex-direction: column-reverse;
    }
}

#notes-home h3.dsm_card_title span {
    font-size:2.5em;
}

div#temoignages:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    max-width: 708px;
    height: 531px;
    max-height: calc(100% + 100px);
    background-image: url(/wp-content/uploads/fond-temoignage.svg);
    top: -20px;
    left: 80%;
    z-index: -1;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom left;
}

@media screen and (max-width: 980px) {
    div#temoignages:after {
    content: none;
    }
}

/*section guides*/
.img-guide img {
    border: 10px solid white;
    box-shadow: rgba(0, 0, 0, 0.3) 2px 4px 4px;
    margin-bottom: 35px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.img-guide.odd img{
    transform: rotate(-5deg);
}

.img-guide.even img{
    transform: rotate(6.5deg);
}

.guide-name{
    color: #E20026;
    font-size: 36px;
    line-height: 1em;
    text-align: center;
    padding-bottom: 10px;
}

.guide-title{
    color: #0b253b;
    font-size: 16px;
    line-height: 1em;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}

.deco-couronne:after{
    display: block;
    content: "";
    position: absolute;
    background-image: url(/wp-content/uploads/couronne-K.svg);
    width: 400px;
    height: 400px;
    background-size: contain;
    z-index: -1;
}
.deco-couronne-whiter:after{
    display: block;
    content: "";
    position: absolute;
    background-image: url(/wp-content/uploads/couronneK-whiter.svg);
    width: 400px;
    height: 400px;
    background-size: contain;
    z-index: -1;
}

.img-1-home.deco-couronne-whiter:after{
    top: -20%;
}

/*le klub*/

.tab-ambiances-resto .dsm-advanced-tabs-wrapper {
    justify-content: center;
}

.tab-ambiances-resto .dsm-advanced-tabs-wrapper .dsm-tab {
    align-items: center;
    gap: 20px !important;
    position: relative;
}
.tab-ambiances-resto .dsm-advanced-tabs-wrapper .dsm-tab:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image:url('data:image/svg+xml,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 10.5C0 16.0229 4.47709 20.5 10 20.5C15.5229 20.5 20 16.0229 20 10.5C20 4.97709 15.5229 0.5 10 0.5C4.47709 0.5 0 4.97709 0 10.5ZM7.56191 4.85391C7.7313 5.03099 8.06621 5.32484 8.39215 5.5879C8.76813 5.89074 9.15694 6.17817 9.55088 6.45791C10.3195 7.00327 11.1741 7.54478 12.0069 8.0555C13.0438 8.69197 14.0947 9.30919 15.1636 9.89176C15.4472 10.0457 16.289 10.8683 15.6859 11.1993C14.6324 11.7781 13.5968 12.3953 12.5767 13.0305C10.8649 14.0955 9.12357 15.2106 7.65944 16.6068C7.02554 17.2112 5.16746 15.9087 5.92711 15.1837C7.39125 13.7863 9.13256 12.6712 10.8443 11.6074C11.5732 11.1544 12.3098 10.7104 13.054 10.2831C12.3893 9.89818 11.7298 9.50295 11.0766 9.09874C9.28782 7.99134 7.43359 6.83261 5.96689 5.30559C5.66021 4.98608 5.59476 4.44842 6.0811 4.28417C6.60721 4.10708 7.21673 4.49461 7.5632 4.85519L7.56191 4.85391Z" fill="%23A5A5A5"/></svg>');
}
.tab-ambiances-resto .dsm-advanced-tabs-wrapper .dsm-tab.dsm-active:after {
    background-image:url('data:image/svg+xml,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 10.5C0 16.0229 4.47709 20.5 10 20.5C15.5229 20.5 20 16.0229 20 10.5C20 4.97709 15.5229 0.5 10 0.5C4.47709 0.5 0 4.97709 0 10.5ZM7.56191 4.85391C7.7313 5.03099 8.06621 5.32484 8.39215 5.5879C8.76813 5.89074 9.15694 6.17817 9.55088 6.45791C10.3195 7.00327 11.1741 7.54478 12.0069 8.0555C13.0438 8.69197 14.0947 9.30919 15.1636 9.89176C15.4472 10.0457 16.289 10.8683 15.6859 11.1993C14.6324 11.7781 13.5968 12.3953 12.5767 13.0305C10.8649 14.0955 9.12357 15.2106 7.65944 16.6068C7.02554 17.2112 5.16746 15.9087 5.92711 15.1837C7.39125 13.7863 9.13256 12.6712 10.8443 11.6074C11.5732 11.1544 12.3098 10.7104 13.054 10.2831C12.3893 9.89818 11.7298 9.50295 11.0766 9.09874C9.28782 7.99134 7.43359 6.83261 5.96689 5.30559C5.66021 4.98608 5.59476 4.44842 6.0811 4.28417C6.60721 4.10708 7.21673 4.49461 7.5632 4.85519L7.56191 4.85391Z" fill="%23CB9708"/></svg>');
}

@media screen and (max-width:980px){
    .tab-ambiances-resto .dsm-advanced-tabs-wrapper .dsm-tab:after{
        content: none;
    }
}

/*seminaire*/
.services-item.col{
    display: flex;
    align-items: center;
}
.services-item.col::before{
    opacity: 0;
    content: '';
    position: absolute;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    top: 0;
    left: 0;
    transition: all 0.3s ease-in-out;
    border: 10px solid transparent;
}
.services-item.col:hover::before{
    opacity: 1;
    background-color: rgba(11, 37, 59, 0.6);
    border-color: white;
}

.services-item h3,
.services-item p {
    color:white
}
.services-item .h3{
    font-weight: 800;
}

.services-item p {
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out, visibility 0s ease-in-out 0.5s, opacity 0.5s ease-in-out;
}
.services-item:hover p {
    visibility: visible;
    opacity: 1;
    max-height: 500px;
    transition: max-height 0.5s ease-in-out,opacity 0.5s ease-in-out;

}


.dsm_advanced_tabs.salles-seminaire-tabs .dsm-advanced-tabs-container .dsm-advanced-tabs-content-wrapper{
    width: 70% !important;

}

.dsm_advanced_tabs.salles-seminaire-tabs .dsm-advanced-tabs-container .dsm-advanced-tabs-wrapper{
    width: 30% !important;
    justify-content: center;
}

.dsm_advanced_tabs_0 .dsm-tab.dsm_advanced_tabs_child_0 {
    border-top: none;

}
.dsm-tab.dsm-active{
    font-weight: 700;
}

.seminaire-text-icone{
    text-transform: uppercase;
    font-weight: 600;
    color: #107AA2;
    line-height: 1.5em;
    font-size: 22px;
}
.seminaire-text-icone span{
    font-weight: 900;
}

p.font-yesteryear.plus-seminaire {
    margin: 20px 0;
    color: #107aa2;
}
ul.liste-seminaire  {
    list-style-type: square;
}
ul.liste-seminaire li::marker {
    color: #107aa2;
}

.seminaire-btn{
    color: #107aa2;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: underline;
}

.tippy-popper .h6{
    font-weight: 900;
}

@media screen and (max-width:980px){
    .services-item.col::before{
        opacity: 1;
        background-color: rgba(11, 37, 59, 0.6);
        border-color: white;
    }
    .services-item p {
        visibility: visible;
        opacity: 1;
        max-height: 500px;
        transition: max-height 0.5s ease-in-out,opacity 0.5s ease-in-out;

    }
}

/*RSE*/
.initiatives-rse-card{

}
.big-text-card{
    font-size: 2rem;
    line-height: 1em;
    font-weight: 700;
    margin-bottom: 0.3rem;
}

.initiatives-rse{
    list-style-image: url("/wp-content/uploads/check.png");
}

@media screen and (max-width:980px){
    .initiatives-rse{
        list-style-image: url("/wp-content/uploads/check-mobile.svg");
    }


    .salles-seminaire-tabs .dsm-advanced-tabs-container {
        flex-direction: column-reverse !important;
    }

    .dsm_advanced_tabs.salles-seminaire-tabs .dsm-advanced-tabs-container .dsm-advanced-tabs-content-wrapper{
        width: 100% !important;

    }

    .dsm_advanced_tabs.salles-seminaire-tabs .dsm-advanced-tabs-container .dsm-advanced-tabs-wrapper{
        width: 100% !important;
        align-items: flex-start;
        flex-direction: column;
    }
}

/*escapades*/
.ancres-escapades {
    display: flex;
    width: fit-content;
    margin: auto;
    gap: 20px;
}

a.ancre-escapades-item {
    color: #E20026;
    border: 1px solid #E20026;
    padding: 10px 15px;
    font-weight: bold;
    transition: all 0.3s ease-in-out;
    background: white;
}

a.ancre-escapades-item:hover {
    color: white;
    background: #E20026;
}

@media screen and (max-width:680px){
    .ancres-escapades {
        display: flex;
        width: fit-content;
        margin: auto;
        gap: 20px;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
    a.ancre-escapades-item{
        width: calc(50% - 10px);
        text-align: center;
        display: flex    ;
        align-items: center;
        justify-content: center;
    }

}

/*menu restaurant*/
.ancres-menus {
    display: flex;
    width: fit-content;
    margin: auto;
    gap: 20px;
}

button.ancre-menu-item {
    color: #CB9708;
    border: 1px solid #CB9708;
    padding: 10px 15px;
    font-weight: bold;
    transition: all 0.3s ease-in-out;
    background: white;
    cursor: pointer;
}

button.ancre-menu-item:hover {
    color: white;
    background: #CB9708;
}

.content-menu-restaurant.inactive{
    display: none;
    opacity: 0;
    visibility: hidden;
}
.content-menu-restaurant.active{
    display: block;
    opacity: 1;
    visibility: visible;
}

/*contact*/
.contact-form label{
    font-weight: 600;
}

.contact-form ::placeholder{
    font-size: 17px;
    color: #C3C3C3;
}
.contact-form .flex {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}
.contact-form .flex.column {
    display: flex;
    flex-direction: column;
    margin: 0;
}

.contact-form label.half {
    width: 50%;
    display: flex;
    flex-direction: column;
}

.contact-form label.full {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.contact-form label input,
.contact-form label.full textarea{
    width: 100%;
    padding: 10px;
    background: #FBFBFB;
    font-size: 17px;
}

.contact-form .wpcf7-list-item input{
    width: fit-content;
}
.contact-form span:has(.rgpd) {
    font-size: 14px;
    line-height: 1.4em;
}
.contact-form .infos-supp{
    color: #777B80;
    font-size: 15px;
    line-height: 1.4em;
    margin-bottom: 20px;
}
.contact-form .btn-send-wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.contact-form button.btn-send {
    border-radius: 0;
    text-transform: uppercase;
    padding: 12px;
    background: #0B253B;
    cursor: pointer;
    width: fit-content;
    border: 1px solid transparent !important;
}

.contact-form button.btn-send:disabled {
    background: #909a9f;

}
.contact-form button.btn-send:disabled:hover{
    color: white !important;
    background: #909a9f;
}
.contact-form button.btn-send:hover {
    border-radius: 0;
    padding: 12px;
    color: #0B253B;
    border: 1px solid #0B253B !important;
}

@media screen and (max-width:960px){
    .contact-form .flex {
        flex-direction: column;
    }
    .contact-form label.half {
        width: 100%;
    }
}



/*footer section seminaire*/

.hover-section-footer:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: calc(100% - 160px);
    max-height: calc(100% - 340px);
    transform: translate(-40px, -40px);
    top: 300px;
    left: 120px;
    transition: all 0.3s ease-in-out;
    backdrop-filter: blur(5px);
}


.hover-section-footer:hover:before {
    max-width: 100%;
    max-height: 100%;
    transform: translate(0, 0);
    top: 0;
    left: 0;
}

.hover-section-footer.seminaire:before {
    background-color: rgba(0, 93, 201, 0.6);
}


.hover-section-footer.hotel:before {
    background-color: rgba(212, 0, 0, 0.6);
}

.hover-section-footer.restaurant:before {
    background-color: rgba(203, 151, 8, 0.6);
}

.btn-wrapper-footer a.btn-ibis-gare:before,
.btn-wrapper-footer a.btn-ibis-gare:after,
.btn-wrappers a.btn-ibis-gare:before,
.btn-wrappers a.btn-ibis-gare:after{
    content: '';
    display: block;
    max-width: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    position: absolute;
    z-index: 2;
    transition: all 0.5s ease-in-out;
    opacity: 1;
    margin: 0;
}

.btn-wrapper-footer a.btn-ibis-gare:before,
.btn-wrappers a.btn-ibis-gare:before{
    top: 0;
    left: 0;

}
.btn-wrapper-footer a.btn-ibis-gare:after,
.btn-wrappers a.btn-ibis-gare:after{
    bottom: 0;
    right: 0;

}

.btn-wrapper-footer a.btn-ibis-gare:hover:before,
.btn-wrapper-footer a.btn-ibis-gare:hover:after,
.btn-wrappers a.btn-ibis-gare:hover:before,
.btn-wrappers a.btn-ibis-gare:hover:after{
    max-width: 100%;
}
.btn-wrapper-footer a.btn-ibis-gare:hover,
.btn-wrappers a.btn-ibis-gare:hover{
    color: white!important;
}

.btn-wrappers {
    display: flex;

    gap: 10px;
    text-align: center;
    width: 100%;
}


@media screen and (max-width: 980px){
    .hover-section-footer:before {

        max-width: calc(100% - 100px);
        max-height: calc(100% - 100px);
        transform: translate(-50px, -50px);
        top: 100px;
        left: 100px;
    }
    .btn-wrappers {
        flex-direction: column;
    }

}

@keyframes bounce-down {
    0% {
        top: 0;
    }
    20% {
        top: 15px;
    }
    100% {
        top: 0;
    }

}

/*tablette*/


@media screen and (max-width: 560px){
    .et_pb_section.hero-section {
        padding-top: 150px;
        padding-left: 5%;
        padding-right: 5%;
        min-height:70vh;
    }

    .half-mobile{

        .et_pb_column{
            width: 47% !important;
            margin-right: 19px;
        }
        .et_pb_column:last-of-type{
            margin-right: 0;
        }
    }

}

@media screen and (max-height: 840px){
    .et_pb_section.hero-section {
        padding-top: 150px;
    }

}
@media screen and (max-height: 720px) and (min-width: 560px){
    .et_pb_section.hero-section {
        padding-top: 200px;
    }

}

@media screen and (min-height:1100px) and (max-width: 1050px){
    .et_pb_section.hero-section{
        min-height: 75vh;
    }
}
@media screen and (min-height:960px) and (max-width: 1050px) and (min-width: 980px){
    .et_pb_section.tablette-as-mobile .et_pb_row {
        flex-direction: column;
    }
    .et_pb_section.tablette-as-mobile .et_pb_row .et_pb_column {
        width: 100%;
    }
    .et_pb_section.tablette-as-mobile .et_pb_row .et_pb_column {
        margin-bottom: 30px;
        margin-right: 0;
    }
    .et_pb_section.tablette-as-mobile .et_pb_row .et_pb_column.hover-section-footer,
    .et_pb_section.tablette-as-mobile .et_pb_row .et_pb_column:last-of-type{
        margin-bottom: 0;
    }
}