/*=====HEADER==TOP BAR====*/
.header-main {
    position: fixed;
    z-index: 105;
    top: 0rem;
    width: 100%;
    box-shadow: 0 .1875rem .4375rem rgba(0, 0, 0, .1);
    background:#fff;
    font-family: Poppins, sans-serif;
}
.content-nav {
    display: flex;
    width: 72.5rem;
    max-width: 100%;
    margin: 0 auto;
}
.burger-paragraph {
    font-family: Poppins, sans-serif;
}
.primary-button, .suite-button {
    padding: 0.625rem 1.25rem;
    border-radius: 0rem;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05rem;
    border:0.125rem solid var(--primary-color);
    text-decoration: none;
    color:var(--text-main);
    transition: .1s ease;
    background: transparent;
}
.primary-button:hover {
    background: var(--primary-color); 
}
.suite-button {
    background: #c2b97f;
    border: none;
}
.suite-button:hover  {
    background:#97855f;
}
.book-online {
    background:#6BB470;
     padding: 0.625rem 1.25rem;
    border-radius: 0rem;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05rem;
    text-decoration: none;
    color:#fff;
    transition: .1s ease;
}
.book-online:hover {
background:#447848;
}
.col-4.logo-container {
    text-align: center;
}
.content-nav .col-4 {
    align-self: center;
}
.col-4.cta-info {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.language-switcher {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}
.language-switcher img {
    display: block;
    width: 24px;
    height: auto;
}
#nav-toggle {
    cursor: pointer;
    position: relative;
    border: none;
}
.right-menu-button {
    display: flex;
    align-items: center;
    gap: .625rem;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
}
.burger-icon {
    position: relative;
    display: block;
    width: 1.625rem;
    height: 0.155rem;
    background: #596b5c;
    border-radius: 0.0625rem;
    transition: all 500ms ease-in-out;
}
.burger-icon:before, 
.burger-icon:after {
    content: '';
    position: absolute;
    left: 0;
    width: 1.625rem;
    height: 0.155rem;
    background: #596b5c;
    border-radius: 0.0625rem;
    transition: all 500ms ease-in-out;
}
.burger-icon:before { top: -0.4375rem; }
.burger-icon:after { bottom: -0.4375rem; }
.burger-paragraph {
    margin: 0;
    font-weight: 500;
    color: #596b5c;
    font-size: 1rem;
}
.right-menu-button.active .burger-icon {
    background: transparent;
}
.right-menu-button.active .burger-icon:before {
    transform: rotate(45deg);
    top: 0;
}
.right-menu-button.active .burger-icon:after {
    transform: rotate(-45deg);
    bottom: 0;
}
.nav-menu {
    position: fixed;
    left: -100%; 
    width: 100%; 
    height: 100%; 
    top: 4.8rem;
    z-index: 99999;
    transition: transform .5s ease-in-out;
    margin-right: 0;
    float: none;
    box-shadow: none; 
    background: linear-gradient(rgba(0, 0, 0,.6), rgba(0, 0, 0, 0)),url(../img/itinerari/soggiornare-in-un-castello-veneto.jpg) no-repeat center center / cover;
    
}
.nav-menu.wide {
    transform: translateX(100%);
}
.nav ul {
    margin-top: 3.125rem;
    list-style: none;
}
.menu-colonna ul a {
    font-size: 1.375rem;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    transition: color 0.3s ease;
    margin-bottom: 0.9375rem;
}
.book-now a {
    border: 0.0625rem solid #fff;
    padding: 0.625rem 2.1875rem;
}
.book-now.full-li a {
    padding: 0.625rem 4.6875rem;
}
.book-now.full-li.custom-padding a {
    padding: 0.625rem 1.9375rem;
}
.book-now a:hover {
    border: 0.0625rem solid var(--primary-color);
    color: var(--primary-color);
}
.menu-colonna .logo-colum-sx a {
    font-size: 1.0625rem;
    margin-bottom: 0rem;
}
.menu-colonna ul li a:hover,.menu-colonna ul li.current_page_item a {
    color:var(--primary-color);
}
.logo-colum-sx {
    font-family: Poppins, sans-serif;
    margin-top: 2.5rem;
}
form.search-form label {
    display: flex;
    justify-content: center;
}
form.search-form input.search-field::placeholder {
    color: #fff;
    opacity: 1;
}
form.search-form input.search-submit {
    padding: 0.4rem 7.0rem;
    border-radius: 0rem;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .125rem;
    background: var(--primary-color);
    text-decoration: none;
    color: var(--text-main);
    border: navajowhite;
    margin-top: .2375rem;
}
/* Contenitore principale delle 3 colonne */
.menu-columns-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.875rem;
    width: 90%;
    margin: 0 auto;
    padding-top: 3.125rem;
}
/* Le singole colonne */
.menu-colonna {
    flex: 1;
    min-width: 15.625rem;
    font-family: Playfair Display, serif;
    text-align: center;
}
.menu-colonna ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu-colonna ul.nav li {
    margin-bottom: 1.25rem;
}
.search-box {
    margin-top: 3.75rem;
}
/*=====S SIZE-ONE======*/
.slide-section {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-top: 0;
    padding-top: 0;
}
/* H1 in posizione assoluta in alto a sinistra */
.title-slide {
    position: absolute;
    top: 5.625rem;
    left: 1.875rem;
    z-index: 10;
    margin: 0;
    color: #e9dfdf;
    font-size: .875rem;
    font-weight: 400;
}
.title-page-slide {
    color: #e9dfdf;
    font-size: .875rem;
    font-weight: 400;
}
.box-breadcramps {
    position: absolute;
    top: 5.625rem;
    left: 1.25rem;
    z-index: 9;
}
.style-breadcrumpsrow p,.style-breadcrumpsrow p.breadcrumbs a {
  font-size: 0.8125rem;
  margin-bottom: 0.25rem;
  color:#000;
}
.standard-bredcrumps {
  padding-top: 5.55rem;
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.standard-bredcrumps {
color:#e3dede;
}
/* Fai in modo che lo slider occupi tutti i 40.625rem della section */
.hero-slider,
.splide__track,
.splide__list,
.splide__slide {
    height: 46.875rem;
    width: 100%;
}
.splide__list .splide__slide {
    display: flex;
    align-items: center;
}
/* Le frecce al centro (Garantito) */
.splide__arrow {
    position: absolute;
    top: 50%; 
    transform: translateY(-50%);
    z-index: 5;
    background: rgba(255, 255, 255, 0.7); 
}

/* Distanza delle singole frecce dai bordi */
.splide__arrow--prev {
    left: 1.25rem;
}

.splide__arrow--next {
    right: 1.25rem;
}
.content-fluid {
    padding: 0 1.625rem;
    width: 100%;
}
.inside_slide {
    box-sizing: border-box;
    position: relative;
    text-align: center;
}
.style-h2 {
    color: #fff;
    font-size: 3.4375rem;
    font-weight: 400;
    font-family: "Playfair Display", serif;
}
.style-h3 {
    color: #fff;
    font-size: 1.25rem;
    font-weight: 300;
}
.inside_slide a {
    margin-top: 1.0625rem;
    display: inline-block;
}
/*=====E SIZE-ONE====*/
/*=====S SIZE-TWO======*/
.size-two {
    padding-top: 0;
}
.size-two .content .col-10 {
    margin: 0 auto;
    float: none;
    text-align: center;
}
.title {
    color: var(--text-color);
    font-size: 2.5rem;
    margin-bottom: 0.625rem;
    line-height: 2.8125rem;
    font-weight: 800;;
}
.subtitle {
    text-transform: uppercase;
    font-weight: 500;
    font-size: .875rem;
    margin-bottom: 1.25rem;
    color:var(--primary-color);
}
.paragraph {
    font-size: 1rem;
    font-weight: 400;
    color: #3b3b44;
    margin-bottom: 0.5rem;
}
.paragraph-text {
    font-weight: 300;
}
/*=====E SIZE-TWO======*/
/*=====S SIZE-THREE======*/
.box {
    padding: 1.25rem;
    box-sizing: border-box;
}
.title-box {
    font-size: 1.5625rem;
    font-weight: 800;
    margin: 0.625rem 0;
}
.size-three .primary-button {
    margin-top: 1.25rem;
    display: inline-block;
}
.size-three .col-10 {
    float:none;
    margin: 0 auto;
}
.size-three img {
    box-shadow: 0.4375rem 0.4375rem 1.75rem -0.025rem #0075f240;
}
.size-three .title{
    margin-bottom: 1.5625rem;
}
.size-two .primary-button {
    margin-top: 0.9375rem;
    display: inline-block;
}
.service-info {
    padding: 1.875rem 0;
}

/*=====E SIZE-THREE======*/
/*=====S SIZE-FOUR======*/
.size-four {
    padding-bottom: 1.25rem;
}
.single-title {
    float: none;
    margin: 0 auto 1.25rem;
}
.size-four .content img {
    margin-top: 1.875rem;
}
.size-four .content a {
    margin-top: 3.125rem;
    display: inline-block;
}
.light-grey {
background:#f8f8f8;
}
.front-review {
    width: 90%;
    margin: 2.5rem auto 0;
}
.size-four .content-row {
    margin-top: 3.75rem;
    display: flex; 
    flex-wrap: wrap;
}
.size-four .content-row .col-8 {
    display: flex;
}
.luxury-image {
    background: url(../img/pernottamento/pernottamento-luxury-casa-della-castellana.svg) no-repeat center center / cover;
    min-height: 34.375rem;
    width: 100%;
}
.size-four .content-row .col-4 {
    padding: 1.25rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    background: #fafafa;
}
.size-four a.primary-button {
    display: inline-block;
    margin-top: 1.875rem;
}
/*=====E SIZE-FOUR======*/
/*=====E SIZE-FIVE======*/
/* Le tue classi esistenti */
.size-five {
    padding: 0;
    margin: 3.125rem 0;
}
.bk-principal {
    background: #f8f8f8;
    display: flex;
    flex-wrap: wrap;
}
.sx-image {
    background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .4)),url(../img/itinerari/eventi-proposte-al-castello-di-serrvalle-vicino-dolomiti.svg) no-repeat center center / cover;
}
.event-box {
    min-height: 28.125rem;
    padding: 1.25rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}
