body.elementor-page-1823 h1.entry-title{margin-top:1px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-b9bc20e *//*==========================================================
=                 BISTRO LA PAUSE — HERO                  =
==========================================================*/

.bistro-hero,
.bistro-hero *{
    box-sizing:border-box;
}

.bistro-hero{
    --bistro-green:#123f31;
    --bistro-dark:#082b21;
    --bistro-gold:#d7aa52;
    --bistro-cream:#f7f4ec;
    --bistro-white:#ffffff;
    --bistro-text:#d6ded9;

    position:relative;

    width:100%;

    padding:22px 28px 36px;

    overflow:hidden;

    background:#fff;
}


/*==========================================================
=                         MEDIA                            =
==========================================================*/

.bistro-hero__media{
    position:absolute;

    inset:
        22px
        28px
        36px;

    overflow:hidden;

    background:var(--bistro-dark);
}


/*==========================================================
=                         IMAGE                            =
==========================================================*/

.bistro-hero__image{
    position:absolute;
    inset:0;

    display:block;

    width:100%;
    height:100%;

    object-fit:cover;
    object-position:center center;

    transition:
        transform 1.2s
        cubic-bezier(.2,.7,.2,1);
}

.bistro-hero:hover
.bistro-hero__image{
    transform:scale(1.012);
}


/*==========================================================
=                         OVERLAY                          =
==========================================================*/

.bistro-hero__overlay{
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            to top,
            rgba(5,31,23,.80) 0%,
            rgba(5,31,23,.58) 25%,
            rgba(5,31,23,.24) 50%,
            rgba(5,31,23,.06) 75%,
            rgba(5,31,23,.02) 100%
        );
}


/*==========================================================
=                       CONTAINER                          =
==========================================================*/

.bistro-hero__container{
    position:relative;

    z-index:2;

    width:min(1180px,100%);
    min-height:760px;

    margin:0 auto;

    padding:52px;

    border:
        1px solid
        rgba(255,255,255,.30);

    display:flex;
    align-items:flex-end;
}


/*==========================================================
=                         CONTENT                          =
==========================================================*/

.bistro-hero__content{
    width:min(720px,calc(100% - 120px));

    padding-bottom:18px;
}


/*==========================================================
=                        EYEBROW                           =
==========================================================*/

.bistro-hero__eyebrow{
    display:flex;
    align-items:center;

    gap:14px;

    margin-bottom:22px;

    color:var(--bistro-gold);

    font-size:10px;
    font-weight:700;

    letter-spacing:.22em;

    text-transform:uppercase;
}

.bistro-hero__eyebrow::before{
    content:"";

    width:36px;
    height:1px;

    flex:0 0 36px;

    background:var(--bistro-gold);
}


/*==========================================================
=                          TITLE                           =
==========================================================*/

.bistro-hero__title{
    margin:0;

    color:#fff;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(
            68px,
            7vw,
            102px
        );

    font-weight:500;

    line-height:.88;

    letter-spacing:-.045em;
}

.bistro-hero__title em{
    display:block;

    margin-top:8px;

    color:var(--bistro-gold);

    font-weight:400;
}


/*==========================================================
=                      DESCRIPTION                         =
==========================================================*/

.bistro-hero__description{
    max-width:620px;

    margin:
        28px
        0
        0;

    color:rgba(255,255,255,.82);

    font-size:15px;

    line-height:1.7;
}


/*==========================================================
=                         ACTIONS                          =
==========================================================*/

.bistro-hero__actions{
    display:flex;
    align-items:center;

    margin-top:34px;
}


/*==========================================================
=                          BUTTON                          =
==========================================================*/

.bistro-hero__button{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        46px;

    align-items:center;

    gap:10px;

    min-width:245px;

    min-height:62px;

    padding:8px;

    border:0;

    border-radius:999px;

    background:#fff;

    color:var(--bistro-green);

    cursor:pointer;

    box-shadow:
        0 12px 30px
        rgba(0,0,0,.12);

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        background-color .3s ease;
}


/* TEXTE */

.bistro-hero__button-text{
    display:block;

    padding-left:16px;

    color:var(--bistro-green);

    font-size:13px;
    font-weight:700;

    line-height:1.1;

    text-align:left;

    white-space:nowrap;
}


/* ICONE */

.bistro-hero__button-icon{
    display:flex;
    align-items:center;
    justify-content:center;

    width:46px;
    height:46px;

    min-width:46px;

    border-radius:50%;

    background:var(--bistro-gold);

    color:var(--bistro-green);

    font-size:17px;

    line-height:1;
}


/* HOVER */

.bistro-hero__button:hover{
    transform:translateY(-2px);

    box-shadow:
        0 16px 36px
        rgba(0,0,0,.17);
}


/*==========================================================
=                    SIGNATURE DROITE                      =
==========================================================*/

