/*
Theme Name: SeminiamoContattiMise
Author: AlfaPi - Serena
Description: tema per Seminiamo Contatti
Version:2.0
*/

/* VARIABILI */
:root {
    --font-1: 'Roboto', sans-serif;
    --font-2: 'Nunito', sans-serif;
    --menu-color: #646464;
    --text-color: #0A0A0A;
    --colore-1: #CF2030;
    --colore-2: #363636;
    --colore-3: #245B3F;
    --colore-4: #a8111f;
    --colore-5: #545454;
    --colore-6: #333333;
}

.skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    background: #000;
    color: #fff;
    padding: 8px 16px;
    z-index: 100;
    text-decoration: none;
    transition: top 0.3s;
}

body {
    padding: 0;
    margin: 0;
    color: var(--text-color);
    overflow-x: hidden;
    font-family: var(--font-1);
    font-weight: 400;
    font-size: 1rem;
}

body,
html {
    height: 100%;
    width: 100%;
    position: relative;
    touch-action: pan-y;
}

.bg-color {
    background: var(--colore-1);
}

.bg-color-2 {
    background: #F2F2F2;
}

a,
a:hover {
    color: var(--colore-1);
    text-decoration: none;
}

iframe {
    width: 100%;
    height: 500px;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: var(--font-2);
}

/* 01 - TOP MENU*/
#nav-top {
    background-color: var(--colore-1);
    padding: 0;
}

.menu-rosso ul {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    align-items: center;
}

footer .menu-rosso ul li:last-of-type {
    display: none;
}

.top-menu li {
    margin-right: 15px;
}

.top-menu a,
.top-menu a:hover {
    font-size: 1rem;
    font-weight: 400;
    color: #fff !important;
    font-family: var(--font-1);
}

.top-menu a i {
    font-size: 1.2rem;
}

.top-menu li.ufficio a::before,
.top-menu li.chiama a::before,
.top-menu li.scrivi a::before {
    content: "\f3c5";
    font-family: "Font Awesome 7 Free";
    position: relative;
    font-weight: 900;
    margin-right: 5px;
}

.top-menu li.scrivi a::before {
    content: "\f095";
}

.top-menu li.chiama a::before {
    content: "\f0e0";
}

.top-menu li.bni a {
    font-size: 1.3rem;
    color: #fff !important;
    padding: 5px 15px;
}

.top-menu li.bni a.nav-link:hover,
.top-menu li.bni a.nav-link.active {
    background-color: var(--colore-4);
    text-decoration: none;
}

.top-menu li.bni a::before {
    content: "";
    display: inline-block;
    height: 18px;
    aspect-ratio: 96 / 37;
    background-image: url(images/BNI.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 5px;
    position: relative;
    top: 2px;
}

@media (max-width:991px) {
#nav-top {
 
    padding: 10px 0;
}

    .top-menu li {
        margin-right: 10px;
    }

    .top-menu li.ufficio,
    .top-menu li.chiama,
    .top-menu li.scrivi {
        margin-right: 25px;
    }

    .top-menu li.open-search {
        margin-right: 0;
    }

    .top-menu a,
    .top-menu a:hover {
        position: relative;
        font-size: 0;
    }

    .top-menu a i,
    .top-menu li.bni a {
        font-size: 1rem;
    }

    .top-menu li.bni a::before {
        height: 12px;
        margin-right: 2px;
        top: 0
    }

    .top-menu li:not(.bni) a::before {
        position: absolute;
        font-size: .9rem;
        top: -12px;
    }

    .open-search>.nav-link {
        padding-inline: 0 !important;
        width: 30px !important;
    }
}


@media (max-width:460px) {
    .top-menu li.bni {
        display: none;
    }
}

/* 02 - MAIN MENU */
.bg-light {
    background-color: #fff !important;
}

.navbar {
    z-index: 1000;
}

.navbar-nav {
    position: static;
}

.fixed {
    top: 0 !important;
    left: 0;
    right: 0;
    position: fixed !important;
}

.nav-item {
    margin-right: 25px;
}

.nav-link {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--menu-color);
    font-family: var(--font-2);
}

.nav-link:hover {
    color: var(--colore-1);
    color: rgba(0, 0, 0, .9);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--colore-1);
    text-underline-offset: 8px;
}

.navbar-nav .nav-link.active,
.navbar-nav .show>.nav-link,
.current-menu-item>.nav-link {
    color: rgba(0, 0, 0, .9);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--colore-1);
    text-underline-offset: 8px;
}

.dropdown-menu {
    border: none;
    transition: 0.3s;
    padding: 15px;
}

.dropdown-toggle:after {
    border: none;
    content: "";
    position: relative;
    top: 1px;
    content: "\f078";
    font-family: "Font Awesome 7 Free";
    position: relative;
    font-weight: 900;
    font-size: .9rem;
}

.dropdown-menu .nav-item {
    margin: 0;
    padding: 5px 20px
}

.dropdown-menu .nav-item.bni {
    background-color: var(--colore-1);
}

.dropdown-menu .nav-item.bni:hover,
.dropdown-menu .nav-item.bni.current_page_item {
    background-color: var(--colore-4);
}

.dropdown-menu .nav-item.bni a {
    color: #fff !important;
    font-size: 1.3rem;
}

