@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
body, .fade2Screen {
background-position: center !important;
background-size: 57px 57px !important;
background-repeat: no-repeat !important;
background-image: url('data:image/svg+xml,') !important;
}
/* reset styles */
html {line-height: 1.5;-webkit-text-size-adjust: 100%;width:100%;height:100%;padding: 0;}body {margin: 0;width: 100%;height: 100%;padding: 0;}main {display: block;}img {border-style: none;}button, input, optgroup, select, textarea {font-family: inherit;font-size: 100%;line-height: 1.5;margin: 0;}button, input {overflow: visible;}button, select {text-transform: none;}button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}progress {vertical-align: baseline;}textarea {overflow: auto;}[type="checkbox"], [type="radio"] {box-sizing: border-box;padding: 0;}[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}[type="search"] {-webkit-appearance: textfield;outline-offset: -2px;}[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}details {display: block;}summary {display: list-item;}template {display: none;}
body, html{
font-size: 16px;
letter-spacing: 0.05em;
}
/* reset styles */
* {
--fontSerif:"Cormorant Garamond", serif;
--fontSansSerif:"Raleway", sans-serif;
--fontNormal:var(--fontSansSerif);
--fontRegular:var(--fontSansSerif);
--fontHeader:var(--fontSerif);
font-family: var(--fontNormal);
--borderRadius: 4px;
--colorBlack:#000000;
--colorWhite: #ffffff;
--colorGreen:#006548;
--colorBeige:#FEFAE0;
--colorHover:var(--colorGreen);
--colorText:var(--colorBlack);
--hoverOutline:0 0 0 4px rgba(255,255,255,0.3);
--buttonTransition: all 0.3s ease-in-out !important;
--nextIcon:url('data:image/svg+xml,');
--nextIconWhite:url('data:image/svg+xml,');
--prevIcon:url('data:image/svg+xml,');
--prevIconWhite:url('data:image/svg+xml,');
}
/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
scrollbar-width: auto;
}
/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
width: 3px;
}
.tippy-content{
font-family: var(--fontNormal);
font-weight: 300 !important;
padding: 0.8em 1em !important;
}
html[lang=it] .hideIt{
display: none !important;
}
html[lang=en] .hideEn{
display: none !important;
}
.hidden{
display: none !important;
}
.blur{
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
/* Bottom Nodes Switcher */
.bottomNode{
transition: all 0.3s ease-in-out !important;
box-shadow: 0 0 0 2px #ffffff80 !important;
}
body.hasHover .bottomNode:hover{
background-color: var(--colorButtonHover) !important;
box-shadow: var(--hoverOutline) !important;
}
.vignetteTop{
background: linear-gradient(180deg,rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%) !important;
pointer-events: none !important;
}
.vignetteBottom{
background: linear-gradient(0deg,rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%) !important;
pointer-events: none !important;
}
.bottomControllsContainer{
display: flex !important;
align-items: center;
justify-content: flex-start;
flex-direction: column-reverse;
}
.bottomControlls, .bottomButtons{
display: flex !important;
align-items: center;
justify-content: center;
flex-direction: row-reverse;
position: relative !important;
top: 0 !important;
left: 0 !important;
width: auto !important;
height: auto !important;
margin-bottom: 20px;
gap: 20px;
}
.bottomButtons{
margin-bottom: 0;
}
.bottomControlls > *, .bottomControllsContainer > *, .bottomButtons > *{
position: relative !important;
top:0 !important; left: 0 !important;
}
.nodeName, .nodeName > div{
font-family: var(--fontSerif);
font-size: 24px !important;
color:#fff !important;
background: none !important;
font-weight: 100 !important;
text-overflow: ellipsis;
white-space: normal !important;
line-height: 1.2 !important;
}
.nodeName{
width:auto !important;
height: auto !important;
max-width: calc(100vw - 160px);
}
hr{
height: 1px;
border: none;
background:var(--colorText);
width: 70px;
margin: 1rem auto;
}
h3{
margin:0 auto !important;
text-align: center !important;
}
h3, h3 span{
font-family: var(--fontHeader) !important;
font-weight: 300 !important;
font-size: 1.25rem !important;
text-transform: uppercase;
color:var(--colorText) !important;
}
.menuContacts a{
color:var(--colorText);
text-decoration: none;
}
body.hasHover .menuContacts a:hover{
text-decoration: underline;
color:var(--colorHover);
}
.gatesContainer{
transition-timing-function: cubic-bezier(.78,.14,.28,.82) !important;
}