/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */



/**** GENERAL ****/

#main-container{
    min-height: fit-content!important;
}

:root{ 
    --main-blue: #86917d; /* #55E6D4 a3aeaa 82733e*/
    --main-red: #5d1e23; /* #EE3431 */
    --red-fly : #EE3431;
    --main-black: #232238; /* #292929 */
    --main-beige:   #c8d7d1; /* #F1EAD1 #a3aeaa #bac7c2 #d5dcda */
    --dark-gray: #383d35; /* #5E5E5E */
    --med-gray: #9298a0; /* #A9A9A9 */
    --reg-gray: #D0D0D0; 
    --light-gray: #e3e7ed; /* #F6F6F6 */
}

@font-face {
    font-family: 'Cabinet-Grotesk';
    src: url('/wp-content/uploads/2024/03/CabinetGrotesk-Variable.ttf') format('truetype');
}
@font-face {
    font-family: 'Lexend';
    src: url('/wp-content/uploads/2024/04/Lexend-VariableFont_wght.ttf') format('truetype');
}
@font-face {
    font-family: 'Rubik';
    src: url('/wp-content/uploads/2024/03/Rubik-VariableFont_wght.ttf') format('truetype');
}
.slick-prev:before, .slick-next:before{
    color: var(--main-black);
}
.filArianne {
    margin: 30px 0;
    align-items: center;
    display: flex;
    font-family: 'Lexend';
    font-weight: 300;
}
.filArianne>a{
    display: inline-flex;
    justify-content: center;
    padding-right: 10px;
}
.breadcrumb_last{
    font-weight: 400!important;
}
.filArianne a{
    color: var(--main-black);
}

@media screen and (max-width:999px){
    .filArianne{
        margin: 60px 0 30px 0;
        line-height: normal;
    }
    .single-product #main .filArianne{
        margin: 60px 0 10px 0;
    }
}

.turquoise{
    color: var(--main-blue)!important;
}
.red{
    color: var(--main-red)!important;
}
.black{
    color: var(--main-black)!important;
}
.beige{
    color: var(--main-beige)!important;
}
.dark-gray{
    color: var(--dark-gray)!important;
}

.t1, .t2, .t3, .t4, .t5, .t6{
    font-family: var(--brz-heading1fontfamily);   
}
.p1, .p2, .p3, .p4, .p5, .p6{
    font-family: 'Lexend'!important;   
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: unset!important; 
}

.t1{
    line-height: var(--brz-heading1lineheight)!important;
    font-size: var(--brz-heading1fontsize)!important;
    font-weight: var(--brz-heading1fontweight)!important;
    letter-spacing: var(--brz-heading1letterspacing)!important;
}
.t2{
    line-height: var(--brz-heading2lineheight)!important;
    font-size: var(--brz-heading2fontsize)!important;
    font-weight: var(--brz-heading2fontweight)!important;
    letter-spacing: var(--brz-heading2letterspacing)!important;
}
.t3{
    line-height: var(--brz-heading3lineheight)!important;
    font-size: var(--brz-heading3fontsize)!important;
    font-weight: var(--brz-heading3fontweight)!important;
    letter-spacing: var(--brz-heading3letterspacing)!important;
}
.t4{
    line-height: var(--brz-heading4lineheight)!important;
    font-size: var(--brz-heading4fontsize)!important;
    font-weight: var(--brz-heading4fontweight)!important;
    letter-spacing: var(--brz-heading4letterspacing)!important;
}
.t5{
    line-height: var(--brz-heading5lineheight)!important;
    font-size: var(--brz-heading5fontsize)!important;
    font-weight: var(--brz-heading5fontweight)!important;
    letter-spacing: var(--brz-heading5letterspacing)!important;
}
.t6{
    line-height: var(--brz-heading6lineheight)!important;
    font-size: var(--brz-heading6fontsize)!important;
    font-weight: var(--brz-heading6fontweight)!important;
    letter-spacing: var(--brz-heading6letterspacing)!important;
}

.p1{
    line-height: 1em!important;
    font-size: 62px!important;
    font-weight:700!important;
    letter-spacing: -2px!important;
}
.p2{
    line-height: 1em!important;
    font-size: 48px!important;
    font-weight: 700!important;
    letter-spacing: -2px!important;
}
.p3{
    line-height:1em!important;
    font-size: 42px!important;
    font-weight: 700!important;
    letter-spacing: -1.8px!important;
}
.p4{
    line-height: 1.2em!important;
    font-size: 32px;
    font-weight: 700!important;
    letter-spacing: -1px!important;
}
.p5{
    line-height:1em!important;
    font-size: 22px!important;
    font-weight:700!important;
    letter-spacing: -1px!important;
}
.p6{
    line-height: 1em!important;
    font-size: 18px!important;
    font-weight: 600!important;
    letter-spacing: -1px!important;
}

.txtFly{
    font-family: var(--brz-paragraphfontfamily), 'Rubik';
    font-size: var(--brz-paragraphfontsize)!important; 
    line-height: var(--brz-paragraphlineheight)!important;
    font-weight: var(--brz-paragraphfontweight)!important; 
}
.btnFly{
    font-family: var(--brz-buttonfontfamily);
    font-size: var(--brz-buttonfontsize)!important; 
    line-height: var(--brz-buttonlineheight)!important;
    font-weight: var(--brz-buttonfontweight)!important; 
    border: 1px solid var(--main-black);
    border-radius: 30px;
    padding: 6px 24px 8px 24px;
}

.myTxtFly{
    font-family:'Rubik';
    font-size: 16px!important; 
    line-height: 1.4em!important;
    font-weight: 400!important; 
    letter-spacing: 0;
}
.mybtnFly{
    font-family: 'Lexend'!important;
    font-size: 18px!important; 
    line-height: 1em!important;
    font-weight: 300!important; 
    border: 1px solid var(--main-black);
    border-radius: 30px;
    padding: 6px 24px 8px 24px;
}

p {
    margin-bottom: unset!important;
}

