*, * html, body, html{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; outline:0; margin: 0; padding: 0}
::selection { color: white; background: black;}
@font-face{font-family:Holiday;font-style:normal;font-weight:300 900;font-display:fallback;src:url('/css/fonts/Holiday/Holiday-Regular.woff') format('woff');font-stretch:normal;}
/*@font-face{font-family:Quentin;font-style:normal;font-weight:400;font-display:fallback;src:url('/css/fonts/Quentin/Quentin.woff') format('woff');font-stretch:normal;}
@font-face{font-family:Rage;font-style:normal;font-weight:400;font-display:fallback;src:url('/css/fonts/RageItalic/RageItalic.woff') format('woff');font-stretch:normal;}*/


:root{
  --c-size : 20px ;
  --gap : 40px;
  --font-color : black;
  --link_color : black;
  --color_or : #C3884B;
}


.cursor { z-index: 9999; top: 50%;  left: 50%;  position: fixed; 	display: block; width: var(--c-size);  height: var(--c-size);  margin-top: calc(var(--c-size) / -2);  margin-left: calc(var(--c-size) / -2);  border-radius: 50%;   pointer-events: none; transition: transform 0.2s ease, background-color 0.6s ease, opacity 0.2s ease; overflow: visible;  }
.cursor { background-color: var(--color_or);  opacity: 1;   mix-blend-mode: difference; filter:invert(); transform: scale(1); cursor: pointer}
.cursor.hover { opacity:1; transform: scale(3);/*background-color:transparent;*/ box-shadow: 0px 0px 0.5px var(--color_or); }
.cursor.hide {opacity: 0;}
.cursor.sleep {transform: scale(0.1);}
.cursor.load {transform: scale(3);}
.cursor.down { opacity: 1; transform: scale(4); } 

.wp-block-image {filter: brightness(0.6) contrast(1.5); opacity: 1;  transition: all .4s ease;}
.lazy {filter: brightness(0.5) contrast(1.7); opacity: 0;  transition: all .4s ease;}
.effects { filter: brightness(1) contrast(1); opacity: 1;  transition: all .8s ease;}

h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; margin: var(--wp--preset--spacing--10) 0; line-height: 1.2; margin-inline-start: 0px; margin-inline-end: 0px; }
p {  padding: var(--wp--preset--spacing--10) 0 0; }

body{font-family: var(--wp--preset--font-family--body); font-size: var(--wp--preset--font-size--medium); line-height: 1.4; color: var(--font-color); cursor: default; }
.container{ position: relative; display: grid; grid-template-areas: "header" "main" "footer" ;  margin: 0 auto;  overflow: hidden}
header, main, footer{ position: relative; margin: 0;  display: block; z-index: 555; }
header{grid-area: header; z-index: 888} main{grid-area: main; z-index: 444} footer{grid-area: footer}
.header-content, .footer-content, .main-content { position: relative;  margin: 0 auto ;  z-index: 444 }

/* HEADER */
.header-main{float: left; width: 100%; padding: 0; margin: 0}
.header-main-content{position: relative; max-width: var(--wp--style--global--wide-size); margin: 0 auto; display: flex; justify-content: space-between; }
.logo {float: left; width: 200px;}
.logo img{ width: 100%;}

.menu { margin-top: 60px; font-family: var(--wp--preset--font-family--heading) }
.menu ul li { display: inline-block; text-align: center ;  margin: 5px 2px; list-style: none  }
.menu ul li:not(:last-child) { padding-right: var(--gap); }
.menu ul li a { color: #414747; text-decoration: none; position: relative; padding: 10px; transition: .225s ease-in-out;  }
.menu ul li a:hover { }
.menu ul li a::after { content: ""; display: block; position: absolute; bottom: -3px; left: 0px; width: 0%; height: 3px; background: #414747; z-index: 999; transition: .225s ease-in-out; }
.menu ul li a:hover::after { width: calc(100%);  background: var(--color_or)}
.menu ul li.on-page a::after  { content: ""; display: block; position: absolute; bottom: -3px; left: 10px; height: 3px; width: calc(100% - 20px);  background: var(--color_or); z-index: 999; transition: .225s ease-in-out; }
a.active{ border-bottom: 3px solid var(--color_or); transition: .225s ease-in-out; }


/* FOOTER */
.footer-main{float: left; width: 100%; padding: 0; margin: 0}
.footer-main-content{position: relative; max-width: var(--wp--style--global--wide-size); margin: 0 auto; display: flex; justify-content: space-between; }

/* LOCO */
html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}

@media screen and (max-width:1402px) {   
body{
 /* --wp--preset--font-size--xx-large : 3.27rem ;
  --wp--preset--font-size--x-large : 2.5rem;
  --wp--preset--font-size--large : 1.85rem;
  --wp--preset--font-size--medium : 1.25rem;
  --wp--preset--font-size--small : 0.9rem; */ 
  --wp--preset--font-size--xx-large : 2.5rem ;
  --wp--preset--font-size--x-large : 1.85rem;
  --wp--preset--font-size--large : 1.25rem;
  --wp--preset--font-size--medium : 1rem;
  --wp--preset--font-size--small : 0.8rem;
  font-size: var(--wp--preset--font-size--medium);
}
/*.logo { width: 50%;}
.menu {display: none}
#menu-burger {display: block }  */
}


