/*
=========================
=========================
Variables
=========================
=========================
*/
/* Variables related to the header and footer height */
/* ===============================
   font-themes
   =============================== */
@import "https://fonts.googleapis.com/css?family=Lora:400,700&display=swap";
.layout--reflecting .griditem--title .reflecting-title {
  background-image: url(/assets/reflecting-title-lora.svg);
  padding-bottom: 22.15%;
}
@media screen and (min-width: 900px) and (orientation: landscape) {
  .layout--reflecting .griditem--title .reflecting-title {
    background-image: url(/assets/reflecting-title-lora-vert.svg);
    padding-right: calc((100vh - (4em + 65px)) * 0.2215);
  }
}

/* ===============================
   colour-themes
   =============================== */
/* ===============================
   app base
   =============================== */
/*
=========================
=========================
Footer
=========================
=========================
*/
.app-footer {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 13px;
  line-height: 1;
  width: 100%;
  background-color: #0d0d0d;
  color: #d1d0cb;
  text-rendering: optimizeLegibility;
}
@media only screen and (min-width: 700px) and (min-height: 600px) {
  .app-footer {
    position: fixed;
    bottom: 0px;
  }
}

.app-footer .inner {
  max-width: 1600px;
  margin: 0 auto;
}

.app-footer p {
  white-space: nowrap;
  padding: 6px;
  margin: 0;
}

.app-footer a {
  color: #d1d0cb;
  text-decoration: none;
  display: inline-block;
  transition: ease 0.2s background-color;
  padding: 6px;
}
.app-footer a:hover, .app-footer a:focus, .app-footer a:active {
  background-color: #333;
}

/*# sourceMappingURL=main-footer.css.map */