.event-box .paragraph,.event-box h2 {
    color: #fff;
}
.primary-button-dark {
    padding: 0.625rem 1.25rem;
    border-radius: 0rem;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05rem;
    text-decoration: none;
    transition: .1s ease;
    color: var(--text-main);
    background: #fff;
}
.primary-button-dark:hover {
    background: #caa00a;
    color: var(--text-main);
}
.event-box a {
    margin-top: 1.875rem;
    display: inline-block;
}
/*==========Accordion===============*/
.faq-item ul {
    list-style: inside;
}
        .box-accordion {
            padding: 1.25rem;
            box-sizing: border-box;
        }
        .accordion-container .title {
            margin-bottom: 1.875rem;
        }
        .faq-answer {
            overflow: hidden;
            max-height: 0;
            transition: max-height 0.35s ease;
        }
        .faq-answer p {
            margin: 0;
            font-weight: 100;
            font-size: 0.9375rem;
            line-height:1.3125rem;
            text-align: left;
        }
        
        .faq-question {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            background: none;
            border: none;
            cursor: pointer;
            font-size: 0.875rem;
            text-align: left;
            font-weight: 500;
            text-transform: uppercase;
            color: #4a4a4a;
            letter-spacing: 0.01875rem;
        }
        
        .faq-question i {
            transition: transform 0.3s ease;
        }
        
        .faq-question[aria-expanded="false"] i.fa.fa-plus {
            color:#a49b65;
            transition: box-shadow 0.2s ease-in-out;
            padding: 0.4375rem 0.4375rem;
            font-size: 0.75rem;
        }
        /* Rotazione icona quando aperto */
        
        .faq-question[aria-expanded="true"] i.fa.fa-plus {
            transform: rotate(45deg);
            padding: 0.4375rem 0.5rem;
            transition: .5s;
            font-size: 0.75rem;
            color: #000;
        }
        
        .faq-question[aria-expanded="true"] span,.faq-question:hover {
            color: #9e9660;
        }
        
        .accordiontext ul {
            list-style: none;
        }
        
        .accordiontext ul li p {
            padding: 0.125rem !important;
        }
        
        .accordionfaq {
            padding: 0;
            margin-top: 4.375rem;
        }
        
        .accordionfaq .col-6 {
            padding: 2.5rem 3.75rem 1.25rem;
            box-sizing: border-box;
        }
        
        .accordionfaq .accordion-container>h2 {
            margin-bottom: 1.875rem;
        }
        
        .accordionfaq .set {
            position: relative;
            width: 100%;
            height: auto;
            background-color: #f5f5f5;
        }
        
        .faq-item h3 {
            padding: 0.3rem 0.3125rem;
            color: #000;
            font-weight: 400;
            border-bottom: 0.0625rem solid #ddd;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            transition: all 0.2s linear;
            font-size: 1.125rem;
            margin: 0 0 0.3125rem 0;
            cursor: pointer;
        }
        
        .accordionfaq .set>h3.active {
            font-weight: 400;
            color: #ac01ad;
        }
        
        .accordionfaq .accordiontext {
            border-bottom: 0.0625rem solid #ddd;
            display: none;
        }
        
        .accordionfaq .accordiontext p {
            padding: 0.625rem 0.9375rem;
            margin: 0;
        }