.bistro-hero__signature{
    position:absolute;

    right:42px;
    bottom:50px;

    display:flex;
    flex-direction:column;
    align-items:center;

    gap:12px;

    color:rgba(255,255,255,.75);

    font-size:8px;
    font-weight:700;

    letter-spacing:.22em;

    text-transform:uppercase;

    writing-mode:vertical-rl;

    transform:rotate(180deg);
}

.bistro-hero__signature i{
    display:block;

    width:1px;
    height:46px;

    background:var(--bistro-gold);
}


/*==========================================================
=                         TABLETTE                         =
==========================================================*/

@media(max-width:1024px){

    .bistro-hero{
        padding:
            18px
            22px
            30px;
    }

    .bistro-hero__media{
        inset:
            18px
            22px
            30px;
    }

    .bistro-hero__container{
        min-height:680px;

        padding:44px;
    }

    .bistro-hero__content{
        width:min(650px,calc(100% - 100px));
    }

}

/*==========================================================
=        BISTRO HERO — MOBILE FINAL PLEINE IMAGE          =
==========================================================*/

@media (max-width:767px){

    /* HERO GLOBAL */

    .bistro-hero{
        position:relative !important;

        width:100% !important;
        min-height:720px !important;

        margin:0 !important;

        padding:
            10px
            12px
            22px !important;

        overflow:hidden !important;

        background:#fff !important;
    }


    /*======================================================
    =            IMAGE SUR TOUT LE HERO                    =
    ======================================================*/

    .bistro-hero__media{
        position:absolute !important;

        top:10px !important;
        right:12px !important;
        bottom:22px !important;
        left:12px !important;

        width:auto !important;
        height:auto !important;
        min-height:0 !important;

        margin:0 !important;
        padding:0 !important;

        overflow:hidden !important;

        background:#082b21 !important;
    }


    .bistro-hero__image{
        position:absolute !important;

        inset:0 !important;

        display:block !important;

        width:100% !important;
        height:100% !important;

        object-fit:cover !important;

        /*
        On garde davantage la terrasse visible
        dans la partie haute.
        */
        object-position:center center !important;

        transform:none !important;
    }


    /*======================================================
    =                     VOILE                            =
    ======================================================*/

    .bistro-hero__overlay{
        display:block !important;

        position:absolute !important;

        inset:0 !important;

        background:
            linear-gradient(
                to top,

                rgba(4,38,28,.96) 0%,
                rgba(4,38,28,.91) 20%,
                rgba(4,38,28,.76) 38%,
                rgba(4,38,28,.40) 58%,
                rgba(4,38,28,.10) 78%,
                rgba(4,38,28,.02) 100%

            ) !important;
    }


    /*======================================================
    =                   CONTENEUR                          =
    ======================================================*/

    .bistro-hero__container{
        position:relative !important;

        z-index:2 !important;

        display:flex !important;

        flex-direction:column !important;

        justify-content:flex-end !important;
        align-items:stretch !important;

        width:100% !important;
        min-height:688px !important;

        margin:0 !important;

        padding:
            30px
            25px
            34px !important;

        overflow:hidden !important;

        border:
            1px solid
            rgba(255,255,255,.28) !important;

        background:transparent !important;
    }


    /*======================================================
    =                    CONTENU                           =
    ======================================================*/

    .bistro-hero__content{
        position:relative !important;

        z-index:3 !important;

        display:block !important;

        width:100% !important;
        max-width:none !important;

        margin:0 !important;
        padding:0 !important;

        /*
        IMPORTANT :
        plus aucun rectangle vert indépendant.
        */
        background:transparent !important;

        color:#fff !important;

        transform:none !important;
    }


    /*======================================================
    =                    SURTITRE                          =
    ======================================================*/

    .bistro-hero__eyebrow{
        display:flex !important;

        align-items:flex-start !important;

        gap:10px !important;

        width:100% !important;
        max-width:300px !important;

        margin:
            0
            0
            18px !important;

        padding:0 !important;

        color:#d7aa52 !important;

        font-size:8px !important;
        font-weight:700 !important;

        line-height:1.45 !important;

        letter-spacing:.15em !important;

        text-transform:uppercase !important;
    }


    .bistro-hero__eyebrow::before{
        content:"" !important;

        display:block !important;

        width:24px !important;
        height:1px !important;

        flex:
            0
            0
            24px !important;

        margin-top:6px !important;

        background:#d7aa52 !important;
    }


    /*======================================================
    =                       TITRE                          =
    ======================================================*/

    .bistro-hero__title{
        width:100% !important;
        max-width:315px !important;

        margin:0 !important;
        padding:0 !important;

        color:#fff !important;

        font-family:
            "Cormorant Garamond",
            Georgia,
            serif !important;

        font-size:53px !important;
        font-weight:500 !important;

        line-height:.89 !important;

        letter-spacing:-.04em !important;
    }


    .bistro-hero__title em{
        display:block !important;

        margin-top:6px !important;

        color:#d7aa52 !important;

        font-weight:400 !important;
    }


    /*======================================================
    =                   DESCRIPTION                        =
    ======================================================*/

    .bistro-hero__description{
        width:100% !important;
        max-width:310px !important;

        margin:
            22px
            0
            0 !important;

        padding:0 !important;

        color:
            rgba(255,255,255,.80) !important;

        font-size:13px !important;

        line-height:1.65 !important;
    }


    /*======================================================
    =                     ACTION                           =
    ======================================================*/

    .bistro-hero__actions{
        display:block !important;

        width:100% !important;

        margin:
            27px
            0
            0 !important;

        padding:0 !important;
    }


    /*======================================================
    =                     BOUTON                           =
    ======================================================*/

    .bistro-hero__button{
        display:grid !important;

        grid-template-columns:
            minmax(0,1fr)
            46px !important;

        align-items:center !important;

        gap:8px !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        min-height:60px !important;

        margin:0 !important;
        padding:7px !important;

        border:0 !important;

        border-radius:999px !important;

        background:#fff !important;

        color:#123f31 !important;

        overflow:hidden !important;
    }


    .bistro-hero__button-text{
        display:block !important;

        min-width:0 !important;

        margin:0 !important;

        padding-left:14px !important;

        color:#123f31 !important;

        font-size:12.5px !important;
        font-weight:700 !important;

        line-height:1.15 !important;

        text-align:left !important;

        white-space:nowrap !important;
    }


    .bistro-hero__button-icon{
        position:static !important;

        display:flex !important;

        align-items:center !important;
        justify-content:center !important;

        width:46px !important;
        height:46px !important;

        min-width:46px !important;

        margin:0 !important;
        padding:0 !important;

        border-radius:50% !important;

        background:#d7aa52 !important;

        color:#123f31 !important;

        font-size:17px !important;

        line-height:1 !important;

        transform:none !important;
    }


    /* INDICATION DROITE */

    .bistro-hero__signature{
        display:none !important;
    }

}


