/* bottom menu */
#bottom-menu{transition:transform .5s ease;transform:translateY(calc(100% + .8rem));left:.8rem;}

/* HERO */
.hero{height: 100svh;min-height:50rem}
.hero img{height:100svh;object-fit:cover;width:100%;display:block;}
/*.hero .container-video{position:fixed;}*/
.hero .container-video::after{background: rgba(0, 0, 0, .3);content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.hero iframe{pointer-events:none}
.hero__copy{position:absolute;bottom:4.4rem;left:50%;transform:translate(-50%,0);text-align:center;width:100%;z-index:1;}

.hero__copy h1{margin:0;font-size: 4rem;font-weight: 400;text-shadow: 0 0 10px #000;}
.hero__copy p{text-shadow: 0 0 10px #000;transform-origin:left;color:#fff;font-family:var(--ff-default);font-weight:600;font-style:italic;line-height:1.3;font-size:1.8rem;text-transform:uppercase;margin:2.4rem 0}

.hero__copy{visibility:hidden;}


.hero .button{width:90%;}
.hero .button--green{margin-top:1.6rem}


@media(min-width:500px){
    .hero__copy h1 img{width:75%}
}

@media(min-width:768px){
    .hero__copy h1{font-size:6.4rem;max-width:58.3rem;margin:auto}
    .hero__cta-wrapper{display:inline-flex;gap:2.4rem;}
    .hero__cta-wrapper .button{width:28rem}
    .hero .button--green{margin-top:0;}
}

@media(min-width:1280px){
    .hero__copy{top:50%;bottom:auto;transform:translate(-50%,-50%)}
    .hero__copy h1{max-width:100%}
    .hero__copy h1 img{width:45rem;max-width:100%;}
    .hero__copy p{line-height:1;margin: 4.4rem auto 2rem;}
    .hero__cta-wrapper{margin-top:4.4rem}
}

@media(min-width:1920px){
    .hero__copy h1{font-size:7.2rem}
}

#welcome,
#sistemazioni,
#vacanze-per-tutti-section,
#servizi,
#territorio-section,
#last-site-cta,
#site-footer{position:relative;z-index:1;}


/* WELCOME */


@media (min-width: 1440px) {
    #welcome h2 {font-size: 4.8rem; }
}


/* Sistemazioni */
@media(min-width:1280px){
    .sistemazioni__list{margin-top:4.4rem}
}


/* CONTENT MEDIA */       
#welcome__buttons{display:flex;flex-direction:column;gap:2.4rem;margin-top:2.4rem;width:100%;}
#welcome-section .content-media__image{border-radius: 0 6.4rem 6.4rem 0}

#territorio__buttons{display:flex;flex-direction:column;gap:2.4rem;align-items:start}
#territorio__buttons .button{margin:0}


@media(min-width:1280px){
    #welcome-section.content-media{flex-direction:row-reverse}
    #welcome-section .content-media__image{object-position: right}
    #welcome-section__buttons,#territorio__buttons{width:calc((100% - 4 * 2.4rem) / 5 * 4 + 3 * 2.4rem);margin-top:2.4rem}
    #territorio-section .button--primary:last-of-type{margin-bottom:0}
}

/*@media(min-width:1440px){
    #welcome-section__buttons,#territorio__buttons{width:calc((100% - 4 * 2.4rem) / 5 * 3 + 2 * 2.4rem);}            
}*/


/* Attivita */

#attivita__list{margin-top:3.2rem}

@media(min-width:1280px){
    #attivita__list{margin-top:4.4rem}
    #attivita-section{padding:8.8rem 0 4.4rem}
    #attivita-section .section-heading{width: calc((100% - 11 * 2.4rem) / 12 * 10 + 9 * 2.4rem);margin:auto}
}

@media(min-width:1440px){
    #attivita-section .section-heading{width: calc((100% - 11 * 2.4rem) / 12 * 9 + 8 * 2.4rem);}
    #attivita-section .section-heading h2{font-size:4.8rem}
}

@media(min-width:1920px){
    #attivita-section .section-heading{width: calc((100% - 11 * 2.4rem) / 12 * 6 + 5 * 2.4rem);}
}


#petfriendly-section .content-media-grid__column-img-overlapping {place-content: start;}
#petfriendly-section .content-media-grid__column-img-overlapping picture:last-of-type {left: auto;right: 0;}


@media(min-width:500px){
    #petfriendly-section .content-media-grid__column-img-overlapping picture:first-of-type img{aspect-ratio:3/2.5}
}


@media(max-width:1279px){
    #petfriendly-section .content-media-grid{flex-direction:column}
}




/* OFFERTE */
#promo-section{display:flex;align-items: center;place-content: center;position:relative;height:100svh}
#promo-section:before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.1);pointer-events: none;z-index:1;mix-blend-mode:darken}
#promo-section .section-copy{width:100%;text-align: center;position:relative;z-index:1}
#promo-section h2{color:#fff;margin-bottom:4.8rem;line-height:1.1}
#promo-section img{width:100%;height:100%;object-fit:cover;position:absolute}

@media(min-width:992px){
    #promo-section .section-copy{width:calc(50% - 1.2rem);margin:auto}
}



#welcome-section h2,
#welcome-section h3,
#welcome-section p,
#welcome-section .button,
#territorio-section h2,
#territorio-section h3,
#territorio-section p,
#territorio-section .button,
#sistemazioni h2,
#sistemazioni h3,
#petfriendly-section h2,
#petfriendly-section h3,
#petfriendly-section p{visibility:hidden;}

#sistemazioni{z-index:2;}
.site-header{z-index:3;}