/*=====E SIZE-FIVE======*/
/*=====S SIZE-SIX======*/
.column-box {
    position: relative;
}
.image-column::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.8) 100%);
    opacity: 0.5; 
    transition: opacity 0.4s ease; 
    pointer-events: none;
    z-index: 1;
}
.column-box:hover .image-column::after {
    opacity: 1; 
}
.up-image-text {
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 1.25rem;
    box-sizing: border-box;
    height: 100%;
    pointer-events: none;
    z-index: 2;
}
.up-image-text .primary-button-white {
    pointer-events: auto; 
}
.column-box-text .title {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.375rem;
}
.primary-button-white {
    padding: 0.3rem 1.2rem;
    border-radius: 0rem;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05rem;
    text-decoration: none;
    transition: .1s ease;
    border: 0.0625rem solid #fff;
    background: transparent;
    color: #fff;
    margin-top: auto;
}
.column-box:hover .primary-button-white:hover {
color:#25252d;
background: #fff;
}
.gallery-size {
    padding: 0 0.625rem;
    box-sizing: border-box;
}
.wending-gallery-size {
    padding-top: 4.375rem;
}
.wending-gallery-size .content {
    display: flex;
}
/*=====E SIZE-SIX======*/
/*=====S SIZE-NEWSLETTER=====*/
.size-newsletter .col-10{
    margin: 0 auto;
    float: none;
}
.size-newsletter .col-10 p{
    margin: -0.3125rem 0 0.875rem 0;
}
.brevo-form-container .standard-label {
    font-size: 0.875rem;
    display: block;
    margin-bottom: 0.375rem;
    font-weight: 700;
}
.size-newsletter .brevo-email {
    width: 100%;
    background: #fff;
    padding: 0.625rem;
    font-size: 1rem;
    color: #5d5757;
    border: 0.0625rem solid #ccc;
    border-radius: 0.25rem;
    margin: 0rem 0 0.5rem;
    box-sizing: border-box;
}
label.optin-check {
    font-size: 0.875rem;
}
.brevo-submit {
    padding: 0.625rem 1.25rem;
    border-radius: 0rem;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05rem;
    background: #292929;
    text-decoration: none;
    color: #fff;
    transition: .1s ease;
    border: none;
    margin-top: 0.625rem;
}
.brevo-submit:hover {
    background: var(--primary-color);
    cursor:pointer;
}
/*=====E SIZE-NEWSLETTER=====*/
/*=====S SIZE-MAP=====*/
.size-map .col-10 {
    float:none;
    margin: 0 auto;
}
.map-box {
    margin-top: 1.875rem;
}
/*=====E SIZE-MAP=====*/
/*=====S SIZE-FOOTER=====*/
section.footer.clearfix.grey-bk {
    padding: 2.5rem 0 0;
}
footer ul {
    list-style: none;
}
footer ul li{
    margin-bottom: 0.3125rem;
}
.title-footer {
    text-transform: uppercase;
    margin-bottom: 0.625rem;
}
footer .content {
    display: flex;
    gap: 1.25rem;
}
footer .footer-text a, .contact-address li a {
    text-decoration: none;
    font-size: 1rem;
    color: var(--text-main);
    font-weight: 400;
    display: inline-block;
}
footer .footer-text a i{
    margin-right: 0.625rem;
}
 footer .whatsapp a i, .contact-address li .whatsapp a i {
    color: #00e676;
}
.social-icon {
    margin-top: 0.9375rem;
}
.text-footer-up {
    margin-top: 1.25rem;
}
.footer-text-small {
    font-size: 0.875rem;
}
.content.bottom-row {
    justify-content: center;
    border-top: 0.0625rem solid #eab700;
    padding: 0.625rem 0;
    margin-top: 1.5625rem;
}
p.footer-button-text {
    font-size: 0.8125rem;
}
p.footer-button-text a{
    text-decoration: none;
    color: var(--text-color);
}
li.social-channel p {
    margin-bottom: 0.6875rem;
}
li.social-channel p span {
    margin-right: 0.625rem;
}
/*=====E SIZE-FOOTER======*/
/*=====S ARCHIVE CAMERE===*/
.top-header {
    padding-top: 6.25rem;
}
.responsive-image {
    width: 100%;
    height: auto;
}
.suite-center-block .col-4 {
    display: flex;
    padding: 1.25rem .2rem 1.25rem 2.5rem;
    box-sizing: border-box;
}
.block-suite:nth-child(even) .col-4 {
    padding: 1.25rem 2.5rem 1.25rem .2rem;
}
.suite-first ul,.list-suite-primary-service {
    list-style: none;
    display: flex; 
    align-items: center; 
    margin-bottom: 1.25rem;
}
.suite-first li,.list-suite-primary-service li {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    box-sizing: border-box;
}
.suite-first li:first-child,.list-suite-primary-service li:first-child {
    padding-right: 0.625rem;
    border-right: 0.0625rem solid #7b7474;
}
.suite-first li:nth-child(2),.list-suite-primary-service li:nth-child(2) {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    border-right: 0.0625rem solid #7b7474;
}
.suite-first li:last-child,.list-suite-primary-service:last-child {
    padding-left: 0.9375rem;
}
.suite-first li span {
    color: #7b7474;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: -0.0125rem;
}
.list-suite-primary-service span {
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
}
p.suite-subtitle {
    font-style: italic;
    margin: 0 0 1.25rem;
    font-size: 1.25rem;
    color: #7b7474;
    font-weight: 100;
}
.suite-first a {
    display: inline-block;
    margin-top: 1.875rem;
}
.block-suite {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 3.75rem;
}
.block-suite:nth-child(even) {
    flex-direction: row-reverse;
}
.paragraph-text strong {
    font-weight: 600;
    color: #c2b97f;
}
.suite-divider {
    padding: 1.875rem 4% 3.75rem;
}
.block-suite.suite-premium {
    background: #fafafa;
    box-shadow: 0.4375rem 0.4375rem 1.75rem -0.025rem #0075f240;
}
/*=====E ARCHIVE CAMERE===*/
/*=====S SINGLE CAMERE===*/
.hero-slider-suite {
    height:40.625rem;
    width: 100%;
    position: relative;
}
.inside_slide-suite {
    display:flex;
    align-items: center;
    height: 100%;
    justify-content: center;
}
.service-room-slide {
    position: absolute;
    bottom: 0;
}
.suite-bredcrumps {
    padding-top: 3.75rem;
    margin-left: 0.625rem;
}
.suite-bredcrumps a{
    text-decoration: none;
    color:var(--text-color);
    font-size: 0.9375rem;
}
.single-suite {
    padding-top: 0;
}
.single-suite .block-suite {
    background: #fafafa;
    box-shadow: 0.4375rem 0.4375rem 1.75rem -0.025rem #0075f240;
}
.single-suite .block-suite .col-4 {
    padding: 0.9375rem;
}
.single-suite .suite-first li {
    border: none;
    padding: 0;
    margin: 0.625rem 0rem 0.625rem;
}
.single-suite .suite-first ul {
    display: block;
    margin: 1.5625rem 0;
}
.single-suite .suite-first li span {
    color: #413f3f;
    font-size: 0.9375rem;
    font-weight: 400;
    letter-spacing: -0.0125rem;
}
.single-suite-sct {
    padding:4.375rem 0;
}
.fascia-servizi {
    padding: 2.5rem 1.25rem;
    box-sizing: border-box;
}
.servizi-list {
    list-style: none;
    padding: 0;
    margin: 0;
    column-count: 5;
    column-gap: 1.875rem;
}
.servizi-list li {
    position: relative;
    padding-left: 1.25rem;
    margin-bottom: 0.75rem;
    font-size: 0.9375rem;
    color: #4a4a4a;
    break-inside: avoid; 
    page-break-inside: avoid;
}
.servizi-list li::before {
    content: "•"; 
    position: absolute;
    left: 0;
    top: 0;
    color: #d1b46a;
    font-size: 1.125rem;
    line-height: 1;
}
.suite-extra-box {
    display: flex;
    gap: 1.25rem;
    margin-top: 2.5rem;
}
.image-wrapper {
    overflow: hidden;
}