@media screen and (min-width:767px) and (max-width:999px){
    .t1{
        line-height: var(--brz-heading1tabletlineheight)!important;
        font-size: var(--brz-heading1tabletfontsize)!important;
        font-weight: var(--brz-heading1tabletfontweight)!important;
        letter-spacing: var(--brz-heading1tabletletterspacing)!important;
    }   
    .t2{
        line-height: var(--brz-heading2tabletlineheight)!important;
        font-size: var(--brz-heading2tabletfontsize)!important;
        font-weight: var(--brz-heading2tabletfontweight)!important;
        letter-spacing: var(--brz-heading2tabletletterspacing)!important;
    }       
    .t3{
        line-height: var(--brz-heading3tabletlineheight)!important;
        font-size: var(--brz-heading3tabletfontsize)!important;
        font-weight: var(--brz-heading3tabletfontweight)!important;
        letter-spacing: var(--brz-heading3tabletletterspacing)!important;
    }       
    .t4{
        line-height: var(--brz-heading4tabletlineheight)!important;
        font-size: var(--brz-heading4tabletfontsize)!important;
        font-weight: var(--brz-heading4tabletfontweight)!important;
        letter-spacing: var(--brz-heading4tabletletterspacing)!important;
    }
    .t5{
        line-height: var(--brz-heading5tabletlineheight)!important;
        font-size: var(--brz-heading5tabletfontsize)!important;
        font-weight: var(--brz-heading5tabletfontweight)!important;
        letter-spacing: var(--brz-heading5tabletletterspacing)!important;
    }   
    .t6{
        line-height: var(--brz-heading6tabletlineheight)!important;
        font-size: var(--brz-heading6tabletfontsize)!important;
        font-weight: var(--brz-heading6tabletfontweight)!important;
        letter-spacing: var(--brz-heading6tabletletterspacing)!important;
    }   
    .txtFly{
        font-size: var(--brz-paragraphtabletfontsize)!important; 
        line-height: var(--brz-paragraphtabletlineheight)!important;
        font-weight: var(--brz-paragraphtabletfontweight)!important; 
    }
    .btnFly{
        font-size: var(--brz-buttontabletfontsize)!important; 
        line-height: var(--brz-buttontabletlineheight)!important;
        font-weight: var(--brz-buttontabletfontweight)!important; 
    } 

    .p1{
        line-height: 1em!important;
        font-size: 50px!important;
        letter-spacing: -2px!important;
    }   
    .p2{
        line-height: 1em!important;
        font-size: 44px!important;
        letter-spacing: -1px!important;
    }       
    .p3{
        line-height: 1em!important;
        font-size: 38px!important;
        letter-spacing: -1px!important;
    }       
    .p4{
        line-height: 1em!important;
        font-size: 28px!important;
        letter-spacing: -1px!important;
    }
    .p5{
        line-height: 1em!important;
        font-size: 20px!important;
        letter-spacing: -0.8px!important;
    }   
    .p6{
        line-height: 1em!important;
        font-size: 17px!important;
        letter-spacing: -0.8px!important;
    }   
    .myTxtFly{
        font-size: 15px!important; 
        line-height: 1.4em!important;
        font-weight: 400!important; 
    }
    .myBtnFly{
        font-size: 17px!important; 
        line-height: 1em!important;
        font-weight: 300!important; 
    } 
}

@media screen and (max-width:767px) {
    .t1{
        line-height: var(--brz-heading1mobilelineheight)!important;
        font-size: var(--brz-heading1mobilefontsize)!important;
        font-weight: var(--brz-heading1mobilefontweight)!important;
        letter-spacing: var(--brz-heading1mobileletterspacing)!important;
    }   
    .t2{
        line-height: var(--brz-heading2mobilelineheight)!important;
        font-size: var(--brz-heading2mobilefontsize)!important;
        font-weight: var(--brz-heading2mobilefontweight)!important;
        letter-spacing: var(--brz-heading2mobileletterspacing)!important;
    }       
    .t3{
        line-height: var(--brz-heading3mobilelineheight)!important;
        font-size: var(--brz-heading3mobilefontsize)!important;
        font-weight: var(--brz-heading3mobilefontweight)!important;
        letter-spacing: var(--brz-heading3mobileletterspacing)!important;
    }       
    .t4{
        line-height: var(--brz-heading4mobilelineheight)!important;
        font-size: var(--brz-heading4mobilefontsize)!important;
        font-weight: var(--brz-heading4mobilefontweight)!important;
        letter-spacing: var(--brz-heading4mobileletterspacing)!important;
    }
    .t5{
        line-height: var(--brz-heading5mobilelineheight)!important;
        font-size: var(--brz-heading5mobilefontsize)!important;
        font-weight: var(--brz-heading5mobilefontweight)!important;
        letter-spacing: var(--brz-heading5mobileletterspacing)!important;
    }   
    .t6{
        line-height: var(--brz-heading6mobilelineheight)!important;
        font-size: var(--brz-heading6mobilefontsize)!important;
        font-weight: var(--brz-heading6mobilefontweight)!important;
        letter-spacing: var(--brz-heading6mobileletterspacing)!important;
    }   
    .txtFly{
        font-size: var(--brz-paragraphmobilefontsize)!important; 
        line-height: var(--brz-paragraphmobilelineheight)!important;
        font-weight: var(--brz-paragraphmobilefontweight)!important; 
    }
    .btnFly{
        font-size: var(--brz-buttonmobilefontsize)!important; 
        line-height: var(--brz-buttonmobilelineheight)!important;
        font-weight: var(--brz-buttonmobilefontweight)!important; 
    } 

    .p1{
        line-height: 1em!important;
        font-size: 40px!important;
        letter-spacing: -2px!important;
    }   
    .p2{
        line-height:1em!important;
        font-size: 32px!important;
        letter-spacing: -1px!important;
    }       
    .p3{
        line-height: 1em!important;
        font-size: 29px!important;
        letter-spacing: -1px!important;
    }       
    .p4{
        line-height: 1em!important;
        font-size: 24px!important;
        letter-spacing: -0.4px!important;
    }
    .p5{
        line-height: 1em!important;
        font-size: 18px!important;
        letter-spacing: -0.5px!important;
    }   
    .p6{
        line-height: 1em!important;
        font-size: 16px!important;
        letter-spacing: -0.5px!important;
    }   
    .myTxtFly{
        font-size: 14px!important; 
        line-height: 1.4em!important;
    }
    .myBtnFly{
        font-size: 16px!important; 
        line-height: 1em!important;
    } 
}


#backToTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: var(--main-blue);
    z-index: 999;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease-in-out;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    
}
#backToTop svg{
    width: 23px;
    height: auto;
}
#backToTop svg path{
    stroke: white;
}
.scrolledBtn{
    cursor: pointer!important;
    opacity: 1!important;
    visibility: visible!important;
}
#backToTop.scrolledBtn:hover{
    background: var(--main-black);
    transform: scale(1.1);
}


/**** PAGES ****/
.flexElements>div:last-child {
    flex-direction: row !important;
	justify-content: space-between !important;
}


/*** HEADER ***/
#header [data-row*=top] a.not-clickable {
    cursor: default;
    pointer-events: none;
}

