body.stk--anim-init .stk--has-background-overlay:before,
body.stk--anim-init .stk-block .stk-button:after,
body.stk--anim-init .stk-block .stk-button:before,
body.stk--anim-init .stk-block li::marker,
body.stk--anim-init .stk-block-tabs__tab,
body.stk--anim-init .stk-img-wrapper:after,
body.stk--anim-init .stk-img-wrapper:before,
body.stk--anim-init
:is(
.stk-block,
.stk-container,
.stk-container-padding,
.stk-img-wrapper,
.stk-img-wrapper img,
.stk-block-heading__top-line,
.stk-block-heading__bottom-line,
.stk-block-posts__item-hide,
.stk-block-posts__title > a,
.stk-button,
.stk-button__inner-text,
.stk-block li,
.stk-block p,
.stk-block h1,
.stk-block h2,
.stk-block h3,
.stk-block h4,
.stk-block h5,
.stk-block h6,
.stk-block [class*="__text"]
) {
transition: unset !important;
}
@media screen and (max-width: 923px) {
.stk-8ca1650 .stk-block-text__text {
font-size: 45px !important;
}
}
ul,
ol {
padding-left: 20px;
}
ul li,
ol li {
margin-bottom: 4px;
}
ul li::marker,
ol li::marker {
color: var(--theme-palette-color-3);
} .site-logo-container img,
.site-logo-container svg,
.site-logo-container picture {
width: 100%;
}
.is-layout-constrained > .alignwide {
max-width: var(--theme-normal-container-max-width);
width: var(--theme-container-width);
}
.ct-header-text .entry-content {
display: inline-flex;
}
:is(.is-layout-flow, .is-layout-constrained)
> :where(:not(h1, h2, h3, h4, h5, h6)) {
margin-block-end: 0;
}
:is(.is-layout-flow, .is-layout-constrained) :where(h1, h2, h3, h4, h5, h6) {
margin-block-end: 0;
} a:focus,
button:focus {
outline: 2px solid var(--theme-palette-color-4);
outline-offset: 2px;
}
a:focus-visible,
button:focus-visible {
outline: 2px solid var(--theme-palette-color-4);
outline-offset: 2px;
}
a:focus:not(:focus-visible),
button:focus:not(:focus-visible) {
outline: none;
}
.is-visually-hidden,
.is-visually-hidden :where(h1, h2, h3, h4, h5, h6) {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
} .justify-between {
justify-content: space-between;
}
.special-divider {
width: 1px;
height: 100%;
min-height: 200px;
background-color: var(--theme-palette-color-5);
}
.o-hidden {
overflow: hidden;
}
.max-100vh {
max-height: 100vh;
}
.w-space-no {
white-space: nowrap;
}
.pos-rel-1 {
position: relative;
z-index: 1 !important;
}
.pos-rel-2 {
position: relative;
z-index: 2 !important;
}
.mw-480 {
max-width: 480px !important;
}
.mw-600 {
max-width: 600px !important;
}
@media (max-width: 992px) {
.special-divider {
min-height: 100px;
}
}  .site-section {
padding-top: var(--wp--preset--spacing--100) !important;
padding-bottom: var(--wp--preset--spacing--100) !important;
transition: padding 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.site-section.no-top-pad {
padding-top: 0 !important;
}
.site-section.no-bot-pad {
padding-bottom: 0 !important;
}
.site-section.top-pad-80 {
padding-top: var(--wp--preset--spacing--80) !important;
}
.site-section.bot-pad-60 {
padding-bottom: var(--wp--preset--spacing--60) !important;
}
@media (max-width: 1024px) {
.site-section {
padding-top: var(--wp--preset--spacing--90) !important;
padding-bottom: var(--wp--preset--spacing--90) !important;
}
}
@media (max-width: 992px) {
.site-section.top-pad-80 {
padding-top: var(--wp--preset--spacing--70) !important;
}
}
@media (max-width: 768px) {
.site-section {
padding-top: var(--wp--preset--spacing--70) !important;
padding-bottom: var(--wp--preset--spacing--70) !important;
}
.site-hero.si-bot-pad.no-bot-mob-pad {
padding-bottom: var(--wp--preset--spacing--50) !important;
}
.site-section.bot-pad-60 {
padding-bottom: 0 !important;
}
} .site-hero,
.hero-section {
padding-top: var(--wp--preset--spacing--100) !important;
padding-bottom: 0 !important;
transition: padding 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.site-hero.no-top-pad {
padding-top: 0 !important;
}
.site-hero.si-bot-pad {
padding-bottom: var(--wp--preset--spacing--100) !important;
}
@media (max-width: 1024px) {
.site-hero {
padding-top: var(--wp--preset--spacing--80) !important;
padding-bottom: 0 !important;
}
.hero-section {
padding-top: var(--wp--preset--spacing--70) !important;
}
}
@media (max-width: 768px) {
.site-hero {
padding-top: var(--wp--preset--spacing--90) !important;
padding-bottom: var(--wp--preset--spacing--50) !important;
}
.hero-section {
padding-top: var(--wp--preset--spacing--60) !important;
}
}
@media (max-width: 576px) {
.site-hero {
padding-top: var(--wp--preset--spacing--100) !important;
}
} #header {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
}
header .ct-container {
padding: 0 !important;
--header-sticky-animation-speed: 0.38s;
transition: all var(--header-sticky-animation-speed, 0.38s)
cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#header [data-column-set="2"] > div {
grid-template-rows: 85px;
}
header [data-sticky="yes:shrink"] .ct-container {
padding: var(--row-padding, 0 35px) !important;
}
#header [data-row*="top"] {
z-index: inherit !important;
height: 0;
}
.header-link a {
font-size: 14px;
color: var(--theme-palette-color-8) !important;
text-decoration: underline;
}
[data-sticky],
[data-sticky] [data-row],
[data-sticky] [data-row*="boxed"] > div,
[data-row] > div {
--header-sticky-animation-speed: 0.38s;
transition: all var(--header-sticky-animation-speed, 0.38s)
cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
header div[data-sticky="yes:shrink"] {
margin: 0 4vw;
}
header div[data-sticky="yes:shrink"] div[data-row="middle"] {
padding: 0 30px;
}
header div[data-sticky="yes:shrink"] .burger-menu__li,
header div[data-sticky="yes:shrink"] .wrap-burger > span {
transition: all 0.65s cubic-bezier(0.215, 0.61, 0.355, 1);
}
header div[data-sticky="yes:shrink"] .burger-menu {
border: 1px solid var(--theme-palette-color-8);
}
header div[data-sticky="yes:shrink"] .burger-menu__line {
background-color: var(--theme-palette-color-8);
}
header div[data-sticky="yes:shrink"] .wrap-burger > span {
color: var(--theme-palette-color-8);
}  .wrap-burger,
.wrap-burger-close {
display: flex;
align-items: center;
}
.wrap-burger > span,
.wrap-burger-close > span {
font-size: 12px;
display: inline-block;
margin-right: 8px;
}
.burger-menu,
.mega-menu__close {
cursor: pointer;
display: grid;
place-content: center;
flex-direction: column;
width: 44px;
height: 44px;
background: transparent;
}
.burger-menu {
gap: 9px;
border: 1px solid var(--theme-palette-color-6);
}
.mega-menu__close {
gap: 6px;
border: 1px solid var(--theme-palette-color-8);
}
.burger-menu__line,
.burger-menu__close__line {
width: 28px;
height: 1px;
}
.burger-menu__line {
background: var(--theme-palette-color-6);
}
.burger-menu__close__line {
background: var(--theme-palette-color-8);
transform-origin: center;
}
.wrap-burger-close {
position: absolute;
top: 44px;
right: 34px;
background: none;
border: none;
cursor: pointer;
background-color: transparent;
opacity: 1;
color: var(--theme-palette-color-8);
transition:
opacity 0.25s ease,
transform 0.25s ease;
}
body.menu-is-open {
overflow: hidden;
}
.burger-menu__close__line:nth-child(1) {
transform: rotate(45deg) translate(3px, 2px);
}
.burger-menu__close__line:nth-child(2) {
transform: rotate(-45deg) translate(3px, -3px);
} .mega-menu {
position: fixed;
inset: 0;
z-index: 999;
background-color: var(--theme-palette-color-1);
padding: 9rem 2rem 2rem;
visibility: hidden;
pointer-events: none;
}
body.menu-is-open .mega-menu {
visibility: visible;
pointer-events: auto;
}
.mega-menu__inner {
display: grid;
grid-template-columns: 30% 30% 30%;
height: 72vh;
height: 72dvh;
height: 72svh;
overflow-y: auto;
overscroll-behavior: contain;
scrollbar-gutter: stable;
-webkit-overflow-scrolling: touch;
} .mega-menu__primary {
list-style: none;
margin: 0;
padding: 0;
}
.mega-menu__primary-item a {
font-family: forma-djr-display, Sans-Serif;
display: inline-flex;
align-items: flex-end;
gap: 24px;
width: 100%;
font-size: 44px;
font-weight: 600;
line-height: 1;
color: var(--theme-palette-color-8);
text-decoration: none;
padding: 8px;
opacity: 0.55;
transition: opacity 0.35s ease;
}
.mega-menu__primary-item:hover a,
.mega-menu__primary-item.is-active a {
opacity: 1;
}
.mega-menu__arrow {
display: inline-flex;
opacity: 0.6;
transition: opacity 0.3s ease;
}
.mega-menu__primary-item:hover .mega-menu__arrow,
.mega-menu__primary-item.is-active .mega-menu__arrow {
opacity: 1;
} .mega-menu__secondary {
list-style: none;
margin: 0;
padding: 0;
display: none;
}
.mega-menu__secondary.is-active {
display: block;
}
.mega-menu__secondary-item a {
font-family: forma-djr-display, Sans-Serif;
width: 100%;
font-size: 30px;
font-weight: 500;
line-height: 1;
color: var(--theme-palette-color-8);
text-decoration: none;
padding: 8px;
display: inline-block;
opacity: 0.45;
transition: opacity 0.35s ease;
}
.mega-menu__secondary.is-active .mega-menu__secondary-item a {
opacity: 0.6;
}
.mega-menu__secondary.is-active .mega-menu__secondary-item.is-active a {
opacity: 1;
}
.mega-menu__secondary.is-active .mega-menu__secondary-item:hover a {
opacity: 1;
} .mega-menu__col--visual {
position: relative;
overflow: hidden;
aspect-ratio: 4 / 5;
height: 90%;
width: 100%;
}
.mega-menu__visual {
position: absolute;
inset: 0;
opacity: 0;
visibility: hidden;
transition:
opacity 0.3s ease,
visibility 0.3s ease;
}
.mega-menu__visual.is-active {
opacity: 1;
visibility: visible;
}
.mega-menu__visual-img {
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.mega-menu__visual-img--base {
z-index: 1;
}
.mega-menu__visual-img--hover {
z-index: 2;
opacity: 0;
} .mega-menu__social {
margin-top: auto;
padding-top: 24px;
border-top: 1px solid var(--theme-palette-color-8);
display: flex;
justify-content: flex-end;
gap: 32px;
}
.mega-menu__social a {
font-family: forma-djr-display, Sans-Serif;
font-size: 16px;
font-weight: 500;
color: var(--theme-palette-color-8);
text-decoration: none;
opacity: 0.6;
transition: opacity 0.25s ease;
}
.mega-menu__social a:hover {
opacity: 1;
} .mega-menu__primary-item a:focus-visible,
.mega-menu__secondary-item a:focus-visible,
.mega-menu__social a:focus-visible {
outline: 2px solid var(--theme-palette-color-8);
outline-offset: -2px;
border-radius: 2px;
opacity: 1;
} .mobile-menu {
position: fixed;
inset: 0;
z-index: 999;
background-color: var(--theme-palette-color-1);
padding: 8rem 2rem 2rem;
visibility: hidden;
pointer-events: all;
}
.mobile-menu__primary {
list-style: none;
margin: 0;
padding: 0;
height: 100%;
overflow-y: auto;
overscroll-behavior: contain;
scrollbar-gutter: stable;
-webkit-overflow-scrolling: touch;
touch-action: pan-y;
}
.mobile-menu__row {
display: inline-flex;
align-items: center;
justify-content: space-between;
}
.mobile-menu__item a {
font-family: forma-djr-display, Sans-Serif;
font-size: 44px;
font-weight: 600;
line-height: 1;
color: var(--theme-palette-color-8);
text-decoration: none;
padding: 8px;
border-radius: 4px;
opacity: 0.5;
transition: opacity 0.35s ease;
}
.mobile-menu__icon {
background-color: transparent;
}
.mobile-menu__icon svg path {
color: var(--theme-palette-color-8);
}
.mobile-menu__submenu {
opacity: 0;
visibility: hidden;
height: 0;
overflow: hidden;
padding-left: 1rem;
transition:
opacity 0.25s ease,
max-height 0.25s ease;
}
.mobile-menu__item.is-open .mobile-menu__submenu {
display: block;
}
.mobile-menu__item:hover a,
.mobile-menu__item:focus-within a {
opacity: 1;
}
.mobile-menu__submenu a {
font-family: forma-djr-display, Sans-Serif;
display: block;
padding: 8px;
font-size: 24px;
font-weight: 500;
opacity: 0.5;
transition: opacity 0.25s ease;
}
.mobile-menu__submenu a:hover {
opacity: 1;
}
.mobile-menu__item a:focus-visible,
.mobile-menu__submenu a:focus-visible {
outline: 2px solid var(--theme-palette-color-8);
outline-offset: -2px;
border-radius: 2px;
opacity: 1;
}
@media (max-width: 992px) {
.mobile-menu__item a {
font-size: 38px !important;
}
.mobile-menu__item .mobile-menu__submenu a {
font-size: 25px !important;
}
}
@media (max-width: 500px) {
.mobile-menu__item a {
font-size: 32px !important;
}
.mobile-menu__item .mobile-menu__submenu a {
font-size: 23px !important;
}
} div[data-column="widget-area-1"] p {
max-width: 530px;
}
.footer-center .footer-center__orari p {
max-width: 350px;
}
.footer-center .footer-center__orari p span {
display: inline-block;
min-width: 110px;
white-space: nowrap;
margin: 0 auto;
}
.footer-center__privacy a {
color: var(--theme-palette-color-8) !important;
}
.footer-center a:not(.footer-center__social a) {
text-decoration: none !important;
}
#footer a:focus-visible,
#footer button:focus-visible {
outline: 2px solid var(--theme-palette-color-8);
outline-offset: 4px;
border-radius: 2px;
}  .hp-hero-minimal__stage {
min-height: 20vh !important;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
}
.hp-hero-minimal__title {
font-size: clamp(44px, 1.561rem + 5.98vw, 120px);
letter-spacing: -30px;
opacity: 0;
line-height: 1.2;
white-space: wrap;
will-change: letter-spacing, opacity;
} .hp-hero__stage {
min-height: 70vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: clamp(32px, 3vw, 48px) !important;
position: relative;
}
.hp-hero__media-wrap {
display: inline-block;
position: relative;
z-index: 2;
clip-path: inset(0% 0% 100% 0%);
will-change: clip-path;
}
.hp-hero__media {
aspect-ratio: 16/9;
width: 100%;
will-change: transform;
}
.hp-hero__media img {
width: 100%;
height: 100%;
object-fit: cover;
will-change: transform;
}
.hp-hero__text {
position: relative;
z-index: 1;
will-change: transform, opacity;
}
.hp-hero__title {
font-size: clamp(44px, 1.561rem + 5.98vw, 120px);
letter-spacing: -30px;
opacity: 0;
line-height: 1.15;
white-space: wrap;
will-change: letter-spacing, opacity;
}
.hp-hero__desc {
overflow: hidden;
}
.hp-hero__desc :where(h1, h2, h3, h4, h5, h6, p) {
font-size: clamp(28px, 0.615rem + 3.41vw, 42px);
max-width: 650px;
line-height: 1.15em;
padding-bottom: 16px;
letter-spacing: 0.5px;
font-weight: 400;
margin: 24px auto;
opacity: 0;
font-family: forma-djr-display, Sans-Serif;
transform: translateY(100%);
will-change: transform, opacity;
}
.page-id-27 .hp-hero__desc :where(h1, h2, h3, h4, h5, h6, p) {
font-weight: 500 !important;
}
.page-id-137 .hp-hero__desc :where(h1, h2, h3, h4, h5, h6, p) {
max-width: 1020px !important;
}
@media (max-width: 1024px) {
.hp-hero__stage {
min-height: 60vh;
gap: 1.5rem !important;
}
.hp-hero__desc :where(h1, h2, h3, h4, h5, h6, p) {
max-width: 500px;
margin: auto;
line-height: 1.3;
}
}
@media (max-width: 800px) {
.hp-hero__stage {
min-height: 50vh;
}
}
@media (max-width: 670px) {
.hp-hero__desc :where(h1, h2, h3, h4, h5, h6, p) {
max-width: 450px;
}
}
@media (max-width: 500px) {
.hp-hero__stage {
min-height: 40vh;
gap: 1.5rem !important;
}
.hp-hero__media {
overflow: visible;
max-height: 600px;
clip-path: inset(0 0 0 0);
}
.hp-hero__title {
opacity: 1;
letter-spacing: 1px;
}
.hp-hero__desc :where(h1, h2, h3, h4, h5, h6, p) {
opacity: 1;
transform: translateY(0);
}
.hp-hero__media-wrap {
display: inline-block;
}
} .hp-hero-partner__stage {
min-height: 70vh;
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: center;
position: relative;
overflow: hidden;
gap: clamp(32px, 3vw, 48px) !important;
}
.hp-hero-partner__media-wrap {
position: relative;
z-index: 2;
aspect-ratio: 3/4;
overflow: hidden;
max-height: 0;
width: 100%;
clip-path: inset(50% 50% 50% 50%);
will-change: clip-path, max-height, transform;
}
.hp-hero-partner__media img {
width: 100%;
height: 100%;
object-fit: cover;
will-change: transform;
}
.hp-hero-partner__brand {
overflow: hidden;
width: 100%;
max-width: 170px;
}
.hp-hero-partner__brand img {
opacity: 0;
transform: translateY(100%);
max-height: 100px;
}
.hp-hero-partner__text,
.hp-hero-partner__media-wrap {
flex: 1 1 50%;
max-width: 50%;
}
.hp-hero-partner__text {
padding-right: var(--wp--preset--spacing--60) !important;
position: relative;
z-index: 1;
will-change: transform, opacity;
}
.hp-hero-partner__title {
font-size: clamp(60px, 6vw, 120px);
letter-spacing: -30px;
opacity: 0;
white-space: wrap;
line-height: 1.15;
text-align: left;
will-change: letter-spacing, opacity;
}
.hp-hero-partner__desc {
overflow: hidden;
}
.hp-hero-partner__desc :where(h1, h2, h3, h4, h5, h6, p) {
font-size: clamp(27px, 2vw, 32px);
max-width: 650px;
line-height: 1.15em;
letter-spacing: 0.5px;
text-align: left;
font-weight: 400;
margin: 24px auto;
opacity: 0;
font-family: forma-djr-display, Sans-Serif;
transform: translateY(100%);
will-change: transform, opacity;
}
@media (max-width: 1024px) {
.hp-hero-partner__stage {
min-height: auto;
}
}
@media (max-width: 800px) {
.hp-hero-partner__stage {
flex-direction: column;
}
.hp-hero-partner__text {
flex: 1 1 100%;
max-width: 100%;
}
.hp-hero-partner__media-wrap {
flex: 1 1 100%;
max-width: 80% !important;
margin-left: 0 !important;
}
} .page-intro__titolo {
max-width: 350px;
}
.page-intro__titolo.page-intro__titolo-more {
max-width: 580px;
}
.page-intro__paragrafo p {
max-width: 600px;
}
@media (min-width: 1024px) {
.page-intro-line {
position: relative;
}
.page-intro-line::after {
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, 0);
width: 1px;
height: 100%;
background-color: var(--theme-palette-color-10);
}
}
@media (max-width: 768px) {
.page-intro__inner {
display: flex;
flex-direction: column;
gap: 1.5rem !important;
}
.page-intro__titolo {
max-width: 100%;
}
.page-intro__paragrafo p {
max-width: 520px;
}
}  .ct-load-more {
border: 1px solid var(--theme-palette-color-1);
padding: 14px 28px;
}
.ct-last-page-text {
border: 1px solid var(--theme-palette-color-3);
padding: 14px 28px;
background-color: var(--theme-palette-color-3);
color: var(--theme-palette-color-8);
opacity: 1 !important;
}
.ct-last-page-text:hover {
border: 1px solid var(--theme-palette-color-11) !important;
background-color: var(--theme-palette-color-11) !important;
}
.entry-button {
align-self: end !important;
text-decoration: underline;
}
button.wp-element-button.ct-load-more {
letter-spacing: 0.08em;
}
@media (max-width: 1024px) {
[data-prefix="blog"] .entries {
--grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 800px) {
[data-prefix="blog"] .entries {
--grid-template-columns: repeat(1, minmax(0, 1fr));
}
} @media (min-width: 501px) {
.hero-section .page-title {
margin: 0 10vw;
}
}
.hero-section .page-title {
font-size: clamp(54px, 6.5vw, 90px);
opacity: 0;
line-height: 1.1em;
white-space: wrap;
will-change: letter-spacing, opacity;
}
.entry-meta li a {
letter-spacing: 0.07em;
} .rank-math-breadcrumb {
overflow-y: hidden;
}
.rank-math-breadcrumb p {
transform: translateY(100%);
}
.rank-math-breadcrumb p a {
text-transform: capitalize;
} .ct-dynamic-filter-wrap {
position: relative;
margin-bottom: 70px;
overflow: hidden;
}
.ct-dynamic-filter {
display: flex;
align-items: center;
flex-wrap: nowrap !important;
gap: 0 !important;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none;
margin-bottom: 0 !important;
-webkit-overflow-scrolling: touch;
border-bottom: 1px solid var(--theme-palette-color-5);
scroll-behavior: smooth;
transform: translateY(100%);
}
.ct-dynamic-filter::-webkit-scrollbar {
display: none;
}
.ct-dynamic-filter a {
position: relative;
flex-shrink: 0;
padding: 20px 28px;
font-size: 16px;
font-weight: 500;
color: #bcbcbc;
text-decoration: none;
white-space: nowrap;
transition: color 0.2s ease;
}
.ct-dynamic-filter a::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
background: var(--theme-palette-color-3);
transition: all 0.23s ease;
}
.ct-dynamic-filter a.active {
color: var(--theme-palette-color-3) !important;
}
.ct-dynamic-filter a:hover::after,
.ct-dynamic-filter a.active::after {
width: 100%;
}
.ct-dynamic-filter a:hover {
color: var(--theme-palette-color-3);
}
.ct-dynamic-filter a:focus-visible {
outline: 2px solid var(--theme-palette-color-4);
outline-offset: -1px;
}
.ct-filter-arrow {
position: absolute;
top: 0;
bottom: 1px;
width: 48px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease;
z-index: 2;
border: none;
padding: 0;
}
.ct-filter-arrow.visible {
opacity: 1;
pointer-events: auto;
}
.ct-filter-arrow--prev {
left: 0;
background: linear-gradient(
to right,
var(--theme-palette-color-8, #fff) 50%,
transparent
);
}
.ct-filter-arrow--next {
right: 0;
background: linear-gradient(
to left,
var(--theme-palette-color-8, #fff) 50%,
transparent
);
}
.ct-filter-arrow svg {
width: 16px;
height: 16px;
stroke: var(--theme-palette-color-3);
fill: none;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
@media (max-width: 500px) {
.ct-dynamic-filter a {
padding: 16px 20px;
font-size: 15px;
}
}  .fluentform {
max-width: 768px;
margin: 0 auto;
}
.ff-default .ff-el-form-control {
font-family: inherit !important;
}
.fluentform .ff-el-group {
margin-bottom: 36px;
}
.fluentform .ff_submit_btn_wrapper {
margin-bottom: 0 !important;
}
.ff-message-success {
background-color: var(--theme-palette-color-3) !important;
color: var(--theme-palette-color-8) !important;
} .fluentform ::placeholder,
select[name="richiesta"] {
color: var(--theme-palette-color-4) !important;
font-size: 11px !important;
text-transform: uppercase !important;
opacity: 1 !important;
letter-spacing: 0.06em !important;
font-family: Inter, Sans-Serif !important;
}
.fluentform :-ms-input-placeholder {
color: var(--theme-palette-color-4) !important;
font-family: Inter, Sans-Serif !important;
}
.fluentform ::-ms-input-placeholder {
color: var(--theme-palette-color-4) !important;
font-family: Inter, Sans-Serif !important;
} .fluentform input[type="text"],
.fluentform input[type="email"],
.fluentform input[type="tel"],
.fluentform textarea {
width: 100%;
border: none !important;
border-radius: 0 !important;
border-bottom: 1px solid #b0b0b0 !important;
background: transparent;
padding: 6px 0 10px !important;
min-height: 40px !important;
font-size: 16px;
font-family: Inter, Sans-Serif !important;
color: var(--theme-palette-color-4);
outline: none;
box-shadow: none;
-webkit-appearance: none;
}
.fluentform input:focus,
.fluentform textarea:focus {
border-bottom: 2px solid var(--theme-palette-color-1) !important;
background-color: transparent !important;
}
.fluentform textarea {
min-height: 140px;
resize: none;
} .fluentform select {
width: 100%;
border: none !important;
border-radius: 0 !important;
border-bottom: 1px solid #b0b0b0 !important;
background-color: transparent;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23999' stroke-width='1.5' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
font-family: Inter, Sans-Serif !important;
background-repeat: no-repeat;
background-position: right 0 center;
background-size: 12px 8px;
background-clip: padding-box;
padding: 6px 28px 10px 0 !important;
min-height: 40px !important;
font-size: 16px;
color: #111;
cursor: pointer;
outline: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.fluentform select:focus {
border-bottom: 2px solid var(--theme-palette-color-1) !important;
} .frm-fluent-form .choices__inner {
border-radius: 0 !important;
background: transparent !important;
border: none !important;
border-bottom: 1px solid #b0b0b0 !important;
padding: 6px 0 10px !important;
}
.fluentform .ff-el-form-check-label .ff-el-form-check-input {
border: 1px solid #b0b0b0;
}
.fluentform .ff-el-form-check a {
text-decoration: underline !important;
} .fluentform .ff-btn-submit {
width: 100%;
background: var(--theme-palette-color-1) !important;
color: var(--theme-palette-color-8) !important;
border: none !important;
font-family: Inter, Sans-Serif !important;
letter-spacing: 0.06em !important;
padding: 18px 24px !important;
font-size: 16px !important;
font-weight: 500 !important;
cursor: pointer !important;
transition: all 0.25s ease;
}
.fluentform .ff-btn-submit:hover,
.fluentform .ff-btn-submit:focus {
background: var(--theme-palette-color-9) !important;
opacity: 1 !important;
}
@media (max-width: 768px) {
.fluentform {
padding: 32px 20px 0 20px;
}
.fluentform .ff-el-group {
margin-bottom: 28px;
}
} .fade-in-on-scroll {
opacity: 0;
transform: translateY(60px);
will-change: transform, opacity;
}
.fade-in-right-on-scroll {
opacity: 0;
transform: translateX(60px);
will-change: transform, opacity;
}
.fade-in-scale-on-scroll {
overflow: hidden;
}
.fade-in-scale-on-scroll img {
transform: scale(1);
will-change: transform;
}
.split-line-wrapper {
overflow: hidden;
} .scroll-top {
position: fixed;
bottom: 0;
right: 24px;
z-index: 9999;
width: 52px;
height: auto;
background: var(--theme-palette-color-3, #f0eeee);
border: none;
border-radius: 4px 4px 0 0;
cursor: pointer;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
overflow: hidden;
padding: 10px 6px 8px;
color: var(--theme-palette-color-2, #202020);
}
.scroll-top__progress {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 3px;
background: var(--theme-palette-color-1, #e00034);
transform: scaleX(0);
transform-origin: left center;
}
.scroll-top__icon {
display: flex;
align-items: center;
justify-content: center;
transform: rotate(-90deg);
width: 24px;
height: 24px;
}
.scroll-top__icon svg {
width: 100%;
height: 100%;
}
.scroll-top__label {
font-size: 9px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
line-height: 1;
writing-mode: vertical-rl;
transform: rotate(180deg);
color: inherit;
}
@media (max-width: 767px) {
.scroll-top {
right: 12px;
width: 44px;
}
} .block-valori {
--valori-gap: clamp(3rem, 6vw, 7rem);
--valori-line-color: rgba(222, 8, 22, 0.15);
--valori-accent: var(--theme-palette-color-1, rgba(222, 8, 22, 1));
background-color: var(--theme-palette-color-5);
border-radius: 4px;
} .block-valori__header {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
gap: 4rem;
margin-bottom: clamp(3rem, 6vw, 6rem);
padding-bottom: clamp(2rem, 4vw, 3rem);
border-bottom: 1px solid var(--theme-palette-color-10);
}
.block-valori__header-title {
flex: 0 0 auto;
font-size: clamp(32px, 3.5vw, 46px) !important;
font-weight: 600 !important;
color: var(--valori-accent) !important;
line-height: 1.1;
max-width: 340px;
margin: 0 !important;
}
.block-valori__header-intro {
flex: 1 1 auto;
font-size: clamp(16px, 1.5vw, 20px);
font-weight: 500;
max-width: 560px;
line-height: 1.55;
margin: 0;
} .block-valori__list {
position: relative;
counter-reset: valori-counter;
padding-left: 3vw;
} .block-valori__line {
position: absolute;
top: 0;
left: 0;
width: 2px;
height: 100%;
background: linear-gradient(
to top,
var(--valori-accent),
rgba(222, 8, 22, 0.2)
);
transform-origin: top center;
transform: scaleY(0);
will-change: transform;
pointer-events: none;
} .block-valori__item {
position: relative;
display: flex !important;
flex-direction: row;
align-items: flex-start;
gap: var(--valori-gap);
padding: clamp(2.5rem, 5vw, 4rem) 0 clamp(2.5rem, 5vw, 4rem)
clamp(1.5rem, 3vw, 2.5rem);
border-bottom: 1px solid var(--theme-palette-color-10);
counter-increment: valori-counter;
overflow: hidden;
transition: background-color 0.4s ease;
}
.block-valori__item:last-child {
border-bottom: none;
} .block-valori__item {
--valori-num-opacity: 0;
}
.block-valori__item::after {
content: "_" counter(valori-counter, decimal-leading-zero);
position: absolute;
bottom: clamp(0.5rem, 1.5vw, 1rem);
right: -0.02em;
font-size: clamp(80px, 12vw, 140px);
font-weight: 300;
font-style: italic;
line-height: 1;
letter-spacing: -0.04em;
color: var(--theme-palette-color-10);
opacity: var(--valori-num-opacity);
pointer-events: none;
user-select: none;
} .block-valori__item-left {
flex: 0 0 clamp(180px, 28%, 320px);
display: flex;
flex-direction: column;
gap: 1.25rem;
} .block-valori__item-left .stk-block-image {
flex-shrink: 0;
}
.block-valori__item-title .stk-block-heading__text {
font-size: clamp(22px, 2.5vw, 34px) !important;
font-weight: 500 !important;
line-height: 1.2 !important;
margin: 0 !important;
} .block-valori__item-right {
flex: 1 1 auto;
padding-top: 0.25rem;
}
.block-valori__item-text {
font-size: clamp(17px, 1.2vw, 16px);
line-height: 1.6;
max-width: 560px;
margin: 0;
} @media (max-width: 900px) {
.block-valori__header {
gap: 2.5rem;
}
}
@media (max-width: 768px) {
.block-valori__header {
flex-direction: column;
gap: 1.5rem;
}
.block-valori__item {
flex-direction: column;
gap: 2.5rem;
}
.block-valori__item-left {
gap: 0;
}
.block-valori__header-title {
max-width: 100%;
}
.block-valori__list::before {
display: none;
}
}
@media (max-width: 600px) {
.block-valori__item {
flex-direction: column !important;
padding: clamp(2.5rem, 5vw, 4rem) 0 clamp(2.5rem, 5vw, 4rem)
clamp(1.5rem, 3vw, 2.5rem);
gap: 1.5rem;
}
.block-valori__item-left {
flex: 1 1 auto;
gap: 1rem;
}
.block-valori__item-title .stk-block-heading__text {
font-size: clamp(20px, 5vw, 26px) !important;
} .block-valori__item::after {
font-size: clamp(60px, 18vw, 90px);
opacity: 0.04;
}
} body.cursor-active,
body.cursor-active *,
body.cursor-active *::before,
body.cursor-active *::after {
cursor: none !important;
}
.custom-cursor {
position: fixed;
top: 0;
left: 0;
z-index: 9999999999 !important;
pointer-events: none;
will-change: transform;
transform: translate(var(--cursor-x, 0px), var(--cursor-y, 0px));
transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.cursor-dot {
display: inline-block;
width: 14px;
height: 14px;
border-radius: 50%;
background: var(--theme-palette-color-1);
transition:
transform 0.3s cubic-bezier(0.22, 1, 0.36, 1),
opacity 0.3s ease,
background 0.3s ease;
}
.custom-cursor.is-grow .cursor-dot {
transform: scale(3);
background: var(--theme-palette-color-1);
}
.custom-cursor.is-red .cursor-dot {
background: var(--theme-palette-color-3);
}
.cursor-label {
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, 4px) translateY(-4px);
padding: 12px 24px;
background: var(--theme-palette-color-3);
border-radius: 6px;
white-space: nowrap;
font-size: 16px;
line-height: 1;
font-weight: 600;
color: #fff;
opacity: 0;
pointer-events: none;
transition:
opacity 0.2s ease,
transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}
.custom-cursor.is-active .cursor-label {
opacity: 1;
transform: translate(-50%, 0px) translateY(-4px);
}
@media (prefers-reduced-motion: reduce) {
.custom-cursor {
display: none;
}
}
@media (pointer: coarse) {
.custom-cursor {
display: none;
}
} @media (max-width: 1024px) {
.media-testo__columns .stk-block-content {
column-gap: 3rem !important;
}
}
*/ .step-section {
padding-top: var(--wp--preset--spacing--60) !important;
padding-bottom: var(--wp--preset--spacing--70) !important;
}
.step-section__grid {
display: grid;
grid-template-columns: 20% 60%;
gap: 0 40px;
margin: 0 auto;
align-items: start;
}
.step-section__grid > div:first-child {
align-self: stretch;
}
.step-section__number {
position: sticky;
top: 30vh;
will-change: transform, opacity, filter;
}
.step-section__number :where(h2, h3, h4, h5, h6, p) {
font-family: "forma-djr-display" !important;
font-size: clamp(40px, 8vw, 140px) !important;
font-weight: 300;
font-style: italic;
line-height: 1;
letter-spacing: -0.04em;
}
.step-section__title :where(h2, h3, h4, h5, h6, p) {
font-family: "forma-djr-display";
font-size: clamp(40px, 10vw, 60px) !important;
font-weight: 500 !important;
}
.step-section__body p {
font-size: clamp(15px, 4vw, 16px) !important;
max-width: 800px !important;
}
.step-section__image {
overflow: hidden;
border-radius: 4px;
}
.step-section__image img {
display: block;
width: 100%;
height: auto;
border-radius: 4px;
} [data-step-block] {
transform-origin: center top;
padding-top: var(--wp--preset--spacing--60) !important;
padding-bottom: var(--wp--preset--spacing--70) !important;
}
[data-step-block] .step-section__number {
opacity: 0;
transform: translateY(20px) scale(0.85);
filter: blur(8px);
}
[data-step-block] .step-section__body .stk-block-heading {
opacity: 0;
transform: translateY(20px);
}
[data-step-block] .step-section__body .stk-block-divider {
opacity: 0;
transform: scaleX(0);
transform-origin: left center;
}
[data-step-block] .step-section__body .stk-block-text {
opacity: 0;
transform: translateY(20px);
}
[data-step-block] .step-section__body .stk-block-image {
opacity: 0;
transform: translateY(30px);
}
@media (prefers-reduced-motion: reduce) {
[data-step-block] .step-section__number,
[data-step-block] .step-section__body .stk-block-heading,
[data-step-block] .step-section__body .stk-block-divider,
[data-step-block] .step-section__body .stk-block-text,
[data-step-block] .step-section__body .stk-block-image {
opacity: 1 !important;
transform: none !important;
filter: none !important;
}
}
@media (max-width: 800px) {
.step-section__grid {
grid-template-columns: 20% 75%;
}
}
@media (max-width: 500px) {
[data-step-block] .step-section__number,
[data-step-block] .step-section__body .stk-block-heading,
[data-step-block] .step-section__body .stk-block-divider,
[data-step-block] .step-section__body .stk-block-text,
[data-step-block] .step-section__body .stk-block-image {
opacity: 1 !important;
transform: none !important;
filter: none !important;
}
} .image-expand {
overflow: hidden;
}
.image-expand figure {
margin: 0 auto; will-change: clip-path, width;
}
.image-expand figure img {
width: 100%;
aspect-ratio: 16/9;
object-fit: cover;
display: block;
} .block-form-contatti {
padding: var(--wp--preset--spacing--70);
}
.block-form__container {
padding-top: var(--wp--preset--spacing--80) !important;
padding-bottom: var(--wp--preset--spacing--80) !important;
}
@media (max-width: 768px) {
.block-form-contatti {
padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--40);
}
}
@media (max-width: 576px) {
.block-form__container {
padding-top: var(--wp--preset--spacing--70) !important;
padding-bottom: var(--wp--preset--spacing--70) !important;
}
}
.block-form__intro {
padding-left: clamp(24px, 5vw, 48px) !important;
padding-right: clamp(24px, 5vw, 48px) !important;
} .block-stack {
position: relative;
}
.block-stack__wrapper {
position: relative;
padding-top: var(--wp--preset--spacing--60);
height: 50vh;
overflow: hidden;
}
.block-stack__item {
position: absolute;
inset: 0;
width: 100%;
display: flex;
align-items: center;
border-radius: 8px;
border: 1px solid #d3d3d3;
background-color: var(--theme-palette-color-5);
transform-origin: top center;
will-change: transform;
}
.block-stack__item-content {
padding-top: var(--wp--preset--spacing--60) 0;
border-top: 0;
border-bottom: 0;
border-left: 0;
border-right: 0;
border-color: transparent;
}
.block-stack__heading :where(h1, h2, h3, h4, h5, h6),
.block-stack__text :where(p) {
color: var(--theme-palette-color-6);
}
.block-stack__heading,
.block-stack__text,
.block-stack__img {
overflow: hidden;
} .clip-reveal {
overflow: hidden;
will-change: clip-path;
} .block-cover__cover .wp-block-cover__background {
background: -webkit-linear-gradient(
45deg,
rgb(0, 0, 0) 50%,
rgba(0, 0, 0, 0.1) 60%
) !important;
background: -moz-linear-gradient(
45deg,
rgb(0, 0, 0) 50%,
rgba(0, 0, 0, 0.1) 60%
) !important;
background: linear-gradient(
45deg,
rgb(0, 0, 0) 50%,
rgba(0, 0, 0, 0.1) 60%
) !important;
} @media (min-width: 1025px) {
.block-cover__mobile {
display: none !important;
}
} @media (max-width: 1024px) { .block-cover__content-desktop {
display: none !important;
} .block-cover__cover.wp-block-cover {
min-height: unset !important;
aspect-ratio: 16 / 9 !important;
} .block-cover__cover .wp-block-cover__background {
display: none !important;
}
.block-cover__mobile {
padding: 4rem 3rem !important;
}
}
@media (max-width: 500px) {
.block-cover__mobile {
padding: 3rem 1.5rem !important;
}
} .block-cover__content-desktop .stk-block-text__text:not(.is-expanded),
.block-cover__mobile .stk-block-text__text:not(.is-expanded) {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
} .block-cover__content-desktop .stk-block-text__text.is-expanded,
.block-cover__mobile .stk-block-text__text.is-expanded {
display: block;
-webkit-line-clamp: unset;
line-clamp: unset;
overflow: visible;
} .cover-readmore {
background: none;
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.6);
color: var(--theme-palette-color-8, #ffffff);
cursor: pointer;
padding: 0 0 2px;
margin-top: 12px;
font-size: 0.9em;
letter-spacing: 0.03em;
transition: border-color 0.2s;
display: inline-block;
}
.cover-readmore:hover {
border-color: #ffffff;
} .block-bento-grid__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: minmax(auto, 450px);
gap: 1rem;
}
.block-bento-grid__grid--image {
overflow: hidden;
place-content: center;
}
.stk-block-image > figure,
.stk-block-image > figure > span,
.stk-block-image > figure > span > img {
height: 100%;
}
.block-bento-grid__grid--image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.63s cubic-bezier(0.22, 1, 0.36, 1);
}
.block-bento-grid__grid--image:hover img {
transform: scale(1.05);
}
.block-bento-grid__grid .bento-1 {
grid-column: span 1;
grid-row: span 1;
}
.block-bento-grid__grid .bento-2 {
grid-column: span 2;
grid-row: span 1;
}
.block-bento-grid__grid .bento-3 {
grid-column: span 2;
grid-row: span 1;
}
.block-bento-grid__grid .bento-4 {
grid-column: span 1;
grid-row: span 1;
}
.block-bento-grid__grid .bento-5 {
grid-column: span 2;
grid-row: span 1;
}
.block-bento-grid__grid .bento-cta {
grid-column: span 1;
grid-row: span 1;
overflow: hidden;
} .grid-2 .bento-1 {
grid-column: span 1;
grid-row: span 2;
}
.grid-2 .bento-2 {
grid-column: span 2;
grid-row: span 1;
}
.grid-2 .bento-3 {
grid-column: span 1;
grid-row: span 1;
}
.grid-2 .bento-cta {
grid-column: span 1;
grid-row: span 1;
} .grid-3 .bento-1 {
grid-column: span 1;
grid-row: span 1;
}
.grid-3 .bento-2 {
grid-column: span 2;
grid-row: span 1;
}
.grid-3 .bento-3 {
grid-column: span 1;
grid-row: span 1;
}
.grid-3 .bento-4 {
grid-column: span 1;
grid-row: span 1;
}
.grid-3 .bento-cta {
grid-column: span 1;
grid-row: span 1;
} .grid-4 .bento-1 {
grid-column: span 1;
grid-row: span 1;
}
.grid-4 .bento-2 {
grid-column: span 2;
grid-row: span 1;
}
.grid-4 .bento-3 {
grid-column: span 2;
grid-row: span 1;
}
.grid-4 .bento-cta {
grid-column: span 1;
grid-row: span 1;
} .grid-5 {
grid-auto-rows: 250px;
}
.grid-5 .bento-1 {
grid-column: span 2;
grid-row: span 2;
}
.grid-5 .bento-2 {
grid-column: span 1;
grid-row: span 1;
}
.grid-5 .bento-3 {
grid-column: span 1;
grid-row: span 1;
}
@media (max-width: 1024px) {
.block-bento-grid__grid {
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: minmax(auto, 300px);
}
}
@media (max-width: 833px) {
.block-bento-grid__grid {
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: minmax(auto, 300px);
}
.block-bento-grid__grid .bento-1 {
grid-column: span 2;
grid-row: span 1;
}
.block-bento-grid__grid .bento-2 {
grid-column: span 1;
grid-row: span 1;
}
.block-bento-grid__grid .bento-3 {
grid-column: span 1;
grid-row: span 1;
}
.block-bento-grid__grid .bento-4 {
grid-column: span 2;
grid-row: span 1;
}
.block-bento-grid__grid .bento-5 {
grid-column: span 2;
grid-row: span 1;
}
.block-bento-grid__grid .bento-cta {
grid-column: span 2;
grid-row: span 1;
} .grid-2 .block-bento-grid__grid .bento-1 {
grid-column: span 2;
grid-row: span 1;
}
.grid-2 .block-bento-grid__grid .bento-2 {
grid-column: span 2;
grid-row: span 1;
}
.grid-2 .block-bento-grid__grid .bento-3 {
grid-column: span 1;
grid-row: span 1;
}
.grid-2 .block-bento-grid__grid .bento-cta {
grid-column: span 1;
grid-row: span 1;
} .grid-5 {
grid-auto-rows: minmax(auto, 250px);
}
.grid-5 .bento-1 {
grid-column: span 2;
grid-row: span 1;
}
.grid-5 .bento-2 {
grid-column: span 1;
grid-row: span 1;
}
.grid-5 .bento-3 {
grid-column: span 1;
grid-row: span 1;
}
}
@media (max-width: 500px) {
.block-bento-grid__grid {
grid-template-columns: repeat(1, 1fr);
grid-auto-rows: 300px;
}
.grid-5 {
grid-auto-rows: minmax(auto, 250px);
}
.block-bento-grid__grid .bento-1,
.block-bento-grid__grid .bento-2,
.block-bento-grid__grid .bento-3,
.block-bento-grid__grid .bento-4,
.block-bento-grid__grid .bento-5,
.block-bento-grid__grid .bento-cta {
grid-column: span 1;
grid-row: span 1;
}
.bento-cta {
padding-top: var(--wp--preset--spacing--40) !important;
padding-right: var(--wp--preset--spacing--50) !important;
padding-bottom: var(--wp--preset--spacing--50) !important;
padding-left: var(--wp--preset--spacing--50) !important;
} .grid-2 .block-bento-grid__grid .bento-1,
.grid-2 .block-bento-grid__grid .bento-2,
.grid-2 .block-bento-grid__grid .bento-3,
.grid-2 .block-bento-grid__grid .bento-cta {
grid-column: span 1;
grid-row: span 1;
}
} .block-media-accordion__inner {
display: flex;
}
.block-media-accordion__col-left,
.block-media-accordion__col-right {
flex: 0 0 50%;
max-width: 50%;
}
.block-media-accordion__col-left {
position: relative;
overflow: hidden;
padding-right: 5rem;
}
[data-media-accordion] {
width: 100%;
}
.block-media-accordion__col-left .wp-block-stackable-image {
width: 100%;
}
.block-media-accordion__col-left [data-image] {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0;
visibility: hidden;
}
.block-media-accordion__col-left [data-image] figure span {
height: 700px;
}
.block-media-accordion__col-left [data-image].is-active {
position: relative;
opacity: 1;
visibility: visible;
}
@media (min-width: 1400px) {
.block-media-accordion__col-left [data-image] figure span {
height: 800px;
}
}
@media (max-width: 1024px) {
.block-media-accordion__col-left {
padding-right: 3rem;
}
}
@media (max-width: 768px) {
.block-media-accordion {
padding-top: 0 !important;
}
.block-media-accordion__inner {
display: flex;
flex-direction: column-reverse;
gap: 1.5rem !important;
}
.block-media-accordion__col-left,
.block-media-accordion__col-right {
width: 100%;
max-width: 100%;
place-self: flex-start;
}
.block-media-accordion__col-left {
padding-right: 0;
}
}
@media (max-width: 500px) {
.block-media-accordion__col-left {
padding-top: var(--wp--preset--spacing--60) !important;
}
} .block-text-text-intro__inner {
width: 100%;
display: flex;
flex-direction: row;
gap: 1rem !important;
}
.block-text-text-intro__col-left,
.block-text-text-intro__col-right {
width: 50%;
}
.block-text-text-intro__titolo > * {
max-width: 450px;
}
.block-text-text-intro__titolo.mw-600 > * {
max-width: 600px !important;
}
.block-text-text-intro__titolo.mw-465 > * {
max-width: 465px !important;
}
.block-text-text-intro__titolo.mw-535 > * {
max-width: 535px !important;
}
.block-text-text-intro__paragrafo > * {
max-width: 600px;
}
@media (max-width: 768px) {
.block-text-text-intro__inner {
display: flex;
flex-direction: column;
gap: 1.5rem !important;
}
.block-text-text-intro__titolo > * {
max-width: 100%;
}
.block-text-text-intro__paragrafo > * {
max-width: 520px;
}
.block-text-text-intro__col-left,
.block-text-text-intro__col-right {
width: 100%;
}
} .block-grid-icon {
max-width: 1370px !important;
margin-left: auto;
margin-right: auto;
}
.block-grid-icon__grid {
display: grid !important;
overflow: hidden;
}
.block-grid-icon__grid > .block-grid-icon__grid--items {
border: none !important;
}
.block-grid-icon .block-grid-icon__grid--items--item p {
max-width: 300px;
}
@media (min-width: 1024px) {
.block-grid-icon__grid {
grid-template-columns: repeat(3, 1fr);
}
.block-grid-icon__grid > .block-grid-icon__grid--items {
border-right: 1px solid #c7c7c7 !important;
border-bottom: 1px solid #c7c7c7 !important;
}
.block-grid-icon__grid > .block-grid-icon__grid--items:nth-child(3n) {
border-right: none !important;
}
.block-grid-icon__grid > .block-grid-icon__grid--items:nth-child(n + 4) {
border-bottom: none !important;
}
}
@media (min-width: 701px) and (max-width: 1023px) {
.no-bot-border {
border-bottom: none !important;
}
.block-grid-icon__grid {
grid-template-columns: repeat(2, 1fr);
}
.block-grid-icon__grid > .block-grid-icon__grid--items {
border-right: 1px solid #c7c7c7 !important;
border-bottom: 1px solid #c7c7c7 !important;
}
.block-grid-icon__grid > .block-grid-icon__grid--items:nth-child(2n) {
border-right: none !important;
}
.block-grid-icon__grid > .block-grid-icon__grid--items:nth-child(5n),
.block-grid-icon__grid > .block-grid-icon__grid--items:last-child {
border-bottom: none !important;
}
}
@media (max-width: 700px) {
.block-grid-icon__grid {
grid-template-columns: 1fr;
}
.block-grid-icon__grid > .block-grid-icon__grid--items {
border-right: none !important;
border-bottom: 1px solid #c7c7c7 !important;
padding-top: var(--wp--preset--spacing--50) !important;
padding-right: var(--wp--preset--spacing--40) !important;
padding-bottom: var(--wp--preset--spacing--50) !important;
padding-left: var(--wp--preset--spacing--40) !important;
}
.block-grid-icon__grid > .block-grid-icon__grid--items:last-child {
border-bottom: none !important;
}
.block-grid-icon .block-grid-icon__grid--items--item {
display: flex !important;
align-items: center;
gap: 20px;
padding: 0 var(--wp--preset--spacing--50) 0 0 !important;
}
.block-grid-icon .block-grid-icon__grid--items--item .stk-block-image {
flex-shrink: 0;
width: 60px !important;
margin-bottom: 0 !important;
}
.block-grid-icon .block-grid-icon__grid--items--item .stk-img-wrapper {
width: 60px !important;
}
.block-grid-icon .block-grid-icon__grid--items--item .stk-block-text {
flex: 1;
min-width: 0;
max-width: none !important;
}
.block-grid-icon .block-grid-icon__grid--items--item p {
max-width: 100%;
font-size: 15px;
}
} .block-card {
--card-border: 1px solid #c7c7c7;
max-width: 1370px !important;
margin-inline: auto;
} .block-card__grid .stk-row {
display: grid !important;
overflow: hidden;
} .block-card .stk-block-column {
border: none !important;
} @media (min-width: 1025px) {
.block-card__grid .stk-row {
grid-template-columns: repeat(3, 1fr);
}
.block-card .stk-block-column {
border-right: var(--card-border) !important;
}
.block-card .stk-block-column:nth-child(3n) {
border-right: none !important;
}
.block-card .stk-block-column:nth-child(n + 4) {
border-bottom: none !important;
}
} @media (min-width: 768px) and (max-width: 1024px) {
.block-card__grid .stk-row {
grid-template-columns: repeat(2, 1fr);
}
.block-card .stk-block-column {
border-right: var(--card-border) !important;
}
.block-card .stk-block-column:nth-child(2n) {
border-right: none !important;
} .block-card .stk-block-column:last-child:nth-child(odd) {
grid-column: 1 / -1;
justify-self: center;
width: 50%;
border-bottom: none !important;
border-right: none !important;
}
.block-card .stk-block-column:last-child:nth-child(even) {
border-bottom: none !important;
}
.block-card .stk-block-column:nth-child(3n) {
border-top: var(--card-border) !important;
}
} @media (max-width: 767px) {
.block-card__grid .stk-row {
grid-template-columns: 1fr;
}
.block-card .block-card__icon-card-1 .stk-container,
.block-card .block-card__icon-card-2 .stk-container,
.block-card .block-card__icon-card-3 .stk-container {
margin: 0 !important;
}
.block-card .stk-block-column {
border-right: none !important;
border-bottom: var(--card-border) !important;
padding-block: var(--wp--preset--spacing--50) !important;
padding-inline: var(--wp--preset--spacing--40) !important;
}
.block-card .stk-block-column:last-child {
border-bottom: none !important;
}
}  .block-card .card-title :where(h1, h2, h3, h4, h5, h6) {
font-size: clamp(22px, 2.4vw, 36px) !important;
line-height: 1.15 !important;
font-weight: 500 !important;
} .block-card .card-text {
font-size: 14px !important;
max-width: 52ch; } @media (max-width: 767px) {
.block-card .stk-column-wrapper {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
}
.block-card .card-icon {
flex-shrink: 0;
padding-top: 4px; }
.block-card .card-title :where(h1, h2, h3, h4, h5, h6) {
font-size: 22px !important;
}
} .block-banner .block-banner__banner {
display: flex !important;
align-items: center !important;
}
.block-banner .block-banner__banner img {
object-fit: fill !important;
}
.block-banner .block-banner__banner .wp-block-cover__inner-container {
padding: 4rem;
}
@media (min-width: 1025px) {
.block-banner .block-banner__paragrafo :where(h1, h2, h3, h4, h5, h6, p) {
letter-spacing: 2%;
}
}
@media (max-width: 1024px) {
.block-banner .block-banner__banner .wp-block-cover__inner-container {
padding: 2rem !important;
}
}
@media (max-width: 768px) {
.block-banner .block-banner__banner .wp-block-cover__inner-container {
padding: 1rem !important;
}
} @media (max-width: 992px) {
.block-banner-no-cover__container {
padding-top: var(--wp--preset--spacing--70) !important;
padding-right: var(--wp--preset--spacing--50) !important;
padding-bottom: var(--wp--preset--spacing--70) !important;
padding-left: var(--wp--preset--spacing--50) !important;
}
}
@media (max-width: 800px) {
.block-banner-no-cover__container {
padding-top: var(--wp--preset--spacing--60) !important;
padding-right: var(--wp--preset--spacing--50) !important;
padding-bottom: var(--wp--preset--spacing--60) !important;
padding-left: var(--wp--preset--spacing--50) !important;
}
}
@media (max-width: 500px) {
.block-banner-no-cover__container {
padding-top: var(--wp--preset--spacing--50) !important;
padding-right: var(--wp--preset--spacing--40) !important;
padding-bottom: var(--wp--preset--spacing--50) !important;
padding-left: var(--wp--preset--spacing--40) !important;
}
}
.block-scroll-test {
padding-top: var(--wp--preset--spacing--100) !important;
padding-bottom: var(--wp--preset--spacing--100) !important;
}
.block-scroll-test.no-pad {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
@media (max-width: 768px) {
.block-scroll-test {
padding-top: var(--wp--preset--spacing--70) !important;
padding-bottom: var(--wp--preset--spacing--70) !important;
}
} .stk-block-accordion[open] > summary .stk--svg-wrapper:not(.stk--has-icon2) {
transform: rotate(0) !important;
} .occhiello-accordion {
font-family: "forma-djr-display" !important;
position: absolute !important;
top: 4px !important;
left: 0 !important;
font-weight: 400;
font-style: italic;
line-height: 1;
letter-spacing: -0.04em;
font-size: 24px;
margin: 0 !important;
color: var(--theme-palette-color-10);
}
@media (max-width: 1024px) {
.icon-grid .stk-row {
flex-wrap: wrap;
justify-content: center;
gap: 24px;
}
.icon-grid .stk-row .stk-column:nth-child(1),
.icon-grid .stk-row .stk-column:nth-child(2) {
flex: 0 1 calc(50% - 12px) !important;
}
.icon-grid .stk-row .stk-column:nth-child(3) {
flex: 0 1 50% !important;
margin: 0 auto;
}
.occhiello-accordion {
top: -12px !important;
font-size: 20px !important;
}
}
@media (max-width: 767px) {
.icon-grid .stk-row {
flex-direction: column;
align-items: stretch;
}
.icon-grid .stk-row .stk-column {
flex: 0 1 100% !important;
margin: 0 !important;
}
.occhiello-accordion {
top: -2px !important;
font-size: 16px !important;
}
}
@media (max-width: 767px) {
.occhiello-accordion {
top: 0px !important;
font-size: 14px !important;
}
} .mini-carosel-wrap {
width: 100%;
overflow: hidden;
}
.stk-block-carousel.stk--is-slide .stk-block-carousel__slider {
min-width: 500px !important;
} .acf-block-component {
width: fit-content;
} .block-marquee {
width: 100vw;
max-width: 100vw;
padding-left: 8rem;
}
.td-block-marquee {
padding-top: 2rem;
padding-bottom: 2rem;
}
.marquee-item {
min-width: 300px;
margin-right: 1rem;
box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 25px -10px;
}
@media (max-width: 500px) {
.block-marquee {
padding-left: 2rem !important;
}
} .site-hero__gallery {
min-height: 40vh;
display: grid;
place-items: center;
}
.site-hero__gallery__text-expand {
color: var(--theme-palette-color-1) !important;
font-size: clamp(44px, 1.561rem + 5.98vw, 120px);
letter-spacing: -30px;
opacity: 0;
white-space: nowrap;
text-align: center;
}
.gallery {
padding: 4rem 0;
}
.gallery-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
.gallery-grid.is-preload .gallery-item {
opacity: 0;
transform: translateY(20px) scale(0.96);
}
.gallery-item img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 1 / 1;
height: 100%;
object-fit: cover;
}
.gallery-item.is-hidden {
display: none !important;
}
.page-content {
padding: 20px 0;
} .filter-btn {
position: relative;
font-family: forma-djr-display, Sans-Serif;
padding: 14px 28px 14px 40px;
background: transparent;
color: var(--theme-palette-color-4);
opacity: 0.7;
flex-shrink: 0;
white-space: nowrap;
}
.filter-btn::after {
content: "";
position: absolute;
top: 50%;
left: 24px;
transform: translateY(-50%) scale(0);
background-color: var(--theme-palette-color-1);
width: 6px;
height: 6px;
border-radius: 999px;
opacity: 0;
transition:
transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
opacity 0.35s ease;
}
.filter-btn.is-active {
color: var(--theme-palette-color-1);
opacity: 1;
}
.filter-btn.is-active::after {
transform: translateY(-50%) scale(1);
opacity: 1;
}
.gallery-filters-wrapper {
position: relative;
}
.gallery-filters {
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
gap: 16px;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
.gallery-filters::-webkit-scrollbar {
height: 0;
}
.gallery-filters-bar {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background: rgba(0, 0, 0, 0.15);
pointer-events: none;
}
.gallery-filters-thumb {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 40px;
background: currentColor;
}
@media (max-width: 640px) {
.gallery-grid {
grid-template-columns: 1fr;
}
}  .slider-post {
position: relative;
overflow: hidden;
padding-top: var(--wp--preset--spacing--100) !important;
padding-bottom: 0 !important;
}
@media (max-width: 1024px) {
.slider-post {
padding-top: var(--wp--preset--spacing--90) !important;
}
}
@media (max-width: 768px) {
.slider-post {
padding-top: var(--wp--preset--spacing--70) !important;
}
}  .blocco-404 {
overflow: hidden;
padding: 0 !important;
} .blocco-404__container {
min-height: 100svh;
position: relative;
display: flex !important;
justify-content: center;
align-items: center;
box-sizing: border-box;
} .blocco-404__megatext {
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
z-index: 0;
pointer-events: none;
user-select: none;
margin: 0 !important;
padding: 0 !important;
width: 100vw !important;
max-width: none !important;
}
.blocco-404__megatext .stk-block-text__text {
font-size: 52vw !important;
font-weight: 400 !important;
font-family: "forma-djr-display", sans-serif !important;
line-height: 0.85 !important;
color: var(--theme-palette-color-1) !important;
text-align: center !important;
margin: 4rem 0 !important;
letter-spacing: 8%;
display: flex;
align-items: center;
justify-content: center;
} .blocco-404__inner {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: center;
padding: 24px;
background: rgba(255, 255, 255, 0.55);
backdrop-filter: blur(20px) saturate(160%);
-webkit-backdrop-filter: blur(20px) saturate(160%);
border: 1px solid rgba(255, 255, 255, 0.75);
border-radius: 8px;
width: fit-content;
max-width: min(680px, 90vw);
}
.blocco-404__inner .blocco-404__titolo .stk-block-heading__text {
font-size: clamp(2rem, 4vw, 3.75rem) !important;
}
.blocco-404__inner .blocco-404__testo .stk-block-text__text {
font-size: clamp(1rem, 2vw, 1.75rem) !important;
font-family: "forma-djr-display", sans-serif !important;
font-weight: 500 !important;
letter-spacing: 1%;
}
@media (max-width: 1024px) {
.blocco-404__container {
min-height: 60svh;
}
.blocco-404__inner {
padding: 16px;
}
}
@media (max-width: 768px) {
.blocco-404__container {
flex-direction: column !important;
}
.blocco-404__megatext {
position: relative !important;
top: 0 !important;
left: 0 !important;
transform: unset !important;
}
.blocco-404__inner {
background: unset !important;
backdrop-filter: unset;
-webkit-backdrop-filter: unset;
border: unset;
border-radius: 0;
}
}  .style-policy h1 {
font-size: clamp(28px, 3vw, 36px);
line-height: 1.25;
margin-bottom: clamp(16px, 2vw, 24px);
font-weight: 700;
} .style-policy h2 {
font-size: clamp(22px, 2.2vw, 28px);
line-height: 1.3;
margin-bottom: clamp(12px, 1.5vw, 18px);
font-weight: 600;
} .style-policy h3 {
font-size: clamp(18px, 1.8vw, 22px);
line-height: 1.35;
margin-top: clamp(22px, 2.5vw, 30px);
margin-bottom: clamp(10px, 1.2vw, 14px);
font-weight: 600;
} .style-policy p {
font-size: clamp(15px, 1.1vw, 17px);
margin-bottom: 14px;
} .style-policy ul,
.style-policy ol {
padding-left: 22px;
margin-bottom: 16px;
}
.style-policy li {
font-size: clamp(15px, 1.1vw, 17px);
margin-bottom: 6px;
} .style-policy a {
text-decoration: underline;
font-weight: 500;
}
.cky-banner-element {
display: inline-block;
margin-bottom: 2rem;
} .cky-btn-revisit-wrapper {
width: 30px !important;
height: 30px !important;
}
.cky-btn-revisit-wrapper .cky-btn-revisit img {
height: 20px !important;
width: 20px !important;
}
.onetap-container-toggle .onetap-toggle img.design-size1 {
width: 30px !important;
height: 30px !important;
}