.elementor-kit-49{--e-global-color-primary:#000000;--e-global-color-secondary:#BEBEBE;--e-global-color-text:#FFFFFF;--e-global-color-accent:#00FF00;--e-global-typography-primary-font-family:"Monument Grotesk Mono";--e-global-typography-primary-font-size:14px;--e-global-typography-primary-font-weight:normal;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-family:"Monument Grotesk";--e-global-typography-secondary-font-size:27px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-text-transform:none;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-text-font-family:"Monument Grotesk";--e-global-typography-text-font-size:15px;--e-global-typography-text-font-weight:bold;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:1.1em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-accent-font-family:"Monument Grotesk Mono";--e-global-typography-accent-font-size:11px;--e-global-typography-accent-font-weight:normal;--e-global-typography-accent-text-transform:none;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:1.1em;--e-global-typography-accent-letter-spacing:0px;--e-global-typography-fc5b4cc-font-family:"Monument Grotesk";--e-global-typography-fc5b4cc-font-size:42px;--e-global-typography-fc5b4cc-text-transform:none;--e-global-typography-fc5b4cc-font-style:normal;--e-global-typography-fc5b4cc-line-height:1em;background-color:var( --e-global-color-primary );}.elementor-kit-49 e-page-transition{background-color:var( --e-global-color-primary );}.elementor-kit-49 a:hover{color:var( --e-global-color-accent );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:2000px;}.e-con{--container-max-width:2000px;}.elementor-widget:not(:last-child){--kit-widget-spacing:2px;}.elementor-element{--widgets-spacing:2px 20px;--widgets-spacing-row:2px;--widgets-spacing-column:20px;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-49{--e-global-typography-primary-font-size:12px;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-size:24px;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-text-font-size:15px;--e-global-typography-text-line-height:1.1em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-accent-font-size:11px;--e-global-typography-accent-line-height:1.1em;--e-global-typography-accent-letter-spacing:0px;--e-global-typography-fc5b4cc-font-size:36px;--e-global-typography-fc5b4cc-line-height:1em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-49{--e-global-typography-primary-font-size:12px;--e-global-typography-primary-line-height:1.1em;--e-global-typography-primary-letter-spacing:0px;--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-text-font-size:14px;--e-global-typography-text-line-height:1.1em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-accent-font-size:11px;--e-global-typography-accent-line-height:1.1em;--e-global-typography-accent-letter-spacing:0px;--e-global-typography-fc5b4cc-font-size:22px;--e-global-typography-fc5b4cc-line-height:1em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ======================= */
/* VARIABILI COLORI E TRANSITION */
/* ======================= */
:root{
  --bg-color:#000000;       /* sfondo dark mode */
  --text-color:#ffffff;     /* testo dark mode */
}

body.light-mode{
  --bg-color:#e3e3e3;      /* sfondo light mode */
  --text-color:#000000;     /* testo light mode */
}

/* ======================= */
/* BACKGROUND E TESTO GLOBALI */
/* ======================= */
body{
  background:var(--bg-color) !important;
  color:var(--text-color) !important;
  transition: background var(--transition), color var(--transition);
}

body,
body p,
body span,
body a,
body li,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6{
  color:var(--text-color) !important;
  transition: color var(--transition);
}

/* Elementor specific */
.elementor-widget-heading,
.elementor-widget-text-editor,
.elementor-widget-theme-post-content{
  color:var(--text-color) !important;
}

/* ======================= */
/* SVG E ICON INVERSION */
/* ======================= */
body.light-mode img[src$=".svg"],
body.light-mode svg,
body.light-mode svg *{
  filter:invert(1);
}

/* ======================= */
/* TOGGLE STYLE RESPONSIVE */
/* ======================= */

/* wrapper per allineare a destra */
.theme-toggle-wrapper{
  width:100%;
  display:flex;
  justify-content:flex-end;
}

/* font globale e default per desktop */
.theme-toggle{
  cursor:pointer;
  font-family: "Monument Grotesk"; /* usa font globale */
  font-weight: 700;
  font-size: 15px !important; /* default desktop */
}

/* hover */
.theme-toggle:hover{
  color:#00FF00 !important;
}

/* ======================= */
/* TABLET breakpoint <=1024px */
@media (max-width:1024px){
  .theme-toggle{
    font-size:15px !important;
    font-weight:700;
  }
}

/* ======================= */
/* MOBILE breakpoint <=767px */
@media (max-width:767px){
  .theme-toggle{
    font-size:14px !important; /* più piccolo per mobile */
    font-weight:700;
  }
}

/* ======================= */
/* DATE HOUR*/
/* ======================= */

.current-date-title {
  font-family: inherit !important; /* usa font globale */
  font-weight: 700 !important;
  font-size: 14px !important; /* default desktop */
}

/* ======================= */
/* TABLET breakpoint <=1024px */
@media (max-width:1024px) {
  .current-date-title {
    font-size:14px !important; /* tablet stesso di desktop */
    font-weight:700 !important;
  }
}

/* ======================= */
/* MOBILE breakpoint <=767px */
@media (max-width:767px) {
  .current-date-title {
    font-size:14px !important; /* più piccolo per mobile */
    font-weight:700 !important;
  }
}


/* HOUR*/
/* ======================= */

.milan-clock{
  font-family: inherit !important; /* usa font globale */
  font-weight: 700 !important;
  font-size: 14px !important; /* default desktop */
}

/* ======================= */
/* TABLET breakpoint <=1024px */
@media (max-width:1024px) {
  .milan-clock {
    font-size:14px !important; /* tablet stesso di desktop */
    font-weight:700 !important;
  }
}

/* ======================= */
/* MOBILE breakpoint <=767px */
@media (max-width:767px) {
  .milan-clock {
    font-size:14px !important; /* più piccolo per mobile */
    font-weight:700 !important;
  }
}


a{
  color: inherit; /* prende colore del testo corrente */
}

/* hover sempre verde #00FF00 */
a:hover,
a:focus{
  color:#00FF00 !important;
}

/* Disabilita l’overscroll su tutto il sito */
html, body {
    overscroll-behavior: none;
}

body {
    -webkit-overflow-scrolling: auto; /* disabilita l’inerzia di rimbalzo */
    touch-action: pan-x pan-y; /* mantiene scroll standard, blocca gesture insolite */
}

/* Nasconde scrollbar visivamente senza bloccare lo scroll */
html::-webkit-scrollbar {
    width: 0px;
    background: transparent; /* Chrome, Safari e Edge */
}

body::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

/* Firefox */
html, body {
    scrollbar-width: thin; /* opzione minima */
    scrollbar-color: transparent transparent; /* rende invisibile */
}

/* ===== selezione colore ===== */

::selection {
  background: transparent;
  color: #00ff00; /* nero */
}

::-moz-selection {
  background: transparent;
  color: #00ff00; /* nero (Firefox) */
}

/* ===== Pre-home overlay ===== */
.pre-home {
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100vh; /* forza altezza viewport */
  background:#000; 
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  transition: opacity 0.8s ease; /* solo opacità */
  transform: translateY(0); /* previene spostamenti */
}

/* Logo immagine */
.pre-home img {
  width: 200px; 
  height: auto;
  display: block; /* previene piccoli shift inline */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Monument Grotesk Mono';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.grivettal.com/wp-content/uploads/2026/03/MonumentGrotesk-Mono-1.woff2') format('woff2'),
		url('https://www.grivettal.com/wp-content/uploads/2026/03/MonumentGrotesk-Mono-1.woff') format('woff'),
		url('https://www.grivettal.com/wp-content/uploads/2026/03/MonumentGrotesk-Mono-1.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Monument Grotesk';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://www.grivettal.com/wp-content/uploads/2026/03/MonumentGrotesk-Bold-1.woff2') format('woff2'),
		url('https://www.grivettal.com/wp-content/uploads/2026/03/MonumentGrotesk-Bold-1.woff') format('woff'),
		url('https://www.grivettal.com/wp-content/uploads/2026/03/MonumentGrotesk-Bold-1.ttf') format('truetype');
}
/* End Custom Fonts CSS */