:root {
--vq-cultura:    #292d32;
--vq-natura:     #ebb800;
--vq-sport:      #006f7a;
--vq-eventi:     #b42c66;
--vq-text:       #1a1a1a;
--vq-text-light: #555;
--vq-bg:         #fff;
--vq-border:     #e2e2e2;
--vq-card-bg:    #fff;
--vq-radius:     0px;
--vq-font:       'Georgia', 'Times New Roman', serif;
--vq-font-sans:  'Helvetica Neue', Arial, sans-serif;
--vq-transition: .25s ease;
} .vq-section *, .vq-eventi *, .vq-lista *, .vq-scheda-card * {
box-sizing: border-box;
} .vq-section {
position: relative;
padding: 0 0 48px;
}
.vq-carousel-wrapper {
position: relative;
padding: 0 30px;
}
.vq-carousel {
display: flex;
gap: 32px;
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
padding: 8px 0 24px;
scrollbar-width: none;
}
.vq-carousel::-webkit-scrollbar { display: none; } .vq-card {
flex: 0 0 280px;
scroll-snap-align: start;
background: var(--vq-card-bg);
border: 1px solid var(--vq-border);
display: flex;
flex-direction: column;
transition: box-shadow var(--vq-transition);
}
.vq-card:hover {
box-shadow: 0 8px 32px rgba(0,0,0,.10);
}
.vq-card__image {
width: 100%;
height: 180px;
background-size: cover;
background-position: center;
background-color: #e8e8e8;
}
.vq-card__image--placeholder {
background-color: #ddd;
background-image: repeating-linear-gradient(
45deg,
transparent,
transparent 10px,
rgba(0,0,0,.04) 10px,
rgba(0,0,0,.04) 20px
);
}
.vq-card__body {
padding: 20px 20px 24px;
display: flex;
flex-direction: column;
flex: 1;
}
.vq-card__tag {
font-family: var(--vq-font-sans);
font-size: 10px;
font-weight: 700;
letter-spacing: .15em;
color: var(--vq-text-light);
text-transform: uppercase;
margin-bottom: 6px;
}
.vq-card__title {
font-family: var(--vq-font);
font-size: 20px;
font-weight: 700;
line-height: 1.25;
margin: 0 0 12px;
color: var(--vq-text);
}
.vq-card__hr {
border: none;
border-top: 16px solid currentColor;
margin: 0 0 14px;
width: 48px; }
.vq-card__desc {
font-family: var(--vq-font-sans);
font-size: 13px;
line-height: 1.6;
color: var(--vq-text-light);
margin: 0 0 20px;
flex: 1;
}
.vq-card__cta {
display: inline-block;
font-family: var(--vq-font-sans);
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .1em;
color: var(--vq-text);
text-decoration: underline;
text-underline-offset: 3px;
margin-top: auto;
transition: color var(--vq-transition);
}
.vq-card__cta:hover { color: var(--vq-eventi); } .vq-carousel__btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: #fff;
border: 1px solid var(--vq-border);
width: 44px;
height: 44px;
cursor: pointer;
font-size: 18px;
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
transition: background var(--vq-transition);
}
.vq-carousel__btn:hover { background: #f5f5f5; }
.vq-carousel__btn--prev { left: -22px; }
.vq-carousel__btn--next { right: -22px; } .vq-eventi { padding: 0 0 48px; } .vq-eventi__mesi {
display: flex;
align-items: center;
gap: 8px;
border-bottom: 1px solid var(--vq-border);
margin-bottom: 48px;
overflow: hidden;
}
.vq-mesi__track {
display: flex;
align-items: flex-end;
gap: 0;
overflow-x: auto;
scrollbar-width: none;
flex: 1;
}
.vq-mesi__track::-webkit-scrollbar { display: none; }
.vq-mesi__item {
background: none;
border: none;
font-family: var(--vq-font-sans);
font-size: 13px;
font-weight: 700;
letter-spacing: .12em;
color: var(--vq-text-light);
cursor: pointer;
padding: 12px 16px 14px;
white-space: nowrap;
position: relative;
transition: color var(--vq-transition);
}
.vq-mesi__item::after {
content: '';
position: absolute;
bottom: -1px;
left: 0;
right: 0;
height: 3px;
background: transparent;
transition: background var(--vq-transition);
}
.vq-mesi__item.is-active {
color: var(--vq-text);
}
.vq-mesi__item.is-active::after {
background: var(--vq-eventi);
}
.vq-mesi__item:hover { color: var(--vq-text); }
.vq-mesi__arrow {
background: none;
border: none;
font-size: 16px;
cursor: pointer;
padding: 8px;
color: var(--vq-text-light);
flex-shrink: 0;
}
.vq-mesi__arrow:hover { color: var(--vq-text); } .vq-eventi__grid {
display: flex;
gap: 32px;
width: 100%;
overflow-x: auto;
overflow-y: hidden;
padding: 4px 2px 18px;
scroll-snap-type: x mandatory;
scroll-padding-inline: 2px;
overscroll-behavior-inline: contain;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
scrollbar-color: rgba(29, 29, 27, .28) transparent;
}
.vq-eventi__grid::-webkit-scrollbar { height: 6px; }
.vq-eventi__grid::-webkit-scrollbar-track { background: transparent; }
.vq-eventi__grid::-webkit-scrollbar-thumb {
background: rgba(29, 29, 27, .24);
border-radius: 999px;
}
.vq-eventi__grid > .vq-evento-card {
flex: 0 0 calc((100% - 64px) / 3);
min-width: 0;
scroll-snap-align: start;
}
.vq-eventi__grid > .vq-no-risultati {
flex: 0 0 100%;
}
@media (max-width: 900px) {
.vq-eventi__grid > .vq-evento-card {
flex-basis: calc((100% - 24px) / 2);
}
}
@media (max-width: 600px) {
.vq-eventi__grid {
gap: 18px;
padding-right: 12%;
scroll-padding-inline: 0;
scrollbar-width: none;
}
.vq-eventi__grid::-webkit-scrollbar { display: none; }
.vq-eventi__grid > .vq-evento-card {
flex-basis: 88%;
}
} .vq-evento-card {
display: flex;
flex-direction: column;
color: inherit;
text-decoration: none;
border-radius: 18px;
overflow: hidden;
background: #fff;
transition: transform var(--vq-transition), box-shadow var(--vq-transition);
}
.vq-evento-card:hover {
color: inherit;
text-decoration: none;
transform: translateY(-3px);
box-shadow: 0 14px 34px rgba(0, 0, 0, .10);
}
.vq-evento-card__image {
width: 100%;
aspect-ratio: 4 / 3;
background-size: cover;
background-position: center;
background-color: #ddd;
flex-shrink: 0;
position: relative;
overflow: hidden;
}
.vq-event-status {
position: absolute;
z-index: 2;
top: 14px;
left: 14px;
display: inline-flex;
align-items: center;
min-height: 30px;
padding: 6px 12px;
border: 1px solid rgba(255, 255, 255, .72);
border-radius: 999px;
background: #b42c66;
color: #fff;
font-size: 11px;
font-weight: 750;
line-height: 1;
letter-spacing: .08em;
text-transform: uppercase;
box-shadow: 0 8px 22px rgba(180, 44, 102, .28);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.vq-event-status--single {
top: 24px;
left: 24px;
min-height: 34px;
padding: 8px 15px;
font-size: 12px;
}
.vq-evento-card__image--placeholder {
background-color: #e0e0e0;
}
.vq-evento-card__info {
display: flex;
flex-direction: column;
gap: 5px;
text-align: left;
padding: 18px 18px 20px;
}
.vq-evento-card__nome {
display: block;
font-family: var(--vq-font-sans);
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .08em;
color: var(--vq-text);
margin-bottom: 0;
}
.vq-evento-card__categories {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin: 1px 0 3px;
}
.vq-evento-card__sottocat {
display: inline-flex;
align-items: center;
width: fit-content;
max-width: 100%;
padding: 4px 8px;
border-radius: 999px;
background: rgba(180, 44, 102, .10);
font-family: var(--vq-font-sans);
font-size: 12px;
line-height: 1.25;
color: var(--vq-eventi);
font-weight: 700;
}
.vq-evento-card__data {
display: block;
font-family: var(--vq-font-sans);
font-size: 13px;
color: var(--vq-text);
font-weight: 600;
}
.vq-evento-card__hr {
display: none; }
.vq-evento-card__desc {
font-family: var(--vq-font-sans);
font-size: 13px;
line-height: 1.65;
color: var(--vq-text-light);
margin: 0 0 12px;
}
.vq-evento-card__luogo {
font-family: var(--vq-font-sans);
font-size: 12px;
color: var(--vq-text-light);
margin: 0 0 12px;
}  .vq-lista-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 32px;
padding: 0 0 48px;
} .vq-place-card {
display: flex;
flex-direction: column;
text-decoration: none;
color: inherit;
border: 1px solid var(--vq-border);
overflow: hidden;
transition: box-shadow var(--vq-transition), transform var(--vq-transition);
background: #fff;
}
.vq-place-card:hover {
box-shadow: 0 12px 40px rgba(0,0,0,.10);
transform: translateY(-3px);
}
.vq-place-card__img-wrap {
position: relative;
width: 100%;
height: 220px;
overflow: hidden;
background: #e0e0e0;
}
.vq-place-card__img {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
transition: transform .4s ease;
}
.vq-place-card:hover .vq-place-card__img {
transform: scale(1.04);
}
.vq-place-card__img--placeholder {
background-color: #e0e0e0;
background-image: repeating-linear-gradient(
45deg, transparent, transparent 10px,
rgba(0,0,0,.04) 10px, rgba(0,0,0,.04) 20px
);
} .vq-place-card__dist {
position: absolute;
bottom: 10px;
right: 10px;
background: rgba(0,0,0,.62);
color: #fff;
font-family: var(--vq-font-sans);
font-size: 11px;
font-weight: 700;
letter-spacing: .06em;
padding: 4px 10px;
border-radius: 20px;
opacity: 0;
transition: opacity .3s ease;
backdrop-filter: blur(4px);
}
.vq-place-card__body {
padding: 20px 20px 22px;
display: flex;
flex-direction: column;
gap: 6px;
flex: 1;
}
.vq-place-card__title {
font-family: var(--vq-font);
font-size: 18px;
font-weight: 700;
line-height: 1.25;
color: var(--vq-text);
margin: 0 0 4px;
}
.vq-place-card__address,
.vq-place-card__orari {
font-family: var(--vq-font-sans);
font-size: 13px;
color: var(--vq-text-light);
margin: 0;
display: flex;
align-items: flex-start;
gap: 6px;
line-height: 1.4;
}
.vq-icon-pin,
.vq-icon-clock {
width: 14px;
height: 14px;
flex-shrink: 0;
margin-top: 1px;
stroke: currentColor;
}
.vq-place-card__cta {
font-family: var(--vq-font-sans);
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .1em;
color: var(--vq-text);
margin-top: auto;
padding-top: 12px;
} .vq-single {
max-width: 100%;
}
.vq-single__back {
padding: 20px 0 0;
}
.vq-back-link {
display: inline-flex;
align-items: center;
gap: 4px;
font-family: var(--vq-font-sans);
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .1em;
color: var(--vq-text-light);
text-decoration: none;
}
.vq-back-link svg { width: 16px; height: 16px; }
.vq-back-link:hover { color: var(--vq-text); }
.vq-single__hero {
width: 100%;
height: 420px;
background-size: cover;
background-position: center;
position: relative;
margin: 24px 0 0;
}
.vq-single__hero-overlay {
position: absolute;
inset: 0;
background: linear-gradient(to bottom, transparent 50%, rgba(0,0,0,.18));
}
.vq-single__content {
max-width: 960px;
margin: 0 auto;
padding: 0 20px 60px;
}
.vq-single__header {
padding: 36px 0 24px;
}
.vq-single__badges {
display: flex;
gap: 8px;
margin-bottom: 14px;
}
.vq-badge {
font-family: var(--vq-font-sans);
font-size: 10px;
font-weight: 700;
letter-spacing: .14em;
text-transform: uppercase;
color: #fff;
padding: 4px 12px;
border-radius: 2px;
}
.vq-badge--sub {
background: transparent !important;
color: var(--vq-text-light) !important;
border: 1px solid var(--vq-border);
}
.vq-single__title {
font-family: var(--vq-font);
font-size: clamp(26px, 4vw, 42px);
font-weight: 700;
line-height: 1.2;
margin: 0 0 16px;
color: var(--vq-text);
}
.vq-single__hr {
border: none;
border-top: 16px solid currentColor;
width: 48px;
margin: 0 0 18px;
}
.vq-single__dist {
display: inline-flex;
align-items: center;
gap: 6px;
font-family: var(--vq-font-sans);
font-size: 13px;
color: var(--vq-text-light);
margin: 0;
}
.vq-single__dist svg { width: 14px; height: 14px; } .vq-single__body {
display: grid;
grid-template-columns: 260px 1fr;
gap: 48px;
align-items: start;
}
@media (max-width: 700px) {
.vq-single__body { grid-template-columns: 1fr; gap: 24px; }
.vq-single__hero { height: 240px; }
}
.vq-single__aside {
position: sticky;
top: 24px;
display: flex;
flex-direction: column;
gap: 0;
}
.vq-info-block {
padding: 16px 0;
border-bottom: 1px solid var(--vq-border);
}
.vq-info-block:first-child { border-top: 1px solid var(--vq-border); }
.vq-info-block__label {
font-family: var(--vq-font-sans);
font-size: 10px;
font-weight: 700;
letter-spacing: .14em;
text-transform: uppercase;
color: var(--vq-text-light);
margin: 0 0 6px;
}
.vq-info-block p {
font-family: var(--vq-font-sans);
font-size: 14px;
color: var(--vq-text);
margin: 0 0 4px;
line-height: 1.5;
}
.vq-info-block a {
color: var(--vq-text);
text-decoration: underline;
text-underline-offset: 2px;
}
.vq-btn-map {
display: inline-flex;
align-items: center;
gap: 6px;
font-family: var(--vq-font-sans);
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .1em;
text-decoration: none !important;
border: 2px solid;
padding: 7px 14px;
margin-top: 8px;
transition: background var(--vq-transition), color var(--vq-transition);
}
.vq-btn-map svg { width: 14px; height: 14px; }
.vq-btn-map:hover {
background: currentColor;
}
.vq-btn-map:hover { color: #fff !important; }
.vq-btn-download {
display: inline-flex;
align-items: center;
gap: 7px;
margin-top: 4px;
padding: 9px 14px;
border: 2px solid;
color: #fff !important;
font-family: var(--vq-font-sans);
font-size: 12px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
text-decoration: none !important;
transition: opacity var(--vq-transition), transform var(--vq-transition);
}
.vq-btn-download svg { width: 15px; height: 15px; flex: 0 0 auto; }
.vq-btn-download:hover { opacity: .86; transform: translateY(-1px); }
.vq-single__desc {
font-family: var(--vq-font-sans);
font-size: 16px;
line-height: 1.75;
color: var(--vq-text);
}
.vq-single__desc h2,
.vq-single__desc h3 {
font-family: var(--vq-font);
margin-top: 32px;
} .vq-link--map {
font-family: var(--vq-font-sans);
font-size: 12px;
font-weight: 700;
color: var(--vq-sport);
text-decoration: underline;
margin-left: 6px;
} .vq-no-risultati {
font-family: var(--vq-font-sans);
color: var(--vq-text-light);
font-style: italic;
padding: 24px 0;
} @media (max-width: 768px) {
.vq-carousel__btn { display: none; } .vq-section { overflow: visible; }
.vq-carousel-wrapper { overflow: hidden; }
.vq-carousel {
padding: 8px 0 32px;
gap: 16px;
}
.vq-card {
flex: 0 0 82vw;
max-width: 300px;
} .vq-carousel-wrapper::after {
content: 'scorri \2192';
position: absolute;
z-index: 3;
top: 50%;
right: 14px;
width: 72px;
height: 72px;
display: flex;
align-items: center;
justify-content: center;
font-family: var(--vq-font-sans);
font-size: 10px;
line-height: 1;
font-weight: 700;
letter-spacing: .10em;
text-transform: uppercase;
text-align: center;
color: #1a1a1a;
background: #b1dbdd;
border: 1px solid rgba(29,29,27,.16);
border-radius: 50%;
box-shadow: 0 8px 24px rgba(0,0,0,.16);
pointer-events: none;
transform: translateY(-50%);
animation: vq-pulse-center 1.8s ease-in-out infinite;
transition: opacity .5s ease;
}
@keyframes vq-pulse-center {
0%, 100% { transform: translateY(-50%); }
50%       { transform: translate(-5px, -50%); }
}
.vq-carousel-wrapper.vq-scrolled::after {
opacity: 0;
pointer-events: none;
animation: none;
} .vq-dots {
display: flex;
justify-content: center;
gap: 6px;
margin-top: 16px;
}
.vq-dots__dot {
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--vq-border);
transition: background .25s ease, transform .25s ease;
flex-shrink: 0;
}
.vq-dots__dot.is-active {
background: var(--vq-text);
transform: scale(1.4);
}
}
@media (min-width: 769px) {
.vq-dots { display: none; }
} .vq-archive {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px 60px;
} .vq-breadcrumb {
display: flex;
align-items: center;
gap: 8px;
padding: 24px 0 0;
font-family: var(--vq-font-sans);
font-size: 12px;
flex-wrap: wrap;
}
.vq-breadcrumb__item {
color: var(--vq-text-light);
text-decoration: none;
text-transform: uppercase;
letter-spacing: .1em;
font-weight: 600;
transition: color var(--vq-transition);
}
.vq-breadcrumb__item:hover { color: var(--vq-text); }
.vq-breadcrumb__item--current {
color: var(--vq-text);
font-weight: 700;
}
.vq-breadcrumb__sep {
color: var(--vq-border);
font-size: 14px;
} .vq-archive__header {
padding: 32px 0 36px;
}
.vq-archive__title {
font-family: var(--vq-font);
font-size: clamp(28px, 4vw, 48px);
font-weight: 700;
margin: 0 0 16px;
color: var(--vq-text);
}
.vq-archive__hr {
border: none;
border-top: 16px solid currentColor;
width: 48px;
margin: 0 0 16px;
}
.vq-archive__desc {
font-family: var(--vq-font-sans);
font-size: 15px;
color: var(--vq-text-light);
max-width: 600px;
line-height: 1.6;
margin: 0;
} .vq-archive__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
}
@media (max-width: 900px) {
.vq-archive__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
.vq-archive__grid { grid-template-columns: 1fr; }
} .vq-mobile-nav {
display: none;
}
@media (max-width: 767px) {
body.vq-has-mobile-nav {
padding-bottom: calc(96px + env(safe-area-inset-bottom));
}
.vq-mobile-nav,
.vq-mobile-nav * {
box-sizing: border-box;
}
.vq-mobile-nav {
position: fixed;
z-index: 9998;
right: 10px;
bottom: calc(10px + env(safe-area-inset-bottom));
left: 10px;
display: block;
pointer-events: none;
}
.vq-mobile-nav::after {
content: '';
position: absolute;
z-index: 2;
top: 1px;
right: 1px;
bottom: 1px;
width: 34px;
border-radius: 0 17px 17px 0;
background: linear-gradient(90deg, rgba(177, 219, 221, 0), #b1dbdd 78%);
pointer-events: none;
transition: opacity .25s ease;
}
.vq-mobile-nav.is-scrolled::after,
.vq-mobile-nav.is-at-end::after {
opacity: 0;
}
.vq-mobile-nav__scroll-hint {
position: absolute;
z-index: 4;
top: -17px;
right: 12px;
display: inline-flex;
align-items: center;
gap: 3px;
padding: 4px 8px 4px 10px;
color: #1d1d1b;
background: #ffffff;
border: 1px solid rgba(29, 29, 27, .12);
border-radius: 999px;
box-shadow: 0 5px 14px rgba(0, 0, 0, .15);
font-family: var(--vq-font-sans);
font-size: 10px;
font-weight: 800;
line-height: 1;
letter-spacing: .02em;
pointer-events: none;
animation: vq-nav-hint 1.4s ease-in-out infinite;
transition: opacity .25s ease, transform .25s ease;
}
.vq-mobile-nav__scroll-hint svg {
width: 13px;
height: 13px;
}
.vq-mobile-nav.is-scrolled .vq-mobile-nav__scroll-hint,
.vq-mobile-nav.is-at-end .vq-mobile-nav__scroll-hint,
.vq-mobile-nav:not(.is-scrollable) .vq-mobile-nav__scroll-hint {
opacity: 0;
transform: translateY(4px);
}
@keyframes vq-nav-hint {
0%, 100% { transform: translateX(0); }
50% { transform: translateX(4px); }
}
.vq-mobile-nav__inner {
display: flex;
align-items: stretch;
position: relative;
overflow-x: auto;
overflow-y: hidden;
min-height: 74px;
padding: 3px 5px;
background: #b1dbdd;
border: 1px solid rgba(29, 29, 27, .10);
border-radius: 18px;
box-shadow: 0 14px 38px rgba(0, 0, 0, .20);
scrollbar-width: none;
scroll-snap-type: x proximity;
-webkit-overflow-scrolling: touch;
pointer-events: auto;
}
.vq-mobile-nav__inner::-webkit-scrollbar {
display: none;
}
.vq-mobile-nav__item {
position: relative;
display: flex;
flex: 0 0 68px;
min-width: 68px;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 5px;
padding: 8px 4px 7px;
color: #1d1d1b;
text-decoration: none;
border-radius: 14px;
scroll-snap-align: center;
-webkit-tap-highlight-color: transparent;
transition: color .2s ease, background-color .2s ease, transform .2s ease;
}
.vq-mobile-nav__item::before {
content: '';
position: absolute;
top: 0;
right: 20%;
left: 20%;
height: 3px;
border-radius: 0 0 4px 4px;
background: var(--vq-nav-color);
opacity: 0;
transform: scaleX(.45);
transition: opacity .2s ease, transform .2s ease;
}
.vq-mobile-nav__item:active {
transform: scale(.94);
}
.vq-mobile-nav__item.is-active {
color: #1d1d1b;
background: rgba(255, 255, 255, .34);
}
.vq-mobile-nav__item.is-active::before {
opacity: 1;
transform: scaleX(1);
}
.vq-mobile-nav__icon {
display: grid;
width: 28px;
height: 28px;
place-items: center;
color: #1d1d1b;
transition: color .2s ease, transform .2s ease;
}
.vq-mobile-nav__item.is-active .vq-mobile-nav__icon {
color: var(--vq-nav-color);
transform: translateY(-1px);
}
.vq-mobile-nav__icon svg,
.vq-mobile-nav__icon-image {
display: block;
width: 100%;
height: 100%;
}
.vq-mobile-nav__icon-image {
object-fit: contain;
}
.vq-mobile-nav__label {
display: block;
overflow: hidden;
max-width: 100%;
font-family: var(--vq-font-sans);
font-size: 10px;
font-weight: 700;
line-height: 1.05;
text-overflow: ellipsis;
white-space: nowrap;
}
}
@media (max-width: 350px) {
.vq-mobile-nav {
right: 6px;
left: 6px;
}
.vq-mobile-nav__inner {
min-height: 70px;
border-radius: 15px;
}
.vq-mobile-nav__item {
flex-basis: 64px;
min-width: 64px;
}
.vq-mobile-nav__icon {
width: 26px;
height: 26px;
}
}
@media (prefers-reduced-motion: reduce) {
.vq-mobile-nav__item,
.vq-mobile-nav__item::before {
transition: none;
}
.vq-mobile-nav__scroll-hint {
animation: none;
}
} #cultura,
#natura,
#sport,
#eventi,
#guida,
#news {
scroll-margin-top: 90px;
} @media (min-width: 769px) {
header nav li.vq-menu-anchor-active > a,
header .menu li.vq-menu-anchor-active > a,
.site-header li.vq-menu-anchor-active > a,
.main-navigation li.vq-menu-anchor-active > a {
text-decoration-line: underline !important;
text-underline-offset: 5px;
text-decoration-thickness: 2px;
text-decoration-color: var(--vq-menu-active-color, #1d1d1b) !important;
} li.vq-menu-anchor-active > a[href*="#cultura"] {
--vq-menu-active-color: #002b3c;
}
li.vq-menu-anchor-active > a[href*="#natura"] {
--vq-menu-active-color: #ebb800;
}
li.vq-menu-anchor-active > a[href*="#sport"] {
--vq-menu-active-color: #006f7a;
}
li.vq-menu-anchor-active > a[href*="#eventi"] {
--vq-menu-active-color: #b42c66;
}
li.vq-menu-anchor-active > a[href*="#guida"],
li.vq-menu-anchor-active > a[href*="#utili"] {
--vq-menu-active-color: #b1dbdd;
}
li.vq-menu-anchor-active > a[href*="#news"] {
--vq-menu-active-color: #000000;
}
} @media (max-width: 700px) {
.vq-single {
overflow-x: hidden;
}
.vq-single__back {
max-width: 100%;
padding: 14px 16px 0;
}
.vq-back-link {
min-height: 40px;
font-size: 12px;
line-height: 1.2;
letter-spacing: .08em;
}
.vq-back-link svg {
width: 18px;
height: 18px;
}
.vq-single__hero {
height: clamp(210px, 62vw, 300px);
margin-top: 12px;
background-position: center center;
}
.vq-single__content {
padding: 0 16px calc(118px + env(safe-area-inset-bottom));
}
.vq-single__header {
padding: 24px 0 18px;
}
.vq-single__badges {
flex-wrap: wrap;
gap: 6px;
margin-bottom: 12px;
}
.vq-badge {
padding: 5px 10px;
border-radius: 999px;
font-size: 9px;
line-height: 1.2;
}
.vq-single__title {
font-size: clamp(28px, 9vw, 38px);
line-height: 1.08;
margin-bottom: 14px;
overflow-wrap: anywhere;
}
.vq-single__hr {
width: 42px;
border-top-width: 8px;
margin-bottom: 14px;
}
.vq-single__dist {
font-size: 13px;
line-height: 1.4;
}
.vq-single__body {
gap: 28px;
}
.vq-single__aside {
position: static;
display: grid;
grid-template-columns: 1fr;
gap: 10px;
}
.vq-info-block,
.vq-info-block:first-child {
padding: 15px 16px;
border: 1px solid var(--vq-border);
border-radius: 12px;
background: #fff;
}
.vq-info-block__label {
margin-bottom: 8px;
font-size: 10px;
line-height: 1.2;
}
.vq-info-block p {
margin-bottom: 5px;
font-size: 15px;
line-height: 1.55;
}
.vq-info-block p:last-child {
margin-bottom: 0;
}
.vq-info-block a:not(.vq-btn-map):not(.vq-btn-download) {
display: inline-block;
max-width: 100%;
padding: 3px 0;
overflow-wrap: anywhere;
}
.vq-btn-map,
.vq-btn-download {
width: 100%;
min-height: 48px;
justify-content: center;
box-sizing: border-box;
margin-top: 10px;
padding: 11px 14px;
border-radius: 8px;
font-size: 12px;
line-height: 1.2;
text-align: center;
}
.vq-btn-map svg,
.vq-btn-download svg {
width: 18px;
height: 18px;
}
.vq-single__desc {
font-size: 16px;
line-height: 1.7;
}
.vq-single__desc > :first-child {
margin-top: 0;
}
.vq-single__desc h2,
.vq-single__desc h3 {
margin-top: 28px;
margin-bottom: 12px;
line-height: 1.2;
}
.vq-single__desc h2 {
font-size: 26px;
}
.vq-single__desc h3 {
font-size: 22px;
}
.vq-single__desc img,
.vq-single__desc iframe,
.vq-single__desc video {
max-width: 100%;
height: auto;
border-radius: 10px;
}
.vq-single__desc iframe {
width: 100%;
min-height: 220px;
}
.vq-single__desc ul,
.vq-single__desc ol {
padding-left: 1.25rem;
}
}
@media (max-width: 380px) {
.vq-single__content {
padding-right: 13px;
padding-left: 13px;
}
.vq-single__back {
padding-right: 13px;
padding-left: 13px;
}
.vq-info-block,
.vq-info-block:first-child {
padding: 14px;
}
} @media (max-width: 600px) {
.vq-eventi { padding-bottom: 40px; }
.vq-eventi__mesi { margin-bottom: 28px; }
.vq-eventi__grid { gap: 18px; }
.vq-evento-card { border-radius: 18px; }
.vq-evento-card__image {
width: calc(100% - 32px);
margin: 16px 16px 0;
aspect-ratio: 16 / 10;
border-radius: 13px;
}
.vq-evento-card__info {
gap: 8px;
padding: 22px 22px 24px;
}
.vq-evento-card__nome {
font-size: 15px;
line-height: 1.4;
margin-bottom: 2px;
}
.vq-evento-card__sottocat,
.vq-evento-card__data {
font-size: 13px;
line-height: 1.5;
}
}
@media (max-width: 380px) {
.vq-eventi__grid { gap: 16px; }
.vq-evento-card__image {
width: calc(100% - 28px);
margin: 14px 14px 0;
}
.vq-evento-card__info { padding: 20px 20px 22px; }
} .vq-eventi__carousel {
position: relative;
isolation: isolate;
}
.vq-eventi__grid {
scrollbar-width: none;
padding-bottom: 0;
}
.vq-eventi__grid::-webkit-scrollbar {
display: none;
} .vq-eventi__carousel::before,
.vq-eventi__carousel::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
z-index: 3;
width: 74px;
opacity: 0;
pointer-events: none;
transition: opacity .25s ease;
}
.vq-eventi__carousel::before {
left: 0;
background: linear-gradient(90deg, rgba(255,255,255,.96), rgba(255,255,255,0));
}
.vq-eventi__carousel::after {
right: 0;
background: linear-gradient(270deg, rgba(255,255,255,.96), rgba(255,255,255,0));
}
.vq-eventi--has-overflow:not(.vq-eventi--at-start) .vq-eventi__carousel::before,
.vq-eventi--has-overflow:not(.vq-eventi--at-end) .vq-eventi__carousel::after {
opacity: 1;
}
.vq-eventi__controls {
position: absolute;
inset: 0;
z-index: 5;
pointer-events: none;
}
.vq-eventi__nav {
position: absolute;
top: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
padding: 0 0 3px;
border: 2px solid rgba(255,255,255,.92);
border-radius: 50%;
background: #b42c66;
color: #fff;
font-size: 34px;
font-weight: 300;
line-height: 1;
cursor: pointer;
box-shadow: 0 10px 28px rgba(180,44,102,.28);
transform: translateY(-50%);
transition: opacity .2s ease, transform .2s ease, background .2s ease, box-shadow .2s ease;
pointer-events: auto;
}
.vq-eventi__nav--prev { left: -24px; }
.vq-eventi__nav--next { right: -24px; }
.vq-eventi__nav:hover:not(:disabled) {
background: #982151;
transform: translateY(-50%) scale(1.06);
box-shadow: 0 14px 34px rgba(180,44,102,.38);
}
.vq-eventi__nav:focus-visible {
outline: 3px solid rgba(180,44,102,.28);
outline-offset: 3px;
}
.vq-eventi__nav:disabled {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.vq-eventi--single-page .vq-eventi__controls {
display: none;
} @media (max-width: 900px) {
.vq-eventi__controls,
.vq-eventi__carousel::before,
.vq-eventi__carousel::after {
display: none !important;
}
} .vq-info-utili-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
padding: 8px 0 48px;
}
.vq-info-utile-card {
position: relative;
display: flex;
flex-direction: column;
height: 100%;
min-width: 0;
background: #fff;
border: 1px solid rgba(29, 29, 27, .12);
border-radius: 18px;
box-shadow: 0 10px 30px rgba(29, 29, 27, .06);
overflow: hidden;
transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.vq-info-utile-card::before {
content: '';
display: block;
height: 6px;
background: #b1dbdd;
}
.vq-info-utile-card:hover {
transform: translateY(-4px);
border-color: rgba(29, 29, 27, .2);
box-shadow: 0 16px 42px rgba(29, 29, 27, .10);
}
.vq-info-utile-card__body {
flex: 1 1 auto;
width: 100%;
min-height: 220px;
padding: 28px;
display: flex;
flex-direction: column;
}
.vq-info-utile-card__title {
margin: 0 0 14px;
color: #1d1d1b;
font-family: var(--vq-font);
font-size: clamp(20px, 2vw, 25px);
line-height: 1.18;
}
.vq-info-utile-card__desc {
margin: 0 0 24px;
color: var(--vq-text-light);
font-family: var(--vq-font-sans);
font-size: 15px;
line-height: 1.65;
}
.vq-info-utile-card__cta {
margin-top: auto;
margin-left: auto;
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
padding: 0;
color: #1d1d1b;
background: #b1dbdd;
border-radius: 50%;
text-decoration: none !important;
box-shadow: 0 8px 18px rgba(29, 29, 27, .10);
transition: transform .2s ease, filter .2s ease, box-shadow .2s ease;
}
.vq-info-utile-card__cta svg {
width: 21px;
height: 21px;
flex: 0 0 auto;
transition: transform .2s ease;
}
.vq-info-utile-card__cta:hover,
.vq-info-utile-card__cta:focus-visible {
filter: brightness(.96);
transform: translateX(2px);
box-shadow: 0 10px 22px rgba(29, 29, 27, .16);
}
.vq-info-utile-card__cta:hover svg,
.vq-info-utile-card__cta:focus-visible svg { transform: translateX(2px); }
.vq-info-utile-card__cta:focus-visible {
outline: 3px solid rgba(0, 111, 122, .28);
outline-offset: 3px;
}
.vq-screen-reader-text {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
@media (max-width: 900px) {
.vq-info-utili-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
.vq-info-utili-grid {
grid-template-columns: 1fr;
gap: 18px;
padding: 4px 14px 40px;
}
.vq-info-utile-card { border-radius: 16px; }
.vq-info-utile-card__body {
min-height: 0;
padding: 24px 22px;
}
.vq-info-utile-card__title { font-size: 22px; }
.vq-info-utile-card__desc { margin-bottom: 20px; }
} .vq-luoghi-grid {
--vq-luoghi-columns: 3;
display: grid;
grid-template-columns: repeat(var(--vq-luoghi-columns), minmax(0, 1fr));
gap: 24px;
padding: 8px 0 48px;
}
.vq-luoghi-grid--cols-1 { --vq-luoghi-columns: 1; }
.vq-luoghi-grid--cols-2 { --vq-luoghi-columns: 2; }
.vq-luoghi-grid--cols-3 { --vq-luoghi-columns: 3; }
.vq-luoghi-grid--cols-4 { --vq-luoghi-columns: 4; }
.vq-luogo-card {
min-width: 0;
overflow: hidden;
background: #fff;
border: 1px solid rgba(29,29,27,.12);
border-radius: 18px;
box-shadow: 0 10px 30px rgba(29,29,27,.06);
transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.vq-luogo-card::before {
content: '';
display: block;
height: 6px;
background: #b1dbdd;
}
.vq-luogo-card:hover {
transform: translateY(-4px);
border-color: rgba(29,29,27,.2);
box-shadow: 0 16px 42px rgba(29,29,27,.1);
}
.vq-luogo-card__body {
min-height: 100%;
padding: 27px;
display: flex;
flex-direction: column;
}
.vq-luogo-card__type {
display: inline-flex;
align-items: center;
width: fit-content;
margin: 0 0 12px;
padding: 6px 10px;
border-radius: 999px;
background: rgba(177, 219, 221, .55);
color: #1d1d1b;
font-size: 12px;
font-weight: 700;
line-height: 1;
letter-spacing: .03em;
}
.vq-luogo-card__title {
margin: 0 0 12px;
color: #1d1d1b;
font-family: var(--vq-font);
font-size: clamp(20px, 2vw, 25px);
line-height: 1.18;
}
.vq-luogo-card__desc {
margin: 0 0 20px;
color: var(--vq-text-light);
font-family: var(--vq-font-sans);
font-size: 15px;
line-height: 1.65;
}
.vq-luogo-card__details {
display: grid;
gap: 10px;
margin: auto 0 22px;
}
.vq-luogo-card__detail {
display: flex;
align-items: flex-start;
gap: 10px;
min-width: 0;
color: #1d1d1b;
font-family: var(--vq-font-sans);
font-size: 14px;
line-height: 1.45;
text-decoration: none !important;
}
.vq-luogo-card__detail svg {
width: 18px;
height: 18px;
margin-top: 1px;
flex: 0 0 auto;
fill: none;
stroke: #006f7a;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.vq-luogo-card__detail span {
min-width: 0;
overflow-wrap: anywhere;
}
a.vq-luogo-card__detail:hover { color: #006f7a; }
.vq-luogo-card__cta {
display: inline-flex;
align-items: center;
justify-content: space-between;
gap: 14px;
width: 100%;
min-height: 48px;
padding: 11px 15px;
color: #1d1d1b;
background: #b1dbdd;
border-radius: 10px;
font-family: var(--vq-font-sans);
font-size: 13px;
font-weight: 700;
letter-spacing: .02em;
text-decoration: none !important;
transition: filter .2s ease, transform .2s ease;
}
.vq-luogo-card__cta svg {
width: 19px;
height: 19px;
flex: 0 0 auto;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
transition: transform .2s ease;
}
.vq-luogo-card__cta:hover { filter: brightness(.96); }
.vq-luogo-card__cta:hover svg { transform: translateX(3px); }
.vq-luoghi-empty { padding: 20px 0 40px; }
@media (max-width: 1000px) {
.vq-luoghi-grid,
.vq-luoghi-grid--cols-3,
.vq-luoghi-grid--cols-4 { --vq-luoghi-columns: 2; }
}
@media (max-width: 600px) {
.vq-luoghi-grid,
.vq-luoghi-grid--cols-2,
.vq-luoghi-grid--cols-3,
.vq-luoghi-grid--cols-4 {
--vq-luoghi-columns: 1;
gap: 18px;
padding: 4px 14px 40px;
}
.vq-luogo-card { border-radius: 16px; }
.vq-luogo-card__body { padding: 24px 22px; }
.vq-luogo-card__type {
display: inline-flex;
align-items: center;
width: fit-content;
margin: 0 0 12px;
padding: 6px 10px;
border-radius: 999px;
background: rgba(177, 219, 221, .55);
color: #1d1d1b;
font-size: 12px;
font-weight: 700;
line-height: 1;
letter-spacing: .03em;
}
.vq-luogo-card__title { font-size: 22px; }
.vq-luogo-card__detail { font-size: 14px; }
} .vq-luogo-card__types {
display: flex;
flex-wrap: wrap;
gap: 7px;
margin: 0 0 13px;
}
.vq-luogo-card__types .vq-luogo-card__type {
margin: 0;
} .vq-luoghi-filter {
display: flex;
align-items: center;
gap: 18px;
margin: 0 0 26px;
padding: 14px 16px;
border: 1px solid rgba(29, 29, 27, .08);
border-radius: 16px;
background: #fff;
box-shadow: 0 10px 30px rgba(29, 29, 27, .05);
}
.vq-luoghi-filter__label {
flex: 0 0 auto;
color: #1d1d1b;
font-size: 13px;
font-weight: 700;
letter-spacing: .02em;
}
.vq-luoghi-filter__options {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.vq-luoghi-filter__button {
appearance: none;
min-height: 38px;
padding: 8px 14px;
border: 1px solid rgba(29, 29, 27, .14);
border-radius: 999px;
color: #1d1d1b;
background: #fff;
font: inherit;
font-size: 13px;
font-weight: 700;
line-height: 1;
cursor: pointer;
transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}
.vq-luoghi-filter__button:hover {
border-color: #006f7a;
transform: translateY(-1px);
}
.vq-luoghi-filter__button.is-active {
border-color: #006f7a;
color: #fff;
background: #006f7a;
}
.vq-luogo-card[hidden] { display: none !important; }
@media (max-width: 600px) {
.vq-luoghi-filter {
display: block;
margin: 0 14px 22px;
padding: 15px 0 14px;
overflow: hidden;
}
.vq-luoghi-filter__label {
display: block;
padding: 0 16px 10px;
}
.vq-luoghi-filter__options {
flex-wrap: nowrap;
gap: 8px;
padding: 0 16px 2px;
overflow-x: auto;
scrollbar-width: none;
scroll-snap-type: x proximity;
-webkit-overflow-scrolling: touch;
}
.vq-luoghi-filter__options::-webkit-scrollbar { display: none; }
.vq-luoghi-filter__button {
flex: 0 0 auto;
scroll-snap-align: start;
min-height: 42px;
padding-inline: 16px;
}
} .vq-contatti-grid {
--vq-contatti-columns: 3;
display: grid;
grid-template-columns: repeat(var(--vq-contatti-columns), minmax(0, 1fr));
gap: 24px;
padding: 8px 0 48px;
}
.vq-contatti-grid--cols-1 { --vq-contatti-columns: 1; }
.vq-contatti-grid--cols-2 { --vq-contatti-columns: 2; }
.vq-contatti-grid--cols-3 { --vq-contatti-columns: 3; }
.vq-contatti-grid--cols-4 { --vq-contatti-columns: 4; }
.vq-contatto-card {
min-width: 0;
overflow: hidden;
background: #fff;
border: 1px solid rgba(29,29,27,.12);
border-radius: 18px;
box-shadow: 0 10px 30px rgba(29,29,27,.06);
transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.vq-contatto-card::before {
content: '';
display: block;
height: 6px;
background: #b1dbdd;
}
.vq-contatto-card:hover {
transform: translateY(-4px);
border-color: rgba(29,29,27,.2);
box-shadow: 0 16px 42px rgba(29,29,27,.1);
}
.vq-contatto-card__body {
min-height: 100%;
padding: 27px;
display: flex;
flex-direction: column;
}
.vq-contatto-card__title {
margin: 0 0 12px;
color: #1d1d1b;
font-family: var(--vq-font);
font-size: clamp(20px, 2vw, 25px);
line-height: 1.18;
}
.vq-contatto-card__desc {
margin: 0 0 20px;
color: var(--vq-text-light);
font-family: var(--vq-font-sans);
font-size: 15px;
line-height: 1.65;
}
.vq-contatto-card__details {
display: grid;
gap: 10px;
margin: 0 0 20px;
}
.vq-contatto-card__detail {
display: flex;
align-items: flex-start;
gap: 10px;
min-width: 0;
color: #1d1d1b;
font-family: var(--vq-font-sans);
font-size: 14px;
line-height: 1.45;
text-decoration: none !important;
}
.vq-contatto-card__detail svg,
.vq-contatto-card__hours-title svg {
width: 18px;
height: 18px;
margin-top: 1px;
flex: 0 0 auto;
fill: none;
stroke: #006f7a;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.vq-contatto-card__detail span { min-width: 0; overflow-wrap: anywhere; }
a.vq-contatto-card__detail:hover { color: #006f7a; }
.vq-contatto-card__hours {
margin: auto 0 22px;
padding: 15px 16px;
border-radius: 12px;
background: rgba(177,219,221,.28);
}
.vq-contatto-card__hours-title {
display: flex;
align-items: center;
gap: 9px;
margin-bottom: 8px;
color: #1d1d1b;
font-family: var(--vq-font-sans);
font-size: 13px;
font-weight: 700;
}
.vq-contatto-card__hours-text {
color: #1d1d1b;
font-family: var(--vq-font-sans);
font-size: 13px;
line-height: 1.55;
}
.vq-contatto-card__cta {
display: inline-flex;
align-items: center;
justify-content: space-between;
gap: 14px;
width: 100%;
min-height: 48px;
padding: 11px 15px;
color: #1d1d1b;
background: #b1dbdd;
border-radius: 10px;
font-family: var(--vq-font-sans);
font-size: 13px;
font-weight: 700;
letter-spacing: .02em;
text-decoration: none !important;
transition: filter .2s ease, transform .2s ease;
}
.vq-contatto-card__cta svg {
width: 19px;
height: 19px;
flex: 0 0 auto;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
transition: transform .2s ease;
}
.vq-contatto-card__cta:hover { filter: brightness(.96); }
.vq-contatto-card__cta:hover svg { transform: translateX(3px); }
.vq-contatti-empty { padding: 20px 0 40px; }
@media (max-width: 1000px) {
.vq-contatti-grid,
.vq-contatti-grid--cols-3,
.vq-contatti-grid--cols-4 { --vq-contatti-columns: 2; }
}
@media (max-width: 600px) {
.vq-contatti-grid,
.vq-contatti-grid--cols-2,
.vq-contatti-grid--cols-3,
.vq-contatti-grid--cols-4 {
--vq-contatti-columns: 1;
gap: 18px;
padding: 4px 14px 40px;
}
.vq-contatto-card { border-radius: 16px; }
.vq-contatto-card__body { padding: 24px 22px; }
.vq-contatto-card__title { font-size: 22px; }
.vq-contatto-card__detail { font-size: 14px; }
}
@media (max-width: 767px) {
.vq-event-status {
top: 12px;
left: 12px;
min-height: 28px;
padding: 6px 10px;
font-size: 10px;
}
.vq-event-status--single {
top: 16px;
left: 16px;
}
} .vq-news-grid {
--vq-news-cols: 3;
display: grid;
grid-template-columns: repeat(var(--vq-news-cols), minmax(0, 1fr));
gap: 28px;
padding: 8px 0 48px;
}
.vq-news-grid--cols-2 { --vq-news-cols: 2; }
.vq-news-grid--cols-3 { --vq-news-cols: 3; }
.vq-news-card {
min-width: 0;
overflow: hidden;
background: #fff;
border: 1px solid rgba(29,29,27,.1);
border-radius: 18px;
box-shadow: 0 12px 32px rgba(29,29,27,.07);
transition: transform .25s ease, box-shadow .25s ease;
}
.vq-news-card:hover { transform: translateY(-5px); box-shadow: 0 18px 44px rgba(29,29,27,.12); }
.vq-news-card__link { display: block; height: 100%; color: inherit; text-decoration: none !important; }
.vq-news-card__media { aspect-ratio: 16 / 10; overflow: hidden; background: #eef3f3; }
.vq-news-card__image { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.vq-news-card:hover .vq-news-card__image { transform: scale(1.035); }
.vq-news-card__placeholder { width: 100%; height: 100%; background: linear-gradient(135deg, #b1dbdd, #e8f2f2); }
.vq-news-card__body { padding: 24px 24px 25px; }
.vq-news-card__categories { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 12px; }
.vq-news-card__categories span { padding: 6px 9px; border-radius: 999px; color: #fff; background: #000; font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.vq-news-card__title { margin: 0 0 17px; color: #1d1d1b; font-family: var(--vq-font); font-size: clamp(21px, 2vw, 27px); line-height: 1.18; }
.vq-news-card__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; color: #656562; font-family: var(--vq-font-sans); font-size: 13px; }
.vq-news-pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; padding: 0 0 48px; }
.vq-news-pagination .page-numbers { min-width: 42px; min-height: 42px; display: inline-flex; align-items: center; justify-content: center; padding: 8px 13px; border-radius: 999px; color: #1d1d1b; background: #fff; border: 1px solid rgba(29,29,27,.15); text-decoration: none; }
.vq-news-pagination .current { color: #fff; background: #000; border-color: #000; }
.vq-news-single { padding: clamp(42px, 7vw, 90px) 20px 80px; }
.vq-news-single__article { width: min(920px, 100%); margin: 0 auto; }
.vq-news-single__header { margin-bottom: 30px; }
.vq-news-single__categories { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 17px; }
.vq-news-single__categories a { padding: 7px 11px; border-radius: 999px; color: #fff; background: #000; font: 700 11px/1 var(--vq-font-sans); text-decoration: none; text-transform: uppercase; letter-spacing: .06em; }
.vq-news-single h1 { margin: 0 0 18px; color: #1d1d1b; font-family: var(--vq-font); font-size: clamp(36px, 6vw, 68px); line-height: 1.03; }
.vq-news-single__meta { display: flex; flex-wrap: wrap; gap: 8px; color: #686865; font-family: var(--vq-font-sans); font-size: 14px; }
.vq-news-single__hero { margin: 0 0 38px; overflow: hidden; border-radius: 22px; }
.vq-news-single__hero img { width: 100%; height: auto; display: block; }
.vq-news-single__content { color: #1d1d1b; font-family: var(--vq-font-sans); font-size: 18px; line-height: 1.75; }
.vq-news-single__content img, .vq-news-single__content iframe { max-width: 100%; height: auto; }
.vq-news-single__tags { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 40px; padding-top: 22px; border-top: 1px solid rgba(29,29,27,.12); font-family: var(--vq-font-sans); font-size: 14px; }
.vq-news-single__tags a { color: #006f7a; text-decoration: none; }
@media (max-width: 900px) { .vq-news-grid--cols-3 { --vq-news-cols: 2; } }
@media (max-width: 600px) {
.vq-news-grid, .vq-news-grid--cols-2, .vq-news-grid--cols-3 { --vq-news-cols: 1; gap: 20px; padding: 4px 14px 40px; }
.vq-news-card { border-radius: 16px; }
.vq-news-card__media { margin: 14px 14px 0; border-radius: 12px; }
.vq-news-card__body { padding: 21px 20px 24px; }
.vq-news-card__title { font-size: 23px; }
.vq-news-single { padding-inline: 16px; }
.vq-news-single__hero { border-radius: 16px; }
.vq-news-single__content { font-size: 17px; }
} .vq-eventi-area {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
padding: 10px 0 34px;
}
.vq-eventi-area .vq-evento-card { min-width: 0; width: auto; }
@media (max-width: 900px) {
.vq-eventi-area { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
.vq-eventi-area { grid-template-columns: 1fr; gap: 18px; }
} .vq-trasporto-card::before {
background: #006f7a;
}
.vq-trasporto-card__type {
align-self: flex-start;
display: inline-flex;
margin: 0 0 12px;
padding: 6px 10px;
color: #006f7a;
background: rgba(0,111,122,.10);
border-radius: 999px;
font-family: var(--vq-font-sans);
font-size: 12px;
font-weight: 700;
line-height: 1;
}
.vq-trasporto-card .vq-contatto-card__cta {
color: #fff;
background: #006f7a;
}
.vq-trasporto-card .vq-contatto-card__cta:hover {
color: #fff;
background: #002b3c;
filter: none;
} .vq-farmacia-card::before { background: #b1dbdd; }
.vq-farmacia-card .vq-contatto-card__details { margin-bottom: 24px; }
.vq-farmacia-card__cta { margin-top: auto; color: #1d1d1b; background: #b1dbdd; }
.vq-farmacia-card__cta:hover { color: #1d1d1b; background: #9fcfd2; filter: none; } .vq-porto-card::before {
background: #006f7a;
}
.vq-porto-card__type {
color: #006f7a;
background: rgba(0, 111, 122, 0.10);
}
.vq-porto-card .vq-contatto-card__cta {
background: #006f7a;
}
.vq-porto-card .vq-contatto-card__cta:hover {
background: #005762;
}body, html{ font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; box-sizing: border-box;margin: 0;padding: 0;}
*,*:before,*:after{ box-sizing: border-box; }
h1,h2,h3,h4,h5,h6, p, ol, ul{margin: 0;padding: 0;}
ol,ul{padding-left: 20px;}
img{height: auto;max-width: 100%;}
a{text-decoration: none;}
hr{border:none; border-bottom: 1px solid #000}
strong {font-weight: bold}
html body {overflow-x:hidden;}
body.admin-bar .header { position: fixed; top: 32px; z-index: 1000;}  :root { --site-bg: #E4E4E4; --site-text-color: #000; --link-color: #048ea0; --link-color-hover: #105862; } body{font-size: 16px; background-color: var(--site-bg); color: var(--site-text-color); font-family: 'Barlow'; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;}
body.custom-background.dark{background-color: var(--site-bg);}
body.menu-open{overflow: hidden;}  h1, h2, h3, h4, h5, h6, p, ol, ul{margin-bottom: 1rem;line-height: 130%}
h1, h2{line-height: 110%;}
p, ul,li {font-size: 1.05rem;}
@media (max-width: 768px) {
p, ul,li {font-size: 0.95rem;}
} .text-0{font-size: 5rem; line-height: 100%;}
.text-1{font-size: 3.4rem;}
.text-2{font-size: 2.2rem;}
.text-3{font-size: 1.5rem;}
.text-4{font-size: 1.3rem;}
.evi a{color:#fff!important; background-color: var(--link-color);border-radius: 100px;padding-left: 20px!important; padding-right: 20px!important;} a { color: var(--link-color); }
a:focus, a:hover { color: var(--link-color-hover); text-decoration: none; } .wp-block-button__link{text-decoration: none!important;color:#fff}
.wp-block-button__link:hover,
.wp-block-button__link:focus{text-decoration: none!important;color:#fff}  .wrapper{width: 100%;padding: 0 3%; position: relative;}  .spacer{height: 140px;}
.header__topbar{ background-color: #333; width: 100%;padding: 10px 4px;color:#fff; text-align: center;margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);width: auto;}
@media (max-width: 794px) {
.header__topbar{font-size: 13px;}
.spacer{height: 110px;}
}  
.header{ background-color: var(--site-bg); position: fixed; top:0;  left:0; z-index: 9999; width: 100%;padding: 0px 3%;}
.header__content{width: 100%;margin: 0 auto; display: flex;justify-content: space-between; padding:10px 0;border-bottom: 1px solid #222; position: relative;}
.header__logo,
.header__quick{display: flex; align-items: center;color:var(--site-text-color);font-weight: bold;}
.header__quick a{color:var(--site-text-color);}
.header__logo-img,
.header__logo_white-img{width: 180px;height: auto;}
.header__quick ul{list-style-type: none;margin-bottom: 0;}
.header__quick ul li{display: inline-block;}
.header__quick ul li a{padding: 10px 5px;}
.menu,
.menu ul{margin: 0;position: relative;}
.menu li{display: inline-block;position: relative}
.menu li a{color:var(--site-text-color); opacity: 0.8;display: block;padding: 16px;font-size: 15px;font-weight: bold;}
.icon-hamburger{display: none;} .quick-search{width: 140px;height: 38px;background: #fff;border-radius: 30px;opacity: 0.8;margin: 2px 0 0 0; transition: all 0.3s cubic-bezier(.215, .61, .355, 1);}
.quick-search form{display: flex;justify-content: center;align-items: center;}
.quick-search__icon{border:none; background: none;padding: 0;padding: 13px 2px}
input.quick-search__input[type=search]{padding: 10px 3px;font-size: 13px;margin:0;border:none;background: none} .quick-search:hover{opacity: 1;transform: scale(1.1);}
@media (max-width: 1290px) {
.quick-search {width: 40px;position: relative;background-color: transparent;margin-right: 10px;}
.quick-search form{width:38px;height: 38px;position: absolute;right:0;top:0;background: #fff;border-radius: 40px;transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.quick-search:hover form{width:138px;}
}
@media (max-width: 1190px) {
.header__logo-img,
.header__logo_white-img{width: 140px;height: auto;}
.menu{   
position: absolute; top:60px; left:0; right:0; background-color: var(--site-bg); min-width: 100%; 
height: 100vh; margin: 0 -5% 0 -5%; 
overflow: auto;transition: all 1s cubic-bezier(.215, .61, .355, 1);padding-left: 0; transform: translateX(-100%);
}
.menu li{width: 90%;margin: 0 5%; border-bottom: 1px solid #000}
.menu-open .menu{transform: translateX(0%);}
.menu-open .menu > li:last-child{margin-bottom: 150px;position: relative;}
.icon-hamburger{height: 50px;width: 50px;margin-left: 20px;position:absolute; top: 10px; right:-15px; display: block;border:none; background: transparent;z-index: 9999;}
.icon-hamburger strong{height: 1px;margin-top:-1px; overflow: hidden;width: 1px;display: block;margin: 0;padding: 0;}
.icon-hamburger span{height: 2px; width: 30px;background: var(--site-text-color);position: relative;display: block;margin-bottom: 11px;transition: all 0.2s cubic-bezier(.215, .61, .355, 1);}
.menu-open .icon-hamburger span:nth-child(2){transform: rotate(45deg) translateY(9px);}
.menu-open .icon-hamburger span:nth-child(3){transform: rotate(-45deg) translateY(-9px);}
.header__content{padding-right: 50px;height: 60px;}
.header__quick{display: flex; justify-content: flex-end;}
.header__quick ul{padding-left: 0;}
}
@media (max-width: 400px) {
.header__quick .menu-item-type-custom{display: none;}
.header__quick button{pointer-events: none;}
} @media (min-width: 1190px) {
.page-template-menu-trasparent .spacer,
.page-template-align-wide-fix-trasparent .spacer{display: none;}
.page-template-menu-trasparent .header,
.page-template-align-wide-fix-trasparent .header{background: transparent;transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.page-template-menu-trasparent .header__content,
.page-template-align-wide-fix-trasparent .header__content{border:none}
.page-template-menu-trasparent .header__logo-img,
.page-template-menu-trasparent .header [class^='icon-'],
.page-template-align-wide-fix-trasparent .header__logo-img,
.page-template-align-wide-fix-trasparent .header [class^='icon-']{filter: brightness(0) invert(1);}
.page-template-menu-trasparent .header__logo,
.page-template-align-wide-fix-trasparent .header__logo{color:#fff}
.page-template-menu-trasparent .menu li a,
.page-template-menu-trasparent .header__quick ul li a,
.page-template-align-wide-fix-trasparent .menu li a,
.page-template-align-wide-fix-trasparent .header__quick ul li a{color:#fff}
.page-template-menu-trasparent.scroll-down .header,
.page-template-align-wide-fix-trasparent.scroll-down .header{background: #222;}
}
@media (max-width: 1190px) {
.page-template-menu-trasparent .spacer,
.page-template-align-wide-fix-trasparent .spacer{height:44px}
.page-template-menu-trasparent .header__content,
.page-template-align-wide-fix-trasparent .header__content{border:none}
} @media (min-width: 1190px) {
.page-template-menu-black .spacer{display: none;}
.page-template-menu-black .header{background: transparent;transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.page-template-menu-black .header__content{border:none}
.page-template-menu-black.scroll-down .header{background-color: var(--site-bg)}
}
.page-template-align-wide-fix .spacer,
.page-template-blank .spacer,
.page-template-contained-no-title .spacer{height:75px}
@media (max-width: 1190px) {
.page-template-align-wide-fix .spacer,
.page-template-menu-black .spacer,
.page-template-blank .spacer,
.page-template-contained-no-title .spacer{height:60px}
.page-template-menu-black .header__content{border:none}
} .menu > li > ul{
background: #eee; 
opacity: 0; 
display: none; 
min-width: 220px; 
position: absolute; 
transition: all 0.5s ease; 
margin-top: 0px;
left: 0; 
padding: 10px;
border-radius: 10px;
}
.menu li ul > li > a,
.page-template-menu-trasparent .menu li ul > li > a,
.page-template-align-wide-fix-trasparent .menu li ul > li > a{color:#000; border-radius: 7px;}
.menu li ul > li > a:hover {background: #ccc;color:#000} .menu > li.mega-menu > .sub-menu a{padding: 12px;}
.menu > li.mega-menu > .sub-menu .sub-menu  {padding-left: 0;width: 180px;}
.menu > li.mega-menu > .sub-menu .sub-menu  li a{padding-top: 7px;padding-bottom: 8px;font-weight: normal;font-size: 14px;} @media (min-width: 1190px) {
.menu > li:hover > ul,
.menu > li > ul:hover { visibility: visible; opacity: 1; display: block; }
.menu > li.mega-menu:hover > ul,
.menu > li.mega-menu > ul:hover,
.menu > li.mega-menu:focus-within > ul { visibility: visible; opacity: 1; display: flex; flex-wrap: wrap;width: 600px;}
.menu > li.mega-menu > ul > li{width: 193px;}
} 
.menu li.open-dropdown > ul{visibility: visible; opacity: 1; display: block; }
.menu li.mega-menu.open-dropdown > ul{visibility: visible; opacity: 1; display: block;} .menu li:focus-within ul{visibility: visible; opacity: 1; display: block; }
.menu li ul li { clear: both; width: 100%; }
.menu > li.menu-item-has-children > a{position: relative;padding-right: 30px;}
.menu > li.menu-item-has-children > a::after{
content:" ";width: 30px;height: 30px; background-size:30px;position: absolute;
top:50%; right: 0; transform: rotate(90deg);margin-top: -15px;
background-size:100%;
background-image: url('data:image/svg+xml;utf8,<svg width="50px" height="50px" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg"><path fill="black" d="M22.7 34.7l-1.4-1.4 8.3-8.3-8.3-8.3 1.4-1.4 9.7 9.7z"/></svg>');
}
@media (min-width: 1190px) {
.page-template-menu-trasparent .menu > li.menu-item-has-children > a::after,
.page-template-align-wide-fix-trasparent .menu > li.menu-item-has-children > a::after{
background-image: url('data:image/svg+xml;utf8,<svg width="50px" height="50px" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg"><path fill="black" d="M22.7 34.7l-1.4-1.4 8.3-8.3-8.3-8.3 1.4-1.4 9.7 9.7z"/></svg>');
filter: invert(1);
}
}
@media (max-width: 1190px) {
.menu li ul{position: relative;background: none;}
.menu li ul li{border:none; width: 95%; } .menu > li.mega-menu > .sub-menu {margin-left: 5vw;}
.menu > li.mega-menu > .sub-menu li {margin:0;}
.menu > li.mega-menu > .sub-menu > li {width: 40vw;margin-bottom: 20px;}
}  .home-title { position: absolute; top:-9999px; color: #fff; font-size: 12px;}  .img-16-9{
aspect-ratio: 16 / 9;
object-fit: cover;
} @media (max-width: 768px) {
h1 span{display: block;}
}    .footer-container{
margin-top:50px;
padding: 0px 4%;
width: auto;
max-width: 1000%;
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
}     .pagination { float: left; margin: 40px 0 40px 0; padding: 0; width: 100%; }
.pagination span,
.pagination a { float: left; margin: 0 10px 10px 0; padding: 14px 19px; border: 1px solid #222; } .alignleft { float: left; margin-right: 20px; margin-bottom: 10px; max-width: 97%; height: auto; }
.alignright { float: right; margin-bottom: 10px; margin-left: 20px; max-width: 97%; height: auto; }
.aligncenter { display: block; margin: 0 auto; max-width: 97%; height: auto; }
.alignnone { max-width: 97%; height: auto; }
.text-center{text-align: center;}
@media (max-width: 768px) {
.sma-text-center{float:none; text-align: center;}
} body .alignfull {
width: auto;
max-width: 1000%;
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
}
@media only screen and (min-width: 789px) {
body .alignwide {
width: auto;
max-width: 1000%;
margin-right: calc(25% - 25vw);
margin-left: calc(25% - 25vw);
} 
.alignwide img,
.alignfull img {
display: block;
margin: 0 auto;
}
}  body .is-align-system > :where(:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright)){
max-width: 850px;
margin-left: auto;
margin-right: auto;
} body .is-align-system > .alignfull > :where(h1, h2, h3, h4, h5, h6, p, figure, .wp-block-group ):not(.alignfull):not(.alignwide) {
max-width: 850px;
} body .is-align-system .alignwide {
max-width: 1300px;
margin-left: auto;
margin-right: auto;
} body .is-align-system .alignfull {
max-width: none;
padding-right:3%;
padding-left:3%;
margin-left: -3.2%;
margin-right: -3.2%; 
} body .is-align-system > .alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; }
body .is-align-system > .alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0em; }
@media (min-width: 1450px){
body .is-align-system .alignwide {max-width: 1500px;}
}  .wp-caption { margin-bottom: 20px; padding: 10px; max-width: 97%; border: 1px solid #eee; text-align: center; }
.wp-caption img { margin: 0; padding: 0; width: 100%!important; height: auto; border: 0 none; }
.wp-caption p.wp-caption-text { margin: 0; padding: 8px; font-size: 1em; line-height: 17px; }
.gallery-caption{font-size: 20px;} .sticky { border-right: 3px solid #eee; border-bottom: 3px solid #eee; } blockquote {font-weight: 200;  font-style: italic; margin: 0.25em 0; padding: 0px 30px; line-height: 1.45; position: relative;  border-left: 5px solid #222; } .form-search{width: 100%;border-radius: 100px; border: 1px solid #e4e4e4; padding-left: 15px;position: relative;background:#fff;margin-bottom: 30px;padding: 5px;}
.form-search input[type=search]{width: 100%; border:none;background: transparent!important;font-size: 18px;}
.form-search button[type=submit]{padding: 0; border: none;background: transparent;color:#000;padding: 0px;border-radius:20px; position:absolute; top: 8px; right:20px;}
.form-search button[type=submit] svg{width: 30px; height:30px} .comment-form-author,
.comment-form-email,
.comment-form-url { float: left; margin-top: 20px; margin-right: 3%; width: 30.3333333%; }
.comment-form-author input,
.comment-form-email input,
.comment-form-url input { width: 100%; }
ol.commentlist { margin: 0 0 1em; padding: 0; list-style: none; text-indent: 0; }
ol.commentlist li.comment { padding: 1em;}
ol.commentlist li.comment div.vcard cite.fn { text-transform: uppercase; font-size: 14px; }
ol.commentlist li.comment div.vcard img.avatar { float: left; margin: 6px 1em 1em 0; border-radius: 50px; }
ol.commentlist li.comment div.comment-meta { font-size: 12px; }
ol.commentlist li.comment ul { margin: 0 0 1em 2em; }
ol.commentlist li.comment div.reply { margin-left: 80px; font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { margin: 1em 0 0; list-style: none; text-indent: 0; }
ol.commentlist li.comment ul.children li.depth-2 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
ol.commentlist li.comment ul.children li.depth-3 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
ol.commentlist li.comment ul.children li.depth-4 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
ol.commentlist li.bypostauthor .fn { font-weight: bold; }
ol.commentlist li img{max-width: 97%;}
input[type=text],
input[type=search],
input[type=number],
input[type=tel],
input[type=password],
input[type=email],
input[type=url]{ width: 100%; padding: 10px; border: 1px solid #949494; background: #fff; -webkit-appearance: none;border-radius: 0;margin-top:5px}
textarea { padding: 10px; width: 100%; border: 1px solid #949494; background: #fff; -webkit-appearance: none;border-radius: 0;margin-top:5px}
input[type=submit],
button[type=submit] { margin-top: 10px; padding: 15px 20px; color: #fff; text-transform: uppercase; background: #222; border:none;margin-top:5px;display: block;font-weight: bold;width: auto;font-size: 16px;border-radius:5px; font-family: inherit;}
#comments { width: 100%; }  .mt-0{margin-top: 0 }
.mt-1{margin-top: 10px}
.mt-2{margin-top: 20px}
.mt-3{margin-top: 40px}
.mt-4{margin-top: 100px }
.mb-0{margin-bottom: 0}
.mb-1{margin-bottom: 10px}
.mb-2{margin-bottom: 20px}
.mb-3{margin-bottom: 40px}
.mb-4{margin-bottom: 100px}
.p-0{padding: 0}
.p-1{padding: 10px}
.p-2{padding: 20px}
.p-3{padding: 40px}
.p-4{padding: 100px}
.pt-1{padding-top: 10px;}
.pt-3{padding-top: 20px;}
.pt-3{padding-top: 40px;}
.pt-4{padding-top: 15vh;}
.pb-1{padding-bottom: 10px;}
.pb-2{padding-bottom: 20px;}
.pb-3{padding-bottom: 40px;}
.pb-4{padding-bottom: 15vh;}
.img-res{width: 100%;} .grid { margin: 0 auto;display: flex; flex-flow: row; flex-wrap: wrap;width: 100%;max-width: 1400px;}
.grid--center{justify-content: center;}
.col{ flex: 1;}
[class*='col-'] { position: relative;padding: 0 1%;}
.grid .grid [class*='col-'] {padding: 0px;}
.col-10{ width: 10%;}
.col-20{ width: 20%; }
.col-25{ width: 25%; }
.col-30{ width: 30%; }
.col-33{ width: 33.33%; }
.col-40{ width: 40%; }
.col-50{ width: 50%; }
.col-60{ width: 60%; }
.col-70{ width: 70%; }
.col-80{ width: 80%; }
.col-90{ width: 90%; }
.col-100{ width: 100%; }
@media (max-width: 991px) {
.tab-20 { width: 20%; }
.tab-25 { width: 25%; }
.tab-33 { width: 33.33%; }
.tab-50 { width: 50%; }
.tab-80 { width: 80%; }
.tab-90 { width: 90%; }
.tab-100 { width: 100%; }
}
@media (max-width: 768px) {
[class*='col-'] { width: 100%;}
.sma-20 { width: 20%; }
.sma-25 { width: 25%; }
.sma-33 { width: 33.33%; }
.sma-50 { width: 50%; }
.sma-100 { width: 100%; }
} @media (min-width: 1190px) {
.hide-desktop,
.desk-hide{display: none;}
}
@media (max-width: 1190px) {
.hide-mobile,
.sma-hide{display: none;}
}
.hide-all,
.all-hide{display: none;}
@media (max-width: 781px) {
.sma-column-reverse{ flex-direction: column-reverse;}
}  .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
right: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0;
} .text-content a,
.comment-content a{text-decoration: underline;}   .visually-hidden {
position: absolute !important;
width: 1px; 
height: 1px; 
padding: 0; 
margin: -1px; 
overflow: hidden; 
clip: rect(0, 0, 0, 0); 
white-space: nowrap; 
border: 0;
} .icon-arrow{overflow: hidden; font-size:1px; text-indent:-9999px; display:inline-block; margin: -3px 5px;width: 18px;height: 18px;background-size: 100%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3EArrow Forward%3C/title%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M268 112l144 144-144 144M392 256H100'/%3E%3C/svg%3E");}
.icon-fb{overflow: hidden; font-size:1px; text-indent:-9999px;display:inline-block; margin: -3px 5px;width: 18px;height: 18px;background-size: 100%; background-repeat: no-repeat;  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3ELogo Facebook%3C/title%3E%3Cpath d='M480 257.35c0-123.7-100.3-224-224-224s-224 100.3-224 224c0 111.8 81.9 204.47 189 221.29V322.12h-56.89v-64.77H221V208c0-56.13 33.45-87.16 84.61-87.16 24.51 0 50.15 4.38 50.15 4.38v55.13H327.5c-27.81 0-36.51 17.26-36.51 35v42h62.12l-9.92 64.77H291v156.54c107.1-16.81 189-109.48 189-221.31z' fill-rule='evenodd'/%3E%3C/svg%3E");}
.icon-ig{overflow: hidden; font-size:1px; text-indent:-9999px;display:inline-block; margin: -3px 5px;width: 18px;height: 18px;background-size: 100%; background-repeat: no-repeat;  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3ELogo Instagram%3C/title%3E%3Cpath d='M349.33 69.33a93.62 93.62 0 0193.34 93.34v186.66a93.62 93.62 0 01-93.34 93.34H162.67a93.62 93.62 0 01-93.34-93.34V162.67a93.62 93.62 0 0193.34-93.34h186.66m0-37.33H162.67C90.8 32 32 90.8 32 162.67v186.66C32 421.2 90.8 480 162.67 480h186.66C421.2 480 480 421.2 480 349.33V162.67C480 90.8 421.2 32 349.33 32z'/%3E%3Cpath d='M377.33 162.67a28 28 0 1128-28 27.94 27.94 0 01-28 28zM256 181.33A74.67 74.67 0 11181.33 256 74.75 74.75 0 01256 181.33m0-37.33a112 112 0 10112 112 112 112 0 00-112-112z'/%3E%3C/svg%3E");}
.icon-tw{overflow: hidden; font-size:1px; text-indent:-9999px;display:inline-block; margin: -3px 5px;width: 18px;height: 18px;background-size: 100%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3ELogo Twitter%3C/title%3E%3Cpath d='M496 109.5a201.8 201.8 0 01-56.55 15.3 97.51 97.51 0 0043.33-53.6 197.74 197.74 0 01-62.56 23.5A99.14 99.14 0 00348.31 64c-54.42 0-98.46 43.4-98.46 96.9a93.21 93.21 0 002.54 22.1 280.7 280.7 0 01-203-101.3A95.69 95.69 0 0036 130.4c0 33.6 17.53 63.3 44 80.7A97.5 97.5 0 0135.22 199v1.2c0 47 34 86.1 79 95a100.76 100.76 0 01-25.94 3.4 94.38 94.38 0 01-18.51-1.8c12.51 38.5 48.92 66.5 92.05 67.3A199.59 199.59 0 0139.5 405.6a203 203 0 01-23.5-1.4A278.68 278.68 0 00166.74 448c181.36 0 280.44-147.7 280.44-275.8 0-4.2-.11-8.4-.31-12.5A198.48 198.48 0 00496 109.5z'/%3E%3C/svg%3E"); }
.icon-yt{overflow: hidden; font-size:1px; text-indent:-9999px;display:inline-block; margin: -3px 5px;width: 18px;height: 18px;background-size: 100%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3ELogo Youtube%3C/title%3E%3Cpath d='M508.64 148.79c0-45-33.1-81.2-74-81.2C379.24 65 322.74 64 265 64h-18c-57.6 0-114.2 1-169.6 3.6C36.6 67.6 3.5 104 3.5 149 1 184.59-.06 220.19 0 255.79q-.15 53.4 3.4 106.9c0 45 33.1 81.5 73.9 81.5 58.2 2.7 117.9 3.9 178.6 3.8q91.2.3 178.6-3.8c40.9 0 74-36.5 74-81.5 2.4-35.7 3.5-71.3 3.4-107q.34-53.4-3.26-106.9zM207 353.89v-196.5l145 98.2z'/%3E%3C/svg%3E"); }
.icon-in{ overflow: hidden; font-size:1px; text-indent:-9999px;display:inline-block; margin: -3px 5px;width: 18px;height: 18px;background-size: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Cpath d='M444.17 32H70.28C49.85 32 32 46.7 32 66.89v374.72C32 461.91 49.85 480 70.28 480h373.78c20.54 0 35.94-18.21 35.94-38.39V66.89C480.12 46.7 464.6 32 444.17 32zm-273.3 373.43h-64.18V205.88h64.18zM141 175.54h-.46c-20.54 0-33.84-15.29-33.84-34.43 0-19.49 13.65-34.42 34.65-34.42s33.85 14.82 34.31 34.42c-.01 19.14-13.31 34.43-34.66 34.43zm264.43 229.89h-64.18V296.32c0-26.14-9.34-44-32.56-44-17.74 0-28.24 12-32.91 23.69-1.75 4.2-2.22 9.92-2.22 15.76v113.66h-64.18V205.88h64.18v27.77c9.34-13.3 23.93-32.44 57.88-32.44 42.13 0 74 27.77 74 87.64z'/%3E%3C/svg%3E");}
.icon-tk{overflow: hidden; font-size:1px; text-indent:-9999px;display:inline-block; margin: -3px 5px;width: 18px;height: 18px;background-size: 100%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3ELogo Tiktok%3C/title%3E%3Cpath d='M412.19 118.66a109.27 109.27 0 01-9.45-5.5 132.87 132.87 0 01-24.27-20.62c-18.1-20.71-24.86-41.72-27.35-56.43h.1C349.14 23.9 350 16 350.13 16h-82.44v318.78c0 4.28 0 8.51-.18 12.69 0 .52-.05 1-.08 1.56 0 .23 0 .47-.05.71v.18a70 70 0 01-35.22 55.56 68.8 68.8 0 01-34.11 9c-38.41 0-69.54-31.32-69.54-70s31.13-70 69.54-70a68.9 68.9 0 0121.41 3.39l.1-83.94a153.14 153.14 0 00-118 34.52 161.79 161.79 0 00-35.3 43.53c-3.48 6-16.61 30.11-18.2 69.24-1 22.21 5.67 45.22 8.85 54.73v.2c2 5.6 9.75 24.71 22.38 40.82A167.53 167.53 0 00115 470.66v-.2l.2.2c39.91 27.12 84.16 25.34 84.16 25.34 7.66-.31 33.32 0 62.46-13.81 32.32-15.31 50.72-38.12 50.72-38.12a158.46 158.46 0 0027.64-45.93c7.46-19.61 9.95-43.13 9.95-52.53V176.49c1 .6 14.32 9.41 14.32 9.41s19.19 12.3 49.13 20.31c21.48 5.7 50.42 6.9 50.42 6.9v-81.84c-10.14 1.1-30.73-2.1-51.81-12.61z'/%3E%3C/svg%3E"); }
.icon-wa{overflow: hidden; font-size:1px; text-indent:-9999px;display:inline-block; margin: -3px 5px;width: 18px;height: 18px;background-size: 100%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3ELogo Whatsapp%3C/title%3E%3Cpath d='M414.73 97.1A222.14 222.14 0 00256.94 32C134 32 33.92 131.58 33.87 254a220.61 220.61 0 0029.78 111L32 480l118.25-30.87a223.63 223.63 0 00106.6 27h.09c122.93 0 223-99.59 223.06-222A220.18 220.18 0 00414.73 97.1zM256.94 438.66h-.08a185.75 185.75 0 01-94.36-25.72l-6.77-4-70.17 18.32 18.73-68.09-4.41-7A183.46 183.46 0 0171.53 254c0-101.73 83.21-184.5 185.48-184.5a185 185 0 01185.33 184.64c-.04 101.74-83.21 184.52-185.4 184.52zm101.69-138.19c-5.57-2.78-33-16.2-38.08-18.05s-8.83-2.78-12.54 2.78-14.4 18-17.65 21.75-6.5 4.16-12.07 1.38-23.54-8.63-44.83-27.53c-16.57-14.71-27.75-32.87-31-38.42s-.35-8.56 2.44-11.32c2.51-2.49 5.57-6.48 8.36-9.72s3.72-5.56 5.57-9.26.93-6.94-.46-9.71-12.54-30.08-17.18-41.19c-4.53-10.82-9.12-9.35-12.54-9.52-3.25-.16-7-.2-10.69-.2a20.53 20.53 0 00-14.86 6.94c-5.11 5.56-19.51 19-19.51 46.28s20 53.68 22.76 57.38 39.3 59.73 95.21 83.76a323.11 323.11 0 0031.78 11.68c13.35 4.22 25.5 3.63 35.1 2.2 10.71-1.59 33-13.42 37.63-26.38s4.64-24.06 3.25-26.37-5.11-3.71-10.69-6.48z' fill-rule='evenodd'/%3E%3C/svg%3E");}
.icon-search{overflow: hidden; font-size:1px; text-indent:-9999px;display:inline-block; margin: -3px 5px;width: 20px;height: 20px;background-size: 100%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3ESearch%3C/title%3E%3Cpath d='M456.69 421.39L362.6 327.3a173.81 173.81 0 0034.84-104.58C397.44 126.38 319.06 48 222.72 48S48 126.38 48 222.72s78.38 174.72 174.72 174.72A173.81 173.81 0 00327.3 362.6l94.09 94.09a25 25 0 0035.3-35.3zM97.92 222.72a124.8 124.8 0 11124.8 124.8 124.95 124.95 0 01-124.8-124.8z'/%3E%3C/svg%3E");}
.icon-angle{overflow: hidden; font-size:1px; text-indent:-9999px;display:inline-block; margin: -3px 5px;width: 20px;height: 20px;background-size: 100%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3EChevron Down%3C/title%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M112 184l144 144 144-144'/%3E%3C/svg%3E");}
.icon-nav{ overflow: hidden; font-size:1px; text-indent:-9999px;display:inline-block; margin: -6px 3px;width: 26px;height: 26px;background-size: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M11.762 3.25c.46.006.99.223 1.276.734l.174.312a82.518 82.518 0 0 1 6.474 14.753c.218.67-.14 1.237-.589 1.5a1.484 1.484 0 0 1-1.552-.037l-4.728-3.04c-.522-.336-1.231-.337-1.72-.028L6.464 20.37a1.483 1.483 0 0 1-1.553.01c-.427-.255-.809-.808-.61-1.482A77.671 77.671 0 0 1 10.307 4.29l.164-.308c.284-.531.832-.737 1.29-.73Zm-.007 1.513-.125.233A76.203 76.203 0 0 0 5.84 18.99l4.455-2.813c1-.63 2.337-.607 3.334.034l4.496 2.892a81.088 81.088 0 0 0-6.222-14.074l-.148-.265Z' clip-rule='evenodd'/%3E%3C/svg%3E");}
.icon-mail{ overflow: hidden; font-size:1px; text-indent:-9999px;display:inline-block; margin: -6px 3px;width: 26px;height: 26px;background-size: 100%;  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M2.804 8.353c-.28 2.603-.268 5.605.122 8.197a3.138 3.138 0 0 0 2.831 2.66l1.51.131c3.15.274 6.317.274 9.466 0l1.51-.13a3.138 3.138 0 0 0 2.831-2.66c.39-2.593.402-5.595.122-8.198a30.68 30.68 0 0 0-.122-.904 3.138 3.138 0 0 0-2.831-2.66l-1.51-.13a54.647 54.647 0 0 0-9.465 0l-1.51.13a3.138 3.138 0 0 0-2.832 2.66 31.1 31.1 0 0 0-.122.904Zm4.593-2.2a53.146 53.146 0 0 1 9.206 0l1.51.131a1.64 1.64 0 0 1 1.478 1.389l.034.233-5.561 3.09a4.25 4.25 0 0 1-4.128 0l-5.56-3.09c.01-.078.022-.156.033-.233a1.638 1.638 0 0 1 1.478-1.389l1.51-.131ZM19.81 9.52a29.099 29.099 0 0 1-.218 6.807 1.638 1.638 0 0 1-1.478 1.389l-1.51.131a53.152 53.152 0 0 1-9.206 0l-1.51-.131a1.638 1.638 0 0 1-1.478-1.389 29.101 29.101 0 0 1-.217-6.807l5.016 2.787a5.75 5.75 0 0 0 5.585 0l5.015-2.787Z' clip-rule='evenodd'/%3E%3C/svg%3E");}
.icon-call{ overflow: hidden; font-size:1px; text-indent:-9999px; display:inline-block; margin: -6px 3px;width: 26px;height: 26px;background-size: 100%;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M5.84 9.856a17.216 17.216 0 0 0 8.922 8.663l.012.005.764.34a2.25 2.25 0 0 0 2.74-.737l1.274-1.763a.25.25 0 0 0-.046-.341l-2.224-1.795a.25.25 0 0 0-.358.046l-.866 1.168a.75.75 0 0 1-.912.237 13.387 13.387 0 0 1-6.67-6.67.75.75 0 0 1 .237-.912L9.88 7.23a.25.25 0 0 0 .046-.358L8.132 4.648a.25.25 0 0 0-.341-.046l-1.773 1.28a2.25 2.25 0 0 0-.732 2.756l.554 1.217v.001Zm8.33 10.041a18.716 18.716 0 0 1-9.694-9.416v-.002l-.555-1.22A3.75 3.75 0 0 1 5.14 4.666l1.773-1.28a1.75 1.75 0 0 1 2.386.32l1.795 2.225a1.75 1.75 0 0 1-.32 2.505l-.67.496a11.891 11.891 0 0 0 5.118 5.118l.497-.67a1.75 1.75 0 0 1 2.504-.32l2.225 1.795a1.75 1.75 0 0 1 .32 2.387l-1.275 1.764a3.75 3.75 0 0 1-4.565 1.229l-.758-.338Z' clip-rule='evenodd'/%3E%3C/svg%3E");}
.icon-plus{overflow: hidden; font-size:1px; text-indent:-9999px;display:inline-block; margin: -6px 3px;width: 26px;height: 26px;background-size: 100%; background-repeat: no-repeat;  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12.75 7a.75.75 0 0 0-1.5 0v4.25H7a.75.75 0 0 0 0 1.5h4.25V17a.75.75 0 0 0 1.5 0v-4.25H17a.75.75 0 0 0 0-1.5h-4.25V7Z'/%3E%3C/svg%3E");}
.icon-check{overflow: hidden; font-size:1px; text-indent:-9999px;display:inline-block; margin: -6px 3px;width: 26px;height: 26px;background-size: 100%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M18.03 7.97a.75.75 0 0 1 0 1.06l-7 7a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 1 1 1.06-1.06l3.47 3.47 6.47-6.47a.75.75 0 0 1 1.06 0Z' clip-rule='evenodd'/%3E%3C/svg%3E");}
.icon-cart{overflow: hidden; font-size:1px; text-indent:-9999px;display:inline-block; margin: -6px 3px;width: 23px;height: 23px;background-size: 100%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='currentColor'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M15.55 13c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.37-.66-.11-1.48-.87-1.48H5.21l-.94-2H1v2h2l3.6 7.59-1.35 2.44C4.52 15.37 5.48 17 7 17h12v-2H7l1.1-2h7.45zM6.16 6h12.15l-2.76 5H8.53L6.16 6zM7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zm10 0c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z'/%3E%3C/svg%3E");}
.icon-1{width: 40px;height: 40px;}
.icon-2{width: 70px;padding: 8px;}
.icon-3{width: 100px;padding: 8px;}
.icon-invert{filter: invert(1);}  .accordion h3{position: relative;padding-right: 30px;margin-bottom: 15px;cursor:pointer}
.accordion h3:after{
width: 30px;height: 30px;position: absolute; top:0; right:0;content: ' '; background-image: url('data:image/svg+xml;utf8,<svg width="80px" height="80px" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path fill="black" d="M22.7 34.7l-1.4-1.4 8.3-8.3-8.3-8.3 1.4-1.4 9.7 9.7z"/></svg>');
transform: rotate(90deg);
background-size:100%;
}
.accordion .wp-block-column .wp-block-group {padding: 0;max-height: 0;overflow:hidden;border-bottom: 2px solid #ddd; transition: all 0.2s ease-in-out;margin-bottom: 20px;}
.accordion .wp-block-column .wp-block-group.open-accordion{max-height:500px;padding-bottom: 15px;overflow: auto;} @media (max-width: 768px) {
.wp-block-media-text__media img{margin-bottom: 20px;margin-top: 40px;} 
} .fade {  opacity: 0; transform: translateY(40px); transition: 0.6s ease-in-out; will-change: transform, opacity;}
.fadeIn { opacity: 1;transform: translateY(0px)} .reveal { opacity: 0; transform: translateY(20px); transition: opacity .6s ease-out, transform .8s cubic-bezier(.2,.7,.25,1), filter .8s cubic-bezier(.2,.7,.25,1); will-change: opacity, transform, filter; } .reveal.reveal-up { transform: translateY(30px); }
.reveal.reveal-down { transform: translateY(-30px); }
.reveal.reveal-left { transform: translateX(30px); }
.reveal.reveal-right { transform: translateX(-30px); }
.reveal.reveal-zoom { transform: scale(.95); }
.reveal.reveal-skew { transform: translateY(20px) skewY(5deg); }
.reveal.reveal-blur { filter: blur(6px); } .reveal.is-inview { opacity: 1; transform: none; filter: none; } .reveal.reveal-clip{ 
clip-path: inset(0 0 100% 0);
-webkit-clip-path: inset(0 0 100% 0);
will-change: clip-path;
}
@keyframes revealClip {
to {
clip-path: inset(0 0 0 0);
}
} .reveal.reveal-clip.is-inview {animation: revealClip 1s cubic-bezier(0.77, 0, 0.175, 1) 0s forwards;will-change: clip-path;} @media (prefers-reduced-motion: reduce) {
.reveal { transition: none !important; animation: none !important; opacity: 1 !important; transform: none !important; filter: none !important; clip-path: none !important; }
} .delay-01 { transition-delay: .1s!important; }
.delay-02 { transition-delay: .2s!important; }
.delay-03 { transition-delay: .3s!important; }
.delay-04 { transition-delay: .4s!important; }
.delay-05 { transition-delay: .5s!important; }
.delay-06 { transition-delay: .6s!important; }
.delay-07 { transition-delay: .7s!important; }
.delay-08 { transition-delay: .8s!important; }
.delay-09 { transition-delay: .9s!important; }
.delay-10 { transition-delay: 1s!important; }
.delay-11 { transition-delay: 1.1s!important; }
.delay-12 { transition-delay: 1.2s!important; }
.delay-13 { transition-delay: 1.3s!important; }
.delay-14 { transition-delay: 1.4s!important; }
.delay-15 { transition-delay: 1.5s!important; } .duration-01 { transition-duration: .1s !important; animation-duration: .1s !important; }
.duration-02 { transition-duration: .2s !important; animation-duration: .2s !important; }
.duration-03 { transition-duration: .3s !important; animation-duration: .3s !important; }
.duration-04 { transition-duration: .4s !important; animation-duration: .4s !important; }
.duration-05 { transition-duration: .5s !important; animation-duration: .5s !important; }
.duration-06 { transition-duration: .6s !important; animation-duration: .6s !important; }
.duration-07 { transition-duration: .7s !important; animation-duration: .7s !important; }
.duration-08 { transition-duration: .8s !important; animation-duration: .8s !important; }
.duration-09 { transition-duration: .9s !important; animation-duration: .9s !important; }
.duration-10 { transition-duration: 1s !important; animation-duration: 1s !important; }
.duration-11 { transition-duration: 1.1s !important; animation-duration: 1.1s !important; }
.duration-12 { transition-duration: 1.2s !important; animation-duration: 1.2s !important; }
.duration-13 { transition-duration: 1.3s !important; animation-duration: 1.3s !important; }
.duration-14 { transition-duration: 1.4s !important; animation-duration: 1.4s !important; }
.duration-15 { transition-duration: 1.5s !important; animation-duration: 1.5s !important; }
.duration-16 { transition-duration: 1.6s !important; animation-duration: 1.6s !important; }
.duration-17 { transition-duration: 1.7s !important; animation-duration: 1.7s !important; }
.duration-18 { transition-duration: 1.8s !important; animation-duration: 1.8s !important; }
.duration-19 { transition-duration: 1.9s !important; animation-duration: 1.9s !important; }
.duration-20 { transition-duration: 2s !important; animation-duration: 2s !important; }
.duration-25 { transition-duration: 2.5s !important; animation-duration: 2.5s !important; }
.duration-30 { transition-duration: 3s !important; animation-duration: 3s !important; } @media (prefers-reduced-motion: reduce) {
[class*="parallax-"] { transform: none !important; }
} @keyframes fade-load {
from {opacity: 0; top:20px}
to {opacity: 1; top:0;}
}
.load { 
opacity: 0; 
animation: fade-load cubic-bezier(0.385, 0.135, 0.15, 0.86) 0.5s forwards; 
} .logo-whats-app {
display: block;
width: 38px;
height: 38px;
position: fixed;
bottom: 43px;
right: 43px;
z-index: 999;
border-radius: 100%;
background: #25D366;
border: 0px solid #25D366;
}
.logo-whats-app .icon-wa{width: 44px;height: 44px;margin: -3px 0 0 -3px;padding: 0;filter: invert(1);} .menu-item-type-woocommerce-cart{position: relative;width: 30px;height: 18px;}
.menu-cart-total{position: relative;position: absolute;top:-10px; left:0;}
.menu-cart-total svg{height: 24px;width: 24px;}
.menu-cart-total span{position: absolute;bottom:10px; right:-2pxpx;font-size: 11px;} .woocommerce .button{
background:#222!important; color:#fff!important; text-transform: uppercase;font-family: inherit!important;
margin-top:0; margin-right:10px;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {border-radius:3px;padding: 15px 25px}
.woocommerce .woocommerce-message .button{padding: 10px 15px;} .checkout.woocommerce-content [class*='col-'],
.checkout.woocommerce-checkout [class*='col-'] {padding: 0;} .select2-container .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 36px;}
.woocommerce-input-wrapper input{border-radius: 4px} .woocommerce-cart .variation{font-size: 12px;margin-top: 0;}
.woocommerce-cart .variation p{font-size: 12px;padding: 4px 0 0 0;}
.woocommerce-cart .variation dt,
.woocommerce-cart .variation dd{height: 20px;}
.woocommerce #coupon_code,
.woocommerce .actions .button{height: 36px; border-radius: 3px;padding: 5px 15px; line-height: 17px!important;}
.woocommerce #coupon_code{width: 120px!important}
@media (max-width: 768px) {
.woocommerce-page #content table.cart td.actions .coupon .button{width: calc(100vw - 210px);margin-right:0;}
} #add_payment_method .cart-collaterals .cart_totals tr td, 
#add_payment_method .cart-collaterals .cart_totals tr th, 
.woocommerce-cart .cart-collaterals .cart_totals tr td, 
.woocommerce-cart .cart-collaterals .cart_totals tr th, 
.woocommerce-checkout .cart-collaterals .cart_totals tr td, 
.woocommerce-checkout .cart-collaterals .cart_totals tr th{border-top: 1px solid #ccc} .woocommerce .quantity input{margin-top: 0;border-radius: 3px;height: 46px;}
.woocommerce .quantity .qty {width: 60px;} .woocommerce div.product p.price, 
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price{color:#000} .woocommerce div.product form.cart .variations{padding: 10px;border-bottom: 1px solid #222;}
.woocommerce div.product form.cart .variations td, 
.woocommerce div.product form.cart .variations th{padding-bottom: 10px;}
.woocommerce select { -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #666;
outline: 0;
font: inherit; width: 20em;
height: 40px;
padding: 0 4em 0 1em;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3EChevron Down%3C/title%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M112 184l144 144 144-144'/%3E%3C/svg%3E") no-repeat right 0.8em center/1.4em;
color: #222;
border-radius: 0.25em;
cursor: pointer;
}
.woocommerce select option {
color: inherit;
background-color: #320a28;
}
.woocommerce select:focus {
outline: none;
}
.woocommerce select::-ms-expand {
display: none;
}
.woocommerce .woocommerce-ordering select {border:none; width:200px}
@media (max-width: 768px) {
.woocommerce-result-count{font-size: 12px;}
.woocommerce .woocommerce-ordering select {font-size: 12px;margin-top:-10px; width:140px}
} .woocommerce div.product .woocommerce-tabs h2{display: none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs::before { display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { border-radius: 0; margin-bottom: 0px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: transparent; color: #222; border-bottom:4px solid #222}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{border-color:#222}
.woocommerce div.product .woocommerce-tabs ul.tabs li { background: transparent; border: 0; } 
.woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; }
.woocommerce table.shop_attributes tr:nth-child(even) td, .woocommerce table.shop_attributes tr:nth-child(even) th { background: none; } .woocommerce #review_form #respond p{margin:10px 10px 10px 0px}
.woocommerce #review_form #respond p.comment-form-cookies-consent,
.woocommerce #review_form #respond p.form-submit{width: 100%;float:left;} .woocommerce-error, .woocommerce-info, .woocommerce-message {
padding: 1em 2em 1em 3.5em;
margin: 0 0 2em;
border-radius: 4px;
position: relative;
background-color: #f7f6f7;
color: #111;
border-top: none;
list-style: none outside;
line-height: 32px;
width: auto;
word-wrap: break-word;
}
.woocommerce .woocommerce-message a.button,
.woocommerce .woocommerce-error a.button,
.woocommerce .woocommerce-info a.button{color:#fff!important}
.woocommerce .woocommerce-message a.button{background: #4CAF50!important;}
.woocommerce-message::before{color: #4CAF50;}
.woocommerce .woocommerce-message {background: #e5fce5}
.woocommerce .woocommerce-error a.button{background: #F44336!important;}
.woocommerce-error::before{color: #F44336;}
.woocommerce .woocommerce-error {background: #FEECEB; color:#D91811}
.woocommerce .woocommerce-info a.button{background: #2296F2!important;}
.woocommerce .woocommerce-info a{color:#1478C8}
.woocommerce-info::before{color: #2296F2;}
.woocommerce .woocommerce-info {background: #E9F5FE;} .woocommerce a.added_to_cart{padding-left: 10px;}
.woocommerce-page #content .text-content a{text-decoration: none;}
.woocommerce span.onsale {background-color: #444;}
.woocommerce div.product .product_meta {font-size: 14px;}
.woocommerce .woocommerce-billing-fields{margin-bottom: 20px;}
.woocommerce .woocommerce-variation-price{margin-bottom: 10px;} .woocommerce ul.products li.product .button {display: none;}
.woocommerce-shop h1{display: none;} .woocommerce nav.woocommerce-pagination ul {text-align: left;width: 100%;border:none}
.woocommerce nav.woocommerce-pagination ul li {border: 1px solid #222;margin-right: 10px;}
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a { float: left; padding: 14px 19px; display: inline-block;} .woocommerce-page.woocommerce-cart .cart-collaterals .cart_totals table,
#order_review table.shop_table{background: #d4d4d4;border:none; padding: 10px;}
.woocommerce-page.woocommerce-cart .cart-collaterals .cart_totals table td,
.woocommerce-page.woocommerce-cart .cart-collaterals .cart_totals table th,
#order_review table.shop_table td,
#order_review table.shop_table th{border-color:#acacac!important;}
@media screen and (min-width: 900px) {
.woocommerce-page .woocommerce-cart-form{
width: 62%; float:left; 
}
.woocommerce-page .cart-collaterals {
width: 36%; float:right; 
}
.woocommerce-page .cart-collaterals .cart_totals {
width: 100%; float:right; margin-top:-55px;padding-bottom: 20vh;
}
} .checkout.woocommerce-checkout .select2-container--default .select2-selection--single{border: 2px solid #ddd; height: 40px;}
.checkout.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 34px;}
.checkout.woocommerce-checkout input[type=text],
.checkout.woocommerce-checkout input[type=number],
.checkout.woocommerce-checkout input[type=tel],
.checkout.woocommerce-checkout input[type=password],
.checkout.woocommerce-checkout input[type=email],
.checkout.woocommerce-checkout input[type=url],
.checkout.woocommerce-checkout .woocommerce-additional-fields textarea,
.woocommerce form .form-row .input-text{border: 2px solid #ddd}
.woocommerce .checkout-button,
.woocommerce .place-order .button{font-size: 18px;font-weight: bold;} .woocommerce form .form-row .input-text, .woocommerce form .form-row select{padding:10px}
.checkout.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 20px;
}
.woocommerce-checkout #payment{
background:#ddd;
}
@media (min-width: 998px){
.woocommerce-checkout .checkout.woocommerce-checkout.col2-set, 
.woocommerce-checkout .col2-set{ width:50%;float:left }
.woocommerce-checkout .checkout.woocommerce-checkout #order_review_heading,
.woocommerce-checkout .checkout.woocommerce-checkout #order_review{width:45%; float:right }  .woocommerce-page .checkout.woocommerce-checkout #order_review{position: sticky;top:150px}
.woocommerce-page .checkout.woocommerce-checkout{float:left; width: 100%;position: relative;}
.woocommerce-cart .woocommerce .col2-set .col-1, 
.woocommerce-cart .woocommerce-page .col2-set .col-1,
.woocommerce-cart .woocommerce .col2-set .col-2, 
.woocommerce-cart .woocommerce-page .col2-set .col-2,
.woocommerce-checkout .woocommerce .col2-set .col-1, 
.woocommerce-checkout .woocommerce-page .col2-set .col-1,
.woocommerce-checkout .woocommerce .col2-set .col-2, 
.woocommerce-checkout .woocommerce-page .col2-set .col-2  {width:100%}
.woocommerce #payment #place_order, 
.woocommerce-page #payment #place_order{width:100%; display:block; padding:20px}
}  @media (max-width: 768px) {
.wp-block-navigation__responsive-container{padding: 20px!important;}
}  .clearfix:after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0;
}
* html .clearfix            { zoom: 1; } *:first-child+html .clearfix { zoom: 1; }html {
scroll-behavior: smooth;
} .header__logo-img, .header__logo_white-img {
width: 200px!important;
height: auto;
} .menu li a {
color: var(--site-text-color);
font-weight: 400!important;
text-transform: uppercase;
}
.menu > li > ul {
background: #2f4b6d!important;
min-width: 250px!important;
}
.menu > li > ul > li a{
color:#fff!important;
font-size: 12px;
}
.header__quick ul li a {
font-weight: 400;
text-transform: uppercase;
font-size: 15px;
} h1, h2, h3 {
font-family: "silva-text", serif;
font-weight: 700; 
} .header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
} .header .header__inner {
position: relative;
display: flex;
align-items: center;
min-height: 80px;
}
.icon-hamburger {
position: absolute;
top: 50% !important;
right: -15px;
z-index: 9999;
display: block;
width: 50px;
height: 50px;
margin: 0;
padding: 0;
border: 0;
background: transparent;
cursor: pointer;
transform: translateY(-50%) !important;
}
.icon-hamburger strong {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.icon-hamburger > span {
position: absolute !important;
left: 50% !important;
display: block !important;
width: 30px !important;
height: 2px !important;
margin: 0 !important;
padding: 0 !important;
background: var(--site-text-color) !important;
border: 0 !important;
border-radius: 2px;
opacity: 1;
transform: translateX(-50%) rotate(0deg) !important;
transform-origin: center center !important;
transition:
top 0.25s ease,
opacity 0.2s ease,
transform 0.25s ease !important;
} .icon-hamburger > span:nth-of-type(1) {
top: 15px !important;
}
.icon-hamburger > span:nth-of-type(2) {
top: 24px !important;
}
.icon-hamburger > span:nth-of-type(3) {
top: 33px !important;
} .menu-open .icon-hamburger > span:nth-of-type(1) {
top: 24px !important;
transform: translateX(-50%) rotate(45deg) !important;
}
.menu-open .icon-hamburger > span:nth-of-type(2) {
top: 24px !important;
opacity: 0 !important;
transform: translateX(-50%) scaleX(0) !important;
}
.menu-open .icon-hamburger > span:nth-of-type(3) {
top: 24px !important;
transform: translateX(-50%) rotate(-45deg) !important;
} .spazio-5{height: 0vh!important;}
.spazio-10{height: 5vh!important;}
@media (max-width: 767px) {
.spazio-5{height: 5vh!important;}
.spazio-10{height: 10vh!important;}
}