/*
Theme Name: Oozoa
Author: Scott Wilson
Description: Oozoa theme
Version: 0.1.0
*/
@font-face {
  font-family: "HoratioDLig";
  src: url("/assets/fonts/HoratioD-Ligh.woff");
}
@font-face {
  font-family: "HoratioDBol";
  src: url("/assets/fonts/HoratioD-Bold.woff");
}
@font-face {
  font-family: "HoratioDMed";
  src: url("/assets/fonts/HoratioD-Medi.woff");
}
h1 {
  color: #007B5F;
  border-bottom: 0.5mm solid #004F59;
  font-size: 20pt;
  font-style: italic;
}

.slogan {
  font-family: HoratioDLig, sans-serif;
  font-size: 14pt;
  color: #007B5F;
}

a {
  font-family: HoratioDBol, sans-serif;
  color: #007B5F;
}

.active > a,
.open > a,
a:focus,
a:hover {
  color: #004F59;
  background-repeat: no-repeat;
  background-position: right;
}

.container {
  display: grid;
  font-family: HoratioDMed, sans-serif;
}

.logo {
  grid-area: logo;
  padding: 5mm 5mm 5mm 5mm;
}

.header {
  grid-area: header;
  padding: 5mm 5mm 5mm 5mm;
}

.content {
  grid-area: content;
  padding: 5mm 5mm 5mm 5mm;
  font-family: HoratioDLig, sans-serif;
  overflow-wrap: break-word;
}

.footer {
  grid-area: footer;
  background-color: #004F59;
  padding-top: 20pt;
  color: #FFFFFF;
  font-style: italic;
  padding: 5mm 5mm 5mm 5mm;
  font-size: 10pt;
}

.navbar {
  grid-area: navbar;
  background-color: #007B5F;
  padding: 5mm 5mm 5mm 5mm;
}
.navbar a {
  font-family: HoratioDBol, sans-serif;
  font-size: 12pt;
  color: #FFFFFF;
  letter-spacing: 0.75pt;
  text-decoration: none;
}
.navbar li {
  list-style: none;
}
.navbar .active > a,
.navbar .open > a,
.navbar a:focus,
.navbar a:hover {
  color: #004F59;
  background-repeat: no-repeat;
  background-position: right;
}

.footer-copyright {
  float: left;
}

.footer-auth {
  float: right;
}

@media only screen and (max-width: 600px) {
  .container {
    grid-template-columns: auto auto auto;
    grid-template-areas: "logo logo logo" "header header header" "navbar navbar navbar" "content content content" "footer footer footer";
  }
}
@media only screen and (min-width: 601px) {
  .container {
    grid-template-columns: max-content auto auto;
    grid-template-areas: "logo header header" "navbar content content" "footer footer footer";
  }

  .navbar {
    min-height: calc(30em);
  }
}
.navbar > li {
  padding-top: 2mm;
  padding-bottom: 2mm;
}