/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/


/* ================================================== 
STYLES GENERAUX
================================================== */

::marker {
    color: var(--main-color);
}

::-moz-selection {
    background-color: var(--dark);
    color: #fff;
}

::selection {
    background-color: var(--dark);
    color: #fff;
}

::-webkit-input-placeholder {
    color: var(--dark);
    opacity: 0.85;
}

::-moz-placeholder {
    color: var(--dark);
    opacity: 0.85;
}

:-ms-input-placeholder {
    color: var(--dark);
    opacity: 0.85;
}

::-ms-input-placeholder {
    color: var(--dark);
    opacity: 0.85;
}

::placeholder,
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--dark);
    opacity: 0.85;
}

.grecaptcha-badge {
    visibility: hidden !important;
}

:is(#brx-content, #brx-header) .brxe-heading b {
    color: var(--main-color);
}

#brx-content .button {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}


.brxe-text-link {
    font-family: var(--typo-tx);
    font-size: var(--text);
    font-variation-settings: var(--medium);
    letter-spacing: var(--spacing-middle);
    text-transform: uppercase;
}

/* #brx-content .brxe-text-link .icon {
    margin-top: 2px;
} */




/* Listes
--------------------------------------------- */
#brx-content *:is(.brxe-text, .brxe-text-basic, .brxe-post-content, .brxe-icon-box, .accordion-content-wrapper, .wc-item-meta) *:is(ul:not(.brxe-image-gallery, .crop), ol) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    position: relative;
}

#brx-content *:is(ul.brxe-image-gallery, ul.brxe-image-gallery li) {
    padding: 0 !important;
}


#brx-content *:is(.brxe-text, .brxe-text-basic, .brxe-post-content, .brxe-icon-box, .accordion-content-wrapper, .wc-item-meta) *:is(ul) {
    padding-left: 0;
    /* list-style: square; */
}

#brx-content *:is(.brxe-text, .brxe-text-basic, .brxe-post-content, .brxe-icon-box, .accordion-content-wrapper, .wc-item-meta) *:is(ul li) {
    /* padding-left: 8px; */
    list-style: none;
    position: relative;
    padding-left: 20px;
}

#brx-content *:is(.brxe-text, .brxe-text-basic, .brxe-post-content, .brxe-icon-box, .accordion-content-wrapper, .wc-item-meta) *:is(ul li):before {
    content: '';
    position: absolute;
    top: 13px;
    width: 6px;
    height: 6px;
    left: 0;
    background: var(--gradient-angle);
}

/* #brx-content .dark-skin *:is(.brxe-text, .brxe-text-basic, .brxe-post-content, .brxe-icon-box, .accordion-content-wrapper, .brxe-accordion) *:is(ul li):before,
#brx-content .bricks-color-light *:is(ul li):before {
    background-color: #fff;
} */

#brx-content .bricks-color-light blockquote {
    color: #fff;
}

#brx-content :is(.brxe-text, .brxe-accordion) :where(ul, ol, blockquote) {
    margin: 16px 0;
}

#brx-content :is(.brxe-text, .brxe-accordion) :where(blockquote:first-child),
#brx-content :is(.brxe-text, .brxe-accordion) :where(ul:first-child),
#brx-content :is(.brxe-text, .brxe-accordion) :where(ol:first-child) {
    margin-top: 0;
}

#brx-content :is(.brxe-text, .brxe-accordion) :where(blockquote:last-child),
#brx-content :is(.brxe-text, .brxe-accordion) :where(ul:last-child),
#brx-content :is(.brxe-text, .brxe-accordion) :where(ol:last-child) {
    margin-bottom: 0;
}


#brx-content *:is(.brxe-text, .brxe-text-basic, .brxe-post-content, .brxe-icon-box, .accordion-content-wrapper) ol li::marker {
    list-style-type: decimal;
}

#brx-content *:is(.brxe-text, .brxe-text-basic, .brxe-post-content, .brxe-icon-box, .accordion-content-wrapper) ol {
    counter-reset: nombre;
    list-style: none;
    padding-left: 0;
}

#brx-content *:is(.brxe-text, .brxe-text-basic, .brxe-post-content, .accordion-content-wrapper) ol li {
    counter-increment: nombre;
    position: relative;
    padding-left: 30px;
}

#brx-content *:is(.brxe-text, .brxe-text-basic, .brxe-post-content, .accordion-content-wrapper) ol li:before {
    color: var(--main-color);
    content: counter(nombre, decimal-leading-zero);
    position: absolute;
    top: 7px;
    left: 0;
    font-variation-settings: var(--medmium);
    font-size: var(--fontsize-h8);
    font-family: var(--typo-titres);
    line-height: 1;
}

#brx-content blockquote:before {
    content: "“";
    position: absolute;
    font-size: 60px;
    top: 0;
    left: 0;
    line-height: 1;
}

/* FAQ, accordéons
--------------------------------------------- */
#brx-content *:is(.accordion-title-wrapper .title, .brxe-accordion-nested .accordion-title-wrapper .brxe-heading, .brxe-accordion-nested .accordion-title-wrapper .brxe-icon) {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#brx-content .accordion-title {
    gap: 10px;
}

#brx-content *:is(.brxe-accordion-nested .brxe-icon, .accordion-title-wrapper .icon) {
    font-size: 20px;
    color: var(--main-color);
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}


#brx-content .accordion-item.brx-open .accordion-title .title,
#brx-content .brxe-accordion-nested>.brxe-block.brx-open .accordion-title-wrapper .brxe-heading {
    font-variation-settings: var(--semibold);
}

#brx-content .accordion-title-wrapper,
#brx-content .brxe-accordion-nested .accordion-title-wrapper {
    padding-block: 20px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: -1px;
}

#brx-content .brxe-accordion .accordion-title .title,
#brx-content .brxe-accordion-nested .accordion-title-wrapper .brxe-heading {
    line-height: var(--lineheight-small);
    font-size: var(--fontsize-h7);
}

#brx-content :where(.brxe-accordion, .brxe-accordion-nested) .accordion-content-wrapper {
    padding: 10px 0 30px;
}

#brx-content :where(.brxe-accordion) .accordion-item,
#brx-content .brxe-accordion-nested>.brxe-block {
    margin-top: -1px;
}

#brx-content .brxe-accordion-nested .accordion-title-wrapper:hover .brxe-heading {
    color: var(--main-color);
}

#brx-content .brxe-accordion-nested>.brxe-block .accordion-title-wrapper .brxe-icon:before,
#brx-content .brxe-accordion>.accordion-item .brxe-icon:before {
    content: "\e61a";
    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: themify;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
}

#brx-content .brxe-accordion-nested>.brxe-block.brx-open .accordion-title-wrapper .brxe-icon:before,
#brx-content .brxe-accordion>.accordion-item.brx-open .brxe-icon:before {
    content: "\e622";
}

