﻿

#page-intro picture::after{background: rgba(0, 0, 0, .45);}  

@media (min-width: 1280px) {
    #page-intro .hero h1 {font-size: 6.4rem;}
}

#eventi-section{overflow:hidden;}
.eventi-list{margin-top:3.2rem}
#eventi-section .swiper{overflow:visible}
#eventi-section .swiper-slide{width:calc(95% - 1.2rem);height:auto;border-radius:1.6rem;overflow:hidden;}
#eventi-section .nav-carousel-control-wrapper {gap: .8rem;}

@media (min-width: 650px) {
    #eventi-section .swiper-slide {width: calc(75% - 1.2rem);}
}

@media (min-width: 768px) {
    #eventi-section .swiper-slide {width: calc(50% - 1.2rem);}
    #eventi-section .nav-carousel-control-wrapper {margin: 0;position: absolute;top: -2.4rem;right: 0;transform: translateY(-100%);}
}

@media(min-width:1280px){
    /*    #eventi-section{padding:8.8rem 0}*/    
    #eventi-section .swiper-slide{width:calc((100% - (2.4rem * 2)) / 3)}
}

@media(min-width:1440px){
    #eventi-section .swiper-slide {width: calc((100% - (2.4rem * 3)) / 4);}
}


.event-card{display:block;position:relative;border-radius:1.6rem;overflow:hidden;width:100%;cursor:pointer}
.event-card__image-wrapper{position:relative}
.event-card__image-wrapper img{width:100%;height:auto;display:block;aspect-ratio: 468 / 624;object-fit: cover;}
.event-card__image-wrapper:after{background: rgba(0, 0, 0, .4);content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;pointer-events: none;mix-blend-mode: multiply;}
.event-card__title{display: flex;flex-direction: column;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--ff-heading);font-size:4.8rem;width:100%;padding:0 2.4rem;line-height:1;text-align:center;margin:0;gap:.8rem}
.event-card__title small{font-size:1.6rem;font-weight:900;letter-spacing:.1rem;text-transform:uppercase;font-family:var(--ff-heading);}
/*.event-card__date{display:flex;flex-direction:column;place-content:center;position:absolute;top:2.4rem;left:2.4rem;color:var(--primary-color);background:#fff;border-radius:.8rem;width:6.6rem;height:6.6rem;align-items:center;}
.event-card__date-day{font-size: 3.2rem;line-height: 1;font-weight: 900;position:relative}
.event-card__date-month{font-size: 1.7rem;font-weight: 900;letter-spacing: .1rem;line-height: 1;position:relative}
*/

.event-card__date{position:absolute;top:1.6rem;left:1.6rem;color:var(--primary-color);background:#fff;border-radius:.8rem;align-items:center;line-height:1;font-size:2rem;font-weight:900;padding:1.6rem}
.event-card__date-day-month{font-size:3.2rem}
.event-card__date-year{font-weight:300}

.event-card__info-button {cursor:pointer;transition:background .3s ease-in-out;border: 2px solid #fff;bottom: 1.6rem;right: 1.6rem;width: 6rem;height: 6rem;position: absolute;display: flex;color: #fff;place-content: center;align-items: center;border-radius: 50%;}
.event-card__info-button i{transition:color .3s ease-in-out;font-size:3.2rem}

.event-card:hover .event-card__info-button{background:#fff}
.event-card:hover .event-card__info-button i{color:var(--primary-color)}

@media (min-width: 500px) {
    .event-card__date{top:2.4rem;left:2.4rem;}
    .event-card__info-button {bottom: 2.4rem;right:2.4rem}
}

@media(min-width:600px){
    .event-card__image-wrapper img{aspect-ratio:1/.5;max-height:35rem}  
}

@media(min-width:992px){
    .event-card__image-wrapper img{max-height:43rem}  
}

@media(min-width:1280px){
    .event-card__image-wrapper img{aspect-ratio:468 / 624;max-height:none}  
}

@media(min-width:1440px){
/*    .event-card__date{width:8.6rem;height:8.6rem;}
    .event-card__date-day{font-size: 4.8rem;}
    .event-card__date-month{font-size: 2rem;}*/
}

@media(min-width:1920px){
    .event-card__title{font-size:6.4rem}
}



.modal-event-main-icon{width: 4em;height: 4em;display: block;margin: auto;}
.event-details-modal-content{margin-top:4.8rem;}
.modal-title{text-align:center;font-size:3.2rem;margin:2.4rem 0}
.modal-description{text-align:center}


.modal .event-card__date{background:none;}
.modal .event-card__date-day{font-size: 4.8rem;}
.modal .event-card__date-month{font-size: 2.4rem;}

.modal-event-images{display:flex;gap:1.6rem;align-items:start;margin-top:3.2rem;flex-direction:column}
.modal-event-images img{height:auto;display:block;border-radius:.8rem;width:100%;background:var(--secondary-color)}


#event-details-modal-title{display: flex;flex-direction: column;line-height:1;text-align:center;margin:1.6rem 0 0;gap:.8rem}
#event-details-modal-title small {font-size: 1.6rem;font-weight: 900;letter-spacing: .1rem;text-transform: uppercase;font-family: var(--ff-heading);}

.modal-event-tags-wrapper{display:flex;gap:1.6rem;place-content:center;margin-top: 1.6rem;}
.modal-event-tag{color:#004b84}

.modal-event-video{position:relative;padding-top:calc(360/640 * 100%);border-radius:.8rem;overflow:hidden;margin-top:3.2rem;background:var(--secondary-color)}
.modal-event-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}

@media(min-width:768px){
    .modal-event-images{flex-direction:row;gap:2.4rem}
    .modal-event-images img{width:calc((100% - (2 * 2.4rem)) / 3);}
    .modal-event-images img:nth-of-type(2){margin-top:2.4rem;align-self:end}
}

@media(min-width:1920px){
    .modal-title{font-size:6.4rem}
}


#eventi-ricorrenti-section .content-media-grid__column-img-overlapping{place-content:end}

@media(min-width:1440px){
    #eventi-ricorrenti-section h2{font-size:6.4rem;line-height:1}
    #transfert-gratuito-section h2{font-size:4.8rem}
}

@media (min-width: 1920px) {
    .content-media-grid__column-body,.content-media-grid__reverse .content-media-grid__column{place-content:center}
    .content-media-grid__body {width: calc((100% - 5 * 2.4rem) / 6 * 4 + 3 * 2.4rem);}
}