#header [data-row*=middle]{
    border-bottom: 1px solid rgba(0, 0, 0, 0.10)!important;
}
#header [data-row*=middle] .ct-container {
    padding-left: 60px;
    padding-right: 60px;
    max-width:2000px!important;
    display: flex!important;
}
#header [data-row*=middle] [class*=header-menu]{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}
#header [data-column=start]{
    position: absolute;
    top: 0;
    bottom: 0;
}
#header [data-column=end] {
    width: 100%;
}
#header [data-items]>*{
    margin: unset!important;
}
#header-menu-1 .custom-entry-content{
    justify-content: center;
}
.dynamic-mega-menu {
    justify-content: space-between;
}
.dynamic-mega-menu li a{
    line-height: normal!important;
    font-size: 16px!important;
    font-weight: 300;
}
.dynamic-mega-menu>li>a{
    width: max-content;
}
.category-menu>a, .menu-item>a {
    text-transform: uppercase;
}

.dynamic-mega-menu a{
    color: var(--main-black);
}
.category-menu a{
    align-self: center;
}

.site-logo-container{
    height: 70px!important;
}

@media screen and (min-width:1000px) and (max-width:1600px){
    #header [data-column-set="2"]>div{
        display: block!important;
        position: relative!important;
    }
    #header [data-column=start]{
        position: absolute;
        top: 0;
        height: 50%;
        min-height: 0 !important;
        padding-top: 8px ;
        display: flex;
    }
    #header [data-column=start]> [data-items]{
        height: auto!important;
        display: contents;
    }
    .site-branding {
        height: auto!important;
    }
    .site-logo-container {
        height: 100% !important;
    }
}


/* Mega Menu*/
.dynamic-mega-menu {
    display: flex;
    list-style: none;
    width: 100% ;
    max-width: 1280px;
    gap: 10px;
    align-items: center;
    height: 100%;
    margin: 0!important ; 
    padding-inline-start : 0!important;
}

.dynamic-mega-menu .category-menu .fly-sub-menu {
    position: absolute;
    bottom: 0px;
    background: white;
    height: fit-content;
    min-height: 470px;
    list-style: none;
    display: grid;
    width: fit-content;
    padding-inline-start: 0!important;
    transform: translate(0%, calc(100% - 20px));
    border-top: 1px solid rgba(0, 0, 0, 0.10)!important;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.fly-sub-menu .categories-without-children, .fly-sub-menu>li, .fly-sub-menu span, .fly-sub-menu img{
    min-width: 250px;
}

@media screen and (max-width:767px){	
	.fly-sub-menu .categories-without-children{
		overflow-y:scroll;
		max-height: calc(100vh - 170px)!important;
		-ms-overflow-style: none;
        scrollbar-width: none;
	}
	.fly-sub-menu .categories-without-children::-webkit-scrollbar {
	  display: none;
	}
}

.dynamic-mega-menu .category-menu .fly-sub-menu img{

    position: relative;
    height: 100%;
    height: -webkit-fill-available!important;
    object-fit: cover;
    display: flex;
    grid-row: span 2;
}

.category-menu, .menu-item{
    height: 100%;
    display: flex;
    transition: 0.3s ease-in-out;
    position: relative;
}


.dynamic-mega-menu li.category-menu:first-child {
    background: var(--main-blue);
    height: fit-content !important;
    width: fit-content;
}
.dynamic-mega-menu li.category-menu:first-child:hover {
    background: var(--main-black);
}
.dynamic-mega-menu li.category-menu:first-child a{
    color: white;
    padding:4px 7px !important;
}

li.menu-item a svg {
    margin-left: 8px;
}

.dynamic-mega-menu .category-menu:nth-child(2) .fly-sub-menu{
    grid-template-columns: 1fr 350px ;
}
.dynamic-mega-menu .category-menu:nth-child(3) .fly-sub-menu{
    grid-template-columns: 1fr 1fr 350px ;
}
.dynamic-mega-menu .category-menu:nth-child(4) .fly-sub-menu{
    grid-template-columns: 1fr 1fr ;
}
.dynamic-mega-menu .category-menu:nth-child(5) .fly-sub-menu{
    grid-template-columns: 1fr 350px ;
}
.dynamic-mega-menu .category-menu .fly-sub-menu img{
    order: initial;
}

.dynamic-mega-menu .category-menu:nth-child(n+6) .fly-sub-menu{
    grid-template-columns: 350px 1fr 1fr 1fr;
}
.dynamic-mega-menu .category-menu:nth-child(n+6) .fly-sub-menu img{
    order: -1!important;
}

/* menu flyout */
@media screen and (min-width:1700px) {
    .dynamic-mega-menu .category-menu:nth-child(n+6) .fly-sub-menu {
        transform: translate(-50%, calc(100% - 20px));
    }
    .dynamic-mega-menu .category-menu:nth-child(n+6) .activ-sub-menu {
        transform: translate(-50%, 100%)!important;
    }
}

@media screen and (min-width:1500px) and (max-width:1700px) {
    .dynamic-mega-menu .category-menu:nth-child(4) .fly-sub-menu {
        transform: translate(-14%, calc(100% - 20px))!important;
    }
    .dynamic-mega-menu .category-menu:nth-child(4) .activ-sub-menu {
        transform: translate(-14%, 100%)!important;
    }  
    .dynamic-mega-menu .category-menu:nth-child(n+6) .fly-sub-menu {
        transform: translate(-50%, calc(100% - 20px));
    }
    .dynamic-mega-menu .category-menu:nth-child(n+6) .activ-sub-menu {
        transform: translate(-50%, 100%)!important;
    }
}
@media screen and (min-width:1200px) and (max-width:1500px) {
    .dynamic-mega-menu .category-menu:nth-child(n+2) .fly-sub-menu {
        transform: translate(-21%, calc(100% - 20px))!important;
    }
    .dynamic-mega-menu .category-menu:nth-child(n+2) .activ-sub-menu {
        transform: translate(-21%, 100%)!important;
    }
    .dynamic-mega-menu .category-menu:nth-child(n+6) .fly-sub-menu {
        transform: translate(-50%, calc(100% - 20px))!important;
    }
    .dynamic-mega-menu .category-menu:nth-child(n+6) .activ-sub-menu {
        transform: translate(-50%, 100%)!important;
    }
    .dynamic-mega-menu .category-menu:nth-child(9) .fly-sub-menu{
        transform: translate(-75%,  calc(100% - 20px)) !important;
    }
    .dynamic-mega-menu .category-menu:nth-child(9) .activ-sub-menu {
        transform: translate(-75%, 100%) !important;
    }
}

@media screen and (min-width:1000px) and (max-width:1200px) {
    .dynamic-mega-menu .category-menu .fly-sub-menu {
        min-height: 400px;
    }
    .fly-sub-menu .categories-without-children, .fly-sub-menu>li, .fly-sub-menu span, .fly-sub-menu img{
        min-width: 200px;
    }
    .dynamic-mega-menu .category-menu:nth-child(3) .fly-sub-menu {
        transform: translate(-18%, calc(100% - 20px))!important;
    }
    .dynamic-mega-menu .category-menu:nth-child(3) .activ-sub-menu {
        transform: translate(-18%, 100%)!important;
    }
    .dynamic-mega-menu .category-menu:nth-child(n+4) .fly-sub-menu {
        transform: translate(-25%, calc(100% - 20px))!important;
    }
    .dynamic-mega-menu .category-menu:nth-child(n+4) .activ-sub-menu {
        transform: translate(-25%, 100%)!important;
    }
    .dynamic-mega-menu .category-menu:nth-child(n+6) .fly-sub-menu {
        transform: translate(-50%, calc(100% - 20px))!important;
    }
    .dynamic-mega-menu .category-menu:nth-child(n+6) .activ-sub-menu {
        transform: translate(-50%, 100%)!important;
    }
    .dynamic-mega-menu .category-menu:nth-child(7) .fly-sub-menu {
        transform: translate(-53%, calc(100% - 20px))!important;
    }
    .dynamic-mega-menu .category-menu:nth-child(7) .activ-sub-menu {
        transform: translate(-53%, 100%)!important;
    }
    .dynamic-mega-menu .category-menu:nth-child(9) .fly-sub-menu{
        transform: translate(-75%,  calc(100% - 20px)) !important;
    }
    .dynamic-mega-menu .category-menu:nth-child(9) .activ-sub-menu {
        transform: translate(-75%, 100%) !important;
    }
}

/* colonnes menu */
@media screen and (min-width:1000px) {

    span.categories-without-children li:not(:first-child) {
        padding-top: 0;
    }
    span.categories-without-children li:not(:last-child) {
        padding-bottom: 0;
    }
    .category-menu>a, .menu-item>a{
        position: relative;
        height: 100%;
        align-items: center;
        display: flex;
        padding: 10px !important;
        font-weight: 400!important;
    }  
    .category-menu>a:before, .menu-item>a:before{
        content: "";
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        top: 0px !important;
        opacity: 1 !important;
        z-index: -1;
        height: 100%!important;
        background: transparent!important;
        transition: 0.3s ease-in-out !important;

    }
    .category-menu:hover>a, .menu-item:hover>a{
        color: white;
    } 
    .category-menu:hover>a:before, .menu-item:hover>a:before{
        background-color: var(--main-black)!important;
    }
}



@media screen and (min-width:1000px) and (max-width:1300px){
    .dynamic-mega-menu  li a{
        font-size: 14px!important;
    }
    .dynamic-mega-menu {
        gap : 5px;
    }
    .category-menu>a, .menu-item>a{
        padding: 8px!important;
    }
}
@media screen and (min-width:1100px) and (max-width:1400px){
    #header [data-row*=middle] .ct-container {
        padding-left: 40px;
        padding-right: 40px;
    }
}
@media screen and (min-width:1000px) and (max-width:1100px){
    #header [data-row*=middle] .ct-container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (min-width:768px) and (max-width:999px) {
	.dynamic-mega-menu .category-menu .fly-sub-menu{
		top: 0!important;
	}
}
@media screen and (max-width:999px) {
    .dynamic-mega-menu .category-menu .fly-sub-menu{
        display: flex;
    }
    .site-logo-container{
        height: 50px!important;
    }

    .dynamic-mega-menu li.category-menu:first-child {
        margin-left: 18px;
        padding: 6px 11px!important;
        min-height: fit-content!important;
    }
    .category-menu, .menu-item{
        position: unset;
    }
    .fly-sub-menu img{
        display: none!important;
    }
    .dynamic-mega-menu .category-menu .fly-sub-menu{
        left: 0;
        right: 0;
        width: unset !important;
        height: unset !important;
        padding-inline-start: 20px !important;
    }
}
@media screen and (max-width:767px) {
    #header [data-row*=middle] .ct-container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .dynamic-mega-menu{
        gap: 0px;
    }
}


