:root {
  --bulma-light-h: 342deg;
  --bulma-light-s: 56%;
  --bulma-light-l: 34%;
  --bulma-primary-h: 342deg;
  --bulma-primary-s: 56%;
  --bulma-primary-l: 34%;
  --bulma-primary-dark-h: 347deg;
  --bulma-primary-dark-s: 70%;
  --bulma-primary-dark-l: 24%;
  --footer-background-color: #dbdbdb;
}

:root[data-theme=dark] {
  --footer-background-color: var(--bulma-body-background-color);
}

@media (prefers-color-scheme: dark) {
  :root {
    --footer-background-color: var(--bulma-body-background-color);
  }
}

[data-theme=dark],
.theme-dark {
  background-color: var(--footer-background-color);
}


header {
  
  #nav1 .navbar {
    min-height: 30px; 
  }
  #nav1 .navbar a.navbar-item {
    font-size: 14px;
    line-height: 20px;
    padding: 0rem 0.75rem; 
  }  


  #nav2 {
  background: var(--bulma-primary);
  padding: 10px; 
  }
  #nav2 h1 {
    margin: 0px;
    font-size: 1.40em;
    line-height: 1.40em;
    padding: 9px 0px; 
  }
  #nav2 a {
    color: var(--bulma-primary-100); 
  }
  #nav2 img {
    max-height: 83px;
    vertical-align: middle; 
  }
}

footer .has-background-primary-dark {
  background: var(--bulma-primary) !important; 
}

footer #footer-first {
  background-color: var(--footer-background-color);
  padding: 41px 0px; 
}
footer #footer-first .column.menu {
  border-left: var(--bulma-primary) 1px solid;
}
footer #footer-first .column.menu p.menu-label {
  font-weight: bold;
  font-size: 0.8em;
  margin-bottom: 4px; 
}
footer #footer-first .column.menu .has-text-primary-dark {
  color: var(--bulma-primary-dark) !important; 
}
footer #footer-first .column.menu ul.menu-list li span.fa-li {
  font-size: 0.7rem;
  padding-top: 6px; 
}
footer #footer-first .column.menu ul.menu-list li a {
  font-size: 0.7rem;
  font-weight: bold;
  color: var(--bulma-text-color);
  background: transparent; 
}
footer #footer-first .column.menu ul.menu-list li a:hover {
  background: var(--bulma-primary); 
} 

footer #footer-second {
  background-color: var(--bulma-danger);
  padding: 41px 0px;
  text-align: center;
  color: var(--bulma-white); 
}