/*==========================================================
=                   PETITS MOBILES                        =
==========================================================*/

@media (max-width:390px){

    .bistro-hero{
        min-height:680px !important;

        padding:
            8px
            8px
            18px !important;
    }


    .bistro-hero__media{
        top:8px !important;
        right:8px !important;
        bottom:18px !important;
        left:8px !important;
    }


    .bistro-hero__container{
        min-height:654px !important;

        padding:
            26px
            21px
            29px !important;
    }


    .bistro-hero__title{
        max-width:280px !important;

        font-size:47px !important;
    }


    .bistro-hero__description{
        max-width:285px !important;

        font-size:12.5px !important;
    }


    .bistro-hero__button{
        grid-template-columns:
            minmax(0,1fr)
            44px !important;

        min-height:58px !important;
    }


    .bistro-hero__button-icon{
        width:44px !important;
        height:44px !important;

        min-width:44px !important;
    }

}
/*==========================================================
=                     POPUP BISTRO                         =
==========================================================*/

.bistro-modal,
.bistro-modal *{
    box-sizing:border-box;
}

.bistro-modal{
    --bm-green:#123f31;
    --bm-dark:#082b21;
    --bm-gold:#d7aa52;
    --bm-cream:#f7f4ec;
    --bm-white:#ffffff;
    --bm-text:#c7d0cb;

    position:fixed;

    inset:0;

    z-index:999999;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:24px;

    opacity:0;
    visibility:hidden;

    pointer-events:none;

    transition:
        opacity .3s ease,
        visibility .3s ease;
}


/*==========================================================
=                       POPUP OPEN                         =
==========================================================*/

.bistro-modal.is-open{
    opacity:1;

    visibility:visible;

    pointer-events:auto;
}


/*==========================================================
=                        BACKDROP                          =
==========================================================*/

.bistro-modal__backdrop{
    position:absolute;

    inset:0;

    background:
        rgba(7,35,46,.74);

    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
}


/*==========================================================
=                         DIALOG                           =
==========================================================*/

.bistro-modal__dialog{
    position:relative;

    z-index:2;

    width:min(650px,100%);

    max-height:
        calc(100vh - 48px);

    overflow:auto;

    padding:20px;

    border-radius:32px;

    background:
        var(--bm-green);

    box-shadow:
        0 35px 90px
        rgba(0,0,0,.30);

    transform:
        translateY(22px)
        scale(.97);

    transition:
        transform .38s
        cubic-bezier(.2,.7,.2,1);
}

.bistro-modal.is-open
.bistro-modal__dialog{
    transform:
        translateY(0)
        scale(1);
}


/*==========================================================
=                         INNER                            =
==========================================================*/

.bistro-modal__inner{
    position:relative;

    padding:
        58px
        46px
        44px;

    border:
        1px solid
        rgba(255,255,255,.25);

    border-radius:24px;
}


/*==========================================================
=                         CLOSE                            =
==========================================================*/

.bistro-modal__close{
    position:absolute;

    top:18px;
    right:18px;

    display:flex;
    align-items:center;
    justify-content:center;

    width:46px;
    height:46px;

    padding:0;

    border:0;

    border-radius:50%;

    background:
        rgba(255,255,255,.09);

    cursor:pointer;
}