/* Afficher & Cacher */
.dynamic-mega-menu .fly-sub-menu{
    transition: 0.3s ease-in-out;
    opacity: 0;
    pointer-events: none;
}
.activ-sub-menu{
    pointer-events: auto!important;
    opacity: 1!important;
    transform: translateY(100%)!important;
}

/*Sous-menu */
.sub-category-menu{
    padding: 20px 30px;
}

.sub-category-menu a {
    margin-bottom: 8px !important;
    display: flex;
}
.sub-category-menu img {
    height: 180px;
    object-fit: cover;
    margin-bottom: 20px;
    aspect-ratio: 16 / 9;
}


/*Sous-catégories */
.child-sub-menu{
    list-style: none;
    padding: 0;
}


svg.arrow-mobile, svg.arrow-back{
    display: none;
}

/* Offcanva */
@media screen and (min-width:1000px) {
    .sub-category-menu>a{
        font-weight: 500!important;
    }
}
@media screen and (max-width:999px){
    #offcanvas .ct-panel-content-inner{
        padding: 10px!important;
    }
    ul.dynamic-mega-menu li {
        padding: 10px 20px;
        min-height: 55px;
        align-items: center;
    }
    ul.dynamic-mega-menu li { /*:not(:last-child)*/
        border-bottom: 1px solid var(--reg-gray);
    }
    svg.arrow-mobile, svg.arrow-back{
        display: inline-flex!important;
        height: 35px;
        width: 35px;
        object-fit: contain;
        cursor: pointer;
    }
    
    svg.arrow-mobile rect, svg.arrow-back rect{
        fill: white!important;
    }
    svg.arrow-back {
        position: absolute;
        top: 0;
    }
    li.category-menu a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .ct-panel-content{
        position: relative;
    }
    .dynamic-mega-menu .category-menu .fly-sub-menu{
        top: 70px;
        bottom: 0;
        transform: translate(0%, 100%);
        flex-direction: column;
        height: 100%;
        background: white;
        justify-content: start;
        padding: 50px 20px 0 20px;
        border-top:0px!important;
    }
    .dynamic-mega-menu .category-menu {
        display: flex;
        flex-wrap: nowrap;
    }
    

    /*Sous Catégories */
    .fly-sub-menu .sub-category-menu{
        width: 100%!important;
        display: flex !important;
        align-items: center!important;
    }
    .sub-category-menu:not(:last-child){
        border-right: 0!important;
    }
    .activ-sub-menu{
        transform: translate(0%, 0%)!important;
    }

    .sub-category-menu a{
        margin-bottom: 0!important;
    }
    .sub-category-menu img{
        width: 50px;
        height: 50px;
        object-fit: cover;
        margin-right: 10px;
        margin-bottom: 0;
        aspect-ratio: unset!important;
    }

    /* Sous-sous catégories*/
    ul.child-sub-menu{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        transform: translate(0%, 100%);
        display: flex;
        flex-direction: column;
        height: 100%;
        background: white;
        justify-content: center;
        padding: 20px;
    }

}

