/* MARGIN */
body{
    --container-space : 7vw;
    font-family: "Raleway", sans-serif;
    background-color: var(--wp--preset--color--blanc);
    color: var(--wp--preset--color--noir);
}

/* INITIAL LIST STYLE*/
.nav ul {
    list-style: none;
    margin-bottom: 0;
}
.list-unstyled {
    list-style: none;
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;
    color: var(--wp--preset--color--noir);
}
ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
a:where(:not(.wp-element-button)) {
    text-decoration: none;
}
a:-webkit-any-link {
    color: inherit;
}
a:focus {
    outline: none;
}
:root :where(a:where(:not(.wp-element-button))) {
    text-decoration: none;
}

/* HIDE SCROLLBAR */
.hide-scrollbar {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

/* LENIS SCROLL SETTINGS*/
html.lenis, html.lenis body {
    height: auto;
}

.lenis.lenis-smooth {
    scroll-behavior: auto!important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}

.lenis.lenis-stopped {
    overflow: hidden;
}

.lenis.lenis-smooth iframe {
    pointer-events: none;
}
/* VIEW TRANSITION */
@view-transition {
    navigation: auto;
}
::view-transition-old(root) {
    animation: diagonal-slice-out 1.2s cubic-bezier(0.7, 0, 1, 1) both;
    z-index: 1;
}
::view-transition-new(root) {
    animation: none;
    z-index: 0;
}
@keyframes diagonal-slice-out {
    0% {
        clip-path: polygon(0 0,100% 0,100% 50%,100% 100%,0 100%,0 100%);
        filter: blur(0);
    }
    50% {
        clip-path: polygon(0 0,100% 0,100% 50%,100% 100%,100% 100%,0 0);
        filter: blur(4px);
    }
    100% {
        clip-path: polygon(0 0,100% 0,100% 50%,100% 100%,100% 0,100% 0);
        filter: blur(8px);
        opacity: 0.4;
    }
}


/* MEDIA QUERIES SAMPLES */
@media (max-width: 2560px) {
}
@media (max-width: 1920px) {
}
@media (max-width: 1600px) {
    body{
        --container-space : 5vw;
    }
}
@media (max-width: 1200px) {
}
@media (max-width: 1024px) {
}
@media (max-width: 768px) {
    body{
        --container-space : 1.33em;
    }
}
@media (max-width: 576px) {   
}