@charset "UTF-8";
/*
    Theme Name: Arsenalen
    Description: Theme for Arsenalen
    Version: 1.0.2
    Author: Columbird
    Author URI: columbird.se
    Tags: 
*/
/*body::-webkit-scrollbar {  display: none; }*/

html, body {
  -ms-overflow-style: auto;
  overflow: auto; }

#version_number {
  display: none;
  background-color: black;
  color: #ffffff;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 222222;
  padding: 0px 10px;
  font-size: 10px; }

/*------------------------------------*\
    Variables
\*------------------------------------*/
/*------------------------------------*\
    Typography
\*------------------------------------*/
/*------------------------------------*\
    TYPOGRAPHY
\*------------------------------------*/
@font-face {
  font-family: 'Roboto Condensed';
  src: url("css/fonts/hinted-subset-RobotoCondensed-Regular.woff2") format("woff2"), url("css/fonts/hinted-subset-RobotoCondensed-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Roboto Condensed';
  src: url("css/fonts/hinted-subset-RobotoCondensed-Bold.woff2") format("woff2"), url("css/fonts/hinted-subset-RobotoCondensed-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Roboto Condensed';
  src: url("css/fonts/hinted-subset-RobotoCondensed-Italic.woff2") format("woff2"), url("css/fonts/hinted-subset-RobotoCondensed-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'Roboto Condensed';
  src: url("css/fonts/hinted-subset-RobotoCondensed-BoldItalic.woff2") format("woff2"), url("css/fonts/hinted-subset-RobotoCondensed-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: 'Roboto Condensed';
  src: url("css/fonts/hinted-subset-RobotoCondensed-LightItalic.woff2") format("woff2"), url("css/fonts/hinted-subset-RobotoCondensed-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: 'Roboto Condensed';
  src: url("css/fonts/hinted-subset-RobotoCondensed-Light.woff2") format("woff2"), url("css/fonts/hinted-subset-RobotoCondensed-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'TT Mussels';
  src: url("css/fonts/hinted-subset-TTMussels-Italic.woff2") format("woff2"), url("css/fonts/hinted-subset-TTMussels-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'TT Mussels';
  src: url("css/fonts/hinted-subset-TTMussels-DemiBold.woff2") format("woff2"), url("css/fonts/hinted-subset-TTMussels-DemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'TT Mussels';
  src: url("css/fonts/hinted-subset-TTMussels-MediumItalic.woff2") format("woff2"), url("css/fonts/hinted-subset-TTMussels-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: 'TT Mussels';
  src: url("css/fonts/hinted-subset-TTMussels-Regular.woff2") format("woff2"), url("css/fonts/hinted-subset-TTMussels-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'TT Mussels';
  src: url("css/fonts/hinted-subset-TTMussels-BoldItalic.woff2") format("woff2"), url("css/fonts/hinted-subset-TTMussels-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: 'TT Mussels';
  src: url("css/fonts/hinted-subset-TTMussels-DemiBoldItalic.woff2") format("woff2"), url("css/fonts/hinted-subset-TTMussels-DemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: 'TT Mussels';
  src: url("css/fonts/hinted-subset-TTMussels-BlackItalic.woff2") format("woff2"), url("css/fonts/hinted-subset-TTMussels-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic; }

@font-face {
  font-family: 'TT Mussels';
  src: url("css/fonts/hinted-subset-TTMussels-Black.woff2") format("woff2"), url("css/fonts/hinted-subset-TTMussels-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: 'TT Mussels';
  src: url("css/fonts/hinted-subset-TTMussels-Medium.woff2") format("woff2"), url("css/fonts/hinted-subset-TTMussels-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'TT Mussels';
  src: url("css/fonts/hinted-subset-TTMussels-Bold.woff2") format("woff2"), url("css/fonts/hinted-subset-TTMussels-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal; }

body,
p,
li {
  font-family: 'Roboto Condensed';
  font-weight: 300;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: 0.01em;
  margin: 0 0 1em 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  word-break: break-word; }

h1,
.headline {
  font-family: 'TT Mussels';
  font-weight: 400;
  font-size: 60px;
  line-height: 0.95em;
  letter-spacing: 0em;
  color: #294635; }

h2,
.vignette {
  font-family: 'TT Mussels';
  font-weight: 600;
  font-size: 30px;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: #294635; }

h3,
.intermediate-headline {
  font-family: 'TT Mussels';
  font-weight: 600;
  font-size: 30px;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: #000; }

h4 {
  font-family: 'TT Mussels';
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: 0.1em;
  color: #294635; }

h5 {
  font-family: 'TT Mussels';
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.05em;
  color: #000; }

h6 {
  font-family: 'TT Mussels';
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.05em;
  color: #000; }

strong {
  margin: 0;
  font-weight: 700; }

em {
  font-style: italic; }

a {
  font-family: 'Roboto Condensed';
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.01em;
  color: #000;
  text-decoration: none;
  position: relative; }

a:hover,
a:active,
a:focus {
  outline: 0;
  color: #91977C; }

.intro, .preamble {
  font-family: 'Roboto Condensed';
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0.01em; }

.pufftext {
  font-family: 'Roboto Condensed';
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 1.3px;
  letter-spacing: 0.01em; }

.date {
  font-family: 'TT Mussels';
  font-weight: 600;
  font-size: 34px;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: #bababa; }

.item-txt--date,
.list-item p.date {
  font-family: 'TT Mussels';
  font-weight: 600;
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: #757d5b;
  text-transform: uppercase;
  margin-bottom: 5px; }

.item-txt-headline,
.list-item h2 {
  font-family: 'TT Mussels';
  font-weight: 600;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #294635;
  margin: 0 0 10px;
  text-transform: uppercase; }

.item--txt {
  font-family: 'Roboto Condensed';
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0.01em;
  text-align: left; }

.month-year {
  font-family: 'TT Mussels';
  font-weight: 600;
  font-size: 18px;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: #bababa; }

.centerText {
  text-align: center; }

.input-label {
  font-family: 'TT Mussels';
  font-size: 14px;
  line-height: 28px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 600; }

/*------------------------------------*\
    Language
\*------------------------------------*/
#header-language-switcher {
  display: flex; }

#header-language-switcher img {
  margin-right: 20px; }

/*------------------------------------*\
    Catalog
\*------------------------------------*/
.Catalog-holder {
  display: flex; }

.Catalog-status {
  min-width: 136px;
  max-width: 136px; }

.Catalog-in-museum {
  width: 136px;
  height: 90px;
  background-color: #d8c57d;
  display: flex; }

.Catalog-in-museum p {
  font-size: 28px;
  line-height: 32px;
  line-height: 32px;
  color: #ffffff;
  margin: auto;
  text-align: center;
  font-family: 'TT Mussels'; }

.Catalog-text {
  width: calc(100% - 386px);
  padding: 90px 90px 50px 40px;
  position: relative; }

.Catalog-sidebar-holder {
  min-width: 250px;
  max-width: 250px; }

.Catalog-sidebar {
  background-color: #294635;
  padding: 15px;
  margin-bottom: 30px; }

.Catalog-sidebar-heading {
  font-family: 'TT Mussels';
  font-size: 32px;
  line-height: 32px;
  color: #ffffff;
  margin-bottom: 20px; }

.Catalog-sidebar h3 {
  color: #ffffff;
  font-size: 14px;
  line-height: 14px;
  font-family: 'TT Mussels';
  font-weight: 600; }

.Catalog-sidebar p {
  color: #d8c57d;
  font-size: 17px;
  line-height: 20px;
  font-family: 'TT Mussels';
  font-weight: 600; }

.Catalog-tab-bar {
  width: 100%;
  height: 44px;
  background-color: #546b5d;
  position: absolute;
  top: 0;
  padding-top: 6px;
  padding-left: 34px;
  left: 0; }

.Catalog-tab-bar-button {
  display: inline-block;
  color: #fff;
  margin: 0 18px 0 0;
  font-family: 'TT Mussels';
  font-weight: 600;
  font-size: 14px;
  line-height: 1em;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out 0s;
  cursor: pointer;
  position: relative; }

.Catalog-tab-bar-button:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1); }

.Catalog-tab-bar-button.active:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1); }

.Catalog-tab-bar-button.active {
  color: #d8c57d; }

.Catalog-tab-bar-button:hover {
  color: #d8c57d; }

.Catalog-tab-bar-button:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  bottom: -4px;
  left: 0;
  background-color: #d8c57d;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s; }

.Catalog-tab-text {
  display: block; }

.Catalog-tab-images {
  display: none; }

.Catalog-in-museum-mobile {
  display: none; }

.Catalog--mobile-text {
  display: none; }

@media only screen and (max-width: 1024px) {
  .Catalog--back-button {
    min-width: 44px;
    max-width: 44px; }
  .Catalog--mobile-text {
    display: block; }
  .Catalog--desktop-text {
    display: none; }
  .Catalog-status {
    display: none; }
  .Catalog-text {
    width: calc(100% - 136px);
    padding: 90px 30px 50px 20px; }
  .Catalog-in-museum-mobile {
    display: block;
    height: unset;
    max-width: 100%;
    background-color: transparent; }
  .Catalog-in-museum-mobile p {
    font-size: 14px;
    color: #d8c57d;
    text-align: left;
    margin: 0;
    font-weight: 600;
    text-transform: uppercase; }
  .Catalog-tab-bar {
    top: 6px;
    background-color: transparent;
    padding: 0;
    display: flex;
    justify-content: space-evenly; }
  .Catalog-tab-bar-button {
    background-color: #757d5b;
    margin: 0;
    flex: 1;
    text-align: center;
    margin: 0 6px 0 3px;
    display: flex; }
  .Catalog-tab-bar-button span {
    margin: auto; }
  .Catalog-tab-bar-button:first-child {
    margin: 0 3px 0 6px; }
  .Catalog-tab-bar-button:before {
    display: none !important; }
  .Catalog-tab-bar-button.active {
    background-color: #294635; }
  .Catalog-tab-text h1 {
    margin-bottom: 20px; } }

@media only screen and (max-width: 767px) {
  .Catalog-text {
    padding: 0 25px;
    width: 100%;
    padding-top: 50px; }
  .Catalog-holder {
    flex-direction: column; }
  .Catalog-sidebar-holder {
    max-width: unset;
    min-width: unset;
    width: 100%;
    margin-bottom: 40px; }
  .Catalog-sidebar {
    padding: 20px 25px;
    margin-top: 20px; }
  .Catalog-in-museum-mobile {
    margin-top: 30px;
    margin-bottom: 20px; } }

/*------------------------------------*\
    List
\*------------------------------------*/
.List-items {
  display: flex;
  flex-direction: column;
  margin: 20px 0; }

.List-item-holder:first-child {
  border-top: 3px solid #294635;
  height: 158px; }

.List-item-holder:last-child {
  border-bottom: 3px solid #294635;
  height: 158px; }

.List-item-holder {
  width: 100%;
  height: 156px;
  border-top: 1px solid #294635; }

.List-item-hover {
  width: 5px;
  height: 115px;
  background-color: #91977c;
  position: absolute;
  left: 0;
  top: 20px;
  opacity: 0;
  transition: all 0.8s ease; }

.List-item-hover-arrow {
  width: 32px;
  height: 32px;
  position: absolute;
  right: 40px;
  top: calc(50% - 16px);
  transition: all 0.4s ease;
  opacity: 0;
  font-family: 'TT Mussels';
  font-weight: 800;
  font-size: 34px;
  color: #91977c;
  line-height: 32px; }

.List-item {
  display: flex;
  flex-direction: row;
  transition: all 0.4s ease;
  height: 100%; }

.List-item-image {
  max-width: 182px;
  min-width: 182px;
  margin: 20px 0;
  z-index: 1;
  background-position: center;
  background-size: 182px auto;
  background-color: #294635;
  color: #ffffff;
  text-align: center;
  line-height: 110px;
  background-size: cover; }

.List-item-text {
  width: calc(100% - 280px);
  padding: 20px; }

.List-item-text-toptext {
  font-family: 'TT Mussels';
  font-weight: 600;
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: #757d5b;
  text-transform: uppercase;
  margin-bottom: 5px; }

.List-item-text-heading {
  font-family: 'TT Mussels';
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.1em;
  color: #294635;
  word-wrap: break-word; }

.List-item-text-content {
  font-family: 'Roboto Condensed';
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0.01em; }

.List-item-new {
  display: none; }

@media only screen and (max-width: 1024px) {
  .List-items {
    margin: 20px 20px 40px 20px; }
  .Search-holder {
    margin: 0 20px 40px 20px; } }

@media only screen and (min-width: 768px) {
  .List-item:hover .List-item-hover {
    opacity: 1;
    transition: all 0.8s ease; }
  .List-item:hover .List-item-hover-arrow {
    right: 0;
    transition: all 0.8s ease;
    opacity: 1; }
  .List-item:hover {
    margin-left: 30px;
    transition: all 0.4s ease; } }

@media only screen and (max-width: 768px) {
  .List-item-hover {
    height: 70px; }
  .List-items {
    padding: 0 20px 40px 20px;
    margin: 10px 0; }
  .List-item:hover {
    background-color: #f5f0de; }
  .List-item-text-content {
    display: none; }
  .List-item-holder {
    height: unset;
    min-height: 110px; }
  .List-item-image {
    max-width: 110px;
    min-width: 110px;
    height: 70px;
    line-height: 70px;
    font-size: 14px; }
  .List-item-text {
    width: calc(100% - 110px); }
  .List-item-holder:first-child {
    border-top: 3px solid #294635;
    min-height: 112px;
    height: unset; }
  .List-item-holder:last-child {
    border-bottom: 3px solid #294635;
    min-height: 112px;
    height: unset; } }

/*------------------------------------*\
    Search
\*------------------------------------*/
.Search-holder {
  margin-bottom: 40px; }

.Search-holder-text {
  margin-top: 20px;
  margin-bottom: 12px; }

.Search-dropdown {
  height: 40px;
  width: 330px;
  padding: 15px 20px 10px;
  cursor: pointer;
  font-family: 'TT Mussels';
  font-weight: 600;
  font-size: 14px;
  line-height: 1em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #546b5d;
  position: relative;
  float: left;
  border: 1px solid #000000; }

.Search-dropdown.open {
  background-color: #294635;
  border: 0px;
  color: #d8c57d; }

.Search-dropdown-status {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 10px;
  font-weight: 900;
  font-size: 16px;
  color: #91977c;
  text-align: center;
  line-height: 20px;
  transform: rotate(90deg);
  transition: all 0.4s ease; }

.Search-dropdown-content {
  background-color: #91977c;
  width: 330px;
  min-height: 240px;
  position: absolute;
  left: 0;
  top: 40px;
  z-index: 1000;
  display: none; }

.Search-dropdown-status.open {
  transform: rotate(270deg);
  transition: all 0.4s ease; }

.Search-categories-holder {
  list-style-type: none;
  padding: 0;
  margin: 0; }

.Search-holder h1 {
  letter-spacing: 0.05em; }

.Search-categories-holder li {
  margin: 0;
  padding: 0;
  color: #546b5d;
  height: 40px;
  padding: 15px 20px;
  cursor: pointer;
  font-family: 'TT Mussels';
  font-weight: 600;
  font-size: 14px;
  line-height: 1em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  position: relative; }

.Search-categories-holder li span {
  width: 100%;
  display: inline-block;
  height: 25px;
  border-bottom: 1px solid #546b5d; }

.Search-categories-holder li:last-child span {
  border-bottom: 0; }

.Search-categories-holder .selected span {
  color: #294635; }

.Search-checkbox {
  width: 18px;
  height: 18px;
  border: 1px solid #546b5d;
  position: absolute;
  right: 25px;
  top: 11px;
  display: flex; }

.Search-checkbox-checked {
  width: 12px;
  height: 12px;
  background-color: #294635;
  margin: auto;
  display: none; }

.Search-selected-categories {
  overflow: hidden;
  display: inline-block;
  height: 15px; }

.Search-textbox {
  background-color: #ffffff;
  margin-left: 10px;
  width: 280px;
  height: 40px;
  border: 1px solid #000000;
  padding: 4px 10px 0 10px;
  color: #546b5d;
  font-family: 'TT Mussels';
  font-weight: 600;
  font-size: 14px;
  line-height: 1em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border-radius: 0;
  -webkit-appearance: none; }

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #546b5d; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #546b5d; }

:-ms-input-placeholder {
  /* IE 10+ */
  color: #546b5d; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #546b5d; }

.Search-textbox:focus {
  outline: none; }

.Search-button {
  background-color: #294635;
  height: 40px;
  display: inline-block;
  padding: 15px 34px;
  cursor: pointer;
  transition: background-color 0.4s ease;
  font-family: 'TT Mussels';
  font-weight: 600;
  font-size: 14px;
  line-height: 1em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-left: 6px;
  color: #d8c57d; }

.Search-button:hover {
  background-color: #d8c57d;
  color: #294635;
  transition: background-color 0.4s ease; }

@media only screen and (max-width: 815px) {
  .Search-holder {
    display: flex;
    flex-direction: column;
    margin-bottom: 0; }
  .Search-holder-text {
    margin-top: 10px;
    margin-bottom: 20px; }
  .Search-dropdown {
    width: 100%; }
  .Search-textbox {
    width: 100%;
    margin: 20px 0; }
  .Search-button {
    width: 100px;
    margin: 0 0 20px 0; }
  .Search-dropdown-content {
    width: 100%; } }

@media only screen and (max-width: 400px) {
  .Search-button {
    width: 100%;
    margin: 0 0 20px 0;
    text-align: center; }
  #newsletter-form-send {
    width: 100% !important;
    text-align: center !important;
    margin-left: 0 !important; } }

/*------------------------------------*\
    GENERAL
\*------------------------------------*/
html, body {
  -webkit-tap-highlight-color: transparent; }

body {
  margin: 0; }

.noscroll {
  overflow: hidden; }

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

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom; }

.container,
.wrapper {
  max-width: 1120px;
  width: 90%;
  margin: 0 auto;
  position: relative; }

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

.overlay {
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: absolute;
  color: #fff;
  -webkit-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s; }

/*------------------------------------*\
    BUTTONS
\*------------------------------------*/
.btn,
.wp-block-button__link {
  /*
    display: inline-block;
    padding: 10px 20px 10px;
    cursor: pointer;
    transition: all 0.4s ease;
    font-family: 'TT Mussels';
    font-weight: 600;
    font-size: 14px;
    line-height: 1em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    background-color: $zombie;
    color: $bottle-green;
    */
  display: inline-block;
  padding: 10px 20px 10px;
  cursor: pointer;
  transition: background-color 0.4s ease;
  font-family: 'TT Mussels';
  font-weight: 600;
  font-size: 14px;
  line-height: 1em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background-color: #d8c57d;
  color: #294635;
  border-radius: 0; }

.btn:hover,
.wp-block-button__link:hover {
  background-color: #294635;
  color: #d8c57d;
  border-bottom: 3px solid #d8c57d;
  padding: 10px 20px 7px; }

/*------------------------------------*\
    OTHER GUTENBERG BLOCKS
\*------------------------------------*/
.wp-block-separator {
  max-width: 100px;
  border: none;
  border-bottom: 2px solid #000;
  margin: 1.65em auto; }

.wp-block-separator.is-style-wide {
  max-width: 100%; }

.alignleft {
  float: left; }

.alignright {
  float: right; }

.wp-block-cover.alignleft {
  margin-right: 2em; }

.wp-block-cover.alignright {
  margin-left: 2em; }

/*------------------------------------*\
    HEADER
\*------------------------------------*/
.header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  height: 80px;
  z-index: 1000;
  max-height: 100%; }
  .header > .container {
    padding: 0 20px;
    display: -ms-flexbox;
    display: -webkit-flexbox;
    display: flex;
    background-color: #294635;
    background-image: url(img/header_bg.png);
    background-size: cover;
    height: 100%;
    place-items: center;
    -ms-flex-align: center; }
    .header > .container > .logo {
      width: 120px;
      transition: all 0.5s ease; }
      .header > .container > .logo .header-logo {
        background-image: url(img/assets.png);
        background-size: 750px auto;
        background-repeat: no-repeat;
        background-position: -22px -182px;
        width: 120px;
        height: 50px;
        transition: all 0.5s ease; }

.home
.topSliderTicker {
  position: absolute;
  top: 334px;
  padding: 10px;
  height: 90px;
  min-width: 325px;
  z-index: 100;
  background-color: #d8c57d;
  color: #fff;
  font-family: 'TT Mussels'; }
  .home
.topSliderTicker .tickerText {
    display: block;
    font-size: 16px;
    font-weight: 600; }
  .home
.topSliderTicker .tickerTime {
    font-size: 32px;
    font-weight: 400; }

.day-ticker {
  width: 400px; }

.top-slider {
  height: 470px;
  max-width: 1120px;
  width: 100%;
  position: relative;
  overflow: hidden;
  z-index: 1; }
  .top-slider .top-text {
    font-family: 'TT Mussels';
    font-weight: 600;
    font-size: 55px;
    line-height: 1.1;
    letter-spacing: 0em;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; }

.top-image {
  background-size: cover;
  background-position: center center;
  width: 100%;
  max-width: 1120px;
  height: 424px;
  position: relative; }

.top-video {
  position: relative;
  width: 100%;
  height: 470px;
  padding: 0; }
  .top-video .top-video--video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    min-height: 75vh;
    width: auto;
    height: auto;
    z-index: 1;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
    object-fit: contain; }

main {
  position: relative;
  margin-top: 80px; }

.top-image-yellow-area {
  background-color: #d8c57d;
  height: 25px;
  width: 100%;
  position: relative;
  margin-bottom: 40px; }

.slick-arrow:hover {
  opacity: 1; }

.slick-arrow {
  position: absolute;
  top: 152px;
  height: 121px;
  width: 45px;
  z-index: 100;
  text-indent: -200vw;
  opacity: 0.5;
  border: 0;
  transition: all 0.5s ease;
  background-color: rgba(255, 255, 255, 0.6); }

.slick-arrow:focus {
  outline: 0; }

.slick-prev {
  left: 0; }
  .slick-prev:after {
    position: absolute;
    content: "<";
    color: #fff;
    right: 15px;
    font-size: 40px;
    top: 30%;
    height: 50%;
    text-indent: initial; }

.slick-next {
  right: 0; }
  .slick-next:after {
    position: absolute;
    content: ">";
    color: #fff;
    left: 15px;
    font-size: 40px;
    top: 30%;
    height: 50%;
    text-indent: initial; }

.slick-dots {
  z-index: 1;
  bottom: 35px;
  position: absolute;
  display: flex;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  left: 50%;
  min-width: 100%;
  list-style: none;
  border: 0;
  margin: 0;
  padding: 0 20px;
  justify-content: flex-end; }
  .slick-dots > li.slick-active > button {
    background-color: #ffffff; }
  .slick-dots > li {
    border: 0;
    padding: 5px;
    position: relative;
    height: 20px;
    width: 20px;
    margin-right: 5px; }
    .slick-dots > li > button {
      position: absolute;
      width: 20px;
      height: 20px;
      background-color: transparent;
      text-indent: -200vw;
      border: 2px solid #ffffff;
      -webkit-appearance: none !important;
      -moz-appearance: none !important;
      appearance: none !important;
      overflow: hidden;
      font-size: 0px; }
    .slick-dots > li > button:focus {
      outline: 0; }

.mobile-menu-btn {
  display: none;
  position: absolute;
  right: 15px;
  top: 5px;
  height: 50px;
  width: 50px;
  background-color: transparent;
  cursor: pointer;
  padding: 10px;
  transition: all 0.5s ease; }
  .mobile-menu-btn .wrap {
    position: relative; }
    .mobile-menu-btn .wrap span {
      height: 4px;
      width: 100%;
      background-color: #fff;
      display: block;
      position: absolute;
      -webkit-transition: .5s ease-in-out;
      -moz-transition: .5s ease-in-out;
      -o-transition: .5s ease-in-out;
      transition: .5s ease-in-out; }
    .mobile-menu-btn .wrap span:nth-child(1) {
      top: 0px; }
    .mobile-menu-btn .wrap span:nth-child(2), .mobile-menu-btn .wrap span:nth-child(3) {
      top: 12px; }
    .mobile-menu-btn .wrap span:nth-child(4) {
      top: 24px; }

#mobile-menu {
  padding-bottom: 300px;
  display: none; }

.mobile-menu-btn.open span:nth-child(1) {
  opacity: 0; }

.mobile-menu-btn.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.mobile-menu-btn.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.mobile-menu-btn.open span:nth-child(4) {
  opacity: 0; }

/*------------------------------------*\
    FOOTER AND HEADER NAVIGATION
\*------------------------------------*/
.menu {
  width: 100%;
  text-align: right; }
  .menu ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end; }
  .menu li {
    display: flex;
    position: relative;
    margin: 0 12px 0 0;
    flex-wrap: nowrap; }
  .menu a {
    color: #fff;
    margin: 0 18px 0 0;
    font-family: 'TT Mussels';
    font-weight: 600;
    font-size: 14px;
    line-height: 1em;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0s; }
  .menu a:hover,
  .menu a:active,
  .menu a:focus,
  .menu .current-menu-item > a {
    color: #d8c57d; }
  .menu a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    bottom: -4px;
    left: 0;
    background-color: #d8c57d;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s; }
  .menu .current-menu-item > a:before,
  .menu a.active:before,
  .menu a:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  .menu .sub-menu {
    display: none;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    position: absolute;
    text-align: left;
    /*border: solid 1px #e9c103;*/
    background-color: #d8c57d;
    top: 18px;
    left: 0px; }
    .menu .sub-menu li {
      display: block;
      padding-right: 10px; }
    .menu .sub-menu a {
      margin: 0 10px;
      line-height: 30px;
      white-space: nowrap; }
      .menu .sub-menu a:hover {
        color: #294635; }
    .menu .sub-menu li.current-menu-item a {
      color: #294635; }
  .menu .menu-item-has-children {
    margin-right: 28px; }
  .menu .menu-item-has-children:after {
    position: absolute;
    content: " ";
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjg4NUIzMjBCNkVFNDExRThCMTJGODUxN0I1ODczRDU4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjg4NUIzMjBDNkVFNDExRThCMTJGODUxN0I1ODczRDU4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODg1QjMyMDk2RUU0MTFFOEIxMkY4NTE3QjU4NzNENTgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODg1QjMyMEE2RUU0MTFFOEIxMkY4NTE3QjU4NzNENTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6HpgWiAAAAnElEQVR42mL8//8/AymAiYFEwAIibh6r2w2kXID4PRArq1s1vYeKCwKpu0AMovcAxV1hNnRCaZBEKJKBoVAxuBqwBqDOPUDqLFQiDUkDjH0PqgbiJCiYBcQzgdgY6BSY84zRXMDAiBxKQIUg9ypBNcNsAJmujCuUkBWGoonh1PAeKQDeo2tgRI84oLPKoUHMAA3KTrwaqB7TAAEGAKjNNCRxg+tzAAAAAElFTkSuQmCC);
    font-family: 'TT Mussels';
    font-weight: 600;
    font-size: 20px;
    right: 0px;
    height: 12px;
    width: 12px;
    color: #d8c57d;
    -webkit-transition: transform .5s 0s ease-in-out;
    -moz-transition: transform .5s 0s ease-in-out;
    -o-transition: transform .5s 0s ease-in-out;
    transition: transform .5s 0s ease-in-out; }
  .menu .menu-item-has-children:hover:after {
    transform: rotate(-180deg); }
  .menu .menu-item-has-children:hover > a:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  .menu .menu-item-has-children:hover .sub-menu {
    display: block; }

.desktop-header-menu {
  margin: 24px 0 20px 0; }

.menu-open .mobile-menu {
  display: block;
  max-width: 100%;
  -webkit-transition: all .5s 0s ease-in-out;
  -moz-transition: all .5s 0s ease-in-out;
  -o-transition: all .5s 0s ease-in-out;
  transition: all .5s 0s ease-in-out; }
  .menu-open .mobile-menu a {
    display: block;
    opacity: 1;
    -webkit-transition: opacity .3s .3s ease-in-out;
    -moz-transition: opacity .3s .3s ease-in-out;
    -o-transition: opacity .3s .3s ease-in-out;
    transition: opacity .3s .3s ease-in-out; }
  .menu-open .mobile-menu .level-button {
    opacity: 1;
    -webkit-transition: opacity .3s .5s ease-in-out;
    -moz-transition: opacity .3s .5s ease-in-out;
    -o-transition: opacity .3s .5s ease-in-out;
    transition: opacity .3s .5s ease-in-out; }

.mobile-menu {
  overflow: scroll;
  padding-bottom: 2000px;
  display: block;
  background-color: #294635;
  background-image: url(img/mobile_menu_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 0 0;
  width: 100vw;
  position: absolute;
  left: 0;
  top: 60px;
  height: 100%;
  height: 100vh;
  max-width: 0;
  -webkit-transition: max-width .5s .1s ease-in-out;
  -moz-transition: max-width .5s .1s ease-in-out;
  -o-transition: max-width .5s .1s ease-in-out;
  transition: max-width .5s .1s ease-in-out; }
  .mobile-menu .container {
    height: 100%; }
  .mobile-menu ul {
    margin: 0;
    padding: 0 0 0 5%;
    list-style: none; }
    .mobile-menu ul li {
      position: relative;
      margin: 0; }
    .mobile-menu ul .current_page_item > a {
      color: #d8c57d; }
    .mobile-menu ul a {
      color: #fff;
      font-size: 30px;
      font-family: 'TT Mussels';
      font-weight: 600;
      letter-spacing: 0.15em;
      line-height: 36px;
      text-transform: uppercase;
      padding: 24px 0;
      display: none;
      opacity: 0;
      -webkit-transition: opacity .5s 0s ease-in-out;
      -moz-transition: opacity .5s 0s ease-in-out;
      -o-transition: opacity .5s 0s ease-in-out;
      transition: opacity .5s 0s ease-in-out; }
    .mobile-menu ul .sub-menu {
      display: none;
      margin: 0 15px; }
    .mobile-menu ul .sub-menu a {
      font-size: 16px;
      padding: 5px 0;
      font-family: 'TT Mussels';
      font-weight: 400; }
  .mobile-menu .level-button {
    opacity: 0;
    -webkit-transition: opacity .5s 0s ease-in-out;
    -moz-transition: opacity .5s 0s ease-in-out;
    -o-transition: opacity .5s 0s ease-in-out;
    transition: opacity .5s 0s ease-in-out;
    position: absolute;
    width: 32px;
    height: 32px;
    position: absolute;
    right: 40px;
    top: 28px;
    font-family: 'TT Mussels';
    font-weight: 800;
    font-size: 30px;
    color: #ffffff;
    line-height: 28px;
    transform: rotate(270deg);
    text-align: right;
    transition: all 0.4s ease !important; }
  .mobile-menu .level-opened .level-button {
    transition: all 0.4s ease;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }

.mobile-menu-footer {
  position: relative; }
  .mobile-menu-footer .mobile-menu-logo-wrap {
    position: absolute;
    right: 5%;
    opacity: 0; }
    .mobile-menu-footer .mobile-menu-logo-wrap .mobile-menu-logo {
      background-image: url(img/assets.png?190924);
      background-size: 2000px auto;
      background-repeat: no-repeat;
      background-position: -18px -18px;
      width: 211px;
      height: 83px;
      transition: all 0.5s ease; }

.header.menu-open {
  overflow-y: scroll;
  height: 100%;
  background-color: #000; }
  .header.menu-open > .container > .logo {
    opacity: 0;
    display: none; }
  .header.menu-open .mobile-menu-logo-wrap {
    opacity: 1;
    transition: all 0.5s ease;
    transition-delay: 0.5s; }
  .header.menu-open .mobile-menu-footer {
    height: 129px; }

.footer-menu {
  margin: 48px 0 50px; }

/*------------------------------------*\
    STARTPAGE-BOXES
\*------------------------------------*/
.startpage-boxes {
  position: relative;
  margin: 0 0 42px;
  display: flex; }
  .startpage-boxes .box {
    flex-basis: 50%;
    min-height: 384px;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    background-repeat: no-repeat;
    flex-wrap: wrap;
    background-size: cover; }
    .startpage-boxes .box:nth-child(odd) {
      background-image: url(img/bg_dirt_box1.jpg); }
    .startpage-boxes .box:nth-child(even) {
      background-image: url(img/bg_dirt_box2.jpg); }
    .startpage-boxes .box .box-text-wrap > div {
      text-align: center; }
    .startpage-boxes .box .box-text-wrap {
      display: flex;
      flex-direction: column;
      width: 100%;
      align-items: center;
      position: relative;
      justify-content: space-between;
      padding: 10% 5% 10% 5%;
      color: #fff; }
      .startpage-boxes .box .box-text-wrap h3 {
        text-transform: uppercase;
        color: #d8c57d;
        margin-bottom: 11px; }
      .startpage-boxes .box .box-text-wrap h2 {
        color: #fff; }
      .startpage-boxes .box .box-text-wrap p {
        color: #fff; }
      .startpage-boxes .box .box-text-wrap a {
        position: absolute;
        bottom: 20px;
        width: 100%;
        text-align: center;
        left: 0; }

.startpage-boxes-green {
  margin: 100px 0;
  display: flex;
  flex-direction: column; }
  .startpage-boxes-green .box {
    width: 100%;
    display: flex;
    flex-direction: row;
    height: 395px;
    overflow: hidden; }
    .startpage-boxes-green .box .box-wrap {
      flex-basis: 50%; }
      .startpage-boxes-green .box .box-wrap.img {
        background-size: cover;
        background-repeat: no-repeat;
        max-width: 50%; }
      .startpage-boxes-green .box .box-wrap.txt {
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url(img/dirt_texture_startbox_green-1.jpg);
        color: #fff;
        font-size: 18px;
        padding: 30px;
        text-align: center;
        position: relative;
        max-width: 50%; }
        .startpage-boxes-green .box .box-wrap.txt h3 {
          color: #d8c57d;
          text-align: center;
          margin-bottom: 30px; }
        .startpage-boxes-green .box .box-wrap.txt a {
          position: absolute;
          bottom: 30px;
          width: 100%;
          min-height: 35px;
          left: 0; }
    .startpage-boxes-green .box:nth-child(even) {
      flex-direction: row-reverse; }
      .startpage-boxes-green .box:nth-child(even) .box-wrap.txt {
        background-image: url(img/dirt_texture_startbox_green-2.jpg); }
  .startpage-boxes-green .btn {
    color: #757d5b; }
    .startpage-boxes-green .btn:hover {
      color: #d8c57d;
      background-color: #757d5b; }

.startpage-boxes-green-2 {
  margin: 100px 0;
  display: flex;
  flex-direction: row; }
  .startpage-boxes-green-2 .box {
    width: 100%; }
    .startpage-boxes-green-2 .box .box-wrap {
      flex-basis: 50%; }
      .startpage-boxes-green-2 .box .box-wrap.txt {
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url(img/dirt_texture_startbox_green-1.jpg);
        color: #fff;
        padding: 20px;
        text-align: center;
        padding: 50px 0 40px 0; }
        .startpage-boxes-green-2 .box .box-wrap.txt h3 {
          color: #fff;
          text-align: center;
          margin-bottom: 30px; }
    .startpage-boxes-green-2 .box:nth-child(even) .box-wrap.txt {
      background-image: url(img/dirt_texture_startbox_green-2.jpg); }

.startpage-news .newsContainer {
  display: flex;
  flex-direction: column; }

.startpage-news h2 {
  color: #294635;
  margin-bottom: 25px; }

.startpage-news .newsList {
  border-top: solid 3px #294635;
  border-bottom: solid 3px #294635;
  margin-bottom: 40px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  .startpage-news .newsList .newsList--Item {
    flex-basis: 50%;
    max-width: 50%;
    margin: 0;
    padding: 20px;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    border-top: solid 1px #294635;
    border-bottom: solid 1px #294635;
    margin-top: -1px;
    transition: all 0.4s ease-in-out;
    /* rad 1: inlägg 1 och 2 */ }
    .startpage-news .newsList .newsList--Item .item--img {
      flex-basis: 182px;
      height: 115px;
      width: 182px;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      flex-shrink: 0;
      margin-right: 20px; }
    .startpage-news .newsList .newsList--Item .item--txt {
      flex-shrink: 1;
      color: #294635; }
    .startpage-news .newsList .newsList--Item:nth-child(1), .startpage-news .newsList .newsList--Item:nth-child(2) {
      border-top: 0; }
    .startpage-news .newsList .newsList--Item:nth-child(odd) {
      border-right: solid 1px #294635; }
    .startpage-news .newsList .newsList--Item:hover {
      background-color: #d8c57d; }
    .startpage-news .newsList .newsList--Item.only-child {
      flex-grow: 2;
      max-width: 100%;
      border-right: 0;
      padding-right: 0;
      text-align: left; }

.startpage-news .loader-spinner {
  position: absolute;
  width: 40px;
  height: 40px;
  background-color: #294635;
  border-radius: 100%;
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
  top: 0;
  left: 50%;
  margin-left: -20px; }

@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    opacity: 0; } }

@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }

.startpage-news a {
  position: relative;
  text-align: center; }

.startpage-news .btn {
  margin: 0 auto 50px;
  color: #fff;
  background-color: #294635; }
  .startpage-news .btn:hover {
    background-color: #d8c57d;
    color: #294635;
    border-color: #294635; }

.startpage-calendar {
  min-height: 630px;
  background-image: url(img/bg_dirt_calendar.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  flex-flow: column nowrap;
  margin-bottom: 70px; }
  .startpage-calendar .calendarContainer h2 {
    color: #fff;
    padding: 20px 0; }
  .startpage-calendar .calendarContainer .calendarList {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap; }
    .startpage-calendar .calendarContainer .calendarList .calendar--Item {
      max-width: 375px;
      width: 33%;
      margin: 0 0 20px 0;
      display: flex;
      flex-direction: column;
      transition: all 0.4s ease-in-out; }
      .startpage-calendar .calendarContainer .calendarList .calendar--Item .item--img {
        flex-basis: 250px;
        height: 250px;
        width: 100%;
        max-width: 375px;
        background-image: url(img/bg_dirt_calendar_post1.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        flex-shrink: 0; }
      .startpage-calendar .calendarContainer .calendarList .calendar--Item .item--txt {
        flex-grow: 1;
        color: #fff;
        text-align: center;
        padding: 10px;
        background-size: cover;
        background-repeat: no-repeat;
        -webkit-transition: background-image 0.4s ease-in-out;
        transition: background-image 0.4s ease-in-out;
        display: flex;
        flex-direction: column;
        justify-content: start; }
        .startpage-calendar .calendarContainer .calendarList .calendar--Item .item--txt .item-txt-headline {
          color: #fff;
          margin: 10px 0; }
        .startpage-calendar .calendarContainer .calendarList .calendar--Item .item--txt .item-txt--date {
          color: #fff;
          margin: auto; }
          .startpage-calendar .calendarContainer .calendarList .calendar--Item .item--txt .item-txt--date span {
            color: #d8c57d;
            padding: 3px 5px; }
      .startpage-calendar .calendarContainer .calendarList .calendar--Item:nth-child(3n+1) .item--txt {
        background-image: url(img/bg_dirt_calendar_post1.jpg); }
      .startpage-calendar .calendarContainer .calendarList .calendar--Item:nth-child(3n+2) .item--txt {
        background-image: url(img/bg_dirt_calendar_post2.jpg); }
      .startpage-calendar .calendarContainer .calendarList .calendar--Item:nth-child(3n+3) .item--txt {
        background-image: url(img/bg_dirt_calendar_post3.jpg); }
      .startpage-calendar .calendarContainer .calendarList .calendar--Item:nth-child(3n+1):hover .item--txt {
        background-image: url(img/dirt_texture_startbox_green-1.jpg); }
      .startpage-calendar .calendarContainer .calendarList .calendar--Item:nth-child(3n+2):hover .item--txt {
        background-image: url(img/dirt_texture_startbox_green-2.jpg); }
      .startpage-calendar .calendarContainer .calendarList .calendar--Item:nth-child(3n+3):hover .item--txt {
        background-image: url(img/dirt_texture_startbox_green-3.jpg); }
  .startpage-calendar a {
    position: relative;
    text-align: center; }
  .startpage-calendar .btn {
    display: inline-block;
    padding: 10px 20px 10px;
    cursor: pointer;
    transition: background-color 0.4s ease;
    font-family: 'TT Mussels';
    font-weight: 600;
    font-size: 14px;
    line-height: 1em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    background-color: #d8c57d;
    color: #760a0f;
    margin: 30px auto; }
    .startpage-calendar .btn:hover {
      color: #d8c57d;
      background-color: #760a0f;
      border-bottom: 3px solid #d8c57d;
      padding: 10px 20px 7px; }

/*....................................*\
    Formlär
\*.....................................*/
#req p {
  font-weight: bold; }

article.form {
  padding: 50px 0;
  background-image: url(img/bg_dirt_form.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 70px; }
  article.form h2, article.form h3, article.form p {
    color: #fff;
    margin-bottom: 11px; }
  article.form h2 {
    text-align: center;
    margin-bottom: 35px; }
  article.form .form-success, article.form .form-loader {
    display: none; }
  article.form form textarea {
    height: 160px; }
  article.form .startpage-form {
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    article.form .startpage-form #contact-form-codetodoor {
      position: absolute;
      left: -999em; }
    article.form .startpage-form .form-col:first-child {
      margin-right: 10px;
      max-width: 375px; }
    article.form .startpage-form .form-col:last-child {
      margin-left: 10px; }
    article.form .startpage-form .form-col {
      flex-grow: 1;
      max-width: 100%;
      position: relative;
      display: flex;
      flex-direction: column; }
      article.form .startpage-form .form-col .form-row {
        width: 100%;
        display: -webkit-flex;
        -webkit-flex-wrap: wrap;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        article.form .startpage-form .form-col .form-row .input-wrap {
          position: relative;
          margin-bottom: 20px;
          width: 100%;
          display: flex;
          flex-direction: column;
          /* Customize the label (the container) */
          /* Hide the browser's default checkbox */
          /* Create a custom checkbox */
          /* On mouse-over, add a grey background color */
          /* When the checkbox is checked, add a blue background */
          /* Create the checkmark/indicator (hidden when not checked) */
          /* Show the checkmark when checked */
          /* Style the checkmark/indicator */ }
          article.form .startpage-form .form-col .form-row .input-wrap.half {
            width: 49%;
            margin-bottom: 22px; }
          article.form .startpage-form .form-col .form-row .input-wrap #contact-form-send {
            display: inline-block;
            padding: 10px 20px 10px;
            cursor: pointer;
            transition: background-color 0.4s ease;
            font-family: 'TT Mussels';
            font-weight: 600;
            font-size: 14px;
            line-height: 1em;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            background-color: #294635;
            color: #d8c57d;
            border: 0;
            height: 100px; }
            article.form .startpage-form .form-col .form-row .input-wrap #contact-form-send:hover, article.form .startpage-form .form-col .form-row .input-wrap #contact-form-send:active {
              background-color: #d8c57d;
              color: #fff;
              border-bottom: solid 4px #fff;
              padding: 16px 25px 12px; }
          article.form .startpage-form .form-col .form-row .input-wrap .inputfile {
            width: 0.1px;
            height: 0.1px;
            opacity: 0;
            overflow: hidden;
            position: absolute;
            z-index: -1; }
          article.form .startpage-form .form-col .form-row .input-wrap .inputfile + label {
            color: #000;
            background-color: #fff;
            display: flex;
            padding: 0 25px 0;
            border-radius: 0;
            font-weight: 800;
            font-size: 18px;
            line-height: 22px;
            height: 55px;
            cursor: pointer;
            align-items: center; }
            article.form .startpage-form .form-col .form-row .input-wrap .inputfile + label span {
              font-size: 18px; }
              article.form .startpage-form .form-col .form-row .input-wrap .inputfile + label span span.small {
                font-size: 9px;
                font-weight: 400;
                text-transform: uppercase;
                display: block;
                margin-top: -6px; }
            article.form .startpage-form .form-col .form-row .input-wrap .inputfile + label:after {
              content: "Välj";
              position: absolute;
              display: flex;
              width: 55px;
              top: 0;
              bottom: 0;
              color: #fff;
              background-color: #000;
              right: 0;
              border: solid 1px #fff;
              align-items: center;
              justify-content: center; }
          article.form .startpage-form .form-col .form-row .input-wrap .container {
            display: block;
            position: relative;
            padding-left: 35px;
            margin-bottom: 12px;
            cursor: pointer;
            font-size: 20px;
            color: #fff;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none; }
          article.form .startpage-form .form-col .form-row .input-wrap .container input[type='checkbox'] {
            position: absolute;
            opacity: 0;
            cursor: pointer; }
          article.form .startpage-form .form-col .form-row .input-wrap .checkmark {
            position: absolute;
            top: 0;
            left: 0;
            height: 25px;
            width: 25px;
            background-color: #eee; }
          article.form .startpage-form .form-col .form-row .input-wrap .container:hover input ~ .checkmark {
            background-color: #ccc; }
          article.form .startpage-form .form-col .form-row .input-wrap .container input[type='checkbox']:checked ~ .checkmark {
            background-color: #d8c57d; }
          article.form .startpage-form .form-col .form-row .input-wrap .checkmark:after {
            content: "";
            position: absolute;
            display: none; }
          article.form .startpage-form .form-col .form-row .input-wrap .container input[type='checkbox']:checked ~ .checkmark:after {
            display: block; }
          article.form .startpage-form .form-col .form-row .input-wrap .container .checkmark:after {
            left: 9px;
            top: 5px;
            width: 5px;
            height: 10px;
            border: solid #000;
            border-width: 0 3px 3px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg); }
          article.form .startpage-form .form-col .form-row .input-wrap input:focus, article.form .startpage-form .form-col .form-row .input-wrap textarea:focus {
            outline: 2px solid #294635;
            border: 0; }
          article.form .startpage-form .form-col .form-row .input-wrap input, article.form .startpage-form .form-col .form-row .input-wrap select, article.form .startpage-form .form-col .form-row .input-wrap option, article.form .startpage-form .form-col .form-row .input-wrap textarea {
            background-color: #fff;
            border: none;
            padding: 15px 25px 4px 13px;
            border-radius: 0;
            font-weight: 400;
            font-size: 18px;
            line-height: 22px;
            letter-spacing: 0.01em;
            width: 100%;
            box-sizing: border-box;
            transition: border .5s ease-out;
            height: 60px; }
            article.form .startpage-form .form-col .form-row .input-wrap input ~ .input-label, article.form .startpage-form .form-col .form-row .input-wrap select ~ .input-label, article.form .startpage-form .form-col .form-row .input-wrap option ~ .input-label, article.form .startpage-form .form-col .form-row .input-wrap textarea ~ .input-label {
              position: absolute;
              pointer-events: none;
              left: 15px;
              top: 24px;
              transition: .2s ease all;
              color: #294635;
              height: 27px;
              overflow: hidden;
              font-weight: 600;
              font-size: 14px;
              letter-spacing: 0.1em;
              text-transform: uppercase;
              line-height: 1.4em; }
          article.form .startpage-form .form-col .form-row .input-wrap textarea {
            height: 220px;
            padding-top: 25px; }
          article.form .startpage-form .form-col .form-row .input-wrap .not-empty:valid {
            border-right: solid 10px #294635; }
          article.form .startpage-form .form-col .form-row .input-wrap .not-empty:invalid {
            border-right: solid 10px #760a0f; }
          article.form .startpage-form .form-col .form-row .input-wrap input:focus ~ .input-label,
          article.form .startpage-form .form-col .form-row .input-wrap input.not-empty ~ .input-label,
          article.form .startpage-form .form-col .form-row .input-wrap textarea:focus ~ .input-label,
          article.form .startpage-form .form-col .form-row .input-wrap textarea.not-empty ~ .input-label {
            top: 11px;
            left: 13px;
            font-size: 9px;
            color: #294635; }

.form-holder {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
  overflow: auto; }

.form-holder h2 {
  text-align: center;
  padding-bottom: 20px; }

.conference-select {
  padding-top: 8px !important; }

.conference-textarea {
  height: 300px !important; }

.conference-select:focus {
  outline: 2px solid #294635;
  border: 0;
  transition: all 0.4s ease; }

@media only screen and (max-width: 400px) {
  .form-holder h2 {
    font-size: 20px; } }

.takeover-button-send {
  display: inline-block;
  padding: 10px 20px 10px;
  cursor: pointer;
  transition: background-color 0.4s ease;
  font-family: 'TT Mussels';
  font-weight: 600;
  font-size: 14px;
  line-height: 1em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background-color: #294635;
  color: #d8c57d;
  border: 0; }

.takeover-button-send:hover {
  background-color: #d8c57d;
  color: #294635;
  border-bottom: 3px solid #294635;
  padding: 10px 20px 7px; }

.takeover-button-cancel {
  display: inline-block;
  padding: 10px 20px 10px;
  cursor: pointer;
  transition: background-color 0.4s ease;
  font-family: 'TT Mussels';
  font-weight: 600;
  font-size: 14px;
  line-height: 1em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background-color: #760a0f;
  color: #d8c57d;
  margin-right: 23px;
  border: 0; }

.takeover-button-cancel:hover {
  background-color: #d8c57d;
  color: #294635;
  border-bottom: 3px solid #294635;
  padding: 10px 20px 7px; }

.takeover-button-holder {
  justify-content: unset !important;
  flex-flow: row-reverse;
  padding-top: 20px; }

.takeover-conference-form-success,
.takeover-conference-form-loader,
.takeover-groupbooking-form-success,
.takeover-groupbooking-form-loader {
  display: none; }

#groupbooking-form,
#conference-form {
  display: none; }

/*------------------------------------*\
    FRONT-PAGE
\*------------------------------------*/
.home h1 {
  text-align: center; }

/*------------------------------------*\
    PAGE-TEMPLATE
\*------------------------------------*/
article.page,
article.calendar,
article.news {
  max-width: 750px;
  margin: 0 auto;
  width: 100%;
  margin-bottom: 65px; }
  article.page h1,
  article.calendar h1,
  article.news h1 {
    margin-bottom: 20px;
    color: #294635; }

article.calendar,
article.news {
  margin-left: 145px; }

article.content {
  margin: 20px auto 70px; }

.offices-wrap {
  border-top: solid 1px #000;
  margin: 50px 0 0; }
  .offices-wrap .office {
    border-bottom: solid 1px #000;
    display: -webkit-flex;
    display: flex;
    padding: 40px 0; }
    .offices-wrap .office .text-wrap {
      flex-grow: 2; }
      .offices-wrap .office .text-wrap h2 {
        text-transform: uppercase;
        margin-bottom: 15px; }
    .offices-wrap .office img {
      max-height: 170px; }

/*------------------------------------*\
    LISTVIEW
\*------------------------------------*/
.list-view h1 {
  font-weight: 600;
  font-size: 30px;
  color: #294635; }

.date-box-no-image {
  left: 0 !important; }

.list-wrap {
  border-top: solid 7px #294635;
  border-bottom: solid 5px #294635;
  margin: 23px 0 34px; }
  .list-wrap .list-item {
    padding: 22px 0;
    border-bottom: solid 1px #294635;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap; }
    .list-wrap .list-item .hover-list {
      width: 0;
      height: 115px;
      border-left: 0;
      transition: all 0.3s ease-in-out 0s; }
    .list-wrap .list-item .list-img {
      overflow: hidden;
      height: 115px;
      width: 180px;
      margin-right: 20px;
      background-size: cover;
      background-position: center center; }
      .list-wrap .list-item .list-img img {
        max-width: 100%;
        max-height: 100%;
        position: relative; }
    .list-wrap .list-item .text-wrap {
      position: relative;
      flex: 1 1 0;
      align-self: center; }
      .list-wrap .list-item .text-wrap .excerpt {
        max-width: 750px;
        padding-right: 40px; }
      .list-wrap .list-item .text-wrap p {
        font-weight: normal;
        font-size: 14px;
        letter-spacing: 0.01em; }
      .list-wrap .list-item .text-wrap .date {
        color: #757d5b;
        font-weight: 600;
        text-transform: uppercase;
        margin: 0; }
      .list-wrap .list-item .text-wrap .arrow-link {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0; }
      .list-wrap .list-item .text-wrap .arrow-wrap {
        opacity: 0;
        transition: all 0.3s ease-in-out 0s;
        font-weight: 900;
        font-size: 34px;
        line-height: 34px;
        color: #91977c; }
      .list-wrap .list-item .text-wrap .date-box {
        background-color: #760a0f;
        padding: 5px 20px;
        position: absolute;
        bottom: 0;
        left: -20px;
        width: 100%;
        max-width: 660px; }
        .list-wrap .list-item .text-wrap .date-box p {
          margin: 0;
          color: #d8c57d;
          font-family: 'TT Mussels';
          font-weight: 600;
          font-size: 16px;
          line-height: 16px;
          text-transform: uppercase; }
          .list-wrap .list-item .text-wrap .date-box p .title {
            color: #fff; }
        .list-wrap .list-item .text-wrap .date-box .title:nth-of-type(2) {
          margin-left: 17px; }
    .list-wrap .list-item .mobile-date-box {
      display: none;
      background-color: #760a0f;
      width: 100%;
      margin: 12px 0;
      padding: 7px 10px; }
      .list-wrap .list-item .mobile-date-box .date {
        display: inline-block;
        width: 49%; }
        .list-wrap .list-item .mobile-date-box .date p {
          margin: 0;
          color: #d8c57d;
          font-family: 'TT Mussels';
          font-weight: 600;
          font-size: 16px;
          line-height: 19px;
          text-transform: uppercase; }
        .list-wrap .list-item .mobile-date-box .date .title {
          color: #fff; }
  .list-wrap .list-item:hover .arrow-wrap {
    opacity: 1; }
  .list-wrap .list-item:hover .hover-list {
    width: 22px;
    border-left: 7px solid #91977c; }
  .list-wrap .list-item:last-of-type {
    border-bottom: none; }

/* Calendar-list */
.list-wrap.calendar-list .list-item:hover .hover-list {
  width: 22px;
  border-left: 7px solid #760a0f; }

.list-wrap.calendar-list .list-item .text-wrap {
  height: 115px; }

.list-wrap.calendar-list .list-item .text-wrap .arrow-wrap {
  color: #760a0f; }

.load-more-wrap {
  margin: 0 auto 38px;
  text-align: center;
  height: 44px;
  font-family: 'TT Mussels';
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #91977c;
  position: relative;
  width: 100%; }

.load-more-text {
  display: none; }

.load-more-btn {
  display: inline-block;
  padding: 10px 20px 10px;
  cursor: pointer;
  transition: background-color 0.4s ease;
  font-family: 'TT Mussels';
  font-weight: 600;
  font-size: 14px;
  line-height: 1em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background-color: #294635;
  color: #d8c57d;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  padding: 15px; }

.load-more-btn:hover {
  background-color: #d8c57d;
  color: #294635; }

/*------------------------------------*\
    SINGLE NEWS, SINGLE CALENDER
\*------------------------------------*/
.single-news .top-image,
.single-calendar .top-image {
  width: 100%; }

.single-news article.calendar, .single-news article.news,
.single-calendar article.calendar,
.single-calendar article.news {
  margin-top: 50px;
  margin-bottom: 70px; }
  .single-news article.calendar h1, .single-news article.news h1,
  .single-calendar article.calendar h1,
  .single-calendar article.news h1 {
    text-align: left; }

.single-news .form,
.single-calendar .form {
  margin-bottom: 70px; }

.single-news .mobile-date,
.single-calendar .mobile-date {
  display: none;
  font-family: 'TT Mussels';
  font-weight: 600;
  color: #d8c57d;
  text-transform: uppercase;
  font-size: 12px; }

.single-news .date-box,
.single-calendar .date-box {
  position: absolute;
  max-width: 15%;
  min-width: 135px; }
  .single-news .date-box p,
  .single-calendar .date-box p {
    margin: 0;
    color: #fff;
    font-family: 'TT Mussels'; }

.single-news .startpage-calendar,
.single-calendar .startpage-calendar {
  margin-bottom: 70px; }

.single-news .date-box {
  background-color: #d8c57d;
  padding: 3px 25px 17px; }
  .single-news .date-box p {
    font-size: 32px;
    line-height: 32px;
    text-transform: lowercase; }
    .single-news .date-box p .year {
      font-size: 16px; }
  .single-news .date-box .mobile-date {
    color: #d8c57d;
    font-weight: 600; }

.single-calendar .date-box, .single-calendar .mobile-date {
  background-color: #760a0f; }
  .single-calendar .date-box p, .single-calendar .mobile-date p {
    color: #d8c57d;
    font-weight: 600;
    margin: 0; }
    .single-calendar .date-box p .title, .single-calendar .mobile-date p .title {
      color: #fff; }

.single-calendar .date-box {
  padding: 20px 15px; }
  .single-calendar .date-box p {
    font-size: 17px;
    line-height: 1.4; }
    .single-calendar .date-box p .title {
      font-size: 14px;
      line-height: 28px; }
  .single-calendar .date-box p:nth-of-type(2) {
    margin-top: 10px; }

.single-calendar .mobile-date {
  padding: 8px 5%;
  font-size: 13px; }
  .single-calendar .mobile-date p.title, .single-calendar .mobile-date p {
    font-size: 17px;
    line-height: 23px; }
  .single-calendar .mobile-date .title {
    text-transform: uppercase; }

/*------------------------------------*\
    404-PAGE
\*------------------------------------*/
.post-404 {
  text-align: center;
  /*height: 100%;*/ }
  .post-404 .inner-container {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -40%); }
  .post-404 .top-container {
    background-color: #000;
    height: 130px; }
  .post-404 .btn {
    margin-top: 40px; }

/*------------------------------------*\
    FOOTER
\*------------------------------------*/
.footer {
  background-image: url(img/bg_dirt_footer.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 40px 0 120px;
  color: #fff; }
  .footer .container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-basis: 33%; }
    .footer .container h3 {
      color: #d8c57d;
      margin-bottom: 11px; }
    .footer .container .logosArsenalen-mobile {
      display: none;
      order: 0; }
    .footer .container .openHoursText {
      order: 1;
      width: 33%;
      color: #fff; }
      .footer .container .openHoursText .openHoursTimes {
        margin-bottom: 20px; }
    .footer .container .socialLogos {
      order: 4;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      width: 33%;
      margin-top: 0px; }
      .footer .container .socialLogos .icon.tripadvisor {
        margin-right: 125px;
        width: 95px;
        margin: 0 auto; }
      .footer .container .socialLogos .ui_bubble_rating {
        display: flex; }
      .footer .container .socialLogos .fb-tw {
        display: flex; }
        .footer .container .socialLogos .fb-tw .icon {
          transition: opacity 0.4s;
          height: 50px;
          width: 50px;
          position: relative;
          cursor: pointer;
          background-image: url(img/assets.png);
          background-size: 1000px auto;
          background-repeat: no-repeat; }
          .footer .container .socialLogos .fb-tw .icon.fb {
            background-position-x: -32px;
            background-position-y: -626px; }
            .footer .container .socialLogos .fb-tw .icon.fb:after {
              background-position-y: -626px;
              background-position-x: -85px; }
          .footer .container .socialLogos .fb-tw .icon.tw {
            background-position-x: -30px;
            background-position-y: -760px; }
            .footer .container .socialLogos .fb-tw .icon.tw:after {
              background-position-y: -760px;
              background-position-x: -85px; }
          .footer .container .socialLogos .fb-tw .icon.yt {
            background-position-x: -30px;
            background-position-y: -847px; }
            .footer .container .socialLogos .fb-tw .icon.yt:after {
              background-position-y: -847px;
              background-position-x: -85px; }
          .footer .container .socialLogos .fb-tw .icon.mnd {
            background-position-x: -30px;
            background-position-y: -932px; }
            .footer .container .socialLogos .fb-tw .icon.mnd:after {
              background-position-y: -932px;
              background-position-x: -85px; }
          .footer .container .socialLogos .fb-tw .icon:after {
            transition: opacity 0.4s;
            position: absolute;
            content: " ";
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            background-image: url(img/assets.png);
            background-size: 1000px auto;
            background-repeat: no-repeat; }
          .footer .container .socialLogos .fb-tw .icon:hover:after {
            opacity: 1; }
    .footer .container .adressNewsletter {
      order: 2;
      color: #fff; }
      .footer .container .adressNewsletter h3 {
        color: #d8c57d; }
      .footer .container .adressNewsletter .adress {
        margin-bottom: 25px; }
    .footer .container .logos {
      order: 3;
      display: flex;
      flex-direction: column;
      align-items: center; }
      .footer .container .logos .logosArsenalen {
        width: 360px;
        height: 130px;
        background-image: url(img/assets.png?190924);
        background-size: 2000px auto;
        background-repeat: no-repeat;
        background-position: -63px -491px;
        margin-bottom: 20px; }
      .footer .container .logos .logosSMA {
        width: 205px;
        height: 110px;
        background-image: url(img/assets.png);
        background-size: 1000px auto;
        background-repeat: no-repeat;
        background-position: -30px -428px; }
  .footer .form-col {
    flex-grow: 1;
    max-width: 100%;
    position: relative;
    display: flex;
    flex-direction: column; }
    .footer .form-col .form-row {
      width: 100%;
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .footer .form-col .form-row .input-wrap {
        position: relative;
        margin-bottom: 12px;
        width: 100%;
        display: flex;
        flex-direction: column; }
        .footer .form-col .form-row .input-wrap.half {
          width: 49%;
          margin-bottom: 22px; }
        .footer .form-col .form-row .input-wrap input:focus {
          outline: 2px solid #294635;
          border: 0;
          transition: all 0.4s ease; }
        .footer .form-col .form-row .input-wrap input {
          transition: all 0.4s ease;
          background-color: #fff;
          border: none;
          padding: 15px 25px 4px 13px;
          border-radius: 0;
          font-weight: 400;
          font-size: 16px;
          line-height: 15px;
          letter-spacing: 0.01em;
          width: 100%;
          height: 60px;
          box-sizing: border-box; }
          .footer .form-col .form-row .input-wrap input ~ .input-label {
            position: absolute;
            pointer-events: none;
            left: 15px;
            top: 24px;
            transition: .2s ease all;
            color: #294635;
            height: 27px;
            overflow: hidden;
            font-weight: 600;
            font-size: 14px;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            line-height: 1.4em; }
        .footer .form-col .form-row .input-wrap input:focus ~ .input-label, .footer .form-col .form-row .input-wrap input.not-empty ~ .input-label, .footer .form-col .form-row .input-wrap textarea:focus ~ .input-label, .footer .form-col .form-row .input-wrap textarea.not-empty ~ .input-label {
          top: 11px;
          left: 13px;
          font-size: 9px;
          color: #294635; }
      .footer .form-col .form-row #newsletter-form-send {
        border: 0;
        width: 140px;
        color: #294635;
        font-weight: 600; }
        .footer .form-col .form-row #newsletter-form-send:hover, .footer .form-col .form-row #newsletter-form-send:active {
          color: #d8c57d;
          border-bottom: 3px solid #d8c57d; }

.footer-widget {
  width: 30%; }
  .footer-widget h3 {
    color: #fff;
    text-align: center;
    text-transform: uppercase; }
  .footer-widget p {
    color: #fff;
    text-align: center;
    text-transform: uppercase; }

.page-top-margin {
  margin: 130px; }

.item--content {
  flex: 1 1 auto;
  margin-bottom: 20px; }

.newsletter {
  min-height: 240px; }

#newsletter-loading {
  display: none; }

#newsletter-thanks {
  display: none;
  max-width: 250px;
  position: absolute; }

/*------------------------------------*\
    Responsive
\*------------------------------------*/
@media only screen and (max-width: 1120px) {
  .footer-widget {
    margin: 0 auto;
    width: 100%; }
  .footer-menu {
    width: 100%;
    text-align: center; }
    .footer-menu li {
      margin: 7px 0; } }

@media only screen and (max-width: 1024px) {
  #header-language-switcher img {
    height: 26px;
    width: 45px;
    margin-top: 10px; }
  .startpage-calendar .calendarContainer .calendarList .calendar--Item {
    margin: 0 2%; }
  .startpage-calendar .calendarContainer .calendarList .calendar--Item {
    max-width: 300px; }
  #mobile-menu {
    display: block; } }

@media only screen and (max-width: 960px) {
  .header .container .desktop-header-menu li {
    padding-right: 20px; }
  .header .container .desktop-header-menu .menu-item-has-children:after {
    right: 20px; }
  .startpage-news .newsList .newsList--Item {
    flex-direction: column; }
    .startpage-news .newsList .newsList--Item .item--img {
      height: 130px;
      width: 100%; }
  .startpage-calendar .calendarContainer .calendarList {
    flex-wrap: wrap; }
    .startpage-calendar .calendarContainer .calendarList .calendar--Item {
      flex-direction: row; }
      .startpage-calendar .calendarContainer .calendarList .calendar--Item:nth-child(odd) {
        flex-direction: row-reverse; }
      .startpage-calendar .calendarContainer .calendarList .calendar--Item .item--img {
        flex-basis: 45%; }
  .footer .container .logos {
    order: 5;
    width: 100%;
    margin-top: 60px; }
  .footer .container .openHoursText {
    order: 2;
    width: 50%;
    margin-top: 30px; }
  .footer .container .adressNewsletter {
    order: 3;
    width: 50%;
    margin-top: 30px; } }

@media only screen and (max-width: 1024px) {
  .startpage-news h2 {
    margin-bottom: 10px; }
  .front-page article.page {
    margin-top: 15px; }
  .front-page .slick-arrow {
    display: none !important; }
  .header {
    height: 60px; }
    .header .container .desktop-header-menu {
      display: none; }
    .header .mobile-menu-btn {
      display: block; }
    .header #header-language-switcher {
      right: 70px;
      top: 5px;
      position: absolute;
      display: none; }
  main {
    margin-top: 60px; }
  .container {
    width: 100%; }
  .startpage-calendar .calendarContainer .calendarList {
    flex-wrap: wrap; }
    .startpage-calendar .calendarContainer .calendarList .calendar--Item {
      flex-direction: column;
      padding-bottom: 20px;
      margin: 0 5%; }
      .startpage-calendar .calendarContainer .calendarList .calendar--Item:nth-child(odd) {
        flex-direction: column; }
      .startpage-calendar .calendarContainer .calendarList .calendar--Item .item--img {
        flex-basis: unset;
        width: 100%;
        max-width: 100%; }
  .startpage-calendar .btn {
    width: 100%;
    text-align: center;
    margin: 30px auto 0;
    height: 50px;
    padding: 18px 10px; }
  article.news {
    margin-left: auto; }
  article.page, article.calendar, article.news {
    padding: 0 5%;
    width: 100%;
    margin-top: 20px;
    line-height: 1.4; }
    article.page h1, article.calendar h1, article.news h1 {
      margin-bottom: 11px; }
  .list-wrap {
    border-bottom: solid 7px #294635;
    border-top: solid 7px #294635; }
    .list-wrap .list-item {
      margin-left: 20px;
      margin-right: 20px; }
  .load-more-wrap {
    margin: 0;
    margin-bottom: 20px; }
  .load-more-btn {
    width: 100%; }
  .list-wrap.calendar-list .list-item .text-wrap {
    height: auto; }
  .newsContainer {
    padding: 20px; }
  article.form {
    padding: 30px 5%;
    margin-bottom: 25px; }
  .footer .container {
    flex-basis: 50%; }
  .footer .container .openHoursText {
    width: 50%;
    padding: 0 5%;
    order: 1; }
  .footer .container .adressNewsletter {
    width: 50%;
    padding: 0 5%;
    order: 2; }
  .footer .container .logos {
    width: 100%;
    padding: 0px 5% 60px 5%;
    order: 4; }
  .footer .container .socialLogos {
    width: 50%;
    padding: 40px 5% 20px 5%;
    display: flex;
    flex-direction: row;
    order: 3;
    position: relative;
    margin-top: -80px; }
  .footer .container .logos .logosSMA {
    margin-left: 45px; }
  .footer .container .logos .logosArsenalen {
    display: none !important; }
  .footer .container .logosArsenalen-mobile {
    display: block;
    width: 155px;
    height: 80px;
    background-image: url(img/assets.png);
    background-size: 1000px auto;
    background-repeat: no-repeat;
    background-position: -31px -243px;
    margin-bottom: 25px;
    align-self: center;
    order: 1;
    margin-left: calc(50% - 78px); } }

@media only screen and (max-width: 960px) and (min-width: 700px) {
  .startpage-calendar .calendarContainer .calendarList .calendar--Item {
    max-width: 245px;
    margin: 0; }
  .item--txt {
    margin-top: 20px; }
  .front-page article.page {
    margin-top: 15px; }
  .startpage-calendar .calendarContainer .calendarList .calendar--Item {
    max-width: unset; } }

@media only screen and (max-width: 500px) {
  .list-item .excerpt {
    display: none; }
  .footer .container .logos .logosSMA {
    margin-left: 0; }
  .footer .container {
    flex-direction: column;
    text-align: center;
    line-height: 1.57; }
    .footer .container .logosArsenalen-mobile {
      display: block;
      width: 155px;
      height: 65px;
      background-image: url(img/assets.png);
      background-size: 1000px auto;
      background-repeat: no-repeat;
      background-position: -31px -246px;
      margin-bottom: 20px;
      align-self: center;
      order: 1;
      margin-left: 0; }
    .footer .container .openHoursText {
      padding: 0 5%;
      width: 100%;
      order: 2; }
    .footer .container .adressNewsletter {
      /* padding: 0 5% 30px; */
      padding: 0;
      width: 100%;
      order: 3; }
      .footer .container .adressNewsletter .adress {
        margin-top: 10px;
        margin-bottom: 40px; }
    .footer .container .newsletter {
      width: 100;
      background: rgba(0, 0, 0, 0.2);
      padding: 20px 0 0;
      max-width: 100vw; }
      .footer .container .newsletter .form-col {
        width: 90% !important;
        margin-left: 5%; }
    .footer .container .socialLogos {
      order: 5;
      flex-direction: column;
      align-items: center;
      width: 100%;
      margin-bottom: 40px;
      margin-top: 20px; }
      .footer .container .socialLogos .fb-tw {
        justify-content: center;
        width: 100%; }
      .footer .container .socialLogos .icon.tripadvisor {
        margin-right: auto;
        margin-top: 30px; }
    .footer .container .logos {
      padding: 5%;
      align-items: center;
      width: 100%;
      order: 4; }
      .footer .container .logos .logosArsenalen {
        display: none; }
  .footer .form-col .form-row .input-wrap {
    display: unset; }
  article.form {
    padding: 30px 25px !important;
    margin-bottom: 25px; }
    article.form .startpage-form {
      flex-direction: column; }
      article.form .startpage-form .form-col {
        max-width: 100%; }
        article.form .startpage-form .form-col .form-row {
          order: 1; }
        article.form .startpage-form .form-col .form-row#req {
          order: 0; }
  .startpage-news .newsList .newsList--Item:nth-child(odd) {
    padding-left: 20px; }
  .startpage-news .newsList .newsList--Item:nth-child(even) {
    padding-right: 20px; }
  .startpage-news .newsList .item-txt--date {
    margin: 5px 0; }
  article.form .startpage-form .form-col:first-child {
    margin-right: 0;
    max-width: 100%; }
  article.form .startpage-form .form-col:last-child {
    margin-left: 0; }
  h1 {
    font-size: 30px;
    margin-bottom: 11px; }
  h2 {
    font-size: 24px; }
  h3 {
    font-size: 24px; }
  h4 {
    font-size: 16px; }
  body, p, li {
    font-size: 16px;
    line-height: 1.4; }
  .form-col .form-row #newsletter-form-send {
    bottom: -10px;
    position: relative;
    max-width: 100vw;
    height: 50px;
    width: calc(100% + 40px) !important;
    margin-left: -20px !important; }
  #header-language-switcher img {
    height: 35px;
    width: 52px;
    margin-top: 5px; }
  .mobile-menu ul a {
    font-size: 18px;
    line-height: 24px;
    padding: 10px 0; }
  .top-image {
    max-width: 1120px;
    width: 100%;
    height: 185px; }
  .top-slider {
    height: 205px; }
  .top-slider .top-text {
    top: 70%;
    font-size: 30px; }
  .home .topSliderTicker {
    top: 185px;
    width: 100%;
    padding-left: 5%;
    height: 80px; }
    .home .topSliderTicker .tickerTime {
      font-size: 28px; }
  .home .slick-dots {
    bottom: unset;
    top: 40px; }
    .home .slick-dots > li {
      position: relative; }
  .startpage-boxes {
    flex-direction: column; }
    .startpage-boxes .box {
      margin-bottom: 10px;
      align-items: center;
      padding-bottom: 50px;
      position: relative; }
      .startpage-boxes .box .box-text-wrap {
        padding: 5% 5% 0 5%;
        height: 100%;
        position: unset;
        display: unset; }
        .startpage-boxes .box .box-text-wrap a {
          position: absolute;
          height: 50px;
          width: 100%;
          bottom: 0px; }
          .startpage-boxes .box .box-text-wrap a .btn {
            width: 100%;
            text-align: center;
            max-width: 100vw;
            height: 50px;
            padding: 18px 10px;
            position: absolute;
            left: 0;
            bottom: 0; }
      .startpage-boxes .box h3 {
        margin-bottom: 11px;
        font-size: 20px; }
  .list-wrap .list-item .hover-list {
    height: 70px; }
  .list-wrap .list-item .date-wrap {
    margin-bottom: 20px;
    margin-right: 0; }
  .list-wrap .list-item .list-img {
    width: 110px;
    height: 100%;
    min-height: 70px; }
    .list-wrap .list-item .list-img img {
      float: none; }
  .list-wrap .list-item .excerpt {
    display: none; }
  .list-wrap .list-item:hover {
    background-color: rgba(216, 197, 125, 0.25); }
    .list-wrap .list-item:hover .hover-list {
      width: 0;
      border: none; }
    .list-wrap .list-item:hover .arrow-wrap {
      opacity: 0; }
  .takeover-button-holder {
    width: calc(100% + 50px) !important;
    max-width: 100vw;
    margin-left: -25px;
    left: 0;
    position: relative;
    top: 30px; }
    .takeover-button-holder .takeover-button-cancel {
      text-align: center;
      padding: 18px 10px;
      order: 0;
      max-width: 50vw;
      width: 60%;
      margin-right: 0;
      left: 0;
      position: relative; }
    .takeover-button-holder .takeover-button-send {
      padding: 0;
      height: 50px;
      max-width: 100%;
      width: 60%;
      position: relative;
      left: 0; }
  .takeover-button-send {
    width: 100% !important; }
  #contact-form .takeover-button-holder .takeover-button-send {
    width: calc(100% + 50px) !important;
    margin-left: -25px; }
  .startpage-news h2 {
    margin-bottom: 15px;
    font-size: 24px; }
  .startpage-news .newsList {
    flex-direction: column;
    border-top: solid 5px #294635;
    border-bottom: solid 5px #294635;
    margin-bottom: -1px; }
    .startpage-news .newsList:nth-child(odd) {
      border-right: none; }
    .startpage-news .newsList .newsList--Item {
      flex-direction: row;
      border-bottom: solid 1px #294635;
      border-top: none;
      margin: 0; }
      .startpage-news .newsList .newsList--Item:nth-child(odd) {
        border-right: none;
        padding: 20px 5% 20px; }
      .startpage-news .newsList .newsList--Item:nth-child(even) {
        padding: 20px 5% 5px; }
      .startpage-news .newsList .newsList--Item .item--img {
        height: 70px;
        width: 100%;
        max-width: 110px;
        background-position: center center; }
      .startpage-news .newsList .newsList--Item .item--txt h2 {
        margin-bottom: 0;
        font-size: 20px; }
      .startpage-news .newsList .newsList--Item .item--txt span {
        display: none; }
  .startpage-news .btn {
    width: 100%;
    text-align: center;
    height: 50px;
    padding: 18px 20px 18px; }
  .startpage-boxes-green {
    margin: 50px 0 25px; }
    .startpage-boxes-green .box {
      flex-direction: column;
      margin-bottom: 20px;
      position: relative;
      height: unset;
      padding-bottom: 45px; }
      .startpage-boxes-green .box:nth-child(even) {
        flex-direction: column; }
      .startpage-boxes-green .box .box-wrap.img {
        display: none; }
      .startpage-boxes-green .box .box-wrap.txt {
        padding-bottom: 50px; }
        .startpage-boxes-green .box .box-wrap.txt h3 {
          margin-bottom: 10px; }
        .startpage-boxes-green .box .box-wrap.txt a {
          width: 100%;
          position: absolute;
          left: 0;
          bottom: -1px; }
          .startpage-boxes-green .box .box-wrap.txt a .btn {
            width: 100%;
            height: 50px;
            padding: 18px 10px;
            top: 40px;
            position: relative; }
  .startpage-boxes-green-2 {
    flex-direction: column;
    margin: 40px 0 25px; }
    .startpage-boxes-green-2 .box {
      margin-bottom: 25px;
      position: relative; }
      .startpage-boxes-green-2 .box .box-wrap.txt {
        margin-bottom: 50px; }
        .startpage-boxes-green-2 .box .box-wrap.txt h3 {
          font-size: 20px;
          margin-bottom: 0; }
        .startpage-boxes-green-2 .box .box-wrap.txt a {
          position: absolute;
          bottom: 0;
          width: 100%;
          left: 0; }
          .startpage-boxes-green-2 .box .box-wrap.txt a .btn {
            width: 100%;
            height: 50px;
            padding: 18px 10px; }
  .single-calendar .mobile-date p.title, .single-calendar .mobile-date p {
    font-size: 13px;
    line-height: 1.3; }
  .list-wrap .list-item .mobile-date-box .date p {
    font-size: 13px;
    line-height: 1.3; }
  .mobile-menu .level-button {
    font-size: 22px;
    top: 6px;
    padding-right: 10px;
    padding-top: 2px;
    right: 14px; }
  .front-page article.page {
    margin-top: 115px; }
  .startpage-boxes-green .box .box-wrap.txt a .btn {
    width: calc(100% + 120px);
    height: 50px;
    padding: 18px 10px;
    top: 50px;
    position: relative;
    margin-left: -60px; }
  .alignleft,
  .alignright {
    float: none; }
  .wp-block-cover.alignleft {
    margin-right: 0; }
  .wp-block-cover.alignright {
    margin-left: 0; } }

@media only screen and (max-width: 500px) {
  .startpage-news .newsList .newsList--Item {
    padding-left: 0; }
  .startpage-news .newsList .newsList--Item {
    max-width: 100%;
    height: 100%; }
  .startpage-news .newsList .newsList--Item .item--txt {
    flex: 1;
    flex-shrink: unset;
    text-align: left; }
  .startpage-calendar .calendarContainer .calendarList .calendar--Item {
    width: 90%; }
  .startpage-news .newsList {
    margin-bottom: 30px; }
  .startpage-boxes-green .box .box-wrap.txt {
    max-width: 100%;
    width: 100%; }
  .footer .form-col .form-row #newsletter-form-send {
    width: 100%;
    margin: 0; }
  #newsletter-thanks {
    margin-top: 20px;
    max-width: 100%; } }

@media only screen and (max-width: 320px) {
  .newsList {
    display: block !important; }
  .home .topSliderTicker {
    max-width: 320px; }
  .home
.topSliderTicker .tickerText {
    display: block;
    font-size: 15px;
    font-weight: 600; }
  .home
.topSliderTicker .tickerTime {
    font-size: 24px;
    font-weight: 400; } }

@media screen and (max-device-width: 800px) {
  .box-wrap.txt {
    height: unset; }
  .startpage-boxes-green .box {
    height: unset; }
  .startpage-boxes-green .box .box-wrap.txt a {
    position: relative;
    bottom: unset;
    width: unset;
    min-height: unset;
    left: unset; }
  .startpage-boxes .box .box-text-wrap a {
    position: unset;
    bottom: unset; }
  .startpage-boxes-green .btn {
    margin-top: 20px; } }

@media screen and (max-device-width: 870px) {
  .single-news .mobile-date,
  .single-calendar .mobile-date {
    display: block; }
  .single-news .date-box,
  .single-calendar .date-box {
    display: none; }
  .calendar-list .list-item .mobile-date-box {
    display: block; }
  .calendar-list .date-box {
    display: none; } }

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .startpage-news .newsList .newsList--Item {
    flex-basis: 100%;
    max-width: 100%;
    margin: 0px 0 20px;
    padding: 20px;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    border-top: solid 1px #294635;
    transition: all 0.4s ease-in-out; }
  .startpage-news .newsList .newsList--Item:nth-child(odd) {
    border-right: 0;
    border-top: solid 1px #294635;
    margin: 0px 0 20px; }
  .startpage-news .newsList .newsList--Item:nth-child(1),
  .startpage-news .newsList .newsList--Item:nth-child(2) {
    border-right: 0;
    border-top: solid 1px #294635;
    margin: 0px 0 20px; }
  .startpage-news .newsList .newsList--Item:nth-child(odd) {
    border-right: 0; }
  .item--txt {
    text-align: left; }
  .startpage-calendar .calendarContainer .calendarList .calendar--Item {
    margin: 0 2%; }
  .startpage-calendar .calendarContainer .calendarList .calendar--Item {
    max-width: 300px; }
  .list-wrap.calendar-list .list-item .text-wrap {
    height: 115px; } }

@media only screen and (max-width: 1024px) {
  #header-language-switcher img {
    height: 26px;
    width: 45px;
    margin-top: 10px; } }

@media only screen and (max-width: 768px) {
  .single-news article.news,
  .single-calendar article.calendar {
    margin-left: auto;
    margin-top: 20px; } }

@media only screen and (max-width: 768px) and (min-width: 700px) {
  .single-news .mobile-date, .single-calendar .mobile-date {
    font-size: 18px; } }

@media only screen and (max-width: 680px) and (orientation: landscape) {
  .item-txt--date, .list-item p.date {
    margin-top: 14px; } }

@media only screen and (max-width: 600px) {
  .startpage-calendar .calendarContainer .calendarList .calendar--Item {
    max-width: unset; }
  .startpage-calendar .calendarContainer .calendarList {
    flex-direction: column; }
  .back-button {
    margin-top: 20px;
    cursor: pointer;
    text-align: left;
    margin-bottom: 20px; } }

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }