:root {
  /** Header **/
  --headerBackgroundColor: #FFA500;
  --headerTextColor: #FFA500;
  --headerHoverTextColor: #FFA500;
  --headerHoverBackgroundColor: #FFA500;
  --headerActiveTextColor: #FFA500;
  --headerActiveBackgroundColor: #FFA500;
  --headerActiveBorderBottomSize: 2px;
  --headerActiveBorderBottomColor: #FFA500;
  --headerActiveBorderBottomStyle: solid;
  /** Header Hamburger **/
  --headerHamburgerBackgroundColor: #FFA500;
  --headerHamburgerTextColor: #FFA500;
  /**** Header Responsive ****/
  --headerResponsiveMenuBackgroundColor: #FFA500;
  --headerResponsiveMenuTextColor: #FFA500;
  --headerResponsiveMenuHoverTextColor: #FFA500;
  --headerResponsiveMenuHoverBackgroundColor: #FFA500;
  --headerResponsiveMenuHoverBackgroundUnknown: trololo;
  /*** Footer **/
  --footer1Color: #a4a46d;
  --footer2Color: #a4a46d;
}
#grid-container {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
#grid-container article {
  flex: 1;
}
header nav div div li.active a {
  background: var(--primaryColor);
  box-shadow: 0 7px 0 var(--primaryColor);
}
header nav div div li.active a:hover {
  text-decoration: underline;
}
header nav div div a {
  text-decoration: none;
  padding: 3rem 0.8rem;
  color: #ffffff;
  transition: 300ms ease;
  font-size: 18px;
}
header nav div div a:hover {
  background: rgba(154, 15, 10, 0.7);
  color: #ffffff;
  box-shadow: 0 7px 0 #9a0f0a;
}
header nav .collapse.show li,
header nav .collapsing li {
  padding-top: 5px;
}
header nav .collapse.show li a,
header nav .collapsing li a {
  display: flex;
  padding: 6px 12px;
}
header nav button.navbar-toggler {
  background: #b2b2b2;
}
footer .footerContent {
  background: var(--footer1Color);
}
footer .copyright {
  background: var(--footer2Color);
}
/*# sourceMappingURL=style.css.map */