@charset "UTF-8";

:root {
--primary-1: #22333B;
--secondary-1: #C20004;
--neutral-1: #F2F4F3;
--neutral-2: #E0E0E0;
--arrow-1: #878787;
--calendar: #a8927d;
--figura: #c89031;
--famiglie: #a83266;
--scuole: #98a941;
--stagione: #981e2d;
--prosa: #3f326b;
--h-header: 50px;
}
::-moz-selection {
color: white;
background: var(--arrow-1);
}
::selection {
color: white;
background: var(--arrow-1);
}
.bg-figura {
background-color: var(--figura) !important;
}
.bg-famiglie {
background-color: var(--famiglie) !important;
}
.bg-scuole {
background-color: var(--scuole) !important;
}
.bg-stagione {
background-color: var(--stagione) !important;
}
.bg-prosa {
background-color: var(--prosa) !important;
}
#form-eventi ::-moz-placeholder {
color: black !important;
opacity: 1;
}
#form-eventi ::placeholder {
color: black !important;
opacity: 1;
}
#form-eventi ::-ms-input-placeholder {
color: black !important;
}
#form-eventi ::-ms-input-placeholder {
color: black !important;
}
.color-primary-1 {
color: var(--primary-1) !important;
}
.color-secondary-1 {
color: var(--secondary-1) !important;
}
.color-neutral-1 {
color: var(--neutral-1) !important;
}
.color-neutral-2 {
color: var(--neutral-2) !important;
}
.color-black {
color: black !important;
}
.color-white {
color: white !important;
}
.color-arrow-1 {
color: var(--arrow-1) !important;
}
.color-palebrown {
color: var(--calendar) !important;
}
.bg-primary-1 {
background-color: var(--primary-1) !important;
}
.bg-secondary-1 {
background-color: var(--secondary-1) !important;
}
.bg-neutral-1 {
background-color: var(--neutral-1) !important;
}
.bg-neutral-2 {
background-color: var(--neutral-2) !important;
}
.bg-black {
background-color: black !important;
}
.bg-white {
background-color: white !important;
}
.bg-arrow-1 {
background-color: var(--arrow-1) !important;
}
.bg-palebrown {
background-color: var(--calendar) !important;
}
.border-color-primary-1 {
border-color: var(--primary-1) !important;
}
.border-color-secondary-1 {
border-color: var(--secondary-1) !important;
}
.border-color-neutral-1 {
border-color: var(--neutral-1) !important;
}
.border-color-neutral-2 {
border-color: var(--neutral-2) !important;
}
.dark .menu-item:hover > .menu-link {
color: white;
}
.font-primary {
font-family: "Lato", sans-serif !important;
}
.font-secondary {
font-family: "Lora", sans-serif !important;
}
.text-align {
text-align: center;
}
.upper-case {
text-transform: uppercase;
}
.hide-object {
display: none;
}
.line-clamp {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.line-clamp-2 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.scroll-margin-top {
scroll-margin-top: calc(var(--h-header) + 2.5em);
}
.text-justify {
text-align: justify;
}
.overflow-y-hidden {
overflow-y: hidden;
}
.divider.divider-xl {
width: 99%;
}
.disable-select {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.page-item.active .page-link {
background-color: var(--secondary-1) !important;
}
.page-link {
color: black !important;
}
.page-link:hover, .page-link:focus {
background-color: var(--secondary-1) !important;
}
*, html {
scroll-behavior: smooth !important;
}
body {
min-width: 360px;
}
h1, h2, h3, h4, h5, h6 {
letter-spacing: 0px;
font-weight: 400;
font-family: "Lora", sans-serif;
}
h5 {
font-size: 15px !important;
}
h6 {
font-size: 14px !important;
}
.font-10 {
font-size: 10px;
}
.font-12 {
font-size: 12px !important;
}
.font-14 {
font-size: 14px !important;
}
p, span, a, label, div {
font-family: "Lato", sans-serif;
}
.button-custom-1 {
letter-spacing: 0px;
font-weight: 400;
text-transform: unset;
padding: 12px 35px;
background-color: var(--primary-1);
}
.button-custom-3 {
letter-spacing: 0px;
font-weight: 400;
height: 30px;
text-transform: unset;
padding: 12px 25px;
background-color: var(--primary-1);
}
.button-custom-3:hover {
color: white;
background-color: var(--arrow-1) !important;
}
.button-custom-4 {
color: black;
letter-spacing: 0px;
font-weight: 400;
height: 30px;
text-transform: unset;
padding: 12px 25px;
background-color: var(--neutral-1) !important;
}
.button-custom-4:hover {
color: white;
background-color: var(--arrow-1) !important;
}
.button-custom-white {
background: white;
color: var(--primary-1);
background-color: var(--primary-1);
}
.button-custom-dark {
background: var(--primary-1);
color: white;
}
.button-custom-red {
background-color: var(--secondary-1);
transition: all 0.3s ease-in-out;
}
.button-custom-red:hover {
background-color: #760002;
transition: all 0.3s ease-in-out;
}
.button-custom-red:disabled {
background-color: rgba(194, 0, 4, 0.2117647059) !important;
}
.icon-line2-arrow-right {
transition: all 0.2s ease-in-out;
}
.icon-line2-arrow-right:hover {
transition: all 0.2s ease-in-out;
color: var(--primary-1) !important;
transform: scale(1.3) !important;
}
#content p {
line-height: 1.7;
margin-bottom: 15px;
}
.icon-bar-width {
width: 70px;
height: 70px;
}
.titolo-su-slide {
top: 40%;
}
.header-wrap-clone {
background: var(--secondary-1);
height: 74px !important;
}
.owl-carousel .owl-dots .owl-dot {
background-color: var(--secondary-1) !important;
}
.owl-carousel .owl-nav [class*=owl-]:hover {
background-color: var(--secondary-1) !important;
}
.wpcf7-form.sent .wpcf7-response-output {
color: #4F8A10;
background-color: #DFF2BF;
border: 0;
padding: 10px;
}
.wpcf7-form.sent .wpcf7-response-output:before {
content: "\e92b";
}
.wpcf7-form.invalid .wpcf7-response-output {
color: #D8000C;
background-color: #FFBABA;
border: 0;
padding: 10px;
}
.wpcf7-form.invalid .wpcf7-response-output:before {
content: "\ea11";
}
.wpcf7-form.spam .wpcf7-response-output {
color: #856404;
background-color: #fff3cd;
border: 0;
padding: 10px;
}
.wpcf7-form.spam .wpcf7-response-output:before {
content: "\e904";
}
.wpcf7-form .wpcf7-response-output:before {
font: 26px/30px lined-icons;
margin-right: 16px;
vertical-align: middle;
}
#logo, .menu-container {
border-right: 0px !important;
}
.logo-solares {
height: 42px !important;
}
.navbar {
background-color: rgb(194, 0, 4) !important;
color: white;
transition: all 0.3s ease-in;
}
.navbar-toggler {
border: 0px;
box-shadow: none !important;
}
.nav-link {
color: white !important;
font-size: 16px;
}
.nav-link:hover {
color: rgb(194, 0, 4) !important;
}
.nav-item {
list-style-type: none;
}
.navbar-nav {
margin-right: 0px;
}
.border-r-white {
border-right: solid 1px white;
}
.menu-link {
padding-top: 15px !important;
padding-bottom: 15px !important;
border-bottom: 0px !important;
line-height: 5px;
}
.sub-menu-wp {
background-color: white !important;
border: 1px solid var(--neutral-2) !important;
}
.sub-menu .sub-menu-container {
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.sub-menu .sub-menu-container .menu-link {
color: var(--arrow-1) !important;
background-color: white !important;
}
.sub-menu .sub-menu-container .menu-link:hover {
background-color: var(--neutral-1) !important;
}
.menu-item .sub-menu-trigger {
top: 2px;
}
.sub-menu .sub-menu-container .menu-link {
background-color: var(--secondary-1) !important;
color: white !important;
}
.sub-menu .sub-menu-container .menu-link:hover {
margin-left: 5px !important;
transition: all 1s;
color: var(--arrow-1) !important;
font-weight: normal !important;
}
.top-links {
border-bottom: 0px;
}
#top-search-form {
height: 50px;
}
.search-highlight-excerpt {
text-transform: uppercase !important;
}
.slider-caption h1, .slider-caption h2, .slider-caption p {
font-weight: 400;
}
.slider-caption h1, .slider-caption h2 {
margin-bottom: 20px;
}
.slider-caption p {
font-family: "Lora", sans-serif;
margin-top: 0px;
font-size: 1.4rem;
margin-bottom: 30px;
}
.slider-caption .button-custom-1 {
background: white;
color: var(--primary-1);
}
.no-text-uppercase {
text-transform: none !important;
}
.slide-veil {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: black;
}
.center-slide {
background-size: cover;
padding: 120px 0 120px 0 !important;
margin-left: -250px;
}
.center-slide-text {
margin-left: 240px;
}
.veil-slider {
height: 100%;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
.container-round {
width: 100px;
height: 100px;
border: 1px solid grey;
border-radius: 50%;
}
.divider {
margin: 0;
padding: 10px;
right: 3px;
}
.divider:after {
background-color: grey;
}
.mission p {
font-size: large;
}
.mission-button {
font-size: large;
}
.box-element span {
font-weight: 300;
}
#cards-luoghi .owl-dots {
padding-bottom: 30px;
}
.card img {
aspect-ratio: 4/3;
-o-object-fit: cover;
object-fit: cover;
}
.content-cards {
padding-top: 0px;
}
.card-body a {
padding: 5px 25px;
}
.fit-image {
aspect-ratio: 4/3;
-o-object-fit: cover;
object-fit: cover;
}
.fit-card-eventi-image {
aspect-ratio: 4/3;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.fit-title {
height: 2.4em;
line-height: 1.1;
overflow: hidden;
}
.fit-title-4 {
height: 4.5em;
line-height: 1.5;
overflow: hidden;
}
.fit-title-big {
height: 4em;
line-height: 1.1;
overflow: hidden;
}
.fit-title-responsive {
height: 2.4em;
line-height: 1.1;
overflow: hidden;
}
.fit-title-h5 {
height: 3em;
line-height: 1.5;
overflow: hidden;
}
.custom-select {
position: relative;
min-width: 150px;
}
.custom-select select {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
width: 100%;
font-size: 14px;
padding: 5px 10px 5px 10px;
background-color: #FFFFFF;
border: 0px solid #C4D1EB;
border-bottom: 1px solid black;
color: #000000;
cursor: pointer;
outline: none;
}
.custom-select select:focus {
background: #FFFFFF;
}
.custom-select::after {
content: "";
position: absolute;
pointer-events: none;
top: 50%;
right: 10px;
transform: translate(0, -50%);
width: 12px;
height: 12px;
background-color: #000000;
clip-path: polygon(8% 17%, 0% 25%, 50% 84%, 100% 25%, 92% 17%, 50% 65%);
}
.next-year {
background-color: rgb(219, 228, 235) !important;
}
.dark-box-link h5 {
letter-spacing: 0.5px;
}
.calendar-icon-hover {
transition: all 0.2s ease-in-out;
}
.calendar-icon-hover:hover {
transition: all 0.2s ease-in-out;
transform: scale(1.1);
}
.image-hover-zoom-in {
overflow: hidden;
}
.image-hover-zoom-in img {
transform-origin: 50% 65%;
transition: transform 1s, filter 1.3s ease-in-out;
filter: brightness(150%);
}
.image-hover-zoom-in img:hover {
filter: brightness(100%);
transform: scale(1.1);
}
.datepicker .today {
color: #000;
background-color: var(--neutral-2);
border-radius: 10px;
}
.dropdown-menu {
padding: 0.5rem;
}
.box-appuntamenti .card-body h5 {
font-weight: bold;
}
.box-appuntamenti .card-body h5 span {
text-transform: none;
color: black;
font-weight: 500;
}
.date-text {
text-transform: uppercase;
}
.month-text {
font-size: 10px;
}
.image-hover-zoom-in-no-bright {
overflow: hidden;
}
.image-hover-zoom-in-no-bright img {
transform-origin: 50% 65%;
transition: transform 1s, filter 1.3s ease-in-out;
}
.image-hover-zoom-in-no-bright img:hover {
transform: scale(1.1);
}
#singola-attivita h1, #singola-attivita h2 {
font-size: 16px;
font-weight: 600;
font-family: "Lato", sans-serif;
margin-bottom: 16px;
margin-bottom: 4px;
}
#singola-attivita a {
color: var(--secondary-1) !important;
border-bottom: 1px solid #F2F4F3;
transition: all 0.3s ease-in-out;
}
#singola-attivita a:hover {
border-bottom: 1px solid var(--secondary-1);
transition: all 0.3s ease-in-out;
}
#singola-attivita .has-vivid-red-background-color a {
color: white !important;
}
#singola-attivita .has-vivid-red-background-color a:hover {
border-bottom: 1px solid white;
transition: all 0.3s ease-in-out;
}
.box-iniziative h4 {
line-height: normal;
}
.box-iniziative h5, .box-iniziative h6 {
text-align: center;
line-height: normal;
}
.divider {
right: 0px;
padding: 0px 0px 20px 0px;
color: rgb(195, 195, 195);
}
.divider::after {
margin-left: 0px;
background-color: rgb(215, 215, 215) !important;
}
.black-veil {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
transition: all 1s ease-out;
}
.black-veil:hover {
background: rgba(0, 0, 0, 0);
transition: all 1s ease-out;
}
.logo-yuotube {
width: 32px;
}
.logo-instagram {
width: 35px;
}
#check-box-footer {
width: 25px;
height: 25px;
background-color: var(--primary-1) !important;
border: 2px solid rgb(168, 168, 168);
box-shadow: none;
margin-left: -9px !important;
}
.box-contact-form {
line-height: normal;
}
.form-check-label {
text-transform: none;
letter-spacing: 0px;
font-size: 10px;
font-weight: 100;
margin-bottom: 0px;
}
.send-button-contact-form {
border-radius: 0px !important;
border-color: var(--arrow-1) !important;
font-size: 10px;
}
.ajax-loader {
margin: 0px !important;
width: 7px !important;
}
form#contact-form-footer .form-check-label {
text-transform: none;
letter-spacing: 0px;
font-size: 10px;
font-weight: 100;
margin-bottom: 0px;
}
form#contact-form-footer .form-check, form#contact-form-footer .form-control {
border-radius: 0px;
}
#form-textarea .wpcf7-form-control-wrap {
width: 100%;
}
#form-textarea .wpcf7-form-control-wrap textarea {
width: 100%;
}
.modal-dialog-centered {
justify-content: center;
}
.modal-content {
width: auto;
}
textarea {
resize: none;
border: 1px solid lightgrey;
width: 236px;
}
.wpcf7-spinner {
display: none !important;
}
#content-calendario a {
color: var(--secondary-1);
border-bottom: 1px solid white;
transition: all 0.2s ease-in-out;
}
#content-calendario a:hover {
border-bottom: 1px solid var(--secondary-1);
transition: all 0.2s ease-in-out;
}
.breadcrumb-calendario a {
color: var(--secondary-1);
border-bottom: 1px solid white;
transition: all 0.2s ease-in-out;
}
.breadcrumb-calendario a:hover {
border-bottom: 1px solid var(--secondary-1);
transition: all 0.2s ease-in-out;
}
.image-container {
position: relative;
display: inline-block;
}
.image-container img {
display: block;
width: 100%;
height: auto;
}
.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
color: white;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
transition: opacity 0.3s ease;
cursor: pointer;
}
.image-container:hover .overlay {
opacity: 1;
}
.text {
font-size: 20px;
text-align: center;
}
.immagine-selezionata::after {
content: "•";
position: absolute;
bottom: -20px;
left: 50%;
transform: translateX(-50%);
color: var(--secondary-1);
}
.testo-contatti h4 {
font-weight: bold;
}
.testo-contatti ul {
list-style-type: none;
}
.testo-contatti ul li {
line-height: 15px;
}
.testo-contatti ul li a {
text-decoration: none;
border-bottom: 1px solid transparent;
transition: all ease-in-out 0.4s;
text-transform: none !important;
font-family: "Lato", sans-serif !important;
font-size: 16px;
font-weight: normal;
letter-spacing: 0px;
transition: all 0.25s ease-in !important;
}
.testo-contatti ul li a:visited {
color: white !important;
}
.testo-contatti ul li a:hover {
color: red;
border-color: white;
transition: all 0.25s ease-in !important;
background-color: var(--bg-secondary-1) !important;
}
.logo-footer {
width: 150px;
}
#footer-logo {
width: 136px;
height: auto;
}
.text-mission {
color: black;
}
.mission-left-image {
width: 200px;
height: 200px;
-o-object-fit: cover;
object-fit: cover;
}
.mission-right-image {
width: 200px;
height: 85px;
-o-object-fit: cover;
object-fit: cover;
}
.black-reverse-veil {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0);
transition: all 1s ease-out;
}
.black-reverse-veil .hidden-text {
color: rgba(0, 0, 0, 0);
visibility: hidden;
transition: all 1s ease-out;
}
.black-reverse-veil:hover {
background: rgba(0, 0, 0, 0.7);
transition: all 1s ease-out;
}
.black-reverse-veil:hover .hidden-text {
visibility: visible;
color: white;
}
.campo-filtro {
width: 200px;
height: 40px;
border-radius: 0;
font-size: 12px;
border: 0px;
}
.width-appuntamento {
width: 240px;
}
.width-immagine {
width: 300px;
}
#mini-divider {
display: none;
}
#singola-attivita a.text-white-red-box {
color: white !important;
}
#singola-attivita a.text-white-red-box:hover {
border-bottom: 1px solid white !important;
}
#comunicati a {
color: var(--secondary-1) !important;
border-bottom: 1px solid white;
transition: all 0.3s ease-in-out;
}
#comunicati a:hover {
border-bottom: 1px solid var(--secondary-1);
transition: all 0.3s ease-in-out;
}
#comunicati p {
text-align: justify;
}
#button-rassegne {
width: 65px;
padding: 0px 10px;
}
.checkbox-comunicati {
width: 11px;
height: 11px;
font-size: 9px;
}
.text-comunicati {
font-size: 9px;
}
#prossimi-appuntamenti .owl-carousel .owl-nav .owl-next, #prossimi-spettacoli .owl-carousel .owl-nav .owl-next {
margin-right: 20px;
}
#prossimi-appuntamenti .owl-carousel .owl-nav .owl-prev, #prossimi-spettacoli .owl-carousel .owl-nav .owl-prev {
margin-left: 20px;
}
.mini-immagine-appuntamenti {
aspect-ratio: 4/3;
-o-object-fit: cover;
object-fit: cover;
width: 300px;
}
#singolo-post-content a {
color: var(--secondary-1);
transition: all 0.3s ease-out;
border-bottom: 1px solid transparent;
}
#singolo-post-content a:hover {
border-bottom: 1px solid var(--secondary-1);
transition: all 0.3s ease-out;
}
.shape-divider[data-position=bottom] {
transform: rotate(0deg);
transform: scale(1, -1);
}
.visible {
display: flex;
}
.mini-flag {
width: 35px;
height: 25px;
margin: 0 5px;
}
#cards-arte .owl-nav .owl-prev {
margin-left: 20px;
}
#cards-arte .owl-nav .owl-next {
margin-right: 20px;
}
.loghi-teatro {
width: 200px;
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
#singolo-appuntamento h1, #singolo-appuntamento h2, #singolo-appuntamento h3, #singolo-appuntamento h4, #singolo-appuntamento h5, #singolo-appuntamento h6, #singolo-appuntamento p, #singolo-artista h1, #singolo-artista h2, #singolo-artista h3, #singolo-artista h4, #singolo-artista h5, #singolo-artista h6, #singolo-artista p, #page-link h1, #page-link h2, #page-link h3, #page-link h4, #page-link h5, #page-link h6, #page-link p, #singolo-slide h1, #singolo-slide h2, #singolo-slide h3, #singolo-slide h4, #singolo-slide h5, #singolo-slide h6, #singolo-slide p, #nessun-evento h1, #nessun-evento h2, #nessun-evento h3, #nessun-evento h4, #nessun-evento h5, #nessun-evento h6, #nessun-evento p {
font-family: "Lato", sans-serif !important;
}
#singolo-appuntamento p, #singolo-artista p, #page-link p, #singolo-slide p, #nessun-evento p {
font-size: 1.2rem;
}
#singolo-appuntamento p :not(.wp-block-button) a, #singolo-artista p :not(.wp-block-button) a, #page-link p :not(.wp-block-button) a, #singolo-slide p :not(.wp-block-button) a, #nessun-evento p :not(.wp-block-button) a {
color: var(--secondary-1);
transition: all 0.3s ease-out;
border-bottom: 1px solid transparent;
}
#singolo-appuntamento p :not(.wp-block-button) a, #singolo-artista p :not(.wp-block-button) a, #page-link p :not(.wp-block-button) a, #singolo-slide p :not(.wp-block-button) a, #nessun-evento p :not(.wp-block-button) a {
border-bottom: 1px solid var(--secondary-1);
transition: all 0.3s ease-out;
}
#singolo-appuntamento .wp-block-button a {
margin-bottom: 1rem;
transition: all 0.3s ease-out;
}
#singolo-appuntamento .wp-block-button a:hover {
color: white;
filter: brightness(1.1);
}
#singolo-appuntamento .wp-block-column {
justify-content: start !important;
text-align: left !important;
}
#galleria-immagini-appuntamenti a, #galleria-immagini-artista a {
color: unset;
border-bottom: none;
}
#galleria-immagini-appuntamenti a:hover, #galleria-immagini-artista a:hover {
border-bottom: none;
}
#singolo-appuntamento h3, #singolo-appuntamento h4, #singolo-artista h3, #singolo-artista h4 {
margin-top: 15px !important;
margin-bottom: 4px !important;
}
#singolo-appuntamento h4, #singolo-artista h4 {
font-size: 22px;
}
#singolo-appuntamento .wp-block-columns, #singolo-artista .wp-block-columns {
margin-bottom: 0px !important;
}
#singolo-appuntamento .wp-block-column, #singolo-artista .wp-block-column {
text-align: center !important;
display: flex;
justify-content: center;
}
.fix-image-centered {
-o-object-fit: cover !important;
object-fit: cover !important;
height: 350px !important;
}
#singolo-appuntamento .wp-block-button a {
color: none;
}
#amministrazione a, #contatti a {
color: var(--secondary-1);
transition: all 0.3s ease-out;
border-bottom: 1px solid white;
}
#amministrazione a:hover, #contatti a:hover {
border-bottom: 1px solid var(--secondary-1);
transition: all 0.3s ease-out;
}
.artisti-titolo {
font-size: 48px;
}
.bg-una-fondazione {
background: rgb(232, 60, 73);
background: linear-gradient(90deg, rgb(232, 60, 73) 0%, rgb(244, 153, 70) 33%, rgb(26, 157, 217) 66%, rgb(211, 185, 0) 100%);
min-height: 1000px;
}
.bg-collezione-fondazione {
background: rgb(26, 157, 217);
background: linear-gradient(90deg, rgb(26, 157, 217) 0%, rgb(244, 153, 70) 33%, rgb(26, 157, 217) 66%, rgb(232, 60, 73) 100%);
min-height: 1000px;
}
#una-fondazione-grande h1, #una-fondazione-grande h3 {
color: white;
}
.altezza-cognome-artista {
height: 3em;
}
.nome-cognome-artista {
font-size: 16px;
line-height: 1.1;
overflow: hidden;
}
.hover-white-white {
color: white;
transition: all 0.2s ease-in-out;
}
.hover-white-white:hover {
color: var(--secondary-1);
background: white;
transition: all 0.2s ease-in-out;
}
.hover-dark-red {
color: #212529;
transition: all 0.2s ease-in-out;
border: 1px solid #dee2e6;
}
.hover-dark-red:hover {
color: var(--secondary-1);
background: white;
transition: all 0.2s ease-in-out;
border: 1px solid var(--secondary-1);
}
.hover-white-red {
color: white;
transition: all 0.2s ease-in-out;
}
.hover-white-red:hover {
color: var(--secondary-1);
transition: all 0.2s ease-in-out;
}
.hover-red-white {
color: var(--secondary-1);
border-bottom: 1px solid white;
transition: all 0.2s ease-in-out;
cursor: pointer;
}
.hover-red-white:hover {
color: var(--secondary-1);
border-bottom: 1px solid var(--secondary-1);
transition: all 0.2s ease-in-out;
}
#single-collezione p {
margin-bottom: 4px;
font-size: 19.2px;
}
#single-collezione .section {
margin: unset;
padding: unset;
background-color: unset;
}
.width-immagine-collezione {
width: 100%;
}
.text-ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#page-404 .button:hover {
background-color: #444 !important;
}
#cookie-policy a, #privacy-policy a {
color: var(--secondary-1) !important;
border-bottom: 1px solid white;
transition: all 0.3s ease-in-out;
}
#cookie-policy a:hover, #privacy-policy a:hover {
border-bottom: 1px solid var(--secondary-1);
transition: all 0.3s ease-in-out;
}
.sender-form-field {
padding-top: 20px;
padding-bottom: 15px;
}