@font-face{font-family:Roboto;font-weight:100 900;font-style:normal;font-display:swap;src:url(/assets/fonts/roboto-latin.woff2) format("woff2")}
@font-face{font-family:"Titillium Web";font-weight:400;font-style:normal;font-display:swap;src:url(/assets/fonts/TitilliumWeb-Regular.woff2) format("woff2")}

*,*::before,*::after{box-sizing:border-box}
html{background:#00529b}
body{margin:0;background:#0b4f8a;color:#19191a;font:16px/1.5 "Titillium Web",Geneva,Tahoma,sans-serif}
a{color:inherit}
img{max-width:100%}

.container{width:100%;max-width:1100px;margin:0 auto;padding:0 12px}

/* Intestazione */
.site-header{background:#064a90;height:120px}
.site-header .container{max-width:1100px;padding-top:28px}
.site-header img{display:block;width:350px;max-width:100%;height:auto}

/* Slider */
.slider{position:relative;height:clamp(220px,41.67vw,600px);margin:10px 0 25px;overflow:hidden;background:#000}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;background-size:cover;background-position:center}
.slide.is-active{opacity:1}
.slide-1{background-image:url(/wp-content/uploads/2023/04/IMG_EPA-2-2-scaled.jpg)}
.slide-2{background-image:url(/wp-content/uploads/2023/04/img3_EPA.jpg)}
.slide-3{background-image:url(/wp-content/uploads/2023/04/IMG2_EPA.jpg)}
.slider-arrow{position:absolute;top:50%;width:32px;height:32px;margin-top:-16px;padding:0;border:0;background:none;cursor:pointer;opacity:.8}
.slider-arrow:hover{opacity:1}
.slider-arrow svg{display:block;width:32px;height:32px}
.slider-prev{left:0}
.slider-next{right:0}
.slider-dots{position:absolute;left:0;right:0;bottom:6px;display:flex;justify-content:center}
.slider-dot{width:18px;height:18px;padding:0;border:0;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center}
.slider-dot::before{content:"";width:8px;height:8px;border-radius:50%;background:#fff}
.slider-dot.is-active::before{background:#4f9dfa}

/* Riviste */
.riviste{display:grid;grid-template-columns:repeat(4,1fr);gap:75px 24px;padding-top:30px;padding-bottom:45px}
.card{display:flex;flex-direction:column;background:#fff;border-radius:6px;padding:20px}
.card h2{margin:0 0 20px;font:600 28px/28px Roboto,sans-serif;color:#00529b}
.card p{margin:0 0 38px;font:400 18px/28px Roboto,sans-serif;color:#7a7a7a}
.card .btn{align-self:center}
.btn{display:inline-block;padding:12px 24px;border-radius:3px;background:#00529b;color:#fff;font:500 15px/1 Roboto,sans-serif;text-decoration:none;text-align:center}
.btn:hover,.btn:focus{background:#003f78}

/* Contatti */
.contatti{background:#fff;padding:20px 0 28px}
.contatti .container{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1000px}
.contatto{text-align:center;font:400 18px/28px Roboto,sans-serif;color:#7a7a7a}
.contatto svg{display:block;width:50px;height:50px;margin:0 auto 20px;fill:none;stroke:#0b4f8a;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.contatto p{margin:0 0 18px}
.contatto a{color:#00529b;text-decoration:none;display:block}
.contatto a:hover{text-decoration:underline}

/* Piè di pagina */
.site-footer{background:rgba(0,0,0,.5);color:#fff;font-size:18px}
.site-footer .container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 30px;max-width:1300px;padding-top:25px;padding-bottom:26px}
.site-footer ul{display:flex;flex-wrap:wrap;gap:6px 30px;margin:0;padding:0;list-style:none}
.site-footer a{color:#fff;text-decoration:none}
.site-footer a:hover{text-decoration:underline}
.site-footer small{font-size:15px}

@media (max-width:991px){
  .riviste{grid-template-columns:repeat(2,1fr)}
  .contatti .container{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:575px){
  .riviste{grid-template-columns:1fr;gap:30px}
  .contatti .container{grid-template-columns:1fr}
  .site-header .container{padding-top:24px}
}