/* LIGNES CROIX */

.bistro-modal__close span{
    position:absolute;

    width:21px;
    height:2px;

    border-radius:10px;

    background:#fff;
}

.bistro-modal__close span:first-child{
    transform:rotate(45deg);
}

.bistro-modal__close span:last-child{
    transform:rotate(-45deg);
}


/*==========================================================
=                         LOGO                             =
==========================================================*/

.bistro-modal__logo{
    display:flex;
    align-items:center;
    justify-content:center;

    width:155px;
    height:155px;

    margin:
        0
        auto
        34px;

    border-radius:50%;

    background:
        rgba(255,255,255,.96);

    box-shadow:
        0 10px 30px
        rgba(0,0,0,.12);
}

.bistro-modal__logo img{
    display:block;

    width:122px;
    height:122px;

    object-fit:contain;
}


/*==========================================================
=                       MODAL HEADING                      =
==========================================================*/

.bistro-modal__heading{
    text-align:center;
}

.bistro-modal__eyebrow{
    display:block;

    margin-bottom:19px;

    color:var(--bm-gold);

    font-size:9px;
    font-weight:700;

    letter-spacing:.20em;

    text-transform:uppercase;
}

.bistro-modal__heading h2{
    margin:0;

    color:#fff;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:52px;
    font-weight:500;

    line-height:.95;
}

.bistro-modal__heading p{
    margin:
        14px
        0
        0;

    color:rgba(255,255,255,.68);

    font-size:14px;
}


/*==========================================================
=                         CONTACT                          =
==========================================================*/

.bistro-modal__contact{
    margin-top:38px;
}


/*==========================================================
=                      CONTACT LINK                        =
==========================================================*/

.bistro-modal__contact-link{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        48px;

    align-items:center;

    gap:10px;

    width:100%;

    min-height:78px;

    padding:8px;

    border-radius:999px;

    background:#fff;

    color:var(--bm-green);

    text-decoration:none !important;

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


/* INFO */

.bistro-modal__contact-info{
    display:flex;
    flex-direction:column;

    gap:5px;

    padding-left:19px;
}

.bistro-modal__contact-info small{
    color:var(--bm-gold);

    font-size:8px;
    font-weight:700;

    letter-spacing:.16em;

    text-transform:uppercase;
}

.bistro-modal__contact-info strong{
    color:var(--bm-green);

    font-size:19px;
    font-weight:700;

    letter-spacing:.02em;
}


/* ICONE */

.bistro-modal__contact-icon{
    display:flex;
    align-items:center;
    justify-content:center;

    width:48px;
    height:48px;

    border-radius:50%;

    background:var(--bm-green);

    color:#fff;

    font-size:18px;
}


/* HOVER */

.bistro-modal__contact-link:hover{
    transform:translateY(-2px);

    box-shadow:
        0 15px 35px
        rgba(0,0,0,.15);
}


/*==========================================================
=                          NOTE                            =
==========================================================*/

.bistro-modal__note{
    max-width:380px;

    margin:
        26px
        auto
        0;

    color:rgba(255,255,255,.55);

    font-size:11px;

    line-height:1.6;

    text-align:center;
}


/*==========================================================
=                    BODY LOCK                             =
==========================================================*/

body.bistro-modal-open{
    overflow:hidden;
}


/*==========================================================
=                    POPUP MOBILE                          =
==========================================================*/

@media(max-width:767px){

    .bistro-modal{
        align-items:flex-end;

        padding:10px;
    }


    .bistro-modal__dialog{
        width:100%;

        max-height:90vh;

        padding:10px;

        border-radius:
            26px
            26px
            18px
            18px;

        transform:
            translateY(35px);
    }


    .bistro-modal.is-open
    .bistro-modal__dialog{
        transform:
            translateY(0);
    }


    .bistro-modal__inner{
        padding:
            50px
            20px
            26px;

        border-radius:
            20px
            20px
            14px
            14px;
    }


    .bistro-modal__close{
        top:14px;
        right:14px;

        width:42px;
        height:42px;
    }


    .bistro-modal__logo{
        width:125px;
        height:125px;

        margin-bottom:28px;
    }


    .bistro-modal__logo img{
        width:98px;
        height:98px;
    }


    .bistro-modal__eyebrow{
        font-size:8px;
    }


    .bistro-modal__heading h2{
        font-size:43px;
    }


    .bistro-modal__heading p{
        font-size:12.5px;
    }


    .bistro-modal__contact{
        margin-top:30px;
    }


    .bistro-modal__contact-link{
        grid-template-columns:
            minmax(0,1fr)
            46px;

        min-height:70px;

        padding:7px;
    }


    .bistro-modal__contact-info{
        padding-left:14px;
    }


    .bistro-modal__contact-info strong{
        font-size:17px;
    }


    .bistro-modal__contact-icon{
        width:46px;
        height:46px;
    }

}


/*==========================================================
=                 REDUCED MOTION                          =
==========================================================*/

@media(prefers-reduced-motion:reduce){

    .bistro-hero__image,
    .bistro-hero__button,
    .bistro-modal,
    .bistro-modal__dialog,
    .bistro-modal__contact-link{
        transition:none !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6437589 *//*==========================================================
=           BISTRO LA PAUSE — SHOWCASE / CARROUSEL        =
==========================================================*/

.bistro-showcase,
.bistro-showcase *{
    box-sizing:border-box;
}

.bistro-showcase{
    --bs-green:#123f31;
    --bs-dark:#082b21;
    --bs-gold:#d7aa52;
    --bs-cream:#f7f4ec;
    --bs-white:#ffffff;
    --bs-text:#6d7974;
    --bs-border:rgba(18,63,49,.14);

    width:100%;

    padding:110px 30px 115px;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 88% 8%,
            rgba(215,170,82,.07),
            transparent 24%
        ),
        var(--bs-cream);
}


/*==========================================================
=                      CONTAINER                           =
==========================================================*/

.bistro-showcase__container{
    display:grid;

    grid-template-columns:
        minmax(0,1.05fr)
        minmax(360px,.95fr);

    align-items:center;

    gap:78px;

    width:min(1180px,100%);

    margin:0 auto;
}


/*==========================================================
=                       GALLERY                            =
==========================================================*/

.bistro-showcase__gallery{
    min-width:0;
}


/*==========================================================
=                       VIEWPORT                           =
==========================================================*/

.bistro-showcase__viewport{
    position:relative;

    width:100%;
    height:620px;

    overflow:hidden;

    border-radius:28px;

    background:var(--bs-green);

    box-shadow:
        0 25px 60px
        rgba(18,63,49,.10);
}


/*==========================================================
=                         TRACK                            =
==========================================================*/

.bistro-showcase__track{
    display:flex;

    width:100%;
    height:100%;

    transform:translateX(0);

    transition:
        transform
        .7s
        cubic-bezier(.2,.7,.2,1);

    will-change:transform;
}


/*==========================================================
=                         SLIDE                            =
==========================================================*/

.bistro-showcase__slide{
    position:relative;

    flex:0 0 100%;

    width:100%;
    height:100%;

    margin:0;

    overflow:hidden;
}


/*==========================================================
=                         IMAGE                            =
==========================================================*/

.bistro-showcase__slide img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;
    object-position:center center;

    transform:scale(1.015);

    transition:
        transform
        5s
        ease;
}

.bistro-showcase__slide.is-active img{
    transform:scale(1.055);
}


/*==========================================================
=                       OVERLAY                            =
==========================================================*/

.bistro-showcase__slide::after{
    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            to top,
            rgba(5,31,23,.66) 0%,
            rgba(5,31,23,.18) 28%,
            rgba(5,31,23,.02) 55%,
            transparent 100%
        );

    pointer-events:none;
}


