.elementor-4842 .elementor-element.elementor-element-80c8782{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-4842 .elementor-element.elementor-element-80c8782.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4842 .elementor-element.elementor-element-b1350fe{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-4842 .elementor-element.elementor-element-b1350fe.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4842 .elementor-element.elementor-element-c326cf5{text-align:center;}.elementor-4842 .elementor-element.elementor-element-c326cf5 .elementor-heading-title{color:var( --e-global-color-84c84aa );}.elementor-4842 .elementor-element.elementor-element-18c575a{padding:0px 0px 30px 0px;text-align:center;}.elementor-4842 .elementor-element.elementor-element-18c575a .elementor-heading-title{color:var( --e-global-color-c03c2cd );}.elementor-4842 .elementor-element.elementor-element-0459f83{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -40px) 0px;padding:0px 0px 0px 0px;font-family:"Montserrat", Sans-serif;color:var( --e-global-color-dbcc5c9 );}.elementor-4842 .elementor-element.elementor-element-0459f83 p{margin-block-end:19px;}.elementor-4842 .elementor-element.elementor-element-0459f83 a:hover, .elementor-4842 .elementor-element.elementor-element-0459f83 a:focus{color:var( --e-global-color-c03c2cd );}.elementor-4842 .elementor-element.elementor-element-210513b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:9px 0px 0px 0px;}.elementor-4842 .elementor-element.elementor-element-bb936a6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4842 .elementor-element.elementor-element-babb21a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4842 .elementor-element.elementor-element-550f227{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4842 .elementor-element.elementor-element-50a9985{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4842 .elementor-element.elementor-element-50a9985.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4842 .elementor-element.elementor-element-1b9a3cd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4842 .elementor-element.elementor-element-29343e6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4842 .elementor-element.elementor-element-68b2aa9{--display:flex;}.elementor-4842 .elementor-element.elementor-element-443355f{--display:flex;}.elementor-4842 .elementor-element.elementor-element-a986369{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4842 .elementor-element.elementor-element-5c6d5cb{--display:flex;}.elementor-4842 .elementor-element.elementor-element-5bd2537{--display:flex;}.elementor-4842 .elementor-element.elementor-element-606e036{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4842 .elementor-element.elementor-element-1a139a9{--display:flex;}.elementor-4842 .elementor-element.elementor-element-99776f8{--display:flex;}.elementor-4842 .elementor-element.elementor-element-a12fb6c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4842 .elementor-element.elementor-element-c7f9ced{--display:flex;}.elementor-4842 .elementor-element.elementor-element-283ee1a{--display:flex;}#elementor-popup-modal-4842{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-4842 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-4842 .dialog-close-button{display:flex;}#elementor-popup-modal-4842 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(min-width:768px){.elementor-4842 .elementor-element.elementor-element-80c8782{--width:90.472%;}.elementor-4842 .elementor-element.elementor-element-b1350fe{--width:100%;}.elementor-4842 .elementor-element.elementor-element-babb21a{--content-width:563px;}.elementor-4842 .elementor-element.elementor-element-550f227{--width:74%;}.elementor-4842 .elementor-element.elementor-element-50a9985{--width:52.216%;}}/* Start custom CSS for heading, class: .elementor-element-8746d88 *//* =========================================================
   TITRE RÉSULTAT / EXPÉRIENCE COMPLÈTE
   Classe widget titre :
   ATB-résultat
   ========================================================= */

.atb-portfolio-popup .ATB-résultat {
    position: relative;

    margin-top: 42px !important;
    margin-bottom: 30px !important;

    padding-top: 24px !important;
}


/* petit label au-dessus */

.atb-portfolio-popup .ATB-résultat::before {
    content: "FINAL EXPERIENCE";

    position: absolute;

    top: 0;
    left: 0;

    font-family: "Montserrat", sans-serif;

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

    line-height: 1;

    letter-spacing: .24em;

    text-transform: uppercase;

    color: #9d83ad;
}


/* petit trait */

.atb-portfolio-popup .ATB-résultat::after {
    content: "";

    position: absolute;

    top: 5px;
    left: 155px;

    width: 85px;
    height: 1px;

    background: rgba(70, 19, 107, .24);
}


/* vrai titre */

.atb-portfolio-popup
.ATB-résultat
.elementor-heading-title {

    margin: 0 !important;

    font-family: "Fraunces", serif !important;

    font-size: 54px !important;
    font-weight: 400 !important;

    line-height: .94 !important;

    letter-spacing: -.05em !important;

    color: #46136b !important;
}


/* responsive */

@media (max-width: 860px) {

    .atb-portfolio-popup
    .ATB-résultat
    .elementor-heading-title {

        font-size: 50px !important;
    }

}


@media (max-width: 600px) {

    .atb-portfolio-popup
    .ATB-résultat
    .elementor-heading-title {

        font-size: 42px !important;
    }

    .atb-portfolio-popup
    .ATB-résultat::after {

        display: none;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-80c8782 *//* =========================================================
   LOS POLLOS HERMANOS — PORTFOLIO POPUP / ELEMENTOR

   Classes :
   atb-portfolio-popup-bbb
   atb-tags-bb
   ATB-avant-bb
   ATB-Moodboard-titre-bb
   ATB-moodboard-bb
   ATB-résultat-titre-bb
   atb-bb-photos
   ========================================================= */


/* =========================================================
   01 — PALETTE LOS POLLOS
   ========================================================= */

:root {

    --bb-red: #A40E14;
    --bb-red-dark: #741016;

    --bb-yellow: #F4A300;
    --bb-yellow-soft: #F8C75A;

    --bb-orange: #E97500;

    --bb-cream: #FFF4D8;
    --bb-paper: #FFF9EC;

    --bb-brown: #4B210D;
    --bb-black: #24130A;

    --bb-text: #5C463A;

    --bb-border: rgba(164, 14, 20, .15);
}


/* =========================================================
   02 — POPUP ELEMENTOR
   ========================================================= */

.elementor-popup-modal:has(.atb-portfolio-popup-bbb)
.dialog-widget-content {

    width: 830px !important;
    max-width: calc(100vw - 30px) !important;

    height: 783px !important;
    max-height: calc(100vh - 30px) !important;

    background: var(--bb-paper) !important;

    border:
        1px solid rgba(164, 14, 20, .10) !important;

    border-radius: 4px !important;

    box-shadow:
        0 40px 110px rgba(70, 25, 5, .24),
        0 10px 30px rgba(164, 14, 20, .08) !important;

    overflow: hidden !important;
}


/* =========================================================
   03 — ZONE DE SCROLL
   ========================================================= */

.elementor-popup-modal:has(.atb-portfolio-popup-bbb)
.dialog-message {

    width: 100% !important;

    height: 783px !important;
    max-height: calc(100vh - 30px) !important;

    padding: 0 !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    background:

        radial-gradient(
            circle at 88% 8%,
            rgba(244, 163, 0, .18),
            transparent 28%
        ),

        radial-gradient(
            circle at 6% 70%,
            rgba(164, 14, 20, .045),
            transparent 30%
        ),

        linear-gradient(
            180deg,
            #FFF9EC 0%,
            #FFF4DD 100%
        );
}


/* =========================================================
   04 — SCROLLBAR
   ========================================================= */

.elementor-popup-modal:has(.atb-portfolio-popup-bbb)
.dialog-message::-webkit-scrollbar {
    width: 5px;
}

.elementor-popup-modal:has(.atb-portfolio-popup-bbb)
.dialog-message::-webkit-scrollbar-track {
    background: transparent;
}

.elementor-popup-modal:has(.atb-portfolio-popup-bbb)
.dialog-message::-webkit-scrollbar-thumb {

    background:
        linear-gradient(
            180deg,
            var(--bb-yellow),
            var(--bb-red)
        );

    border-radius: 999px;
}

.elementor-popup-modal:has(.atb-portfolio-popup-bbb)
.dialog-message {

    scrollbar-width: thin;

    scrollbar-color:
        var(--bb-red)
        transparent;
}


/* =========================================================
   05 — BOUTON FERMER
   ========================================================= */

.elementor-popup-modal:has(.atb-portfolio-popup-bbb)
.dialog-close-button {

    position: absolute !important;

    top: 18px !important;
    right: 18px !important;

    width: 38px !important;
    height: 38px !important;

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

    padding: 0 !important;

    background:
        rgba(255, 249, 236, .88) !important;

    border:
        1px solid rgba(164,14,20,.14);

    border-radius: 50%;

    color:
        var(--bb-red) !important;

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    opacity: 1 !important;

    transition:
        background .25s ease,
        color .25s ease,
        transform .3s ease;

    z-index: 99999 !important;
}


.elementor-popup-modal:has(.atb-portfolio-popup-bbb)
.dialog-close-button:hover {

    background:
        var(--bb-red) !important;

    color:
        var(--bb-cream) !important;

    transform: rotate(90deg);
}


/* =========================================================
   06 — CONTENEUR PRINCIPAL
   ========================================================= */

.atb-portfolio-popup-bbb {

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

    padding-left: 42px !important;
    padding-right: 42px !important;

    box-sizing: border-box;

    color:
        var(--bb-black);
}


.atb-portfolio-popup-bbb.e-con,
.atb-portfolio-popup-bbb > .e-con-inner {

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


/* =========================================================
   07 — RESET ELEMENTOR
   ========================================================= */

.atb-portfolio-popup-bbb .e-con {
    min-height: 0;
}

.atb-portfolio-popup-bbb
.elementor-widget-image {
    margin-bottom: 0;
}

.atb-portfolio-popup-bbb img {
    max-width: 100%;
}


/* =========================================================
   08 — TYPOGRAPHIES
   ========================================================= */

.atb-portfolio-popup-bbb h1,
.atb-portfolio-popup-bbb h2,
.atb-portfolio-popup-bbb h3,
.atb-portfolio-popup-bbb h4,
.atb-portfolio-popup-bbb h5,
.atb-portfolio-popup-bbb h6,
.atb-portfolio-popup-bbb
.elementor-heading-title {

    font-family:
        "Fraunces",
        serif !important;

    font-weight: 400;

    color:
        var(--bb-red);
}


.atb-portfolio-popup-bbb p,
.atb-portfolio-popup-bbb a,
.atb-portfolio-popup-bbb li {

    font-family:
        "Montserrat",
        sans-serif;
}


/* =========================================================
   09 — TITRE PRINCIPAL
   ========================================================= */

.atb-portfolio-popup-bbb h1 {

    margin: 0;

    font-size: 52px !important;

    font-weight: 400 !important;

    line-height: .94 !important;

    letter-spacing: -.045em !important;

    color:
        var(--bb-red) !important;

    text-wrap: balance;
}


/* =========================================================
   10 — SOUS-TITRE
   ========================================================= */

.atb-portfolio-popup-bbb h2 {

    font-size: 33px;

    line-height: 1.05;

    letter-spacing: -.035em;

    color:
        var(--bb-brown);
}


/* =========================================================
   11 — DESCRIPTION
   ========================================================= */

.atb-portfolio-popup-bbb
.elementor-widget-text-editor {

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

    margin-bottom: 0 !important;
}


.atb-portfolio-popup-bbb
.elementor-widget-text-editor p {

    margin-top: 0;
    margin-bottom: .65em;

    font-size: 14px !important;

    font-weight: 400;

    line-height: 1.72 !important;

    color:
        var(--bb-text);
}


.atb-portfolio-popup-bbb
.elementor-widget-text-editor p:last-child {

    margin-bottom: 0 !important;
}


/* =========================================================
   12 — LIENS
   ========================================================= */

.atb-portfolio-popup-bbb a {

    color:
        var(--bb-red);

    text-decoration: none;

    transition:
        color .25s ease;
}


.atb-portfolio-popup-bbb a:hover {

    color:
        var(--bb-orange);
}


/* =========================================================
   13 — TAGS
   Classe :
   atb-tags-bb
   ========================================================= */

.atb-portfolio-popup-bbb
.atb-tags-bb {

    width: 100%;

    margin-top: 14px !important;
    margin-bottom: 46px !important;

    padding-top: 13px !important;
    padding-bottom: 13px !important;

    border-top:
        1px solid var(--bb-border);

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


.atb-portfolio-popup-bbb
.atb-tags-bb::before {

    content: none !important;
    display: none !important;
}


.atb-portfolio-popup-bbb
.atb-tags-bb p {

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

    font-family:
        "Montserrat",
        sans-serif !important;

    font-size: 9px !important;

    font-weight: 600 !important;

    line-height: 1.5 !important;

    letter-spacing: .17em !important;

    text-transform: uppercase;

    color:
        var(--bb-red) !important;
}


/* =========================================================
   14 — TITRE AVANT
   Classe :
   ATB-avant-bb
   ========================================================= */

.atb-portfolio-popup-bbb
.ATB-avant-bb {

    position: relative;

    margin-top: 30px !important;
    margin-bottom: 27px !important;

    padding-top: 24px !important;
}


/* petit label */

.atb-portfolio-popup-bbb
.ATB-avant-bb::before {

    content:
        "ARCHIVE — BEFORE";

    position: absolute;

    top: 0;
    left: 0;

    font-family:
        "Montserrat",
        sans-serif;

    font-size: 9px;

    font-weight: 600;

    line-height: 1;

    letter-spacing: .24em;

    text-transform: uppercase;

    color:
        var(--bb-yellow);
}


/* trait */

.atb-portfolio-popup-bbb
.ATB-avant-bb::after {

    content: "";

    position: absolute;

    top: 5px;
    left: 174px;

    width: 85px;
    height: 1px;

    background:
        rgba(244, 163, 0, .60);
}


/* TITRE */

.atb-portfolio-popup-bbb
.ATB-avant-bb
.elementor-heading-title {

    margin: 0 !important;

    font-family:
        "Fraunces",
        serif !important;

    font-size: 54px !important;

    font-weight: 400 !important;

    line-height: .94 !important;

    letter-spacing: -.05em !important;

    color:
        var(--bb-red) !important;
}


/* =========================================================
   15 — TITRE MOOD & BRAND BOARD
   Classe :
   ATB-Moodboard-titre-bb
   ========================================================= */

.atb-portfolio-popup-bbb
.ATB-Moodboard-titre-bb {

    position: relative;

    margin-top: 38px !important;
    margin-bottom: 27px !important;

    padding-top: 24px !important;
}


/* label */

.atb-portfolio-popup-bbb
.ATB-Moodboard-titre-bb::before {

    content:
        "DIRECTION VISUELLE";

    position: absolute;

    top: 0;
    left: 0;

    font-family:
        "Montserrat",
        sans-serif;

    font-size: 9px;

    font-weight: 600;

    line-height: 1;

    letter-spacing: .24em;

    text-transform: uppercase;

    color:
        var(--bb-yellow);
}


/* trait */

.atb-portfolio-popup-bbb
.ATB-Moodboard-titre-bb::after {

    content: "";

    position: absolute;

    top: 5px;
    left: 170px;

    width: 85px;
    height: 1px;

    background:
        rgba(244, 163, 0, .60);
}


/* titre */

.atb-portfolio-popup-bbb
.ATB-Moodboard-titre-bb
.elementor-heading-title {

    margin: 0 !important;

    font-family:
        "Fraunces",
        serif !important;

    font-size: 54px !important;

    font-weight: 400 !important;

    line-height: .94 !important;

    letter-spacing: -.05em !important;

    color:
        var(--bb-red) !important;
}


/* =========================================================
   16 — MOODBOARD
   Classe :
   ATB-moodboard-bb
   ========================================================= */

.atb-portfolio-popup-bbb
.ATB-moodboard-bb {

    position: relative;

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

    min-height: 0 !important;

    margin-top: 0 !important;
    margin-bottom: 68px !important;

    padding: 16px !important;

    overflow: hidden;

    background:

        radial-gradient(
            circle at 10% 10%,
            rgba(244, 163, 0, .16),
            transparent 34%
        ),

        radial-gradient(
            circle at 85% 80%,
            rgba(164, 14, 20, .06),
            transparent 38%
        ),

        linear-gradient(
            145deg,
            #FFF9EC,
            #FFF1D0
        );

    border:
        1px solid var(--bb-border);

    box-sizing: border-box;
}


/* reset */

.atb-portfolio-popup-bbb
.ATB-moodboard-bb > * {

    grid-column: auto !important;
    grid-row: auto !important;

    min-height: 0 !important;
}


.atb-portfolio-popup-bbb
.ATB-moodboard-bb .e-con {

    min-height: 0 !important;
}


/* images */

.atb-portfolio-popup-bbb
.ATB-moodboard-bb
.elementor-widget-image img {

    display: block;

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

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

    object-fit: contain !important;

    border-radius: 2px;

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


.atb-portfolio-popup-bbb
.ATB-moodboard-bb
.elementor-widget-image:hover img {

    transform:
        scale(1.012);
}


/* accent jaune/rouge */

.atb-portfolio-popup-bbb
.ATB-moodboard-bb::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 60px;
    height: 3px;

    background:
        linear-gradient(
            90deg,
            var(--bb-yellow),
            var(--bb-red)
        );

    z-index: 2;
}


/* =========================================================
   17 — TITRE RÉSULTAT
   Classe :
   ATB-résultat-titre-bb
   ========================================================= */

.atb-portfolio-popup-bbb
.ATB-résultat-titre-bb {

    position: relative;

    margin-top: 40px !important;
    margin-bottom: 27px !important;

    padding-top: 24px !important;
}


/* label */

.atb-portfolio-popup-bbb
.ATB-résultat-titre-bb::before {

    content:
        "IDENTITÉ FINALE";

    position: absolute;

    top: 0;
    left: 0;

    font-family:
        "Montserrat",
        sans-serif;

    font-size: 9px;

    font-weight: 600;

    line-height: 1;

    letter-spacing: .24em;

    text-transform: uppercase;

    color:
        var(--bb-yellow);
}


/* trait */

.atb-portfolio-popup-bbb
.ATB-résultat-titre-bb::after {

    content: "";

    position: absolute;

    top: 5px;
    left: 145px;

    width: 85px;
    height: 1px;

    background:
        rgba(244, 163, 0, .60);
}


/* titre */

.atb-portfolio-popup-bbb
.ATB-résultat-titre-bb
.elementor-heading-title {

    margin: 0 !important;

    font-family:
        "Fraunces",
        serif !important;

    font-size: 54px !important;

    font-weight: 400 !important;

    line-height: .94 !important;

    letter-spacing: -.05em !important;

    color:
        var(--bb-red) !important;
}


/* =========================================================
   18 — PHOTOS DU RÉSULTAT
   Classe :
   atb-bb-photos
   ========================================================= */

.atb-portfolio-popup-bbb
.atb-bb-photos {

    position: relative;

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

    min-height: 0 !important;

    margin-top: 0 !important;
    margin-bottom: 70px !important;

    padding: 0 !important;

    box-sizing: border-box;
}


/* reset */

.atb-portfolio-popup-bbb
.atb-bb-photos > * {

    grid-column: auto !important;
    grid-row: auto !important;

    min-height: 0 !important;
}


.atb-portfolio-popup-bbb
.atb-bb-photos .e-con {

    min-height: 0 !important;
}


/* images */

.atb-portfolio-popup-bbb
.atb-bb-photos
.elementor-widget-image {

    width: 100%;
}


.atb-portfolio-popup-bbb
.atb-bb-photos
.elementor-widget-image img {

    display: block;

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

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

    object-fit: contain !important;

    border-radius: 2px;

    transition:
        transform .7s
        cubic-bezier(.2,.7,.2,1),
        box-shadow .35s ease;
}


.atb-portfolio-popup-bbb
.atb-bb-photos
.elementor-widget-image:hover img {

    transform:
        scale(1.012);

    box-shadow:
        0 10px 28px rgba(164,14,20,.10);
}


/* =========================================================
   19 — ESPACEMENTS
   ========================================================= */

.atb-portfolio-popup-bbb
.elementor-widget-heading {
    margin-bottom: 0;
}


.atb-portfolio-popup-bbb
.elementor-widget-text-editor {
    margin-bottom: 0 !important;
}


/* =========================================================
   20 — TABLETTE
   ========================================================= */

@media (max-width: 860px) {

    .elementor-popup-modal:has(.atb-portfolio-popup-bbb)
    .dialog-widget-content {

        width:
            calc(100vw - 24px) !important;

        height:
            calc(100vh - 24px) !important;

        max-height:
            calc(100vh - 24px) !important;
    }


    .elementor-popup-modal:has(.atb-portfolio-popup-bbb)
    .dialog-message {

        height:
            calc(100vh - 24px) !important;

        max-height:
            calc(100vh - 24px) !important;
    }


    .atb-portfolio-popup-bbb {

        padding-left:
            30px !important;

        padding-right:
            30px !important;
    }


    .atb-portfolio-popup-bbb h1 {

        font-size:
            48px !important;
    }


    .atb-portfolio-popup-bbb
    .ATB-avant-bb
    .elementor-heading-title,

    .atb-portfolio-popup-bbb
    .ATB-Moodboard-titre-bb
    .elementor-heading-title,

    .atb-portfolio-popup-bbb
    .ATB-résultat-titre-bb
    .elementor-heading-title {

        font-size:
            50px !important;
    }
}


/* =========================================================
   21 — MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .elementor-popup-modal:has(.atb-portfolio-popup-bbb)
    .dialog-widget-content {

        width: 100vw !important;
        max-width: 100vw !important;

        height: 100dvh !important;
        max-height: 100dvh !important;

        border-radius: 0 !important;
    }


    .elementor-popup-modal:has(.atb-portfolio-popup-bbb)
    .dialog-message {

        height: 100dvh !important;
        max-height: 100dvh !important;
    }


    .atb-portfolio-popup-bbb {

        padding-left:
            18px !important;

        padding-right:
            18px !important;
    }


    .elementor-popup-modal:has(.atb-portfolio-popup-bbb)
    .dialog-close-button {

        top: 14px !important;
        right: 14px !important;

        width: 38px !important;
        height: 38px !important;
    }


    .atb-portfolio-popup-bbb h1 {

        font-size:
            39px !important;

        line-height:
            .96 !important;
    }


    .atb-portfolio-popup-bbb h2 {

        font-size:
            28px;
    }


    .atb-portfolio-popup-bbb
    .elementor-widget-text-editor p {

        font-size:
            13px !important;

        line-height:
            1.68 !important;
    }


    .atb-portfolio-popup-bbb
    .atb-tags-bb {

        margin-top:
            12px !important;

        margin-bottom:
            40px !important;

        padding-top:
            11px !important;

        padding-bottom:
            11px !important;
    }


    .atb-portfolio-popup-bbb
    .atb-tags-bb p {

        font-size:
            8px !important;

        letter-spacing:
            .12em !important;
    }


    .atb-portfolio-popup-bbb
    .ATB-avant-bb
    .elementor-heading-title,

    .atb-portfolio-popup-bbb
    .ATB-Moodboard-titre-bb
    .elementor-heading-title,

    .atb-portfolio-popup-bbb
    .ATB-résultat-titre-bb
    .elementor-heading-title {

        font-size:
            42px !important;
    }


    .atb-portfolio-popup-bbb
    .ATB-avant-bb::after,

    .atb-portfolio-popup-bbb
    .ATB-Moodboard-titre-bb::after,

    .atb-portfolio-popup-bbb
    .ATB-résultat-titre-bb::after {

        display:
            none;
    }


    .atb-portfolio-popup-bbb
    .ATB-moodboard-bb,

    .atb-portfolio-popup-bbb
    .atb-bb-photos {

        margin-bottom:
            52px !important;
    }


    .atb-portfolio-popup-bbb
    .ATB-moodboard-bb {

        padding:
            10px !important;
    }
}


/* =========================================================
   22 — PETITS MOBILES
   ========================================================= */

@media (max-width: 400px) {

    .atb-portfolio-popup-bbb {

        padding-left:
            14px !important;

        padding-right:
            14px !important;
    }


    .atb-portfolio-popup-bbb h1 {

        font-size:
            35px !important;
    }


    .atb-portfolio-popup-bbb
    .ATB-avant-bb
    .elementor-heading-title,

    .atb-portfolio-popup-bbb
    .ATB-Moodboard-titre-bb
    .elementor-heading-title,

    .atb-portfolio-popup-bbb
    .ATB-résultat-titre-bb
    .elementor-heading-title {

        font-size:
            38px !important;
    }
}


/* =========================================================
   23 — ACCESSIBILITÉ
   ========================================================= */

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

    .atb-portfolio-popup-bbb * {

        transition-duration:
            .01ms !important;
    }
}/* End custom CSS */