.dropdown-menu .nav-item.bni a::before {
    content: "";
    display: inline-block;
    height: 21px;
    aspect-ratio: 96 / 37;
    background-image: url(images/BNI.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 5px;
    position: relative;
    top: 2px;
}

.dropdown-item {
    font-size: 1rem;
    font-weight: 700;
    color: var(--menu-color);
    font-family: var(--font-2);
}

.dropdown-item:hover {
    background: transparent;
    color: var(--colore-1);
}

.dropdown:hover>.dropdown-menu {
    display: block;
    border-radius: initial;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 40px #0000001A;
    left: -20px;
    padding: 15px 0 0 0;
}

.dropdown .nav-item:hover:before {
    content: initial;
}

.dropdown-item.active {
    color: var(--colore-1) !important;
    background-color: transparent;
}

@media (max-width:1399px) {
    .navbar-toggler:focus {
        box-shadow: none;
    }

    .navbar-toggler {
        border: none !important;
        border-radius: initial !important;
        overflow: hidden;
        padding-inline: initial !important;
        background-color: transparent !important;
        padding: 10px;
        margin-right: 10px;
    }

    .navbar-toggler span span {
        background-color: var(--colore-1);
        height: 2px;
        margin-bottom: 8px;
        display: block;
        width: 35px;
    }

    .navbar-toggler span span:last-of-type {
        margin-bottom: 0;
    }

    .close-icon {
        position: relative;
        width: 35px;
        height: 35px;
        cursor: pointer;
    }

    .close-icon .line {
        position: absolute;
        top: 17.5px;
        left: 50%;
        width: 100%;
        height: 2px;
        background-color: var(--colore-1);
        transform-origin: center;
    }

    .close-icon .line:first-child {
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .close-icon .line:last-child {
        transform: translate(-50%, -50%) rotate(-45deg);
    }

    .main-menu {
        height: 100vh;
        margin-block: 50px;
    }

    .main-menu .nav-item {
        margin: 0 auto 20px 0;
        text-align: center;
        width: 100%;
        border-radius: initial;
    }

    .main-menu .nav-item .nav-link {
        font-size: 1.75rem;
    }

    .dropdown-menu {
        display: block;
        padding: 0;
    }

    .dropdown-menu .nav-item {
        margin: 10px 0;
    }

    .dropdown-item {
        font-size: 1.2rem;
    }

    .dropdown-menu .nav-item.bni a {
        font-size: 1.2rem;
        color: var(--text-color) !important;
    }

    .dropdown-menu .nav-item.bni:hover,
    .dropdown-menu .nav-item.bni.current_page_item {
        background-color: transparent;
    }

    .dropdown-menu .nav-item.bni a.active {
        color: rgba(0, 0, 0, .9);
        text-decoration: underline;
        text-decoration-thickness: 1px;
        text-decoration-color: var(--colore-1);
        text-underline-offset: 8px;
    }

    .dropdown-toggle:after {
        content: initial;
    }

    .dropdown-menu .nav-item.bni {
        background-color: transparent;
    }

    .dropdown-menu .nav-item.bni a::before {
        background-image: url(images/BNI-rosso-pieno.svg);
    }
}

/* 03 - BREADCRUMB */
.briciole {
    margin: 20px auto 0 auto;
}

.briciole ol {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    padding: 0;
    margin: 0;
}

.briciole li {
    display: inline;
}

.briciole li a {
    color: var(--text-color);
}

.briciole li a:hover {
    color: var(--colore-1);
}

.briciole li a::after {
    content: initial;
}

.briciole li::after {
    content: "|";
    margin: 0 0.25em;
}

.briciole li:last-child {
    color: var(--colore-1);
}

.briciole li:last-child::after {
    content: "";
    margin: 0;
}

/* 04 - SLIDER*/
.carousel-item {
    cursor: pointer;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background: var(--colore-1);
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    text-align: center;
}

.carousel-control-prev-icon i,
.carousel-control-next-icon i {
    font-size: 1.75rem;
    line-height: 3rem;
}

@media (max-width:1024px) {
    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        display: none;
    }
}

/* testimonianze */
.carousel-item.testimonianze img {
    object-fit: cover;
    object-position: center center;
    margin: 0 auto;
}

@media (max-width: 1024px) {
    .carousel-item.testimonianze img.fondo {
        height: 400px !important;
    }
}

.carousel-item.testimonianze .box-caption {
    background: #F2F2F2;
    color: var(--text-color);
    padding: 25px 0;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin-top: 25px;
}

.carousel-item.testimonianze .box-img img {
    border-radius: 50%;
    width: 84px;
    height: 84px;
}

.carousel-item.testimonianze .box-img img {
    border-radius: 50%;
    width: 84px;
    height: 84px;
}

.carousel-item.testimonianze a {
    font-weight: 700;
}

.carousel-item.testimonianze a span {
    padding-bottom: 25px;
}

.carousel-caption {
    top: 0;
}

.carousel-caption .box h3 {
    font-weight: 700;
    font-size: 1.5rem;
}

.carousel-caption .box h3 a {
    color: var(--text-color);
}

.carousel-caption .box h3 a:hover {
    text-decoration: underline;
}

.carousel-caption .box p {
    background: #F2F2F2;
    color: var(--text-color);
    padding: 0 25px 0 25px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.carousel-control-prev-icon.testimonianze,
.carousel-control-next-icon.testimonianze {
    color: var(--colore-1);
    font-size: 3rem;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    line-height: 4rem;
    text-align: center;
    background: transparent;
}

.carousel-control-prev.page,
.carousel-control-next.page {
    top: 0;
}

.carousel-control-prev.page span,
.carousel-control-next.page span {
    color: #003b8a;
    width: 50px;
    border-radius: 50%;
    font-size: 2rem;
}

.img-testimonianze {
    margin-right: 10px;
    border-radius: 50%;
    width: 84px;
    height: 84px;
    object-fit: cover;
    margin-left: 27px;
}

@media (max-width:1024px) {
    .carousel-item.testimonianze .carousel-caption {
        right: 5%;
        left: 5%;
    }

    .carousel-item.testimonianze .box-caption {
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        height: 260px;
    }
}

.box-testimonianze .top-row img {
    height: 80px;
    object-fit: cover;
    width: 80px;
}

.box-testimonianze h2 a {
    font-family: var(--font-2);
    color: var(--colore-2);
    font-size: 1.5rem;
    font-weight: 400;
    left: 10px;
    position: relative;
}

.box-testimonianze h2 a:hover {
    color: var(--colore-1);
}

.box-testimonianze h2 a::before {
    content: "\f111";
    font-family: "Font Awesome 7 Free";
    position: relative;
    font-weight: 900;
    color: var(--colore-1);
    font-size: 0.7rem;
    top: -5px;
    left: -10px;
}

.box-testimonianze .text-content {
    flex: 1;
}

.box-testimonianze .more a {
    color: var(--colore-1);
    text-transform: lowercase;
    font-weight: 700;
    font-family: var(--font-2);
}

/* 05 - INTESTAZIONI BOX */
h2.header-box a {
    color: #0a0a0a;
    font-weight: 200;
    font-size: 1.25em;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--colore-1);
    text-underline-offset: 8px;
}

.sfumato-hp.container-fluid {
    border-bottom: 20px solid var(--colore-1);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(207, 32, 48, 0.2)), url(images/BNI-rosso.svg);
    background-repeat: no-repeat, no-repeat;
    background-position: center, 4% 12%;
    background-size: cover, 12%;
    background-blend-mode: normal, normal;
}

.box-home.container-fluid {
    max-width: 1920px;
    margin: 0 auto;
}