#brx-content .brxe-accordion.dark-skin .accordion-title .icon {
    color: #fff;
}


/* sliders, carrousels
--------------------------------------------- */
:is(#brx-content, #brx-footer) .brxe-carousel .swiper-button {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}


:is(#brx-content, #brx-footer) :is(.brxe-carousel .swiper-pagination, .brxe-slider-nested .splide__pagination),
:is(#brx-content, #brx-footer) .sbr-owl-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: var(--gap-xs);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.slider-right-overflow .splide__track {
    overflow: visible;
}

:is(#brx-content, #brx-footer) .splide__pagination .splide__pagination__page,
:is(#brx-content, #brx-footer) .sbr-owl-dot span {
    height: 6px;
    width: 6px;
    background-color: rgba(26, 26, 26, 0.4);
    border-radius: 0;
    margin: 0;
}

:is(#brx-content, #brx-footer) .splide__pagination>li:only-child {
    display: none;
}

:is(#brx-content, #brx-footer) .brxe-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active,
:is(#brx-content, #brx-footer) .splide__pagination .splide__pagination__page.is-active,
:is(#brx-content, #brx-footer) .sbr-owl-dot.active span {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    background: var(--dark);
    width: 8px;
    height: 8px;
}

:is(#brx-content, #brx-footer) .splide__pagination {
    bottom: 0;
}


:is(#brx-content, #brx-footer) .brxe-slider-nested,
:is(#brx-content, #brx-footer) .brxe-carousel {
    padding-bottom: var(--padding-block-large);
}

#brx-content .temoignage .brxe-text p:before,
#brx-content .temoignage .brxe-text p:after {
    quotes: '"' '"';
}

#brx-content .temoignage .brxe-text p:before {
    content: open-quote;
    line-height: 0;
    margin-right: .2em;
}

#brx-content .temoignage .brxe-text p:after {
    content: close-quote;
    line-height: 0;
    margin-left: .1em;
}



/* Boutons
--------------------------------------------- */
.bricks-button,
#brx-content :is(.gform_footer, .gform-page-footer) .gform_button.bricks-button {
    position: relative;
}

.bricks-button:not(.outline):after,
#brx-content :is(.gform_footer, .gform-page-footer) .gform_button.bricks-button:after {
    content: '';
    width: 14px;
    height: 14px;
    top: -7px;
    right: -7px;
    position: absolute;
    background: var(--gradient-angle);
}

#brx-content .bricks-button.outline {
    -o-border-image: var(--gradient);
    border-image: var(--gradient);
    border-image-slice: 1;
}

#brx-content .bricks-button.outline:hover {
    -o-border-image: var(--gradient-inverse);
    border-image: var(--gradient-inverse);
    border-image-slice: 1;
}

#brx-content .btn-special {
    padding-right: calc(14vw - 45px);
}

#brx-content .btn-special:after {
    background: var(--gradient);
    opacity: 0.9;
    height: 60px;
    position: absolute;
    right: -20px;
    top: 0;
    z-index: -1;
    width: 14vw;
}

#brx-content .btn-special .icon {
    mix-blend-mode: exclusion;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#brx-content .btn-special:hover .icon {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
}

#btns-fixes:hover p {
    color: var(--main-color);
}


/* Titres
--------------------------------------------- */
#brx-content .heading-h1 h1 {
    position: relative;
    line-height: var(--lineheight-xs);
    z-index: 1;
}

#brx-content .bandeau-home .heading-h1 h1 {
    color: #fff;
}

#brx-content .bandeau-home .brxe-slider-nested {
    height: 100%;
    padding: 0;
}

/* Conteneur vidéo */
.splide__slide .bricks-background-video-wrapper {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: var(--dark);
    /* Pour éviter de voir l'image derrière */

}

/* Vidéo YouTube en mode cover */
.splide__slide .bricks-background-video-wrapper iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

}



/* ================================================== 
HEADER
================================================== */


html {
    scroll-behavior: smooth;
    scroll-padding-top: var(--header-height);
}


#brx-header * {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* CENTER LOGO - Let the magic begin (tuto : https://codepen.io/CosmosCoDK/pen/BaJPGNa) */
#brx-header .bloc-menu :is(.brxe-nav-nested, .brx-nav-nested-items) {
    display: contents;
}

#brx-header .bloc-menu .menu-logo {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;

    /* Enable margin auto will push the menu itesm to the side */
    /* Try it by remove the the comments below */

    /* margin-left: auto; */
    /* margin-right: auto; */
}

#brx-header .bloc-menu li:nth-of-type(-n + 3) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

#brx-header .bloc-menu li:nth-of-type(n + 4) {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

#brx-header .bloc-menu .brx-nav-nested-items>li {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#brx-header .bloc-menu .brx-nav-nested-items>li> :is(.brx-submenu-toggle, [aria-current="page"]) {
    height: 100%;
}

:is(#brx-header, #brx-footer) .brxe-dropdown .brx-submenu-toggle i {
    font-size: 12px;
}

#brx-header .brx-nav-nested-items>li> :is([aria-current="page"], .aria-current) {
    position: relative;
}

#brx-header .brx-nav-nested-items>li> :is([aria-current="page"], .aria-current):before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 6px;
    content: '';
    background: var(--gradient);
}

#brx-header .bloc-menu .brx-nav-nested-items>li>a.brxe-button {
    height: auto;
    color: #fff;
    font-variation-settings: var(--medium);
    /* border-top: 1px solid var(--dark); */
}

#brx-header .bloc-menu .brx-nav-nested-items>li>a.brxe-button:before {
    display: none;
}

#brx-header .bloc-menu .brx-nav-nested-items>li>a.brxe-button:hover {
    color: var(--main-color);
}

#brx-header .bloc-menu .brx-nav-nested-items>li>a.brxe-button[aria-current="page"] {
    border-color: var(--main-color);
}

#brx-header .brxe-dropdown .brx-submenu-toggle i {
    display: none;
}

/* Sous-menu
--------------------------------------------- */
:is(#brx-header, #brx-footer) .sous-menu>.menu-item:last-child {
    border-bottom: 0;
}


/* Sticky header
--------------------------------------------- */
#brx-header.scrolling {
    height: var(--sticky-header-height);
}

#brx-header.scrolling .header-milieu {
    border-bottom: 1px solid var(--bordure);
}

#brx-header.scrolling .header-milieu>.brxe-container {
    min-height: 70px;
}

#brx-header.scrolling .brxe-logo {
    -ms-flex-preferred-size: 150px;
    flex-basis: 150px;
}


/* ================================================== 
FOOTER
================================================== */

#brx-footer .copyright a {
    color: var(--main-color);
}

