/* FIL-ITALIA modern event detail modal */
body.fil-event-modal-open{overflow:hidden!important}

#infoModal.fil-event-modal-modern{
  position:fixed!important;
  inset:0!important;
  z-index:12000!important;
  display:none;
  align-items:center!important;
  justify-content:center!important;
  padding:28px!important;
  background:rgba(1,12,8,.82)!important;
  backdrop-filter:blur(14px)!important;
}
#infoModal.fil-event-modal-modern.is-open{display:flex!important}

#infoModal.fil-event-modal-modern .modal-content{
  position:relative!important;
  width:min(1120px,96vw)!important;
  max-width:1120px!important;
  max-height:min(86vh,820px)!important;
  display:grid!important;
  grid-template-columns:minmax(380px,.92fr) minmax(0,1.08fr)!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:30px!important;
  color:#173126!important;
  background:#fff!important;
  box-shadow:0 42px 120px rgba(0,0,0,.5)!important;
  text-align:left!important;
  transform:none!important;
}

#infoModal.fil-event-modal-modern .fil-event-modal-media{
  position:relative;
  min-height:620px;
  overflow:hidden;
  background:#06261a;
}
#infoModal.fil-event-modal-modern .fil-event-modal-media::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(0deg,rgba(1,19,12,.68),transparent 48%),linear-gradient(90deg,rgba(2,32,21,.2),transparent 45%);
}
#infoModal.fil-event-modal-modern .fil-event-modal-media img{
  width:100%!important;
  height:100%!important;
  min-height:620px!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:1!important;
  filter:none!important;
}
#infoModal.fil-event-modal-modern .fil-event-modal-media-label{
  position:absolute;
  z-index:3;
  left:22px;
  bottom:20px;
  padding:9px 12px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  color:#fff;
  background:rgba(1,22,14,.72);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.09em;
  backdrop-filter:blur(10px);
}

#infoModal.fil-event-modal-modern .fil-event-modal-copy{
  min-width:0;
  overflow-y:auto;
  padding:38px 38px 34px;
  background:
    radial-gradient(circle at 100% 0,rgba(32,201,114,.1),transparent 30%),
    #fff;
}
#infoModal.fil-event-modal-modern .fil-event-modal-eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 13px;
  border-radius:999px;
  color:#fff;
  background:#07864a;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.09em;
}
#infoModal.fil-event-modal-modern .fil-event-modal-copy h2{
  margin:18px 0 20px!important;
  color:#0a271a!important;
  -webkit-text-fill-color:#0a271a!important;
  font-size:clamp(2.25rem,4.5vw,4.6rem)!important;
  font-weight:900!important;
  line-height:.94!important;
  letter-spacing:-.05em!important;
  text-align:left!important;
  opacity:1!important;
}

#infoModal.fil-event-modal-modern .fil-event-modal-meta{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:0 0 24px;
}
#infoModal.fil-event-modal-modern .fil-event-modal-meta article{
  min-width:0;
  padding:14px 15px;
  border:1px solid #dce8e1;
  border-radius:15px;
  background:#f5f9f6;
}
#infoModal.fil-event-modal-modern .fil-event-modal-meta small{
  display:block;
  margin-bottom:5px;
  color:#07864a;
  font-size:.61rem;
  font-weight:900;
  letter-spacing:.1em;
}
#infoModal.fil-event-modal-modern .fil-event-modal-meta strong{
  display:block;
  color:#173126;
  font-size:.86rem;
  font-weight:850;
  line-height:1.35;
  overflow-wrap:anywhere;
}

#infoModal.fil-event-modal-modern .fil-event-modal-description{
  color:#435c50!important;
  -webkit-text-fill-color:#435c50!important;
  font-size:.96rem!important;
  font-weight:520!important;
  line-height:1.72!important;
  opacity:1!important;
}
#infoModal.fil-event-modal-modern .fil-event-modal-description p{margin:0 0 14px;color:inherit!important}
#infoModal.fil-event-modal-modern .fil-event-modal-description strong{color:#133529!important;font-weight:850!important}

#infoModal.fil-event-modal-modern .fil-event-modal-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:28px;
}
#infoModal.fil-event-modal-modern .fil-event-modal-action{
  min-height:49px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 19px;
  border:0;
  border-radius:12px;
  font:inherit;
  font-size:.74rem;
  font-weight:900;
  text-decoration:none;
  cursor:pointer;
}
#infoModal.fil-event-modal-modern .fil-event-modal-register{color:#fff;background:#d92f48}
#infoModal.fil-event-modal-modern .fil-event-modal-share{color:#fff;background:#07864a}
#infoModal.fil-event-modal-modern .fil-event-modal-page{color:#173126;background:#eef5f1;border:1px solid #d5e4dc}

#infoModal.fil-event-modal-modern>.close-btn{
  position:fixed!important;
  z-index:12005!important;
  top:max(22px,calc(7vh - 4px))!important;
  right:max(22px,calc(2vw + 8px))!important;
  width:46px!important;
  height:46px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.2)!important;
  border-radius:50%!important;
  color:#fff!important;
  background:rgba(2,28,19,.88)!important;
  font-size:1.75rem!important;
  line-height:1!important;
  cursor:pointer!important;
}
#infoModal.fil-event-modal-modern>.modal-arrow{
  position:fixed!important;
  z-index:12004!important;
  top:50%!important;
  width:48px!important;
  height:48px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:50%!important;
  color:#fff!important;
  background:rgba(2,28,19,.84)!important;
  font-size:1.8rem!important;
  transform:translateY(-50%)!important;
  cursor:pointer!important;
}
#infoModal.fil-event-modal-modern>.modal-prev{left:16px!important}
#infoModal.fil-event-modal-modern>.modal-next{right:16px!important}

@media(max-width:820px){
  #infoModal.fil-event-modal-modern{padding:12px!important;align-items:flex-start!important;overflow-y:auto!important}
  #infoModal.fil-event-modal-modern .modal-content{
    width:100%!important;
    max-height:none!important;
    grid-template-columns:1fr!important;
    margin:50px 0 18px!important;
    border-radius:24px!important;
  }
  #infoModal.fil-event-modal-modern .fil-event-modal-media,
  #infoModal.fil-event-modal-modern .fil-event-modal-media img{min-height:260px!important;height:260px!important}
  #infoModal.fil-event-modal-modern .fil-event-modal-copy{overflow:visible!important;padding:25px 20px 27px!important}
  #infoModal.fil-event-modal-modern .fil-event-modal-copy h2{font-size:clamp(2.05rem,10vw,3.2rem)!important}
  #infoModal.fil-event-modal-modern>.modal-arrow{top:25px!important;transform:none!important}
  #infoModal.fil-event-modal-modern>.modal-prev{left:12px!important}
  #infoModal.fil-event-modal-modern>.modal-next{right:68px!important}
  #infoModal.fil-event-modal-modern>.close-btn{position:fixed!important;top:25px!important;right:12px!important;width:44px!important;height:44px!important}
}

@media(max-width:520px){
  #infoModal.fil-event-modal-modern .fil-event-modal-meta{grid-template-columns:1fr!important}
  #infoModal.fil-event-modal-modern .fil-event-modal-actions{flex-direction:column!important}
  #infoModal.fil-event-modal-modern .fil-event-modal-action{width:100%!important}
}