.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.flickity-enabled {
position: relative;
}
.flickity-enabled:focus { outline: none; }
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
} .flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing;
} .flickity-button {
position: absolute;
background: hsla(0, 0%, 100%, 0.75);
border: none;
color: #333;
}
.flickity-button:hover {
background: white;
cursor: pointer;
}
.flickity-button:focus {
outline: none;
box-shadow: 0 0 0 5px #19F;
}
.flickity-button:active {
opacity: 0.6;
}
.flickity-button:disabled {
opacity: 0.3;
cursor: auto; pointer-events: none;
}
.flickity-button-icon {
fill: currentColor;
} .flickity-prev-next-button {
top: 50%;
width: 44px;
height: 44px;
border-radius: 50%; transform: translateY(-50%);
}
.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; } .flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px;
}
.flickity-prev-next-button .flickity-button-icon {
position: absolute;
left: 20%;
top: 20%;
width: 60%;
height: 60%;
} .flickity-page-dots {
position: absolute;
width: 100%;
bottom: -25px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1;
}
.flickity-rtl .flickity-page-dots { direction: rtl; }
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #333;
border-radius: 50%;
opacity: 0.25;
cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
opacity: 1;
}.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,0.9);outline:none !important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease}.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}.lity-hide{display:none}:root {
--space-3xs: clamp(.25rem, .2283rem + .1087vw, .3125rem);
--space-2xs: clamp(.5rem, .4783rem + .1087vw, .5625rem);
--space-xs: clamp(.75rem, .7065rem + .2174vw, .875rem);
--space-sm: clamp(1rem, .9565rem + .2174vw, 1.125rem);
--space-md: clamp(1.5rem, 1.4348rem + .3261vw, 1.6875rem);
--space-lg: clamp(2rem, 1.913rem + .4348vw, 2.25rem);
--space-xl: clamp(3rem, 2.8696rem + .6522vw, 3.375rem);
--space-2xl: clamp(4rem, 3.8261rem + .8696vw, 4.5rem);
--space-3xl: clamp(6rem, 5.7391rem + 1.3043vw, 6.75rem);
--height--header: 6rem;
--width--content--small: 30rem;
--width--content: 40rem;
--width--content--medium: 60rem;
--width--content--large: 90rem;
--width--site-gutter: var(--space-md);
--flow-space: var(--space-s);
--flow-space--medium: var(--space-xl);
--flow-space--large: var(--space-2xl);
--max-width-text: 70ch
} :root {           --step--5: clamp(.3686rem, .6197rem + -.324vw, .5549rem);
--step--4: clamp(.4608rem, .6812rem + -.2843vw, .6243rem);
--step--3: clamp(.576rem, .7463rem + -.2197vw, .7023rem);
--step--2: clamp(.72rem, .8145rem + -.122vw, .7901rem);
--step--1: clamp(.8889rem, .885rem + .0193vw, .9rem);
--step-0: clamp(1rem, .9565rem + .2174vw, 1.125rem);
--step-1: clamp(1.125rem, 1.0272rem + .4891vw, 1.4063rem);
--step-2: clamp(1.2656rem, 1.0944rem + .856vw, 1.7578rem);
--step-3: clamp(1.4238rem, 1.1548rem + 1.3451vw, 2.1973rem);
--step-4: clamp(1.6018rem, 1.2036rem + 1.9909vw, 2.7466rem);
--step-5: clamp(1.802rem, 1.2347rem + 2.8369vw, 3.4332rem);
--step-6: clamp(2.0273rem, 1.2397rem + 3.9378vw, 4.2915rem);
--step-7: clamp(2.2807rem, 1.2081rem + 5.363vw, 5.3644rem);
--step-8: clamp(2.5658rem, 1.1259rem + 7.1995vw, 6.7055rem);
} :root {
--ff-primary: "Hiragino-w1", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
--ff-secondary: "Hiragino-w3", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
} :root {
--c-black: #000;
--c-dark: #161616;
--c-white: #fff;
--c-panna: #FAF8F0;
--c-dirt: #C8925C;
--c-desert: #EDCCAB;
--c-salvia: #5CC897;
--c-mattone: #C8655C;
--c-ocean: #5C72C8;
} :root {
--r-none: 0;
--r-base: 60px;
--r-full: 100%;
} @font-face {
font-family: 'Hiragino-w1';
src: local(''), local('HiraKakuProN-W1-AlphaNum'),
url(//www.lapinulab.it/wp-content/themes/lapinulab_theme/assets/fonts/hiragino/HiraKakuProN-W1-AlphaNum-01.woff2) format('woff2'); font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Hiragino-w3';
src: local(''), local('HiraKakuProN-W3-AlphaNum'),
url(//www.lapinulab.it/wp-content/themes/lapinulab_theme/assets/fonts/hiragino/HiraKakuProN-W3-AlphaNum-01.woff2) format('woff2'); font-weight: normal;
font-style: normal;
font-display: swap;
}
a    html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
scrollbar-gutter: stable;
color-scheme: light dark;
@media (prefers-color-scheme: dark) {
color-scheme: dark;
}
@media (prefers-color-scheme: light) {
color-scheme: light;
}
}  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
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;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} 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;
appearance: textfield;
outline-offset: -2px;
} [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
box-sizing: inherit;
-webkit-transition: color 150ms ease-in-out, background-color 150ms ease-in-out, font-size 150ms ease-in-out;
-moz-transition: color 150ms ease-in-out, background-color 150ms ease-in-out, font-size 150ms ease-in-out;
-o-transition: color 150ms ease-in-out, background-color 150ms ease-in-out, font-size 150ms ease-in-out;
transition: color 150ms ease-in-out, background-color 150ms ease-in-out, font-size 150ms ease-in-out;
}
html {
box-sizing: border-box;
scroll-behavior: smooth;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
:target {
scroll-margin-block-start: calc(var(--height--header) + var(--step-0))
}  body,
button,
input,
select,
optgroup,
textarea {
color: var(--c-black, #000);
font-family: var(--ff-primary);
font-size: var(--step--1, 1rem);
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
text-wrap: balance;
text-wrap: pretty;
font-family: var(--ff-secondary);
font-weight: initial;
}
h2 {
font-size: var(--step-4);
}
p {
margin-bottom: 1.5em;
max-inline-size: var(--max-width-text);
text-wrap: pretty;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
font-style: normal;
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-inline-size: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} body {
background: var(--c-panna);
padding-inline: var(--space-sm);
accent-color: var(--c-dark);
}
hr {
background-color: var(--c-black, #000);
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li>ul,
li>ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-inline-size: 100%;
}
figure {
margin: 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
} a {
color: var(--c-black, black);
}
a:visited {
color: var(--c-black, #800080);
}
a:hover,
a:focus,
a:active {
color: var(--c-black, #191970);
text-decoration: underline;
} a:hover,
a:active {
outline: 0;
} :where(button),
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: var(--c-dark);
border-radius: 0px;
background: transparent;
color: var(--c-dark);
line-height: 1;
padding: 0.6em 1em 0.4em;
padding: var(--space-xs) var(--space-md);
-webkit-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
button:disabled,
input[type="button"]:disabled,
input[type="reset"]:disabled,
input[type="submit"]:disabled {
opacity: .5;
}
:where(button:hover:not([disabled])),
input[type="button"]:hover:not([disabled]),
input[type="reset"]:hover:not([disabled]),
input[type="submit"]:hover:not([disabled]) {
cursor: pointer;
border-color: var(--c-dark);
background: var(--c-desert);
color: var(--c-dark);
}
:where(button:active:enabled,
button:focus:enabled),
input[type="button"]:active:enabled,
input[type="button"]:focus:enabled,
input[type="reset"]:active:enabled,
input[type="reset"]:focus:enabled,
input[type="submit"]:active:enabled,
input[type="submit"]:focus:enabled {
border-color: var(--c-desert);
background: var(--c-desert);
color: var(--c-dark);
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: var(--c-dark);
border: none;
border-bottom: 1px solid var(--c-dark);
border-radius: 0px;
padding: 3px;
background-color: transparent;
-webkit-transition: outline-color 0.2s ease-in-out;
transition: outline-color 0.2s ease-in-out;
&::placeholder {
color: var(--c-dark);
opacity: .8;
}
}
textarea {
resize: vertical;
}
input[type="text"]:focus-visible,
input[type="email"]:focus-visible,
input[type="url"]:focus-visible,
input[type="password"]:focus-visible,
input[type="search"]:focus-visible,
input[type="number"]:focus-visible,
input[type="tel"]:focus-visible,
input[type="range"]:focus-visible,
input[type="date"]:focus-visible,
input[type="month"]:focus-visible,
input[type="week"]:focus-visible,
input[type="time"]:focus-visible,
input[type="datetime"]:focus-visible,
input[type="datetime-local"]:focus-visible,
input[type="color"]:focus-visible,
textarea:focus-visible {
color: var(--c-dark);
} input:invalid:not(:placeholder-shown, [type="search"], [type="submit"]):focus {
outline-color: var(--c-mattone);
} input:valid:not(:placeholder-shown, [type="search"], [type="submit"]):focus {
outline-color: var(--c-salvia);
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px transparent inset;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
transition: background-color 5000000s ease-in-out 0s;
}
select {
border: 1px solid var(--c-dark);
}
textarea {
width: 100%;
height: 8em;
}
input[type=file]::file-selector-button {
margin-inline-end: var(--space-sm);
border: 1px solid var(--c-dark);
border-radius: 0;
background: transparent;
padding: var(--space-2xs) var(--space-md);
color: var(--c-dark);
cursor: pointer;
transition: background .2s ease-in-out;
min-width: calc(51% - var(--space-sm));
@media (width < 600px) {
width: 100%;
display: flex;
text-align: center;
}
}
input[type=file]::file-selector-button:hover {
background: transparent;
} .wpcf7 form.sent .wpcf7-response-output {
border-color: var(--c-salvia); }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: var(--c-mattone); }
.wpcf7 form.spam .wpcf7-response-output {
border-color: var(--c-ocean); }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: var(--c-dirt); }
.wpcf7-not-valid-tip {
color: var(--c-mattone);
position: absolute;
font-size: var(--step--2);
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
border-color: var(--c-mattone);
}
.wpcf7-spinner {
position: absolute;
margin: 0;
left: calc(-1 * var(--space-lg));
bottom: 55%;
transform: translateY(50%);
@media (width < 600px) {
left: 48%;
bottom: 5px;
}
}
.wpcf7 form .wpcf7-response-output {
margin-block-start: var(--space-sm);
}   .main-navigation {
grid-column: 1 / -1;
grid-row: 1 / -1;
font-size: var(--step--1);
text-transform: uppercase;
display: grid;
align-items: center;
justify-content: center;
@media (width < 600px) {
grid-template-columns: 1fr auto;
grid-template-rows: auto 1fr;
justify-content: end;
.menu-menu-principale-container {
grid-column: 1 / -1;
grid-row: 2 / -1;
padding-block-start: var(--space-lg);
}
}
}
.menu-item.current-menu-item {
a {
text-decoration: underline;
}
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
display: block;
left: auto;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
left: auto;
}
.main-navigation li {
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
@media (width >=600px) {
color: var(--c-white);
}
&:hover,
&:active,
&:focus-visible {
text-decoration: underline;
}
} .menu-toggle {
color: var(--c-white);
grid-column: -1;
display: block;
text-transform: uppercase;
font-size: var(--step--2);
border: none;
padding: var(--space-xs) var(--space-md);
transition: revert;
text-decoration: none;
min-width: 91px;
&:where(:hover, :focus, :active, :focus-visible) {
background-color: transparent;
text-decoration: underline;
}
}
.menu-toggle::before,
.menu-toggle::after {
transition: revert;
}
.menu-toggle[aria-expanded="false"]::before {
content: "Menu";
}
.menu-toggle[aria-expanded="true"]::before {
content: "Close";
}
.main-navigation.toggled {
.menu-toggle {
color: var(--c-white);
}
a {
color: var(--c-white);
}
.site-title-in-menu {
order: -1;
}
}
.menu-toggle,
.main-navigation.toggled ul {
display: flex;
flex-direction: column;
gap: var(--space-xs);
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: flex;
justify-content: center;
align-items: center;
gap: var(--space-sm);
}
}
.post-navigation {
font-size: var(--step-0);
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
}  .progetto-item {
--altezza-carosello: 600px;
border-bottom: 1px solid var(--c-dark);
margin-block-end: var(--space-md);
display: grid;
grid-template-columns: minmax(350px, 26%) 1fr;
grid-template-areas:
"descrizione carosello"
"info info";
gap: var(--space-md);
@media (width <=700px) {
--altezza-carosello: 300px;
grid-template-columns: 1fr;
grid-template-areas:
"carosello"
"info"
"descrizione";
padding-block-end: var(--space-md);
}
.descrizione {
grid-area: descrizione;
height: var(--altezza-carosello);
font-size: var(--step-0);
-webkit-mask-image: linear-gradient(to top, transparent -100% 0%, var(--c-black) 30%, var(--c-black) 94%, transparent 100% 0%);
mask-image: linear-gradient(to top, transparent -100% 0%, var(--c-black) 30%, var(--c-black) 94%, transparent 100% 0%);
overflow-y: scroll;
scrollbar-color: var(--c-dark) transparent;
scrollbar-width: thin;
p {
margin-block-end: var(--space-2xl);
}
}
}
.carousel-wrapper {
grid-area: carosello;
.carousel-item {
margin-right: var(--space-md);
img {
height: var(--altezza-carosello);
object-fit: contain;
width: auto;
}
}
.flickity-page-dots {
bottom: -15px;
}
}
.info {
display: flex;
align-items: center;
grid-area: info;
margin-block-end: var(--space-xl);
gap: var(--space-xs) var(--space-lg);
flex-wrap: wrap;
justify-content: space-between;
.info-item {
display: flex;
align-items: center;
gap: var(--space-2xs); }
p {
margin: 0;
font-size: var(--step-0);
text-transform: uppercase;
}
.info-subtitle {
font-size: var(--step--2);
}
@media (width <=700px) {
display: grid;
grid-template-columns: auto 1fr;
grid-template-areas:
"titolo titolo"
"committente committente"
"anno luogo";
margin-block: auto;
padding: var(--space-xs);
border: 1px solid var(--c-black);
border-radius: var(--step-0);
gap: var(--space-2xs);
align-items: start;
p {
font-size: var(--step--1);
}
.info-subtitle {
font-size: var(--step--3);
}
.nome {
font-size: var(--step-1);
}
.info-item {
align-items: start;
flex-direction: column;
gap: 0;
}
.info--nome {
grid-area: titolo;
.info-subtitle {
display: none;
}
}
.info--committente {
grid-area: committente;
}
.info--anno {
grid-area: anno;
}
.info--luogo {
grid-area: luogo;
justify-self: end;
}
}
} .testo_introduttivo {
font-size: var(--step-2);
max-inline-size: var(--max-width-text);
text-wrap: balance;
text-align: var(--text-align, start);
} .custom-logo {
mix-blend-mode: difference;
position: fixed;
left: calc(var(--space-sm));
top: var(--space-sm);
z-index: 15;
width: 50px;
}
.site-header:not(.site-header--coming-soon, :has(.main-navigation.toggled)) {
mix-blend-mode: difference;
}
.site-header:not(.site-header--coming-soon) {
position: fixed;
min-height: var(--height--header);
left: 0;
right: 0;
top: 0;
z-index: 10;
.site-branding {
display: grid;
grid-template-columns: auto 1fr;
border: var(--space-sm) solid transparent;
border-radius: var(--step--5);
margin: var(--space-3xs);
transition: height 300ms ease-in-out;
&:has(.main-navigation.toggled) {
background-color: var(--c-dark);
background-color: hsl(from var(--c-dark) h s l / 0.961);
-webkit-backdrop-filter: blur(3px) invert(1);
backdrop-filter: blur(3px) invert(1);
}
.custom-logo-link {
grid-column: 1 / 2;
grid-row: 1 / -1;
line-height: 0;
z-index: 1;
}
.site-title {
font-size: var(--step-1);
font-family: var(--ff-secondary);
margin: 0;
}
}
} .site-footer {
margin-block-start: var(--space-xl);
}
.footer-inner {
color: var(--c-panna);
background-color: var(--c-dark);
padding: var(--space-md);
border-radius: var(--step--3);
overflow-x: clip;
display: grid;
column-gap: var(--space-md);
grid-template-columns: 1fr 1fr;
grid-template-areas:
"site-info site-info"
"content newsletter"
"policy policy";
@media (width < 782px) {
grid-template-columns: 1fr;
grid-template-areas:
"site-info"
"content"
"newsletter"
"policy";
padding: var(--space-sm);
}
a {
color: var(--c-panna);
text-decoration: none;
&:hover,
&:active,
&:focus-visible {
text-decoration: underline;
}
}
.site-info {
grid-area: site-info;
font-size: var(--step-8);
text-box-trim: trim-both;
margin-block-end: var(--space-md);
margin-block-start: calc(-1 * var(--space-sm));
@media (width < 782px) {
margin-block-start: revert;
}
}
.footer-subtitle {
font-family: var(--ff-secondary);
text-transform: uppercase;
font-size: var(--step--1);
margin-block-end: var(--space-2xs);
}
.footer-content {
grid-area: content;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--space-md);
font-size: var(--step--1);
@media (width < 782px) {
grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr));
margin-block-end: var(--space-lg);
}
ul,
li {
margin: 0;
padding: 0;
list-style: none;
}
li {
margin-block-end: var(--space-2xs);
}
}
.footer-newsletter {
grid-area: newsletter;
background-color: var(--c-panna);
color: var(--c-dark);
border-radius: var(--step--3);
padding: var(--space-sm);
display: flex;
flex-direction: column;
gap: var(--space-lg);
a {
color: var(--c-dark);
}
}
.newsletter_form {
p {
max-inline-size: 100%;
display: flex;
flex-direction: row;
}
>p {
border-bottom: 1px solid var(--c-dark);
}
.wpcf7-form-control-wrap {
flex-grow: 1
}
.newsletter_email {
width: 100%;
font-size: var(--step-3);
border-bottom: none;
&::placeholder {
opacity: 1;
}
}
.newsletter_form__acceptance p {
margin-block-end: 0;
}
.wpcf7-list-item {
margin-left: 0;
font-size: var(--step--2);
}
.newsletter_submit {
line-height: 0;
font-size: var(--step-3);
border: none;
border-bottom: none;
-webkit-transition: -webkit-transform ease-in-out 200ms;
transition: -webkit-transform ease-in-out 200ms;
-o-transition: transform ease-in-out 200ms;
transition: transform ease-in-out 200ms;
transition: transform ease-in-out 200ms, -webkit-transform ease-in-out 200ms;
&:hover:not([disabled]),
&:active,
&:focus {
background-color: transparent;
transform: translateX(10px);
}
&:disabled {
opacity: 1;
}
}
}
.newsletter-title {
font-size: var(--step-5);
font-family: var(--ff-secondary);
text-wrap: balance;
}
.footer-policy {
grid-area: policy;
margin-block-start: var(--space-2xl);
display: flex;
gap: var(--space-sm) var(--space-xl);
flex-wrap: wrap;
@media (width < 782px) {
margin-block-start: var(--space-md);
gap: var(--space-3xs) var(--space-xs);
.footer-copyright {
order: 3;
}
}
}
} .site-main:not(.site-main--coming-soon) {
margin-block-start: calc(var(--height--header));
}
.sticky {
display: block;
}
.post,
.page {
margin: 0 0 1.5em;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .entry-title {
text-box-trim: trim-both;
font-size: var(--step-5);
margin: 0;
margin-block-end: var(--space-md);
} .page-template-default .entry-content h2 {
font-size: var(--step-3);
}
.page-template-default .entry-content :where(p, li) {
font-size: var(--step-1);
} :is(.entry-header--404, .entry-header--coming-soon, .entry-content, .entry-footer)>* {
--width--max: var(--width--content);
margin-inline: auto;
max-inline-size: min(100% - var(--width--site-gutter) * 2, var(--width--max))
}
:is(.entry-header--404, .entry-header--coming-soon, .entry-content, .entry-footer)>.is-small-width-content {
--width--max: var(--width--content--small);
}
:is(.entry-header--404, .entry-header--coming-soon, .entry-content, .entry-footer)>.is-medium-width-content {
--width--max: var(--width--content--medium);
@media (width <=782px) {
--width--max: none;
}
}
:is(.entry-header--404, .entry-header--coming-soon, .entry-content, .entry-footer)>.is-large-width-content {
--width--max: var(--width--content--large);
@media (width <=782px) {
--width--max: none;
}
}
:is(.entry-header--404, .entry-header--coming-soon, .entry-content, .entry-footer)>.is-full-width-content {
max-inline-size: none;
} .entry-content--home {
--text-align: center; min-height: 85vh;
min-height: 85dvh;
display: flex;
place-items: center; .description_subtitle {
text-align: var(--text-align);
text-wrap: balance;
}
}
.card-container {
display: grid; grid-template-columns: repeat(5, 1fr);
padding-block: var(--space-md);
}
.flip-card {
aspect-ratio: 1;
-webkit-perspective: 1000px;
perspective: 1000px;
} .flip-card-inner {
position: relative;
width: 100%;
height: 100%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; } .flip-card:hover .flip-card-inner {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
} .flip-card-front,
.flip-card-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .flip-card-back {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
} .grid-autofit {
--max-width-content: 290px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(var(--max-width-content), 1fr));
gap: var(--space-md);
grid-auto-columns: auto;
@media (width <=782px) {
--max-width-content: min(0, 100%);
}
[data-lity] {
cursor: pointer;
}
.testo_introduttivo {
grid-column: span 2;
font-size: var(--step-1);
align-self: center;
}
.commento-wrapper {
align-self: center;
min-width: 100%;
}
.commento {
font-size: var(--step-1);
justify-self: center;
max-inline-size: 290px;
@media (width <=782px) {
font-size: var(--step-1);
}
}
} .fantasia-item {
transform: scale(1);
transition: filter 0.6s ease-out, opacity 0.6s ease-out, transform cubic-bezier(0.65, 0.05, 0.36, 1) 400ms;
&:hover {
transform: scale(1.05);
}
}
.fantasia-wrapper {
place-content: center;
text-align: center;
img {
min-height: 100%;
object-fit: contain;
aspect-ratio: 1;
}
} .entry-content--studio {
.testo_introduttivo {
font-size: var(--step-1);
}
}
.marquee_section {
margin-inline: calc(-1 * var(--space-sm));
overflow: clip;
padding-block: var(--space-xl);
-webkit-transform: translateZ(0);
}
.marquee_track {
display: flex;
gap: var(--space-md);
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
will-change: transform; -webkit-backface-visibility: hidden; backface-visibility: hidden;
-webkit-animation: marquee-move-text 20s linear infinite;
animation: marquee-move-text 20s linear infinite;
}
.marquee_item {
max-inline-size: 300px;
-webkit-transform: translateZ(0); }
@-webkit-keyframes marquee-move-text {
from {
-webkit-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@keyframes marquee-move-text {
from {
-webkit-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.paragrafo_introduttivo {
margin: 0;
font-size: var(--step-1);
padding-block-end: var(--space-xl);
}
.section_media_text { display: flex;
justify-content: center; gap: var(--space-md);
place-items: center;
* {
flex: 1;
}
@media (width <=782px) { flex-direction: column;
figure {
order: 2;
}
}
p {
margin: 0;
font-size: var(--step-1);
}
} .entry-title--parliamone {
font-size: var(--step-4);
}
.entry-content--parliamone {
background-color: var(--c-white);
border: 1px solid var(--c-dark);
border-radius: var(--step--3);
display: grid;
grid-template-columns: repeat(2, 1fr);
padding: var(--space-sm);
gap: var(--space-md);
@media (width < 800px) {
grid-template-columns: 1fr;
}
.form_section {
min-width: 100%;
}
.form-row {
display: flex;
gap: var(--space-sm);
@media (width < 600px) {
flex-direction: column;
gap: 0;
}
>* {
flex: 1;
max-inline-size: 100%;
}
input:not([type="checkbox"]),
textarea {
width: 100%;
font-size: var(--step-0);
}
.wpcf7-acceptance span {
margin-inline-start: 0;
margin-block-end: var(--space-sm);
}
p {
margin-block-start: 0;
}
p:has([name="acceptance"]) {
margin: 0;
}
}
.form-row--acceptance {
position: relative;
}
} .error-404 {
display: grid;
}
.title-container-404 {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 450px;
}
.page-title--404 {
mix-blend-mode: difference;
text-transform: uppercase;
color: var(--c-white);
font-size: var(--step-8);
grid-column: 1 / -1;
grid-row: 1 / -1;
align-self: center;
justify-self: center;
margin: 0;
line-height: 1;
}
.error-404__image {
grid-column: 1 / -1;
grid-row: 1 / -1;
img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
.entry-content--404 {
margin-top: 0;
}
.entry-content__title--404 {
text-align: center;
font-weight: 100;
font-size: var(--step-1);
}
.home-button {
display: block;
text-align: center;
font-size: var(--step-1);
} .newsletter_form--coming-soon {
display: grid;
font-size: var(--step--1);
gap: var(--space-sm);
justify-content: center;
@media screen and (min-width:1200px) {
grid-template-columns: .5fr 0.7fr;
}
}
.newsletter_form--coming-soon p {
display: flex;
margin: 0;
justify-content: center;
}
.newsletter_form--coming-soon p .wpcf7-form-control-wrap {
flex: 1;
}
.newsletter-form__description {
align-self: center;
font-size: var(--step--2);
justify-self: center;
@media screen and (min-width:1200px) {
justify-self: right;
font-size: var(--step--1);
}
}
.newsletter_form__acceptance {
text-align: left;
margin-top: var(--space-3xs);
@media screen and (min-width:1200px) {
grid-column: 2 / 3;
}
}
.newsletter .wpcf7-list-item {
margin-left: 0;
font-size: var(--step--2);
}
.newsletter_form--coming-soon .newsletter_form__email {
width: 100%;
height: 100%;
border: 1px solid var(--c-black);
border-radius: var(--r-none);
text-align: center;
padding: var(--space-2xs);
border-right: none;
}
.newsletter_form--coming-soon .newsletter_form__email::placeholder {
color: var(--c-black);
}
.newsletter_form--coming-soon .newsletter_form__submit {
height: 100%;
border: 1px solid var(--c-black);
border-radius: var(--r-none); background-color: var(--c-white);
&:hover,
&:active {
background-color: var(--c-black);
color: var(--c-white);
border: 1px solid var(--c-black);
}
}
.newsletter_form--coming-soon .wpcf7-spinner {
display: none;
position: absolute;
}
.entry-content--coming-soon .wpcf7 form .wpcf7-response-output {
margin-top: var(--space-sm);
margin-inline: 0;
} :is(.entry-header--coming-soon, .entry-content--coming-soon)>* {
margin-inline: inherit;
max-inline-size: inherit;
}
.page-template-page-coming-soon {
padding-inline: var(--space-sm);
margin: 0;
} .site-header--coming-soon {
padding-top: var(--space-md);
text-align: center;
p {
max-inline-size: inherit
}
a {
text-decoration: none;
}
.site-title {
font-size: var(--step-3);
line-height: 1;
text-transform: uppercase;
margin: 0 0 var(--space-sm);
}
.site-description {
font-size: var(--step-0);
line-height: 1;
margin: 0 0 var(--space-xs);
}
.site-description-subtitle {
font-size: var(--step--2);
line-height: 1;
margin: 0 0 var(--space-lg);
}
} .site-main--coming-soon {
text-align: center;
} .entry-header--coming-soon {
display: grid;
grid-template-columns: [title-start image-start contact-start] 1fr [title-end image-end contact-end];
grid-template-rows: [title-start image-start] 62vmin [title-end image-end contact-start] auto [contact-end];
}
.entry-title--coming-soon {
grid-area: title;
mix-blend-mode: difference;
text-transform: uppercase;
color: var(--c-white);
font-weight: 100;
font-size: var(--step-8);
align-self: center;
justify-self: center;
margin-inline: var(--space-sm);
}
.entry-header--coming-soon .post-thumbnail {
grid-area: image; }
.entry-header--coming-soon .post-thumbnail img {
width: 100%;
height: 100%; object-fit: cover; }
.entry-contact {
grid-area: contact;
margin-top: var(--space-xs);
justify-self: center;
font-size: var(--step--2);
}
.entry-content--coming-soon {
display: flex;
justify-content: space-between;
flex-direction: column;
gap: var(--space-xl);
@media screen and (min-width:1024px) {
flex-direction: row;
gap: inherit;
}
}
.content--coming-soon {
font-size: var(--step-0);
@media screen and (min-width:1024px) {
text-align: left;
font-size: var(--step-1);
}
}
.content--coming-soon p {
margin: 0 auto;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}  .fs-xxl {
font-size: var(--step-6) !important;
}
.fs-xl {
font-size: var(--step-4) !important;
}
.fs-lg {
font-size: var(--step-3) !important;
}
.fs-md {
font-size: var(--step-1) !important;
}
.fs-sm {
font-size: var(--step-0) !important;
}
.fs-xs {
font-size: var(--step--2) !important;
} .ff-primary {
font-family: var(--ff-primary) !important;
}
.ff-secondary {
font-family: var(--ff-secondary) !important;
} .text-black {
color: var(--c-black) !important;
}
.text-white {
color: var(--c-white) !important;
}
.text-panna {
color: var(--c-panna) !important;
}
.text-dirt {
color: var(--c-dirt) !important;
}
.text-salvia {
color: var(--c-salvia) !important;
}
.text-mattone {
color: var(--c-mattone) !important;
}
.text-ocean {
color: var(--c-ocean) !important;
}
.bg-black {
background-color: var(--c-black) !important;
}
.bg-white {
background-color: var(--c-white) !important;
}
.bg-panna {
background-color: var(--c-panna) !important;
}
.bg-dirt {
background-color: var(--c-dirt) !important;
}
.bg-salvia {
background-color: var(--c-salvia) !important;
}
.bg-mattone {
background-color: var(--c-mattone) !important;
}
.bg-ocean {
background-color: var(--c-ocean) !important;
} .r-none {
border-radius: var(--r-none) !important;
}
.r-base {
border-radius: var(--r-base) !important;
}
.r-full {
border-radius: var(--r-full) !important;
}  .m-none {
margin: 0 !important;
}
.m-1 {
margin: var(--space-2xs) !important;
}
.m-sm {
margin: var(--space-xs) !important;
}
.m-3 {
margin: var(--space-sm) !important;
}
.m-4 {
margin: var(--space-lg) !important;
}
.m-5 {
margin: var(--space-xl) !important;
}
.m-6 {
margin: var(--space-2xl) !important;
} .p-none {
padding: 0 !important;
}
.p-1 {
padding: var(--space-2xs) !important;
}
.p-sm {
padding: var(--space-xs) !important;
}
.p-3 {
padding: var(--space-sm) !important;
}
.p-4 {
padding: var(--space-lg) !important;
}
.p-5 {
padding: var(--space-xl) !important;
}
.p-6 {
padding: var(--space-2xl) !important;
} .mt-none {
margin-top: 0 !important;
}
.mt-1 {
margin-top: var(--space-2xs) !important;
}
.mt-sm {
margin-top: var(--space-xs) !important;
}
.mt-3 {
margin-top: var(--space-sm) !important;
}
.mt-4 {
margin-top: var(--space-lg) !important;
}
.mt-5 {
margin-top: var(--space-xl) !important;
}
.mt-6 {
margin-top: var(--space-2xl) !important;
} .mb-none {
margin-bottom: 0 !important;
}
.mb-1 {
margin-bottom: var(--space-2xs) !important;
}
.mb-2 {
margin-bottom: var(--space-xs) !important;
}
.mb-3 {
margin-bottom: var(--space-sm) !important;
}
.mb-4 {
margin-bottom: var(--space-lg) !important;
}
.mb-5 {
margin-bottom: var(--space-xl) !important;
}
.mb-6 {
margin-bottom: var(--space-2xl) !important;
} .pt-none {
padding-top: 0 !important;
}
.pt-1 {
padding-top: var(--space-2xs) !important;
}
.pt-2 {
padding-top: var(--space-xs) !important;
}
.pt-3 {
padding-top: var(--space-sm) !important;
}
.pt-4 {
padding-top: var(--space-lg) !important;
}
.pt-5 {
padding-top: var(--space-xl) !important;
}
.pt-6 {
padding-top: var(--space-2xl) !important;
} .pb-none {
padding-bottom: 0 !important;
}
.pb-1 {
padding-bottom: var(--space-2xs) !important;
}
.pb-2 {
padding-bottom: var(--space-xs) !important;
}
.pb-3 {
padding-bottom: var(--space-sm) !important;
}
.pb-4 {
padding-bottom: var(--space-lg) !important;
}
.pb-5 {
padding-bottom: var(--space-xl) !important;
}
.pb-6 {
padding-bottom: var(--space-2xl) !important;
} .g-none {
gap: 0 !important;
}
.g-1 {
gap: var(--space-2xs) !important;
}
.g-2 {
gap: var(--space-xs) !important;
}
.g-3 {
gap: var(--space-sm) !important;
}
.g-4 {
gap: var(--space-lg) !important;
}
.g-5 {
gap: var(--space-xl) !important;
}
.g-6 {
gap: var(--space-2xl) !important;
}
.lazy-blur {
opacity: 0.4;
filter: blur(40px);
transition: filter 0.6s ease-out, opacity 0.6s ease-out, transform cubic-bezier(0.65, 0.05, 0.36, 1) 400ms;
}
.lazy-blur.loaded {
opacity: 1;
filter: blur(0);
}
.screen-reader-only {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
} @media (prefers-reduced-motion: reduce) {
* {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
html {
scroll-behavior: auto;
}
.marquee_track {
animation: none !important;
-webkit-animation: none !important;
}
.flip-card:hover .flip-card-inner {
transform: none;
}
.fantasia-item:hover {
transform: none;
}
.lazy-blur {
transition: none !important;
}
}
@supports not ((-webkit-backdrop-filter: blur(3px)) or (backdrop-filter: blur(3px))) {
.site-branding:has(.main-navigation.toggled) {
background-color: var(--c-dark);
}
}
@supports not (object-fit: cover) {
.error-404__image,
.entry-header--coming-soon .post-thumbnail {
background-size: cover;
background-position: center;
}
.error-404__image img,
.entry-header--coming-soon .post-thumbnail img {
opacity: 0;
}
}
@supports not (mix-blend-mode: difference) {
.custom-logo { opacity: 0.8;
filter: brightness(0);
}
}