.page-id-202651 #searchMobile{
	display:none!important;
}
@media screen and (max-width:767px) {
    #wpadminbar {
        z-index: 9999999!important;
    }
    #header {
        z-index: 9999999!important;
    }
    #searchMobile{
        z-index: 99999!important;
    }
    
    #header [data-row*=middle]{
        border-bottom: 1px solid rgba(0, 0, 0, 0.10)!important;
    }

    #offcanvas .ct-panel-content-inner{
        padding: 80px 10px 10px 10px!important;
    }
    svg.arrow-back {
        position: absolute;
        top: 0px!important;
    }
}


/*Icones panier/compte/wishlist */

.custom-entry-content{
    gap: 20px;
    display: flex;
    align-items: center;
    padding: 10px 0;
}
.headerLink, .mobCartLink {
    display: flex;
    position: relative;
}
a.headerLink svg{
    height: 26px;
    width: auto;
}
a.headerLink svg path {
    stroke-width: 1.8px;
}
a.headerLink svg path{
    stroke: var(--main-black);
}
.cart-items {
    position: absolute;
    right: -9px;
    top: -9px;
    width: 18px;
    background: var(--main-blue);
    height: 18px;
    z-index: 999;
    border-radius: 9px;
    color: white;
    display: flex;
    justify-content: center;
    line-height: 18px;
    font-size: 14px;
    font-family: 'Lexend';
}


#main-container.connected [data-device=mobile] #mobAccountLink,
#main-container.connected [data-device=desktop] #accountLink{
    position: relative;
}
#main-container.connected [data-device=mobile] #mobAccountLink:after,
#main-container.connected [data-device=desktop] #accountLink:after{
    content: "";
    position: absolute;
    right: -5px;
    top: -5px;
    border-radius: 5px;
    width: 10px;
    height: 10px;
    background-color: var(--main-blue);
}


/*Recherche */

.is-form-style {
    height: auto;
    display: flex;
    border-radius: 20px;
    overflow: hidden;
    min-width: 40vw;
    border: 2px solid var(--main-black);
}
.is-form-style input.is-search-input {
    font-family: 'Rubik'!important;
    padding-right: 0!important;
}

.is-form-style input{
    height: 100%!important;
}
.is-form-style label{
    min-width:208px;
}
.is-form-style button.is-search-submit {
    border-radius: 0;
    min-height: fit-content!important;
    height: 32px!important;
    order: -1;
    padding-left: 5px !important
}
.is-search-icon{
    position: relative;
    width: 100%;
    border-radius: 0;
    height: 100%;
    padding-top: 0px !important;
}
.is-search-icon svg {
    opacity: 0!important;
}
.is-search-icon:after{
    content: "";
    position: absolute;
    right: 0;
    width: 100%;
    top:0;
    height: 100%;
    background-image: url('/wp-content/uploads/2024/03/search.svg');
    background-position: center;
    background-size:20px;
    background-repeat: no-repeat;
}

#searchMobile {
    display: none;
}
#mobileCustomSearch, #desktopCustomSearch{
    cursor: pointer;
    transition: 0.3s ease-in-out;
}
#mobileCustomSearch path, #desktopCustomSearch path {
    stroke: var(--main-black);
}
.searchMobileUnvisible{
    transform: translateY(-100%)!important;
    opacity: 0!important;
}
.searchIconeUnvisible{
    display: none;
}

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

    .dynamic-mega-menu{
        padding: 0;
    }
    .custom-entry-content{
        margin-right: 20px;
    }

    .custom-entry-content form.is-search-form.is-form-style.is-form-style-3.is-form-id-5466.is-ajax-search {
        display: none !important;
    }

    #searchMobile {
        transition: 0.3s ease-in-out;
        display: block;
        transform: translateY(0px);
        opacity: 1;
        position: fixed;
        z-index: 49;
        top: 103px;
        background-color: #F6F6F6;
    }
    #searchMobile .is-form-style{
        border-radius: 0px;
    }
    
    #searchMobile .is-form-style button.is-search-submit{
        height: 45px!important;
    }
    #searchMobile .is-search-icon:after{
        width:0px!important;
    }
    .is-form-style {
        border: 0px solid var(--light-gray)!important;
    }
    .is-form-style.is-form-style-3 input.is-search-input, .is-form-style.is-form-style-3 button, #searchMobile .is-form-id-5466 .is-search-icon{
        background-color: var(--light-gray)!important;
        border-width: 0px!important;
    }
    .is-form-style.is-form-style-3 input.is-search-input:hover, .is-form-style.is-form-style-3 button:hover, #searchMobile .is-form-id-5466 .is-search-icon{
        background-color: var(--light-gray)!important;
        border-width: 0px!important;
    }
    a.headerLink svg path {
        stroke-width: 1.5px;
    }
}

@media screen and (min-width:1000px) and (max-width:1200px){
    .is-form-style button.is-search-submit{
        width: 30px;
        height: 28px!important;
    }
}

@media screen and (max-width:999px){
    .mobile-menu .custom-entry-content{
        display: none!important;
    }

    .mobile-menu .dynamic-mega-menu{
        display: block;
        width: 100%;
        height: auto;
    }
    .mobile-menu .dynamic-mega-menu li{
        flex-direction: unset;
    }
}


/*** FOOTER ***/

footer{
    background-color: var(--light-gray);
}
/* Réassurance */
.footerReassurance {
    background: var(--main-black);
    width: 100%;
} 
.reassuranceWrap{
    max-width: 1500px;
    padding-left: 60px;
    padding-right: 60px ;
    margin: auto;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.reassurance{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    height: auto;
}
.reassurance#retrait{
    padding: 20px 15px 20px 0; 
}
.reassurance#livraison{
    padding: 20px 15px;
}
.reassurance#securise{
    padding: 20px 15px;
}
.reassurance#paiement{
    padding: 20px 0 20px 15px;
}

.reassurance img{
    height: 40px;
    width: auto;
    object-fit: contain;
}
.reaSep{
    height: auto;
    background-color:rgba(255, 255, 255, 0.3);
    width:  0.5px;
}

.reassurance h4, .reassurance p{
    color: white;
    font-family: var(--brz-heading1fontfamily);
}
.reassurance h4{
    font-weight: 600 !important;

}

@media screen and (max-width:1200px) {
    .reassurance {
        gap: 12px;
    }
    .reassurance img{
        height: 40px;
    }
    
}

@media screen and (min-width:767px) and (max-width:999px) {
    .reassuranceWrap {
        flex-direction: column;
        padding-left: 40px;
        padding-right: 40px;
    }
    .reassurance {
        margin: auto;
        justify-content: center;
    }
    .reaSep {
        width: 55%;
        height: 1px;
        margin: auto;
    }
}

