/* League Gothic (titoli) */
@import url('https://fonts.googleapis.com/css2?family=League+Gothic&display=swap');

/* Roboto regular (sottotitoli/testi),Roboto bold (CTA) */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


/* League Gothic (titoli) */
h1, h2{
    font-family: "League Gothic", sans-serif !important;
    /* font-optical-sizing: auto; */
    font-style: normal;
    /* font-variation-settings: "wdth" 100; */
}

/* Roboto regular (sottotitoli/testi) */
h3, h4, h5, h6, p,
small, .copyright a, footer .container .row ul li a{
    font-family: "Roboto", sans-serif !important;
    font-weight: 400 !important;
    font-style: normal;
}

/* Roboto bold (CTA: call to action) */
#mainNav .container #navbarResponsive ul li a,
#full_image1 a.btn,
.block_image a.btn, 
.full_image a.btn,
.block_api a.btn{
    font-family: "Roboto", sans-serif !important;
    font-weight: 700 !important;
    font-style: normal;
}

#footer_menu a{
    font-family: "Roboto", sans-serif !important;
    font-style: normal;
}

/* general responsive */
@media (max-width: 1080px){
    #full_image1 h1, h2, .full_image_container .col-md-12 h1{
        font-size: 3rem !important;
    }

    #full_image1 h5{
        font-size: 1.5rem !important;
    }

    #full_image1 .full_image_container, #scopriverona .full_image_container{
        background-attachment:  scroll !important;
    }
}


/* ------------------ navbar style ---------------------------*/
.navbar_reduction{
    height: 4.5rem !important;
}

nav.navbar_reduction .container a img{
    width: 8rem;
}

@media (max-width: 500px){
    nav .container a img.img-fluid{
        max-width: 75% !important;
    }

    #mainNav.navbar.navbar_reduction{
        padding-bottom: 0;
    }
}


#mainNav{
    position: fixed;
    z-index: 100;
    width: 100%;
    top: 0;
    padding-right: 0 !important; /* per la navbar ridotta*/
}

nav#mainNav .container{
    margin-right: 0 !important; /* per la navbar ridotta*/
}

.btn a{
    color: black !important;
    background-color: #cee300;
}

#external_link_button{
    border-radius: 0 !important;
    border: none !important;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem !important;
}

#external_link_button_text{
    color: black;
}

#navbarResponsive ul li a{
    color: white !important;
}

#navbarResponsive ul li a:hover, 
#navbarResponsive ul a:hover, #alternative_lang a span:hover{
    color: #cee300 !important;
}

#mainNav .container button, #select_languages span{
    color: white !important;
}

.ms-auto{
    all: inherit;
    margin-left: 0 !important;
}

#select_languages .selectpicker{
    color: white;
}

#external_link_button{
    background-color: #cee300;
}

/* ------------- navbar responsive --------------- */

@media (min-width: 300px) and (max-width: 408px) {
    #select_languages { max-width: 28% !important;}
}

@media (max-width: 992px) {
    #mainNav.navbar_reduction{
        padding-top: 0rem !important;
    }

    #mainNav.navbar_reduction .container #navbarResponsive.navbar-collapse.collapse.show,
    #mainNav.navbar_reduction .container #navbarResponsive.navbar-collapse.collapse,
    #mainNav.navbar_reduction .container #navbarResponsive.navbar-collapse.collapsing
    {
        background-color: #000000;
        margin-left: -2rem;
    }

    #mainNav button{
        margin-right: 2rem !important;
    }

    #mainNav .container{
        margin-left: 2rem !important;
        padding: 0 !important;
        margin-right: 0 !important;
    }
}

@media (min-width: 992px) and (max-width: 1080px) {
    .navbar-brand img{
        width: 8.5rem;
    }
    #select_languages{
        max-width: none !important;
    }

    #navbarResponsive{
        font-size: 0.98rem;
    }
}


/* -------------------- booking award in navbar ----------------- */

#bookingAward{
    margin-left: auto;
    margin-right: -15rem;
}

#bookingAward img{ width: 40%; }
#mainNav.navbar_reduction #bookingAward img{ width: 35%; }

/* phone and tablet */
@media (max-width: 991px){
    #bookingAward{
        margin-left: unset;
        margin-right: unset;
        display: flex;
        justify-content: center;
    }
}

/* phone */
@media (max-width: 576px){
    #bookingAward img,
    #mainNav.navbar_reduction #bookingAward img{
        width: 60%;
    }
}
@media (max-width: 992px) and (orientation: landscape){
    #bookingAward img,
    #mainNav.navbar_reduction #bookingAward img{
        width: 25%;
    }
}

/* tablet */
@media (min-width: 576px) and (max-width: 992px){
    #bookingAward img,
    #mainNav.navbar_reduction #bookingAward img{
        width: 30%;
    }
}
@media (min-width: 1024px) and (max-width: 1080px) and (orientation: landscape){
    #mainNav.navbar_reduction #bookingAward img{
        width: 30%;
    }
}
@media (min-width: 1080px) and (max-width: 1150px) and (orientation: landscape){
    #bookingAward {
        margin-right: -20rem;
    }
    #bookingAward img,
    #mainNav.navbar_reduction #bookingAward img{
        width: 30%;
    }
}
@media (min-width: 1150px) and (max-width: 1180px) and (orientation: landscape){
    #bookingAward {
        margin-right: -18rem;
    }
    #bookingAward img {
        width: 35%;
    }
    #mainNav.navbar_reduction #bookingAward img{
        width: 30%;
    }
}

