/* FantaMax – header e footer del sito per le pagine di /lega (copia leggera del tema WordPress) */
.fmx-header,.fmx-footer{font-family:Barlow,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.fmx-header{position:relative;z-index:50;background:#fff;box-shadow:0 0 2px 1px rgba(0,0,0,.1)}
.fmx-header a{text-decoration:none}
.fmx-logo{display:flex;justify-content:center;height:125px}
.fmx-logo img{height:125px;width:125px;display:block}
.fmx-nav{display:flex;justify-content:center;height:50px}
.fmx-nav>ul{display:flex;list-style:none;margin:0;padding:0}
.fmx-nav li{position:relative;list-style:none;margin:0;padding:0}
.fmx-nav>ul>li>a{display:flex;align-items:center;height:50px;padding:0 13px;color:#000;font-size:14px;font-weight:600;text-transform:uppercase;position:relative}
.fmx-nav>ul>li+li>a::before{content:"";position:absolute;left:0;top:16px;height:18px;border-left:1px solid #ebebeb}
.fmx-nav>ul>li.attivo>a,.fmx-nav>ul>li:hover>a{color:#c00f1e}
.fmx-nav>ul>li.bottone>a span{border:2px solid #000;border-radius:4px;padding:7px 9px;line-height:1}
.fmx-nav>ul>li.bottone>a::before,.fmx-nav>ul>li.bottone>a::after{display:none}
.fmx-nav>ul>li.bottone.attivo>a span{color:#c00f1e;border-color:#c00f1e}
.fmx-nav ul ul{display:none;position:absolute;left:0;top:100%;margin:-1px 0 0;padding:0;width:208px;background:#fff;box-shadow:0 8px 15px rgba(0,0,0,.1);list-style:none}
.fmx-nav li:hover>ul{display:block}
.fmx-nav ul ul a{display:block;padding:8px 15px;font-size:14px;line-height:23px;color:#000;border-left:1px solid #ebebeb;border-right:1px solid #ebebeb}
.fmx-nav ul ul li:first-child a{border-top:1px solid #ebebeb}
.fmx-nav ul ul li:last-child a{border-bottom:1px solid #ebebeb}
.fmx-nav ul ul a:hover,.fmx-nav ul ul li.attivo>a{color:#c00f1e}
.fmx-burger{display:none}
/* banda grigia col motto, come in tutte le pagine WordPress */
.fmx-motto{background:#f4f4f4;border-bottom:1px solid #ebebeb;font-family:Barlow,Helvetica,Arial,sans-serif}
.fmx-motto p{max-width:1130px;margin:0 auto;padding:34px 50px 35px;text-align:center;font-size:17px;line-height:26.4px;color:#757575}
.fmx-motto~.fm{padding-top:50px}
.fmx-footer{background:#282b2e;color:#e8e8e8;font-size:13px}
.fmx-footer p{max-width:1232px;margin:0 auto;padding:27px 50px;line-height:1.65}
.fmx-footer a{color:#e8e8e8;text-decoration:none}
.fmx-footer a:hover{text-decoration:underline}

/* Telefono e tablet: logo a sinistra, menu a tendina col pulsante ☰ */
@media (max-width:989px){
  .fmx-logo{justify-content:flex-start;height:80px;padding-left:29px}
  .fmx-logo img{height:80px;width:80px}
  .fmx-burger{display:flex;flex-direction:column;justify-content:center;gap:5px;position:absolute;right:22px;top:20px;width:40px;height:40px;padding:8px;border:0;background:none;cursor:pointer}
  .fmx-burger i{display:block;height:3px;border-radius:2px;background:#000;transition:transform .2s,opacity .2s}
  .fmx-aperto .fmx-burger i:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .fmx-aperto .fmx-burger i:nth-child(2){opacity:0}
  .fmx-aperto .fmx-burger i:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  .fmx-nav{display:none;height:auto;border-top:1px solid #ebebeb}
  .fmx-aperto .fmx-nav{display:block;position:absolute;left:0;right:0;top:80px;background:#fff;box-shadow:0 8px 15px rgba(0,0,0,.12);max-height:calc(100vh - 80px);overflow-y:auto}
  .fmx-nav>ul{display:block}
  .fmx-nav>ul>li>a{height:auto;padding:13px 29px;border-bottom:1px solid #ebebeb;font-size:15px}
  .fmx-nav>ul>li+li>a::before,.fmx-nav>ul>li>a::after{display:none}
  .fmx-nav>ul>li.ha-sotto>a::after{display:block;content:"+";position:absolute;left:auto;right:29px;top:12px;bottom:auto;height:auto;width:auto;background:none;opacity:1;font-size:18px;font-weight:400;color:#000}
  .fmx-nav>ul>li.ha-sotto.espanso>a::after{content:"–"}
  .fmx-nav li:hover>ul{display:none}
  .fmx-nav ul ul{position:static;width:auto;box-shadow:none;margin:0}
  .fmx-nav li.espanso>ul{display:block}
  .fmx-nav ul ul a{padding:11px 29px 11px 45px;border:0;border-bottom:1px solid #f2f2f2;font-size:15px}
  .fmx-nav ul ul li:first-child a,.fmx-nav ul ul li:last-child a{border-top:0}
  .fmx-nav>ul>li.bottone>a{padding:14px 29px}
  .fmx-footer p{padding:22px 20px}
  .fmx-motto p{padding:34px 28px 35px}
}