.image-wrapper a img {
    transition: transform 0.4s ease;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.image-wrapper a:hover img {
    transform: scale(1.1);
}
.experience-content {
display: flex;
}
.experience-content .description-suite-ln {
    padding-right: 0;
}
.experience-content  .wedding-box-text {
    background: #fafafa;
}
.content.experience-box {
    padding: 4.375rem 0 2.5rem;
    position: relative;
}
#slider-esperienze-camera .splide__track,
#slider-esperienze-camera .splide__list,
#slider-esperienze-camera .splide__slide {
    height: auto;
}
#slider-esperienze-camera .splide__slide {
    align-items: flex-start;
    justify-content: flex-start;
}
#slider-esperienze-camera .experience-content {
    align-self: flex-start;
    width: 100%;
}
#slider-esperienze-camera .splide__pagination {
    position:absolute;
    bottom: -1.5625rem;
}
#slider-esperienze-camera .splide__arrow {
    border: 0.125rem solid #eab700;
    background: transparent;
    color: #000;
    opacity: 1;
}
/*=====E SINGLE CAMERE===*/
/*=====S LANDING CAMERE===*/
.eyebrow-elegant {
    font-family: 'Snell Roundhand', 'Brush Script MT', 'Lucida Handwriting', cursive;
    font-size: 2.625rem;
    font-weight: normal;
    color: #eab701;
    display: block;
    margin-bottom: 0;
    transform: rotate(-2deg);
}
.description-suite-ln {
    padding-right: 10%;
    box-sizing: border-box;
    padding-top: 2.5rem;
}
.box-text-image h3 {
    font-weight: 400;
    color: #a48650bf;
    margin: 0.3125rem 0 0.9375rem;
    font-size: 1.125rem;
    line-height: 1.4375rem;
}
.description-suite-ln p{
    font-size: 1rem;
    font-weight: 400;
    color: #3b3b44;
    margin-bottom: 0.5rem;
}
.description-suite-ln a {
    display: inline-block;
    margin-top: 1.25rem;
}
.reverse-box .content{
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
}
.description-suite-ln ul {
    display: block;
    margin: 1.5625rem 0 0;
}
.description-suite-ln ul li {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    box-sizing: border-box;
    border: none;
    margin: 0.375rem 0rem 0.375rem;
    border-right: 0.0625rem solid #ccc;
    padding: 0 0.3125rem;
}
.landing-suite .col-10 {
    float: none;
    margin: 0 auto;
}
.landing-suite {
    padding-top: 0;
}

    .reverse-box .description-suite-ln {
    box-sizing: border-box;
    padding-left: 0.625rem;
}
.faq-sec a {
    display: inline-block;
    margin-top: 1.875rem;
}
.review {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}
.suite-form-contact .form-box {
    padding: 2.5rem;
    box-sizing: border-box;
}
.suite-form-contact {
    background: #232323;
}
.suite-form-contact .title {
    color:#c2b97f;
}
.suite-form-contact h3 {
    color:#fff;
    margin-bottom: 1.25rem;
}
.input.bicolumn {
    display: flex;
    gap: 0.9375rem;
}
.textformpage {
color: #fff;
    margin-right: 0.5rem;
    width: 100%;
    box-sizing: border-box;
    transition: all 0.2s ease-in-out;
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    outline: 0;
    font-size: 0.9375rem;
    border-radius: 20rem;
    padding: 0.3125rem;
    background-color: #f1f1f1;
    margin: 0.3125rem auto;
    font-family: Poppins, sans-serif;
}
.textareaformpage {
    color: #fff;
    margin-right: 0.5rem;
    width: 100%;
    box-sizing: border-box;
    transition: all 0.2s ease-in-out;
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    outline: 0;
    font-size: 0.9375rem;
    border-radius: 1rem;
    padding: 0.5625rem;
    background-color: #f1f1f1;
    margin: 0.3125rem auto;
    font-family: Poppins, sans-serif;
    height: 5rem;
}
.singlepageform label {
    color: #fff;
    font-weight: 100;
}
.singlepageform p {
    margin: 0.4375rem 0 0;
}
.acceptPolicy, .camp {
    color: #fff;
    font-weight: 200;
    font-size: 0.9375rem;
}
.singletop{
    padding: 0.625rem 1.25rem;
    border-radius: 0rem;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05rem;
    background: #c2b97f;
    text-decoration: none;
    color: #fff;
    transition: .1s ease;
    border:none;
    display:inline-block;
    margin-top: 0.9375rem;
}
.singletop:hover{
    cursor: pointer;
    background: #97855f;
}
.singlepageform label a {
    text-decoration: none;
    color: #eab701;
}
.center.booking-review,.faq-wedding {
    padding: 2.5rem;
    box-sizing: border-box;
}
.booking-review h3 {
    margin: 1.25rem 0 1.875rem;
}
/*=====E LANDING CAMERE===*/
/*=====S CONTACT===*/
.contact-page-service {
    padding-top: 0;
}
.contact-top-bk {
    padding-bottom: 0;
}
.contact-address {
    margin-top: 1.25rem;
}
.contact-address h3 {
    font-weight: 600;
    font-size: 1rem;
}
.contact-address ul {
    list-style: none;
}
.contact-address li {
    margin: 0.3125rem 0;
}
.contact-address li:first-child {
margin-bottom: 0.625rem;
}
.contact-page-form label {
    font-size: 0.9375rem;
    color: #c2b97f;
}
.contact-page-form p {
    margin: 0.4375rem 0 0rem;
}
.contact-page-form .textformpage {
    color: #fff;
    margin-right: 0.5rem;
    border: 0.0625rem solid #ccc;
    border-radius: 0.25rem;
    padding: 0.4375rem;
    margin: 0.3125rem auto;
    background: transparent;
}
.contact-page-form .textareaformpage {
    background: transparent;
    border: 0.0625rem solid #ccc;
    border-radius: 0.25rem;
}
.contact-page-form .camp {
    margin: 0;
}
.contact-page-form .singletop {
    margin-top: 0.3125rem;
}
.box.contact-accordion a {
    margin: 0.625rem 0 0.9375rem;
    display: inline-block;
}
/*=====E CONTACT===*/
/*=====S WEDDING===*/

