/*!
 * fireshell
 * Fiercely quick and opinionated front-ends
 * http://getfireshell.com
 * @author Todd Motto
 * @version 1.1.0
 * Copyright 2013. MIT licensed.
 */

/*------------- Breakpoints -----------------*/

/*------------- Colors -----------------*/

/*--------------- Mixin -------------*/

.clear:before,
.clear:after {
  content: ' ';
  display: table;
}

.clear {
  *zoom: 1;
}

.clear:after {
  clear: both;
}

* {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

html {
  font-size: 100%;
}

body {
  font: 300 13px/1.6 'Helvetica Neue', Helvetica, Arial;
  background-color: #d9e4ea;
  color: #444;
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
}

.header {
  background-color: #3c5c6e;
  padding-top: 1em;
  padding-bottom: 0;
  text-align: center;
  color: white;
}

.header p {
  margin-bottom: 0;
}

.header img {
  margin-bottom: -5px;
  zoom: 1;
  position: relative;
}

@media (min-width: 40em) {
  .logo {
    float: right;
    width: 15%;
    margin-top: 3em;
  }
}

@media (min-width: 45em) {
  .headline {
    float: left;
    width: 85%;
    text-align: left;
    margin-left: 4em;
  }
}

.nav ul {
  list-style: none;
}

aside {
  padding: 0.4em;
  padding-top: 2em;
  margin: 0;
  margin-top: -20px;
}

.kalender {
  background-color: #f1e258;
  padding-left: 5%;
  padding-right: 5%;
}

.dates {
  text-align: center;
}

.dates li {
  border: 1px #3c5c6e dotted;
  border-radius: 4px;
}

@media (min-width: 40em) {
  .dates {
    float: left;
    width: 85%;
  }
}

@media (min-width: 40em) {
  .dates {
    text-align: left;
  }

  .dates li {
    float: left;
    width: 48%;
    margin-right: 1em;
    padding-left: 0.3em;
    padding-right: 0.1em;
  }

  .dates li:nth-child(even) {
    margin-right: 0;
  }
}

.dates a {
  text-decoration: none;
  color: #31529a;
}

.sponsorer {
  background-color: #c8d8e1;
  border: 1px #3c5c6e dotted;
  border-radius: 4px;
  padding: 1.5em;
}

@media (min-width: 67em) {
  .sponsorer {
    float: left;
    width: 25%;
    margin-left: 5%;
    margin-top: 5em;
  }
}

.main {
  /*background-color: lighten($headerbg, 55%);*/
}

article {
  margin: 3%;
}

@media (min-width: 40em) {
  article {
    width: 70%;
    margin: 1em auto;
  }
}

@media (min-width: 58em) {
  article {
    width: 60%;
  }
}

@media (min-width: 67em) {
  article {
    width: 50%;
    float: right;
    margin-right: 15%;
  }
}

ul {
  list-style-type: none;
  padding-left: 0;
}

ul li {
  font-size: 1.3em;
  margin-bottom: 0.5em;
}

@font-face {
  font-family: 'Font-Name';
  src: url("../fonts/font-name.eot");
  src: url("../fonts/font-name.eot?#iefix") format("embedded-opentype"), url("../fonts/font-name.woff") format("woff"), url("../fonts/font-name.ttf") format("truetype"), url("../fonts/font-name.svg#font-name") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'titillium_bdbold';
  src: url("../fonts/titillium-bold-webfont.eot");
  src: url("../fonts/titillium-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/titillium-bold-webfont.woff") format("woff"), url("../fonts/titillium-bold-webfont.ttf") format("truetype"), url("../fonts/titillium-bold-webfont.svg#../fonts/titillium_bdbold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'titilliumregular';
  src: url("../fonts/titillium-regular-webfont.eot");
  src: url("../fonts/titillium-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/titillium-regular-webfont.woff") format("woff"), url("../fonts/titillium-regular-webfont.ttf") format("truetype"), url("../fonts/titillium-regular-webfont.svg#titilliumregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'titilliumitalic';
  src: url("../fonts/titillium-regularitalic-webfont.eot");
  src: url("../fonts/titillium-regularitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/titillium-regularitalic-webfont.woff") format("woff"), url("../fonts/titillium-regularitalic-webfont.ttf") format("truetype"), url("../fonts/titillium-regularitalic-webfont.svg#titilliumitalic") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'titilliumbold_italic';
  src: url("../fonts/titillium-semibolditalic-webfont.eot");
  src: url("../fonts/titillium-semibolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/titillium-semibolditalic-webfont.woff") format("woff"), url("../fonts/titillium-semibolditalic-webfont.ttf") format("truetype"), url("../fonts/titillium-semibolditalic-webfont.svg#titilliumbold_italic") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'fira_sans_otbold';
  src: url("../fonts/firasansot-bold-webfont.eot");
  src: url("../fonts/firasansot-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/firasansot-bold-webfont.woff") format("woff"), url("../fonts/firasansot-bold-webfont.ttf") format("truetype"), url("../fonts/firasansot-bold-webfont.svg#fira_sans_otbold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'fira_sans_otregular';
  src: url("../fonts/firasansot-regular-webfont.eot");
  src: url("../fonts/firasansot-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/firasansot-regular-webfont.woff") format("woff"), url("../fonts/firasansot-regular-webfont.ttf") format("truetype"), url("../fonts/firasansot-regular-webfont.svg#fira_sans_otregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'perspective_sansbold';
  src: url("../fonts/perspectivesans_bold_macroman/persansb-webfont.eot");
  src: url("../fonts/perspectivesans_bold_macroman/persansb-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/perspectivesans_bold_macroman/persansb-webfont.woff") format("woff"), url("../fonts/perspectivesans_bold_macroman/persansb-webfont.ttf") format("truetype"), url("../fonts/perspectivesans_bold_macroman/persansb-webfont.svg#perspective_sansbold") format("svg");
  font-weight: normal;
  font-style: normal;
}

a {
  text-decoration: none;
  color: #31529a;
}

a img {
  border: 0;
}

p {
  font-size: 1.2em;
  font-family: 'titilliumregular';
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'perspective_sansbold';
  font-weight: normal;
  margin: 0;
}

h1 {
  font-size: 5em;
  line-height: 1.2;
  margin-bottom: 0.4em;
}

@media (min-width: 58em) {
  h1 {
    font-size: 6em;
  }
}

h2 {
  font-size: 3em;
  line-height: 1;
}

h3 {
  font-size: 2em;
  line-height: 1;
}

ul {
  font-family: 'titilliumregular';
  font-size: 1em;
}

::selection {
  background: #333;
  color: #fff;
  text-shadow: none;
}

::-moz-selection {
  background: #333;
  color: #fff;
  text-shadow: none;
}

::-webkit-selection {
  background: #333;
  color: #fff;
  text-shadow: none;
}

@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

@page {
    margin: 0.5cm;
}

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}