@media screen and (max-width:767px) {
    .reassuranceWrap {
        flex-direction: column;
        padding-left: 20px;
        padding-right: 20px;
    }
    .reassurance {
        width: fit-content;
        min-width: 60%;
        justify-content: start;
        margin: auto;
        justify-content: start;
    }
    .reassurance{
        padding: 20px 20px !important;
    }
    .reassurance img {
        width: 40px;
        object-fit: contain;
    }
    .reaSep {
        width: 70%;
        height: 1px;
        margin: auto;
    }
}
@media screen and (max-width:500px) {
    .reassurance {
        width: 100%!important;
    }
}


.footerWrap{
    max-width: 2000px;
    padding: 60px 60px 30px 60px;
    margin: auto;
    display: grid;
    grid-template-columns: 350px auto ;
    gap: 50px;
}

/* gauche */
.infosFooter {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
@media screen and (min-width:1000px) {
    .infosFooter {
        position: sticky;
        height: fit-content;
        top: 100px;
    }
}

#logoFooter {
    width: 150px;
    height: auto;
}

ul#footerMenu {
    list-style: none;
    padding: 0;
    margin-bottom: 0!important;
    width: 100%;
}
ul#footerMenu a{
    font-weight: 700;
    color: var(--main-black);
}

@media screen and (min-width:767px) and (max-width:999px) {
    ul#footerMenu {
        display: flex;
        gap: 20px;
    }
}

.newsletterFooter{
    background-color: var(--main-blue);
    display: flex;
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    border: 1px solid var(--main-black);
}

.newsletterFooter h4{
    color : white;
}
.newsletterFooter input[type=email] {
    color : white!important;
    border: 1px solid white!important;
}
.newsletterFooter input[type=submit] {
    margin-top: 20px;
}
.newsletterFooter input {
    min-height: fit-content !important;
}
.newsletterFooter input[type=email] {
    border-radius: 0;
}

.newsletterFooter a, #foundShop{
    background-color: var(--main-black);
    color: white;
    text-align: center;
}
#foundShop{
    cursor: pointer;
}
.newsletterFooter a:hover, #foundShop:hover{
    background-color: transparent;
    color: var(--main-black);
}
#foundShop:hover svg path{
    stroke: var(--main-black)!important;
}

.paiementsFooter{
    border: 1px solid var(--main-black);
    background: white;
    display: flex;
    flex-wrap: wrap;
    padding: 16px;
    justify-content: center;
    align-items: center;
    gap: 24px;
    align-self: stretch;
}
.paiementsFooter>* {
    width: calc(50% - 12px);
}
.paiementsFooter img{
    max-width: 200px;
}
#foundShop{
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    transition: 0.05s ease-in !important;
}
#foundShop svg{
    max-height: 25px;
}
.reseauxFooter {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.reseauxFooter p{
    font-size: 18px !important;
}
.rs {
    display: flex;
    gap: 4px;
}
a.rsFooter {
    height: 41px;
}
a.rsFooter, a.rsFooter svg circle, a.rsFooter svg path  {
    transition: 0.3s ease-in-out;
}
a.rsFooter svg circle{
    stroke:var(--main-black);
}
a.rsFooter svg path {
    fill:var(--main-black);
}
a.rsFooter:hover {
    transform: scale(1.1);
}
a.rsFooter:hover svg circle{
    fill: var(--main-black);
}
a.rsFooter:hover svg path {
    fill:white;
}

#menuFooterMobile{
    display: none!important;
}

/* droite */
.detailsFooter{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.menusFooter{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0px;    
}

@media screen  and (min-width:1200px) and (max-width:1400px) {
    .menusFooter{
        grid-template-columns: repeat(3, 1fr);
    } 
}
@media screen  and (min-width:1000px) and (max-width:1200px) {
    .menusFooter{
        grid-template-columns: repeat(2, 1fr);
    } 
}

.menusFooter ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.menusFooter ul *{
    color: var(--main-black);
}
.menusFooter ul li, .menusFooter ul .p6{
    margin-bottom: 10px!important;
}

/* Marques */
.marque {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 1px solid var(--main-black);
    padding-top: 20px;
    margin-top: 50px;
}
.marque svg{
    fill: var(--main-black);
}

@media screen and (max-width:1200px) {
    .paiementsFooter {
        justify-content: start;
        gap: 20px;
    }
    .paiementsFooter>* {
        width: unset;
    }
}

@media screen and (min-width:767px) and (max-width:999px) {
    .footerWrap {
        grid-template-columns: 1fr;
        padding: 40px 40px 30px 40px!important;
        gap: 20px;
    }
    #menuFooterMobile{
        display: grid!important;
        grid-template-columns: repeat(3, 1fr)!important;
        margin: 30px 0;
    }
    .infosFooter .newsletterFooter {
        width: calc(50% - 10px);
    }
    .infosFooter .paiementsFooter {
        width: calc(50% - 10px);
    }
    #logoFooter {
        width: 120px;
    }
}

@media screen and (max-width:999px) {
    #menuFooterDesktop{
        display: none!important;
    }
    #menuFooterMobile{
        width: 100%;
    }
    .infosFooter{
        flex-direction: unset;
        flex-wrap: wrap;
    }
    .infosFooter #footerLogo{
        width: 100%;
    }
    .infosFooter #footerDesc{
        width: 70%;
        align-self: center;
    }
    .infosFooter .shopFooter{
        width: 100%;
    }
    .infosFooter #foundShop {
        order: 0;
        width: fit-content;
    }
    .infosFooter .newsletterFooter {
        order: 2;
    }
    .infosFooter .paiementsFooter {
        order: 3;
        display: inline;
    }
    .infosFooter .reseauxFooter {
        order: 4;
        width: 100%;
    }
    .marque{
        margin-top: 0!important;
    }
    #logoFooter {
        width: 100px;
    }
}

@media screen and (min-width:767px) and (max-width:999px) {
    .infosFooter .paiementsFooter h4{
        margin-bottom: 20px!important;
    }
}
@media screen and (max-width:767px) {
    .footerWrap {
        grid-template-columns: 1fr;
        padding: 20px !important;
        gap: 10px;
    }
    #menuFooterMobile{
        display: grid!important;
        grid-template-columns: repeat(1, 1fr)!important;
        margin: 30px 0 0;
    }
    #menuFooterMobile ul li:not(:last-child) {
        display: none;
    }
    .menusFooter ul{
        padding-bottom: 8px!important;
    }
    .infosFooter #footerDesc{
        width: 100%!important;
    }
    .infosFooter .newsletterFooter {
        width: 100%;
    }
    .infosFooter .paiementsFooter {
        width:  100%;
        display: flex;
        flex-wrap: wrap;
    }
}

@media screen  and (min-width:300px)  and (max-width:767px) {
    .infosFooter .paiementsFooter h4{
        width: calc(50% - 12px);
        margin-bottom: 0!important;
    }
    .paiementsFooter img {
        width: calc(50% - 12px);
        max-width: 150px;
    }
}