/*==========================================================
=                       CAPTION                            =
==========================================================*/

.bistro-showcase__slide figcaption{
    position:absolute;

    left:34px;
    right:34px;
    bottom:30px;

    z-index:2;

    display:flex;

    align-items:flex-end;
    justify-content:space-between;

    gap:20px;
}


/* NUMERO */

.bistro-showcase__slide figcaption span{
    color:var(--bs-gold);

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:18px;
}


/* TEXTE */

.bistro-showcase__slide figcaption strong{
    color:#fff;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:26px;
    font-weight:500;

    text-align:right;
}


/*==========================================================
=                       CONTROLS                           =
==========================================================*/

.bistro-showcase__controls{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:25px;

    margin-top:20px;
}


/*==========================================================
=                        COUNTER                           =
==========================================================*/

.bistro-showcase__counter{
    display:flex;

    align-items:center;

    gap:12px;
}

.bistro-showcase__counter span{
    color:var(--bs-green);

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:16px;
}

.bistro-showcase__counter span:first-child{
    color:var(--bs-gold);
}

.bistro-showcase__counter i{
    display:block;

    width:50px;
    height:1px;

    background:var(--bs-border);
}


/*==========================================================
=                         ARROWS                           =
==========================================================*/

.bistro-showcase__arrows{
    display:flex;

    align-items:center;

    gap:8px;
}

.bistro-showcase__arrow{
    display:flex;

    align-items:center;
    justify-content:center;

    width:46px;
    height:46px;

    padding:0;

    border:
        1px solid
        rgba(18,63,49,.17);

    border-radius:50%;

    background:transparent;

    color:var(--bs-green);

    font-size:16px;

    cursor:pointer;

    transition:
        background-color .3s ease,
        color .3s ease,
        border-color .3s ease,
        transform .3s ease;
}

.bistro-showcase__arrow:hover{
    border-color:var(--bs-green);

    background:var(--bs-green);

    color:#fff;

    transform:translateY(-2px);
}


/*==========================================================
=                         CONTENT                          =
==========================================================*/

.bistro-showcase__content{
    max-width:500px;
}