.box-home img {
    border-radius: 3px;
}

.box-home h2 {
    margin-bottom: 50px;
}

.box-home h2 a {
    color: var(--text-color);
    font-size: 1.25em;
    font-weight: 200;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--colore-1);
    text-underline-offset: 8px;
}

.box-home h3 {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0;
    padding: 0 0 0 8px;
}

.box-home h3::before {
    content: "\f111";
    font-family: "Font Awesome 7 Free";
    position: relative;
    font-weight: 900;
    color: var(--colore-1);
    font-size: 0.7rem;
    top: -4px;
    left: -10px;
}

.box-home h4 {
    font-size: 1.3rem;
    font-weight: 700;
    margin: 0 0 25px 20px;
    color: var(--colore-1);
}

.box-home p {
    margin-left: 15px;
}

.box-home span.more {
    width: 100%;
    float: right;
    text-align: right;
    margin-top: 15px;
}

.box-home span.more a {
    color: var(--colore-1);
    text-decoration: none;
    font-weight: 700;
    font-size: 1rem;
    font-family: var(--font-2);
}

.box-home span.more a:after {
    content: "\f054";
    font-family: "Font Awesome 7 Free";
    position: relative;
    font-size: 0.75rem;
    font-weight: 900;
    color: var(--colore-1);
    margin-left: 5px;
}

.box-home span.more a:hover:after {
    -webkit-transform: translateX(25px);
}

.box-home.container-fluid span.more a {
    color: var(--colore-2);
    border: 2px solid var(--colore-1);
    background-color: #fff;
    border-radius: 6px;
    padding-inline: 26px;
}

.box-home.container-fluid span.more a:after {
    content: initial;
}

@media (max-width:400px) {
    .sfumato-hp.container-fluid {
        background-position: center, 4% 65%;
        background-size: cover, 40%;
    }
}

@media (min-width:401px) and (max-width:540px) {
    .sfumato-hp.container-fluid {
        background-position: center, 4% 60%;
        background-size: cover, 35%;
    }
}

@media (min-width:541px) and (max-width:767px) {
    .sfumato-hp.container-fluid {
        background-position: center, 4% 60%;
        background-size: cover, 35%;
    }
}

@media (min-width:768px) and (max-width:960px) {
    .sfumato-hp.container-fluid {
        background-size: cover, 25%;
    }
}

/* 06 - BOX CORE VALUES */
.container-core-values {
    background-color: var(--colore-1);
    font-size: .95rem;
    font-family: var(--font-2);
}

.container-core-values .col {
    border: 1px solid #DF5864;
    color: #fff;
    padding: 0 25px;
}

.container-core-values .col.intro {
    background-color: #F8F8F8;
    color: #000;
    border-top: none;
}

.container-core-values .col.intro h2 {
    font-size: 2.1rem;
    color: var(--colore-1);
    font-weight: 400;
    margin-bottom: 25px;
}

.container-core-values .col.intro h2::before {
    content: "\f054";
    font-family: "Font Awesome 7 Free";
    position: relative;
    font-weight: 900;
    margin-right: 20px;
    font-size: 1.6rem;
}

.container-core-values .col h3 {
    font-size: 1.75rem;
    font-weight: 400;
    margin-block: 0 15px;
}

@media (max-width:575px) {
    .container-core-values img {
        display: none;
    }
}

/* 07 - BOX NEWS */
.box-news img {
    border-radius: 5px;
}

.box-news h3 {
    margin: 0 0 10px 0;
    display: inline-flex;
}

.box-news h3::before {
    content: "\f111";
    font-family: "Font Awesome 7 Free";
    position: relative;
    font-weight: 900;
    color: var(--colore-1);
    font-size: 0.8rem;
    top: 3px;
}

.box-news h3 a {
    color: var(--text-color);
    font-size: 1.5rem;
    font-weight: 400;
    padding: 0 0 0 10px;
}

.box-news h3 a:hover {
    color: var(--colore-1);
}

.box-news .more a:after {
    content: "\f054";
    font-family: "Font Awesome 7 Free";
    position: relative;
    font-size: 0.75rem;
    font-weight: 900;
    color: var(--colore-1);
    margin-left: 5px;
}

.more-blog {
    font-family: var(--font-2);
    font-weight: 700;
}

/* meta info autore, data, tempo di lettura */
.autore img {
    border-radius: 50%;
    margin-right: 5px;
}

.meta-info {
    font-size: 0.8rem;
}

.meta-info span::after {
    content: "\f068" "\f068";
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    color: var(--colore-1);
    margin-inline: 5px;
}

.meta-info span:last-of-type::after {
    content: initial;
}

/* 08 - CATEGORIE BLOG */
.filtro-categorie ul {
    display: inline-flex;
    list-style: none;
    margin: 0 auto;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
    justify-content: center;
    column-gap: 26px;
    row-gap: 10px;
}

.filtro-categorie ul li {
    margin: 0;
}

.filtro-categorie ul li a {
    color: #5D5D5D;
    margin: 25px 15px;
    background: transparent;
    border: none;
}

.filtro-categorie ul li a.selected {
    border: none;
    border-bottom: 1px solid var(--colore-1);
    border-radius: initial;
    padding: 0;
    outline: initial;
}

/* 09 - CONTENUTI*/
h1 {
    font-size: 2.5rem;
    font-weight: 700;
    display: inline-flex;
    left: -15px;
    position: relative;
    margin-block: 25px;
}

h1::before {
    content: "\f111";
    font-family: "Font Awesome 7 Free";
    position: relative;
    font-weight: 900;
    color: var(--colore-1);
    font-size: 0.8rem;
    top: 15px;
    left: -15px;
}

h2 {
    color: var(--colore-3);
    font-weight: 700;
    font-size: 1.75rem;
    margin-bottom: 15px;
    margin-top: 35px;
}

h3 {
    font-size: 1.3rem;
    padding-top: 15px;
    font-weight: 700;
    font-family: var(--font-1);
    padding-bottom: 10px;
}

.has-background {
    background-color: #eee !important;
    border-top: 2px solid var(--colore-1) !important;
    color: initial !important;
    line-height: 2.1rem;
    font-size: 1.1rem !important;
    margin: 50px 0;
}

.wp-block-button__link.has-background {
    background-color: var(--colore-1) !important;
    color: #fff !important;
}

