/*
Theme Name: Stora Saluhallen
Theme URI: www.storasaluhallen.se
Description: Custom theme for Stora Saluhallen. Design by The Compadres, built by Lundgren+Lindqvist.
Author: Lundgren+Lindqvist
Author URI: www.lundgrenlindqvist.se
Version: 1.0
.
This theme, its design and all files included are protected under copyright laws. It is not a free theme.
.
*/
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
@import url(calender.css);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* LL Edits*/
body, input, textarea, button {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

input, textarea, button {
  -webkit-appearance: none;
  border-radius: 0; }

html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

/* Imports */
/* Variables */
/* icons */
@font-face {
  font-family: 'storasaluhallen-icons';
  src: url("../../assets/fonts/storasaluhallen-icons.eot?ffjrx9");
  src: url("../../assets/fonts/storasaluhallen-icons.eot?ffjrx9#iefix") format("embedded-opentype"), url("../../assets/fonts/storasaluhallen-icons.ttf?ffjrx9") format("truetype"), url("../../assets/fonts/storasaluhallen-icons.woff?ffjrx9") format("woff"), url("../../assets/fonts/storasaluhallen-icons.svg?ffjrx9#storasaluhallen-icons") format("svg");
  font-weight: normal;
  font-style: normal; }
.findus a, .instagram a, .fb a {
  text-decoration: underline; }

.cff-wrapper a {
  text-decoration: underline !important; }

[class^="icon-"], [class*=" icon-"], .icon, a.goto:before, header .lang ul li.active a:after, header nav .socials .instagram:before,
header nav .socials .fb:before, .section.theme.label a:before, .section.latest .instagram h1:before, .section.latest .blog .post-excerpt a:before, .merchants .merchants .merchant a.visit:before, body.merchant .merchant .placement .marker:before, body.events .event-excerpt a:before, body.events .events .header a.prev:before, body.events .events .header a.next:before, .wrapper > footer a.findus:before,
.wrapper > footer a.instagram:before,
.wrapper > footer a.fb:before, .wrapper > footer ul li a:before, footer + .totop a:before, #overlay .close {
  font-family: 'storasaluhallen-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-fb:before, header nav .socials .fb:before, .wrapper > footer a.fb:before {
  content: "\e907"; }

.icon-marker:before, body.merchant .merchant .placement .marker:before, .wrapper > footer a.findus:before {
  content: "\e906"; }

.icon-instagram:before, header nav .socials .instagram:before, .section.latest .instagram h1:before, .wrapper > footer a.instagram:before {
  content: "\e901"; }

.icon-close:before, #overlay .close:before {
  content: "\e900"; }

.icon-arrow-up:before, footer + .totop a:before {
  content: "\e902"; }

.icon-arrow-right:before, a.goto:before, .section.theme.label a:before, .section.latest .blog .post-excerpt a:before, .merchants .merchants .merchant a.visit:before, body.events .event-excerpt a:before, body.events .events .header a.next:before, .wrapper > footer ul li a:before {
  content: "\e903"; }

.icon-arrow-left:before, body.events .events .header a.prev:before {
  content: "\e904"; }

.icon-arrow-down:before, a.goto.loadmore:before {
  content: "\e905"; }

/* extensions classes */
.wrapper > header:before {
  content: '';
  display: block;
  width: 100%;
  height: 4.95em;
  background: url("../../assets/images/patterns/1_xsmall.jpg"); }

/* forms */
input, select, textarea {
  font-size: 1.125em;
  font-family: "Lato", Arial, sans-serif;
  line-height: 140%;
  display: inline-block; }

input[type="text"], input[type="number"] {
  border: 0;
  background: #5b1814;
  border: solid 1px white;
  color: #faf4eb;
  padding: 1em;
  font-size: 0.7em;
  height: 2.5em; }

