/* Variables */
:root {
  --main-color: #FFAA00;
  --main-secondary-color: #ff8204;
  --main-dark-color: #af5d01;
  --light-color: #f1f1f1;

  --font-family-base: 'Arial', sans-serif;
  --font-size-base: 1.6rem; /* 16px */
  --line-height-base: 1.5;

  --max-width: 1500px;
}

body {
  /*background-color: var(--main-color) !important;*/
  padding-top: 2rem;
  background-color: white !important;
}

.layout-container {
  background-color: white;
}

.site-logo {
  flex: 0 1 259px !important;
}

.site-name a {
  text-decoration: none;
  color: white;
}

.site-slogan {
  color: white;
}

.region.region-header {
}

.block-system-branding-block {
  background-image: url("./../images/secondary-color.webp");
  background-repeat: repeat;
}

h2 {
  color: var(--main-dark-color);
}

article p a,
article li a {
  color: var(--main-dark-color);
}

aside nav ul li a {
  /*background-color: var(--main-color);*/
  background-color: var(--light-color);
  font-weight: bold;
  text-decoration: none;
}

aside nav ul li a.is-active {
  background-color: var(--main-secondary-color);
}

aside nav ul li a:hover {
  color: black;
  background-color: var(--secondary-color);
}

@media screen and (min-width: 576px) {
}

@media screen and (min-width: 768px) {
  .site-logo {
    flex: 0 1 259px !important;
  }
}

@media screen and (min-width: 992px) {
}

@media screen and (min-width: 1200px) {
}

@media screen and (min-width: 1400px) {
}