.wtr-time-wrap {
    color: var(--colore-1) !important;
    font-size: 16px;
    text-transform: uppercase;
    font-size: 0.8rem !important;
    margin: 25px 0 !important;
    font-weight: 700 !important;
}

.wtr-time-wrap:before {
    content: "tempo di lettura: ";
    color: var(--text-color);
    font-weight: 700;
}

.contenuto .meta-info .trattino:after {
    content: "\f068" "\f068";
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    color: var(--colore-1);
    margin: 5px;
    letter-spacing: -1px;
}

.contenuto p {
    margin-left: 25px;
}

.contenuto p.has-medium-font-size {
    font-family: var(--font-2);
    font-size: 1.75rem !important;
    line-height: 2rem;
    margin-bottom: 50px;
    color: var(--colore-3);
}

.contenuto p.has-large-font-size {
    color: var(--colore-3);
}

.contenuto.contatti p {
    text-indent: initial;
}

.contenuto p a {
    color: var(--colore-1);
    font-weight: 700;
    text-decoration: underline;
}

.contenuto p a:hover {
    text-decoration: underline;
}

.contenuto ul li {
    margin-bottom: 15px;
    list-style-type: none;
    counter-increment: list;
    position: relative;
    list-style-position: inside;
    left: 55px;
}

@media (max-width:1024px) {
    .contenuto ul li {
        left: 0;
    }
}

.contenuto ul li:before {
    content: "";
    position: absolute;
    left: -25px;
    width: 10px;
    text-align: center;
    background-color: var(--colore-1);
    font-weight: 700;
    color: #fff;
    border-radius: 50%;
    height: 10px;
    padding-top: 0;
    top: 6px;
}

.contenuto .share-social {
    text-transform: uppercase;
    margin: 25px 0 50px 0;
    position: initial;
    bottom: 0;
    padding: 0;
    text-align: center;
}

.contenuto .share-social span:first-of-type {
    color: rgba(0, 0, 0, 1);
}

.contenuto .share-social span {
    color: rgba(207, 32, 48, 0.5);
    cursor: pointer;
    margin-right: 25px;
}

.contenuto .share-social span:hover {
    color: rgba(207, 32, 48, 1);
}

.contenuto .share-social span:first-of-type:hover {
    color: rgba(0, 0, 0, 1);
}

.wp-block-image figcaption {
    margin-top: .5em;
    margin-bottom: 1em;
    font-style: italic;
    text-align: center;
}

.wp-block-image figcaption:before,
.wp-block-image figcaption:after,
.wp-block-embed-youtube figcaption:before,
.wp-block-embed-youtube figcaption:after {
    content: "\f068" "\f068" "\f068" "\f068";
    font-family: "Font Awesome 7 Free";
    position: relative;
    bottom: 2px;
    font-size: 0.50em;
    font-weight: 900;
    color: var(--colore-1);
    width: 50px;
    margin-right: 5px;
    letter-spacing: -1px;
}

.wp-block-image figcaption:after,
.wp-block-embed-youtube figcaption:after {
    margin-left: 5px;
}

.wp-block-image img {
    max-width: 100%;
    height: auto;
}

.commenti .header-1-commento {
    font-size: 1.25rem;
    font-weight: 700;
    text-indent: initial;
    margin: 0;
}

.commenti .header-2-commento {
    font-size: 0.9rem;
    font-weight: 400;
    color: #5D5D5D;
    text-indent: initial;
    margin-left: 0;
}

.commenti .form-submit {
    margin-right: 15px;
    text-align: right;
}

.btn-commento {
    color: var(--colore-1) !important;
    text-transform: lowercase !important;
    background-color: #fff !important;
    border: 2px solid var(--colore-1) !important;
    font-size: 1.25em;
    padding: 5px 25px;
    border-radius: 5px;
    font-family: var(--font-2);
}

.btn-commento:hover {
    color: #fff !important;
    background-color: var(--colore-1) !important;
}

.comment-respond .label {
    font-weight: 700;
    margin-bottom: 15px;
    display: block;
}

.comment-respond .form-control {
    border: 1px solid var(--colore-1);
    border-radius: initial;
    margin-bottom: 25px;
}

.single-comment {
    margin-bottom: 25px;
}

.single-comment .content {
    background-color: #F2F2F2;
    border-radius: 15px;
    border-top-left-radius: initial;
    padding: 25px;
}

.single-comment .data-autore {
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 1rem;
}

.single-comment p {
    text-indent: initial;
}

.single-comment .reply {
    text-align: right;
    margin-top: 15px;
}

.single-comment .reply a {
    text-transform: lowercase;
    font-size: 1.15rem;
    letter-spacing: 1px;
}

/* 10 - BLOCKQUOTE*/

blockquote {
    position: relative;
    margin: 25px 0 25px 25px;
    padding: 0;
    background-image: url(images/virgolette.svg);
    background-repeat: no-repeat;
    background-position: left center;
    min-height: 72px;
    display: flex;
    align-items: center;
}

blockquote p {
    color: #8a8a8a;
    font-size: 1.1rem;
    line-height: 2.1rem;
    font-style: italic;
    width: 90%;
    margin-left: 10% !important;
}

@media (max-width:1024px) {
    blockquote {
        background-position: left top;
        background-size: 10% 10%;
    }

    blockquote p {
        width: 75%;
        margin-left: 15% !important;
    }
}

.wp-block-verse {
    background-color: #eee !important;
    border-top: 2px solid var(--colore-1) !important;
    color: initial !important;
    font-size: 0.8rem !important;
    margin: 50px 0;
    padding: 25px;
    font-family: var(--font-1);
    overflow: unset;
    white-space: pre-wrap;
}

/* 11 - INDICE*/

#ez-toc-container {
    width: 100%;
    background: #fff;
    padding: 5px 25px;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 5px 50px 0px rgb(115 115 115 / 25%), 0px 0 0px 0px rgb(255 255 255);
    -moz-box-shadow: 0 5px 50px 0px rgb(115 115 115 / 25%), 0px 0 0px 0px rgb(255 255 255);
    -o-box-shadow: 0 5px 50px 0px rgb(115 115 115 / 25%), 0px 0 0px 0px rgb(255 255 255);
    box-shadow: 0 5px 50px 0px rgb(115 115 115 / 25%), 0px 0 0px 0px rgb(255 255 255);
    border-radius: 5px;
    margin-bottom: 50px;
    margin-top: 50px;
    border: none !important;
}

