body {
  margin: 0 !important;
  padding: 0 !important;
}

/* HEADER SCOURO + BARRA 4 COLORI */
header.header-area,
.header-nav,
.header-nav .navigation {
  background-color: #1a1a1a !important;
  background: #1a1a1a !important;
  border-bottom: 4px solid transparent !important;
  border-image: linear-gradient(to right, #0056b3 0%, #0056b3 25%, #d9534f 25%, #d9534f 50%, #f0ad4e 50%, #f0ad4e 75%, #5cb85c 75%, #5cb85c 100%) 1 !important;
  width: 100% !important;
}

.navbar-brand img {
  filter: brightness(0) invert(1) !important;
}

.navbar-nav > li > a.nav-link {
  color: #ffffff !important;
}

.navbar-nav .sub-menu {
  background-color: #1a1a1a !important;
  background: #1a1a1a !important;
  border: 1px solid #333333 !important;
  box-shadow: 0 8px 20px rgba(0,0,0,0.6) !important;
  padding: 5px 0 !important;
}

.navbar-nav .sub-menu li a {
  color: #ffffff !important;
  background-color: transparent !important;
  display: block !important;
  padding: 8px 15px !important;
}

.navbar-nav .sub-menu li a:hover {
  background-color: #d9534f !important;
  color: #ffffff !important;
}

/* MOBILE TOGGLER */
.navbar-toggler .toggler-icon {
  background-color: #ffffff !important;
}

.navbar-toggler {
  border-color: #444444 !important;
}

@media (max-width: 991px) {
  .sub-menu-bar {
    background-color: #1a1a1a !important;
    padding: 15px !important;
  }
  
  .navbar-nav .nav-item .nav-link {
    color: #ffffff !important;
    padding: 10px 0 !important;
  }
}

/* FOOTER SCURO + BARRA 4 COLORI + TESTI BIANCHI */
footer.footer-area,
footer.footer-area .footer-overlay {
  background-color: #1a1a1a !important;
  background: #1a1a1a !important;
  border-top: 4px solid transparent !important;
  border-image: linear-gradient(to right, #0056b3 0%, #0056b3 25%, #d9534f 25%, #d9534f 50%, #f0ad4e 50%, #f0ad4e 75%, #5cb85c 75%, #5cb85c 100%) 1 !important;
}

.footer-copyright, 
.footer-copyright p, 
.footer-copyright a {
  color: #ffffff !important;
}

.footer-copyright a:hover {
  color: #d9534f !important;
  text-decoration: underline !important;
}

/* FONT UNIFORME */
body, p, div, span, font, td, th, li, h1, h2, h3, h4, h5, h6 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}