@import "../components/Headers/defaultHeader.css";
@import "../components/Filtri/custom-select.css";
@import "../components/Headers/mobile-menu/mob-menu_handle.css";

@import "../Moduli/Griglie/detail-intro.css";
@import "../Moduli/ModuliInterattivi/info-mini-map.css";
@import "../components/faq.css";
@import "../components/Componenti/staff-card.css";
@import "../Moduli/SliderScorrimento/news-stripe-centered.css";
@import "../Moduli/SliderScorrimento/carousel-big.css";


/* Relted Services
------------------------------------------------------------*/
    #related-services .preview-type_centered {
        margin-right: 1.563vw;
        width: calc(33.3% - 1.042vw);
    }

/* Booking button
------------------------------------------------------------*/
    .floating-booking {
        display: block;
        z-index: 2;
        position: fixed;
        bottom: 0;
        transform: translateY(100%);
        transition: transform 0.3s ease-in-out;
    }
    .floating-booking.active {
        transform: translateY(0);
    }
    .floating-booking-inner {
        padding-top: 0.521vw; /*10*/
        padding-bottom: 0.521vw; /*10*/
    }
    .floating-booking .btn {
        font-size: 0.938vw; /*18*/
        padding: 0.781vw 3.385vw; /*15 65*/
        letter-spacing: 0.01em;
    }
    .floating-booking .btn svg {
        height: 1.146vw; /*22*/
        width: 1.146vw; /*22*/
        transform: rotate(180deg);
        margin-left: 0.521vw; /*10*/
    }
    .floating-booking-inner br {
        display: none;
    }

@media screen and (max-width: 1920px) {
    .floating-booking-inner {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .floating-booking .btn {
        font-size: 18px;
        padding: 15px 65px;
        letter-spacing: 0.01em;
    }
    .floating-booking .btn svg {
        height: 22px;
        width: 22px;
        margin-left: 10px;
    }
}

@media screen and (max-width: 1600px) {
    .floating-booking .btn {
        font-size: 17px;
    }
}

@media screen and (max-width: 1440px) {
    .floating-booking .btn {
        font-size: 16px;
        padding: 15px 50px;
    }
    .floating-booking .btn svg {
        height: 20px;
        width: 20px;
    }
}

@media screen and (max-width: 1280px) {
    .floating-booking .btn {
        font-size: 15px;
        padding: 12px 50px;
    }
}

@media screen and (max-width: 992px) {
    #faq-stripe .stripe-container-inner, 
    #staff-medico .stripe-container-inner,
    .floating-booking-inner {
        padding-left: 0;
        padding-right: 0;
    }

    .staff-slider .swiper-slide {
        width: 210px;
        margin-right: 10px;
    }
    #staff-medico .col-img-inner img {
        height: 300px;
    }
    #staff-medico .stripe-container {
        padding-right: 0;
    }
    #staff-medico .stripe-content {
        padding-right: 2em;
    }
}


@media screen and (max-width: 767px) {
    .staff-slider .slider-buttons {
        display: none;
    }
    #staff-medico .stripe-content {
        padding-right: 1em;
    }
    #staff-medico .col-img-inner img {
        height: 260px;
    }
    #staff-medico .staff-slider .swiper-slide {
        width: 200px;
    }
    #staff-medico .role p,
    #staff-medico .staff-locations p {
        font-size: 11px;
    }

    #related-services .preview-type_centered {
        margin-right: 1.5em;
    }

    .floating-booking-inner {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .floating-booking-inner br {
        display: block;
    }    
    .floating-booking-inner > div {
        letter-spacing: -0.02em;
        line-height: 1.2;
        padding-right: 20px;
    }
    .floating-booking .btn {
        min-width: 157px;
        font-size: 14px;
        padding: 12px 13px;
    }
    .floating-booking .btn {
        font-size: 14px;
        padding: 12px 13px;
    }
    .floating-booking .btn svg {
        height: 15px;
        width: 15px;
        margin-left: 6px;
    }
}