/* 12 - RICERCA (form) */
.open-search {
    text-align: center;
    display: flex;
    align-items: center;
}

.open-search>.nav-link {
    display: block;
    padding-inline: 10px;
    width: 40px;
}

.overlay {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: rgb(226 30 50 / 95%);
}

.overlay-content {
    position: relative;
    top: calc(50% - 70px);
    width: 80%;
    margin: auto;
    left: 20%;
}

.overlay .close-search {
    position: absolute;
    top: 100px;
    right: 45px;
    font-size: 60px;
    cursor: pointer;
    color: #fff;
    z-index: +999;
}

.overlay input[type=text] {
    padding: 10px 15px;
    font-size: 5rem;
    border: none;
    float: left;
    width: 50%;
    border-radius: initial;
    background-color: transparent;
    color: #fff !important;
    font-family: var(--font-1);
    text-align: center;
}

.overlay input[type=text]::placeholder {
    color: #fff;
    opacity: 1;
}

.overlay input[type=text]::-ms-input-placeholder {
    color: #fff;
}

.search-result {
    list-style: none;

}

.search-result>li {
    padding: 50px 0;
    border-bottom: 1px solid var(--colore-3);
}

/* 13 - BOX NEWSLETTER*/
.newsletter {
    background-image: url(images/Newsletter_Foto.webp);
    height: 300px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: 2px solid #fff;
}

.newsletter .btn-newsletter {
    position: relative;
    top: 125px;
    background-color: #fff;
    color: var(--colore-1);
    font-weight: 700;
    font-family: var(--font-2);
}

@media (max-width:768px) {
    .newsletter {
        height: 200px;
    }

    .newsletter .btn-newsletter {
        top: 90px;
    }
}

/* 14 - EVENTI */
.box-eventi {
    border: 2px solid #e9e9e9;
    border-radius: 14px;
    margin: 40px auto;
    max-width: 1400px;
}

.box-eventi img {
    object-fit: cover;
    height: 100%;
    border-radius: 12px 0px 0px 12px;
    width: 100%;
}

.box-eventi img.capitolo {
    width: 100%;
    height: auto;
    object-fit: contain;
    min-height: auto;
    margin-bottom: 20px;
}

.box-eventi h3 a {
    font-weight: 700;
    color: var(--colore-3);
}

.box-eventi h3 a.bni {
    color: var(--colore-1);
}

.box-eventi .info {
    padding-block: 20px;
}

.box-eventi .meta-info {
    border-left: 1px solid #eee;
}

.box-eventi .meta-info ul {
    list-style-type: none;
    margin: 0;
    padding: 20px 0;
    font-size: 1rem;
}

.box-eventi .meta-info ul li {
    margin-bottom: 10px;
    display: flex;
}

.box-eventi .meta-info ul li i {
    color: var(--colore-1);
    margin-right: 10px;
    margin-top: 3px;
}

.box-eventi .meta-info ul li.map a {
    color: var(--colore-1);
    display: flex;
    position: relative;
    bottom: 15px;
}

.box-eventi .meta-info ul li a {
    color: #fff;
    padding: 10px;
    border-radius: 25px;
    text-transform: uppercase;
    font-size: .8rem;
    font-weight: 700;
    padding-block: 10px;
    padding-inline: 30px;
}

.box-eventi .meta-info ul li a.bni {
    background-color: var(--colore-1);
}

.box-eventi .meta-info ul li a.capitolo {
    background-color: var(--colore-3);
}

.box-eventi p.has-medium-font-size {
    font-family: var(--font-2);
    font-size: 1.75rem !important;
    line-height: 2rem;
    margin-bottom: 50px;
    color: var(--colore-3);
}

.box-eventi h1 {
    font-weight: 700;
}

.box-eventi h1::before {
    content: "\f111";
    color: var(--colore-1);
    font-family: "Font Awesome 7 Free";
    position: relative;
    font-size: 0.8rem;
    font-weight: 900;
    margin-right: 15px;
    bottom: 9px;
}

.box-eventi h3 i {
    color: #cbc7c7;
    font-size: 1.25rem;
}

.header-dettaglio-evento {
    background: rgb(124, 19, 28);
    background: linear-gradient(90deg, rgba(124, 19, 28, 1) 0%, rgba(207, 32, 48, 1) 25%, rgba(207, 32, 48, 1) 75%, rgba(124, 19, 28, 1) 100%);
    padding: 25px;
}

.wpc-filter-title {
    margin-bottom: 0 !important;
    font-weight: 700;
    text-transform: uppercase;
}

.wpc-filters-section:not(.wpc-filter-more-less):not(.wpc-filter-post_meta_num):not(.wpc-filter-tax_numeric):not(.wpc-filter-layout-dropdown) .wpc-filter-content:not(.wpc-filter-has-hierarchy) ul.wpc-filters-ul-list {
    display: flex;
}

.wpc-filters-main-wrap li.wpc-term-item a {
    color: #000;
}

.wpc-filter-content select {
    border: none;
    padding: 5px;
}

.wpc-search-icon,
.wpc-search-field-wrapper a.wpc-search-clear-icon {
    bottom: 20px !important;
}

@media (min-width:640px) {
    .wpc-filter-header {
        float: left;
    }

    body .wpc-filters-main-wrap .wpc-term-item-content-wrapper {
        margin-left: 20px;
        bottom: 4px;
    }
}

.wpc-filter-layout-search-field>.wpc-filter-header>.widget-title.wpc-filter-title {
    display: none;
}

.mese-anno {
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 700;
    color: #313131;
    border-bottom: 4px solid #ebebeb;
    width: 100%;
    display: block;
    padding-bottom: 10px;
    position: relative;
}

.mese-anno::before {
    border-bottom: 4px solid var(--colore-1);
    font-size: 6px;
    content: '';
    text-align: center;
    position: absolute;
    bottom: -4px;
    margin-left: -30px;
    left: 50%;
    width: 60px;
}

.box-eventi .logo {
    background-size: 20% auto;
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 5%;
}

.wpcf7-list-item-label {
    float: left;
    width: calc(100% - 23px);
}

.wpcf7-list-item input[type=checkbox] {
    float: left;
    margin-right: 10px;
    margin-top: 4px;
}

/* 15 - CAPITOLO CARD */
.container.capitoli {
    margin-block: 60px;
}

.container.capitoli h2 {
    color: var(--colore-1);
    font-size: 3rem;
}

.container.capitoli p {
    font-size: 1rem;
    color: #5D5D5D;
    padding-block: 10px;
}