/*==========================================================
=                         EYEBROW                          =
==========================================================*/

.bistro-showcase__eyebrow{
    display:flex;

    align-items:center;

    gap:14px;

    margin-bottom:20px;

    color:var(--bs-gold);

    font-size:10px;
    font-weight:700;

    letter-spacing:.22em;

    text-transform:uppercase;
}

.bistro-showcase__eyebrow::before{
    content:"";

    display:block;

    width:36px;
    height:1px;

    flex:0 0 36px;

    background:var(--bs-gold);
}


/*==========================================================
=                          TITLE                           =
==========================================================*/

.bistro-showcase__title{
    max-width:500px;

    margin:0;

    color:var(--bs-green);

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(
            54px,
            5vw,
            72px
        );

    font-weight:500;

    line-height:.9;

    letter-spacing:-.045em;
}

.bistro-showcase__title em{
    display:block;

    margin-top:7px;

    color:var(--bs-gold);

    font-weight:400;
}


/*==========================================================
=                      DESCRIPTION                         =
==========================================================*/

.bistro-showcase__description{
    max-width:470px;

    margin:
        28px
        0
        0;

    color:var(--bs-text);

    font-size:14px;

    line-height:1.75;
}


/*==========================================================
=                        FEATURES                          =
==========================================================*/

.bistro-showcase__features{
    margin-top:34px;

    border-top:
        1px solid
        var(--bs-border);
}


/*==========================================================
=                         FEATURE                          =
==========================================================*/

.bistro-showcase__feature{
    display:grid;

    grid-template-columns:
        42px
        1fr;

    align-items:center;

    gap:18px;

    min-height:90px;

    border-bottom:
        1px solid
        var(--bs-border);
}


/* INDEX */

.bistro-showcase__feature-index{
    color:var(--bs-gold);

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:15px;
}


/* TITLE */

.bistro-showcase__feature strong{
    display:block;

    color:var(--bs-green);

    font-size:14px;
    font-weight:700;
}


/* TEXT */

.bistro-showcase__feature p{
    margin:
        5px
        0
        0;

    color:var(--bs-text);

    font-size:11px;

    line-height:1.5;
}


/*==========================================================
=                         ACTION                           =
==========================================================*/

.bistro-showcase__action{
    margin-top:34px;
}


/*==========================================================
=                         BUTTON                           =
==========================================================*/

.bistro-showcase__button{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        46px;

    align-items:center;

    gap:10px;

    min-width:245px;
    min-height:62px;

    padding:8px;

    border:0;

    border-radius:999px;

    background:var(--bs-green);

    color:#fff;

    cursor:pointer;

    box-shadow:
        0 10px 28px
        rgba(18,63,49,.10);

    transition:
        transform .3s ease,
        background-color .3s ease,
        box-shadow .3s ease;
}


/* TEXTE */

.bistro-showcase__button-text{
    display:block;

    padding-left:16px;

    color:#fff;

    font-size:13px;
    font-weight:700;

    line-height:1.1;

    text-align:left;

    white-space:nowrap;
}


/* CERCLE */

.bistro-showcase__button-icon{
    display:flex;

    align-items:center;
    justify-content:center;

    width:46px;
    height:46px;

    min-width:46px;

    border-radius:50%;

    background:var(--bs-gold);

    color:var(--bs-green);

    font-size:17px;

    line-height:1;
}


/* HOVER */

.bistro-showcase__button:hover{
    background:var(--bs-dark);

    transform:translateY(-2px);

    box-shadow:
        0 15px 34px
        rgba(18,63,49,.15);
}


/*==========================================================
=                         TABLETTE                         =
==========================================================*/

@media(max-width:1024px){

    .bistro-showcase{
        padding:
            90px
            24px
            100px;
    }


    .bistro-showcase__container{
        grid-template-columns:
            minmax(0,1fr)
            minmax(320px,.9fr);

        gap:48px;
    }


    .bistro-showcase__viewport{
        height:560px;
    }


    .bistro-showcase__title{
        font-size:56px;
    }

}


/*==========================================================
=                          MOBILE                          =
==========================================================*/