@media screen and (max-width:300px) {
    .infosFooter .paiementsFooter h4{
        width: 100%;
        margin-bottom: 0!important;
    }
    .infosFooter .paiementsFooter img {
        width: 100%;
        max-width: 150px;
    }
}

/* Mentions */
.custom-mentions{
    text-align: right;
    width: 100%;
    margin-bottom: 5px;
}
.custom-mentions a{
    color: var(--main-black);
}
@media screen and (max-width:1200px) {
    .custom-mentions{
        text-align: left;
    }
    .footerSignature, .footerRights{
        width: 100%;
    }
    .footerSignature p {
        display: flex;
    }
}

/*** POPUP CARTE ***/
.brz-popup2 .brz-container__wrap {
    position: relative!important;
}
.brz-popup2__close {
    position: absolute !important;
    top: 30px !important;
    right: 30px !important;
}
.brz-popup2__close svg{
    font-size: 25px!important;
    stroke-width: 2px!important;
}
@media (max-width: 999px) {
    .brz-popup2__close {
        top: 50px !important;
    }
    .brz-popup2__close svg{
        font-size: 20px!important;
    }
}

#carteFrance {
    margin: auto;
    display: flex;
    max-height: 65vh;
}
.departement{
    cursor: pointer;
    stroke-width: 0.25px;
}
.departement:hover {
    /*opacity: 0.7;*/
    fill: var(--main-red)!important;
}
#inputCarteFrance{
    display: none;
}

/*
.magasinEpinal {
   fill: var(--main-blue);
}
.magasinBretagne{
  fill: var(--main-beige);
}
.magasinCholet{
   fill: var(--reg-gray);
}*/
.departement{
    transition: 0.3s ease-in-out;
}
/*
.region-11 .departement{ fill: #555555; } 
.region-24 .departement{ fill: #c4c0c0; } 
.region-27 .departement{ fill: #d2d2d2; }
.region-28 .departement{ fill: #999999; } 
.region-32 .departement{ fill: #d4d4d4; } 
.region-44 .departement{ fill: #bebebe; } 
.region-52 .departement{ fill: #7f7f7f; } 
.region-53 .departement{ fill: #d5d5d5; }
.region-75 .departement{ fill: #a9a9a9; }
.region-76 .departement{ fill: #d9d5d5; }
.region-84 .departement{ fill: #726e6e; }
.region-93 .departement{ fill: #838282; } 
.region-94 .departement{ fill: #4c4c4c; } 
*/

.region-11 .departement{ fill: #595e56; } /* Île-de-France */
.region-24 .departement{ fill: #a3aeaa; } /* Centre-Val de Loire */
.region-27 .departement{ fill: #e3e7ed; } /* Bourgogne-Franche-Comté */
.region-28 .departement{ fill: #86917d; } /* Normandie */
.region-32 .departement{ fill: #e3e7ed; } /* Hauts-de-France */
.region-44 .departement{ fill: #a3aeaa; } /* Grand Est */
.region-52 .departement{ fill: #b5c7ae; } /* Pays de la Loire */
.region-53 .departement{ fill: #e3e7ed; } /* Bretagne */
.region-75 .departement{ fill: #595e56; } /* Nouvelle-Aquitaine */
.region-76 .departement{ fill: #e3e7ed; } /* Occitanie */
.region-84 .departement{ fill: #86917d; } /* Auvergne-Rhône-Alpes */
.region-93 .departement{ fill: #86917d; } /* Provence-Alpes-Côte d'Azur */
.region-94 .departement{ fill: #b5c7ae; } /* Corse */

#hoverDepartement{
    min-height: 25px;
    color: #891c25;
    width: fit-content;
    font-weight: 500 !important;
    justify-content: center;
    display: flex;
    width: 100%;
}
#hoverDepartement span{
    font-weight: 700 !important;
    display: inline-flex;
    padding-left: 5px;
}
@media screen and (max-width:767px) {
    #hoverDepartement{
        display: none;
    }
    #carteFrance {
        display: none;
    }
    #inputCarteFrance {
        display: block;
    }
    #inputCarteFrance #cpDepartement{
        margin: 10px auto 20px;
    }
}
.custom-alert-2{
    color: var(--main-red);
    font-family: 'Rubik' !important;
    font-weight: 600;
    line-height: normal;
}

.custom-alert {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
    max-width: 600px;
    padding: 40px;
    background-color: white;
    color: var(--main-red);
    text-align: center;
    font-size: 18px;
    z-index: 1000;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    font-weight: 400;
    border :2px solid var(--main-red);
}
.poped{
    position: relative;
}
.poped:before{
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 900;
}

@media screen and (max-width:767px) {
    .custom-alert{
        width: calc(100% - 40px);
        padding: 20px;
    }
}

/**** COMPLIANZ ****/

.page-id-88866 h1, .page-id-88867 h1, .page-id-88868 h1{
    color: var(--main-blue)!important;
    font-size: 62px;
    font-family: 'Lexend'!important;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -2px;
}

.page-id-88866 #main, .page-id-88867 #main, .page-id-88868 #main{
   max-width: 1400px;
   padding-left: 60px;
   padding-right: 60px;
   margin:  70px auto!important;
   width: 100%;
}
.page #cmplz-document {
    max-width: 100%!important;
    font-size: 16px!important;
}
#cmplz-document p, .editor-styles-wrapper .cmplz-unlinked-mode p, #cmplz-document li, .editor-styles-wrapper .cmplz-unlinked-mode li, #cmplz-document td, .editor-styles-wrapper .cmplz-unlinked-mode td{
    font-size: 16px!important;
}
.page-id-88868 #cmplz-document p{
    margin-bottom: 25px !important;
}

@media screen and (min-width:767px) and (max-width:999px){
    .page-id-88866 h1, .page-id-88867 h1, .page-id-88868 h1{
        font-size:50px;
    }
    .page-id-88866 #main, .page-id-88867 #main, .page-id-88868 #main{
        padding-left: 40px;
        padding-right: 40px;
     }
}
@media screen and (max-width:767px) {
    .page-id-88866 h1, .page-id-88867 h1, .page-id-88868 h1{
        font-size: 40px;
    }
    .page-id-88866 #main, .page-id-88867 #main, .page-id-88868 #main{
        padding-left: 20px;
        padding-right: 20px;
     }
}


/***** BLOG *****/

.blog #main{
    width: 100%;
    max-width: 2100px!important;
    margin: 70px auto;
    padding-left: 60px;
    padding-right: 60px;
}