.container.capitolo {
    margin-block: 60px;
}

.box-capitolo {
    box-shadow: 0px 3px 35px #0000001A;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
    font-family: var(--font-2);
    display: flex;
    flex-direction: column;
    padding-bottom: 15px;
}

.box-capitolo i {
    color: var(--colore-1);
    margin-right: 5px;
}

.box-capitolo .nome {
    background-color: var(--colore-1);
    color: #fff;
    border-radius: 10px;
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 100%;
    padding-block: 14px;
}

.box-capitolo .nome span:first-of-type {
    font-size: 1.5rem;
}

.box-capitolo .nome span:last-of-type::before {
    content: "";
    display: inline-block;
    height: 21px;
    aspect-ratio: 96 / 37;
    background-image: url(images/BNI.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 5px;
    position: relative;
    top: 2px;
}

.box-capitolo .info {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.box-capitolo .info span {
    border: 2px solid #D3D3D3;
    border-radius: 6px;
    padding: 4px 15px;
    font-size: 1.1rem;
    color: #646464;
    font-weight: 700;
    text-transform: lowercase;
    flex: 1;
    text-align: center;
}

.box-capitolo .indirizzo span:first-of-type {
    display: inline-flex;
    width: 100%;
}

.box-capitolo .indirizzo span:first-of-type p,
.box-capitolo .indirizzo span:first-of-type a {
    font-size: 1.1rem;
    color: #646464;
    font-weight: 700;
    font-style: normal;
    padding-top: 0;
}

.box-capitolo .indirizzo span:first-of-type a:hover {
    color: var(--colore-1);
}

.box-capitolo .indirizzo span:first-of-type i {
    font-size: 1.5rem;
}

.box-capitolo .indirizzo span:last-of-type {
    font-size: 1rem;
    color: #646464;
    font-style: italic;
    padding-left: 33px;
    width: 100%;

    display: inline-flex;
}

.box-capitolo .riferimento span:first-of-type {
    color: #8F8F8F;
    font-weight: 700;
}

.box-capitolo .riferimento span:last-of-type span:first-of-type {
    color: #2F2F2F;
    font-size: 1.2rem;
    font-weight: 700;
}

.box-capitolo .riferimento span:last-of-type span:last-of-type {
    background-color: var(--colore-1);
    border: 1px solid var(--colore-1);
    border-radius: 6px;
}

.box-capitolo .riferimento span:last-of-type span:last-of-type a,
.box-capitolo .riferimento span:last-of-type span:last-of-type a i {
    font-weight: 700;
    color: #fff;
    font-size: 1rem;
}

.box-capitolo .testo {
    font-family: var(--font-1);
    color: #5D5D5D;
    font-size: 1rem;
    margin-block: 40px;
}

.box-capitolo .url a {
    font-size: 1.2rem;
    font-weight: 700;
}

@media (max-width:1024px) {
    .box-capitolo .info {
        gap: .4rem;
    }

    .box-capitolo .info span {
        font-size: 1rem;
        padding: 0 10px;
    }

    .box-capitolo .riferimento span:first-of-type {
        display: block;
    }

    .box-capitolo .info span {
        padding-block: 5px;
    }

    .box-capitolo .info span i {
        display: block;
        margin: auto;
    }

    .box-capitolo .riferimento span:last-of-type span:last-of-type a,
    .box-capitolo .riferimento span:last-of-type span:last-of-type a i {
        font-size: 1rem;
        margin-top: 15px;
    }

    .box-capitolo .indirizzo span:first-of-type i {
        font-size: 1.25rem;
        margin-top: 5px;
    }
}

/* 15 - FOOTER */

.footer {
    color: #fff;
    font-size: 0.9rem;
    padding-block: 50px 0;
    background-color: var(--colore-1);
}

.footer a {
    color: #fff;
}

.footer ul {
    list-style: none;
    margin-bottom: 50px;
    padding: 0;
}

.footer ul li {
    margin-bottom: 10px;
}

.footer ul li:last-of-type {
    margin-bottom: 0;
}

.footer ul.social {
    display: flex;
    margin-block: 15px 0;
}

.footer ul.social li {
    margin-right: 20px;
}

.footer ul.social li a {
    font-size: 1.5rem;
}

.footer ul.social li:last-of-type {
    margin-right: 0;
}

@media (max-width:767px) {
    footer ul.social {

        justify-content: center;
    }
}

/* 16 - ALLINEAMENTO IMG */

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

.aligncenter {
    float: none;
}

.wp-caption-text {
    background-color: #b8bbcc;
    text-align: center;
    padding: 5px 0;
    font-size: 0.8rem;
    width: 100% !important;
    color: #fff;
}

/* 17 - FORM*/
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
textarea,
input[type="date"] {
    border: 1px solid var(--colore-1);
    padding: 10px 15px;
    width: 100%;
    background-color: #fff;
    font-family: var(--font-1);
    margin-bottom: 20px;
    border-radius: unset !important;
}

textarea {
    height: 125px !important;
    border: 1px solid var(--colore-1) !important;
    resize: none;
    background-color: #fff !important;
    border-radius: unset !important;
    font-family: var(--font-1);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
textarea:focus {
    border-color: var(--colore-1);
    box-shadow: none !important;
    background-color: #fff !important;
    color: var(--text-color) !important;
}

.search-box:focus {
    background: #fff !important;
    border: none !important;
}

button[type="submit"],
input[type="submit"] {
    background-color: transparent;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    padding: 5px 1.5rem;
    display: inline-block;
    line-height: normal;
    font-size: 1rem;
    text-transform: uppercase;
    text-align: center;
    -webkit-border-radius: 36px;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    border: 1px solid transparent;
    background: var(--colore-1);
    color: #fff;
    font-weight: 700;
}

.moduloDisabled {
    border: none !important;
    color: var(--colore-1);
    cursor: not-allowed;
    background-color: transparent !important;
    font-weight: 700;
    padding: 0 !important;
    width: 100%;
    height: initial !important;
    font-size: initial !important;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.wpcf7-not-valid-tip {
    position: relative;
    bottom: 20px;
}

/* 18 - SHARE SOCIAL*/
.share-social span:first-of-type {
    color: rgba(0, 0, 0, 1);
}

.share-social span {
    color: rgba(207, 32, 48, 0.5);
    cursor: pointer;
    margin-right: 25px;
}

.share-social span:hover {
    color: rgba(207, 32, 48, 1);
}

.share-social span:hover:first-of-type {
    color: rgba(0, 0, 0, 1);
}

@media (max-width:1024px) {
    .share-social {
        text-align: center;
        position: initial;
    }

    .share-social span:first-of-type {
        width: 100% !important;
        display: block;
        text-align: center;
        padding-bottom: 15px;
    }

    .share-social span a i {
        font-size: 2rem;
        color: rgba(207, 32, 48, 1);
    }
}


/*  19 - BACKTOP BUTTON */
.scrollToTop {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    line-height: 33px;
    font-size: 33px;
    position: fixed;
    z-index: 1000;
    bottom: 16px;
    right: 40px;
    display: none;
    background: #fff;
    border: 3px solid var(--colore-1);
    color: var(--colore-1);
}

.scrollToTop i {
    top: 0;
    position: relative;
    right: 3.5px;
}

.scrollToTop:hover,
.scrollToTop:focus {
    color: var(--colore-1);
}

.anim {
    -webkit-transform: translateY(-5px);
}

/* 20 - AUTORE */
.saboxplugin-wrap {
    background: #fff;
    padding: 5px 25px;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 5px 50px 0px rgb(115 115 115 / 25%), 0px 0 0px 0px rgb(255 255 255);
    -moz-box-shadow: 0 5px 50px 0px rgb(115 115 115 / 25%), 0px 0 0px 0px rgb(255 255 255);
    -o-box-shadow: 0 5px 50px 0px rgb(115 115 115 / 25%), 0px 0 0px 0px rgb(255 255 255);
    box-shadow: 0 5px 50px 0px rgb(115 115 115 / 25%), 0px 0 0px 0px rgb(255 255 255);
    border-radius: 5px;
    margin-bottom: 50px;
    margin-top: 50px;
    border: none !important;
}

.saboxplugin-wrap .saboxplugin-authorname {
    font-weight: 700;
}

.saboxplugin-wrap .saboxplugin-web a {
    color: var(--text-color) !important;
}


/* DA VERIFICARE - SERENA 31 LUGLIO 2025* */

/* BLOCCO FILE (download) */
.download-red a {
    background-color: var(--colore-1) !important;
    color: #fff !important;
    font-size: 1rem !important;
    font-size: .9rem !important;
    font-weight: 700;
}

.download-black a {
    background-color: #000 !important;
    color: #fff !important;
    font-size: 1rem !important;
    font-size: .9rem !important;
    font-weight: 700;
}

.download-grey a {
    background-color: #cac8c8 !important;
    color: #000 !important;
    font-size: 1rem !important;
    font-size: .9rem !important;
    font-weight: 700;
}

/* GALLERIA GUTY */
.wp-block-gallery.has-nested-images figure.wp-block-image img {
    width: fit-content !important;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    width: auto;
    display: grid;
}

.wp-block-gallery.has-nested-images figure.wp-block-image {
    flex-grow: unset;
    margin: 0 auto !important;
    align-items: center;
    width: auto !important;
}

.caledonian {
    background-color: #de1b85 !important;
    width: fit-content;
    border-radius: initial;
    font-size: 28px !important;
    text-transform: uppercase;
    -webkit-border-radius: 36px;
    border-radius: 50px;
    border-radius: 4.25rem;
    padding: 0.9em 2.375em !important;
}

.caledonian a,
.caledonian a:hover {
    text-decoration: none !important;
    color: #fff !important;
    font-weight: 400 !important;
}

@media only screen and (max-width:980px) {
    .caledonian {
        font-size: 22px !important;
    }
}

@media only screen and (min-width:981px) {
    .caledonian {
        margin: 50px auto !important;
    }
}

.box-img-testo a.link {
    left: 25px;
    border: 2px solid #fff;
    font-size: 1.25em;
    padding: 5px 25px;
    border-radius: 5px;
    font-family: var(--font-2);
    position: relative;
    background-color: var(--colore-1);
    color: #fff;
}

.box-img-testo a.link:hover {
    border: 2px solid var(--colore-1);
    font-size: 1.25em;
    background-color: #fff;
    color: #CF2030
}

/* 22 - BOX REGION */
.region-full {
    background: linear-gradient(56deg, rgba(141, 21, 37, 1) 0%, rgba(207, 32, 48, 1) 100%);
    border-radius: 37px;
    color: #fff;
    font-weight: 400;
}

.region-full .bg-milano,
.region-full .bg-roma {
    background-image: url('images/Duomo_BG.svg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 40px;
}

.region-full .bg-roma {
    background-image: url('images/Colosseo_BG.svg');
}

.region {
    background: linear-gradient(56deg, rgba(141, 21, 37, 1) 0%, rgba(207, 32, 48, 1) 100%);
    border-radius: 37px;
    color: #fff;
    font-weight: 400;
    position: relative;
    overflow: hidden;
}

.region::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: 0;
    opacity: 0.8;
    pointer-events: none;
}

.region.bg-roma::before {
    background: url(images/Colosseo_BG.svg) center/contain no-repeat;
}

.region.bg-milano::before {
    background: url(images/Duomo_BG.svg) center/contain no-repeat;
}

.region>* {
    position: relative;
    z-index: 1;
}

.region-full h2,
.region h2 {
    color: #fff;
    font-size: 3.5rem;
    margin-top: 0;
    text-align: center;
    font-weight: 400;
}

.region-full h2 span,
.region h2 span {
    text-decoration-color: #ffc107 !important;
}

.region-full h3,
.region h3 {
    color: #fff;
    font-size: 1.2rem;
    margin-block: 0;
    padding-block: 0 40px;
    text-align: center;
    font-weight: 400;
}

.region-full h4,
.region h4 {
    font-size: 2.75rem;
    margin-block: 20px;
}

.region-full h5,
.region h5 {
    font-size: 2.125rem;
    margin-block: 60px 10px;
    font-weight: 700;
}

.region-full p,
.region p {
    font-size: 1.4rem;
    margin-bottom: 20px;
    margin-left: 0;
    border-left: 1px solid #fff;
    padding-inline: 40px;
}

.region-full .testo p,
.region .testo p {
    font-size: 1.125rem;
    margin-bottom: 20px;
    margin-left: 0;
    border-left: none;
    padding-inline: 0;
    text-align: center;
}

.region p.uacf7-buttons {
    border-left: initial;
    padding-inline: 0;
    margin-bottom: 60px;
}

.region-full .uacf7-step.step-content button.uacf7-prev,
.region-full .uacf7-step.step-content button.uacf7-next,
.region .uacf7-step.step-content button.uacf7-prev,
.region .uacf7-step.step-content button.uacf7-next {
    float: right !important;
    border: 2px solid #FFFFFF;
    border-radius: 31px;
    background: transparent;
    font-size: 1.375rem;
    font-family: var(--font-2);
    font-weight: 400;
    color: #fff;
    padding: 0px 30px;
}

.region-full .uacf7-step.step-content button.uacf7-prev,
.region .uacf7-step.step-content button.uacf7-prev {
    float: left !important;
}

.region-full ul,
.region ul {
    display: inline-flex;
    padding: 20px 0;
}

.region-full ul li,
.region ul li {
    left: initial;
}

.region-full ul li::before,
.region ul li::before {
    content: initial;
}

.region-full ul li span,
.region ul li span {
    text-align: center;
    display: block;
}

region-full ul li span:first-of-type,
.region ul li span:first-of-type {
    font-size: 1.8rem;
    font-weight: 700;
}

.region-full ul li span:last-of-type,
.region ul li span:last-of-type {
    font-size: 1.125rem;
}

.region-full .btn-cta-milano,
.region-full .btn-cta-roma,
.region .btn-cta-milano,
.region .btn-cta-roma {
    background-color: #fff;
    padding: 0.5rem 2rem;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease;
    border-radius: 31px;
    letter-spacing: 0.39px;
    color: #681033;
    font-size: 1.375rem;
    font-weight: 700;
    width: fit-content;
    cursor: pointer;
    font-family: var(--font-2);
    margin: 0 auto 40px auto;
}

.region-full .btn-cta-milano.small,
.region-full .btn-cta-roma.small,
.region .btn-cta-milano.small,
.region .btn-cta-roma.small {
    font-size: 1rem;
}

.region-full .wpcf7-submit,
.region .wpcf7-submit {
    font-size: .9rem;
    padding-inline: 16px;
}

.region-full .btn-cta-milano::before,
.region-full .btn-cta-roma::before,
.region .btn-cta-milano::before,
.region .btn-cta-roma::before {
    content: "";
    position: absolute;
    top: -6px;
    left: -6px;
    right: -6px;
    bottom: -6px;
    border: 2px solid white;
    z-index: -1;
    border-radius: 31px;
}

.region-full input,
.region input {
    border-radius: 10px !important;
    font-family: var(--font-2);
}

.region-full .cta-milano,
.region-full .cta-roma,
.region .cta-milano,
.region .cta-roma {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s ease;
}

.region-full .cta-milano.attivo,
.region-full .cta-roma.attivo,
.region .cta-milano.attivo,
.region .cta-roma.attivo {
    opacity: 1;
    max-height: 1000px;
}

.region-full .wpcf7-not-valid-tip,
.region .wpcf7-not-valid-tip {
    color: #fff;
}

.region-full .privacy .wpcf7-list-item-label,
.region .privacy .wpcf7-list-item-label {
    font-size: .8rem;
}

.region-full .privacy .wpcf7-list-item-label a,
.region .privacy .wpcf7-list-item-label a {
    color: #fff;
}

.region-full span.nome-region,
.region span.nome-region {
    font-weight: 700;
    font-size: 1rem;
    line-height: 110%;
    font-family: Arial;
    border-left: 1px solid #fff;
    display: flex;
    padding-inline: 20px;
}

@media (max-width:480px) {
    .region h2,
    .region-full h2 {
        font-size: 2.5rem;
    }

    .region h4,
    .region-full h4 {
        font-size: 2.25rem;
    }

    .region-full p,
    .region p {
        font-size: 1.125rem;
        padding-inline: 40px 0;
    }

    .region-full ul li span:first-of-type,
    .region ul li span:first-of-type {
        font-size: 1.2rem;
    }

    .region-full ul li span:last-of-type,
    .region ul li span:last-of-type {
        font-size: .9rem;
    }

    .region-full .btn-cta-milano,
    .region-full .btn-cta-roma,
    .region .btn-cta-milano,
    .region .btn-cta-roma {
        padding: 0.5rem 1.25rem;
        font-size: 1.2rem;
    }
}


@media (max-width:991px) {
    .region::before {
        height: 50%;
        width: 90%;
        left: 5%;
    }

    .region.bg-roma::before {
        background: url(images/Colosseo_BG.svg) center/cover no-repeat;
    }

    .region.bg-milano::before {
        background: url(images/Duomo_BG.svg) center/cover no-repeat;
    }
}

/* 23 - GALLERIA PAGINE */
.gallery {
    margin: 100px 0;
    background-color: var(--colore-1);
    padding: 35px;
    margin: 50px auto;
}

.gallery img {
    max-width: 100%;
}

.gallery .didascalia {
    font-size: 1rem;
    margin: 15px 0;
    width: 100%;
    color: #fff;
    font-size: 1rem;
}

.gallery .didascalia:after {
    content: initial !important;
}

@media (max-width:767px) {
    .gallery {
        padding: 15px;
    }
}

.wp-block-embed figcaption {
    text-align: center;
}


/* 24- LIGHTBOX */
.lb-data .lb-details {
    width: calc(100% - 30px);
    text-align: center;
}

/* BOX FAQ */
.accordion {
    border: none;
    border-radius: 55px;
    background-color: #fff;
    color: var(--text-color);
    margin-bottom: 30px;
}

h2.faq {
    font-size: 2.5rem;
    color: var(--colore-1);
    margin-block: 120px 20px;
}

.accordion-item {
    border-radius: 10px;
    margin-bottom: 2cqh;
}

.accordion-header {
    padding: 15px 0;
    cursor: pointer;
    font-weight: 400;
    background-color: #F1F1F1;
    border: none;
    margin-block: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.accordion-button {
    background: transparent !important;
    box-shadow: none !important;
    font-size: 1.6rem;
    padding-block: 0;
    color: var(--text-color) !important;
}

.accordion-button::after {
    background-image: none;
    content: "\f078";
    font-family: "Font Awesome 7 Free";
    position: absolute;
    right: 25px;
    font-weight: 900;
}

.accordion-button:not(.collapsed)::after {
    background-image: none;
}

.accordion-body {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

@media (max-width:420px) {
    h2.faq {
        font-size: 2rem;
    }

    .accordion-button {
        font-size: 1.4rem;
    }
}