/* Fonts
  ---------------------------------------------------------------- */
@font-face {
  font-family: "poppins";
  src: url("../fonts/poppins/400-regular.ttf");
  font-weight: 400;
}
@font-face {
  font-family: "poppins";
  src: url("../fonts/poppins/500-medium.ttf");
  font-weight: 500;
}
@font-face {
  font-family: "poppins";
  src: url("../fonts/poppins/600-semibold.ttf");
  font-weight: 600;
}
@font-face {
  font-family: "poppins";
  src: url("../fonts/poppins/700-bold.ttf");
  font-weight: 700;
}
@font-face {
  font-family: "gothica1";
  src: url("../fonts/gothica1/400-regular.ttf");
  font-weight: 400;
}
@font-face {
  font-family: "gothica1";
  src: url("../fonts/gothica1/500-medium.ttf");
  font-weight: 500;
}
@font-face {
  font-family: "gothica1";
  src: url("../fonts/gothica1/600-semibold.ttf");
  font-weight: 600;
}
@font-face {
  font-family: "gothica1";
  src: url("../fonts/gothica1/700-bold.ttf");
  font-weight: 700;
}
@font-face {
  font-family: "mplus";
  src: url("../fonts/mplus/700-bold.ttf");
  font-weight: 700;
}
ul.nostyle {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.left li {
  float: left;
  margin-left: 0.75rem;
}

.color {
  color: #0470b0 !important;
}

.bg {
  background-color: #0470b0;
}

/* Frontend
---------------------------------------------------------------- */
body {
  font-family: "gothica1", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  overflow-x: hidden;
}

body.noscroll {
  overflow: hidden;
}

footer {
  background: #40acb6;
  color: white;
  line-height: 1rem;
  font-size: 0.75rem;
}
footer a, footer a:visited {
  opacity: 0.8;
  transition: 0.2s opacity;
  color: white;
  text-decoraction: none;
}
footer a:hover, footer a:visited:hover {
  opacity: 1;
  transition: 0.2s opacity;
  color: inherit;
}

h1, h2, h3 {
  font-family: "poppins", serif;
}

h1 {
  font-weight: bold;
}

a, a:visited {
  text-decoration: none;
  color: inherit;
}

nav ul {
  list-style: none;
  font-size: 1.15rem;
}
nav ul li {
  float: left;
  margin-right: 1rem;
  border-bottom: 2px solid rgba(255, 255, 255, 0);
}
nav ul li:hover {
  border-bottom: 2px solid white;
}
nav ul li a {
  opacity: 0.9;
}
nav ul li a:hover {
  opacity: 1;
  color: white;
}
nav ul li.active {
  border-bottom: 2px solid white;
}
nav ul li.active a, nav ul li.active a:visited {
  opacity: 1;
}

a.button {
  text-align: center;
  display: block;
  border-radius: 0.25rem;
  background: #40acb6;
  color: white;
  font-size: 1rem;
  font-weight: 600;
  padding: 0.375rem;
}
a.button:hover {
  background: #308995;
  transition: 0.2s all;
}

#sidecart {
  position: absolute;
  overflow-y: auto;
  right: 0;
  top: 0;
  box-sizing: border-box;
  height: 100%;
  width: 28rem;
  background: #89cff0;
  padding: 2rem 1.5rem 1rem;
  transform: translateX(100%);
  transition: 0.5s all;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#sidecart.open {
  transform: translateX(0);
  transition: 1s all;
}
#sidecart a.button {
  text-align: center;
  display: block;
  border-radius: 0.25rem;
  background: #1782b5;
  color: white;
  font-size: 1rem;
  font-weight: 600;
  padding: 0.375rem;
}
#sidecart a.button:hover {
  background: #11638a;
  transition: 0.2s all;
}

/*# sourceMappingURL=frontend.css.map */