.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;
}@font-face {
font-family: "Montagu Slab";
src: url(//lctendesolebrescia.it/wp-content/themes/lctende/assets/fonts/montagu-slab-120pt-regular.woff2) format("woff2-variations"),
url(//lctendesolebrescia.it/wp-content/themes/lctende/assets/fonts/montagu-slab-120pt-regular.woff2) format("woff2");
font-weight: 100 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "BDO Grotesk";
src: url(//lctendesolebrescia.it/wp-content/themes/lctende/assets/fonts/bdo-grotesk-regular.woff2) format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "BDO Grotesk";
src: url(//lctendesolebrescia.it/wp-content/themes/lctende/assets/fonts/bdo-grotesk-demibold.woff2) format("woff2");
font-weight: 600;
font-style: normal;
font-display: swap;
}
:root { --color-marrone: #21140b;
--color-bianco: #fdf6e7;
--color-giallo: #ffb01d;
--color-giallo-2: #ffedc5;
--color-marrone-opacizzato: rgba(33, 20, 11, 0.45); --font-heading: "Montagu Slab", Georgia, "Times New Roman", serif;
--font-body: "BDO Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif; --leading-h1: 1;
--leading-h2: 1.1;
--leading-h3: 1.1;
--leading-h4: 1.2;
--leading-body: 1.2; --font-size-h1: clamp(2.1875rem, 1.22rem + 3.65vw, 4.5rem);
--font-size-h2: clamp(2rem, 1.4191rem + 2.3121vw, 3.5rem);
--font-size-h3: clamp(1.5rem, 1.4032rem + 0.3854vw, 1.75rem);
--font-size-h4: 0.875rem;
--font-size-body: clamp(1rem, 0.9516rem + 0.1927vw, 1.125rem); --color-text: var(--color-marrone);
--color-bg: var(--color-bianco);
--color-accent: var(--color-giallo);
--color-accent-soft: var(--color-giallo-2);
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}*,
*::before,
*::after {
box-sizing: border-box;
}
html {
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
scroll-behavior: smooth;
overflow-x: clip;
}
body {
margin: 0;
font-family: var(--font-body);
font-size: var(--font-size-body);
font-weight: 600;
line-height: var(--leading-body);
color: var(--color-text);
background-color: var(--color-bg);
}
h1,
h2,
h3,
.entry-title {
font-family: var(--font-heading);
font-weight: 400;
color: var(--color-text);
}
h1,
.entry-title {
font-size: var(--font-size-h1);
line-height: var(--leading-h1);
}
h2 {
font-size: var(--font-size-h2);
line-height: var(--leading-h2);
}
h3 {
font-size: var(--font-size-h3);
line-height: var(--leading-h3);
}
h4 {
font-family: var(--font-body);
font-size: var(--font-size-h4);
font-weight: 600;
line-height: var(--leading-h4);
}
p {
font-size: var(--font-size-body);
line-height: var(--leading-body);
}
a {
color: var(--color-text);
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
summary:focus-visible {
outline: 2px solid var(--color-accent);
outline-offset: 3px;
}
img,
video,
svg {
max-width: 100%;
height: auto;
display: block;
}
.site-main:focus {
outline: none;
} .skip-link {
position: absolute;
left: -9999px;
top: 0;
z-index: 100000;
padding: 0.75rem 1.25rem;
background: var(--color-marrone);
color: var(--color-bianco);
text-decoration: none;
font-family: var(--font-body);
font-weight: 600;
}
.skip-link:focus {
left: 1rem;
top: 1rem;
}
.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;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: var(--color-bianco);
clip: auto !important;
clip-path: none;
color: var(--color-marrone);
display: block;
font-size: 1rem;
height: auto;
left: 0.5rem;
line-height: normal;
padding: 0.75rem 1rem;
text-decoration: none;
top: 0.5rem;
width: auto;
z-index: 100000;
} .btn-slide {
display: inline-flex;
align-items: center;
width: auto;
max-width: 100%;
min-height: 3.6875rem;
padding: 0.875rem 1.5rem;
border: 1px solid var(--color-marrone);
border-radius: 12.5rem;
background-color: var(--color-giallo);
color: var(--color-marrone);
font-family: var(--font-heading);
font-weight: 400;
font-size: var(--font-size-h3);
line-height: var(--leading-h3);
text-decoration: none;
overflow: hidden;
box-sizing: border-box;
}
.btn-slide__clip {
display: block;
overflow: hidden;
max-width: 100%;
}
.btn-slide__track {
position: relative;
display: block;
width: max-content;
max-width: 100%;
transition: transform 0.45s ease;
transform: translateX(0);
will-change: transform;
}
.btn-slide:hover .btn-slide__track,
.btn-slide:focus-visible .btn-slide__track { transform: translateX(100%);
}
.btn-slide__item {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 1.25rem;
width: max-content;
max-width: 100%;
box-sizing: border-box;
pointer-events: none;
} .btn-slide__item:first-child {
position: absolute;
right: 100%;
top: 0;
height: 100%;
}
.btn-slide__label {
white-space: nowrap;
pointer-events: none;
}
.btn-slide__icon,
.btn-slide .site-nav__icon--arrow-forward {
display: block;
width: 1.125rem;
height: 1.125rem;
flex-shrink: 0;
pointer-events: none;
} .btn-slide.btn-slide--block {
display: flex;
width: 100%;
}
.btn-slide.btn-slide--block .btn-slide__clip,
.btn-slide.btn-slide--block .btn-slide__track {
width: 100%;
max-width: none;
}
.btn-slide.btn-slide--block .btn-slide__item {
width: 100%;
max-width: none;
justify-content: space-between;
}
.btn-slide.btn-slide--block .btn-slide__item:first-child {
width: 100%;
}
@media (prefers-reduced-motion: reduce) {
.btn-slide__track {
transition: none;
}
}
@media (max-width: 47.9375rem) {
.btn-slide__track {
font-size: var(--font-size-body);
line-height: var(--leading-body);
}
}
.site-content {
width: min(100% - 2.5rem, 87.5rem);
margin-inline: auto; padding-top: calc(var(--header-pad-top) + var(--header-bar-height) + 2rem);
padding-bottom: 2rem;
} :root {
--header-pad-top: 1.25rem;
--header-bar-height: 4.375rem;
}
.site-header {
position: fixed;
inset-inline: 0;
top: 0;
z-index: 1000;
padding-top: var(--header-pad-top);
background: transparent;
}
.site-header__bar {
position: relative;
z-index: 1001;
width: min(100% - 2.5rem, 87.5rem);
margin-inline: auto;
background-color: var(--color-bianco);
border: 1px solid var(--color-marrone);
}
.site-header__inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
padding: 1.25rem;
width: 100%;
}
.site-header__logo {
flex-shrink: 0;
width: 9.375rem;
}
.site-header__logo-link {
display: flex;
align-items: center;
height: 1.8125rem;
text-decoration: none;
color: inherit;
}
.site-header__logo-img {
width: auto;
max-width: 6.3125rem;
height: 1.8125rem;
object-fit: contain;
}
.site-header__title {
font-family: var(--font-body);
font-weight: 600;
font-size: 1rem;
line-height: 1.2;
}
.site-header__cta {
display: none;
flex-shrink: 0;
align-items: center;
justify-content: center;
padding: 0.625rem;
border: 1px solid var(--color-marrone);
border-radius: 2.5rem;
background-color: var(--color-giallo);
color: var(--color-marrone);
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-h4);
line-height: var(--leading-h4);
text-decoration: none;
white-space: nowrap;
transition: background-color 0.2s ease, color 0.2s ease;
}
.site-header__cta:hover {
background-color: var(--color-marrone);
color: var(--color-giallo);
}
.site-header__menu-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.625rem;
padding: 0.625rem;
border: 1px solid var(--color-marrone);
border-radius: 2.5rem;
background-color: var(--color-giallo);
color: var(--color-marrone);
font-family: var(--font-body);
font-weight: 600;
font-size: 1rem;
line-height: 1.2;
cursor: pointer;
appearance: none;
}
.site-header.is-menu-open .site-header__menu-toggle {
background-color: var(--color-marrone);
color: var(--color-giallo);
}
.site-header__menu-toggle-label {
pointer-events: none;
}
.site-header__menu-toggle-icon {
display: flex;
align-items: center;
justify-content: center;
width: 0.75rem;
height: 0.75rem;
flex-shrink: 0;
}
.site-header__menu-toggle-icon img {
width: 100%;
height: 100%;
object-fit: contain;
}
.site-header.is-menu-open .site-header__menu-toggle-icon--apps {
display: none;
}
.site-header:not(.is-menu-open) .site-header__menu-toggle-icon--close {
display: none;
}
.site-header.is-menu-open .site-header__menu-toggle-icon--close {
display: flex;
} .site-nav__icon {
display: block;
width: 1rem;
height: 0.75rem;
flex-shrink: 0;
object-fit: contain;
pointer-events: none;
}
.site-nav__icon--plus,
.site-nav__icon--apps,
.site-nav__icon--close,
.site-nav__icon--close-small,
.site-nav__icon--toggle {
width: 1rem;
height: 1rem;
}
.site-nav__icon--chevron {
transform: rotate(-90deg);
transition: transform 0.2s ease;
}
.menu-item-has-children.is-open > .site-nav__link--parent .site-nav__icon--chevron {
transform: rotate(90deg);
}
.site-nav__icon--arrow {
transform: rotate(180deg);
opacity: 0.45;
} .site-nav--desktop {
display: none;
}
.site-nav__list {
list-style: none;
margin: 0;
padding: 0;
}
.site-nav--desktop .site-nav__list {
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
flex-wrap: wrap;
}
.site-nav--desktop .site-nav__list > .menu-item {
position: relative;
}
.site-nav--desktop .site-nav__link {
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0.25rem 0.75rem;
border: 0;
background: transparent;
color: var(--color-marrone);
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-body);
line-height: var(--leading-body);
text-decoration: none;
white-space: nowrap;
cursor: pointer;
appearance: none;
}
.site-nav--desktop .site-nav__link:hover,
.site-nav--desktop .site-nav__link:focus-visible {
opacity: 0.75;
}
.site-nav--desktop .site-nav__link--parent:focus-visible {
outline: 2px solid var(--color-accent);
outline-offset: 2px;
opacity: 1;
}
.site-nav--desktop .sub-menu {
position: absolute;
top: calc(100% + 1.5rem);
left: 50%;
transform: translateX(-50%);
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.25rem;
min-width: 11.125rem;
margin: 0;
padding: 1.25rem;
list-style: none;
background-color: var(--color-bianco);
border: 1px solid var(--color-marrone);
z-index: 20;
}
.site-nav--desktop .sub-menu[hidden] {
display: none;
}
.site-nav--desktop .menu-item-has-children.is-open > .sub-menu {
display: flex;
}
.site-nav--desktop .sub-menu .site-nav__link {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.625rem;
width: 100%;
padding: 0;
color: var(--color-marrone-opacizzato);
white-space: nowrap;
}
.site-nav--desktop .sub-menu .site-nav__link:hover,
.site-nav--desktop .sub-menu .site-nav__link:focus-visible {
color: var(--color-marrone);
opacity: 1;
}
.site-nav--desktop .sub-menu .site-nav__link:hover .site-nav__icon--arrow,
.site-nav--desktop .sub-menu .site-nav__link:focus-visible .site-nav__icon--arrow {
opacity: 1;
} .site-header__overlay {
position: fixed;
inset: 0;
z-index: 998;
background-color: var(--color-marrone-opacizzato);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.site-header__overlay[hidden] {
display: none;
}
.site-nav-mobile {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
display: flex;
flex-direction: column;
padding: calc(var(--header-pad-top) + var(--header-bar-height) + 0.75rem) 1.3125rem 1.25rem;
overflow-y: auto;
background: transparent;
pointer-events: none;
}
.site-nav-mobile[hidden] {
display: none;
}
.site-header.is-menu-open .site-nav-mobile {
pointer-events: auto;
}
.site-nav--mobile {
background-color: var(--color-bianco);
border: 1px solid var(--color-marrone);
border-bottom: 0;
flex-shrink: 0;
}
.site-nav-mobile__contatti {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
padding: 1.25rem;
background-color: var(--color-giallo);
border: 1px solid var(--color-marrone);
color: var(--color-marrone);
font-family: var(--font-heading);
font-weight: 400;
font-size: 1.5rem;
line-height: 1.1;
text-decoration: none;
}
.site-nav-mobile__contatti .site-nav__icon--arrow {
opacity: 1;
width: 1rem;
height: 0.75rem;
}
.site-nav--mobile .site-nav__list {
display: flex;
flex-direction: column;
}
.site-nav--mobile .site-nav__list > .menu-item {
position: relative;
border-bottom: 1px solid var(--color-marrone);
}
.site-nav--mobile .site-nav__list > .menu-item > .site-nav__link {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
width: 100%;
padding: 1.25rem;
border: 0;
background: transparent;
color: var(--color-marrone);
font-family: var(--font-heading);
font-weight: 400;
font-size: 1.5rem;
line-height: 1.1;
text-align: left;
text-decoration: none;
cursor: pointer;
appearance: none;
}
.site-nav--mobile .menu-item-has-children > .site-nav__link--parent {
width: 100%;
}
.site-nav--mobile .menu-item-has-children.is-open > .site-nav__link--parent .site-nav__icon--toggle {
transform: rotate(45deg);
}
.site-nav--mobile .sub-menu {
display: none;
flex-direction: column;
gap: 1.25rem;
margin: 0 1.25rem 1.25rem;
padding: 1.25rem;
list-style: none;
background-color: var(--color-bianco);
border: 1px solid var(--color-marrone);
}
.site-nav--mobile .sub-menu[hidden] {
display: none;
}
.site-nav--mobile .menu-item-has-children.is-open > .sub-menu {
display: flex;
}
.site-nav--mobile .sub-menu .site-nav__link {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.625rem;
color: var(--color-marrone-opacizzato);
font-family: var(--font-body);
font-weight: 600;
font-size: 1.125rem;
line-height: 1.2;
text-decoration: none;
}
.site-nav--mobile .sub-menu .site-nav__link:hover,
.site-nav--mobile .sub-menu .site-nav__link:focus-visible {
color: var(--color-marrone);
} .site-nav-comics {
position: relative;
display: flex;
justify-content: center;
align-items: stretch;
min-height: 21.25rem;
padding: 1.25rem;
background-color: var(--color-giallo-2);
border: 1px solid var(--color-marrone);
border-top: 0;
overflow: hidden;
}
.site-nav-comics[hidden] {
display: none;
}
.site-nav-comics__stage {
position: relative;
width: 100%;
max-width: 22rem;
min-height: 18.75rem;
margin-inline: auto;
}
.site-nav-comics__dismiss {
position: absolute;
top: -0.35rem;
right: -0.35rem;
z-index: 3;
display: flex;
align-items: center;
justify-content: center;
width: 1.125rem;
height: 1.125rem;
padding: 0.25rem;
border: 1px solid var(--color-marrone);
border-radius: 50%;
background-color: var(--color-giallo);
cursor: pointer;
appearance: none;
}
.site-nav-comics__bubble {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 9.7rem;
max-width: 55%;
padding: 0.75rem 0.875rem 1rem;
background-color: var(--color-giallo);
border: 1px solid var(--color-marrone);
border-radius: 1rem;
color: var(--color-marrone);
}
.site-nav-comics__bubble::after {
content: "";
position: absolute;
right: 0.85rem;
bottom: -0.45rem;
width: 0.85rem;
height: 0.85rem;
background-color: var(--color-giallo);
border-right: 1px solid var(--color-marrone);
border-bottom: 1px solid var(--color-marrone);
transform: rotate(45deg);
}
.site-nav-comics__text {
margin: 0 0 0.75rem;
font-family: var(--font-body);
font-weight: 600;
font-size: 1rem;
line-height: 1.2;
}
.site-nav-comics__link {
font-family: var(--font-body);
font-weight: 600;
font-size: 1rem;
line-height: 1.2;
color: var(--color-marrone);
text-decoration: underline;
text-underline-offset: 0.15em;
}
.site-nav-comics__character {
position: absolute;
right: -0.35rem;
bottom: -1.25rem;
z-index: 1;
width: 10.125rem;
max-width: 48%;
pointer-events: none;
}
.site-nav-comics__img {
width: 100%;
height: auto;
max-height: 18.75rem;
object-fit: contain;
object-position: bottom right;
}
body.is-nav-locked {
overflow: hidden;
} @media (min-width: 64rem) {
:root {
--header-bar-height: 4.375rem;
}
.site-header__inner {
min-height: 4.375rem;
padding: 1.1875rem 1.1875rem;
}
.site-header__menu-toggle,
.site-header__overlay,
.site-nav-mobile {
display: none !important;
}
.site-nav--desktop {
display: block;
flex: 1 1 auto;
min-width: 0;
}
.site-header__cta {
display: inline-flex;
}
.site-header__logo {
width: 9.5625rem;
}
}
@media (min-width: 1025px) and (max-width: 1159px) {
.site-nav--desktop .site-nav__link {
padding-left: 0;
padding-right: 0.25rem;
}
} .wp-block-acf-hero,
.hero {
position: relative;
display: flex;
align-items: stretch; width: auto;
max-width: none;
margin-inline: calc(50% - 50vw);
min-height: max(36rem, 100svh);
overflow: visible;
color: var(--color-bianco);
isolation: isolate;
}
.entry-content > .wp-block-acf-hero:first-child,
.entry-content > .hero:first-child { margin-top: calc(-1 * (var(--header-pad-top) + var(--header-bar-height) + 2rem));
}
.hero__media {
position: absolute;
inset: 0;
z-index: 0;
overflow: hidden;
pointer-events: none;
}
.hero__media::after {
content: "";
position: absolute;
inset: 0;
background: url(//lctendesolebrescia.it/wp-content/themes/lctende/assets/images/hero-gradient.jpg) center / cover no-repeat;
mix-blend-mode: multiply;
opacity: 0.75;
pointer-events: none;
}
.hero__img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.hero__inner {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
justify-content: center;
width: min(100% - 2.5rem, 87.5rem);
margin-inline: auto;
padding-top: calc(var(--header-pad-top) + var(--header-bar-height) + 2rem);
padding-bottom: 8rem;
}
.hero__copy {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.5rem;
max-width: 56rem;
}
.hero__title {
margin: 0;
font-family: var(--font-heading);
font-weight: 400;
font-size: var(--font-size-h1);
line-height: var(--leading-h1);
color: var(--color-bianco);
text-wrap: balance;
}
.hero__subtitle {
margin: 0;
max-width: 16rem;
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-body);
line-height: var(--leading-body);
color: var(--color-bianco);
}
.hero__cta {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.625rem;
min-height: 3.6875rem;
padding: 0.875rem 1.5rem;
border: 1px solid var(--color-marrone);
border-radius: 12.5rem;
background-color: var(--color-giallo);
color: var(--color-marrone);
font-family: var(--font-heading);
font-weight: 400;
font-size: var(--font-size-h3);
line-height: var(--leading-h3);
text-decoration: none;
white-space: nowrap;
transition: background-color 0.2s ease, color 0.2s ease;
}
.hero__cta:hover {
background-color: var(--color-marrone);
color: var(--color-giallo);
}
.hero__cta:hover .hero__cta-icon,
.hero__cta:hover .site-nav__icon--arrow-forward {
filter: invert(89%) sepia(18%) saturate(456%) hue-rotate(342deg) brightness(104%) contrast(97%);
}
.hero__cta-label {
pointer-events: none;
}
.hero__cta-icon,
.hero__cta .site-nav__icon--arrow-forward {
display: block;
width: 1.125rem;
height: 1.125rem;
flex-shrink: 0;
pointer-events: none;
}
.hero__comics {
position: absolute;
right: 0;
bottom: 2rem;
z-index: 2;
width: min(100%, 22rem);
pointer-events: none;
}
.hero__comics[hidden] {
display: none;
}
.hero__comics-stage {
position: relative;
min-height: 12rem;
padding-bottom: 0;
}
.hero__comics-dismiss {
position: absolute;
top: -0.35rem;
right: -0.35rem;
z-index: 3;
display: flex;
align-items: center;
justify-content: center;
width: 1.125rem;
height: 1.125rem;
padding: 0.25rem;
border: 1px solid var(--color-marrone);
border-radius: 50%;
background-color: var(--color-giallo);
cursor: pointer;
appearance: none;
pointer-events: auto;
}
.hero__comics-bubble {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 10.5rem;
max-width: 55%;
padding: 0.75rem 0.875rem 1rem;
background-color: var(--color-giallo);
border: 1px solid var(--color-marrone);
border-radius: 0.25rem;
color: var(--color-marrone);
pointer-events: auto;
}
.hero__comics-text {
margin: 0 0 0.5rem;
font-family: var(--font-body);
font-weight: 600;
font-size: 1rem;
line-height: 1.2;
}
.hero__comics-link {
font-family: var(--font-body);
font-weight: 600;
font-size: 1rem;
line-height: 1.2;
color: var(--color-marrone);
text-decoration: underline;
text-underline-offset: 0.15em;
}
.hero__comics-character {
position: absolute;
right: 0;
bottom: -1.5rem;
z-index: 1;
width: 11rem;
max-width: 55%;
pointer-events: none;
}
.hero__comics-img {
display: block;
width: 100%;
height: auto;
object-fit: contain;
object-position: bottom right;
}
@media (min-width: 48rem) {
.hero__inner {
padding-top: calc(var(--header-pad-top) + var(--header-bar-height) + 2.5rem);
padding-bottom: 10rem;
}
.hero__copy {
gap: 2.5rem;
}
.hero__comics {
width: min(100%, 26rem);
}
.hero__comics-stage {
min-height: 16rem;
}
.hero__comics-character {
width: 13rem;
bottom: -1rem;
}
}
@media (max-width: 47.9375rem) {
.hero__comics {
display: none;
}
.hero__cta {
white-space: normal;
text-align: center;
min-height: 3rem;
padding: 0.75rem 1.25rem;
}
} .wp-block-acf-testo-e-card,
.testo-e-card {
width: auto;
max-width: none;
margin-inline: calc(50% - 50vw);
padding-block: 5rem;
border-bottom: 1px solid var(--color-marrone);
background-color: var(--color-giallo-2);
color: var(--color-marrone);
box-sizing: border-box;
}
.testo-e-card__inner {
display: flex;
flex-direction: column;
align-items: center;
gap: 3.75rem;
width: min(100% - 2.5rem, 87.5rem);
margin-inline: auto;
}
.testo-e-card__intro {
display: flex;
flex-direction: column;
align-items: center;
gap: 2.5rem;
width: 100%;
}
.testo-e-card__pretitle {
display: inline-flex;
align-items: center;
gap: 0.625rem;
margin: 0;
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-body);
line-height: var(--leading-body);
}
.testo-e-card__bullet {
display: block;
flex-shrink: 0;
width: 0.625rem;
height: 0.625rem;
border-radius: 50%;
background-color: var(--color-marrone);
}
.testo-e-card__title {
margin: 0;
max-width: 53.75rem;
padding-inline: 1.25rem;
font-family: var(--font-heading);
font-weight: 400;
font-size: var(--font-size-h1);
line-height: var(--leading-h1);
text-align: center;
}
.testo-e-card__content {
max-width: 43.75rem;
padding-inline: 1.25rem;
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-body);
line-height: var(--leading-body);
text-align: center;
}
.testo-e-card__content > *:first-child {
margin-top: 0;
}
.testo-e-card__content > *:last-child {
margin-bottom: 0;
}
.testo-e-card__card {
display: flex;
flex-direction: column;
align-items: center;
gap: 2.5rem;
width: 100%;
padding: 2.5rem 1.5rem;
border-radius: 2rem;
background-color: var(--color-marrone);
color: var(--color-giallo);
box-sizing: border-box;
}
.testo-e-card__card-header {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.25rem;
}
.testo-e-card__card-media {
width: 8rem;
height: 8rem;
overflow: hidden;
}
.testo-e-card__card-img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.testo-e-card__card-pretitle {
display: inline-flex;
align-items: center;
gap: 0.625rem;
margin: 0;
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-body);
line-height: var(--leading-body);
color: var(--color-giallo);
}
.testo-e-card__card-bullet {
display: block;
flex-shrink: 0;
width: 0.625rem;
height: 0.625rem;
border-radius: 50%;
background-color: var(--color-giallo);
}
.testo-e-card__card-title {
margin: 0;
font-family: var(--font-heading);
font-weight: 400;
font-size: var(--font-size-h2);
line-height: var(--leading-h2);
text-align: center;
color: var(--color-giallo);
}
.testo-e-card__card-content {
max-width: 43.5rem;
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-body);
line-height: var(--leading-body);
text-align: center;
color: var(--color-giallo);
}
.testo-e-card__card-content > *:first-child {
margin-top: 0;
}
.testo-e-card__card-content > *:last-child {
margin-bottom: 0;
}
.testo-e-card__card-content strong,
.testo-e-card__card-content b {
font-weight: 600;
}
.testo-e-card__cta.btn-slide {
min-height: 0;
padding: 0.625rem;
border-color: var(--color-giallo);
background-color: transparent;
color: var(--color-giallo);
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-body);
line-height: var(--leading-body);
}
.testo-e-card__cta.btn-slide .btn-slide__item {
gap: 0.625rem;
}
.testo-e-card__cta.btn-slide .btn-slide__icon,
.testo-e-card__cta.btn-slide .site-nav__icon--arrow-forward {
width: 0.6875rem;
height: 0.6875rem;
object-fit: none;
object-position: -9999px;
background-color: var(--color-giallo);
mask: url(//lctendesolebrescia.it/wp-content/themes/lctende/assets/icons/arrow-forward.svg) center / contain no-repeat;
-webkit-mask: url(//lctendesolebrescia.it/wp-content/themes/lctende/assets/icons/arrow-forward.svg) center / contain no-repeat;
}
@media (min-width: 48rem) {
.testo-e-card {
padding-block: 7.5rem;
}
.testo-e-card__inner {
gap: 7.5rem;
}
.testo-e-card__intro {
gap: 3.75rem;
}
.testo-e-card__title,
.testo-e-card__content {
padding-inline: 0;
}
.testo-e-card__card {
gap: 3.75rem;
padding: 3.75rem 5.5rem;
border-radius: 3.75rem;
}
} .wp-block-acf-testocentrato,
.testocentrato {
position: relative;
width: auto;
max-width: none;
margin-inline: calc(50% - 50vw);
padding-block: 7.5rem;
overflow: visible;
background-color: var(--color-giallo-2);
color: var(--color-marrone);
}
.testocentrato__inner {
display: flex;
flex-direction: column;
align-items: center;
gap: 2.5rem;
width: 100%;
}
.testocentrato__pretitle {
display: inline-flex;
align-items: center;
gap: 0.625rem;
margin: 0;
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-body);
line-height: var(--leading-body);
}
.testocentrato__bullet {
display: block;
flex-shrink: 0;
width: 0.8125rem;
height: 0.8125rem;
border-radius: 50%;
background-color: var(--color-marrone);
}
.testocentrato__title {
margin: 0;
max-width: 43.75rem;
padding-inline: 1.25rem;
font-family: var(--font-heading);
font-weight: 400;
font-size: var(--font-size-h1);
line-height: var(--leading-h1);
text-align: center;
}
.testocentrato__content {
max-width: 43.75rem;
padding-inline: 1.25rem;
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-body);
line-height: var(--leading-body);
text-align: center;
}
.testocentrato__content > *:first-child {
margin-top: 0;
}
.testocentrato__content > *:last-child {
margin-bottom: 0;
}
.testocentrato__title + .testocentrato__content {
margin-top: 1.25rem;
}
@media (min-width: 48rem) {
.testocentrato__inner {
gap: 3.75rem;
}
.testocentrato__title {
padding-inline: 0;
}
.testocentrato__content {
padding-inline: 0;
}
.testocentrato__title + .testocentrato__content {
margin-top: 0;
}
} .testocentrato__marquee {
width: 100%;
overflow: hidden;
}
.testocentrato__marquee-track {
display: flex;
align-items: center;
gap: 1.25rem;
width: max-content;
animation: testocentrato-marquee 20s linear infinite;
}
.testocentrato__marquee:has(.testocentrato__tag:hover) .testocentrato__marquee-track,
.testocentrato__marquee:has(.testocentrato__tag:focus-visible) .testocentrato__marquee-track {
animation-play-state: paused;
}
.testocentrato__tag {
display: inline-flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
gap: 0.625rem;
padding: 0.625rem;
border: 1px solid var(--color-marrone);
border-radius: 2.5rem;
font-family: var(--font-heading);
font-weight: 400;
font-size: var(--font-size-h3);
line-height: var(--leading-h3);
color: var(--color-marrone);
text-decoration: none;
white-space: nowrap;
transition: background-color 0.2s ease, color 0.2s ease;
}
.testocentrato__tag:hover,
.testocentrato__tag:focus-visible {
background-color: var(--color-marrone);
color: var(--color-bianco);
outline: none;
}
.testocentrato__tag:hover .testocentrato__tag-bullet,
.testocentrato__tag:focus-visible .testocentrato__tag-bullet {
background-color: var(--color-bianco);
}
.testocentrato__tag-bullet {
display: block;
flex-shrink: 0;
width: 0.625rem;
height: 0.625rem;
border-radius: 50%;
background-color: var(--color-marrone);
}
@keyframes testocentrato-marquee {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
} .wp-block-acf-calltoaction,
.calltoaction {
width: auto;
max-width: none;
margin-inline: calc(50% - 50vw);
overflow: hidden;
background-color: var(--color-marrone);
color: var(--color-giallo);
}
.calltoaction--light {
background-color: var(--color-giallo-2);
color: var(--color-marrone);
border-top: 1px solid var(--color-marrone);
}
.calltoaction__link {
display: flex;
align-items: center;
min-height: 6.125rem;
color: inherit;
text-decoration: none;
outline: none;
}
.calltoaction__link:focus-visible {
outline: 2px solid var(--color-giallo);
outline-offset: -2px;
}
.calltoaction--light .calltoaction__link:focus-visible {
outline-color: var(--color-marrone);
}
.calltoaction__marquee {
width: 100%;
overflow: hidden;
}
.calltoaction__track {
display: flex;
align-items: center;
gap: 7.5rem;
width: max-content;
animation: calltoaction-marquee 15s linear infinite;
}
.calltoaction__link:hover .calltoaction__track,
.calltoaction__link:focus-visible .calltoaction__track {
animation-play-state: paused;
}
.calltoaction__text {
flex-shrink: 0;
font-family: var(--font-heading);
font-weight: 400;
font-size: var(--font-size-h1);
line-height: var(--leading-h1);
color: var(--color-giallo);
white-space: nowrap;
}
.calltoaction--light .calltoaction__text {
color: var(--color-marrone);
}
@keyframes calltoaction-marquee {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
} .wp-block-acf-gigapreventivo,
.gigapreventivo {
width: auto;
max-width: none;
margin-inline: calc(50% - 50vw);
padding-block: 3.75rem;
background-color: var(--color-bianco);
border-top: 1px solid var(--color-marrone);
color: var(--color-marrone);
box-sizing: border-box;
}
.gigapreventivo__inner {
width: min(100% - 2.5rem, 87.5rem);
margin-inline: auto;
}
.gigapreventivo__pill {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: clamp(12.5rem, 5.7803rem + 26.975vw, 37.5rem);
color: inherit;
text-decoration: none;
background-color: var(--color-giallo);
border: 1px solid var(--color-marrone);
border-radius: 9999px;
outline: none;
transition: background-color 0.2s ease, color 0.2s ease;
}
.gigapreventivo__pill:hover {
background-color: var(--color-marrone);
color: var(--color-giallo);
}
.gigapreventivo__pill:hover .gigapreventivo__text {
color: var(--color-giallo);
}
.gigapreventivo__pill:hover .gigapreventivo__arrow,
.gigapreventivo__pill:hover .site-nav__icon--arrow-forward {
background-color: var(--color-giallo);
}
.gigapreventivo__pill:focus-visible {
outline: 2px solid var(--color-marrone);
outline-offset: 2px;
}
.gigapreventivo__item {
display: flex;
flex-shrink: 0;
align-items: center;
gap: 1.25rem;
}
.gigapreventivo__text {
font-family: var(--font-heading);
font-weight: 400;
font-size: var(--font-size-h2);
line-height: var(--leading-h2);
color: var(--color-marrone);
white-space: nowrap;
transition: color 0.2s ease;
}
.gigapreventivo__arrow,
.gigapreventivo .site-nav__icon--arrow-forward {
display: block;
flex-shrink: 0;
width: 2.9375rem;
height: 2.125rem;
object-fit: none;
object-position: -9999px;
background-color: var(--color-marrone);
mask: url(//lctendesolebrescia.it/wp-content/themes/lctende/assets/icons/arrow-forward.svg) center / contain no-repeat;
-webkit-mask: url(//lctendesolebrescia.it/wp-content/themes/lctende/assets/icons/arrow-forward.svg) center / contain no-repeat;
transition: background-color 0.2s ease;
pointer-events: none;
}
@media (max-width: 47.9375rem) {
.gigapreventivo {
padding-block: 2.5rem;
}
.gigapreventivo__inner {
width: min(100% - 2rem, 87.5rem);
}
.gigapreventivo__item {
gap: 0.75rem;
}
.gigapreventivo__text {
font-size: var(--font-size-h3);
line-height: var(--leading-h3);
}
.gigapreventivo__arrow,
.gigapreventivo .site-nav__icon--arrow-forward {
width: 1.75rem;
height: 1.25rem;
}
} .promo-note {
position: relative;
display: flex;
flex-direction: column;
gap: 2.5rem;
width: 16.625rem;
padding: 0.625rem;
background-color: var(--color-giallo);
border: 1px solid var(--color-marrone);
color: var(--color-marrone);
}
.promo-note[hidden] {
display: none !important;
}
.promo-note__dismiss {
position: absolute;
top: 0.625rem;
right: 0.625rem;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 1.25rem;
height: 1.25rem;
padding: 0.25rem;
border: 1px solid var(--color-marrone);
border-radius: 50%;
background: transparent;
color: var(--color-marrone);
cursor: pointer;
appearance: none;
}
.promo-note__title {
margin: 0;
padding-right: 1.75rem;
font-family: var(--font-heading);
font-weight: 400;
font-size: var(--font-size-h3);
line-height: var(--leading-h3);
}
.promo-note__text {
margin: 0;
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-body);
line-height: var(--leading-body);
}
.promo-note__btn {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 0.625rem;
border: 1px solid var(--color-marrone);
border-radius: 2.5rem;
background-color: var(--color-marrone);
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-body);
line-height: var(--leading-body);
color: var(--color-bianco);
text-align: center;
text-decoration: none;
transition: background-color 0.2s ease, color 0.2s ease;
}
.promo-note__btn:hover,
.promo-note__btn:focus-visible {
background-color: var(--color-bianco);
color: var(--color-marrone);
} .testocentrato__note-anchor {
display: none;
}
.promo-note--block {
display: none;
}
@media (min-width: 48rem) {
.testocentrato__note-anchor {
position: absolute;
top: 7.5rem;
right: max(1.25rem, calc((100% - 87.5rem) / 2));
display: block;
width: 16.625rem;
height: 0;
pointer-events: none;
}
.promo-note--block {
position: absolute;
top: 7.5rem;
right: max(1.25rem, calc((100% - 87.5rem) / 2));
z-index: 2;
display: flex;
}
.promo-note--block.is-fixed {
position: fixed;
top: auto;
bottom: 1.25rem;
z-index: 40;
} .promo-note--hero {
display: none;
}
} @media (max-width: 47.9375rem) {
.promo-note--block {
display: none !important;
}
.promo-note--hero {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
width: 100%;
margin-bottom: 1.25rem;
}
} .carosellopagine { --carosellopagine-card: min(18.75rem, calc(100% - 2.5rem));
--carosellopagine-gutter: max(0px, calc((100% - var(--carosellopagine-card)) / 2));
width: auto;
max-width: none;
margin-inline: calc(50% - 50vw);
padding-block: 0 7.5rem;
overflow: hidden;
background-color: var(--color-giallo-2);
color: var(--color-marrone);
}
.carosellopagine__viewport {
outline: none;
}
.carosellopagine__track {
display: flex;
gap: 1.25rem;
margin: 0;
padding: 0;
list-style: none;
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
scroll-padding-inline: 0;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.carosellopagine__track::-webkit-scrollbar {
display: none;
}
.carosellopagine__slide {
flex: 0 0 var(--carosellopagine-card);
scroll-snap-align: center;
} .carosellopagine__slide:first-child {
margin-inline-start: var(--carosellopagine-gutter);
}
.carosellopagine__slide:last-child {
margin-inline-end: var(--carosellopagine-gutter);
}
.carosellopagine__card {
display: flex;
flex-direction: column;
gap: 1.25rem;
height: 100%;
min-height: 30.625rem;
padding: 0.625rem;
border: 1px solid var(--color-marrone);
box-sizing: border-box;
}
.carosellopagine__media {
position: relative;
width: 100%;
aspect-ratio: 1;
overflow: hidden;
flex-shrink: 0;
}
.carosellopagine__img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.carosellopagine__body {
display: flex;
flex: 1 1 auto;
flex-direction: column;
justify-content: space-between;
gap: 1.25rem;
min-height: 0;
}
.carosellopagine__copy {
display: flex;
flex-direction: column;
gap: 1.25rem;
}
.carosellopagine__title {
margin: 0;
font-family: var(--font-heading);
font-weight: 400;
font-size: var(--font-size-h3);
line-height: var(--leading-h3);
}
.carosellopagine__excerpt {
margin: 0;
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-h4);
line-height: var(--leading-h4);
}
.carosellopagine__cta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.625rem;
width: 100%;
padding: 0.625rem;
border: 1px solid var(--color-marrone);
border-radius: 2.5rem;
background-color: var(--color-marrone);
color: var(--color-bianco);
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-h4);
line-height: var(--leading-h4);
text-decoration: none;
transition: background-color 0.2s ease, color 0.2s ease;
}
.carosellopagine__cta:hover,
.carosellopagine__cta:focus-visible {
background-color: transparent;
color: var(--color-marrone);
}
.carosellopagine__cta-label {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
pointer-events: none;
}
.carosellopagine__cta-icon,
.carosellopagine__cta .site-nav__icon--arrow-forward {
display: block;
width: 0.8125rem;
height: 0.8125rem;
flex-shrink: 0;
pointer-events: none;
object-fit: none;
object-position: -9999px;
background-color: var(--color-bianco);
mask: url(//lctendesolebrescia.it/wp-content/themes/lctende/assets/icons/arrow-forward.svg) center / contain no-repeat;
-webkit-mask: url(//lctendesolebrescia.it/wp-content/themes/lctende/assets/icons/arrow-forward.svg) center / contain no-repeat;
transition: background-color 0.2s ease;
}
.carosellopagine__cta:hover .carosellopagine__cta-icon,
.carosellopagine__cta:hover .site-nav__icon--arrow-forward,
.carosellopagine__cta:focus-visible .carosellopagine__cta-icon,
.carosellopagine__cta:focus-visible .site-nav__icon--arrow-forward {
background-color: var(--color-marrone);
}
.carosellopagine__nav {
display: flex;
justify-content: center;
align-items: center;
gap: 0.625rem;
margin-top: 2.5rem;
padding-inline: 1.25rem;
}
.carosellopagine__nav-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 4.125rem;
min-height: 2.0625rem;
padding: 0.625rem;
border: 1px solid var(--color-marrone);
border-radius: 2.5rem;
background-color: transparent;
color: var(--color-marrone);
cursor: pointer;
transition: background-color 0.2s ease, opacity 0.2s ease;
}
.carosellopagine__nav-btn:hover,
.carosellopagine__nav-btn:focus-visible {
background-color: var(--color-bianco);
}
.carosellopagine__nav-btn:disabled,
.carosellopagine__nav-btn[aria-disabled="true"] {
opacity: 0.35;
cursor: not-allowed;
}
.carosellopagine__nav-icon,
.carosellopagine__nav-btn .site-nav__icon--arrow-forward {
display: block;
width: 0.8125rem;
height: 0.8125rem;
pointer-events: none;
}
.carosellopagine__nav-icon--prev {
transform: rotate(180deg);
}
@media (min-width: 48rem) {
.carosellopagine {
--carosellopagine-card: 19.3125rem; --carosellopagine-gutter: max(4.0625rem, calc((100% - 87.5rem) / 2));
}
.carosellopagine__track {
scroll-padding-inline: var(--carosellopagine-gutter); justify-content: safe center;
}
.carosellopagine__slide {
scroll-snap-align: start;
}
.carosellopagine__nav {
margin-top: 2.5rem;
}
}
@media (prefers-reduced-motion: reduce) {
.carosellopagine__track {
scroll-behavior: auto;
}
} .ultimenews { --ultimenews-card: min(61.75rem, calc(100% - 2.5rem));
--ultimenews-gutter: max(0px, calc((100% - var(--ultimenews-card)) / 2));
--ultimenews-radius: clamp(1.5rem, 4vw, 5rem);
--ultimenews-gap: 3.75rem;
width: auto;
max-width: none;
margin-inline: calc(50% - 50vw);
padding-block: 7.5rem;
overflow: hidden;
background-color: var(--color-giallo-2);
color: var(--color-marrone);
}
.ultimenews__label {
display: flex;
align-items: center;
justify-content: center;
gap: 1.25rem;
margin: 0 0 3.75rem;
padding-inline: 1.25rem;
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-h4);
line-height: var(--leading-h4);
}
.ultimenews__bullet {
display: block;
flex-shrink: 0;
width: 0.625rem;
height: 0.625rem;
border-radius: 50%;
background-color: var(--color-marrone);
}
.ultimenews__label-text {
min-width: 0;
}
.ultimenews__viewport {
outline: none;
}
.ultimenews__track {
display: flex;
gap: var(--ultimenews-gap);
margin: 0;
padding: 0;
list-style: none;
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
scroll-padding-inline: var(--ultimenews-gutter);
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.ultimenews__track::-webkit-scrollbar {
display: none;
}
.ultimenews__slide {
flex: 0 0 var(--ultimenews-card);
scroll-snap-align: center;
}
.ultimenews__slide:first-child {
margin-inline-start: var(--ultimenews-gutter);
}
.ultimenews__slide:last-child {
margin-inline-end: var(--ultimenews-gutter);
}
.ultimenews__card {
position: relative;
display: flex;
align-items: stretch;
justify-content: center;
min-height: clamp(22rem, 55vw, 35.5625rem);
overflow: hidden;
border-radius: var(--ultimenews-radius);
color: var(--color-bianco);
isolation: isolate;
}
.ultimenews__media {
position: absolute;
inset: 0;
z-index: 0;
overflow: hidden;
pointer-events: none;
}
.ultimenews__img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.ultimenews__overlay {
position: absolute;
inset: 0;
background-color: rgba(33, 20, 11, 0.5);
}
.ultimenews__body {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
gap: 2.5rem;
width: 100%;
max-width: 54.125rem;
margin-inline: auto;
padding: clamp(2.5rem, 6vw, 4.625rem) clamp(1.25rem, 4vw, 3.8125rem);
text-align: center;
}
.ultimenews__meta {
display: inline-flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 1.25rem;
margin: 0;
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-h4);
line-height: var(--leading-h4);
color: var(--color-bianco);
}
.ultimenews__meta-sep {
display: block;
width: 0.625rem;
height: 0.625rem;
border-radius: 50%;
background-color: var(--color-bianco);
}
.ultimenews__copy {
display: flex;
flex-direction: column;
align-items: center;
gap: 2.5rem;
width: 100%;
}
.ultimenews__title {
margin: 0;
max-width: 100%;
font-family: var(--font-heading);
font-weight: 400;
font-size: var(--font-size-h2);
line-height: var(--leading-h2);
color: var(--color-bianco);
text-wrap: balance;
}
.ultimenews__excerpt {
margin: 0;
max-width: 100%;
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-body);
line-height: var(--leading-body);
color: var(--color-bianco);
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.ultimenews__cta {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.625rem;
padding: 0.625rem 0.875rem;
border: 1px solid var(--color-bianco);
border-radius: 2.5rem;
background-color: transparent;
color: var(--color-bianco);
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-h4);
line-height: var(--leading-h4);
text-decoration: none;
transition: background-color 0.2s ease, color 0.2s ease;
}
.ultimenews__cta:hover,
.ultimenews__cta:focus-visible {
background-color: var(--color-bianco);
color: var(--color-marrone);
}
.ultimenews__cta-icon,
.ultimenews__cta .site-nav__icon--arrow-forward {
display: block;
width: 0.8125rem;
height: 0.8125rem;
flex-shrink: 0;
pointer-events: none;
object-fit: none;
object-position: -9999px;
background-color: var(--color-bianco);
mask: url(//lctendesolebrescia.it/wp-content/themes/lctende/assets/icons/arrow-forward.svg) center / contain no-repeat;
-webkit-mask: url(//lctendesolebrescia.it/wp-content/themes/lctende/assets/icons/arrow-forward.svg) center / contain no-repeat;
transition: background-color 0.2s ease;
}
.ultimenews__cta:hover .ultimenews__cta-icon,
.ultimenews__cta:hover .site-nav__icon--arrow-forward,
.ultimenews__cta:focus-visible .ultimenews__cta-icon,
.ultimenews__cta:focus-visible .site-nav__icon--arrow-forward {
background-color: var(--color-marrone);
}
.ultimenews__footer {
position: relative;
display: flex;
align-items: center;
justify-content: center;
min-height: 2.0625rem;
margin-top: 3.75rem;
padding-inline: max(1.25rem, calc((100% - 87.5rem) / 2));
}
.ultimenews__nav {
display: flex;
justify-content: center;
align-items: center;
gap: 0.625rem;
}
.ultimenews__nav-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 4.125rem;
min-height: 2.0625rem;
padding: 0.625rem;
border: 1px solid var(--color-marrone);
border-radius: 2.5rem;
background-color: transparent;
color: var(--color-marrone);
cursor: pointer;
appearance: none;
transition: background-color 0.2s ease, opacity 0.2s ease;
}
.ultimenews__nav-btn:hover,
.ultimenews__nav-btn:focus-visible {
background-color: var(--color-giallo-2);
}
.ultimenews__nav-btn:disabled,
.ultimenews__nav-btn[aria-disabled="true"] {
opacity: 0.35;
cursor: not-allowed;
}
.ultimenews__nav-icon,
.ultimenews__nav-btn .site-nav__icon--arrow-forward {
display: block;
width: 0.8125rem;
height: 0.8125rem;
pointer-events: none;
}
.ultimenews__nav-icon--prev {
transform: rotate(180deg);
}
.ultimenews__archive {
position: absolute;
right: max(1.25rem, calc((100% - 87.5rem) / 2));
top: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.625rem;
transform: translateY(-50%);
padding: 0.625rem 0.875rem;
border: 1px solid var(--color-marrone);
border-radius: 2.5rem;
background-color: transparent;
color: var(--color-marrone);
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-h4);
line-height: var(--leading-h4);
text-decoration: none;
white-space: nowrap;
transition: background-color 0.2s ease, color 0.2s ease;
}
.ultimenews__archive:hover,
.ultimenews__archive:focus-visible {
background-color: var(--color-marrone);
color: var(--color-bianco);
}
.ultimenews__archive-icon,
.ultimenews__archive .site-nav__icon--arrow-forward {
display: block;
width: 0.8125rem;
height: 0.8125rem;
flex-shrink: 0;
pointer-events: none;
transition: filter 0.2s ease;
}
.ultimenews__archive:hover .ultimenews__archive-icon,
.ultimenews__archive:hover .site-nav__icon--arrow-forward,
.ultimenews__archive:focus-visible .ultimenews__archive-icon,
.ultimenews__archive:focus-visible .site-nav__icon--arrow-forward {
filter: invert(94%) sepia(12%) saturate(398%) hue-rotate(342deg) brightness(104%) contrast(97%);
}
@media (max-width: 47.9375rem) {
.ultimenews {
--ultimenews-card: min(22.5rem, calc(100% - 2.5rem));
--ultimenews-gap: 1.25rem;
padding-block: 5rem;
}
.ultimenews__label {
margin-bottom: 2.5rem;
}
.ultimenews__body {
gap: 1.875rem;
}
.ultimenews__copy {
gap: 1.25rem;
}
.ultimenews__footer {
flex-direction: column;
gap: 1.25rem;
margin-top: 2.5rem;
}
.ultimenews__archive {
position: static;
transform: none;
}
}
@media (prefers-reduced-motion: reduce) {
.ultimenews__track {
scroll-behavior: auto;
}
} .slider {
--slider-btn-size: 3.125rem;
--slider-pad: 1.25rem;
--slider-gap: 2.5rem;
display: grid;
grid-template-areas:
"label"
"media"
"content";
width: auto;
max-width: none;
margin-inline: calc(50% - 50vw);
border-block: 1px solid var(--color-marrone);
background-color: var(--color-bianco);
color: var(--color-marrone);
}
.slider__label {
grid-area: label;
display: inline-flex;
align-items: center;
gap: 0.625rem;
margin: 0;
padding: var(--slider-pad);
border-bottom: 1px solid var(--color-marrone);
font-family: var(--font-body);
font-weight: 600;
font-size: 1rem;
line-height: var(--leading-body);
}
.slider__bullet {
display: block;
flex-shrink: 0;
width: 0.75rem;
height: 0.75rem;
border-radius: 50%;
background-color: var(--color-marrone);
}
.slider__label-text {
min-width: 0;
}
.slider__grid {
display: contents;
}
.slider__content {
grid-area: content;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--slider-gap);
padding: var(--slider-pad);
overflow: hidden;
background-color: var(--color-bianco);
}
.slider__nav {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.625rem;
}
.slider__nav-btn {
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
width: var(--slider-btn-size);
height: var(--slider-btn-size);
padding: 0;
border: 1px solid var(--color-marrone);
border-radius: 50%;
aspect-ratio: 1;
flex-shrink: 0;
background-color: transparent;
color: var(--color-marrone);
font-family: var(--font-heading);
font-weight: 400;
font-size: var(--font-size-h3);
line-height: 1;
cursor: pointer;
appearance: none;
transition: background-color 0.25s ease, color 0.25s ease;
}
.slider__nav-btn.is-active,
.slider__nav-btn[aria-selected="true"] {
background-color: var(--color-marrone);
color: var(--color-bianco);
}
.slider__nav-btn:focus-visible {
outline: 2px solid var(--color-marrone);
outline-offset: 2px;
}
.slider__panels {
position: relative;
width: 100%;
overflow: hidden;
}
.slider__panel {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--slider-gap);
width: 100%;
}
.slider__panel[hidden] {
display: none;
}
.slider__panel.is-active {
display: flex;
}
.slider__panel.is-entering {
animation: slider-panel-enter 0.45s ease forwards;
}
.slider__title {
margin: 0;
max-width: 22.625rem;
font-family: var(--font-heading);
font-weight: 400;
font-size: var(--font-size-h2);
line-height: var(--leading-h2);
}
.slider__text {
margin: 0;
max-width: 22.625rem;
font-family: var(--font-body);
font-weight: 600;
font-size: 1rem;
line-height: var(--leading-body);
}
.slider__text p {
margin: 0;
}
.slider__text p + p {
margin-top: 0.75em;
}
.slider__text a {
color: inherit;
text-decoration: underline;
text-underline-offset: 0.15em;
}
.slider__text a:hover {
opacity: 0.75;
}
.slider__media {
grid-area: media;
position: relative;
width: 100%;
aspect-ratio: 1;
overflow: hidden;
border-block: 1px solid var(--color-marrone);
}
.slider__img {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0;
transition: opacity 0.45s ease;
pointer-events: none;
}
.slider__img.is-active {
opacity: 1;
z-index: 1;
}
@keyframes slider-panel-enter {
from {
opacity: 0;
transform: translateX(1.5rem);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@media (min-width: 48rem) {
.slider {
--slider-btn-size: 4.875rem; --slider-inline: max(1.25rem, calc((100vw - 87.5rem) / 2));
position: relative;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr;
grid-template-areas: "content media";
min-height: 50rem;
}
.slider__label {
position: absolute;
top: 1.25rem;
left: var(--slider-inline);
z-index: 2;
grid-area: content;
width: auto;
max-width: 43.75rem;
padding: 0;
border-bottom: 0;
font-size: var(--font-size-body);
pointer-events: none;
}
.slider__bullet {
width: 0.8125rem;
height: 0.8125rem;
}
.slider__content {
justify-content: flex-start; padding: 9.5625rem var(--slider-pad) 2.5rem var(--slider-inline);
}
.slider__nav,
.slider__panels { width: 100%;
max-width: 43.75rem;
}
.slider__title {
max-width: 42.5rem;
}
.slider__text {
max-width: 29.1875rem;
font-size: var(--font-size-body);
}
.slider__media {
align-self: stretch;
height: 100%;
min-height: 50rem;
aspect-ratio: auto;
border-block: 0;
border-left: 1px solid var(--color-marrone);
}
}
@media (prefers-reduced-motion: reduce) {
.slider__img {
transition: none;
}
.slider__panel.is-entering {
animation: none;
}
} .site-footer {
background-color: var(--color-marrone);
color: var(--color-bianco);
}
.site-footer__inner {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 3.75rem;
padding: 1.25rem;
max-width: 90rem;
margin-inline: auto;
}
.site-footer__brand {
width: 100%;
max-width: 22.625rem;
}
.site-footer__logo-link {
display: block;
color: inherit;
text-decoration: none;
}
.site-footer__logo-img {
display: block;
width: 100%;
height: auto;
}
.site-footer__title {
font-family: var(--font-heading);
font-size: var(--font-size-h3);
line-height: var(--leading-h3);
}
.site-footer__nav {
width: 100%;
}
.site-footer__list {
display: flex;
flex-direction: column;
gap: 3.75rem;
margin: 0;
padding: 0;
list-style: none;
}
.site-footer__item {
display: flex;
flex-direction: column;
gap: 2.5rem;
align-items: flex-start;
}
.site-footer__link {
display: inline-flex;
align-items: center;
gap: 0.625rem;
color: var(--color-bianco);
text-decoration: none;
}
a.site-footer__link:hover,
a.site-footer__link:focus-visible {
text-decoration: underline;
text-underline-offset: 0.15em;
}
div.site-footer__link {
cursor: default;
}
.site-footer__link--parent {
font-family: var(--font-heading);
font-size: var(--font-size-h3);
font-weight: 400;
line-height: var(--leading-h3);
}
.site-footer__link--child {
font-family: var(--font-body);
font-size: var(--font-size-h4);
font-weight: 600;
line-height: var(--leading-h4);
opacity: 0.65;
}
.site-footer__arrow {
display: block;
width: 1.375rem;
height: 1rem;
flex-shrink: 0; filter: invert(94%) sepia(12%) saturate(398%) hue-rotate(342deg) brightness(104%) contrast(97%);
}
.site-footer__sub-list {
display: flex;
flex-direction: column;
gap: 0.75rem;
margin: 0;
padding: 0;
list-style: none;
}
.site-footer__text {
display: flex;
flex-direction: column;
gap: 2.5rem;
max-width: 16.5rem;
font-family: var(--font-body);
font-size: var(--font-size-h4);
font-weight: 600;
line-height: var(--leading-h4);
color: var(--color-bianco);
}
.site-footer__text p,
.site-footer__text-block {
margin: 0;
}
.site-footer__text a {
color: inherit;
text-decoration: underline;
text-underline-offset: 0.15em;
}
.site-footer__text a:hover {
color: var(--color-giallo);
}
.site-footer__comics {
display: none;
}
.site-footer__comics[hidden] {
display: none;
}
.site-footer__back-to-top {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 3.75rem;
width: 100%;
padding: 1.25rem;
border: 0;
border-radius: 25rem;
background-color: var(--color-giallo);
color: var(--color-marrone);
cursor: pointer;
appearance: none;
font: inherit;
}
.site-footer__back-to-top:hover,
.site-footer__back-to-top:focus-visible {
filter: brightness(1.05);
}
.site-footer__back-to-top-label {
font-family: var(--font-heading);
font-size: 2.5rem;
font-weight: 400;
line-height: 1;
white-space: nowrap;
}
.site-footer__back-to-top-icon {
display: block;
width: 1.25rem;
height: 0.9rem;
flex-shrink: 0;
transform: rotate(-90deg);
}
.site-footer__legal {
width: 100%;
max-width: 21.8125rem;
}
.site-footer__legal-list {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 0.75rem;
margin: 0;
padding: 0;
list-style: none;
}
.site-footer__legal-link {
font-family: var(--font-body);
font-size: var(--font-size-h4);
font-weight: 600;
line-height: var(--leading-h4);
color: var(--color-bianco);
text-decoration: none;
}
.site-footer__legal-link:hover,
.site-footer__legal-link:focus-visible {
text-decoration: underline;
text-underline-offset: 0.15em;
} @media (min-width: 64rem) {
.site-footer__inner {
display: grid; grid-template-columns:
minmax(16rem, 28.3rem)
minmax(6rem, 1fr)
max-content
minmax(16rem, 21.8rem);
grid-template-rows: auto 1fr auto;
column-gap: 3.75rem;
row-gap: 2.5rem;
align-items: start;
padding: 1.25rem 1.25rem 1.5rem;
min-height: 36.5rem;
}
.site-footer__brand {
grid-column: 1;
grid-row: 1;
max-width: 28.3rem;
}
.site-footer__text {
grid-column: 1;
grid-row: 2;
align-self: start;
max-width: 16.5rem;
}
.site-footer__back-to-top {
grid-column: 1;
grid-row: 3;
width: auto;
justify-self: start;
align-self: end;
}
.site-footer__back-to-top-label {
font-size: var(--font-size-h2);
line-height: var(--leading-h2);
}
.site-footer__back-to-top-icon {
width: 1.7rem;
height: 1.2rem;
} .site-footer__nav,
.site-footer__list {
display: contents;
} .site-footer__item:first-child {
grid-column: 3;
grid-row: 1 / 3;
gap: 2.5rem;
} .site-footer__item:nth-child(n + 2) {
grid-column: 4;
grid-row: 1;
gap: 2.5rem;
}
.site-footer__legal {
grid-column: 3;
grid-row: 3;
align-self: end;
width: auto;
max-width: none;
}
.site-footer__legal-list {
flex-direction: column;
justify-content: flex-start;
gap: 0.75rem;
}
.site-footer__comics {
display: block;
grid-column: 4;
grid-row: 2 / 4;
align-self: end;
justify-self: stretch;
width: 100%;
max-width: 21.8rem;
pointer-events: none;
}
.site-footer__comics-stage {
position: relative;
min-height: 20rem;
width: 100%;
}
.site-footer__comics-dismiss {
position: absolute;
top: -0.35rem;
right: -0.35rem;
z-index: 3;
display: flex;
align-items: center;
justify-content: center;
width: 1.25rem;
height: 1.25rem;
padding: 0.25rem;
border: 1px solid var(--color-marrone);
border-radius: 50%;
background-color: var(--color-giallo);
cursor: pointer;
appearance: none;
pointer-events: auto;
}
.site-footer__comics-bubble {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 10.1rem;
max-width: 48%;
padding: 0.75rem 0.875rem 1rem;
background-color: var(--color-giallo);
border: 1px solid var(--color-marrone);
border-radius: 0.25rem;
color: var(--color-marrone);
pointer-events: auto;
}
.site-footer__comics-text {
margin: 0 0 0.5rem;
font-family: var(--font-body);
font-weight: 600;
font-size: 1.125rem;
line-height: 1.2;
}
.site-footer__comics-link {
font-family: var(--font-body);
font-weight: 600;
font-size: 1.125rem;
line-height: 1.2;
color: var(--color-marrone);
text-decoration: underline;
text-underline-offset: 0.15em;
}
.site-footer__comics-character {
position: absolute;
right: 0;
bottom: 0;
z-index: 1;
width: 11.5rem;
max-width: 52%;
pointer-events: none;
}
.site-footer__comics-img {
display: block;
width: 100%;
height: auto;
object-fit: contain;
object-position: bottom right;
}
} .wp-block-acf-intestazione-hero,
.intestazione-hero {
width: auto;
max-width: none;
margin-inline: calc(50% - 50vw);
padding: 10rem 1.25rem 7.5rem;
background-color: var(--color-giallo-2);
color: var(--color-marrone);
}
.intestazione-hero--giallo {
background-color: var(--color-giallo);
}
.entry-content > .wp-block-acf-intestazione-hero:first-child,
.entry-content > .intestazione-hero:first-child {
margin-top: calc(-1 * (var(--header-pad-top) + var(--header-bar-height) + 2rem));
padding-top: calc(var(--header-pad-top) + var(--header-bar-height) + 10rem);
}
.intestazione-hero__inner {
display: flex;
flex-direction: column;
align-items: center;
gap: 3.75rem;
width: 100%;
}
.intestazione-hero__breadcrumb {
display: flex;
justify-content: center;
}
.intestazione-hero__breadcrumb-list {
display: flex;
align-items: center;
gap: 0.9375rem;
margin: 0;
padding: 0;
list-style: none;
}
.intestazione-hero__breadcrumb-item {
display: inline-flex;
align-items: center;
gap: 0.625rem;
margin: 0;
}
.intestazione-hero__breadcrumb-sep {
display: flex;
flex-shrink: 0;
align-items: center;
margin: 0;
}
.intestazione-hero__breadcrumb-parent {
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-body);
line-height: var(--leading-body);
color: var(--color-marrone-opacizzato);
text-decoration: none;
white-space: nowrap;
}
.intestazione-hero__breadcrumb-parent:hover,
.intestazione-hero__breadcrumb-parent:focus-visible {
color: var(--color-marrone);
outline: none;
}
.intestazione-hero__breadcrumb-arrow,
.intestazione-hero__breadcrumb-sep .site-nav__icon--arrow-forward {
display: block;
flex-shrink: 0;
width: 0.8125rem;
height: 0.8125rem;
opacity: 0.45;
pointer-events: none;
}
.intestazione-hero__breadcrumb-dot {
display: block;
flex-shrink: 0;
width: 0.75rem;
height: 0.75rem;
border-radius: 50%;
background-color: var(--color-marrone);
}
.intestazione-hero__breadcrumb-current {
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-body);
line-height: var(--leading-body);
color: var(--color-marrone);
white-space: nowrap;
}
.intestazione-hero__title {
margin: 0;
padding-inline: 1.25rem;
font-family: var(--font-heading);
font-weight: 400;
font-size: var(--font-size-h1);
line-height: var(--leading-h1);
text-align: center;
color: var(--color-marrone);
}
@media (min-width: 48rem) {
.wp-block-acf-intestazione-hero,
.intestazione-hero {
padding: 7.5rem 1.25rem;
}
.entry-content > .wp-block-acf-intestazione-hero:first-child,
.entry-content > .intestazione-hero:first-child {
padding-top: calc(var(--header-pad-top) + var(--header-bar-height) + 7.5rem);
}
.intestazione-hero__breadcrumb-list {
gap: 1.25rem;
}
.intestazione-hero__breadcrumb-dot {
width: 0.625rem;
height: 0.625rem;
}
.intestazione-hero__title {
padding-inline: 0;
}
} .wp-block-acf-galleriadescrittiva,
.galleriadescrittiva {
position: relative;
display: grid;
grid-template-columns: 1fr;
grid-template-areas:
"media"
"copy";
width: auto;
max-width: none;
margin-inline: calc(50% - 50vw);
background-color: var(--color-bianco);
color: var(--color-marrone);
box-sizing: border-box;
}
.galleriadescrittiva__copy {
grid-area: copy;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2.5rem;
padding: 3.75rem 1.25rem;
border-bottom: 1px solid var(--color-marrone);
box-sizing: border-box;
}
.galleriadescrittiva__title {
margin: 0;
font-family: var(--font-heading);
font-weight: 400;
font-size: 2rem;
line-height: 1.1;
}
.galleriadescrittiva__text {
margin: 0;
font-family: var(--font-body);
font-weight: 600;
font-size: 1rem;
line-height: 1.2;
}
.galleriadescrittiva__text p {
margin: 0;
}
.galleriadescrittiva__text p + p {
margin-top: 0.75em;
}
.galleriadescrittiva__text a {
color: inherit;
text-decoration: underline;
text-underline-offset: 0.15em;
}
.galleriadescrittiva__text a:hover {
opacity: 0.75;
} .galleriadescrittiva__cta {
align-self: flex-start;
width: fit-content;
max-width: 100%;
min-height: 3rem;
padding: 0.9375rem;
font-size: 1.5rem;
line-height: 1.1;
}
.galleriadescrittiva__media {
grid-area: media;
position: relative;
width: 100%;
aspect-ratio: 402 / 447;
overflow: hidden;
outline: none;
border-block: 1px solid var(--color-marrone);
box-sizing: border-box;
}
.galleriadescrittiva__stage {
position: absolute;
inset: 0;
}
.galleriadescrittiva__img {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
object-fit: fill;
opacity: 0;
transition: opacity 0.35s ease;
pointer-events: none;
}
.galleriadescrittiva__img.is-active {
opacity: 1;
z-index: 1;
}
.galleriadescrittiva__nav {
position: absolute;
z-index: 2;
inset-inline: 1.1875rem;
top: 50%;
display: flex;
align-items: center;
justify-content: space-between;
transform: translateY(-50%);
pointer-events: none;
}
.galleriadescrittiva__nav-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 4.125rem;
min-height: 2.0625rem;
padding: 0.625rem;
border: 1px solid var(--color-marrone);
border-radius: 2.5rem;
background-color: var(--color-bianco);
color: var(--color-marrone);
cursor: pointer;
pointer-events: auto;
transition: background-color 0.2s ease, opacity 0.2s ease;
}
.galleriadescrittiva__nav-btn:hover,
.galleriadescrittiva__nav-btn:focus-visible {
background-color: var(--color-giallo-2);
}
.galleriadescrittiva__nav-btn:disabled,
.galleriadescrittiva__nav-btn[aria-disabled="true"] {
opacity: 0.35;
cursor: not-allowed;
}
.galleriadescrittiva__nav-icon,
.galleriadescrittiva__nav-btn .site-nav__icon--arrow-forward {
display: block;
width: 0.8125rem;
height: 0.8125rem;
pointer-events: none;
}
.galleriadescrittiva__nav-icon--prev {
transform: rotate(180deg);
} .galleriadescrittiva__thumbs {
position: absolute;
z-index: 3;
left: 1.25rem;
bottom: 1.25rem;
top: auto;
display: flex;
gap: 0.3125rem;
max-width: calc(100% - 2.5rem);
padding: 0;
overflow-x: auto;
scrollbar-width: none;
box-sizing: border-box;
}
.galleriadescrittiva__thumbs::-webkit-scrollbar {
display: none;
}
.galleriadescrittiva__thumb {
position: relative;
flex: 0 0 3.582rem;
width: 3.582rem;
height: 4.757rem;
padding: 0;
border: 0.83px solid transparent;
background: transparent;
cursor: pointer;
overflow: hidden;
opacity: 0.45;
transition: opacity 0.2s ease, border-color 0.2s ease;
}
.galleriadescrittiva__thumb.is-active {
opacity: 1;
border-color: var(--color-marrone);
}
.galleriadescrittiva__thumb:hover,
.galleriadescrittiva__thumb:focus-visible {
opacity: 1;
}
.galleriadescrittiva__thumb-img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
.galleriadescrittiva__img {
transition: none;
}
}
@media (min-width: 48rem) {
.galleriadescrittiva { --galleriadescrittiva-inline: max(1.25rem, calc((100vw - 87.5rem) / 2));
grid-template-columns: 1fr 1fr;
grid-template-areas: "copy media";
min-height: 55rem;
border-block: 1px solid var(--color-marrone);
overflow: visible;
}
.galleriadescrittiva__copy {
align-self: stretch;
justify-content: flex-start;
gap: 3.75rem;
width: 100%;
max-width: none; padding: 1.25rem 1.25rem 1.25rem var(--galleriadescrittiva-inline);
border-bottom: 0;
box-sizing: border-box;
}
.galleriadescrittiva__title {
font-size: var(--font-size-h2);
line-height: var(--leading-h2);
}
.galleriadescrittiva__text {
font-size: var(--font-size-body);
line-height: var(--leading-body);
max-width: 29.1875rem;
}
.galleriadescrittiva__cta {
min-height: 3.6875rem;
padding: 0.875rem 1.5rem;
font-size: var(--font-size-h3);
line-height: var(--leading-h3);
}
.galleriadescrittiva__media {
aspect-ratio: auto;
height: 100%;
min-height: 55rem;
border-block: 0;
border-inline-start: 1px solid var(--color-marrone);
overflow: visible;
}
.galleriadescrittiva__stage {
overflow: hidden;
}
.galleriadescrittiva__nav {
inset-inline: 1.25rem;
} .galleriadescrittiva__thumbs {
left: auto;
right: 100%;
top: auto;
bottom: 0;
gap: 0.518625rem;
padding: 1.25rem; max-width: calc(50vw - var(--galleriadescrittiva-inline));
overflow: visible;
}
.galleriadescrittiva__thumb {
flex: 0 0 6.483rem;
width: 6.483rem;
height: 8.609rem;
}
} .wp-block-acf-features,
.features {
--features-card: min(18.75rem, calc(100% - 2.5rem));
--features-gutter: max(0px, calc((100% - var(--features-card)) / 2));
width: auto;
max-width: none;
margin-inline: calc(50% - 50vw);
padding-block: 7.5rem;
overflow: hidden;
background-color: var(--color-giallo-2);
color: var(--color-marrone);
border-bottom: 1px solid var(--color-marrone);
}
.features__inner {
display: flex;
flex-direction: column;
align-items: center;
gap: 2.5rem;
width: 100%;
margin-bottom: 3.75rem;
padding-inline: 1.25rem;
}
.features__pretitle {
display: inline-flex;
align-items: center;
gap: 0.625rem;
margin: 0;
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-body);
line-height: var(--leading-body);
}
.features__bullet {
display: block;
flex-shrink: 0;
width: 0.75rem;
height: 0.75rem;
border-radius: 50%;
background-color: var(--color-marrone);
}
.features__title {
margin: 0;
max-width: 43.75rem;
font-family: var(--font-heading);
font-weight: 400;
font-size: var(--font-size-h1);
line-height: var(--leading-h1);
text-align: center;
}
.features__content {
max-width: 43.75rem;
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-body);
line-height: var(--leading-body);
text-align: center;
}
.features__content > *:first-child {
margin-top: 0;
}
.features__content > *:last-child {
margin-bottom: 0;
}
.features__viewport {
outline: none;
}
.features__track {
display: flex;
gap: 1.25rem;
margin: 0;
padding: 0;
list-style: none;
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.features__track::-webkit-scrollbar {
display: none;
}
.features__slide {
flex: 0 0 var(--features-card);
scroll-snap-align: center;
}
.features__slide:first-child {
margin-inline-start: var(--features-gutter);
}
.features__slide:last-child {
margin-inline-end: var(--features-gutter);
}
.features__card {
position: relative;
display: block;
width: 100%;
aspect-ratio: 300 / 329;
border-radius: 0.625rem;
background-color: var(--color-marrone);
color: var(--color-giallo-2);
overflow: hidden;
isolation: isolate;
}
.features__front,
.features__back {
display: flex;
flex-direction: column;
gap: 0.625rem;
box-sizing: border-box;
padding: 1.25rem;
transition: opacity 0.25s ease, visibility 0.25s ease;
}
.features__front {
position: relative;
z-index: 1;
height: 100%;
}
.features__back {
position: absolute;
inset: 0;
z-index: 2;
justify-content: flex-start;
opacity: 0;
visibility: hidden;
pointer-events: none;
background-color: var(--color-marrone);
}
.features__card:hover .features__back,
.features__card:focus-within .features__back,
.features__card.is-open .features__back {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.features__card:hover .features__front,
.features__card:focus-within .features__front,
.features__card.is-open .features__front {
opacity: 0;
visibility: hidden;
}
.features__front-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.625rem;
width: 100%;
}
.features__card-title,
.features__back-title {
margin: 0;
font-family: var(--font-heading);
font-weight: 400;
font-size: var(--font-size-h3);
line-height: var(--leading-h3);
color: var(--color-giallo-2);
}
.features__card-title {
flex: 1 1 auto;
min-width: 0;
text-align: start;
}
.features__expand {
display: inline-flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
width: 1rem;
height: 1rem;
}
.features__expand-icon,
.features__expand .site-nav__icon--plus {
display: block;
width: 1rem;
height: 1rem; filter: invert(94%) sepia(12%) saturate(398%) hue-rotate(342deg) brightness(104%) contrast(97%);
}
.features__media {
position: relative;
flex: 1 1 auto;
width: 100%;
min-height: 0;
aspect-ratio: 1;
padding: 1.25rem;
box-sizing: border-box;
}
.features__img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.features__back-title {
flex-shrink: 0;
text-align: center;
width: 100%;
}
.features__back-text {
margin: 0;
flex: 1 1 auto;
min-height: 0;
display: grid;
align-content: center;
font-family: var(--font-body);
font-weight: 400;
font-size: var(--font-size-body);
line-height: var(--leading-body);
color: var(--color-giallo-2);
text-align: start;
}
.features__cta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.625rem;
width: 100%;
flex-shrink: 0;
margin-top: auto;
padding: 0.625rem 1rem;
border: 0;
border-radius: 2.5rem;
background-color: var(--color-giallo-2);
color: var(--color-marrone);
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-h4);
line-height: var(--leading-h4);
text-decoration: none;
transition: background-color 0.2s ease, color 0.2s ease;
}
.features__cta:hover,
.features__cta:focus-visible {
background-color: var(--color-bianco);
}
.features__cta-label {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
pointer-events: none;
}
.features__cta-icon,
.features__cta .site-nav__icon--arrow-forward {
display: block;
width: 0.8125rem;
height: 0.8125rem;
flex-shrink: 0;
pointer-events: none;
}
.features__nav {
display: flex;
justify-content: center;
align-items: center;
gap: 0.625rem;
margin-top: 2.5rem;
padding-inline: 1.25rem;
}
.features__nav-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 4.125rem;
min-height: 2.0625rem;
padding: 0.625rem;
border: 1px solid var(--color-marrone);
border-radius: 2.5rem;
background-color: transparent;
color: var(--color-marrone);
cursor: pointer;
transition: background-color 0.2s ease, opacity 0.2s ease;
}
.features__nav-btn:hover,
.features__nav-btn:focus-visible {
background-color: var(--color-bianco);
}
.features__nav-btn:disabled,
.features__nav-btn[aria-disabled="true"] {
opacity: 0.35;
cursor: not-allowed;
}
.features__nav-icon,
.features__nav-btn .site-nav__icon--arrow-forward {
display: block;
width: 0.8125rem;
height: 0.8125rem;
pointer-events: none;
}
.features__nav-icon--prev {
transform: rotate(180deg);
}
@media (min-width: 48rem) {
.features {
--features-card: auto;
--features-gutter: 0px;
}
.features__inner {
gap: 3.75rem;
max-width: 87.5rem;
margin-inline: auto;
padding-inline: 1.25rem;
}
.features__viewport {
max-width: 87.5rem;
margin-inline: auto;
padding-inline: 1.25rem;
}
.features__track {
overflow: visible;
scroll-snap-type: none;
}
.features__slide {
flex: 1 1 0;
min-width: 0;
scroll-snap-align: none;
}
.features__slide:first-child,
.features__slide:last-child {
margin-inline: 0;
}
.features__card {
aspect-ratio: 1;
min-height: 23.75rem;
}
.features__front-header {
justify-content: center;
}
.features__card-title {
text-align: center;
}
.features__expand {
display: none;
}
.features__nav {
display: none;
}
} .wp-block-acf-elenco-puntato,
.elenco-puntato {
width: auto;
max-width: none;
margin-inline: calc(50% - 50vw);
padding-block: 7.5rem;
padding-inline: 1.25rem;
background-color: var(--color-giallo-2);
color: var(--color-marrone);
border-bottom: 1px solid var(--color-marrone);
box-sizing: border-box;
}
.elenco-puntato__inner {
display: flex;
flex-direction: column;
gap: 3.75rem;
width: 100%;
max-width: 87.5rem;
margin-inline: auto;
}
.elenco-puntato__intro {
display: flex;
flex-direction: column;
align-items: center;
gap: 2.5rem;
}
.elenco-puntato__pretitle {
display: inline-flex;
align-items: center;
gap: 0.625rem;
margin: 0;
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-body);
line-height: var(--leading-body);
}
.elenco-puntato__bullet {
display: block;
flex-shrink: 0;
width: 0.625rem;
height: 0.625rem;
border-radius: 50%;
background-color: var(--color-marrone);
}
.elenco-puntato__title {
margin: 0;
font-family: var(--font-heading);
font-weight: 400;
font-size: var(--font-size-h1);
line-height: var(--leading-h1);
text-align: center;
color: #000;
}
.elenco-puntato__list {
display: flex;
flex-direction: column;
gap: 2.5rem;
margin: 0;
padding: 0;
list-style: none;
}
.elenco-puntato__item {
display: flex;
align-items: flex-start;
gap: 2.5rem;
padding-top: 0.625rem;
border-top: 1px solid var(--color-marrone);
}
.elenco-puntato__number {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 1.9375rem;
height: 1.9375rem;
border: 1px solid var(--color-marrone);
border-radius: 50%;
background-color: var(--color-marrone);
color: var(--color-giallo-2);
font-family: var(--font-heading);
font-weight: 400;
font-size: var(--font-size-h3);
line-height: 1;
text-align: center;
}
.elenco-puntato__text {
flex: 1 1 auto;
min-width: 0;
margin: 0;
font-family: var(--font-heading);
font-weight: 400;
font-size: var(--font-size-body);
line-height: var(--leading-body);
color: #000;
}
.elenco-puntato__text p {
margin: 0;
}
.elenco-puntato__text p + p {
margin-top: 0.75em;
}
.elenco-puntato__text a {
color: inherit;
text-decoration: underline;
text-underline-offset: 0.15em;
}
.elenco-puntato__text a:hover {
opacity: 0.75;
}
.elenco-puntato__cta {
align-self: stretch;
}
@media (min-width: 48rem) {
.elenco-puntato__inner {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr auto;
grid-template-areas:
"intro list"
"cta list";
column-gap: 2.5rem;
row-gap: 0;
align-items: start;
}
.elenco-puntato__intro {
grid-area: intro;
align-items: flex-start;
gap: 3.75rem;
}
.elenco-puntato__title {
max-width: 36.5rem;
text-align: left;
}
.elenco-puntato__list {
grid-area: list;
align-self: stretch;
}
.elenco-puntato__cta {
grid-area: cta;
align-self: end;
justify-self: start;
width: fit-content;
max-width: 100%;
}
.elenco-puntato__cta.btn-slide--block {
display: inline-flex;
width: fit-content;
}
.elenco-puntato__cta.btn-slide--block .btn-slide__clip,
.elenco-puntato__cta.btn-slide--block .btn-slide__track {
width: auto;
max-width: 100%;
}
.elenco-puntato__cta.btn-slide--block .btn-slide__item {
width: max-content;
max-width: 100%;
justify-content: flex-start;
}
.elenco-puntato__cta.btn-slide--block .btn-slide__item:first-child {
width: max-content;
}
} .wp-block-acf-form-contatti,
.form-contatti {
width: auto;
max-width: none;
margin-inline: calc(50% - 50vw);
padding-block: 3.75rem;
padding-inline: 1.25rem;
background-color: var(--color-giallo);
border-top: 1px solid var(--color-marrone);
border-bottom: 1px solid var(--color-marrone);
color: var(--color-marrone);
box-sizing: border-box;
}
.form-contatti__intro {
display: flex;
flex-direction: column;
align-items: center;
gap: 2.5rem;
width: min(100%, 87.5rem);
margin-inline: auto;
padding-bottom: 7.5rem;
text-align: center;
}
@media (min-width: 48rem) {
.form-contatti__intro {
gap: 3.75rem;
}
}
.form-contatti__pretitle {
display: inline-flex;
align-items: center;
gap: 0.625rem;
margin: 0;
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-body);
line-height: var(--leading-body);
}
.form-contatti__bullet {
display: block;
flex-shrink: 0;
width: 0.625rem;
height: 0.625rem;
border-radius: 50%;
background-color: var(--color-marrone);
}
.form-contatti__title {
margin: 0;
max-width: 61.625rem;
font-family: var(--font-heading);
font-weight: 400;
font-size: var(--font-size-h1);
line-height: var(--leading-h1);
text-wrap: balance;
}
.form-contatti__description {
margin: 0;
max-width: 43.75rem;
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-body);
line-height: var(--leading-body);
}
.form-contatti__description p {
margin: 0;
}
.form-contatti__description p + p {
margin-top: 0.75em;
}
.form-contatti__description a {
color: inherit;
text-decoration: underline;
text-underline-offset: 0.15em;
}
.form-contatti__description a:hover {
opacity: 0.75;
}
.form-contatti__inner {
display: flex;
flex-direction: column;
gap: 2.5rem;
width: min(100%, 87.5rem);
margin-inline: auto;
}
.form-contatti__note {
margin: 0;
max-width: 43.75rem;
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-body);
line-height: var(--leading-body);
color: var(--color-marrone);
}
.form-contatti__form .wpcf7 {
margin: 0;
}
.form-contatti__form .wpcf7-form {
display: flex;
flex-direction: column;
gap: 2.5rem;
margin: 0;
}
.form-contatti__form .wpcf7-form > p {
margin: 0;
}
.form-contatti__grid {
display: flex;
flex-direction: column;
gap: 1.25rem;
width: 100%;
}
.form-contatti__fields {
display: flex;
flex-direction: column;
gap: 1.25rem;
width: 100%;
}
.form-contatti__message {
display: flex;
flex-direction: column;
width: 100%;
min-height: 21.5625rem;
}
.form-contatti__fields .wpcf7-form-control-wrap,
.form-contatti__message .wpcf7-form-control-wrap {
display: block;
width: 100%;
}
.form-contatti__message .wpcf7-form-control-wrap {
flex: 1 1 auto;
display: flex;
flex-direction: column;
min-height: 0;
}
.form-contatti__message .wpcf7-form-control-wrap textarea {
flex: 1 1 auto;
align-self: stretch;
}
.form-contatti__form input[type="text"],
.form-contatti__form input[type="email"],
.form-contatti__form input[type="tel"],
.form-contatti__form textarea {
display: block;
width: 100%;
margin: 0;
padding: 1.25rem;
border: 0;
border-radius: 2.5rem;
background-color: var(--color-giallo-2);
color: var(--color-marrone);
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-body);
line-height: var(--leading-body);
box-sizing: border-box;
appearance: none;
}
.form-contatti__form input[type="text"]::placeholder,
.form-contatti__form input[type="email"]::placeholder,
.form-contatti__form input[type="tel"]::placeholder,
.form-contatti__form textarea::placeholder {
color: var(--color-marrone);
opacity: 1;
}
.form-contatti__form textarea {
min-height: 21.5625rem;
height: 100%;
border-radius: 1.75rem;
resize: vertical;
}
.form-contatti__form .wpcf7-not-valid {
outline: 2px solid var(--color-marrone);
outline-offset: 2px;
}
.form-contatti__form .wpcf7-not-valid-tip {
display: block;
margin-top: 0.5rem;
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-h4);
line-height: var(--leading-h4);
color: var(--color-marrone);
}
.form-contatti__form .wpcf7-acceptance {
margin: 0;
}
.form-contatti__form .wpcf7-acceptance .wpcf7-list-item {
margin: 0;
}
.form-contatti__form .wpcf7-acceptance label {
display: flex;
align-items: flex-start;
gap: 0.625rem;
margin: 0;
cursor: pointer;
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-body);
line-height: var(--leading-body);
color: var(--color-marrone);
}
.form-contatti__form .wpcf7-acceptance input[type="checkbox"] {
appearance: none;
flex-shrink: 0;
width: 1.25rem;
height: 1.25rem;
margin: 0;
padding: 0;
border: 1.5px solid var(--color-marrone);
border-radius: 50%;
background-color: transparent;
cursor: pointer;
box-sizing: border-box;
}
.form-contatti__form .wpcf7-acceptance input[type="checkbox"]:checked {
background-image: radial-gradient(
circle,
var(--color-marrone) 0,
var(--color-marrone) 0.375rem,
transparent 0.375rem
);
}
.form-contatti__form .wpcf7-acceptance a {
color: inherit;
text-decoration: underline;
text-underline-offset: 0.15em;
}
.form-contatti__form .wpcf7-acceptance .wpcf7-list-item-label {
max-width: 43.75rem;
}
.form-contatti__form .form-contatti__submit,
.form-contatti__form .wpcf7-submit {
display: inline-flex;
align-items: center;
justify-content: space-between;
gap: 1.25rem;
width: 100%;
margin: 0;
padding: 1.25rem;
border: 1px solid var(--color-marrone);
border-radius: 12.5rem;
background-color: var(--color-giallo-2);
color: var(--color-marrone);
font-family: var(--font-heading);
font-weight: 400;
font-size: var(--font-size-h3);
line-height: var(--leading-h3);
text-align: left;
cursor: pointer;
box-sizing: border-box;
appearance: none;
transition: background-color 0.2s ease, color 0.2s ease;
}
.form-contatti__form .form-contatti__submit::after,
.form-contatti__form button.wpcf7-submit::after {
content: "";
display: block;
flex-shrink: 0;
width: 0.8125rem;
height: 0.8125rem;
background-color: currentColor;
mask: url(//lctendesolebrescia.it/wp-content/themes/lctende/assets/icons/arrow-forward.svg) center / contain no-repeat;
-webkit-mask: url(//lctendesolebrescia.it/wp-content/themes/lctende/assets/icons/arrow-forward.svg) center / contain no-repeat;
}
.form-contatti__form .form-contatti__submit:hover,
.form-contatti__form .wpcf7-submit:hover {
background-color: var(--color-marrone);
color: var(--color-giallo-2);
}
.form-contatti__form .wpcf7-spinner {
margin-left: 0.75rem;
background-color: var(--color-marrone);
}
.form-contatti__form .wpcf7-response-output {
margin: 0;
padding: 1rem 1.25rem;
border: 1px solid var(--color-marrone);
border-radius: 1.75rem;
background-color: var(--color-giallo-2);
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-body);
line-height: var(--leading-body);
color: var(--color-marrone);
}
@media (min-width: 48rem) {
.form-contatti__grid {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: stretch;
gap: 1.25rem;
}
.form-contatti__fields {
min-width: 0;
}
.form-contatti__message {
min-width: 0;
min-height: 0;
height: 100%;
align-self: stretch;
}
.form-contatti__message .wpcf7-form-control-wrap {
height: 100%;
}
.form-contatti__form textarea {
min-height: 0;
height: 100%;
resize: none;
}
.form-contatti__form .form-contatti__submit,
.form-contatti__form .wpcf7-submit {
width: auto;
align-self: flex-start;
justify-content: flex-start;
}
} .wp-block-acf-heroimage,
.heroimage {
position: relative;
display: flex;
align-items: stretch;
width: auto;
max-width: none;
margin-inline: calc(50% - 50vw);
min-height: max(36rem, 100svh);
overflow: hidden;
color: var(--color-bianco);
isolation: isolate;
}
.entry-content > .wp-block-acf-heroimage:first-child,
.entry-content > .heroimage:first-child {
margin-top: calc(-1 * (var(--header-pad-top) + var(--header-bar-height) + 2rem));
}
.heroimage__media {
position: absolute;
inset: 0;
z-index: 0;
overflow: hidden;
pointer-events: none;
}
.heroimage__media::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(
to bottom,
rgb(33 20 11 / 106%) 0%,
rgba(33, 20, 11, 0) 123%
);
pointer-events: none;
}
.heroimage__img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.heroimage__inner {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 2.5rem;
width: min(100% - 2.5rem, 52.625rem);
margin-inline: auto;
padding-top: calc(var(--header-pad-top) + var(--header-bar-height) + 2rem);
padding-bottom: 2.5rem;
text-align: center;
}
.heroimage__breadcrumb {
display: inline-flex;
align-items: center;
gap: 0.625rem;
}
.heroimage__breadcrumb-dot {
display: block;
flex-shrink: 0;
width: 0.625rem;
height: 0.625rem;
border-radius: 50%;
background-color: var(--color-bianco);
}
.heroimage__breadcrumb-current {
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-body);
line-height: var(--leading-body);
color: var(--color-bianco);
white-space: nowrap;
}
.heroimage__title {
margin: 0;
font-family: var(--font-heading);
font-weight: 400;
font-size: var(--font-size-h1);
line-height: var(--leading-h1);
color: var(--color-bianco);
text-wrap: balance;
}
.heroimage__scroll {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
border: 0;
background: transparent;
cursor: pointer;
appearance: none;
}
.heroimage__scroll:focus-visible {
outline: 2px solid var(--color-bianco);
outline-offset: 4px;
border-radius: 16.5px;
}
.heroimage__scroll-icon,
.heroimage__scroll .site-nav__icon--scroll-down {
display: block;
width: 4.125rem;
height: 2.0625rem;
pointer-events: none;
}
@media (max-width: 47.9375rem) {
.heroimage__inner {
gap: 1.5rem;
width: min(100% - 2.5rem, 100%);
}
.heroimage__breadcrumb-dot {
width: 0.625rem;
height: 0.625rem;
}
} .gallery {
--gallery-slide: min(18.75rem, calc(100% - 2.5rem));
--gallery-gap: 1.25rem;
--gallery-pad: 1.25rem;
display: grid;
grid-template-columns: minmax(0, 1fr);
grid-template-areas:
"header"
"track"
"nav";
row-gap: 3.75rem;
width: auto;
max-width: none;
margin-inline: calc(50% - 50vw);
padding-block: 7.5rem;
overflow: hidden;
color: var(--color-marrone);
}
.gallery__header {
grid-area: header;
display: flex;
flex-direction: column;
align-items: center;
gap: 2.5rem;
padding-inline: var(--gallery-pad);
text-align: center;
}
.gallery__label {
display: inline-flex;
align-items: center;
gap: 0.625rem;
margin: 0;
font-family: var(--font-body);
font-weight: 600;
font-size: 1rem;
line-height: var(--leading-body);
}
.gallery__bullet {
display: block;
flex-shrink: 0;
width: 0.625rem;
height: 0.625rem;
border-radius: 50%;
background-color: var(--color-marrone);
}
.gallery__label-text {
min-width: 0;
}
.gallery__title {
margin: 0;
font-family: var(--font-heading);
font-weight: 400;
font-size: var(--font-size-h2);
line-height: var(--leading-h2);
}
.gallery__viewport {
grid-area: track;
outline: none;
min-width: 0;
}
.gallery__track {
display: flex;
gap: var(--gallery-gap);
margin: 0;
padding: 0;
padding-inline: var(--gallery-pad);
list-style: none;
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
scroll-padding-inline: var(--gallery-pad);
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.gallery__track::-webkit-scrollbar {
display: none;
}
.gallery__slide {
flex: 0 0 var(--gallery-slide);
scroll-snap-align: start;
}
.gallery__media {
position: relative;
width: 100%;
aspect-ratio: 350 / 505;
overflow: hidden;
}
.gallery__img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.gallery__nav {
grid-area: nav;
display: flex;
justify-content: center;
align-items: center;
gap: 0.625rem;
padding-inline: var(--gallery-pad);
}
.gallery--single .gallery__nav {
display: none;
}
.gallery__nav-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 4.125rem;
min-height: 2.0625rem;
padding: 0.625rem;
border: 1px solid var(--color-marrone);
border-radius: 2.5rem;
background-color: transparent;
color: var(--color-marrone);
cursor: pointer;
transition: background-color 0.2s ease, opacity 0.2s ease;
}
.gallery__nav-btn:hover,
.gallery__nav-btn:focus-visible {
background-color: var(--color-bianco);
}
.gallery__nav-btn:disabled,
.gallery__nav-btn[aria-disabled="true"] {
opacity: 0.35;
cursor: not-allowed;
}
.gallery__nav-icon,
.gallery__nav-btn .site-nav__icon--arrow-forward {
display: block;
width: 0.8125rem;
height: 0.8125rem;
pointer-events: none;
}
.gallery__nav-icon--prev {
transform: rotate(180deg);
}
@media (min-width: 48rem) {
.gallery {
--gallery-slide: 21.875rem;
--gallery-header: 21.875rem;
grid-template-columns: var(--gallery-header) minmax(0, 1fr);
grid-template-rows: auto 1fr;
grid-template-areas:
"header track"
"nav track";
column-gap: 0;
row-gap: 0;
align-items: stretch;
padding-inline: var(--gallery-pad) 0;
}
.gallery__header {
align-items: flex-start;
align-self: start;
gap: 3.75rem;
padding-inline: 0;
padding-block: 0;
text-align: left;
}
.gallery__label {
font-size: var(--font-size-body);
}
.gallery__viewport {
align-self: start;
}
.gallery__track {
padding-inline: 0;
scroll-padding-inline: 0;
}
.gallery__nav {
justify-content: flex-start;
align-self: end;
padding-inline: 0;
}
}
@media (prefers-reduced-motion: reduce) {
.gallery__track {
scroll-behavior: auto;
}
} .wp-block-acf-testoimmagini,
.testoimmagini {
position: relative;
width: auto;
max-width: none;
margin-inline: calc(50% - 50vw);
padding-block: 7.5rem;
background-color: var(--color-giallo-2);
border-top: 1px solid var(--color-marrone);
color: var(--color-marrone);
}
.testoimmagini__inner {
display: flex;
flex-direction: column;
align-items: center;
gap: 2.5rem;
width: 100%;
}
.testoimmagini__pretitle {
display: inline-flex;
align-items: center;
gap: 0.625rem;
margin: 0;
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-body);
line-height: var(--leading-body);
}
.testoimmagini__bullet {
display: block;
flex-shrink: 0;
width: 0.625rem;
height: 0.625rem;
border-radius: 50%;
background-color: var(--color-marrone);
}
.testoimmagini__items {
display: flex;
flex-direction: column;
align-items: center;
gap: 2.5rem;
width: 100%;
}
.testoimmagini__item {
width: 100%;
display: flex;
justify-content: center;
}
.testoimmagini__item:not(:first-child).testoimmagini__item--side_text,
.testoimmagini__item:not(:first-child).testoimmagini__item--image {
margin-top: 5rem;
}
.testoimmagini__center-title {
max-width: 43.75rem;
padding-inline: 1.25rem;
font-family: var(--font-heading);
font-weight: 400;
font-size: var(--font-size-h3);
line-height: var(--leading-h3);
text-align: center;
color: var(--color-marrone);
}
.testoimmagini__center-title > *:first-child {
margin-top: 0;
}
.testoimmagini__center-title > *:last-child {
margin-bottom: 0;
}
.testoimmagini__signature {
display: block;
width: 100%;
max-width: 18.75rem;
height: auto;
}
.testoimmagini__item--side_text {
justify-content: flex-start;
padding-inline: 1.25rem;
}
.testoimmagini__side-text {
width: 100%;
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-body);
line-height: var(--leading-body);
text-align: left;
color: var(--color-marrone);
}
.testoimmagini__side-text > *:first-child {
margin-top: 0;
}
.testoimmagini__side-text > *:last-child {
margin-bottom: 0;
}
.testoimmagini__image {
display: block;
width: 100%;
max-width: 15.125rem;
height: auto;
object-fit: cover;
}
@media (min-width: 48rem) {
.testoimmagini__inner,
.testoimmagini__items {
gap: 3.75rem;
}
.testoimmagini__item--side_text,
.testoimmagini__item--image {
margin-top: 0;
}
.testoimmagini__center-title {
padding-inline: 0;
}
.testoimmagini__item--side_text {
max-width: 58.25rem;
margin-inline: auto;
justify-content: flex-end;
padding-inline: 0;
}
.testoimmagini__side-text {
max-width: 28.875rem;
}
.testoimmagini__image {
max-width: 29.25rem;
}
} .card-marrone {
width: auto;
max-width: none;
margin-inline: calc(50% - 50vw);
padding-block: 7.5rem;
padding-inline: 1.25rem;
background-color: var(--color-marrone);
color: var(--color-giallo);
box-sizing: border-box;
}
.card-marrone__inner {
display: flex;
flex-direction: column;
align-items: center;
gap: 2.5rem;
width: 100%;
max-width: 87.5rem;
margin-inline: auto;
}
.card-marrone__pretitle {
display: inline-flex;
align-items: center;
gap: 0.625rem;
margin: 0;
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-body);
line-height: var(--leading-body);
color: var(--color-giallo);
}
.card-marrone__bullet {
display: block;
flex-shrink: 0;
width: 0.625rem;
height: 0.625rem;
border-radius: 50%;
background-color: var(--color-giallo);
}
.card-marrone__title {
margin: 0;
max-width: 49.875rem;
font-family: var(--font-heading);
font-weight: 400;
font-size: var(--font-size-h1);
line-height: var(--leading-h1);
text-align: center;
color: var(--color-giallo);
}
.card-marrone__content {
max-width: 43.75rem;
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-body);
line-height: var(--leading-body);
text-align: center;
color: var(--color-giallo);
}
.card-marrone__content a {
color: var(--color-giallo);
text-decoration: underline;
text-underline-offset: 0.15em;
}
.card-marrone__content a:hover {
opacity: 0.75;
}
.card-marrone__content h3 {
color: var(--color-giallo);
}
.card-marrone__content > *:first-child {
margin-top: 0;
}
.card-marrone__content > *:last-child {
margin-bottom: 0;
}
.card-marrone__tags {
display: flex;
flex-direction: column;
align-items: center;
gap: 1.25rem;
margin: 0;
padding: 0;
list-style: none;
}
.card-marrone__tag-item {
margin: 0;
padding: 0;
}
.card-marrone__tag {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.625rem;
border: 1px solid var(--color-giallo);
border-radius: 2.5rem;
background-color: var(--color-giallo);
font-family: var(--font-heading);
font-weight: 400;
font-size: var(--font-size-h3);
line-height: var(--leading-h3);
color: var(--color-marrone);
text-align: center;
white-space: nowrap;
}
@media (min-width: 48rem) {
.card-marrone__inner {
gap: 3.75rem;
}
.card-marrone__tags {
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
} .mappa,
.wp-block-acf-mappa {
width: auto;
max-width: none;
margin-inline: calc(50% - 50vw);
padding: 1.25rem 0 7.5rem;
background-color: var(--color-giallo);
color: var(--color-marrone);
box-sizing: border-box;
}
.mappa__marquee {
width: 100%;
overflow: hidden;
margin-bottom: 1.25rem;
padding-bottom: 2.5rem;
}
.mappa__marquee-track {
display: flex;
align-items: center;
gap: 1.25rem;
width: max-content;
animation: mappa-marquee 40s linear infinite;
}
.mappa__marquee:hover .mappa__marquee-track,
.mappa__marquee:focus-within .mappa__marquee-track {
animation-play-state: paused;
}
.mappa__tag {
display: inline-flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
padding: 0.625rem;
border: 1px solid var(--color-marrone);
border-radius: 2.5rem;
font-family: var(--font-heading);
font-weight: 400;
font-size: var(--font-size-h3);
line-height: var(--leading-h3);
color: var(--color-marrone);
text-align: center;
white-space: nowrap;
text-decoration: none;
}
a.mappa__tag:hover,
a.mappa__tag:focus-visible {
color: var(--color-marrone);
text-decoration: none;
}
@keyframes mappa-marquee {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
.mappa__inner {
display: flex;
flex-direction: column;
align-items: center;
gap: 7.5rem;
width: 100%;
max-width: 87.5rem;
margin-inline: auto;
padding-inline: 1.25rem;
box-sizing: border-box;
}
.mappa__content {
display: flex;
flex-direction: column;
gap: 3.75rem;
align-items: center;
width: 100%;
}
.mappa__gallo {
display: block;
width: 8rem;
height: 8rem;
flex-shrink: 0;
object-fit: contain;
}
.mappa__text {
margin: 0;
width: 100%;
max-width: 29.1875rem;
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-body);
line-height: var(--leading-body);
color: var(--color-marrone);
}
.mappa__cta.btn-slide {
background-color: var(--color-bianco);
border-color: var(--color-marrone);
padding: 1.25rem;
min-height: 0;
}
.mappa__cta .btn-slide__item {
gap: 1.25rem;
}
.mappa__cta .btn-slide__icon,
.mappa__cta.btn-slide .site-nav__icon--arrow-forward {
width: 1.125rem;
height: 1.125rem;
}
.mappa__map {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
max-width: 24.1875rem;
}
.mappa__img {
display: block;
width: 100%;
height: auto;
}
@media (min-width: 48rem) {
.mappa,
.wp-block-acf-mappa {
padding-bottom: 3.75rem;
}
.mappa__inner {
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
gap: 1.25rem;
}
.mappa__content {
flex: 1 1 50%;
max-width: 29.1875rem;
align-items: flex-start;
}
.mappa__map {
flex: 0 1 40%;
max-width: 24.1875rem;
align-self: center;
}
} .site-content--no-pb {
padding-bottom: 0;
}
.site-content--single {
padding-top: 0;
}
.single-post-header {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 3.75rem;
width: auto;
max-width: none;
margin-inline: calc(50% - 50vw); padding: calc(var(--header-pad-top) + var(--header-bar-height) + 5.625rem) 1.25rem 7.5rem;
background-color: var(--color-giallo-2);
color: var(--color-marrone);
}
.single-post-header__inner {
display: flex;
flex-direction: column;
align-items: center;
gap: 3.75rem;
width: 100%;
}
.single-post-header__label {
display: flex;
align-items: center;
justify-content: center;
gap: 0.625rem;
margin: 0;
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-body);
line-height: var(--leading-body);
}
.single-post-header__bullet {
display: block;
flex-shrink: 0;
width: 0.625rem;
height: 0.625rem;
border-radius: 50%;
background-color: var(--color-marrone);
}
.single-post-header__label-text {
color: var(--color-marrone);
text-decoration: none;
}
.single-post-header__label-text:hover,
.single-post-header__label-text:focus-visible {
text-decoration: underline;
outline: none;
}
.single-post-header__title {
margin: 0;
max-width: 48.3125rem;
font-family: var(--font-heading);
font-weight: 400;
font-size: var(--font-size-h1);
line-height: var(--leading-h1);
text-align: center;
color: var(--color-marrone);
}
.single-post-header__media {
position: relative;
width: min(100%, 43.875rem);
margin: 0;
aspect-ratio: 702 / 468;
overflow: hidden;
border-left: 1px solid var(--color-marrone);
}
.single-post-header__img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.single-post-header__meta {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 2.5rem;
margin: 0;
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-body);
line-height: var(--leading-body);
text-align: center;
color: var(--color-marrone);
}
.single-post-header__author,
.single-post-header__date {
white-space: nowrap;
} .single-post__content {
display: flex;
flex-direction: column;
gap: 1.5rem;
width: 100%;
max-width: 43.6875rem;
margin-inline: auto;
padding-block: 7.5rem 5rem;
color: var(--color-marrone);
}
.single-post__content > * {
margin: 0;
max-width: 100%;
}
.single-post__content p {
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-body);
line-height: 1.35;
color: var(--color-marrone);
}
.single-post__content h2,
.single-post__content h3 {
font-family: var(--font-heading);
font-weight: 400;
font-size: var(--font-size-h3);
line-height: var(--leading-h3);
color: var(--color-marrone);
}
.single-post__content h4 {
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-h4);
line-height: var(--leading-h4);
color: var(--color-marrone);
}
.single-post__content a {
color: var(--color-marrone);
text-decoration: underline;
text-underline-offset: 0.15em;
}
.single-post__content a:hover,
.single-post__content a:focus-visible {
color: var(--color-marrone);
outline: none;
}
.single-post__content ul,
.single-post__content ol {
margin: 0;
padding-inline-start: 1.5rem;
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-body);
line-height: var(--leading-body);
color: var(--color-marrone);
}
.single-post__content ul {
list-style: disc;
}
.single-post__content ol {
list-style: decimal;
}
.single-post__content li + li {
margin-top: 0.75rem;
}
.single-post__content li > ul,
.single-post__content li > ol {
margin-top: 0.75rem;
}
.single-post__content .wp-block-image,
.single-post__content figure {
margin: 0;
width: 100%;
}
.single-post__content .wp-block-image img,
.single-post__content figure > img,
.single-post__content p > img {
display: block;
width: 100%;
height: auto;
border-left: 1px solid var(--color-marrone);
}
.single-post__content figcaption {
margin-top: 0.75rem;
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-h4);
line-height: var(--leading-h4);
color: var(--color-marrone-opacizzato);
}
.single-post__content blockquote {
margin: 0;
padding-inline-start: 1.25rem;
border-left: 2px solid var(--color-marrone);
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-body);
line-height: var(--leading-body);
}
.single-post__content .wp-block-quote,
.single-post__content .wp-block-pullquote,
.single-post__content .wp-block-table,
.single-post__content .wp-block-embed,
.single-post__content .wp-block-group,
.single-post__content .wp-block-columns {
width: 100%;
} .single-post-nav {
width: 100%;
max-width: 58.125rem;
margin-inline: auto;
padding-bottom: 7.5rem;
}
.single-post-nav__grid {
display: grid;
grid-template-columns: 1fr;
gap: 1.25rem;
}
.single-post-nav__card {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 2.5rem;
padding: 2.5rem;
border: 1px solid var(--color-marrone);
border-radius: 1.25rem;
background-color: var(--color-giallo-2);
color: var(--color-marrone);
text-decoration: none;
text-align: center;
overflow: hidden;
transition: background-color 0.2s ease;
}
.single-post-nav__card:hover,
.single-post-nav__card:focus-visible {
background-color: var(--color-bianco);
outline: none;
}
.single-post-nav__dir {
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-h4);
line-height: var(--leading-h4);
text-transform: uppercase;
color: var(--color-marrone);
}
.single-post-nav__title {
font-family: var(--font-heading);
font-weight: 400;
font-size: var(--font-size-h3);
line-height: var(--leading-h3);
color: var(--color-marrone);
text-wrap: balance;
}
.single-post-nav__cta {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.625rem;
padding: 0.625rem;
border: 1px solid var(--color-marrone);
border-radius: 2.5rem;
background-color: transparent;
color: var(--color-marrone);
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-body);
line-height: var(--leading-body);
transition: background-color 0.2s ease, color 0.2s ease;
}
.single-post-nav__card:hover .single-post-nav__cta,
.single-post-nav__card:focus-visible .single-post-nav__cta {
background-color: var(--color-marrone);
color: var(--color-bianco);
}
.single-post-nav__cta-icon,
.single-post-nav__cta .site-nav__icon--arrow-forward {
display: block;
width: 0.6875rem;
height: 0.6875rem;
flex-shrink: 0;
pointer-events: none;
}
.single-post-nav__card:hover .single-post-nav__cta-icon,
.single-post-nav__card:hover .site-nav__icon--arrow-forward,
.single-post-nav__card:focus-visible .single-post-nav__cta-icon,
.single-post-nav__card:focus-visible .site-nav__icon--arrow-forward { filter: invert(94%) sepia(12%) saturate(398%) hue-rotate(342deg) brightness(104%) contrast(97%);
}
@media (min-width: 48rem) {
.single-post-nav__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 2.1875rem;
}
.single-post-nav__grid:has(> :only-child) {
grid-template-columns: minmax(0, 28.0625rem);
justify-content: center;
}
}
@media (max-width: 47.9375rem) {
.single-post-header {
gap: 2.5rem;
padding-bottom: 5rem;
}
.single-post-header__inner {
gap: 2.5rem;
}
.single-post-header__meta {
gap: 1.25rem;
}
.single-post__content {
gap: 1rem;
padding-block: 5rem 3.75rem;
}
.single-post-nav {
padding-bottom: 5rem;
}
.single-post-nav__card {
gap: 1.75rem;
padding: 1.75rem;
}
} .category-archive {
width: auto;
max-width: none;
margin-inline: calc(50% - 50vw);
padding: calc(var(--header-pad-top) + var(--header-bar-height) + 5.625rem) 0 7.5rem;
background-color: var(--color-giallo-2);
color: var(--color-marrone);
}
.post-grid {
width: auto;
max-width: none;
margin-inline: calc(50% - 50vw);
padding-block: 7.5rem;
background-color: var(--color-giallo-2);
color: var(--color-marrone);
box-sizing: border-box;
}
.category-archive__inner,
.post-grid__inner {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 3.75rem;
width: min(100% - 2.5rem, 87.5rem);
margin-inline: auto;
}
.category-archive__title,
.post-grid__title {
margin: 0;
font-family: var(--font-heading);
font-weight: 400;
font-size: var(--font-size-h1);
line-height: var(--leading-h1);
text-align: center;
color: var(--color-marrone);
}
.category-archive__grid {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 1.25rem;
margin: 0;
padding: 0;
list-style: none;
}
.category-archive__item {
margin: 0;
min-width: 0;
}
.category-archive .ultimenews__card--grid,
.post-grid .ultimenews__card--grid {
min-height: 22rem;
height: 100%;
border-radius: clamp(1.5rem, 3vw, 2.5rem);
}
.category-archive .ultimenews__body,
.post-grid .ultimenews__body {
gap: 1.25rem;
max-width: none;
padding: 1.5rem 1.25rem;
}
.category-archive .ultimenews__meta,
.post-grid .ultimenews__meta {
gap: 0.625rem;
font-size: var(--font-size-body);
line-height: var(--leading-body);
}
.category-archive .ultimenews__copy,
.post-grid .ultimenews__copy {
gap: 0.75rem;
}
.category-archive .ultimenews__title,
.post-grid .ultimenews__title {
font-size: var(--font-size-h3);
line-height: var(--leading-h3);
}
.category-archive .ultimenews__excerpt,
.post-grid .ultimenews__excerpt {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.category-archive__empty {
margin: 0;
text-align: center;
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-body);
line-height: var(--leading-body);
}
.category-archive-pagination {
display: flex;
flex-direction: column;
align-items: center;
}
.category-archive-pagination .nav-links {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 0.625rem;
}
.category-archive-pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 2.5rem;
min-height: 2.5rem;
padding: 0.5rem 0.75rem;
border: 1px solid var(--color-marrone);
border-radius: 2.5rem;
background-color: transparent;
color: var(--color-marrone);
font-family: var(--font-body);
font-weight: 600;
font-size: var(--font-size-h4);
line-height: var(--leading-h4);
text-decoration: none;
box-sizing: border-box;
transition: background-color 0.2s ease, color 0.2s ease;
}
.category-archive-pagination a.page-numbers:hover,
.category-archive-pagination a.page-numbers:focus-visible {
background-color: var(--color-giallo);
outline: none;
}
.category-archive-pagination .page-numbers.current {
background-color: var(--color-marrone);
color: var(--color-giallo);
}
.category-archive-pagination .page-numbers.dots {
border: 0;
min-width: 1.25rem;
padding-inline: 0;
background: transparent;
}
.category-archive-pagination .prev,
.category-archive-pagination .next {
min-width: 4.125rem;
}
.category-archive-pagination__icon,
.category-archive-pagination .site-nav__icon--arrow-forward {
display: block;
width: 0.8125rem;
height: 0.8125rem;
pointer-events: none;
}
.category-archive-pagination__icon--prev {
transform: rotate(180deg);
}
@media (min-width: 48rem) {
.category-archive__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 64rem) {
.category-archive__grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (max-width: 47.9375rem) {
.category-archive {
padding-bottom: 5rem;
}
.post-grid {
padding-block: 5rem;
}
.category-archive__inner,
.post-grid__inner {
gap: 2.5rem;
}
}