#brx-footer .copyright a:hover {
    color: #fff;
}

#brx-footer .sous-menu .menu-item:last-child .brxe-text-link {
    border-bottom: none;
}

/* ================================================== 
Elements
================================================== */
#brx-content .liens-home>.brxe-block:before {
    /* From https://css.glass */
    background: rgba(26, 26, 26, 0.5);
    -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

#brx-content .heading-h1:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    min-height: 100px;
    height: 100%;
    background: var(--gradient-inverse);
    content: '';
    opacity: 0.5;
    z-index: -1;
}

#brx-content .heading-h1:empty:before {
    display: none;
}

#brx-content .bandeau-home .heading-h1::before {
    left: -75px;
    background: var(--gradient);
}

#brx-content .bandeau-home .heading-h1 {
    padding-block: 10px;
}

/* ================================================== 
AVIS
================================================== */
#brx-footer .sb-item-provider-icon {
    display: none;
}

#brx-footer .sb-post-item .sb-item-text {
    font-size: var(--text-bigger);
    color: var(--grey);
}

#brx-footer .sb-btn.sb-feed-header-btn {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent;
    font-variation-settings: var(--medium);
    font-size: var(--text-bigger);
    text-transform: uppercase;
    letter-spacing: var(--spacing-large);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    gap: var(--gap-xs);
}

#brx-footer .sb-feed-header-btn-ctn {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

#brx-footer .sb-btn.sb-feed-header-btn:hover {
    background: transparent;
}

#brx-footer .sb-btn.sb-feed-header-btn .sb-btn-icon {
    margin: 0;
    content: '';
    background: url('/wp-content/uploads/2025/08/arrow-right.svg') no-repeat center center / contain;
    width: 48px;
    height: 20px;
}

#brx-footer .sb-btn.sb-feed-header-btn .sb-btn-icon svg {
    display: none;
}

#brx-footer .sb-feed-header-average .sb-feed-header-rating {
    font-family: var(--typo-titres);
    font-variation-settings: var(--semibold);
    color: var(--dark);
    font-size: 32px;
}

#brx-footer .sb-feed-header .sb-feed-header-rating-icons {
    color: var(--main-color);
}

#brx-footer .sb-feed-header-average .sb-feed-header-rating-subtext {
    font-size: var(--text-smaller);
    text-transform: uppercase;
    letter-spacing: var(--spacing-middle);
    color: var(--grey);
    position: relative;
}

#brx-footer .sb-feed-header-average .sb-feed-header-rating-subtext:after {
    content: '';
    width: 21px;
    height: 21px;
    display: inline-block;
    margin-left: 5px;
    position: relative;
    top: 4px;
    background: url('/wp-content/uploads/2025/08/ico-google.svg') no-repeat center center / contain;
}

#brx-footer .sb-post-item .sb-item-author-name {
    color: var(--dark);
    font-family: var(--typo-titres);
    font-variation-settings: var(--bold);
    font-size: var(--text-bigger);
}

#brx-footer .sb-feed-posts {
    width: unset;
    margin: 0 calc(-1 * calc(var(--column-gutter)) / 2);
}

#brx-footer .sb-item-author-date-ctn {
    padding-right: 0;
}

#brx-footer .sbr-owl-dots {
    max-width: var(--container-reduced);
    margin: 0 auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#brx-footer .sb-feed-header-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: var(--gap-large);
}

#brx-footer .sb-feed-header-bottom:after {
    content: '';
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: auto;
    height: 1px;
    background: var(--gradient);
}

#brx-footer .sbr-feed .sb-feed-header {
    margin-bottom: var(--margin-normal);
}


/* ================================================== 
REALISATIONS
================================================== */
#brx-content .link-real-text {
    flex-direction: row;
}
#brx-content .link-real-text {
    position: relative;

}
#brx-content .link-real-text .icon {
    position: absolute;
    right: 0;
}
#brx-content .link-real-text.link-matiere .icon > svg {
    max-width: 26px;
}

/* Bloc réalisation
--------------------------------------------- */
#brx-content :is(.bloc-realisation, .bloc-article):hover .lien-realisation {
    opacity: 1;
}

#brx-content .brxe-text-link .icon,
#brx-content .bloc-realisation-mat .link-real-text-alt .brxe-div:last-child:after {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#brx-content .brxe-text-link:hover .icon,
#brx-content .bloc-realisation-mat .link-real-text-alt:hover .brxe-div:last-child:after {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
}

#brx-content .featured-realisations:before,
#brx-content .featured-realisations:after {
    max-width: 32%;
    height: 100%;
    width: 100%;
    max-height: calc(100% - 140px);
    margin-left: auto;
}


#brx-content .featured-realisations .splide.brx-auto-height .splide__list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


/* Bloc Matières
--------------------------------------------- */
/* #brx-content .featured-realisations.featured-matieres .img-deco {
    display: none;
} */
/* #brx-content .featured-realisations.featured-matieres > .brxe-container > .brxe-block:first-child {
    padding-top: 0;
}
#brx-content .featured-realisations.featured-matieres:before, #brx-content .featured-realisations.featured-matieres:after {
    max-height: 100%;
} */
#brx-content .featured-realisations.featured-matieres:before {
    /* mix-blend-mode: exclusion; */
    background-image: url('/wp-content/uploads/2025/09/bg-marbre-gris.jpg');
}

#brx-content .featured-realisations.featured-matieres:after {
    opacity: 0.2;
    background-color: rgba(255, 255, 255, 0.8);
}

.single-realisation #brx-content .featured-realisations:not(.featured-matieres) {
    margin-bottom: var(--margin-large);
}

#brx-content .bloc-realisation-mat .link-real-text-alt,
#brx-content .bloc-marques {
    display: inline-block;
}

#brx-content .bloc-realisation-mat .link-real-text-alt .brxe-div:after,
#brx-content .bloc-marques .brxe-div:not(:last-child):after {
    content: ',';
    margin-right: 10px;
}

#brx-content .bloc-realisation-mat .link-real-text-alt .brxe-div:last-child:after {
    content: url('/wp-content/uploads/2025/07/fleche-droite.svg');
    margin-left: 20px;
    display: inline-block;
}

#brx-content .featured-realisations.featured-company .img-deco {
    display: none;
}

#brx-content .titre-separateurs .separator {
    -o-border-image: var(--gradient);
    border-image: var(--gradient);
    border-image-slice: 1;
    position: relative;
    top: 1vw;
}

#brx-content .titre-separateurs .separator.right {
    -o-border-image: var(--gradient-inverse);
    border-image: var(--gradient-inverse);
    border-image-slice: 1;
}

#brx-content .titre-big .text {
    max-width: 55vw;
}