@media(max-width:767px){

    .bistro-showcase{
        padding:
            70px
            14px
            78px;
    }


    /* STACK */

    .bistro-showcase__container{
        grid-template-columns:1fr;

        gap:48px;
    }


    /* CAROUSEL */

    .bistro-showcase__viewport{
        height:430px;

        border-radius:22px;
    }


    .bistro-showcase__slide figcaption{
        left:24px;
        right:24px;
        bottom:22px;
    }


    .bistro-showcase__slide figcaption strong{
        font-size:22px;
    }


    .bistro-showcase__controls{
        margin-top:15px;
    }


    .bistro-showcase__arrow{
        width:42px;
        height:42px;
    }


    /* CONTENT */

    .bistro-showcase__content{
        max-width:none;
    }


    .bistro-showcase__eyebrow{
        gap:10px;

        margin-bottom:16px;

        font-size:9px;
    }


    .bistro-showcase__eyebrow::before{
        width:24px;

        flex-basis:24px;
    }


    .bistro-showcase__title{
        max-width:360px;

        font-size:48px;
    }


    .bistro-showcase__description{
        max-width:350px;

        margin-top:22px;

        font-size:13px;

        line-height:1.7;
    }


    /* FEATURES */

    .bistro-showcase__features{
        margin-top:29px;
    }


    .bistro-showcase__feature{
        min-height:82px;

        grid-template-columns:
            35px
            1fr;

        gap:14px;
    }


    .bistro-showcase__feature strong{
        font-size:13.5px;
    }


    .bistro-showcase__feature p{
        font-size:10.5px;
    }


    /* BUTTON */

    .bistro-showcase__action{
        margin-top:28px;
    }


    .bistro-showcase__button{
        width:100%;

        min-width:0;

        min-height:58px;

        grid-template-columns:
            minmax(0,1fr)
            44px;

        padding:7px;
    }


    .bistro-showcase__button-text{
        padding-left:14px;

        font-size:12.5px;
    }


    .bistro-showcase__button-icon{
        width:44px;
        height:44px;

        min-width:44px;
    }

}


/*==========================================================
=                     PETITS MOBILES                       =
==========================================================*/

@media(max-width:390px){

    .bistro-showcase{
        padding:
            62px
            10px
            70px;
    }


    .bistro-showcase__viewport{
        height:390px;
    }


    .bistro-showcase__title{
        font-size:43px;
    }


    .bistro-showcase__description{
        font-size:12.5px;
    }


    .bistro-showcase__slide figcaption{
        left:20px;
        right:20px;
    }


    .bistro-showcase__slide figcaption strong{
        font-size:20px;
    }

}


/*==========================================================
=                 REDUCED MOTION                          =
==========================================================*/