.blog h1{
    font-family: 'Lexend'!important;   
    line-height: 1em!important;
    font-size: 62px!important;
    font-weight: 700!important;
    text-align: center;
    letter-spacing: -2px;
}
.blog article{
    height: fit-content!important;
}
.blog article a.ct-media-container.boundless-image {
    height: 500px;
}
.blog article ul.entry-meta{
    margin: 0 !important;
    color: var(--main-blue)!important;
}
.blog article h2.entry-title{
    color: var(--main-black)!important;
    font-family: 'Rubik';
    color: var(--main-black) !important;
    font-weight: 600 !important;
}
.blog article .entry-excerpt{
    margin-bottom: 10px!important;
}

.blog article a.entry-button.ct-button{
    padding: 3px 20px !important;
    min-height: fit-content;
    background: var(--main-blue);
}
.blog article a.entry-button.ct-button:hover{
    background: var(--main-black);
}
@media screen and (min-width:767px) and (max-width:999px) {
    .blog h1{
        font-size: 50px!important;
    }
}
@media screen and (max-width:767px) {
    .blog h1{
        font-size: 40px!important;
    }
}

/*** Blog avec 1 article en avant ***/
#customBlog .brz-section__content .brz-container, #lastArticle .brz-section__content{
    width: 100%;
    max-width: 2100px!important;
    margin: auto;
}

#customBlogWrap .brz-posts__wrapper {
    gap: 20px 30px !important;
}
#customBlogWrap .brz-posts__wrapper .brz-posts__item {
    width: calc(33.3% - 20px);
}
#customBlogWrap .brz-posts__wrapper .brz-posts__item .extraitArticle{
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

#customBlogWrap .brz-posts__wrapper .brz-posts__item:first-child {
    display: none;
}

#lastArticle{
    background-color: var(--main-beige);
}
#lastArticle .brz-posts__wrapper .brz-posts__item .articleEnAvant>div>span {
    overflow: hidden;
    height: 450px;
    align-items: start;
    display: flex;
    flex-direction: column;
}
#lastArticle .brz-posts__wrapper .brz-posts__item .articleEnAvant * {
    font-size: 16px;
    line-height: 1.3em;
}
#lastArticle .brz-posts__wrapper .brz-posts__item .articleEnAvant ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 10px 0;
}
#lastArticle .brz-posts__wrapper .brz-posts__item .articleEnAvant {
    position: relative;
}
#lastArticle .brz-posts__wrapper .brz-posts__item .articleEnAvant:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    display: flex;
    height: 48px;
    align-items: end;
    background: linear-gradient(to top, var(--main-beige), transparent);

}
.ImgEnAvant{
    height: 100%;
}
.ImgEnAvant img{
    height: 100%;
    object-fit: cover;
}

#lastArticle .brz-posts__wrapper .brz-posts__item .brz-column__items figure,
#lastArticle .brz-posts__wrapper .brz-posts__item .brz-column__items .wp-block-spacer{
    display: none!important;
}

@media screen and (max-width:999px) {
    #lastArticle  .brz-posts__wrapper .brz-posts__item {
        width: 100%!important;
    }
}

@media screen and (min-width:767px) and (max-width:999px) {
    #customBlogWrap .brz-posts__wrapper {
        gap: 10px 30px !important;
    }
    #customBlogWrap .brz-posts__wrapper .brz-posts__item {
        width: calc(50% - 30px);
    }
}
@media screen and (max-width:767px) {
    #customBlogWrap .brz-posts__wrapper {
        gap: 10px 0px !important;
    }
    #customBlogWrap .brz-posts__wrapper .brz-posts__item {
        width: 100%;
    }
}

/* Article */

.single-post #main {
    max-width: 900px;
    padding-left: 60px;
    padding-right: 60px;
    margin: 70px auto;
}

.single-post h1 {
    line-height: normal;
    margin-bottom: 20px!important;
    font-size: 32px!important;
}
.single-post h2 {
    line-height: normal!important;
    font-size: 35px!important;
    margin-bottom: 20px !important;
}
.single-post li.meta-author{
    display: none;
}
.single-post li.meta-date{
    color: var(--main-blue)!important;
}

@media screen and (min-width:767px) and (max-width:999px) {

    .blog #main{
        padding-left: 40px;
        padding-right: 40px;
    }
    .single-post h1 {
        font-size: 30px!important;
    }
    .single-post h2 {
        font-size: 32px!important;
    }
    .single-post #main {
        padding-left: 40px;
        padding-right: 40px;
    }
    .single-post .hero-section[data-type=type-1]{
        margin-bottom: 10px!important;
    }
    .blog article a.ct-media-container.boundless-image {
        height: 400px;
    }
}

@media screen and (max-width:767px) {
    .blog #main{
        padding-left: 20px;
        padding-right: 20px;
    }
    .single-post h1 {
        font-size: 28px!important;
    }
    .single-post h2 {
        font-size: 30px!important;
    }
    .single-post #main {
        padding-left: 20px;
        padding-right: 20px;
    }
    .single-post .hero-section[data-type=type-1]{
        margin-bottom: 10px!important;
    }
    .blog article a.ct-media-container.boundless-image {
        height: 300px;
    }
}



/* --- */
/* 404 */
/* --- */

.error404 #main{
    background-image: url(/wp-content/uploads/2024/06/73f00d4fedce0df9351659f28585f999-1-scaled.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 75vh;
    align-items: center;
    justify-content: center;
    display: flex;
}
.container-404 {
	margin: 0 auto ;
	font-family: 'Lexend';
	max-width: 850px;
	padding: 35px 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.error404  .container-404:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(30deg, rgba(255, 255, 255, 0.50) 0%, rgba(255, 255, 255, 0.30) 68.82%);
    backdrop-filter: blur(10px);
    z-index: 0;
}
.error404  .container-404 *{
    z-index: 1;
}
.container-404 p {
	color: var(--main-black);
    margin-top: 20px;
}

#error404{
    font-family: 'Lexend';
    color: var(--main-black) !important;
    font-size: 62px;
}


.container-404 a {
	display: block;
	color: var(--main-red) !important;
	width: fit-content;
    margin-top: 20px;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}
.container-404 a svg {
    height: 36px !important;
    stroke-width: 2px;
    margin-left: 5px;
}
@media screen and (min-width:767px) and (max-width:999px) {
    .container-404 {
        margin: 0 40px;
    }
    #error404{
        font-size: 50px!important;
    }
}
@media screen and (max-width:767px) {
    .error404 #main {
        min-height: 60vh;
    }
    .container-404 {
        margin: 0 20px;
        padding: 15px 20px;
    }
    #error404{
        font-size: 40px!important;
    }
}


.single-product .ct-product-add-to-cart{
	display: flex;
    flex-direction: column;
}
.single-product div#boutique-stocks{
	order: -2;
}



body.woocommerce-cart #post-5583 .woocommerce > .zerosix-auto-promo-without-card {
    display: none!important;
}