#brx-content .titre-normal .text {
    max-width: 615px;
    text-transform: uppercase;
    letter-spacing: var(--spacing-large);
    font-variation-settings: var(--regular);
}

#brx-content .sidebar .titre-separateurs .separator {
    top: 0;
}

#brx-content .sidebar .titre-separateurs .text {
    position: relative;
    top: 3px;
}




/* Animation image accordéon
--------------------------------------------- */
#brx-content .maillage-univers .image-accordeon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    /* Remplit le conteneur en gardant le ratio image */
}

#brx-content .maillage-univers .fade-in {
    -webkit-animation: fadeIn 0.15s forwards;
    animation: fadeIn 0.15s forwards;
}

#brx-content .maillage-univers .fade-out {
    -webkit-animation: fadeOut 0.15s forwards;
    animation: fadeOut 0.15s forwards;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}


/* Template réalisation
--------------------------------------------- */
body:is(.single-realisation, .single-coloris) #brx-content .titre-separateurs .separator {
    top: 0;
}

body:is(.single-realisation, .single-coloris) #brx-content .brxe-image-gallery .bricks-layout-item img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

body:is(.single-realisation, .single-coloris) #brx-content .brxe-divider.horizontal .line {
    -o-border-image: var(--gradient-inverse);
    border-image: var(--gradient-inverse);
    border-image-slice: 1;
}

body:is(.single-realisation, .single-coloris) #brx-content .rangee-intro-real .swiper-wrapper .image {
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 4/3;
    width: 100%;
    height: 100%;
    aspect-ratio: 4/3;
}

#brx-content .slider-real .swiper-slide img {
    object-fit: cover;
    aspect-ratio: 4/3;
    object-position: center center;
}

/* .single-realisation #brx-content .carousel-matieres .bloc-realisation .brxe-text-link {
    padding-block: 5px;
} */

/* ================================================== 
BLOG
================================================== */
#brx-content .grille-articles>.brxe-block:first-child .brxe-image {
    aspect-ratio: 16/9;
}

#brx-content .grille-articles>.brxe-block:first-child .bloc-article {
    overflow: hidden;
}

#brx-content .grille-articles>.brxe-block:first-child .bloc-image+.brxe-block {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px var(--padding-inline-normal) var(--padding-block-small);
    color: #fff;
    background: rgba(26, 26, 26, 0.65);
    z-index: 1;
    max-width: calc(100% - 60px);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);

}

#brx-content .grille-articles>.brxe-block .bloc-image {
    width: 100%;
    /* height: 100%; */
}

#brx-content .grille-articles>.brxe-block:first-child .bloc-image {
    height: 100%;
}

#brx-content .grille-articles>.brxe-block:first-child .brxe-heading {
    font-size: var(--fontsize-h6);
}

#brx-content .grille-articles>.brxe-block:first-child .brxe-post-excerpt {
    font-size: var(--fontsize-h8);
}

#brx-content .grille-articles>.brxe-block:first-child .brxe-post-meta {
    font-size: var(--text);
}

#brx-content .brxe-post-meta a:hover {
    color: var(--dark);
}

#brx-content .grille-articles>.brxe-block:first-child .brxe-post-meta a:hover {
    color: #fff;
}

#brx-content .grille-articles>.brxe-block:first-child .btn-underline {
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
}

#brx-content .grille-articles>.brxe-block:first-child .btn-underline .text {
    display: none;
}

#brx-content .grille-articles>.brxe-block:first-child .btn-underline .icon .fill {
    stroke-width: 0;
    width: 48px;
    height: 20px;

    fill: var(--white);
}

#brx-content .grille-articles>.brxe-block:first-child .btn-underline .icon {
    position: absolute;
    bottom: 18px;
    right: -24px;
    mix-blend-mode: exclusion;
}

#brx-content .grille-articles>.brxe-block:first-child .btn-underline:after {
    background: var(--gradient-angle);
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 0;
    right: -60px;
    content: '';
    z-index: -1;
}

/* Rangée articles en avant
--------------------------------------------- */
#brx-content .featured-articles.grille-articles {
    gap: var(--gap-small) var(--gap-extra-large);
    -ms-grid-columns: 2fr var(--gap-extra-large) 1fr;
    grid-template-columns: 2fr 1fr;
}

#brx-content .featured-articles>.brxe-block:first-child {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    grid-row: 1 / span 3;
}

#brx-content .featured-articles>.brxe-block:not(:first-child) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-right: var(--padding-inline-small);
}

#brx-content .featured-articles>.brxe-block:not(:first-child) .bloc-image,
#brx-content .featured-articles .bloc-article .btn-underline {
    display: none;
}

#brx-content .featured-articles>.brxe-block:not(:first-child, :last-child) .bloc-article {
    padding-bottom: var(--padding-block-small);
    border-bottom: 1px solid var(--bordure);
}

.single-post #brx-content .brxe-text-link:hover .icon {
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px);
}

.single-post #brx-content .brxe-breadcrumbs>a.item:first-child svg {
    fill: #fff;
}

/* Archive blog
--------------------------------------------- */

#brx-content .grille-articles:not(.featured-articles)>.brxe-block:first-child {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
}

#brx-content .grille-articles:not(.featured-articles)>.brxe-block:not(:first-child) .extrait p {
    font-size: var(--text);
}

#brx-content .bloc-article .bloc-image:hover .brxe-text-link {
    opacity: 1;
}

#brx-content .grille-articles>.brxe-block:first-child .lien-article,
#brx-content .grille-articles:not(.featured-articles)>.brxe-block:not(:first-child) .bloc-article .btn-underline {
    display: none;
}

#brx-content .grille-articles:not(.featured-articles) .bloc-contenu-article {
    row-gap: var(--gap-xs);
}

/* Filtre Recherche
--------------------------------------------- */
#brx-content .brxe-filter-search input {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    outline-color: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#brx-content .brxe-filter-search input:hover,
#brx-content .brxe-filter-search input:focus {
    border-color: var(--dark);
}

#brx-content .brxe-filter-search input:focus-visible {
    outline: none;
}


/* Ken Burns
--------------------------------------------- */
#brx-content .ken-burns .brxe-image {
    -webkit-transition: -webkit-transform 1s ease;
    transition: -webkit-transform 1s ease;
    -o-transition: transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease, -webkit-transform 1s ease;
}

#brx-content .ken-burns:hover .brxe-image {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

#brx-content .ken-burns {
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}



body:is(.single-post) #brx-content .brxe-post-content>section>.brxe-container {
    padding: 0;
}

body:is(.single-post) #brx-content .brxe-post-content>section:first-child {
    margin-top: 0;
}

