/* -------------------------------- 
destyle.css v1.0.11 | MIT License | https://github.com/nicolas-cusan/destyle.css 
-------------------------------- */

*,::after,::before{box-sizing:border-box}*{margin:0;padding:0;}
ol[role=list],ul[role=list]{list-style:none}
/*html:focus-within{scroll-behavior:smooth}*/
body{text-rendering:optimizeSpeed;line-height:1.5}
a:not([class]){text-decoration-skip-ink:auto}
img,picture,svg{max-width:100%;height:auto;}
@media (prefers-reduced-motion:reduce) {
    html:focus-within{scroll-behavior:auto}
    *,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}
}

/* -------------------------------- 
COMMON CSSS
-------------------------------- */
 
body {
    letter-spacing: 0.045em;
    font-family: var(--wp--preset--font-family--body);
    line-height: var(--wp--custom--line-height--body);
    font-size: 16px; 
    font-weight: 400;
    color: var(--wp--preset--color--body);
    background: var(--wp--preset--color--light);
    width: 100%;
 
    

    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
} 

html        { scroll-behavior: smooth;  }
html, body  { width: 100%; min-height: 100%; overflow-x: clip; } 
 
/* -------------------------------- 
Lenis scroll CSS 
-------------------------------- */

/*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-scrolling iframe            { pointer-events: none;} */
 
 
/*********************** CUSTOM TEXTS */

.is-style-pretitle,
.pretitle {
    font-weight: 900;
    font-size: var(--wp--preset--font-size--s);
    text-transform: uppercase;
    font-family: var(--wp--preset--font-family--header);
}

/* -------------------------------- 
Typography
-------------------------------- */
h1, .text-h1                              { font-size: var(--wp--preset--font-size--h-1); line-height: var(--wp--custom--line-height--header) }
h2, .text-h2                              { font-size: var(--wp--preset--font-size--h-2); line-height: var(--wp--custom--line-height--meta) }
h3, .text-h3                              { font-size: var(--wp--preset--font-size--h-3); line-height: var(--wp--custom--line-height--meta) }
h4, .text-h4                              { font-size: var(--wp--preset--font-size--h-4); }
h5, .text-h5, .text-s                     { font-size: var(--wp--preset--font-size--s);  }
h6, .text-h6, .text-xs, small, .small     { font-size: var(--wp--preset--font-size--xs); }
.p                                        { font-size: var(--wp--preset--font-size--p); }
.text-large                               { font-size: var(--wp--preset--font-size--large); line-height: var(--wp--custom--line-height--header)  }

.text-huge                                { font-size: var(--text-huge); line-height: var(--wp--custom--line-height--header)  }
.text-ultra                               { font-size: var(--text-ultra); line-height: var(--wp--custom--line-height--header)  }
.text-mega                                { font-size: var(--text-mega); line-height: var(--wp--custom--line-height--header)  } 
.text-page                                { font-size: var(--text-page); line-height: var(--wp--custom--line-height--header)  } 

h1, h2, h3, h4, h5, h6        { color:var(--wp--preset--color--contrast); }
.h1, .h2, .h3, .h4, .h5, .h6  { color:var(--wp--preset--color--contrast); } 

:root :where(.wp-block-cover h1:not(.has-text-color)), 
:root :where(.wp-block-cover h2:not(.has-text-color)), 
:root :where(.wp-block-cover h3:not(.has-text-color)), 
:root :where(.wp-block-cover h4:not(.has-text-color)) {
    color: var(--wp--preset--color--contrast);
}

:root :where(.wp-block-cover p:not(.has-text-color)) {
    color: var(--wp--preset--color--body);
}
 
/*h1, h2, h3, h4,
.has-h-1-font-size,
.has-h-2-font-size,
.has-h-3-font-size       { line-height: var(--wp--custom--line-height--header); } 
.has-large-font-size     { line-height: var(--wp--custom--line-height--small); } */

.text-meta,
.text-meta > *,
.text-meta ul li,
.has-h-4-font-size  {
  font-size: var(--wp--preset--font-size--h-4);
}

p small,
p .text-xxs         { margin-top: var(--space-s); line-height: 1.4; display:inline-block; }


b,
strong { font-weight: 600 }
 

/*********************** LISTS */

.clean-ul { list-style: none; }
 
ul:not([class]),
ol:not([class])                 { display:flex; flex-direction: column; gap:var(--wp--preset--spacing--xs);}
ul:not([class])                 { padding-left:var(--wp--preset--spacing--s); list-style-type: square; }
ol:not([class])                 { padding-left:calc(var(--wp--preset--spacing--m) + 3px); list-style-type: decimal-leading-zero; } 
/*ul:not([class]) li:not([class]) { padding-left: calc(var(--wp--preset--spacing--xs) + var(--wp--preset--spacing--xxs)); }*/
ol:not([class]) li:not([class]) { padding-left: var(--wp--preset--spacing--xs);}
ol:not([class]) li::marker      { font-family: var(--font-data); font-size:var(--text-s); color:red; }



.metaline {
    display: inline-flex;
    gap: var(--gap);
}

.metaline::before {
    content:'';
    display: block;
    width: 2px;
    background: var(--wp--preset--color--accent);
}