.box-wedding-desc .content {
    display: flex;
    padding-bottom: 3.125rem;
}
.box-wedding-desc .description-suite-ln {
    display: flex;
    align-items: center;
    padding: 0;
}
.wedding-box-text {
    background: #fff;
    margin-left: -13%;
    padding: 1.25rem 2.1875rem;
    box-sizing: border-box;
}
/*=====E WEDDING===*/
/*=====S STORY===*/
.story-description.content {
    display: block;
    padding: 2.5rem 0;
}
/*=====E STORY===*/
/*=====S SEARCH PAGE===*/
.search-button.primary-button {
    margin: 0.625rem 0 1.25rem;
    padding: 0.3125rem 0.5625rem;
}
.search-results-list {
    padding-top: 3.125rem;
}
.search-results-list h3 {
    font-weight: 400;
    font-size: 1rem;
}
form.search-form input.search-field {
    width: 15.625rem;
    padding: .625rem;
    box-sizing: border-box;
    font-size: 1rem;
    background: #e6d4d4;
    border: solid #fff 0.125rem;
    color: #292929;
}
form.search-form {
    margin-bottom: 3.125rem;
}
/*=====E SEARCH PAGE===*/
/*=====S EVENTS PAGE===*/
.hero-slider-events {
    height: 37.5rem;
    width: 100%;
    position: relativ
}
.hero-slider-events .title-suite {
    border-left: 0.1875rem solid #fff;
    padding: 0 1.875rem;
    box-sizing: border-box;
    margin-top: -6.25rem;
}
.hero-slider-events .suite-bredcrumps {
    position: absolute;
}
.hero-slider-events .breadcrumbs, p.breadcrumbs span a {
    color: #e3dede;
}
.description-event-box h2 {
    font-family: Playfair Display, serif;
}
.content-events .content-row-first {
    display: flex;
    gap: 1.25rem
}
.extra-text-events {
    padding: 2.5rem 0;
}
.bk-black {
    display: flex;
    background: #232323;
    justify-content:space-evenly;
}
.experience-row-box {
    display: flex;
}
.landing-block.center h3 {
    font-family: Poppins, sans-serif;
    font-weight: 300;
    font-size: 1.625rem;
    letter-spacing: -0.01875rem;
}
.bk-black .col-6 {
    padding: 1.25rem 5%;
    box-sizing: border-box;
}
.promo {
    padding: 1.25rem;
    box-sizing: border-box;
    background: url(../img/pernottamento/castrum-di-serravalle-cartina-storica.png) no-repeat center center / cover;
}
p.experience-row-paragraph-one {
    font-size: 1.25rem;
    color: var(--primary-color);
    letter-spacing: -0.0375rem;
    font-weight: 300;
    margin: -0.0625rem 0 0.625rem;
}
p.experience-row-paragraph-two {
    color: #e3d9d9;
    font-size: 1.0625rem;
    line-height: 1.5rem;
    font-weight: 300;
}
.landing-block strong {
    font-weight: 600;
    color:#fff;
}
.promo h3.experience-row-title {
    font-weight: 500;
}
.promo p.experience-row-paragraph-one {
    font-weight: 500;
    color: #0a420e;
}
.promo p.experience-row-paragraph-two {
    color: #232323;
    font-weight: 400;
}
.promo a {
    display: inline-block;
    margin-top: 0.625rem;
}
.promo strong {
    color:#0a420e;
}
.info_event_date {
    display: flex;
    padding: 1.875rem 0;
}
h3.sx_title {
    border-bottom: 0.0625rem solid #e5e7eb;
    padding-bottom: 1.25rem;
    font-weight: 600;
    font-size: 1.5rem;
    letter-spacing: -0.04375rem;
}
.single_row {
    display: flex;
    border-bottom: 0.0625rem solid #e5e7eb;
    padding: 1.25rem 0 1.25rem;
    gap: 1.875rem;
}
.todayPromo {
    margin: 2.5rem 0;
}
section.clearfix.experience-row {
    padding: 0;
}
.bk-black-sc {
    background: #232323;
}
.form-box .title, .form-box h3,.phone-section h2 {
    color: #fff;
}
.form-box .title,.phone-section h2 {
    font-size: 2.1875rem;
    line-height: 2.375rem;
    font-weight: 400;
}
.form-section, .phone-section {
    padding: 1.875rem;
    box-sizing: border-box;
}
.content.contact-section {
    display: flex;
}
.phone-section {
    display: flex;
    align-items: center;
}
.phone-section ul {
    list-style: none;
}
.phone-section ul a {
    color: #fff;
    text-decoration: none;
    font-size: 1.125rem;
    font-weight: 300;
}
.phone-section ul li {
    margin: 0.625rem 0;
}
.phone-section p.whatsapp.footer-text a {
    background: #26a819;
    padding: 0.5rem 0.75rem;
    border-radius: 1.5625rem;
    margin-top: 0.9375rem;
    display: inline-block;
}
.col-6.form-section a {
    color: #fff;
}
.my-masonry-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 colonne uguali */
    gap: 1.875rem; /* Spazio tra i box (sia orizzontale che verticale) */
    width: 100%;
}
.masonary-events p {
    margin: 0.625rem 0 1.25rem;
}
.home_events {
    padding-top: 0;
}
/*=====E EVENTS PAGE===*/
/*Responsive*/
@media only screen and (max-width: 81.25rem) {
 
}
/*Desktop, iPad PRO*/
@media only screen and (min-width: 64rem) and (max-width: 73.75rem) {
    .content,.content-nav {
        width: 96%;
        margin: 0 2%;
    }
}
/*Display 12", iPad PRO portrait, iPad landscape*/
@media only screen and (max-width: 64rem) {
    .content,.content-nav {
        width: 96%;
        margin: 0 2%;
    }
    .hero-slider, .splide__track, .splide__list, .splide__slide,.hero-slider-suite {
        height: 35rem;
    }
}
/*Display 12", iPad PRO portrait, iPad landscape*/
@media only screen and (max-width: 58.75rem) {
    .menu-colonna ul a {
        font-size: 1rem;
        margin-bottom: 0;
    }
    .menu-colonna ul.nav li {
    margin-bottom: 0.625rem;
    }
    .menu-colonna {
    float: initial;
    width: 100%;
    }
    .logo-colum-sx {
    display: none;
    }
    .book-now a {
    padding: 0.4375rem 2.75rem;
    }
    .book-now.full-li a {
    padding: 0.375rem 4.6875rem;
    margin-top: 0.3125rem;
    }
    .search-box {
    margin-top: 1.25rem;
    }
    .wending-gallery-size .content {
        flex-wrap: wrap;
    }
    .wending-gallery-size .content .col-3.gallery-size {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 1.875rem;
    }
    .wending-gallery-size .content .col-5b.gallery-size {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .image-suite-ln img {
    width: 100%;
    height: auto;
    }
    .book-now.full-li.custom-padding a {
    padding: 0.5rem 2.6875rem;
    }
    .menu-columns-wrapper {
        gap:0;
        padding-top: 1.25rem;
    }
    .experience-content {
    flex-wrap: wrap;
    flex-direction: column;
    margin-top: 1.25rem;
    }
    .experience-content .col-7,.experience-content .col-5b {
        width: 100%;
    }
    .experience-content .description-suite-ln {
        padding-top: 0;
    }
    .experience-content .wedding-box-text {
    background: #fff;
    }
    #slider-esperienze-camera .splide__arrows.splide__arrows--ltr {
    position: absolute;
    bottom: -2.5rem;
    left: 0;
    right: 0;
    width: 10.625rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    }
       .experience-content .description-suite-ln  .wedding-box-text {
        background: #fff;
        margin-left: 0;
        padding: 1.25rem 0.625rem;
        box-sizing: border-box;
    }
}
/*Display 5.5", iPad portrait, iPhone 6, 6s, 7, 8, portrait and lanscape, iPhone 5s landscape*/
@media only screen and (max-width: 48rem) {
    .col-1,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-5b,
    .col-7,
    .col-6,
    .col-8,
    .col-9,
    .col-10,
    .col-11 {
        width: 100%;
        float: none;
    }
    .wending-gallery-size .content {
    display: flex;
    flex-wrap: wrap;
}
.gallery-size {
    margin-bottom: 1.875rem;
    padding: 0;
}
.newsletter {
    width: auto;
}
footer .content {
    gap: 1.875rem;
    flex-wrap: wrap;
}
.hero-slider, .splide__track, .splide__list, .splide__slide,.hero-slider-suite {
        height: 28.125rem; 
    }
    .content-fluid {
    padding: 0 2.5rem;
   }
   .style-h2 {
    font-size: 1.375rem;
    font-weight: 900;
    }
    .style-h3 {
    color: #fff;
    font-size: 1rem;
    margin-top: 0.625rem;
    font-weight: 400;
    }
    .inside_slide {
    box-sizing: border-box;
    position: relative;
    margin-bottom: 0.625rem;
    padding-bottom: 0;
    }
    .size-four .content-row .col-4 {
        background: #fff;
    }
    .suite-box h3 {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 1.25rem;
    }
    .size-four .content-row {
    margin-top: -0.9375rem;
    }
    .suite-center-block {
    padding-top: 0;
    }
    .block-suite:nth-child(even) .col-4, .suite-center-block .col-4 {
    padding: 1rem;
    }
    .serravalle-logo {
    width: 12.5rem;
    height: auto;
   }
   .servizi-list {
        column-count: 3; /* Passa a 3 colonne per mantenere la leggibilità */
        column-gap: 1.25rem;
    }
    section.clearfix.box-text-image {
    padding-top: 0;
    text-align: center;
    margin-top: -2.5rem;
    }
    .col-6.description-suite-ln {
    padding: 0 0 3.125rem;
    }
    .reverse-box .content {
    flex-wrap: wrap;
    }
    .slide-gallery-suite {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .service-info .col-4 {
    padding: 0 0.625rem 0;
    box-sizing: border-box;
    }
    .box-wedding-desc .content {
        display: flex;
        flex-wrap: wrap;
    }
    .wedding-box-text {
        background: #fff;
        margin-left: 0;
        padding: 1.25rem 0.625rem;
        box-sizing: border-box;
    }
    .suite-extra-box {
        flex-wrap: wrap;
    }
    .suite-extra-box .col-4 {
        margin-top: 1.5625rem;
    }
    section.clearfix.box-text-image.story-castrum {
        padding-top: 4.375rem;
        margin-top: 0;
    }
    section.clearfix.box-text-image.story-castrum:last-of-type {
    padding: 0;
    }
    .hero-slider-events {
    height: 28.75rem;
    }
    .content-events .content-row-first {
        flex-wrap: wrap;
        gap: 0;
        margin-top: -2.8125rem;
    }
    .content-events .content-row-first .col-5b {
        margin-top: 1.25rem;
    }
    .description-event-box h2 {
    font-size: 1.375rem !important;
    }
    .bk-black, .experience-row-box {
        flex-wrap: wrap;
    }
    .bk-black .col-6, .promo {
    padding: 1.875rem 1.25rem 1.875rem;
    box-sizing: border-box;
    }
    section.clearfix.experience-row {
    padding-top: 0;
    }
        .info_event_date {
        flex-wrap: wrap;
        padding: 0.625rem 0;
    }
    .content.contact-section {
    flex-wrap: wrap;
    }
    .col-4.burger-button {
    width: 12.5rem;
    }
    .col-4.cta-info {
    display: flex;
    justify-content: space-around;
    align-items: center;
    }
    .col-4.cta-info a.primary-button{
        padding: 0.25rem 0.375rem;
        font-size: 0.75rem;
        letter-spacing: 0;
    }
}

/*Display 4", iPhone 5s portrait*/
@media only screen and (max-width: 31.25rem) {
    .title {
    font-size: 1.75rem;
    line-height: 2.1875rem;
    font-weight: 800;
    }
    .splide__list .splide__slide,.inside_slide-suite {
        align-items: end;
    }
    
    .slide-section .splide__slide {
        position: relative;
    }
    .slide-section .splide__slide::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none; 
        z-index: 1; 
    }
    slide-section .splide__slide .content-fluid {
        position: relative;
        z-index: 2;
        margin-top: 5rem;
    }
        .content-fluid {
        padding: 0 0.625rem;
        z-index: 9;
        margin-bottom: 1.875rem;
    }
    .suite-bredcrumps {
    padding-top: 3.125rem;
    }
    .style-h2 {
        color: #fff;
        line-height: 1.75rem;
    }
    .style-h3 {
        margin-top: 0.625rem;
    }
    .title-slide {
        left: 0.875rem;
    }
    .splide__arrows.splide__arrows--ltr button {
    margin-top: 5rem;
    }
    .box {
        padding: 1.25rem 0;
    }
    .style-h2 {
        font-size: 1.5625rem;
        margin-bottom: 0.75rem;
        font-weight: 900;
    }
    .style-h3 {
        font-size: 1rem;
        line-height: 1.25rem;
    }
    .size-map .col-8 {
    text-align: center;
    }
    .wending-gallery-size .content .col-5b.gallery-size {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 1.25rem;
    }
    .wending-gallery-size .content .col-5b.gallery-size:last-child {
        margin-bottom: 0;
    }
    .list-suite-primary-service span {
    color: #fff;
    font-size: 0.9375rem;
    font-weight: 500;
    letter-spacing: -0.0125rem;
    }
    .servizi-list {
        /* A 31.25rem 5 colonne sarebbero illeggibili. 2 colonne è l'ideale se i nomi dei servizi sono corti. */
        column-count: 2; 
        column-gap: 0.9375rem;
    }
    .servizi-list li {
        font-size: 0.875rem; /* Riduciamo leggermente il testo su mobile */
    }
    .fascia-servizi {
    padding: 2.5rem 0rem;
    }
    .input.bicolumn {
    display: flex;
    flex-wrap: wrap;
    }
    .suite-form-contact .form-box {
    padding: 2.5rem 1.25rem;
    }
    .center.booking-review,.faq-wedding {
    padding: 2.5rem 1.25rem;
    }
    .single-suitebox-title {
        align-items: center;
    }
    #slider-esperienze-camera .splide__arrows.splide__arrows--ltr {
        bottom: 1.125rem;
    }
    .form-box .title,.phone-section h2{
    font-size: 1.5625rem;
    line-height: 1.6875rem;
    font-weight: 400;
    }
}
@media only screen and (max-width: 25rem) {
    .col-4.burger-button {
    width: 100%;
    }
    .col-4.cta-info a.primary-button{
    display: none;
    }
}
/* Navigazione e controlli accessibili da tastiera. */
.nav-menu[inert] {
    visibility: hidden;
}
.faq-answer[hidden] {
    display: none;
}
.faq-answer:not([hidden]) {
    max-height: none;
}
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
button:focus-visible {
    outline: 0.1875rem solid currentColor;
    outline-offset: 0.25rem;
}
.splide__toggle {
    position: relative;
    z-index: 2;
    padding: .6rem 1rem;
    margin: .75rem;
    cursor: pointer;
}
.hero-slider > .splide__toggle {
    position: absolute;
    top: 1rem;
    right: 1rem;
}