/* ================================================== 
ARCHIVES
================================================== */
#brx-content .carousel-categories a.brxe-block .brxe-image:before,
#brx-content .gform_wrapper .gfield-choice-image-wrapper:before {
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    position: absolute;
    top: 5px;
    left: 5px;
    content: '';
    background: var(--gradient);
    z-index: 1;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: 0;
}

#brx-content .carousel-categories a.brxe-block:is(:hover, .cat-active) .brxe-image:before,
#brx-content .gform_wrapper .gchoice:hover .gfield-choice-image-wrapper:before,
#brx-content .gform_wrapper .gfield--type-image_choice .gchoice:where(:has(input:checked)) .gfield-choice-image-wrapper:before {
    opacity: 0.5;
}

#brx-content .carousel-categories a.brxe-block:hover .brxe-heading {
    color: var(--main-color);
}

#brx-content .bricks-pagination .page-numbers i {
    font-size: var(--text-smaller);
    color: var(--main-color);
}

#brx-content .carousel-categories .filter-grayscale.brxe-image img {
    -webkit-filter: saturate(0%);
    filter: saturate(0%);
}


#brx-content .desc-bas .brxe-text-basic h2 {
    font-size: var(--fontsize-h6);
    margin-bottom: var(--margin-small);
}
#brx-content .desc-bas .brxe-text-basic h3 {
    font-size: var(--fontsize-h7);
}
#brx-content .desc-bas .brxe-text-basic h4 {
    font-size: var(--fontsize-h8);
}




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


/*  Gravity Forms
--------------------------------------------- */
#brx-content .gform_description:empty {
    display: none;
}

#brx-content .gform_confirmation_wrapper .gform_confirmation_message,
#brx-content .gform_validation_errors>* {
    text-transform: none;
    letter-spacing: 0;
    font-size: var(--text-bigger);
    line-height: 1.6em;
    font-weight: 400;
}

#brx-content .gform_confirmation_wrapper,
#brx-content .gform_wrapper .gfield,
#brx-content .yith-ywraq-mail-form-wrapper .form-row {
    position: relative;
}

#brx-content :is(.gform_wrapper) *:is(input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], input[type="file"], textarea, select, .chosen-container, .select2-container) {
    font-size: var(--text-bigger);
    font-weight: 400;
    font-variation-settings: var(--regular);
    line-height: 1.5em;
    text-transform: none;
    border-color: var(--bordure);
    color: var(--grey);
    background-color: var(--light-grey);
    padding: 0 var(--padding-inline-small);
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    min-height: 42px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

#brx-content .gform_wrapper input[type="file"] {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 0 !important;
}

#brx-content .gform_wrapper input[type="file"]::-webkit-file-upload-button {
    background: var(--dark);
    color: #fff;
    min-height: 42px;
    border: 2px solid var(--dark);

}


#brx-content .gform_wrapper .gfield_label_before_complex {
    text-transform: uppercase;
}

#brx-content .gform_wrapper .ginput_container ul.chosen-choices,
#brx-content .gform_wrapper .ginput_container .chosen-search-input {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    height: auto;
    min-height: auto;
    margin: 0;
}


#brx-content .gform_wrapper .ginput_container textarea {
    padding: var(--padding-inline-small);
}

#brx-content .gform_wrapper .ginput_container textarea.small {
    max-height: 70px;
}

#brx-content .gform_wrapper .ginput_container select {
    padding: 0 var(--padding-inline-small);
}

#brx-content .gform_wrapper .ginput_container .chosen-container {
    padding: 8px var(--padding-inline-small);
}

#brx-content .chosen-drop .chosen-results li {
    padding: var(--padding-xs) var(--padding-inline-small);
}

#brx-content .chosen-choices li.search-choice {
    padding: 6px var(--padding-normal) 4px var(--padding-xs);
    font-size: 14px
}

#brx-content .chosen-drop .chosen-results .result-selected {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: var(--main-color);
    color: #fff;
}

#brx-content .brxe-block .gform-theme--framework.gform-theme {
    --gf-color-primary: var(--main-color);
    --gf-ctrl-multiselect-selected-item-bg-color: var(--main-color);
    --gf-ctrl-select-dropdown-option-bg-color-hover: var(--light-grey);
    --gf-ctrl-accent-color: var(--main-color);
    --gf-ctrl-choice-check-color: var(--main-color);
}


#brx-content .gform_wrapper select option {
    font-weight: 400;
    font-family: var(--typo-tx), sans-serif;
}

#brx-content .gform_wrapper :is(input, button, textarea, select):focus,
#brx-content .gform_wrapper .ginput_container .chosen-container-active {
    border-color: var(--dark);
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

#brx-content .gform_wrapper button:focus {
    /* border-color: var(--second-color); */
}

#brx-content .gform_wrapper label,
#brx-content .gform_wrapper .gfield_label,
#brx-content .yith-ywraq-mail-form-wrapper label {
    font-weight: 500;
    font-variation-settings: var(--medium);
    font-size: var(--fontsize-h8);
    letter-spacing: 0;
    text-align: left;
    font-family: var(--typo-titres);
    color: var(--dark);
    margin-bottom: 8px;
    text-transform: none;
    letter-spacing: 0;
}

#brx-content .gform_wrapper .ginput_container_radio label,
#brx-content .gform_wrapper .ginput_container_checkbox label {
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    font-size: var(--text);
}

#brx-content .gform_wrapper .ginput_container_consent label {
    font-size: var(--text-smaller);
    text-transform: none;
    opacity: 1;
    letter-spacing: 0;
    font-weight: 400;
    font-variation-settings: var(--regular);
    display: inline;
    font-family: var(--typo-tx);
    color: var(--dark);
    margin-bottom: 0;
}

#brx-content .gform_wrapper .ginput_container_consent label a {
    color: var(--main-color);
}

#brx-content .gform_wrapper .ginput_container_consent label a:hover {
    text-decoration: underline;
}

#brx-content .gform_wrapper .ginput_container_consent label br {
    display: block;
}

#brx-content .gform_wrapper .gform_required_legend,
#brx-content .woocommerce .required {
    color: var(--main-color);
    margin: 0 0 10px;
    font-size: var(--text-smaller);
    font-style: italic;
}

#brx-content .gform_wrapper .gfield_required,
#brx-content .gform_wrapper fieldset.gfield_contains_required:not(.gfield--type-consent) label::after {
    color: var(--main-color);
    font-size: 18px;
}

#brx-content .gform_wrapper fieldset.gfield_contains_required:not(.gfield--type-consent) label::after {
    content: '*';
    margin-left: 5px;
}

#brx-content .gform_footer {
    position: relative;
    padding: 0 !important;
    margin: 30px 0 0;
}