input[type="submit"] {
  color: #faf4eb;
  background: #79201b;
  border: 2px solid #faf4eb;
  text-transform: uppercase;
  margin-left: 1em;
  padding: 0.5em;
  font-size: 0.6em;
  font-weight: bold;
  cursor: pointer; }
  input[type="submit"]:hover {
    border-color: #faf4eb;
    background: #faf4eb;
    color: #79201b; }

label {
  font-size: 0.8em;
  text-transform: uppercase;
  display: block; }

/* typography & html elements */
body {
  font-size: 1.125em;
  font-family: "Lato", Arial, sans-serif;
  line-height: 140%;
  letter-spacing: 0.01em;
  background: #faf4eb;
  overflow-x: hidden; }

a {
  text-decoration: none;
  color: #000;
  -webkit-transition: color 0.5s ease-in;
  -moz-transition: color 0.5s ease-in;
  transition: color 0.5s ease-in; }
  a:before, a:after {
    -webkit-transition: color 0.5s ease-in;
    -moz-transition: color 0.5s ease-in;
    transition: color 0.5s ease-in; }

p a {
  color: #79201b; }
  p a:hover {
    color: #000; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'abril-fatface', serif;
  line-height: 140%;
  color: #79201b; }
  .inner > h1, .inner > h2, .inner > h3, .inner > h4, .inner > h5, .inner > h6 {
    line-height: 100%; }

h1 {
  font-size: 4em; }

h2 {
  font-size: 2.5em;
  text-align: center; }

h3 {
  font-size: 2em; }

h4 {
  font-size: 1.3em; }

p {
  padding-bottom: 0.5em; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

img {
  max-width: 100%;
  height: auto;
  display: block; }

figure img {
  display: inline-block; }

a.goto {
  color: #79201b;
  font-weight: bold;
  position: relative; }
  a.goto:before {
    display: inline-block;
    font-size: 18px;
    vertical-align: middle;
    margin-bottom: 5px; }
  a.goto:hover {
    color: #000; }
    a.goto:hover:before {
      color: #000; }
  a.goto.loadmore {
    font-size: 0.8em;
    background: #f3e9db;
    padding: 0.5em 1em;
    text-transform: uppercase;
    display: inline-block; }

/* content */
header .lang {
  position: absolute;
  top: -4.95em;
  right: 0;
  background: #faf4eb; }
  header .lang ul li {
    display: none;
    padding: 0.5em 0;
    font-size: 0.8em;
    text-align: center;
    min-width: 7em; }
    header .lang ul li.active {
      display: inline-block; }
      header .lang ul li.active a {
        display: inline-block; }
        header .lang ul li.active a:after {
          content: "\e905";
          display: inline-block;
          position: absolute;
          right: 1em;
          font-size: 18px;
          color: #79201b; }
  header .lang ul.hover li, header .lang ul:hover li {
    display: block; }
  header .lang a {
    color: #79201b;
    padding-left: 2em;
    padding-right: 3em;
    position: relative; }

nav .spacer {
  position: relative; }

#logotype {
  border-radius: 50%;
  background: #faf4eb;
  z-index: 10;
  border: solid #79201B; }
  #logotype a {
    position: absolute;
    left: 50%;
    top: 50%;
    background: url("../../assets/images/logotype_temp.png") no-repeat;
    background-size: contain;
    width: 75%;
    height: 75%;
    text-indent: -99999px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.wrapper > header {
  background: #79201b; }

header nav {
  margin: 0 auto;
  text-align: center;
  position: relative; }
  header nav a,
  header nav a:hover,
  header nav a:active,
  header nav a:visited {
    color: #faf4eb;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 0.8em;
    font-weight: bold; }
  header nav ul, header nav li {
    padding: 0;
    margin: 0;
    display: inline-block; }
  header nav ul {
    margin: 0 auto; }
  header nav li {
    float: left; }
    header nav li.spacer {
      width: 12em;
      padding: 0; }
    header nav li:first-child {
      position: relative; }
      header nav li:first-child > * {
        float: left; }
  header nav a {
    line-height: 3.3em;
    height: 3.3em; }
  header nav li #logotype a:after,
  header nav li.active #logotype a:after {
    width: 0 !important; }
  header nav p {
    font-weight: bold;
    line-height: 20px !important;
    color: #faf4eb; }
    header nav p span {
      text-transform: uppercase;
      font-size: 0.8em; }
  header nav .clock {
    width: 70px;
    height: 70px; }
    header nav .clock svg {
      max-width: 100%;
      height: auto; }
  header nav .socials {
    display: none; }
    header nav .socials .instagram,
    header nav .socials .fb {
      color: #faf4eb;
      line-height: 82px !important; }
      header nav .socials .instagram span,
      header nav .socials .fb span {
        display: none; }
      header nav .socials .instagram:hover:before,
      header nav .socials .fb:hover:before {
        opacity: 0.8; }
      header nav .socials .instagram:before,
      header nav .socials .fb:before {
        font-size: 1.5em;
        color: #faf4eb; }
    header nav .socials .instagram {
      margin-right: 1em; }

#backgrounds,
.section.pattern {
  position: relative;
  float: left;
  width: 100%;
  height: 40em;
  z-index: -1; }

.backgrounds {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1; }
  .backgrounds .background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    opacity: 0;
    z-index: 0;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    -webkit-backface-visibility: hidden; }
    .backgrounds .background.active {
      opacity: 1; }
  .backgrounds .index {
    position: absolute;
    bottom: 2em;
    left: 0;
    width: 100%; }

.index {
  text-align: center; }

.index ul {
  margin: 0 auto;
  padding-top: 1em; }
  .index ul li {
    list-style-type: none;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid #fff;
    margin-right: 15px;
    background: #fff; }
    .index ul li.active {
      background: transparent; }
    .index ul li:last-child {
      margin: 0; }

.section.theme.label a {
  color: #79201b;
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: bold; }
  .section.theme.label a:before {
    display: inline-block;
    font-size: 18px;
    vertical-align: middle; }
  .section.theme.label a:hover {
    color: #000; }
    .section.theme.label a:hover:before {
      color: #000; }
.section.theme.label .image {
  float: left;
  width: 30%;
  margin-right: 2em; }
.section.theme.label .text {
  width: calc(70% - 2em);
  display: inline-block; }
  .section.theme.label .text h2 {
    margin-top: 10px;
    text-align: center; }
.section.theme.label .label .content {
  padding: 2em;
  position: relative; }

.section .label {
  border: 2px solid #faf4eb;
  z-index: 1;
  display: block; }
  .section .label h1 {
    display: inline-block;
    line-height: 100%;
    background: #faf4eb;
    margin: 3px;
    padding: 0.25em;
    text-align: center;
    width: 100%; }
    .section .label h1 .smaller {
      font-size: 2.5em; }

#backgrounds .label,
.section.pattern .label {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.section.pattern {
  background: url("../../assets/images/patterns/1_medium.jpg"); }

.section.label {
  background: url("../../assets/images/patterns/1_medium.jpg");
  position: relative;
  padding: 3.3em 0; }
  .section.label h2 {
    text-align: center;
    padding-bottom: 0.5em; }
  .section.label .label {
    margin: 0 auto;
    width: 90%;
    border: 6px solid #faf4eb; }
    .section.label .label .content {
      border: 2px solid #79201b;
      background: #faf4eb;
      padding: 3.3em 10%; }

.section.latest {
  background-image: -webkit-linear-gradient(-360deg, #79201b 0%, #79201b calc(33.33333% + 3.3em), #faf4eb calc( 33.33333% + 3.3em), #faf4eb 100%);
  background-image: linear-gradient(90deg, #79201b 0%, #79201b calc(33.33333% + 3.3em), #faf4eb calc( 33.33333% + 3.3em), #faf4eb 100%); }
  .section.latest:before {
    display: none; }
  .section.latest .inner {
    position: relative; }
    .section.latest .inner:before {
      content: '';
      width: 50%;
      background: #79201b; }
  .section.latest .instagram,
  .section.latest .blog {
    padding: 3.3em 0; }
  .section.latest .instagram {
    background: #79201b;
    padding-right: 3.3em; }
    .section.latest .instagram h1 {
      color: #faf4eb;
      line-height: 100%;
      font-size: 2.5em;
      width: 100%;
      text-align: center; }
      .section.latest .instagram h1 span {
        display: none; }
      .section.latest .instagram h1:before {
        color: #faf4eb; }
    .section.latest .instagram .instagrams {
      padding: 3.3em 0 0 0;
      width: 100%;
      float: left;
      /*a {
      	border: ($padding / 2) solid #fff;
      	float: left;
      	margin: $padding;
      	display: inline-block;
      	width: calc(50% - 1em * 2);
      	img {
      		 display: block;
      	}
      }*/ }
      .section.latest .instagram .instagrams a {
        border: 0.5em solid #fff; }
  .section.latest .blog h1 {
    text-align: left;
    margin-bottom: 1.65em;
    font-size: 2.5em; }
  .section.latest .blog .post-excerpt {
    float: left;
    margin-top: -0.5em;
    position: relative; }
    .section.latest .blog .post-excerpt img {
      float: left;
      margin-right: 1em;
      height: auto;
      position: absolute;
      top: 0;
      left: 0; }
    .section.latest .blog .post-excerpt .excerpt {
      position: relative;
      float: left;
      padding: 0 0 2.24em 0;
      margin: 0 0 2em 0; }
      .section.latest .blog .post-excerpt .excerpt:last-child {
        margin-bottom: 0; }
    .section.latest .blog .post-excerpt .content {
      padding-left: 206px; }
    .section.latest .blog .post-excerpt datetime {
      background: #79201b;
      color: #faf4eb;
      padding: 0.5em;
      font-size: 0.7em; }
    .section.latest .blog .post-excerpt h4 {
      line-height: 120%;
      margin: 0.5em 0 0 0; }
    .section.latest .blog .post-excerpt p {
      font-size: 0.8em; }
    .section.latest .blog .post-excerpt a {
      position: absolute;
      left: 190px;
      bottom: 0;
      background: #f3e9db;
      color: #79201b;
      text-transform: uppercase;
      font-size: 0.8em;
      padding: 0.5em 2em;
      height: 2.8em;
      -webkit-transition: background 0.5s ease-in-out;
      -moz-transition: background 0.5s ease-in-out;
      transition: background 0.5s ease-in-out; }
      .section.latest .blog .post-excerpt a:before {
        display: inline-block;
        font-size: 18px;
        vertical-align: middle;
        margin-bottom: 3px; }
      .section.latest .blog .post-excerpt a:hover {
        background: #f0dec2;
        color: #000; }
        .section.latest .blog .post-excerpt a:hover:before {
          color: #000; }

.modules .col {
  text-align: center;
  padding: 3.3em; }
.modules h2 {
  line-height: 0;
  padding-bottom: 0.825em; }
.modules .content {
  padding: 0 0 4em 0;
  min-height: 4.95em; }

.lined {
  background: #f3e9db;
  height: 100%; }
  .lined .row > * {
    background: #faf4eb;
    height: 100%; }
    .lined .row > *:nth-child(odd) {
      background: #f3e9db; }

.front-page .merchants {
  margin: 3.3em 0 3.3em 0; }

.front-page .merchant {
  text-align: center; }
  .front-page .merchant strong {
    width: 100%;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin: 1em 0;
    display: block; }
  .front-page .merchant img {
    margin: 0 auto; }

.front-page .row.merchants {
  display: none; }
  .front-page .row.merchants.visible {
    display: block; }

figure.offer,
figure.logotype {
  width: 100%;
  min-height: 187px;
  position: relative; }
  figure.offer img,
  figure.logotype img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.merchants .merchants {
  width: 100%;
  float: left; }
  .merchants .merchants .merchant-title {
    font-size: 1.3em;
    text-align: left; }
  .merchants .merchants .filter {
    background: #faf4eb;
    text-align: center;
    width: 100%; }
    .merchants .merchants .filter ul {
      margin: 0 auto;
      display: inline-block; }
      .merchants .merchants .filter ul li {
        display: inline-block;
        padding: 1em 0;
        text-align: center; }
      .merchants .merchants .filter ul a {
        border: 2px solid #000;
        text-transform: uppercase;
        padding: 0.66667em 1.5em;
        font-size: 0.7em;
        font-weight: bold; }
        .merchants .merchants .filter ul a.active {
          background-color: #000;
          color: #fff; }
          .merchants .merchants .filter ul a.active.all {
            background-color: #000 !important; }
        .merchants .merchants .filter ul a.merchant-tag-1 {
          border-color: #df820b; }
          .merchants .merchants .filter ul a.merchant-tag-1:hover {
            border-color: #ae6609; }
        .merchants .merchants .filter ul a.merchant-tag-2 {
          border-color: #79201b; }
          .merchants .merchants .filter ul a.merchant-tag-2:hover {
            border-color: #4f1512; }
        .merchants .merchants .filter ul a.merchant-tag-3 {
          border-color: #e46750; }
          .merchants .merchants .filter ul a.merchant-tag-3:hover {
            border-color: #dd4124; }
        .merchants .merchants .filter ul a.merchant-tag-4 {
          border-color: #588131; }
          .merchants .merchants .filter ul a.merchant-tag-4:hover {
            border-color: #3f5c23; }
        .merchants .merchants .filter ul a.merchant-tag-5 {
          border-color: #dd9f0c; }
          .merchants .merchants .filter ul a.merchant-tag-5:hover {
            border-color: #ad7c09; }
        .merchants .merchants .filter ul a.merchant-tag-6 {
          border-color: #1c9290; }
          .merchants .merchants .filter ul a.merchant-tag-6:hover {
            border-color: #146766; }
        .merchants .merchants .filter ul a.merchant-tag-7 {
          border-color: #a2b927; }
          .merchants .merchants .filter ul a.merchant-tag-7:hover {
            border-color: #7d8f1e; }
  .merchants .merchants .merchant {
    padding: 0; }
    .merchants .merchants .merchant.filter {
      display: none; }
    .merchants .merchants .merchant .background {
      position: relative;
      height: 13.2em;
      border-bottom: 1em solid #df820b; }
      .merchants .merchants .merchant .background .logotype {
        position: absolute;
        left: 1.5em;
        bottom: -50px;
        width: 140px;
        height: 100px;
        min-height: 100px;
        background: #faf4eb;
        text-align: center;
        padding: 0.5em; }
        .merchants .merchants .merchant .background .logotype img {
          width: auto;
          max-height: 100%; }
    .merchants .merchants .merchant .content {
      max-width: 90%;
      padding: 3.3em 0 3.3em 2.5em; }
    .merchants .merchants .merchant.merchant-tag-1 .background {
      border-color: #df820b; }
    .merchants .merchants .merchant.merchant-tag-2 .background {
      border-color: #79201b; }
    .merchants .merchants .merchant.merchant-tag-3 .background {
      border-color: #e46750; }
    .merchants .merchants .merchant.merchant-tag-4 .background {
      border-color: #588131; }
    .merchants .merchants .merchant.merchant-tag-5 .background {
      border-color: #dd9f0c; }
    .merchants .merchants .merchant.merchant-tag-6 .background {
      border-color: #1c9290; }
    .merchants .merchants .merchant.merchant-tag-7 .background {
      border-color: #a2b927; }
    .merchants .merchants .merchant a.visit {
      border: solid #79201B !important;
      position: absolute;
      left: 0.5em;
      bottom: 0;
      background: #f3e9db;
      color: #79201b;
      text-transform: uppercase;
      font-size: 0.8em;
      padding: 0.5em 2em;
      -webkit-transition: background 0.5s ease-in-out;
      -moz-transition: background 0.5s ease-in-out;
      transition: background 0.5s ease-in-out; }
      .merchants .merchants .merchant a.visit:before {
        display: inline-block;
        font-size: 18px;
        float: left;
        margin-top: 4px; }
      .merchants .merchants .merchant a.visit:hover {
        background: #f0dec2;
        color: #000; }
        .merchants .merchants .merchant a.visit:hover:before {
          color: #000; }

body.merchant .merchant {
  position: relative; }
  body.merchant .merchant h1 {
    font-size: 2.5em;
    text-align: left; }
  body.merchant .merchant .content {
    padding-top: 1em; }
  body.merchant .merchant .information {
    padding: 3.3em; }
    body.merchant .merchant .information strong {
      font-style: italic; }
  body.merchant .merchant .open-hours {
    padding: 3.3em;
    background: #f3e9db; }
    body.merchant .merchant .open-hours .logotype {
      padding-top: 1em;
      text-align: center; }
    body.merchant .merchant .open-hours ul {
      padding: 1em 0 0 0;
      text-align: center; }
      body.merchant .merchant .open-hours ul li {
        font-weight: bold;
        padding-bottom: 0.25em; }
  body.merchant .merchant .merchant-tag {
    position: absolute;
    left: 50%;
    top: -1em;
    padding: 1em;
    width: 100%; }
    body.merchant .merchant .merchant-tag.merchant-tag-1 {
      background: #df820b; }
    body.merchant .merchant .merchant-tag.merchant-tag-2 {
      background: #79201b; }
    body.merchant .merchant .merchant-tag.merchant-tag-3 {
      background: #e46750; }
    body.merchant .merchant .merchant-tag.merchant-tag-4 {
      background: #588131; }
    body.merchant .merchant .merchant-tag.merchant-tag-5 {
      background: #dd9f0c; }
    body.merchant .merchant .merchant-tag.merchant-tag-6 {
      background: #1c9290; }
    body.merchant .merchant .merchant-tag.merchant-tag-7 {
      background: #a2b927; }
  body.merchant .merchant .map,
  body.merchant .merchant .placement,
  body.merchant .merchant .offers {
    padding: 1.65em; }
  body.merchant .merchant .placement {
    background: #79201b;
    text-align: center; }
    body.merchant .merchant .placement .marker {
      font-size: 3.5em;
      text-align: center;
      color: #faf4eb;
      line-height: 100%; }
      body.merchant .merchant .placement .marker span {
        display: none; }
      body.merchant .merchant .placement .marker:before {
        color: #faf4eb; }
    body.merchant .merchant .placement h2 {
      text-transform: uppercase;
      font-family: "Lato", Arial, sans-serif;
      font-weight: bold;
      color: #faf4eb;
      font-size: 1em; }
      body.merchant .merchant .placement h2:after {
        width: 30%;
        margin: 0 auto;
        display: block;
        content: '';
        border-bottom: 2px solid #faf4eb;
        padding-top: 0.5em; }
    body.merchant .merchant .placement a {
      display: inline-block;
      margin-top: 1em;
      color: #faf4eb;
      text-decoration: underline; }
  body.merchant .merchant.lunch {
    background: #faf4eb;
    text-align: center;
    padding: 3.3em 0 9.9em 0; }
    body.merchant .merchant.lunch ol {
      width: 100%;
      padding: 3.3em 0; }
      body.merchant .merchant.lunch ol li {
        text-align: left; }
    body.merchant .merchant.lunch h2 {
      text-align: center; }
    body.merchant .merchant.lunch h4 {
      text-align: center;
      padding: 0 0 0.5em 0; }
      body.merchant .merchant.lunch h4:after {
        padding: 0.5em 0 0 0;
        width: 20%;
        margin: 0 auto;
        display: block;
        content: '';
        border-bottom: 2px solid #79201b; }
  body.merchant .merchant .offers .row .col {
    text-align: center;
    padding: 0;
    width: 187px;
    margin-right: 3.3em; }
    body.merchant .merchant .offers .row .col figure {
      margin-bottom: 1em; }
    body.merchant .merchant .offers .row .col.no-offer {
      text-align: left;
      width: auto; }

body.blogg .posts h2,
body.single-events .posts h2 {
  text-align: left;
  line-height: 120%;
  padding: 0.33333em 0; }
body.blogg .posts h4,
body.single-events .posts h4 {
  font-family: "Lato", Arial, sans-serif;
  font-weight: bold;
  font-style: italic;
  color: #000;
  line-height: 100%;
  font-size: 1.2em; }
body.blogg .post-excerpt,
body.single-events .post-excerpt {
  float: left;
  margin-bottom: 3.3em; }
  body.blogg .post-excerpt:after,
  body.single-events .post-excerpt:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0; }
  body.blogg .post-excerpt datetime,
  body.single-events .post-excerpt datetime {
    background: #79201b;
    color: #faf4eb;
    padding: 0.5em;
    font-size: 0.7em; }
  body.blogg .post-excerpt img,
  body.single-events .post-excerpt img {
    display: block; }
  body.blogg .post-excerpt .excerpt,
  body.single-events .post-excerpt .excerpt {
    margin-top: 3.3em;
    float: left; }
    body.blogg .post-excerpt .excerpt:first-child,
    body.single-events .post-excerpt .excerpt:first-child {
      margin-top: 0; }
    body.blogg .post-excerpt .excerpt img,
    body.single-events .post-excerpt .excerpt img {
      margin-bottom: 1em; }
  body.blogg .post-excerpt .tags,
  body.single-events .post-excerpt .tags {
    padding: 1em 0;
    margin: 1em 0 0 0;
    position: relative;
    float: left;
    width: 100%; }
    body.blogg .post-excerpt .tags a,
    body.single-events .post-excerpt .tags a {
      margin-bottom: 0; }
    body.blogg .post-excerpt .tags:before,
    body.single-events .post-excerpt .tags:before {
      border-top: 2px solid #79201b;
      width: 105%;
      content: '';
      position: absolute;
      left: -2.5%;
      top: 0; }
    body.blogg .post-excerpt .tags:after,
    body.single-events .post-excerpt .tags:after {
      border-top: 2px solid #79201b;
      width: 105%;
      content: '';
      position: absolute;
      left: -2.5%;
      bottom: 0; }
body.blogg .tags a,
body.single-events .tags a {
  text-transform: uppercase;
  font-size: 0.8em;
  padding: 0.33333em 1em;
  border: 2px solid #79201b;
  margin: 0 1em 0.5em 0;
  float: left;
  font-weight: bold; }
  body.blogg .tags a:first-child, body.blogg .tags a:first-of-type,
  body.single-events .tags a:first-child,
  body.single-events .tags a:first-of-type {
    margin-left: 0; }
body.blogg .posts .col.tags,
body.single-events .posts .col.tags {
  background: url("../../assets/images/patterns/1_medium.jpg");
  padding: 0; }
  body.blogg .posts .col.tags .tags,
  body.single-events .posts .col.tags .tags {
    padding: 3.3em;
    background: #f3e9db; }
    body.blogg .posts .col.tags .tags:after,
    body.single-events .posts .col.tags .tags:after {
      visibility: hidden;
      display: block;
      content: "";
      clear: both;
      height: 0; }

.section.content-aside {
  position: relative; }
  .section.content-aside h2 {
    text-align: left; }
  .section.content-aside .information {
    padding: 3.3em; }
    .section.content-aside .information strong {
      font-style: italic; }
  .section.content-aside .information + .col {
    padding: 3.3em;
    background: #f3e9db; }

#map {
  width: 100%;
  height: 30em; }

body.events h2 {
  text-align: left; }
body.events .event-excerpt {
  float: left;
  margin-top: -0.5em;
  width: 100%; }
  body.events .event-excerpt img {
    float: left;
    margin-right: 1em;
    max-width: 325px;
    height: auto;
    left: 0; }
  body.events .event-excerpt .excerpt {
    position: relative;
    float: left;
    width: 100%;
    padding: 0;
    border-top: 1em solid #e7d2b7; }
    body.events .event-excerpt .excerpt:last-child {
      margin-bottom: 0; }
  body.events .event-excerpt .marklet {
    position: absolute;
    top: 0;
    left: 1em;
    background: #e7d2b7;
    color: #79201b;
    padding: 0.5em; }
    body.events .event-excerpt .marklet .day,
    body.events .event-excerpt .marklet .month {
      display: block;
      text-align: center; }
    body.events .event-excerpt .marklet .month {
      font-size: 0.8em; }
    body.events .event-excerpt .marklet .day {
      font-size: 2em;
      font-weight: bold; }
  body.events .event-excerpt datetime {
    margin-top: 1.65em;
    background: #79201b;
    color: #faf4eb;
    padding: 0.1em 1em;
    font-size: 0.7em;
    display: inline-block; }
  body.events .event-excerpt h3 {
    line-height: 120%;
    margin: 0.3em 0 0 0;
    font-size: 1.8em; }
  body.events .event-excerpt p {
    font-size: 0.8em; }
  body.events .event-excerpt a {
    position: absolute;
    left: 325px;
    bottom: 0;
    background: #f3e9db;
    color: #79201b;
    text-transform: uppercase;
    font-size: 0.7em;
    padding: 0.5em 2em;
    height: 2.7em;
    -webkit-transition: background 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
    transition: background 0.5s ease-in-out; }
    body.events .event-excerpt a:before {
      display: inline-block;
      font-size: 18px;
      float: left;
      margin-top: 3px; }
    body.events .event-excerpt a:hover {
      background: #f0dec2;
      color: #000; }
      body.events .event-excerpt a:hover:before {
        color: #000; }
  body.events .event-excerpt .content {
    padding-right: 3.3em; }
body.events .events {
  position: relative;
  float: left;
  width: 100%; }
  body.events .events header {
    padding: 3.3em 0 1.65em 0; }
  body.events .events .col:first-child {
    padding: 0;
    padding-bottom: 3.3em; }
  body.events .events .col.calender {
    background: #f3e9db;
    padding: 3.3em 0; }
  body.events .events .calendar {
    margin: 0 auto; }
  body.events .events #calendar {
    width: 300px;
    height: 300px;
    margin: 0 auto; }
  body.events .events .header {
    width: 300px;
    text-align: center;
    padding: 1em 0 0.5em 0;
    border-bottom: 1px solid #fff;
    margin: 0 auto 0.5em auto; }
    body.events .events .header strong {
      text-transform: uppercase;
      color: #79201b;
      font-size: 0.8em; }
    body.events .events .header a {
      color: #79201b; }
      body.events .events .header a:hover:before {
        color: #5b1814; }
    body.events .events .header a.prev:before {
      display: inline-block;
      font-size: 18px;
      float: left;
      color: #79201b;
      margin-top: 5px; }
    body.events .events .header a.next:before {
      display: inline-block;
      font-size: 18px;
      float: right;
      color: #79201b;
      margin-top: 5px; }
  body.events .events .fc-calendar .fc-head {
    background: none;
    text-transform: uppercase;
    color: #79201b;
    display: block;
    font-size: 0.8em;
    font-weight: bold; }
  body.events .events .fc-calendar .fc-date {
    padding: 0.2em;
    width: 2.3em;
    height: 2.3em;
    line-height: 1.5em; }
  body.events .events .fc-calendar .fc-row > div {
    font-size: 0.8em;
    font-weight: bold;
    text-align: center; }
    body.events .events .fc-calendar .fc-row > div.fc-today {
      background: none; }
    body.events .events .fc-calendar .fc-row > div.fc-content:hover .fc-date {
      color: #5b1814;
      border-color: #5b1814; }
    body.events .events .fc-calendar .fc-row > div.fc-content .fc-date {
      border-radius: 50%;
      border: 2px solid #79201b; }
    body.events .events .fc-calendar .fc-row > div a {
      display: block;
      color: transparent;
      width: 100%;
      height: 100%;
      z-index: 4;
      position: absolute; }

body.single-events .event-excerpt {
  margin-top: 0; }

body.lunch .lunch {
  background: #f3e9db; }
  body.lunch .lunch .content {
    padding: 3.3em; }
    body.lunch .lunch .content h3 {
      text-align: center;
      padding-bottom: 0.5em;
      margin-bottom: 0.5em;
      position: relative;
      line-height: 110%; }
      body.lunch .lunch .content h3:after {
        width: 10%;
        margin: 0 auto;
        display: block;
        content: '';
        border-bottom: 2px solid #79201b;
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%); }
    body.lunch .lunch .content p + strong,
    body.lunch .lunch .content em + strong {
      padding-top: 3.3em; }
    body.lunch .lunch .content strong {
      text-transform: uppercase;
      color: #79201b;
      display: block;
      font-size: 0.8em; }
  body.lunch .lunch .col:nth-child(2) {
    background: #faf4eb; }
  body.lunch .lunch .row {
    border-bottom: 2px solid #79201b; }
    body.lunch .lunch .row:last-child {
      border-bottom: 0; }

.wrapper > footer {
  float: left;
  width: 100%;
  background: #79201b;
  padding: 3.3em 0;
  color: #faf4eb;
  border-bottom: 2px solid #faf4eb; }
  .wrapper > footer p, .wrapper > footer a {
    font-size: 0.8em; }
  .wrapper > footer a.findus,
  .wrapper > footer a.instagram,
  .wrapper > footer a.fb {
    color: #faf4eb;
    margin-top: 1em;
    display: inline-block; }
    .wrapper > footer a.findus:before,
    .wrapper > footer a.instagram:before,
    .wrapper > footer a.fb:before {
      display: inline-block;
      font-size: 36px;
      vertical-align: middle;
      padding-right: 0.25em; }
  .wrapper > footer .content {
    margin-top: 3.3em;
    text-align: left; }
  .wrapper > footer h1 {
    font-size: 2em;
    text-align: center;
    color: #faf4eb; }
    .wrapper > footer h1:after {
      width: 15%;
      margin: 0 auto;
      display: block;
      content: '';
      border-bottom: 2px solid #faf4eb; }
  .wrapper > footer ul li {
    float: left;
    display: block;
    width: 50%; }
    .wrapper > footer ul li a {
      color: #faf4eb; }
      .wrapper > footer ul li a:before {
        color: #faf4eb;
        vertical-align: middle; }
      .wrapper > footer ul li a:hover {
        color: #f0dec2; }
        .wrapper > footer ul li a:hover:before {
          color: #f0dec2; }
  .wrapper > footer input {
    float: left; }

footer + .totop {
  width: 100%;
  display: block;
  height: 3.3em;
  background: #79201b;
  float: left;
  text-align: right; }
  footer + .totop a {
    width: 3.3em;
    height: 3.3em;
    line-height: 3.3em;
    display: inline-block;
    text-align: center;
    border-left: 1px solid #faf4eb; }
    footer + .totop a span {
      display: none; }
    footer + .totop a:before {
      font-size: 18px;
      vertical-align: middle;
      color: #faf4eb;
      text-align: center; }
  footer + .totop .col {
    padding: 0 1em; }

/* Grid */
.section {
  float: left;
  width: 100%;
  position: relative; }
  .section.cols {
    padding: 3.3em 0 0 0;
    background: #faf4eb; }
  .section:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0; }

.section.map-picture {
  background: #f3e9db; }
  .section.map-picture img {
    width: 100%;
    height: auto; }

.inner {
  max-width: 1440px;
  width: 90%;
  margin: 0 auto;
  position: relative;
  padding: 0; }

.row {
  float: left;
  width: 100%;
  position: relative; }
  .row:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0; }

.col {
  padding: 0 0.5em;
  width: 100%;
  position: relative;
  float: left; }
  .col.content {
    display: table;
    height: 100%; }
    .col.content .content {
      display: table-cell;
      vertical-align: middle; }
    .col.content + .offset {
      padding: 0; }
  .col.content.right {
    padding-left: 3.3em; }
  .col.content.left {
    padding-right: 3.3em; }

body.overlay {
  overflow: hidden; }
  body.overlay #overlay {
    display: block; }

#overlay {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #f3e9db;
  z-index: 1000; }
  #overlay .map-overlay {
    position: relative;
    width: 100%;
    height: 100%; }
    #overlay .map-overlay img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  #overlay .close {
    position: absolute;
    top: 1em;
    right: 1em;
    display: inline-block;
    font-size: 36px;
    vertical-align: middle;
    z-index: 100000;
    cursor: pointer; }

img.open-overlay {
  cursor: pointer; }

.w1-12 {
  width: 8.33333%; }

.w2-12 {
  width: 16.66667%; }

.w3-12 {
  width: 25%; }

.w4-12 {
  width: 33.33333%; }

.w5-12 {
  width: 41.66667%; }

.w6-12 {
  width: 50%; }

.w7-12 {
  width: 58.33333%; }

.w8-12 {
  width: 66.66667%; }

.w9-12 {
  width: 75%; }

.w10-12 {
  width: 83.33333%; }

.w11-12 {
  width: 91.66667%; }

.w12-12 {
  width: 100%; }

.push1-12 {
  left: 8.33333%; }

.push2-12 {
  left: 16.66667%; }

.push3-12 {
  left: 25%; }

.push4-12 {
  left: 33.33333%; }

.push5-12 {
  left: 41.66667%; }

.push6-12 {
  left: 50%; }

.push7-12 {
  left: 58.33333%; }

.push8-12 {
  left: 66.66667%; }

.push9-12 {
  left: 75%; }

.push10-12 {
  left: 83.33333%; }

.push11-12 {
  left: 91.66667%; }

.push12-12 {
  left: 100%; }

/*
.right {
    float: right;
}

.left {
    float: left;
}
*/
.align-center {
  text-align: center; }

@media (max-width: 1440px) {
  body {
    font-size: 1em; } }
@media (max-width: 1366px) {
  body {
    font-size: 0.875em; }

  .section.latest .blog .post-excerpt a:before {
    margin-bottom: 1px; } }
@media (max-width: 1100px) {
  header nav ul li {
    min-width: 5.6em; } }
@media (max-width: 1024px) {
  body {
    font-size: 0.75em; } }
@media (max-width: 768px) {
  body {
    font-size: 0.6875em; }

  header .inner {
    width: 95%; }

  header nav ul li {
    min-width: 5em;
    width: 8%; }
    header nav ul li:first-child {
      min-width: calc(70px + 11em); }
    header nav ul li.socials .fb,
    header nav ul li.socials .instagram {
      line-height: 77px; }
      header nav ul li.socials .fb:before,
      header nav ul li.socials .instagram:before {
        font-size: 1em; }

  header .lang ul li.active a:after {
    right: 0.5em; } }
@media (min-width: 667px) {
  #logotype {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10em;
    height: 10em;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

  header nav {
    height: 70px;
    /*li {
    	width: auto;
    	min-width: 6em;
    	&:first-child {
    		min-width: calc(70px + 13em);
    	}
    	.clock,
    	.information  {
    		position: absolute;
    		top: 50%;
    		left: 0;
    		
    		@include transform(translateY(-50%));
    	}
    	.information {
    		left: calc(70px + 1em);
    	}
    }*/ }
    header nav ul {
      width: 100%; }
    header nav ul, header nav li {
      height: 70px; }
    header nav li {
      width: 8.6%; }
      header nav li:first-child {
        width: 22%; }
      header nav li.spacer {
        width: 18%; }
      header nav li .clock,
      header nav li .information {
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }
      header nav li .information {
        left: calc(70px + 1em); }
      header nav li.active a:after {
        width: 20%; }
      header nav li.socials {
        display: inline-block;
        width: auto; }
    header nav a:not(.social) {
      line-height: 70px !important;
      height: 70px; }
      header nav a:not(.social):after {
        width: 0;
        margin: 0 auto;
        display: block;
        content: '';
        border-bottom: 2px solid #faf4eb;
        margin-top: -1.5em;
        -webkit-transition: width 500ms ease-in-out;
        -moz-transition: width 500ms ease-in-out;
        transition: width 500ms ease-in-out; }
      header nav a:not(.social):hover:after {
        width: 20%; }

  header nav .ul {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }

  .merchants .merchants .filter ul a {
    background: #faf4eb !important; }

  body.blogg .posts .posts,
  body.single-events.events .events .col.posts:first-child {
    padding: 3.3em 0 0 0; }

  .section.content-aside {
    background-image: -webkit-linear-gradient(-360deg, #faf4eb 0%, #faf4eb calc(66.66667% + 3.3em), #f3e9db calc( 66.66667% + 3.3em), #f3e9db 100%);
    background-image: linear-gradient(90deg, #faf4eb 0%, #faf4eb calc(66.66667% + 3.3em), #f3e9db calc( 66.66667% + 3.3em), #f3e9db 100%); }

  body.events .events {
    background-image: -webkit-linear-gradient(-360deg, #faf4eb 0%, #faf4eb calc(75% + 3.3em), #f3e9db calc( 75% + 3.3em), #f3e9db 100%);
    background-image: linear-gradient(90deg, #faf4eb 0%, #faf4eb calc(75% + 3.3em), #f3e9db calc( 75% + 3.3em), #f3e9db 100%); }

  body.merchant .merchant {
    background-image: -webkit-linear-gradient(-360deg, #faf4eb 0%, #faf4eb calc(66.66667% + 3.3em), #f3e9db calc( 66.66667% + 3.3em), #f3e9db 100%);
    background-image: linear-gradient(90deg, #faf4eb 0%, #faf4eb calc(66.66667% + 3.3em), #f3e9db calc( 66.66667% + 3.3em), #f3e9db 100%); }
    body.merchant .merchant.with-map {
      background-image: -webkit-linear-gradient(-360deg, #f0e5d0 0%, #f0e5d0 50%, #f3e9db 50%, #f3e9db 100%);
      background-image: linear-gradient(90deg, #f0e5d0 0%, #f0e5d0 50%, #f3e9db 50%, #f3e9db 100%); } }
@media all and (-ms-high-contrast: none) and (min-width: 667px), (-ms-high-contrast: active) and (min-width: 667px) {
  body.merchant .merchant {
    background-image: linear-gradient(90deg, #faf4eb 0%, #faf4eb 66.66667%, #f3e9db 66.66667%, #f3e9db 100%); } }
@media (max-width: 1440px) and (min-width: 667px) {
  .inner.offset {
    width: 100%; }
    .inner.offset .content.left {
      padding-left: 3.3em; } }
@media (max-width: 1440px) {
  .merchants .merchants .merchant a.visit:before {
    margin-top: 2px; } }
@media (max-width: 1440px) {
  body.events .events #calendar {
    width: 250px;
    height: 250px; }
  body.events .events .header {
    width: 250px; } }
@media (max-width: 667px) {
  .w1-12 {
    width: 100%;
    padding: 0; }

  .w2-12 {
    width: 100%;
    padding: 0; }

  .w3-12 {
    width: 100%;
    padding: 0; }

  .w4-12 {
    width: 100%;
    padding: 0; }

  .w5-12 {
    width: 100%;
    padding: 0; }

  .w6-12 {
    width: 100%;
    padding: 0; }

  .w7-12 {
    width: 100%;
    padding: 0; }

  .w8-12 {
    width: 100%;
    padding: 0; }

  .w9-12 {
    width: 100%;
    padding: 0; }

  .w10-12 {
    width: 100%;
    padding: 0; }

  .w11-12 {
    width: 100%;
    padding: 0; }

  .w12-12 {
    width: 100%;
    padding: 0; }

  .push1-12 {
    left: 0%; }

  .push2-12 {
    left: 0%; }

  .push3-12 {
    left: 0%; }

  .push4-12 {
    left: 0%; }

  .push5-12 {
    left: 0%; }

  .push6-12 {
    left: 0%; }

  .push7-12 {
    left: 0%; }

  .push8-12 {
    left: 0%; }

  .push9-12 {
    left: 0%; }

  .push10-12 {
    left: 0%; }

  .push11-12 {
    left: 0%; }

  .push12-12 {
    left: 0%; }

  header .lang {
    top: 0; }
    header .lang ul li {
      padding-top: 0;
      padding-bottom: 0; }
      header .lang ul li a {
        font-size: 1.2em;
        height: 3.3em;
        line-height: 3.3em; }
      header .lang ul li.active a:after {
        top: 30%; }

  body {
    font-size: 13px; }

  h1, h2, h3, h4, h5 {
    line-height: 120%;
    padding-bottom: 0.5em; }

  h1 {
    font-size: 3.5em; }

  .wrapper > header {
    width: 100%;
    background: url("../../assets/images/patterns/1_xsmall.jpg"); }
    .wrapper > header nav {
      height: auto;
      max-height: 280px; }
    .wrapper > header:before {
      height: 0; }

  .inner {
    width: 100%;
    padding: 0; }

  #logotype {
    width: 12em;
    height: 12em;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }

  header.section {
    padding: 0; }
    header.section .inner {
      padding: 0; }

  header nav .clock {
    width: 35px;
    height: 35px; }
    header nav .clock svg {
      width: 35px;
      height: 35px; }
  header nav ul {
    margin-top: 15em;
    background: #79201b;
    bottom: 0;
    width: 100%; }
  header nav li:not(.spacer) {
    width: 33%;
    height: 3.3em; }
  header nav li.spacer {
    position: absolute;
    top: 2em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
  header nav li:first-child {
    background: #79201b;
    position: absolute;
    top: 0;
    left: 0;
    width: auto; }
  header nav .information {
    padding: 0 1em;
    width: calc(9em + 35px);
    height: 46.66667px;
    position: relative; }
  header nav .clock,
  header nav .information p {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
  header nav .information p {
    left: calc(35px + 0.5em); }
  header nav a {
    display: block;
    height: 4.29em;
    line-height: 4.29em !important; }

  #backgrounds,
  .section.pattern {
    height: 20em; }

  .modules .content {
    padding-bottom: 2em; }

  #backgrounds .label,
  .section.pattern .label {
    width: 90%;
    text-align: center; }

  .section .label h1 {
    display: block;
    font-size: 2em; }

  figure.offer,
  figure.logotype {
    min-height: 93px; }
    figure.offer img,
    figure.logotype img {
      max-height: 93px; }

  .front-page .merchant {
    width: 50%;
    padding: 0 2em;
    margin-bottom: 2em; }
    .front-page .merchant figure {
      width: 100%; }

  .front-page .merchants {
    margin: 0; }

  .col.content {
    display: block; }
    .col.content.left, .col.content.right {
      padding-left: 0;
      padding-right: 0; }

  .row .col:not(.offset) {
    padding: 2em; }

  body.merchants .merchants article.merchant {
    padding: 0; }
  body.merchants .row.filter ul {
    width: 100%;
    float: left; }
  body.merchants .row.filter li {
    padding: 0;
    width: 50%;
    height: 3.3em;
    float: left; }
    body.merchants .row.filter li a {
      display: block;
      height: 100%;
      line-height: 4.29em;
      border: 0;
      padding: 0; }
      body.merchants .row.filter li a:after {
        color: #fff;
        display: inline-block;
        font-size: 18px;
        vertical-align: middle;
        font-family: 'storasaluhallen-icons';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e905";
        opacity: 0;
        -webkit-transition: opacity 1s ease-in-out;
        -moz-transition: opacity 1s ease-in-out;
        transition: opacity 1s ease-in-out; }
      body.merchants .row.filter li a.all {
        background-color: #000;
        color: #fff; }
      body.merchants .row.filter li a.active:after {
        opacity: 1; }

  .row.set-order {
    display: flex;
    flex-flow: column; }

  .col {
    order: 2; }
    .col.content {
      order: 1; }

  .section.latest {
    background-image: none; }
    .section.latest .instagram {
      padding: 2em 0 2em 0; }
      .section.latest .instagram h2 {
        padding-bottom: 0; }
      .section.latest .instagram .instagrams {
        padding: 1em 0 0 0;
        width: 90%;
        margin: 0 auto;
        float: none;
        position: relative;
        /*a {
        	width: calc(50% - 1em);
        	margin-left: 0;
        	margin-right: 1em;
        	&:nth-child(even) {
        		margin-right: 0;
        		margin-left: 1em;
        	}
        }*/ }
    .section.latest .blog {
      background: #faf4eb;
      padding: 2em 5% 0 5%;
      width: 100%; }
      .section.latest .blog h2 {
        margin-bottom: 0;
        text-align: center; }
      .section.latest .blog .post-excerpt a {
        position: static;
        bottom: auto;
        left: auto;
        margin-top: 1em;
        display: inline-block;
        height: auto; }
      .section.latest .blog .post-excerpt .excerpt {
        padding: 0 0 0 calc(9.9em + 1em);
        position: relative; }
        .section.latest .blog .post-excerpt .excerpt img {
          position: absolute;
          left: 0;
          width: 9.9em; }
        .section.latest .blog .post-excerpt .excerpt .content {
          padding-left: 0; }

  body.merchant figure.logotype {
    width: 100%;
    min-height: 93px; }
  body.merchant .merchant .merchant-tag {
    width: 50%; }
  body.merchant .merchant .placement h2 {
    padding-bottom: 0; }
  body.merchant .merchant .placement h3:after {
    width: 10%; }
  body.merchant .merchant .map {
    background-color: #f3e9db; }

  .merchants .merchants .merchant a.visit {
    left: 0; }
    .merchants .merchants .merchant a.visit:before {
      margin-top: 0; }

  body.lunch .lunch .content {
    padding: 1em; }
  body.lunch .lunch .row {
    border-bottom: 0; }
  body.lunch .lunch .row:nth-child(even) .col:nth-child(even) {
    background: #f3e9db; }
  body.lunch .lunch .row:nth-child(even) .col:nth-child(odd) {
    background: none; }
  body.lunch .lunch .row:nth-child(odd) .col:nth-child(odd) {
    background: #f3e9db; }
  body.lunch .lunch .row:nth-child(odd) .col:nth-child(even) {
    background: none; }

  body.events h2, body.events h3, body.events h4 {
    padding-bottom: 0; }
  body.events h2 {
    text-align: center;
    padding-bottom: 0; }
  body.events .event-excerpt datetime {
    font-size: 0.8em; }
  body.events .event-excerpt img {
    max-width: 100%; }
  body.events .event-excerpt a {
    position: relative;
    left: 0;
    font-size: 1em;
    height: auto;
    float: left; }
    body.events .event-excerpt a:before {
      margin-top: 0; }
  body.events .event-excerpt .marklet {
    font-size: 1.3em; }
    body.events .event-excerpt .marklet .day {
      font-size: 1.3em; }
  body.events .event-excerpt .content {
    padding: 0 2em 2em 2em; }
  body.events .event-excerpt p {
    font-size: 1em; }
  body.events .events .col:first-child {
    padding-bottom: 0; }
  body.events .events .calender {
    font-size: 1.2em; }
  body.events .events .col.calender {
    padding-top: 0; }
  body.events .events .header {
    width: 90%; }
  body.events .events #calendar {
    width: 90%; }

  body.single-events .events .col:first-child {
    padding: 0 2em 0 2em; }

  .wrapper > footer h3:after {
    padding-top: 0.5em; }
  .wrapper > footer p {
    font-size: 1em; }
  .wrapper > footer .row {
    padding: 0 2em; }
  .wrapper > footer .row .col {
    padding: 1em 0 2em 0; }
    .wrapper > footer .row .col.w3-12 {
      width: 100%; }
  .wrapper > footer input {
    font-size: 0.9em; }
  .wrapper > footer input[type="text"] {
    width: 70%;
    height: 2.8em; } }
@media (max-width: 375px) {
  .section.theme.label .image {
    width: 100%;
    margin: 0 0 1em 0;
    height: auto !important; }
  .section.theme.label .text {
    width: 100%;
    height: auto !important; } }
.column-header {
  font-size: 2em;
  width: 100%;
  text-align: center; }

.content h1 {
  font-size: 2em; }

.handlare-title {
  font-size: 1.3em; }

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