/* SITO - PERSONALIZZAZIONI scritte a mano, valide per tutto il sito
   (sfondo nero pagine VR, navbar piena, footer compatto). Caricato dopo sito.css. Ex style_2_3.css. */

.body_virtual_reality {
    background-color: black;
}

/* Navbar a sfondo pieno: pagine senza immagine di testata (es. prenotazioni).
   Attivata da $nav_solid = true in components/layout/navbar.inc.php */
.ftco-navbar-light.navbar-solid {
    background: #000000 !important;
    position: relative;
    top: 0;
}

/* =========================================
  FOOTER css
   ========================================= */

   /* Footer compatto Lasergame VR — v1.0 */

   /* Footer compatto */
   .ftco-footer {
     font-size: 0.95rem;
   }

   .ftco-footer .footer-logo {
     max-height: 45px;
     width: auto;
   }

   .ftco-footer-widget p {
     line-height: 1.4;
   }

   .ftco-footer-social li {
     margin-right: 8px;
   }
   .ftco-footer-social a {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     height: 34px;
     width: 34px;
     border-radius: 50%;
     border: 1px solid rgba(255,255,255,.15);
     transition: all .2s ease;
   }
   .ftco-footer-social a:hover {
     border-color: #03D318;
     color: #00bcf5;
   }

   .ftco-footer .ftco-heading-2 {
     font-size: 1.1rem;
     margin-bottom: .75rem;
   }

   .ftco-footer ul li {
     margin-bottom: .4rem;
   }
   .ftco-footer ul li:last-child {
     margin-bottom: 0;
   }

   .footer-bottom {
     border-top: 1px solid rgba(255,255,255,.1);
     font-size: 0.85rem;
     color: #aaa;
   }

   /* Mobile */
   @media (max-width: 767.98px) {
     .ftco-footer .row.py-4 {
       padding-top: 1rem !important;
       padding-bottom: 1rem !important;
     }
     .ftco-footer .footer-logo {
       max-height: 38px;
     }
   }

   /* Logo del footer nascosto su telefono */
   @media (max-width: 575.98px) {
  footer .logo {
    display: none;
  }
   }


/* =========================================
   UTILITÀ - classi brevi riusabili in tutto il sito (prefisso u-).
   Colori, sfondo e cursore hanno !important perché devono valere quanto il vecchio style="" (che vinceva su tutto).
   Sostituiscono i vecchi stili inline (style="", <font color>, <center>, align="center").
   ========================================= */
.u-centro {
  text-align: -webkit-center;
  text-align: -moz-center; /* come il vecchio <center> / align="center" */
}
.u-cursore-mano {
  cursor: pointer !important;
}
.u-testo-bianco {
  color: #fff !important;
}
.u-testo-rosso {
  color: red !important;
}
.u-testo-verde-brand {
  color: #58b74e !important;
}
.u-testo-azzurro {
  color: #17a2b8 !important;
}
.u-nascosto {
  display: none; /* niente !important: gli script lo mostrano con style.display */
}
.u-testo-grigio-chiaro {
  color: lightgrey !important;
}
.u-sfondo-nero {
  background-color: #000 !important;
}
.u-testo-grigio-scuro {
  color: darkgrey !important;
}
.u-testo-verde {
  color: green !important;
}
.u-testo-grigio {
  color: grey !important;
}
.iframe-prenotazione {
  position: relative;
  width: 1px;
  min-width: 100%;
}
.u-giustificato {
  text-align: justify;
}
.u-sinistra {
  text-align: -webkit-left; /* come il vecchio align="left" */
  text-align: -moz-left;
}