#brx-content :is(.gform_footer, .gform-page-footer) .gform_button.bricks-button,
#brx-content .gform-button--width-full,
#brx-content .gform_next_button,
#brx-content .gform_previous_button {
    background: var(--dark);
    padding: 15px var(--padding-inline-small);
    -webkit-box-shadow: none;
    box-shadow: none;
    /* width: 100%; */
    font-family: var(--typo-tx);
    color: var(--white);
    font-weight: 500;
    font-variation-settings: var(--medium);
    letter-spacing: var(--spacing-large);
    font-size: var(--text-bigger);
    border: 1px solid var(--dark);
    border-radius: 0;
    -webkit-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    line-height: var(--lineheight-extraxs);
    text-transform: uppercase;
}

#brx-content .gform_footer .gform_button.bricks-button {
    width: 100%;
    position: relative;
}


#brx-content :is(.gform_footer, .gform-page-footer) .gform_button.bricks-button:hover,
#brx-content .gform-button--width-full:hover,
#brx-content .gform_next_button:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    color: var(--dark);

}

#brx-content .gform_wrapper .gform_drop_area::before {
    color: var(--dark);
}

#brx-content .gform_wrapper input[type="file"]::-webkit-file-upload-button {
    background: transparent;
    color: var(--dark);
    min-height: 42px;
    border: 1px solid var(--main-color);
    border-radius: 0;
    font-variation-settings: var(--medium);
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: var(--text-smaller);
    letter-spacing: var(--spacing-large);
    text-transform: uppercase;
}

#brx-content .gform_wrapper input[type="file"]::file-selector-button,
#brx-content .gform_wrapper .gform_button_select_files {
    background: transparent;
    color: var(--dark);
    min-height: 42px;
    border: 1px solid var(--main-color);
    border-radius: 0;
    font-variation-settings: var(--medium);
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: var(--text-smaller);
    letter-spacing: var(--spacing-large);
    text-transform: uppercase;
}

#brx-content .gform_previous_button {
    background: transparent;
    color: var(--dark);
    -o-border-image: var(--gradient);
    border-image: var(--gradient);
    border-image-slice: 1;

}

#brx-content .gform_wrapper .gform_button_select_files:hover,
#brx-content .gform_previous_button:hover {
    -o-border-image: var(--gradient-inverse);
    border-image: var(--gradient-inverse);
    border-image-slice: 1;
}


#brx-content .gform_wrapper .gform_drop_area {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: var(--light-grey);
    border: 1px solid var(--bordure);

    border-radius: 0;
    padding: var(--padding-inline-small);
}


#brx-content .gform_wrapper .gform_fields {
    row-gap: 25px;
}

#brx-content .gform_wrapper input[type="checkbox"]:checked:before {
    /* content: var(--gf-icon-ctrl-checkbox);
    top: 2px; */
    color: var(--dark);
}

#brx-content .gform_wrapper :is(input[type="checkbox"], input[type="radio"]):hover {
    cursor: pointer;
}

#brx-content .gform_wrapper .ginput_complex.ginput_container--name {
    margin: 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 16px 1fr;
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 25px;
}

#brx-content .gform_wrapper .ginput_complex.ginput_container--name>span {
    padding: 0;
    width: 100%;
}

#brx-content .gform_wrapper .gfield--type-address .ginput_container_address>span {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

#brx-content .gform_validation_errors * {
    font-size: var(--text);
}

#brx-content .gform_wrapper input[type="radio"],
#brx-content :is(.yith-ywraq-mail-form-wrapper, .gform_wrapper) input[type="checkbox"] {
    border-color: var(--bordure);
    background-color: var(--light-grey);
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}

#brx-content .gform_wrapper .gfield_radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: var(--gap-large);
}

#brx-content .gform_page_footer {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

#brx-content .gform_wrapper .important-field label {
    font-weight: 700;
    font-size: var(--text-bigger);
}

#brx-content .gform_wrapper .ginput_password .gform_show_password {
    top: 8px;
    border: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

#brx-content .gform_wrapper .ginput_password .show-password-input {
    display: none;
}

#brx-content .gform_wrapper .ginput_container_image_choice .gchoice {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    min-width: auto;
    max-width: 100%;
    width: auto;
    background: transparent;
}

#brx-content .gform_wrapper .gfield-choice-image-wrapper {
    margin-bottom: 4px;
    padding: 2px;
    position: relative;
}

#brx-content .gform_wrapper .ginput_container_image_choice .gchoice img {
    aspect-ratio: 1/1;
    -o-object-fit: cover;
    object-fit: cover;
    mix-blend-mode: luminosity;
}

#brx-content .gform_wrapper .ginput_container_image_choice .gfield-image-choice-wrapper-outer {
    padding: 0;
}

#brx-content .gfield--type-image_choice .gfield_checkbox {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr;
    grid-template-columns: repeat(7, 1fr);
    gap: 0;
}

#brx-content .gfield--type-image_choice .gfield_checkbox:before {
    content: ' ';
    position: absolute;
    width: 100%;
    background-color: var(--main-color);
    left: 0px;
    z-index: 0;
    bottom: 18px;
    top: auto;
    height: 1px;

}

#brx-content .gfield--type-image_choice .gfield-image-choice-wrapper-inner .gfield-choice-input {
    display: none;
}

#brx-content .gfield--type-image_choice .gfield-image-choice-wrapper-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 37px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#brx-content .gform_wrapper .gfield--type-image_choice .gform-field-label--type-inline {
    margin: 0;
    text-align: center;
    padding: 0 10px;
    font-size: 14px;
    font-family: var(--typo-tx);
    text-align: center;
    text-transform: uppercase;
    font-variation-settings: var(--medium);
    line-height: var(--lineheight-xs);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    text-transform: uppercase;
    background: #fff;
}

#brx-content .gform_wrapper .gfield--type-image_choice .gchoice:hover {
    cursor: pointer;
}

#brx-content .gform_wrapper .gfield-choice-image-wrapper:before {
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    top: 2px;
    left: 2px;
}

#brx-content .gform_wrapper .gfield--type-image_choice .gchoice:where(:has(input:checked))::after {
    background-color: var(--dark);
}

#brx-content .gform_wrapper .gf_progressbar .gf_progressbar_percentage,
#brx-content .ginput_preview .gfield_fileupload_progressbar_progress {
    background: var(--gradient-inverse);
}

#brx-content .gform_wrapper .gf_progressbar {
    background-color: rgba(0, 0, 0, 0.08);
}

#brx-content .gform_wrapper .gf_progressbar_title {
    text-transform: uppercase;
    color: var(--dark);
    font-variation-settings: var(--main-color);
    letter-spacing: var(--spacing-middle);
    font-size: var(--text-smaller);
}

/* ================================================== 
PAGE UTILS
================================================== */
.page-utils #brx-content .brxe-text h2 {
    font-size: var(--fontsize-h6);
    margin-bottom: var(--margin-small);
}

