body{
    --container-space : calc((100% - var(--wp--style--global--content-size)) / 2);
    --wp--style--global--content-size-vw: clamp(500px, 80vw, 1440px);
    --container-space-vw : calc((100vw - var(--wp--style--global--content-size-vw)) / 2);
    --wide-spacer : 2rem;
}
body .alignwide{
    --container-space : calc(((100% + (2 * var(--wide-spacer)) - var(--wp--style--global--content-size-vw)) / 2) - (var(--wide-spacer) * 1));
}
body .alignwide.is-layout-constrained{
    --container-space : calc(((100% + (0 * var(--wide-spacer)) - var(--wp--style--global--content-size-vw)) / 2) - (var(--wide-spacer) * 1));
}
/* GUTENBERG STYLE */
.page .entry-content > .wp-block-group:first-child,
.page .entry-content > .wp-block-cover.alignfull:first-child{
    padding-top: var(--header-height-fixed);
}
.wp-block-group{
    margin-top: calc(var(--gap) * 1);
    margin-right: auto;
    margin-bottom: calc(var(--gap) * 1);
    margin-left: auto;
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
}
.wp-block-group.has-background{
    padding-top: var(--gap);
    padding-bottom: var(--gap);
}
.wp-block-group.is-layout-constrained.has-background:not(.alignfull, .alignwide, .container){
    padding: var(--gap);
}

body .is-layout-constrained > :where(:not(.alignleft, .alignright, .alignfull, .container, .is-style-container-medium, .is-style-container-small, .menu-selector ul)) {
    max-width: 100%;
}

body .entry-content > :where(:not(.alignleft, .alignright, .alignfull, .alignwide, .container)),
body footer > :where(:not(.alignleft, .alignright, .alignfull, .alignwide, .container)) {
    max-width: none;
}
/* debug gutenberg backoffice */
.editor-styles-wrapper .block-editor-block-list__layout.is-root-container > :where(:not(.alignleft):not(.alignright):not(.alignfull):not(.is-style-container-medium):not(.is-style-container-small)){
    max-width: none!important;
}


/* CONTAINER CLASSIC */
.footer-widget{
    width: 100%;
    margin: 0 auto;
    max-width: none;
}
.container,
.is-layout-constrained {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--container-space);
    padding-right: var(--container-space);

}
.container{
    padding-top: var(--gap);
    padding-bottom: var(--gap);
    margin-top: calc(var(--gap) * 1);
}
.container .wp-block-group {
    margin-top: 0;
}
/* CONTAINER INNER */
.is-layout-constrained .wp-block-group{
    padding-left: 0;
    padding-right: 0;
}
/* CONTAINER MEDIUM */
.is-style-container-medium{
    --wp--style--global--content-size : 800px;
    width: var(--wp--style--global--content-size);
    padding: var(--gap);
}
/* CONTAINER MEDIUM */
.is-style-container-small{
    --wp--style--global--content-size : 600px;
    width: var(--wp--style--global--content-size);
    padding: var(--gap);
}
/* OVERFLOW-VISIBLE */
.is-style-container-overflow-visible,
.is-style-container-overflow-visible > div{
overflow: visible;
}
/* STICKY SECTION */
/* STICKY SECTION */
.is-style-sticky,
.sticky.up-scroll .is-style-sticky{
    position: sticky;
    z-index: 99;
    background: transparent;
    transition: top .3s ease, text-decoration 0s ease;
    border-bottom: 0px solid #ffffff00;
    top: calc(var(--header-height) + (var(--sup-header-height) * 0.3));
    transform: translate(0, calc(var(--sup-header-height) * 0));
    transition: top 250ms ease-out;
}
.sticky.down-scroll .is-style-sticky{
    top: calc(var(--header-height) + (var(--sup-header-height) * -0.7));
}
.block-editor-block-list__layout.is-root-container .is-style-sticky{
    top: 0;
    z-index: 1;
}

/* alignwide */
.alignwide{
    width: calc(100% - (2 * var(--wide-spacer)));
    border-radius: var(--card-radius);
    overflow: hidden;
}
body .alignwide .alignwide{
    width: 100%;
}
body .alignwide .is-layout-constrained .container{
    padding: 0;
    width: 100%;
    max-width: none!important;
}


/* JUSTIFY */
.is-content-justification-right{
    justify-content: right;
}
@media (max-width: 1600px) {
   
}
@media (max-width: 1200px) {

}
@media (max-width: 1024px) {
    
}
@media (max-width: 992px) {

body{
    --wp--style--global--content-size : clamp(500px, calc(100% - (var(--gap) * 4)), 992px);
    --wp--style--global--content-size-vw: clamp(500px, calc(100vw - (var(--gap) * 4)), 992px);
}
.is-style-container-medium{
    --wp--style--global--content-size : 80%;
}
.is-style-container-small{
    --wp--style--global--content-size : 60%;
}
body .alignwide,
body .alignwide.is-layout-constrained {
    --container-space: calc(var(--gap)* 2);
}
}
@media (max-width: 768px) {
 /* WRAP */
.is-nowrap{
    flex-wrap: wrap;
    flex-direction: column;
    gap: var(--gap);
}
}
@media (max-width: 576px) {


    body{
        --wp--style--global--content-size : calc(100% - (var(--gap) * 2));
        --wp--style--global--content-size-vw: calc(100vw - (var(--gap) * 2));
        --container-space: var(--gap);
        --container-space-vw: var(- -gap);
    }
    .is-style-container-medium{
        --wp--style--global--content-size : 100%;
    }
    .is-style-container-small{
        --wp--style--global--content-size : 100%;
    }
    body .alignwide,
    body .alignwide.is-layout-constrained {
        --container-space: calc(var(--gap)* 1);
    }
    .page .entry-content > .wp-block-group:first-child, 
    .page .entry-content > .wp-block-cover.alignfull:first-child {
        padding-top: calc(var(--header-height-fixed) * 1.5);
    }
    .home .entry-content > .wp-block-group:first-child, 
    .home .entry-content > .wp-block-cover.alignfull:first-child {
        padding-top: calc(var(--header-height-fixed) * 1);
    }
    .alignwide {
        width: calc(100% - ( 2 * var(--gap)));
    }
}