@media(prefers-reduced-motion:reduce){

    .bistro-showcase__track,
    .bistro-showcase__slide img,
    .bistro-showcase__arrow,
    .bistro-showcase__button{
        transition:none !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8dd1df *//*==========================================================
=                BISTRO LA PAUSE — FINAL                  =
==========================================================*/

.bistro-final,
.bistro-final *{
    box-sizing:border-box;
}

.bistro-final{
    --bf-green:#123f31;
    --bf-dark:#082b21;
    --bf-gold:#d7aa52;
    --bf-cream:#f7f4ec;
    --bf-white:#ffffff;
    --bf-text:#6d7974;
    --bf-border:rgba(18,63,49,.14);

    width:100%;

    padding:
        100px
        30px
        105px;

    background:
        radial-gradient(
            circle at 88% 15%,
            rgba(215,170,82,.07),
            transparent 25%
        ),
        var(--bf-cream);
}


/*==========================================================
=                      CONTAINER                           =
==========================================================*/

.bistro-final__container{
    display:grid;

    grid-template-columns:
        minmax(0,1.2fr)
        minmax(280px,.8fr);

    align-items:center;

    gap:90px;

    width:min(1180px,100%);

    margin:0 auto;
}


/*==========================================================
=                       CONTENT                            =
==========================================================*/

.bistro-final__content{
    max-width:650px;
}


/*==========================================================
=                       EYEBROW                            =
==========================================================*/

.bistro-final__eyebrow{
    display:flex;

    align-items:center;

    gap:14px;

    margin-bottom:20px;

    color:var(--bf-gold);

    font-size:10px;
    font-weight:700;

    letter-spacing:.22em;

    text-transform:uppercase;
}

.bistro-final__eyebrow::before{
    content:"";

    width:36px;
    height:1px;

    flex:0 0 36px;

    background:var(--bf-gold);
}


/*==========================================================
=                         TITLE                            =
==========================================================*/

.bistro-final__title{
    margin:0;

    color:var(--bf-green);

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(
            58px,
            5.6vw,
            78px
        );

    font-weight:500;

    line-height:.9;

    letter-spacing:-.045em;
}

.bistro-final__title em{
    display:block;

    margin-top:7px;

    color:var(--bf-gold);

    font-weight:400;
}


/*==========================================================
=                          TEXT                            =
==========================================================*/

.bistro-final__text{
    max-width:510px;

    margin:
        27px
        0
        0;

    color:var(--bf-text);

    font-size:14px;

    line-height:1.75;
}


/*==========================================================
=                         CONTACT                          =
==========================================================*/

.bistro-final__contact{
    display:flex;

    align-items:center;

    gap:28px;

    margin-top:36px;

    flex-wrap:wrap;
}


/*==========================================================
=                         BUTTON                           =
==========================================================*/

.bistro-final__button{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        46px;

    align-items:center;

    gap:10px;

    min-width:245px;

    min-height:62px;

    padding:8px;

    border:0;

    border-radius:999px;

    background:var(--bf-green);

    color:#fff;

    cursor:pointer;

    box-shadow:
        0 10px 28px
        rgba(18,63,49,.10);

    transition:
        transform .3s ease,
        background-color .3s ease,
        box-shadow .3s ease;
}


/* TEXTE */

.bistro-final__button-text{
    display:block;

    padding-left:16px;

    color:#fff;

    font-size:13px;
    font-weight:700;

    line-height:1.1;

    text-align:left;

    white-space:nowrap;
}


/* ICON */

.bistro-final__button-icon{
    display:flex;

    align-items:center;
    justify-content:center;

    width:46px;
    height:46px;

    min-width:46px;

    border-radius:50%;

    background:var(--bf-gold);

    color:var(--bf-green);

    font-size:17px;

    line-height:1;
}


/* HOVER */

.bistro-final__button:hover{
    background:var(--bf-dark);

    transform:translateY(-2px);

    box-shadow:
        0 15px 34px
        rgba(18,63,49,.15);
}


/*==========================================================
=                         PHONE                            =
==========================================================*/

.bistro-final__phone{
    display:flex;

    flex-direction:column;

    gap:5px;

    color:var(--bf-green);

    text-decoration:none;
}

.bistro-final__phone span{
    color:var(--bf-gold);

    font-size:8px;
    font-weight:700;

    letter-spacing:.16em;

    text-transform:uppercase;
}

.bistro-final__phone strong{
    color:var(--bf-green);

    font-size:15px;
    font-weight:700;
}


/*==========================================================
=                         BRAND                            =
==========================================================*/

.bistro-final__brand{
    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    min-height:360px;

    padding:40px;

    border-left:
        1px solid
        var(--bf-border);

    text-align:center;
}


/*==========================================================
=                          LOGO                            =
==========================================================*/

.bistro-final__logo{
    display:flex;

    align-items:center;

    justify-content:center;

    width:180px;
    height:180px;

    margin-bottom:24px;
}

.bistro-final__logo img{
    display:block;

    width:100%;
    height:100%;

    object-fit:contain;
}


/*==========================================================
=                     BRAND TEXT                           =
==========================================================*/

.bistro-final__brand > span{
    color:var(--bf-gold);

    font-size:8px;
    font-weight:700;

    letter-spacing:.20em;

    text-transform:uppercase;
}

.bistro-final__brand > strong{
    margin-top:8px;

    color:var(--bf-green);

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:28px;

    font-weight:500;
}


/*==========================================================
=                         TABLETTE                         =
==========================================================*/

@media(max-width:1024px){

    .bistro-final{
        padding:
            85px
            24px
            90px;
    }

    .bistro-final__container{
        gap:50px;
    }

    .bistro-final__brand{
        min-height:320px;

        padding:30px;
    }

    .bistro-final__logo{
        width:155px;
        height:155px;
    }

}


/*==========================================================
=                          MOBILE                          =
==========================================================*/

@media(max-width:767px){

    .bistro-final{
        padding:
            68px
            14px
            72px;
    }


    /* STACK */

    .bistro-final__container{
        grid-template-columns:1fr;

        gap:46px;
    }


    /* CONTENT */

    .bistro-final__content{
        max-width:none;
    }


    .bistro-final__eyebrow{
        gap:10px;

        margin-bottom:16px;

        font-size:9px;
    }

    .bistro-final__eyebrow::before{
        width:24px;

        flex-basis:24px;
    }


    .bistro-final__title{
        max-width:350px;

        font-size:48px;
    }


    .bistro-final__text{
        max-width:340px;

        margin-top:22px;

        font-size:13px;

        line-height:1.7;
    }


    /* CONTACT */

    .bistro-final__contact{
        display:block;

        margin-top:30px;
    }


    .bistro-final__button{
        width:100%;

        min-width:0;

        min-height:58px;

        grid-template-columns:
            minmax(0,1fr)
            44px;

        padding:7px;
    }


    .bistro-final__button-text{
        padding-left:14px;

        font-size:12.5px;
    }


    .bistro-final__button-icon{
        width:44px;
        height:44px;

        min-width:44px;
    }


    .bistro-final__phone{
        margin-top:22px;
    }


    /* BRAND */

    .bistro-final__brand{
        min-height:0;

        padding:
            38px
            20px
            0;

        border-left:0;

        border-top:
            1px solid
            var(--bf-border);
    }


    .bistro-final__logo{
        width:135px;
        height:135px;

        margin-bottom:18px;
    }


    .bistro-final__brand > strong{
        font-size:25px;
    }

}


/*==========================================================
=                     PETITS MOBILES                       =
==========================================================*/

@media(max-width:390px){

    .bistro-final{
        padding:
            60px
            10px
            66px;
    }

    .bistro-final__title{
        font-size:43px;
    }

    .bistro-final__text{
        font-size:12.5px;
    }

    .bistro-final__logo{
        width:120px;
        height:120px;
    }

}


/*==========================================================
=                 REDUCED MOTION                          =
==========================================================*/

@media(prefers-reduced-motion:reduce){

    .bistro-final__button{
        transition:none !important;
    }

}/* End custom CSS */