.page-utils #brx-content .brxe-text h3 {
    font-size: var(--text-bigger);
    color: var(--main-color);
    margin-bottom: var(--margin-small);
}


/* ================================================== 
COMPLIANZ
================================================== */
#cmplz-cookiebanner-container {
    z-index: 5;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner::before {
    content: '';
    position: absolute;
    background: #fff;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
    border-radius: 0;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner::after {
    content: '';
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 100vh;
    margin-top: -50vh;
    margin-left: -50vw;
    z-index: -1;
    background: rgba(0, 0, 0, 0.5);
    overflow: hidden;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner>* {
    z-index: 2;
}

#cmplz-manage-consent .cmplz-manage-consent {
    right: auto !important;
    left: 40px;
}

#cmplz-document {
    max-width: 100% !important;
}

#cmplz-document ul {
    margin: 0;
    padding-left: 15px;
}

#cmplz-cookiebanner-container .cmplz-message {
    text-align: center;
}

#cmplz-cookiebanner-container {
    position: fixed;
}

#cmplz-cookiebanner-container .cmplz-title {
    font-size: var(--fontsize-h7);
    font-weight: 700;
    color: var(--dark);
    font-family: var(--typo-titres);
    text-align: center;
}

#cmplz-cookiebanner-container .cmplz-btn {
    font-size: 14px;
    border-radius: 0;
    font-family: var(--typo-tx);
    text-transform: uppercase;
    letter-spacing: var(--spacing-middle);
}

.cmplz-cookiebanner {
    max-width: 600px !important;
}

#cmplz-cookiebanner-container .cmplz-categories,
#cmplz-cookiebanner-container .cmplz-message {
    width: 100%;
}

#cmplz-cookiebanner-container .cmplz-obfuscate .cmplz-fmail-domain {
    display: none;
}

#wrapper #cmplz-document .cmplz-service-header h3 {
    color: var(--main-color);
}

/* Ajout style btn Refus */

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-deny {
    position: absolute;
    top: -26px;
    right: 0;
    padding: 0;
    height: auto;
    background: transparent;
    border: none;
    color: #ccc;
    display: inline-block;
    width: auto;
    font-weight: 400;
    letter-spacing: 0.02em;
    /* text-transform: none; */
    font-size: 15px;
    padding-right: 15px;
}

#cmplz-cookiebanner-container .cmplz-deny::after {
    content: "";
    width: 8px;
    height: 8px;
    display: inline-block;
    border-top: 1px solid white;
    border-right: 1px solid white;
    position: relative;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: 5px;
    top: 1px;
}




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

@media (max-width: 1920px) {
    :root :is(#brx-content, #brx-header, #brx-footer) {
        --almost-full: 1700px;
    }
}

@media (max-width: 1600px) {
    #brx-content .btn-special {
        padding-right: calc(100px - 45px);
    }

    #brx-content .btn-special::after {
        width: 100px;
    }

    #brx-content .desc-bas>.brxe-image {
        opacity: 0.15;
    }
}

@media (max-width: 1400px) {
    :root :is(#brx-content, #brx-header, #brx-footer) {
        --almost-full: 100%;
        --padding-inline-extra-large: var(--padding-inline-normal);
        --padding-inline-huge: var(--padding-inline-extra-large);
        --padding-vw: var(--padding-inline-normal);
        --gap-column-huge: var(--gap-column-extra-large);
        --margin-monster: var(--margin-huger);
    }

    #brx-content .featured-articles.grille-articles {
        -webkit-column-gap: var(--gap-large);
        -moz-column-gap: var(--gap-large);
        column-gap: var(--gap-large);
    }

}

@media (max-width: 1200px) {
    :root #brx-content {
        --gap-column-extra-large: var(--gap-column-large);
        --gap-large: var(--gap-normal);
        --padding-inline-large: var(--padding-inline-normal);
        --container-reduced: 100%;
        --margin-huger: var(--margin-huge);
    }

    #brx-footer .sbr-feed {
        --column-gutter: var(--gap-large);
    }

    #brx-footer .sb-feed-header-bottom {
        gap: var(--gap-small);
    }

    #brx-content .bandeau-home .heading-h1::before {
        left: -60px;
        width: 120px;
    }

    #brx-content .btn-special {
        padding-right: 0;
    }

    #brx-content .btn-special::after {
        width: 50px;
    }

    #brx-content .featured-realisations::before,
    #brx-content .featured-realisations::after {
        max-width: 35%;
    }

    #brx-content .titre-separateurs .separator {
        top: 15px;
    }

    #brx-content .featured-articles.grille-articles {
        -webkit-column-gap: var(--gap-normal);
        -moz-column-gap: var(--gap-normal);
        column-gap: var(--gap-normal);
    }

    #brx-content .grille-articles>.brxe-block:first-child .brxe-post-excerpt {
        font-size: var(--text-bigger);
    }

    #brx-content .grille-articles>.brxe-block:first-child .brxe-post-meta {
        font-size: var(--text-smaller);
    }

    #brx-content .gform_wrapper .gfield--type-image_choice .gform-field-label--type-inline {
        font-size: 13px;
        padding: 0 8px;
    }

}

