/*
Compile SASS: design.css
*/
@font-face {
  font-family: Brandon;
  src: url(/mod/design/brandon_font/brandon.woff) format("woff");
  font-weight: 500; }
* {
  box-sizing: border-box; }

html {
  font-size: 10px; }

a img {
  border: none; }

body {
  margin: 0;
  font-family: FuturaBTLight, Arial;
  display: flex;
  height: 100vh;
  flex-direction: column; }

/* Disable sticky footer for IE10 and IE11 */
@media all and (-ms-high-contrast: none) {
  body {
    height: auto;
    display: block; } }
#content {
  flex: 1; }

h1, h2 {
  color: #169b1c;
  font-family: Brandon;
  font-weight: 300; }

a {
  color: #0059b3;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

/* Format the blocks that should be in the text flow of headlines body text, tables etc. */
.flow {
  max-width: 65rem;
  margin: 0 auto;
  padding: 0 1.4rem;
  text-align: center;
  font-size: 1.6rem;
  /* if flow content is ending with a flow block lets add som margin so it looks nice before the footer */ }
  .flow p {
    line-height: 1.3em; }
  .flow h1 {
    font-weight: 300; }
  .flow h2 {
    margin-top: 2em;
    font-weight: 400; }
  .flow:last-child {
    margin-bottom: 10rem; }

.site-width {
  max-width: 105rem;
  width: 100%;
  margin: 0 auto;
  padding: 0 3rem; }

@media screen and (min-width: 1px) {
  #topbar-container {
    font-family: Muli;
    position: relative;
    top: 0;
    z-index: 999;
    width: 100%;
    background-color: black; }
    #topbar-container #topbar {
      width: 100%; }
      #topbar-container #topbar #logo {
        vertical-align: middle;
        color: White;
        text-align: center;
        padding: 1rem;
        font-size: 1.8rem; }
        #topbar-container #topbar #logo a {
          color: White; } }
/* media */
#nav.fixed {
  position: fixed;
  top: 0;
  margin: 0;
  width: 100%; }

/* offset anchors to deal with fixed navbar */
a.anchor {
  display: block;
  position: relative;
  /*top: -35px;*/
  visibility: hidden; }

#content {
  font-size: 1.3rem; }

#footer {
  background-color: Black;
  color: White; }
  #footer a {
    color: White; }
  #footer .footer-content {
    /*padding: 4rem;*/
    text-align: center;
    font-size: 1.4rem;
    height: 5rem;
    display: table-cell;
    vertical-align: middle;
    margin: 0 auto;
    width: 100vw; }
    #footer .footer-content > span {
      padding: 0 2rem;
      border-right: 1px solid White; }
      #footer .footer-content > span:last-child {
        border-right: none; }
  #footer .by_line {
    position: absolute;
    right: 0rem;
    bottom: 1rem;
    width: 100%;
    text-align: center; }
    #footer .by_line a {
      color: #8F8160;
      text-decoration: none; }
  @media screen and (max-width: 940px) {
    #footer span {
      border: none !important;
      display: block;
      margin-bottom: 0.3rem; } }

@media print {
  #topbar-container, #footer {
    display: none; } }