/* large tablet */
@media (min-width: 992px) and (max-width: 1024px){
    #bookingAward{
        margin-left: auto;
        margin-right: -21rem;
    }

    #bookingAward img{ width: 30%; }
}


/* -------------------- full_image1 style ----------------- */

#full_image1{
    /* margin-top: 3rem; */
    margin-top: 9rem;
    position: relative;
}

/* to delete white space white after navbar */
#full_image1::before{
    content: "";
    display: block;
    height: 9rem; /* margin height */
    background-color: #000000; /* margin color */
    position: absolute;
    top: -9rem; /* margin height */
    left: 0;
    right: 0;
}

#full_image1 .row .full_image_container{
    height: calc(100vh - 9rem) !important;
    max-height: none !important;
}

#full_image1.navbar_reduction_full_image1 .row .full_image_container{
    height: calc(100vh - 4rem) !important;
    max-height: none !important;
}

#full_image1 h1{
    font-size: 5rem;
    color: white;
    padding-bottom: 1rem;
    /* text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5), -2px -2px 5px rgba(0, 0, 0, 0.3); */
    text-shadow: 2px 4px 10px rgba(0, 0, 0, 0.7), -2px -4px 10px rgba(0, 0, 0, 0.4);
}

#full_image1 h5{
    color: white;
    font-size: 2.5rem;
    padding-bottom: 1rem;
    text-shadow: 2px 4px 10px rgba(0, 0, 0, 0.9), -2px -4px 10px rgba(0, 0, 0, 0.7);
}

#full_image1.navbar_reduction_full_image1 {
    margin-top: 4rem;
}


/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
    #full_image1 .full_image_container.bg-image.d-flex.justify-content-center.align-items-center.w-100{
        height: 40rem !important;
    }

    #full_image1{ margin-top: 2.5rem !important; }
}

/* Smartphpne */

@media (max-width: 480px){
    #full_image1 {
        margin-top: 6rem;
    }

    #full_image1 .full_image_container.bg-image.d-flex.justify-content-center.align-items-center.w-100{
        height: 30rem !important;
        min-height: none !important;
    }

    #full_image1 h1, #full_image1 h5{
        text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5), -2px -2px 2px rgba(0, 0, 0, 0.3) !important;
    }
}


/* ------------------   full_image   ------------------ */

.full_image h5{ font-size: 1.5rem; }
.full_image h1{ padding: 1rem; }

.block_image h2, .full_image h1, .block_api h2{
    font-size: 3.5rem;
}


/* ------------------  slideshow  ------------------ */

@media (max-width: 600px) { 
    .carousel img{
        height: 60vh !important;
    }
}

#slideshow{
    margin-top: unset !important;
}

@media screen and (max-width: 600px) {
    #slideshow.header-class-special {
      margin-top: -110px !important;
    }
}


.swiper-button-prev, .swiper-button-next{
    color: white !important; 
}

.swiper-pagination .swiper-pagination-bullet-active{
    background: white !important;
}

.swiper-slide img{ 
    height: 45rem !important; 
    /* height: calc(100vh - 4.5rem) !important;  */
    object-fit: cover !important;
}


/* .swiper-slide img{ height: calc(100vh - 4rem) !important; } */
@media (min-width: 360px) and (max-width: 600px){
    .swiper-slide img{ 
        height: 20rem !important; 
    }
}


/* ------------------  block image ------------------ */

#casa.block_image img{
    object-fit: cover !important;
}

@media (min-width: 1200px) and (max-width: 1700px) {
    #casa.block_image img{
        max-height: 29rem;
    }
}

@media (min-width: 1200px) and (max-width: 1600px) {
    #casa .image-content img {
        height: 100vh;
    }
  }

@media (max-width: 480px){
    #casa.block_image img{
        min-height: 20rem;
    }
}


/* booking award in discover houser 74 block image div  */

#casa .row .content-box{ position: relative; }

#casa .row .content-box .custom-block-image-content{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%);
}

/* phone */
@media (max-width: 576px){
    #casa .row .content-box .text_content{ margin-top: -12.5rem; }

    #casa .row .content-box .custom-block-image-content{
        top: 75%;
        left: 50%;
        right: unset;
    }

    #casa .row .content-box .custom-block-image-content img{
        min-height: unset;
        width: 90%;
    } 
}

/* tablet */
@media (min-width: 1024px) and (max-width: 1200px) and (orientation: landscape){
    #casa .row .content-box .custom-block-image-content{
        left: 65%;
        right: unset;
    }
}

/* large tabler */
@media (min-width: 992px) and (max-width: 1024px){
    #casa .row .content-box .custom-block-image-content{
        left: 65%;
        right: unset;
    }
}



/* ------------------ location section ------------------ */

#location.page-section.block_api{ padding: 0 !important; }


/* ------------------ parallax effects ------------------ */

#full_image1 .full_image_container, #scopriverona .full_image_container{
    background-attachment: fixed;
}