@media (max-width: 991px) {
    :root body {
        --header-height: 90px;
        --sticky-header-height: 90px;
        --liens-width: 28%;
    }

    #brx-header .bloc-menu :is(.brxe-nav-nested, .brx-nav-nested-items) {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

    #brx-header .bloc-menu .menu-logo,
    #brx-header .bloc-menu li:nth-of-type(-n + 3),
    #brx-header .bloc-menu li:nth-of-type(n + 4) {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    #brx-header .bloc-menu .brx-nav-nested-items>li {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    #brx-header .bloc-menu .brx-submenu-toggle {
        width: 100%;
        border: none;
    }

    #brx-header .brx-nav-nested-items>li {
        margin-bottom: -1px;
    }

    #brx-header .brx-nav-nested-items .sous-menu {
        border-bottom: 1px solid var(--bordure);
        min-width: auto !important;
        width: 100%;
        max-width: 100%;
    }

    #brx-header .bloc-menu .brx-nav-nested-items>li>a.brxe-button:after,
    #brx-header .brx-nav-nested-items>li> :is([aria-current="page"], .aria-current)::before {
        display: none;
    }

    #brx-header .brx-nav-nested-items>li> :is([aria-current="page"], .aria-current),
    #brx-header .brx-nav-nested-items>li .sous-menu [aria-current="page"],
    #brx-header .brx-nav-nested-items>li.brxe-dropdown>.aria-current>a {
        color: var(--main-color);
    }

    #brx-header .bloc-menu .brx-nav-nested-items>li>a.brxe-button[aria-current="page"] {
        border-color: var(--dark);
        color: var(--main-color);
    }

    #brx-header .bloc-menu .brx-nav-nested-items>li> :is(.brx-submenu-toggle, [aria-current="page"]) {
        height: auto;
    }

    #brx-header .brxe-dropdown .brx-submenu-toggle i {
        display: block;
    }

    #brx-content .bandeau-home .heading-h1::before {
        left: -40px;
        width: 100px;
        min-height: 50px;
    }

    #brx-content .titre-big .text {
        max-width: 75vw;
    }


    #brx-content .featured-realisations::before,
    #brx-content .featured-realisations::after {
        max-width: 85vw;
        left: 0;
        right: auto;
        bottom: auto;
        max-height: 200px;
    }

    #brx-content .btn-special .icon {
        mix-blend-mode: normal;
    }

    #brx-content :is(.brxe-accordion-nested .brxe-icon, .accordion-title-wrapper .icon) {
        font-size: 17px;
    }

    #brx-content .featured-articles.grille-articles {
        -webkit-column-gap: var(--gap-small);
        -moz-column-gap: var(--gap-small);
        column-gap: var(--gap-small);
    }

    #brx-content .grille-articles>.brxe-block:first-child .brxe-post-excerpt {
        font-size: var(--text);
    }

    #brx-content .grille-articles>.brxe-block:first-child .brxe-post-meta {
        font-size: 14px;
    }

    #brx-content .grille-articles>.brxe-block:first-child .bloc-image+.brxe-block {
        padding-inline: var(--padding-inline-small);
        max-width: calc(100% - 40px);
    }

    #brx-content .grille-articles>.brxe-block:first-child .btn-underline::after {
        width: 40px;
        height: 40px;
        right: -40px;
    }

    #brx-content .grille-articles>.brxe-block:first-child .btn-underline .icon {
        bottom: 10px;
    }

    #brx-content .featured-articles>.brxe-block:not(:first-child) {
        padding-right: 0;
    }

    #brx-content .desc-top {
        position: relative;
        max-height: 4.5em;
        /* Limite à environ 3 lignes */
        overflow: hidden;
        -webkit-transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out;
        -o-transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out;
        transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out;
    }


    #brx-content .desc-top.expanded {
        /* max-height: 100vh; */
        max-height: unset;
    }

    #brx-content .desc-top:before {
        background: -o-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0)));
        background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3em;
        -webkit-transition: opacity 0.5s ease;
        -o-transition: opacity 0.5s ease;
        transition: opacity 0.5s ease;
    }

    #brx-content .desc-top.expanded:before {
        opacity: 0;
    }

    #brx-content .desc-top.expanded+.trigger .icon {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    #brx-content :is(.gform_wrapper) :is(input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], input[type="file"], textarea, select, .chosen-container, .select2-container) {
        font-size: var(--text);
    }
#brx-content .link-real-text .icon > svg {
    max-width: 26px;
}


}

@media (max-width: 767px) {
    #brx-footer .sbr-feed {
        --column-gutter: var(--gap-normal);
    }

    #brx-footer .sb-feed-header-bottom {
        gap: var(--gap-xs);
    }

    #brx-footer .sb-feed-header-bottom>* {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    #brx-footer .sb-feed-header-bottom:after {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    #brx-footer .sb-feed-header-bottom .sb-feed-header-average {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #brx-content .bandeau-home .cat-link .icon {
        display: none;
    }

    #brx-content .bandeau-home .heading-h1::before {
        left: -20px;
    }

    #brx-content .featured-realisations::before,
    #brx-content .featured-realisations::after {
        max-width: 95vw;
        max-height: 120px;
    }

    #brx-content .grille-articles>.brxe-block:first-child .brxe-image {
        aspect-ratio: 1/1;
    }

    #brx-content .gfield--type-image_choice .gfield_checkbox {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: max-content;
    }

    #brx-content .gfield--type-image_choice .ginput_container_image_choice {
        overflow: auto;
        padding-bottom: 10px;
    }

    #brx-content .gform_wrapper .ginput_container_image_choice .gchoice {
        max-width: 110px;
    }

    #brx-content .gfield--type-image_choice .gfield_checkbox:before {
        bottom: 28px;
    }

    #brx-content :is(.gform_footer, .gform-page-footer) .gform_button.bricks-button,
    #brx-content .gform-button--width-full,
    #brx-content .gform_next_button,
    #brx-content .gform_previous_button {
        font-size: var(--text);
    }

    #brx-content .heading-h1 h1 {
        line-height: var(--lineheight-extraxs);
    }

    .page-utils #brx-content .brxe-text {
        font-size: var(--text);
    }
}


@media screen and (max-width: 639px) {
    #brx-content .gform_wrapper .ginput_complex.ginput_container--name {
        gap: var(--gap-xs);
    }

    #brx-content .gform_wrapper .ginput_complex,
    #brx-content .gform_wrapper .gform_fields {
        row-gap: var(--gap-small);
    }

    #brx-content .gform_wrapper .gfield_radio {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

}

@media (max-width: 478px) {

    :root :is(#brx-content, #brx-header, #brx-footer) {
        --padding-inline-normal: var(--padding-inline-small);
    }

    #brx-header .header-top .brxe-text-link .icon {
        display: none;
    }

    #brx-footer .sb-btn.sb-feed-header-btn {
        font-size: var(--text);
    }

    #brx-footer .sb-feed-header-average .sb-feed-header-rating {
        font-size: 24px;
    }
    #brx-footer .sb-feed-header-average .sb-feed-header-rating-subtext {
        font-size: 14px;
        letter-spacing: var(--spacing-small);
    }

    #brx-footer .sb-btn.sb-feed-header-btn .sb-btn-icon {
        width: 36px;
        height: 16px;
    }
    #brx-content .gform_wrapper .ginput_complex.ginput_container--name {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
        row-gap: var(--gap-small);
    }
    #brx-content .bandeau-home .heading-h1 h1 br {
        display: none;
    }
    #brx-content .bandeau-home h1 {
        font-size: var(--fontsize-h2);
        line-height: var(--lineheight-extraxs);
    }
    #brx-content .featured-realisations::before,
    #brx-content .featured-realisations::after {
        max-width: 95vw;
    }
    #brx-content .titre-big .text {
        max-width: 100%;
    }
    #brx-content .brxe-heading.has-separator .separator {
        display: none;
    }
    #brx-content .grille-articles>.brxe-block:first-child .brxe-image {
        aspect-ratio: 2/3;
    }
    #brx-content .link-real-text .icon > svg, #brx-content .link-real-text.link-matiere .icon > svg {
        max-width: 20px;
    }
    #brx-content .link-real-text {
        padding-right: 24px;
    }
}


/* 
.brxe-text-link[href*="rubrique-conseils"] {
    display: none !important;
} */