﻿/* bottom menu */
#bottom-menu{transition:transform .5s ease;transform:translateY(calc(100% + .8rem));left:.8rem;}

/* HERO */
.hero-wrapper{position:relative}
.hero{height:75svh;position:relative}
.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, .4);/*background:linear-gradient(294deg,rgba(61,13,173,0) 0%,rgba(0,92,170,0.66) 100%);*/content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.hero iframe{pointer-events:none}
.hero__titles { position: absolute;bottom:2.4rem;left: 1.6rem; z-index: 1; color: #fff;width:calc(100% - 3.2rem) }
.hero__subtitle { color: #fff; font-size: 1.6rem; text-transform: uppercase; font-family: 'Raleway'; font-weight: 700; letter-spacing: .15rem; margin: 0; }
.hero__title { color: #fff; font-size: 6.4rem; margin-top: 2rem; font-family: 'Raleway'; font-weight: 700; }


.hero__cta { width: 100%; }
.hero a.button--primary{color:#fff;border-color:#fff;margin-top:1.6rem}


.hero__info{display:flex;gap:1.6rem;flex-direction:column;padding:2.4rem 1.6rem;}
.info-box{position:relative;overflow:hidden;width:100%;padding:2.4rem;border-radius:1.6rem;box-shadow: 0 6px 20px rgba(0, 0, 0, 0.14);border: 1px solid rgba(255, 255, 255, 0.10);}
.info-box:before{content: "";position: absolute;inset: 0;pointer-events: none;    background: linear-gradient(165deg, #3fa2c7 0%, #257a95 75%, #1a6785 100%);}
.info-box-content{position:relative;}






@media(min-width:500px){
    .hero__cta{max-width:460px;}
}

@media(min-width:768px){
    .hero__cta{width:calc(50% - 1.2rem);}
    .hero a.button--primary{margin-top:0;}    
    .hero__info{flex-direction:row;}
    .info-box{width:calc(50% - 1.2rem);}
}

@media(min-width:1280px){
    .hero{max-height: 786px;min-height: 500px;height:90svh}
    .hero__titles{width: calc(100% - 6.4rem);left:3.2rem}
    .hero__info{padding:2.4rem 3.2rem}
}

@media(min-width:1440px){    
    .hero__info{position:absolute;bottom:2.4rem;right:3.2rem;display:flex;gap:2.4rem;padding:0;width:calc(50% - 3.2rem - 1.2rem);z-index:1;place-content:end;max-width:700px;}
    .hero__info .info-box-orari{max-width:300px;}
}

@media(min-width:1920px){
    .hero{max-height: 786px;min-height: 500px;}
    .hero__titles{left: 6.4rem;width: calc(100% - 12.8rem);}    
    .hero__info{right:6.4rem;width:calc(50% - 6.4rem - 1.2rem)}
}


.content-media-grid__reverse .content-media-grid__column{place-content:center}


#conventions{padding:4.4rem 0;overflow:hidden;}
#conventions .swiper-wrapper {transition-timing-function: linear !important;}
#conventions .swiper-slide{width:130px;}

@media(min-width:500px){
    #conventions .swiper-slide{width:200px;}
}

@media(min-width:1280px){
    #conventions .swiper-slide{width:340px;}
}


#articoli{padding:4.4rem 0}
#articoli h2{font-size:4.8rem}

@media(min-width:992px){
    .article-list .card-articolo{width: calc(33.33% - (2 * 2.4rem) / 3);margin-bottom:0}
}

@media(min-width:1280px){
    #articoli{padding:8.8rem 0}
}