/*!
Theme Name: POE
Theme URI: #
Author: Kreation AB
Author URI: https://kreation.se/
Description: #
Version: 1.0
License: GNU General Public License v2 or later
This theme, like WordPress, is licensed under the GPL.
*/

/*!  NORMALIZE v8.0.1
===========================================*/

html { line-height: 1.15; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

main { display: block; }

h1 {font-size: 2em; margin: 0.67em 0; }

hr { box-sizing: content-box; height: 0; overflow: visible; }

pre { font-family: monospace, monospace; font-size: 1em; }

a { background-color: transparent; }

abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }

b, strong { font-weight: bolder; }

code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

img { border-style: none; }

button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }

button, input { overflow: visible; }

button, select { text-transform: none; }

button,[type="button"],[type="reset"],[type="submit"] { -webkit-appearance: button; }

button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {
  border-style: none; padding: 0; }

button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset { padding: 0.35em 0.75em 0.625em; }

legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }

progress {  vertical-align: baseline; }

textarea { overflow: auto; }

[type="checkbox"],[type="radio"] { box-sizing: border-box; padding: 0; }

[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }

[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }

details { display: block; }

summary { display: list-item; }

template { display: none; }

[hidden] { display: none; }

/*!  VARIABLES
==========================================*/

:root {
  --base: #1d2b4d;
  --base1: #77777a;
  --accent: #5f7865;

  --menu1: #fff;
  --menu2: #fff;
  --menu3: #fff;

  --off-white: #f5f5f5;
  --off-white-alt: #e9e5e8;
  --white: #fff;
  --black: #231f20;

  --body-color: #333;
  --body-bg: #fff;

  --body-size: 18px;
  --body-font: "Raleway", Arial, sans-serif;
  --body-weight: 400;
  --heading-weight: 600;

  --width: 1440px;
  --width-entry: 1600px;
}

/*!  TYPOGRAPHY
===========================================*/

body { 
  font-size: 100%;
  font-size: var(--body-size); 
  font-family: var(--body-font);
  font-weight: var(--body-weight);
  overflow-wrap: break-word;
  word-wrap: break-word;
}

body, caption, th, td, input, textarea, select, option, legend, fieldset, h1, h2, h3, h4, h5, h6 {
  font-size-adjust: 0.5;
}

.super-container {
  font-size: 1em;
  line-height: 1.25;
}

@media (min-width: 600px) {
  .super-container {
    font-size: 1em;
    line-height: 1.375;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--body-font);
  font-weight: var(--heading-weight);
}

h1, h2.title {
  font-size: 2em;
  line-height: 1.25;
}

@media (min-width: 600px) {
  h1, h2.title {
    font-size: 2.5em;
    line-height: 1.125;
  }
}

@media (min-width: 900px) {
  h1, h2.title {
    font-size: 3em;
    line-height: 1.05;
  }
}

h2 {
  font-size: 1.625em;
  line-height: 1.15384615;
}

@media (min-width: 600px) {
  h2 {
    font-size: 2em;
    line-height: 1.25;
  }
}

@media (min-width: 900px) {
  h2 {
    font-size: 2.25em;
    line-height: 1.25;
  }
}

.puff h2, h3 {
  font-size: 1.375em;
  line-height: 1.13636364;
}

@media (min-width: 600px) {
  .puff h2, h3 {
    font-size: 1.5em;
    line-height: 1.25;
  }
}

@media (min-width: 900px) {
  h3 {
    font-size: 1.75em;
    line-height: 1.25;
  }
}

@media (min-width: 900px) {
  .puff h2, .puff h3, .card h3 {
    font-size: 1.5em;
    line-height: 1.2;
  }
}

h4 { 
  font-size: 1.3em;
  line-height: 1.11111111;
}

@media (min-width: 600px) {
  h4 { line-height: 1.22222222; }
}

blockquote {
  font-size: 1.25em;
  line-height: 1.25;
}

@media (min-width: 600px) {
  blockquote {
    font-size: 1.5em;
    line-height: 1.45833333;
  }
}

/*!  CUSTOM FONTS
===========================================*/

/*@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url('assets/components/fontawesome-pro/webfonts/fa-brands-400.woff2') format('woff2'),
  url('assets/components/fontawesome-pro/webfonts/fa-brands-400.woff') format('woff');
}*/

/*@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 300;
  font-display: auto;
  src: url('assets/components/fontawesome-pro/webfonts/fa-light-300.woff2') format('woff2'),
  url('assets/components/fontawesome-pro/webfonts/fa-light-300.woff') format('woff');
}*/

/*@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url('assets/components/fontawesome-pro/webfonts/fa-regular-400.woff2') format('woff2'),
  url('assets/components/fontawesome-pro/webfonts/fa-regular-400.woff') format('woff');
}
*/

/*@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url('assets/components/fontawesome-pro/webfonts/fa-solid-900.woff2') format('woff2'),
  url('assets/components/fontawesome-pro/webfonts/fa-solid-900.woff') format('woff');
}*/

/*@font-face {
  font-family: 'Font Awesome 5 Duotone';
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url('assets/components/fontawesome-pro/webfonts/fa-duotone-900.woff2') format('woff2'),
  url('assets/components/fontawesome-pro/webfonts/fa-duotone-900.woff') format('woff');
}*/

@font-face {
  font-family: 'poe';
  src: url('../../components/fontello/font/poe.eot?69888818');
  src: url('../../components/fontello/font/poe.eot?69888818#iefix') format('embedded-opentype'),
       url('../../components/fontello/font/poe.woff2?69888818') format('woff2'),
       url('../../components/fontello/font/poe.woff?69888818') format('woff'),
       url('../../components/fontello/font/poe.ttf?69888818') format('truetype'),
       url('../../components/fontello/font/poe.svg?69888818#poe') format('svg');
  font-weight: normal;
  font-style: normal;
}

.sidebar-left .dashicons:before,
.phone:before,
.email:before,
.puff-location:before,
.header-search .search-form button:before,
#navigation ul li.menuitem-mobile a:before,
#navigation ul li.menuitem-translate a:before,
#navigation ul li.menuitem-search a:before,
[class^="icon-"]:before, 
[class*=" icon-"]:before, 
.slick-prev:before, 
.slick-next:before {
  font-family: "poe" !important;
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  vertical-align: top;
  font-variant: normal;
  text-transform: none;
 
  line-height: 1em;
 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.header-search .search-form button:before,
#navigation ul li.menuitem-search a:before, .icon-search:before { content: '\e800'; }

.icon-lagenheter:before { content: '\e900'; }

.icon-fastigheter:before { content: '\e801'; }

.icon-hyresgaster:before { content: '\e802'; }

.icon-investerare:before { content: '\e803'; }

.icon-lediga-lokaler:before { content: '\e804'; }

.icon-hallbarhet:before { content: '\e80B'; }

.icon-projekt:before { content: '\e805'; }

.puff-location:before, .icon-location:before { content: '\e806'; }

#navigation ul li.menuitem-translate a:before, .icon-translate:before { content: '\e808'; }

#navigation ul li.menuitem-mobile a:before, .icon-menu:before { content: '\f008'; }

.slick-next:before, .icon-right-arrow:before { content: '\f006' !important; }

.slick-prev:before, .icon-left-arrow:before { content: '\f007' !important; }

.phone:before, .icon-phone:before { content: '\e809'; }

.email:before, .icon-mail:before { content: '\f031'; }

.icon-instagram:before { content: '\f16d'; }

.icon-facebook:before { content: '\f300'; }

.icon-linkedin:before { content: '\f318'; }

.icon-call:before { content: '\e807'; }

.icon-email:before { content: '\e80a'; }

.icon-twitter:before { content: '\f099'; }

.icon-pinterest:before { content: '\f231'; }

.dashicons-menu:before,
.dashicons-arrow-up:before,
.dashicons-arrow-down-alt2:before,
.dashicons-plus:before,
.icon-down-arrow:before { content: '\f004' !important; }

.dashicons-arrow-down:before,
.dashicons-arrow-up-alt2:before,
.dashicons-minus:before,
 .icon-up-arrow:before { content: '\f005' !important; }

@font-face {
  font-family: "icomoon";
  src: url("../../fonts/icomoon.eot?6zyrlp");
  src: url("../../fonts/icomoon.eot?6zyrlp#iefix") format("embedded-opentype"),
    url("../../fonts/icomoon.ttf?6zyrlp") format("truetype"),
    url("../../fonts/icomoon.woff?6zyrlp") format("woff"),
    url("../../fonts/icomoon.svg?6zyrlp#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.icon-lediga-lgh:before {
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900";
}

/*.shake {
  animation: shake 75ms infinite;
  animation-timing-function: linear; 
}*/

/*@keyframes shake {
  0% { transform: rotate(0.5deg); }
  50% { transform: rotate(-0.5deg); }
  100% { transform: rotate(0.5deg); }
}*/

/*.slide-in-left {
  animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@keyframes slide-in-left {
  0% {
    transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}*/

/*.slide-in-right {
  animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}


@keyframes slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}*/

/*.slide-in-bottom {
  animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@keyframes slide-in-bottom {
  0% {
    transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}*/

/*!  BASIC STYLES
===========================================*/

html{ box-sizing: border-box; scroll-behavior: smooth; }

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

body { 
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  background-color: var(--body-bg); 
  color: var(--body-color);
}

b, strong { font-weight: bold; }

p {
  margin: 0;
  margin-bottom: 1em;
}

h1 a, h2 a {
  text-decoration: none;
  color: inherit;
}

h1 a:hover,
h1 a:focus,
h2 a:hover,
h2 a:focus {
  color: var(--accent);
}

a { color: var(--accent); transition: all 0.25s ease-in-out; }

a:hover, a:focus { color: var(--base); }

a[href^="tel"] { text-decoration: none; color: var(--body-color); }

select::-ms-expand { display: none; }

figure { margin: 0; padding: 0; }

.super-container { overflow: hidden; }

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

time {
  color: var(--base1);
  font-weight: var(--heading-weight);
  font-size: 0.85em;
  margin-bottom: 0.2em;
  margin-top: -0.4em;
}

.puff { transition: all 0.25s ease-in-out; }

.puff:hover, .puff:focus { transform: scale(1.02); }

.puff:hover a .read-more, .puff:focus a .read-more { color: var(--accent); }

.puff .puff-wrapper { 
  text-decoration: none; 
  display: flex;
  flex-flow: column wrap;
  height: 100%;

  padding: 1em;
  background-color: var(--white);
  box-shadow: 0px 0px 20px rgba(0,0,0,0.12);
  position: relative;

}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {  
  .puff img { flex: none; }
}

.puff:hover, .puff:focus { color: inherit; }

.puff h2, 
.puff h3, 
.puff h4 {
  margin: 0;
  margin-bottom: 0.3em;
  color: var(--body-color); 
}

.puff p {
  margin-bottom: 0;
  color: rgba(0,0,0, 0.7);
}

.puff .puff-wrap {
  display: flex;
  flex-flow: column wrap;
  align-content: flex-start;
  padding: 1.1em 0.2em 0;
  flex: auto;
  width: 100%;
  transition: all 0.25s ease-in-out;
}

.puff .puff-wrap p { flex: auto; }

.read-more {
  display: block;
  color: var(--base);
  text-decoration: none;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 0.85em;
  font-family: var(--heading-font);
  transition: all 0.25s ease-in-out;
  margin-top: 0.8em;
}

.read-more:after {
  display: inline-block;
  content: "›";
  padding-left: 4px;
}

.puff-category {
  position: absolute;
  top: 1.9em;
  right: -10px;
  font-weight: var(--heading-weight);
  background-color: var(--base);
  color: var(--white);
  display: block;
  padding: 0.5em 2.5em 0.5em 1em !important;
  border-radius: 40px 0 0 40px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 0.7em;
  z-index: 999;
}

.puff-location:before { vertical-align: text-top; margin-right: 0.5em; }

.puff-location {
  color: var(--accent);
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-size: 0.8em;
  margin-bottom: 0.2em;
}

.puff-overlay { 
  box-shadow: 0px 0px 10px rgba(0,0,0, 0.05);
}

.puff-overlay:hover,
.puff-overlay:focus { transform: scale(1); }

.puff-overlay .puff-wrapper { position: relative; padding-bottom: calc(1em + 48px); }

.puff-overlay .puff-wrap {
  width: 100%;
  text-align: center;
  padding: 0;
  height: 48px;
  transition: background 0.25s ease-in-out, height 0.25s ease-in-out;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
}

.puff-overlay .puff-wrap h3 { 
  margin: 0; 
  width: 100%;
  transition: all 0.25s ease-in-out;
}

.puff-overlay .puff-wrap p { 
  opacity: 0; 
  color: var(--white);
  max-height: 0px; 
  transition: max-height 0.25s ease-in-out;
}

.puff-overlay:hover .puff-wrapper,
.puff-overlay:focus .puff-wrapper { padding-bottom: 1em; }

.puff-overlay:hover .puff-wrap,
.puff-overlay:focus .puff-wrap { 
  position: absolute;
  bottom: 0;
  height: 100%; 
  left: 0;
  align-content: center;
  flex-flow: row wrap;
  justify-content: center;
  background-color: rgba(3,37,82, 0.85);
  color: var(--white);
  padding: 2em;
}

.puff-overlay:hover .puff-wrap h3,
.puff-overlay:focus .puff-wrap h3 { color: var(--white); margin-bottom: 0.2em;  }

.puff-overlay:hover .puff-wrap p,
.puff-overlay:focus .puff-wrap p { opacity: 1; max-height: 1000px; }

.title { text-align: center; margin-bottom: 0.75em; margin-top: 0em; }

.title a { text-decoration: none; color: inherit; }

.title a:hover, h1.title a:focus { color: var(--accent); }

/* Share buttons */

.share {
  margin-top: 1.5em;
  margin-bottom: 1em;
  color: #999;
  text-transform: uppercase;
  font-size: 0.8em;
}

.share a:before {
  display: inline-block;
  font-size: 16px;
  background-color: var(--accent);
  margin-left: 5px;
  padding-bottom: 0;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-decoration: none;
  text-align: center;
  transition: all 0.25s ease-in-out;
  vertical-align: middle;
  color: var(--white);
}

.share a:hover:before, .share a:focus:before { background-color: var(--base); }

@media (min-width: 1200px) {
 .share { margin-top: 2.5em; margin-bottom: 0; }
}

/* Sections margins */

#footer,
#about,
#projects,
#news,
#puffs, 
#custom,
#entry {
  padding-top: 4%;
  padding-bottom: 4%; 
}

/*  GRID
===========================================*/

.container {
  max-width: var(--width);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0.5em;
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
}

@media (min-width: 900px) {
  .container { 
    padding: 0 1.5em;
  }  
}

.container .cell-1,
.container .cell-2, 
.container .cell-3, 
.container .cell-4,
.container .cell-3of4 { 
  width: 100%; 
}

@media (min-width: 600px) { 
  .container .cell-2,
  .container .cell-3,
  .container .cell-4,
  .container .cell-3of4 { 
    width: 48.4%; 
  } 
}

@media (min-width: 1200px) { 
  .container .cell-3of4 { 
    width: 77%; 
  } 
}

@media (min-width: 1200px) { .container .cell-3 { width: 31.4%; } }

@media (min-width: 1200px) { .container .cell-4 { width: 23%; } }

/*!  NAVIGATION
===========================================*/

#navigation {
  display: flex;
  width: 100%;
  z-index: 9;
  transition: all 0.25s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  height: 80px;
}

/* Logotype */

#navigation .logotype {
  padding: 0.3em;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
}

#navigation .logotype img { 
  width: 80px; 
  transition: all 0.25s ease-in-out;
  margin-top: 5px;
  margin-left: 0px; 
  display: block;
}

/* Navigation links */

#navigation ul {
  flex: auto;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start; 
  text-transform: uppercase;
}

@media (min-width: 900px) { #navigation ul { justify-content: flex-start; align-items: center; } }

#navigation ul li a { 
  display: block; 
  text-align: center;
  padding: 0 0.2em;
  text-decoration: none;
  transition: all 0.25s ease-in-out;
  color: var(--white);
  font-weight: var(--heading-weight);
  letter-spacing: 1.5px;
  font-size: 0.85em;
}

@media (min-width: 900px) {
  #navigation ul li a { padding: 0.4em 1.3em 0.2em; }
  #navigation ul li.menuitem-search { margin-right: 1em; }
}

#navigation ul li a:hover, #navigation ul li a:focus {
  color: var(--accent);
}

#navigation ul li.current-post-ancestor a, 
#navigation ul li.current-page-ancestor a, 
#navigation ul li.current-menu-item a { 
  color: var(--accent);
}

#navigation ul li a span {
  text-indent: -999999px;
  display: block;
  height: 0;
  width: 0;
  color: var(--white);
}

/* menuitem-mobile */

#navigation ul li.menuitem-mobile { display: none; }

#navigation ul li.menuitem-mobile a:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;

  font-size: 32px;
  transition: all 0.25s ease-in-out;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  line-height: 50px;
  margin-top: 0.2em;
}

@media (max-width: 899px) { 
  #navigation ul li:not(.menuitem-mobile) { display: none; }
  #navigation ul li.menuitem-mobile { display: block; }
}

#navigation ul li.menuitem-mobile a:hover:before,
#navigation ul li.menuitem-mobile a:focus:before { transform: rotate(180deg); }

/* menuitem-button */

#navigation ul li.menuitem-button a {
  background-color: var(--accent);
  color: var(--white);
  font-size: 0.8em;
  padding-bottom: 0.5em;
  border-radius: 40px;
  margin-left: 0.2em;
  transition: all 0.25s ease-in-out;
}

#navigation ul li.menuitem-button:hover a,
#navigation ul li.menuitem-button:focus a {
  background-color: var(--base);
}

.menuitem-button {
  margin-left: auto;
}

/* menuitem-translate */

#navigation ul li.menuitem-translate a {
  font-size: 1.2em;
  padding: 0.25em 0.8em 0.25em 1.2em;
  display: block;
  text-align: center;
  line-height: 1em;
}

/* menuitem-search */

#navigation ul li.menuitem-search { position: relative; }

#navigation ul li.menuitem-search a { 
  font-size: 1.01em;
  padding: 0.36em 0.5em 0.4em;
  display: block;
  line-height: 1em;
}

#navigation ul li.menuitem-search:hover form,
#navigation ul li.menuitem-search:focus form {
  opacity: 1;
  visibility: visible;
}

#navigation ul li.menuitem-search form {
  display: flex;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  right: 0;
  padding-top: 0.5em;
  transition: all 0.25s ease-in-out;
}

#navigation ul li.menuitem-search form:before {
  position: absolute;
  top: calc(1em - 21px);
  right: 16px;
  content: "";
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 14px solid var(--accent);
  transform: rotate(11deg);
}

#navigation ul li.menuitem-search input {
  background-color: var(--accent);
  border-radius: 40px 0  0 40px;
  padding: 0.8em 1.5em;
  border: 0 none;
  outline: none;
  box-shadow: none;
  color: var(--white);
}

#navigation ul li.menuitem-search button {
  background-color: var(--accent);
  padding: 0 1.2em;
  border: 0 none;
  border-radius: 0 40px 40px 0;
  color: var(--white);
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  display: flex;
  align-items: center;
}

#navigation ul li.menuitem-search button:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  transition: all 0.25s ease-in-out;
}

#navigation ul li.menuitem-search span {
  text-indent: -9999px;
  display: block;
}

#navigation ul li.menuitem-search button:hover:before,
#navigation ul li.menuitem-search button:focus:before {
  opacity: 0.6;
}

#navigation ul li.menuitem-search ::-webkit-input-placeholder { color: rgba(255,255,255,0.5); opacity: 1; }

#navigation ul li.menuitem-search :-moz-placeholder { color: rgba(255,255,255,0.5); opacity: 1; }

#navigation ul li.menuitem-search ::-moz-placeholder { color: rgba(255,255,255,0.5); opacity: 1; }

#navigation ul li.menuitem-search :-ms-input-placeholder { color: rgba(255,255,255,0.5); opacity: 1; }

#navigation ul li.menuitem-search ::-ms-input-placeholder { color: rgba(255,255,255,0.5); opacity: 1; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #navigation ul li.menuitem-search form { right: 240px; }
  #navigation ul li.menuitem-search form:before { right: -220px !important; }
  #navigation ul li.menuitem-search button:before { padding-right: 1em; }
}

/* Sticky */

#navigation.minimized {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 99999;
}

#navigation.minimized a { color: var(--white); }

@media (min-width: 900px) { 
  #navigation.minimized { 
    background-color: var(--base);
    box-shadow: 0px 0px 10px rgba(0,0,0, 0.1);
    height: 61px;
  }
  #navigation.minimized .logotype img { height: 50px; margin-top: 0; }
}

@media (max-width: 899px) {
  #navigation.minimized { position: absolute; background-color: transparent; top: 0; left: 0; }
  #navigation.minimized ul li.menuitem-mobile {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99999;
  }
  #navigation.minimized ul li.menuitem-mobile a:before {
    background-color: var(--accent);
    font-size: 24px;
  }
  #navigation.minimized ul li.menuitem-mobile a:hover:before,
  #navigation.minimized ul li.menuitem-mobile a:focus:before {
    color: var(--white);
  }
}

/* Sub navigation */

#sub-navigation {
  background-color: var(--off-white-alt);
}

#sub-navigation ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  justify-content: space-evenly;
  width: 100%;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 0.8em;
  font-weight: var(--heading-weight);
}

@media (min-width: 600px) and (max-width: 899px) {
  #sub-navigation ul { font-size: 0.55em; }
  .badge { width: 28px !important; height: 28px !important; line-height: 28px !important; right: 28% !important; }
}

@media (min-width: 900px) and (max-width: 1199px) {
  #sub-navigation ul { font-size: 0.7em; }
  .badge { right: 28% !important; }

}

@media (max-width: 1440px) {
  #sub-navigation .container { padding: 0; }
  #sub-navigation ul { overflow: hidden; }
  #sub-navigation li:hover { transform: skew(-10deg) translateY(0) !important; }

}

#sub-navigation li {
  display: block;
  text-align: center;
  width: 33.3334%;
  transition: all 0.25s ease-in-out;
}

#sub-navigation a {
  text-decoration: none;
  color: var(--base1);
  padding: 2em 1.4em 0;
  display: block;
  position: relative;
  font-size: 0.75em; 
}

#sub-navigation li:hover { background-color: var(--base); }

#sub-navigation li:hover a { color: var(--white); }

#sub-navigation li:hover span[class^="icon-"],
#sub-navigation li:hover span[class*=" icon-"] { color: var(--white); }

.badge {
  background-color: var(--accent);
  color: var(--white);
  position: absolute;
  transform: skew(0deg);
  right: 20%;
  top: 12%;
  font-size: 1em;
  width: 28px;
  height: 28px;
  text-align: center;
  line-height: 28px;
  border-radius: 50%;
  padding-left: 2px;
}

@media (max-width: 320px) { .badge { top: 1em; } }

@media (min-width: 600px) { 
  .badge { 
    right: 38%; 
    top: 1.2em;
    font-size: 1.2em;
    width: 32px;
    height: 32px;
    line-height: 32px;
  }
}

#sub-navigation span[class^="icon-"], #sub-navigation span[class*=" icon-"] {
  font-size: 6em;
  display: block;
  text-align: center;
  line-height: 1em;
  margin-bottom: 0.1em;
  color: var(--base);
}

@media (min-width: 600px) {
  #sub-navigation ul { flex-flow: row; }

  #sub-navigation li { width: 100%; transform: skew(-10deg) translateY(0); }
  #sub-navigation a { transform: skew(10deg); }

  #sub-navigation li:hover { transform: skew(-10deg) translateY(-1em); }
  #sub-navigation li:hover a { transform: skew(10deg); }

  #sub-navigation span[class^="icon-"], #sub-navigation span[class*=" icon-"] { font-size: 7em; }
}

#sub-navigation ul li.current-post-ancestor, 
#sub-navigation ul li.current-page-ancestor, 
#sub-navigation ul li.current-menu-item { 
  background-color: var(--white);
  transform: skew(-10deg);

}

#sub-navigation ul li.current-post-ancestor a, 
#sub-navigation ul li.current-page-ancestor a, 
#sub-navigation ul li.current-menu-item a { 
  transform: skew(10deg); 
  color: var(--base1);
}

#sub-navigation ul li.current-post-ancestor span[class^="icon-"], 
#sub-navigation ul li.current-page-ancestor span[class^="icon-"], 
#sub-navigation ul li.current-menu-item span[class^="icon-"],
#sub-navigation ul li.current-post-ancestor span[class*=" icon-"], 
#sub-navigation ul li.current-page-ancestor span[class*=" icon-"], 
#sub-navigation ul li.current-menu-item span[class*=" icon-"] { 
  color: var(--base);
}

@media (max-width: 599px) {
  #sub-navigation li:hover,
  #sub-navigation ul li.current-post-ancestor a, #sub-navigation ul li.current-page-ancestor a, #sub-navigation ul li.current-menu-item a,
  #sub-navigation ul li.current-post-ancestor, #sub-navigation ul li.current-page-ancestor, #sub-navigation ul li.current-menu-item { transform: skew(0deg) translateY(0) !important; }
  #sub-navigation a { padding: 1em 0.5em; }
}

@media (min-width: 600px) {
  #sub-navigation a { font-size: 1em; padding: 1.5em 1em; }
}

/*  MOBILE NAVIGATION
===========================================*/

#menu:not(.mm-menu) {
  display: none;
}

#menu {
  color: var(--white);
  background: var(--accent) !important;
  font-size: 1em;
}

.mm-menu_theme-black {
  --mm-color-background: var(--accent) !important;
  --mm-color-text: var(--white) !important;
}

.mm-menu_theme-black .mm-listview .mm-btn_next:after, .mm-menu_theme-black .mm-btn:after, .mm-menu_theme-black .mm-btn:before { border-color: var(--white) !important; }

.mm-menu_theme-white.mm-menu_selected-hover .mm-listitem>a.mm-btn_fullwidth:hover+span, .mm-menu_theme-white.mm-menu_selected-hover .mm-listitem>a:not(.mm-btn_fullwidth):hover {
  background: rgba(255,255,255, 0.3) !important;
}

.mm-menu_listview-50 .mm-listitem>a:not(.mm-btn_next), .mm-menu_listview-50 .mm-listitem>span { padding-top: 20px !important; padding-bottom: 20px !important; }

.mm-navbars_bottom>.mm-navbar>:not(img):not(.mm-btn), .mm-navbars_top>.mm-navbar>:not(img):not(.mm-btn) {
  color: var(--white);
  font-weight: var(--heading-weight);
  font-size: 1.1em;
}

#menu .mm-panel:after, #menu .mm-panel:before { height: 16px; }

#menu .mm-panels, .mm-panels > .mm-panel {
  background: inherit !important;
  color: inherit;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #menu .mm-navbars_bottom > .mm-navbar, #menu .mm-navbars_top > .mm-navbar {
    background: inherit;
  }
  #menu .mm-listitem, #menu .mm-navbars_top { border-color: rgba(255,255,255, 0.25); }
  #menu a { color: var(--white); }
}

#navigation ul .menuitem-button.mypages-button {
  margin-left: 1rem;
}

@media (max-width: 899px) {
  #navigation ul .menuitem-button.services-button,
  #navigation ul .menuitem-button.mypages-button {
    position: fixed;
    top: 17px;
    left: 1px;
    z-index: 99999;
    display: flex !important;
    font-size: 0.8em;
    margin-left: 0.5rem;
  }
  #navigation ul .menuitem-button.services-button {
    top: 50px;
  }
  #navigation ul .menuitem-button a {
    padding: 0.7em 0.5em;
  }
}

/*!  HEADER
===========================================*/

#header { overflow-x: hidden; }

#header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8;
  width: 100%;
  height: 130px;
  background: linear-gradient(to bottom, rgba(29, 43, 77, 1) 0%, rgba(125, 185, 232, 0) 100%);
}

/* Slideshow header */

#header .header-slideshow *,
#header .slideshow * { visibility: hidden; }

#header .header-slideshow.slick-initialized *,
#header .slideshow.slick-initialized * { visibility: visible; }

#header, #header .header-slideshow,
#header, #header .slideshow {
  position: relative;
  overflow: hidden;
}

#header .header-slideshow,
#header .slideshow { margin-bottom: -6px; }

#header .header-slideshow picture,
#header .slideshow picture { display: block; background-color: black; }

#header .header-slideshow img,
#header .slideshow img { min-width: 100%; }

#header .slideshow img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

#header .slide { position: relative; }

#header {
  min-height: 200px;
}

@media (max-width: 599px) {
  #header { aspect-ratio: 480/320; }
}

@media (min-width: 600px) and (max-width: 899px) {
  #header { aspect-ratio: 800/320; }
}

@media (min-width: 900px) and (max-width: 1199px) {
  #header { aspect-ratio: 1024/320; }
}

@media (min-width: 1200px) and (max-width: 1799px) {
  #header { aspect-ratio: 1500/400; }
}

@media (min-width: 1800px) {
  #header { aspect-ratio: 2000/450; }
}

@media (max-width: 599px) {
  #header.header--home { aspect-ratio: 480/600; }
}

@media (min-width: 600px) and (max-width: 899px) {
  #header.header--home { aspect-ratio: 800/380; }
}

@media (min-width: 900px) and (max-width: 1199px) {
  #header.header--home { aspect-ratio: 1024/400; }
}

@media (min-width: 1200px) and (max-width: 1799px) {
  #header.header--home { aspect-ratio: 1500/500; }
}

@media (min-width: 1800px) {
  #header.header--home { aspect-ratio: 2000/600; }
}

@media (max-width: 599px) {
  #header .slideshow .slick-prev, #header .slideshow .slick-next {
    top: 40vw;
  }
}

#header .heading {
  background-color: var(--white);
  padding: 1em 1em 0.01em;
  text-align: left;
}

@media (min-width: 600px) {
  #header .heading {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    width: 80%;
    text-align: center;
    transform: translate(-50%, -50%);
    background-color: var(--white);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    padding: 1em 2.5em 0.2em;
    margin-top: 40px;
  }
}

@media (max-width: 599px) { 
  #header .heading h1 { line-height: 1em; }
}

/* Video background header */

.video-header {
  position: relative;
  padding-bottom: 36.45833%; /* 36.45833% = 700px | 56.25% = 1080p */
  overflow: hidden;
}

.video-header iframe,
.video-header object,
.video-header embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../../images/video-placeholder.jpg');
  background-size: contain;
}

/* Search header section */

.header-search {
  position: absolute;
  width: 100%;
  left: 50%;
  top: 62%;
  transform: translate(-50%, -50%) scale(0.7);
  text-align: center;
}

@media (min-width: 600px) {
  .header-search { top: 60%; transform: translate(-50%, -50%) scale(0.8); }
}

#header .header-search h1 { 
  width: 100%; 
  color: var(--body-color); 
  margin-bottom: 0.5em;
}

.header-search .container { 
  max-width: 1200px; 
  padding-bottom: 1em;
  background-color: var(--white);
  box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
  padding-left: 1em;
  padding-right: 1em;
}

@media (min-width: 600px) {
  .header-search .container { 
    padding-bottom: 1.5em;
    padding-left: 1.5em;
    padding-right: 1.5em;
  }  
}

@media (min-width: 900px) {
  .header-search .container { 
    padding-bottom: 2em;
    padding-left: 2.5em;
    padding-right: 2.5em;
  }  
}

.header-search.subsite .container { max-width: 900px; }

.header-search .search-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
}

.header-search .select-group {
  cursor: pointer;
  flex: auto;
  margin-bottom: 0.5em;
}

@media (min-width: 600px) { .header-search .select-group { flex: 2; padding-right: 1em; margin-bottom: 0; } }

@media (min-width: 900px) { .header-search .select-group { flex: 2; padding-right: 2em; } }

.header-search .search-button {
  box-shadow: none;
  border: 0 none;
  cursor: pointer;
  border-radius: 40px;
  background-color: var(--base);
  color: var(--white);
  padding-left: 3em;
  padding-right: 3em;
  font-weight: var(--heading-weight);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  height: 60px;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
}

@media (max-width: 599px) { .header-search .select-group, .header-search .search-button { width: 100%; } }

.header-search .search-button:hover,
.header-search .search-button:focus {
  background-color: var(--accent);
}

.header-search .select-group select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  outline: none;
  border-radius: 40px;
  box-shadow: none;
  cursor: pointer;
  font-size: 18px;
  background-image: url('../../images/arrow-down-green.svg');
  background-repeat: no-repeat;
  background-position: right 1.2em center;
  background-color: var(--off-white-alt);
  background-size: 21px auto;
  height: 60px;
  padding: 0 3em 0 1.5em;
  line-height: 1.5em;
  border: 0 none;
  background-repeat: no-repeat;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { 
  .header-search .select-group select { 
    background-size: 60px auto; 
    background-position: right 10px center;
  } 
}

@media (min-width: 1200px) {
  .header-search .select-group select { font-size: 20px; }
}

.header-search .select-group select:focus, .header-search .select-group select:hover {
  border: 0 none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/**/

.header-search.subsite { top: 58%; }

.header-search.subsite .container { background-color: transparent; padding: 0; }

.header-search .search-form { display: flex; }

.header-search .search-form input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  box-shadow: none;
  border: 0 none;
  padding-left: 1.5em;
  color: var(--body-color);
  font-size: 18px;
  border-radius: 40px 0 0 40px;
  height: 66px;
  flex: auto;
  width: calc(100% - 80px);
}

.header-search .search-form button {
  width: 80px;
  box-shadow: none;
  border: 0 none;
  font-size: 18px;
  cursor: pointer;
  background-color: var(--white);
  border-radius: 0 40px 40px 0;
  color: var(--body-color);
  margin-left: -2px;
}

@media (min-width: 1200px) {
  .header-search .search-form input, .header-search .search-form button { font-size: 20px; }
}

.header-search .search-form button:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: var(--base);
}

.header-search .search-form span { text-indent: -99999px; display: block; height: 0; width: 0; }

.header-search .container {
  background-color: rgba(255, 255, 255, 0.9);
}

@media (min-width: 600px) {
  .header-search {
    top: 70%;
  }
}

@media (min-width: 1200px) {
  .header-search {
    top: 75%;
  }
}

#videosection {
  position: relative;
  min-height: 350px;
  overflow: hidden;
  display: flex;
  padding-top: 4%;
  padding-bottom: 4%;
}

#videosection .container {
  z-index: 9;
  position: relative;
  text-align: center;
  color: #fff;
  align-items: center;
}

#videosection .container a {
  background-color: #5F7865;
  color: #fff;
  font-size: 0.8em;
  border-radius: 40px;
  transition: all 0.25s ease-in-out;
  padding: 1.3em 2.5em;
  text-decoration: none;
  display: inline-block;
}

#videosection .container a:hover {
  background-color: #1D2B4D;
}

#front-video {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#header .heading.heading-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: calc(100% - 6em);
  width: 100%;
  transform: translate(-50%, -50%);
  padding: 1em 0em 0.2em;
  margin-top: 40px;
  background: transparent;
  box-shadow: none;
}

#header .heading.heading-text h1 {
  color: var(--white);
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.95);
}

#header .heading.heading-text h1 a {
  text-decoration: underline;
  color: var(--white);
}

#header .heading.heading-text h1 a:hover {
  text-decoration-color: var(--accent);
}

#header .heading.heading-text h1 a:hover * {
  text-decoration-color: var(--accent);
}

/*!  FOOTER 
===========================================*/

#footer {
  background-color: var(--base);
  color: var(--white);
  font-size: 0.9em;
  line-height: 1.5em;
}

#footer .icon-call, #footer .icon-email {
  margin-bottom: 1.5em;
  font-size: 1.2em;
}

#footer .icon-call:before,
#footer .icon-email:before {
  width: 46px;
  height: 46px;
  line-height: 44px;
  border: 1px solid var(--white);
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.8em;
  font-size: 1em; 
  font-weight: bold;
  transition: all 0.25s ease-in-out;
}

#footer .icon-facebook:before,
#footer .icon-instagram:before,
#footer .icon-linkedin:before {
  width: 38px;
  height: 38px;
  line-height: 36px;
  border: 1px solid var(--white);
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.3em;
  transition: all 0.25s ease-in-out;
  font-size: 0.85em;
}

#footer .icon-facebook:hover:before,
#footer .icon-instagram:hover:before,
#footer .icon-linkedin:hover:before,
#footer .icon-call:hover:before,
#footer .icon-email:hover:before {
  background-color: var(--white);
  color: var(--base);
}

#footer .logotype { display: block; }

#footer .logotype img { width: 100px; }

@media (min-width: 900px) { #footer .logotype img { width: 118px; } }

#footer a { 
  color:  var(--white);
  text-decoration: none; 
  transition: all 0.25s ease-in-out;
  text-decoration: none;
}

#footer a:not([class^="icon-"]), #footer a.icon-call, #footer a.icon-email { 
  display: block; 
  font-size: 1.2em;
  line-height: 1.8em;
}

#footer a { text-decoration: none; }

#footer a[href^="tel"]:hover { text-decoration: none; color: var(--white); }

#footer a:hover, #footer a:focus { 
  color: var(--white); 
  text-decoration: none; 
}

#footer .cell-3 { text-align: center; }

#footer .cell-3:first-of-type { text-align: left; }

#footer .cell-3:last-of-type { text-align: right; }

#footer .social {
  margin-top: 1em;
  /*opacity: 0.5;*/
}

@media (max-width: 599px) {
  #footer { font-size: 0.8em; }
  #footer .container .cell-3:nth-of-type(2) { order: 1; }
  #footer .container .cell-3:nth-of-type(1) { order: 2; }
  #footer .container .cell-3:nth-of-type(3) { order: 3; text-align: left; margin-bottom: 0.5em; }
  #footer .container .cell-3:nth-of-type(3) p { font-size: 1.1em; }
  #footer .social { margin-top: 0; }
  #footer .icon-call, #footer .icon-email { margin-bottom: 1em; }
}

@media (min-width: 600px) and (max-width: 1199px) {
  #footer .container .cell-3 { width: 26%; }
  #footer .container .cell-3:nth-of-type(1) { width: 46%; }
  #footer a:not([class^="icon-"]), #footer a.icon-call, #footer a.icon-email { text-align: left; }
}

.big-triangle-separator {
  fill: var(--off-white-alt);
  padding: 0;
  display: block;
  transform: rotate(180deg);
}

/*  SECTION: about
===========================================*/

#about .container {
  text-align: center;
}

#about h2 {
  margin-top: 0;
  display: inline-block;
  padding: 0 0.5em;
}

#about h2:last-of-type:before {
  content: "|";
  margin-left: -0.5em;
  padding-right: 0.5em;
}

#about p {
  font-size: 1.2em;
  max-width: 600px;
  margin: 0 auto;
}

@media (min-width: 600px) {
  #about p {
    font-size: 1.6em;
  }
}

/*  SECTION: projects
===========================================*/

#projects {
  padding-top: 1%;
  background-color: var(--off-white-alt);
}

@media (min-width: 600px) {
  #projects .container {
    padding: 0;
  }
}

#projects .title {
  margin-top: 0;
  margin-bottom: 0.3em;
}

@media (min-width: 800px) {
  #projects .title {
    margin-bottom: 0.6em;
  }
}

#projects .puff {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
}

.projects-slideshow .slick-prev,
.projects-slideshow s[dir="rtl"] .slick-next {
  text-align: left;
  left: 0px;
}

.projects-slideshow .slick-next,
.projects-slideshow s[dir="rtl"] .slick-prev {
  text-align: right;
  right: 0px;
}

.projects-slideshow {
  max-width: var(--width);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.projects-slideshow .slick-list {
  overflow: visible;
}

.slick-list.draggable {
  overflow: hidden;
}

#projects .slick-slide div:not(.puff-wrap) {
  padding: 0;
}

@media (max-width: 599px) {
  #projects .slick-slide .puff-category {
    opacity: 0;
  }
  #projects .slick-slide.slick-active .puff-category {
    opacity: 1;
  }
}

@media (min-width: 600px) {
  #projects .slick-slide div:not(.puff-wrap) {
    padding: 1em 0.75em;
  }
}

@media (min-width: 900px) {
  #projects .slick-slide div:not(.puff-wrap) {
    padding-left: 1.1em;
    padding-right: 1.1em;
  }
}

.projects-slideshow .slick-slide {
  transition: all 0.25s ease-in-out;
}

.projects-slideshow .slick-list {
  display: grid;
  height: 100%;
}

.projects-slideshow .slick-track,
.projects-slideshow .slick-slide div:not(.puff-wrap),
.projects-slideshow .slick-slide .puff {
  height: inherit;
}

.projects-slideshow .slick-slide .puff {
  display: flex !important;
  flex-flow: column;
}

.projects-slideshow .slick-slide .puff img {
  flex: none;
}

.projects-slideshow .slick-slide .puff .puff-wrap {
  flex: auto;
  flex: -moz-available;
}

#projects .puff img {
  aspect-ratio: 404 / 337;
  height: auto;
  display: block;
}

#projects .puff img[loading="lazy"] {
  contain-intrinsic-size: 404px 337px;
}

@media (max-width: 899px) {
  .projects-slideshow .slick-arrow {
    display: none !important;
  }
}

.projects-slideshow .slick-dots li button:before {
  color: var(--base);
}

.projects-slideshow .slick-dots li.slick-active button:before {
  color: var(--accent);
  opacity: 1;
}

/* Reserve space for dots to prevent layout shift */

.projects-slideshow {
  padding-bottom: 28px;
}

/*  SECTION: puffs
===========================================*/

#puffs {
  padding-top: 2%;
  background-color: var(--off-white-alt);
}

@media (max-width: 599px) {
  #puffs {
    position: relative;
    z-index: 1;
    display: block;
  }
  #puffs .puff {
    margin-bottom: 0.5em;
  }
}

#puffs .puff {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
}

@media (min-width: 600px) and (max-width: 899px) {
  #puffs .puff {
    width: 31.2%;
  }
  #puffs .puff h3 {
    font-size: 1.15em;
  }
  #puffs .puff p {
    display: none;
  }
  #puffs .puff-overlay .puff-wrap {
    height: 38px;
  }
  #puffs .puff-overlay .puff-wrapper {
    padding-bottom: calc(1em + 35px);
  }
  #puffs .puff-overlay:hover .puff-wrap,
  #puffs .puff-overlay:focus .puff-wrap {
    height: 100%;
  }
}

@media (min-width: 600px) and (max-width: 660px) {
  #puffs .puff h3 {
    font-size: 1em;
  }
}

@media (min-width: 900px) and (max-width: 1199px) {
  #puffs .puff {
    width: 31%;
  }
}

/*  SECTION: news
===========================================*/

#news .puff {
  transition: all 0.25s ease-in-out;
}

#news .puff:hover,
#puffs .puff:focus {
  transform: scale(1.02);
}

@media (max-width: 599px) {
  #news .puff {
    margin-bottom: 0.5em;
  }
}

@media (min-width: 600px) and (max-width: 899px) {
  #news .puff {
    margin-bottom: 1.2em;
  }
  #news .container {
    margin-bottom: -1.2em;
  }
}

@media (min-width: 900px) and (max-width: 1199px) {
  #news .puff {
    margin-bottom: 1.5em;
  }
  #news .container {
    margin-bottom: -1.5em;
  }
}

ul.tabs {
  margin: 0px;
  padding: 0px;
  list-style: none;
  text-align: center;
}

ul.tabs li {
  background: none;
  display: inline-block;
  padding: 0;
  cursor: pointer;
}

ul.tabs li h2 {
  margin-left: 0.5em;
  margin-right: 0.5em;
  position: relative;
  padding-bottom: 0.2em;
  margin-top: 0.2em;
  margin-bottom: 0.6em;
}

@media (min-width: 900px) {
  ul.tabs li h2 {
    margin-bottom: 1.1em;
  }
}

ul.tabs li h2:hover {
  color: var(--accent);
}

ul.tabs li.is-active h2:after {
  width: 60px;
  bottom: 0px;
  height: 3px;
  background-color: var(--accent);
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  content: "";
}

ul.tabs li.is-active h2:before {
  content: "";
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid var(--accent);
  position: absolute;
  left: 50%;
  bottom: -8px;
  transform: translate(-50%, 0%);
}

.tab-content {
  display: none;
}

.tab-content.is-active {
  display: inherit;
}

.badge-lediga-lgh {
  right: 38.87%;
  top: 22.5%;
  font-size: 14px;
}

.badge-lediga-lgh {
  right: 37%;
  top: 16.5%;
}

@media (min-width: 600px) and (max-width: 899px) {
  .badge-lediga-lgh {
    right: 34% !important;
    top: 19%;
  }
}

@media (min-width: 900px) {
  .badge-lediga-lgh {
    right: 38.8% !important;
    top: 22.5%;
  }
}

/*  SECTION: entry
===========================================*/

/* Subside grid */

#entry .container { max-width: var(--width-entry); }

#entry .without-right-text { max-width: 1000px; margin-bottom: 1em; }

@media (min-width: 900px) { #entry.without-right .without-right-text { margin-bottom: 2em; } }

#entry .sidebar-left { display: none; }

#entry .sidebar-right { width: 100%; }

#entry .content { width: 100%; }

@media (min-width: 900px) {
  #entry .sidebar-left { width: 25%; display: block; }
  #entry .sidebar-right { width: 100%; }

  #entry .content { width: calc(75% - 2.2em); }
  #entry.without-left .content { width: 100%; }
}

@media (min-width: 600px) and (max-width: 1199px) {  
  #entry .sidebar-right {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }
  .sidebar-right .puff { width: 32%; }
}

@media (min-width: 600px) and (max-width: 899px) {  
  .sidebar-right .puff { width: 49%; }
}

@media (min-width: 900px) and (max-width: 1199px) {  
  #entry .sidebar-right { justify-content: space-evenly; }
}

@media (min-width: 1200px) {
  /* standard */ #entry .sidebar-left { width: 20%; }
  /* standard */ #entry .sidebar-right { width: 18em; } /* ca 320px (body-font: 16px = 20em | 18px = 18em | 20px = 16em) */
  /* standard */ #entry .content { width: calc(80% - 23em); } /* space-beetwen: 2.5em * 2 + 18em = 23em  */
  
  /* news */ #entry.without-right .content { width: calc(80% - 2.5em); }

  /* search1 */ #entry.without-left .content { width: calc(100% - 20.5em); } /* 18em + 2.5em */ 
  /* search */ #entry.without-left.without-right .content { margin-left: auto; margin-right: auto; }

  /* new */ #entry.single-article.without-right .sidebar-left { margin-left: auto; margin-right: 2.5em; }
  /* new, 404 */ #entry.single-article.without-right .content { width: 42.8889em; margin-right: auto; } /* ca 772px (body-font: 16px = 48.25em | 18px = 42.8889em | 20px = 38.em) */

  /* itemobjektvision */  #entry.itemobjektvision .content { width: calc(90% - 20.5em); }
                          #entry.itemobjektvision .sidebar-right { width: calc(10% + 18em); }
}

@media (min-width: 1200px) {  
  #entry.empty-sidebar .content { width: calc(80% - 10em); }
  #entry.empty-sidebar .sidebar-right { width: 5em; }
}

@media (min-width: 1500px) {  
  #entry.empty-sidebar .content { width: calc(80% - 18em); }
  #entry.empty-sidebar .sidebar-right { width: 13em; }
}

/* Left sidebar */

.sidebar-left { 
  margin-top: 10px !important; /* fix to align with h1 in content */
  position: relative; 
  position: relative !important;
}

.mm-panels>.mm-panel>.mm-listview:first-child, .mm-panels>.mm-panel>.mm-navbar+.mm-listview { margin-top: -18px !important; }

.sidebar-left h2 { display: none; }

.sidebar-left a { 
  display:block; 
  padding: 0.5em 2em 0.5em 0.8em; 
  text-decoration: none;
  transition: all 0.25s ease-in-out;
  color: var(--body-color);
  border-bottom: 1px solid rgba(0,0,0, 0.05);
}

.sidebar-left a:hover,
.sidebar-left a:focus { color: var(--accent); }

.sidebar-left ul.parent-sidebar-menu {
  box-shadow: 0px 0px 20px rgba(0,0,0,0.12);
}

.sidebar-left ul,
.sidebar-left ol {
  margin: 0; 
  padding: 0;
}

.sidebar-left li {
  margin: 0; 
  padding: 0; 
  position: relative;
  list-style-type: none; 
  list-style: none;
}

.dashicons, .dashicons-before:before {
  display: inline-block;
  font-weight: 400;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 20px;
  height: 20px;
  font-size: 20px;
  vertical-align: top;
  text-align: center;
  transition: color .1s ease-in; 
}

.sidebar-left .dashicons {
  position: absolute;
  top: 0;
  right: 0;
  height: 2.1em;
  line-height: 2.1em;
  width: 2.1em;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
}

.sidebar-left .dashicons:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  font-size: 0.8em;
}

.sidebar-left .dashicons:hover {
  background-color: var(--base);
  color: var(--white);
}

/* current */

.sidebar-left li.current_page_item > a,
.sidebar-left li.current-menu-item > a,
.sidebar-left li.current-cat > a {
  background-color: var(--accent) !important; 
  color: var(--white) !important;
}

.sidebar-left li.current_page_item > .dashicons,
.sidebar-left li.current-menu-item > .dashicons,
.sidebar-left li.current-cat > .dashicons,
.sidebar-left li.current_page_item > .dashicons-before:before,
.sidebar-left li.current-menu-item > .dashicons-before:before,
.sidebar-left li.current-cat > .dashicons-before:before {
  color: var(--white) !important;
}

/* lvl 1 */

.sidebar-left .parent-sidebar-menu > li > a {
  background-color: var(--base) !important; 
  color: var(--white);
}

.sidebar-left .parent-sidebar-menu > li.current-menu-item:not(.has_children) > a { padding-bottom: 0.6em; }

.sidebar-left .parent-sidebar-menu > li > .dashicons, .sidebar-left .parent-sidebar-menu > li > .dashicons-before:before { display: none; }

/* lvl 2 */

.sidebar-left .children-posts li.cat-item a,
.sidebar-left .child-sidebar-menu > li > a {
  background-color: var(--menu1); 
}

/* lvl 3 */

.sidebar-left .child-sidebar-menu .children li a {
  background-color: var(--menu2); 
  padding-left: 1.5em;
}

/* lvl 4 */

.sidebar-left .child-sidebar-menu .children .children li a {
  background-color: var(--menu3); 
  padding-left: 2.2em;
}

/* Right sidebar */

.sidebar-right { 
  margin-top: 10px !important; /* fix to align with h1 in content */
}

.sidebar-right .puff { font-size: 95%; }

.sidebar-right h4 { margin-top: 0; margin-bottom: 0.35em; }

.sidebar-right .puff { margin-bottom: 1em; }

@media (min-width: 900px) { .sidebar-right .puff { margin-bottom: 1.5em; } }

.sidebar-right .puff .puff-wrap,
.sidebar-right .puff .puff-wrap * { flex: none; width: 100%; }

.sidebar-right .puff:hover,
.sidebar-right .puff:focus,
.puff-information:hover,
.puff-information:focus { transform: scale(1); }

.puff-information .puff-wrapper { padding: 0; }

.sidebar-right .puff .puff-wrap { flex: none; width: 100%; }

.puff-information .puff-wrap {
  padding: 1.4em 1.2em 1.2em;
  background: var(--base);
}

.puff-information .puff-wrap table {
  text-align: left;
  opacity: 0.75;
  font-size: 0.9em;
}

.puff-information .puff-wrap td { width: 50%; vertical-align: top; padding-top: 0.5em; }

.puff-information .puff-wrap td:nth-child(odd) { font-weight: 600; }

.puff-information .puff-wrap td:nth-child(even) {
  text-align: right;
}

.puff-information:hover a .puff-wrap, .puff-information:focus a .puff-wrap { 
  background-color: var(--accent); 
  opacity: 0.5;
}

.puff-information:hover a .read-more, .puff-information:focus a .read-more { 
  color: var(--white); 
}

.puff-information .puff-wrap * {
  color: var(--white);
}

#entry.itemobjektvision .puff-information .puff-wrap td:nth-child(odd) {
  width: 130px;
}

#entry.itemobjektvision .puff-information .puff-wrap td:nth-child(even) {
  width: calc(100% - 130px);
  text-align: left;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { 
  .sidebar-right .puff img { flex: none; } 
  .sidebar-left .mm-panels, .mm-panels > .mm-panel { background: var(--white); }
  .content .thirds img, .content .fourths img { flex: none; }
}

.job-title {
  font-size: 0.8em !important;
  text-transform: uppercase;
  margin-top: -0.5em;
  padding-bottom: 1em;
  color: #777 !important;
  flex: none !important;
}

.phone {
  line-height: 2em;
  flex: none !important;
}

.phone:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.5em;
  background-color: var(--accent);
  color: var(--white);
  width: 23px;
  height: 23px;
  line-height: 23px;
  text-align: center;
  vertical-align: text-bottom;
  border-radius: 50%;
  font-size: 12px;
}

.email { 
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-decoration: none;
  color: var(--body-color);
  line-height: 2em;
  display: block;
  flex: none !important;
}

.email:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.5em;
  background-color: var(--accent);
  color: var(--white);
  width: 23px;
  height: 23px;
  line-height: 23px;
  text-align: center;
  vertical-align: text-bottom;
  border-radius: 50%;
  font-size: 12px;
}

.email:hover:before {
  color: var(--white);
}

.email:hover { 
  color: var(--accent);
}

.sidebar-right .email,
.sidebar-right .phone { font-size: 0.9em; }

.puff-categories { 
  position: sticky; 
  top: 70px; /* Beroende hur hög sticky meny är */
  padding-top: 1.85em; 
}

.puff-categories .puff-wrap h4 { text-align: center; }

.puff-categories .puff-wrap {
  background-color: var(--off-white);
  padding-top: 1em;
  padding-bottom: 1em;
}

.puff-categories .puff-wrap h4, .puff-categories .puff-wrap li, .puff-categories .puff-wrap ul {
  width: 100%;
}

.puff-categories .puff-wrap ul { list-style: none; margin: 0; padding: 0; }

.puff-categories .puff-wrap a { 
  text-decoration: none; 
  color: var(--body-color); 
  line-height: 2em;
}

.puff-categories .puff-wrap a:focus,
.puff-categories .puff-wrap a:hover { color: var(--accent); }

.puff-categories .puff-wrap a:focus .badge,
.puff-categories .puff-wrap a:hover .badge { background-color: var(--accent); }

.puff-categories .puff-wrap .badge { 
  float: right;
  color: var(--white);
  background-color: var(--base);
  border-radius: 50%;
  font-size: 0.65em;
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  display: inline-block;
  margin-top: 6px;
  font-weight: bold;
  transition: all 0.25s ease-in-out;
}

/* Content */

.content { }

.content img { width: auto; margin-bottom: 0.5em; }

.content > *:first-child, .content > .without-right-text *:first-child { margin-top: 0; }

.content h1, 
.content h2, 
.content h3, 
.content h4, 
.content h5, 
.content h6 { margin-bottom: 0.5em; }

.find-us {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1em;
  flex-flow: row wrap;
}

.find-us .contact-map { width: 100%; order: 2; }

.find-us .puff-information {  width: 100%; order: 1; margin-bottom: 1em; }

.find-us.special .puff-information {  margin-bottom: 0; }

@media (min-width: 600px) {
  .find-us .contact-map { order: 1; width: calc(50% - 0.5em); }
  .find-us .puff-information {  order: 2; margin-bottom: 0; width: calc(50% - 0.5em); }
  .find-us { margin-bottom: 1em; }  

  .find-us.special { margin-bottom: 0; }
  .find-us.special .contact-map { order: 2; width: 100%; }
  .find-us.special .puff-information { order: 1; width: 100%; }
  .find-us.special .puff-information .puff-wrap { 
    flex-flow: row wrap; 
    justify-content: space-between; 
    padding-left: 2.2em;
    padding-right: 2.2em;
  }
  .find-us.special .puff-information .puff-wrap div { width: 30%; } 
}

@media (min-width: 1200px) {
  .find-us .contact-map { width: calc(66.77% - 1.1em); }
  .find-us .puff-information { width: calc(33.33% - 1.1em); } 
  .find-us { margin-bottom: 2.2em; }

  .find-us.special { margin-bottom: 0; }
  .find-us.special .contact-map { width: 100%; }
  .find-us.special .puff-information { width: 100%; } 
}

.find-us .puff-information .puff-wrap {
  padding: 1.5em 1.7em; 
  line-height: 1.6em;
  text-align: left; 
  width: 100%;
}

.find-us .puff-information h4 { 
  display: block;  
  font-family: var(--heading-font);
  font-weight: var(--heading-weight);
  font-size: 1.2em;
  margin-top: 0;
  margin-bottom: 0.2em;
}

.find-us .puff-information p { 
  margin-bottom: 1.75em;
}

.find-us .puff-information p:last-of-type { 
  margin-bottom: 0;
}

.content .thirds {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: -1em;
}

.content .thirds .puff:hover,
.content .thirds .puff:focus { transform: scale(1); }

.content .thirds .puff { width: 100%; margin-bottom: 0.5em; }

@media (min-width: 600px) and (max-width: 1199px) {
  .content .thirds .puff { width: calc(50% - 0.5em); margin-bottom: 1em; }
  .content .thirds .puff:nth-of-type(odd) { margin-right: 0.75em; }
}

@media (min-width: 1200px) {
  .content .thirds { margin-bottom: -2em; }
  .content .thirds .puff { width: calc(33.33333% - 1.47em); margin-bottom: 2em; }
  .content .thirds .puff:nth-of-type(3n+2) { margin-left: 2.205em; margin-right: 2.205em; }
}

.content .thirds img { margin-bottom: 0; }

.content .thirds h4 { margin-top: 0; }

/* Boxar: egna klasser utan hover-effekt */

.section-boxes {
  margin-top: 1.5em;
}

.section-boxes .boxes-container {
  display: flex;
  flex-flow: row wrap;
  gap: 1em;
}

.section-boxes__card {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.25s ease-in-out;
  width: 100%;
  container-type: inline-size;
}

.section-boxes__card--link:hover,
.section-boxes__card--link:focus-within {
  box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.2);
}

@media (min-width: 600px) {
  .section-boxes .boxes-container .section-boxes__card {
    width: calc((100% - 1em) / 2);
  }
}

@media (min-width: 1200px) {
  .section-boxes .boxes-container .section-boxes__card {
    width: calc((100% - 2em) / 3);
  }
}

.section-boxes__card a,
.section-boxes__card a:hover,
.section-boxes__card a:focus {
  text-decoration: none;
}

.section-boxes__inner {
  text-decoration: none;
  display: flex;
  flex-flow: column wrap;
  height: 100%;
  width: 100%;
  padding: 1em;
  background-color: #5f7865;
  color: inherit;
}

.section-boxes__media {
  width: 100%;
  aspect-ratio: 1 / 1;
  background-color: rgba(255, 255, 255, 0.08);
  overflow: hidden;
}

.section-boxes__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  margin-bottom: 0;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .section-boxes__card img {
    flex: none;
  }
}

.section-boxes__title {
  background-color: #5f7865;
  padding: 0.5em 0.2em 0em 0.2em;
  text-align: center;
  justify-content: center;
  display: flex;
  margin: 0;
  width: 100%;
  color: var(--white);
}

.section-boxes__card h3 {
  margin-bottom: 0em;
  font-size: clamp(1.08em, 0.92em + 1.4cqi, 1.35em);
}

.section-boxes__card:hover h3,
.section-boxes__card:focus-within h3 {
  text-decoration: none;
}

.content .fourths {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: -1em;
}

.content .fourths .puff:hover,
.content .fourths .puff:focus { transform: scale(1); }

.content .fourths .puff { width: 100%; margin-bottom: 0.5em; }

@media (min-width: 600px) and (max-width: 1199px) {
  .content .fourths .puff { width: calc(50% - 0.5em); margin-bottom: 1em; }
  .content .fourths .puff:nth-of-type(odd) { margin-right: 0.75em; }
}

@media (min-width: 1200px) {
  .content .fourths { margin-bottom: -2em; }
  .content .fourths .puff { width: calc(25% - 1.47em); margin-bottom: 2em; margin-left: 0.98em; margin-right: 0.98em; }
  .content .fourths .puff:nth-of-type(4n+1) { margin-left: 0; }
  .content .fourths .puff:nth-of-type(4n+4) { margin-right: 0; }
}

.content .fourths img { margin-bottom: 0; }

.content .fourths h4 { margin-top: 0; }

/* Content slideshow */

.content-slideshow { margin-bottom: 1.5em; }

.content-slideshow img { margin-bottom: 0; display: block; }

.content-slideshow figure { position: relative; }

.content-slideshow figcaption {
  color: var(--white);
  background-color: rgba(3, 37, 82, 1);
  font-size: 0.85em;
  padding: 1em 1.2em 0.9em;
  width: 100%;
  margin-bottom: 0.5em;
}

@media (min-width: 600px) {
  .content-slideshow figcaption {
    position: absolute;
    bottom: 0.75em;
    right: 0;
    width: 80%;
    margin-bottom: 0;
    background-color: rgba(3, 37, 82, 0.75);
  }
}

.content-slideshow-main { margin-bottom: 0; }

.content-slideshow-main .slick-list {
  overflow: hidden;
}

.content-slideshow .slick-prev, 
.content-slideshow .slick-next {
  background-color: var(--accent);
  transition: all 0.25s ease-in-out;
}

.content-slideshow .slick-prev:before, 
.content-slideshow .slick-next:before {
  font-size: 20px;
  opacity: 1;
}

.content-slideshow .slick-prev:hover, 
.content-slideshow .slick-next:hover,
.content-slideshow .slick-prev:focus, 
.content-slideshow .slick-next:focus {
  background-color: var(--base);
}

.content-slideshow .slick-next { right: 0; }

.content-slideshow .slick-prev { left: 0; }

.content-slideshow-nav .slide { padding: 0 0.2em; transition: all 0.25s ease-in-out; }

#entry.itemobjektvision .content-slideshow img { min-width: 100%; -o-object-fit: cover; object-fit: cover; }

/* Tabs */

.tab-titles {
  margin: 0 auto 0.6em;
  padding: 0;
  list-style: none;
  text-align: center;
  width: 100%;
}

.tab-titles li {
  display: inline-block;
  cursor: pointer; 
  padding: 1em 2em;
  background-color: var(--base);
  color: var(--white);
  letter-spacing: 1.5px;
  font-weight: var(--heading-weight);
  text-transform: uppercase;
  font-size: 0.6em;
  transition: all 0.25s ease-in-out;
  border-radius: 40px;
  margin-bottom: 5px;
}

@media (min-width: 910px) {
  .tab-titles li {
    padding: 1em;
    border-radius: 0;
    margin: 0 -2.5px 5px;
  }
  .tab-titles li:first-of-type { border-radius: 40px 0 0 40px; }
  .tab-titles li:last-of-type { border-radius: 0 40px 40px 0; }
}

@media (min-width: 1050px) and (max-width: 1193px) {
  .tab-titles li { padding: 1em 2em; }
}

@media (min-width: 1194px) {
  .tab-titles li { padding: 1em 3em; }
}

@media (min-width: 600px) {
  .tabs { padding-top: 1.5em; }
  .tab-titles { margin: 0 auto 2.6em; }
  .tab-titles li { font-size: 0.8em; }
}

.tab-titles li:hover { background-color: rgba(3, 37, 82, 0.9); }

.tab-titles li.is-active { background: var(--accent); }

.tab-content { display: none; }

.tab-content.is-active { display: inherit; }

/* Search listing */

.content .search-listning:after {
  content: "";
  clear: both;
  display: block;
}

.content .search-listning .puff-wrapper {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 1em;
  color: var(--body-color);
  text-decoration: none;
}

@media (min-width: 900px) { .content .search-listning .puff-wrapper { margin-bottom: 1.5em; } }

.content .search-listning .puff .read-more { margin-top: 1em; }

.content .search-listning .puff img {
  height: 250px;
  min-width: auto;
  width: initial;
  background-color: var(--off-white);
  flex: 1;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 1.1em;
}

@media (min-width: 600px) { .content .search-listning .puff img { margin-bottom: 0; overflow: hidden; } }

.content .search-listning .puff .puff-wrap {
  display: block;
  flex: 2;
  padding: 0;
}

@media (max-width: 599px) {
  .content .search-listning .puff img, .content .search-listning .puff .puff-wrap {
    width: 100%;
    flex:1;
  }
}

@media (min-width: 600px) { 
  .content .search-listning .puff .puff-wrap { 
    max-height: 250px; 
    display: flex;
    justify-content: center;
  } 
  .content .search-listning .puff .puff-wrap h2 {
    display: block;
    display: -webkit-box;
    max-height: 2.4em;
    -webkit-line-clamp: 2;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.content time {
  font-size: 0.85em;
  margin-bottom: 2px;
  color: #999;
}

.news-time {
  margin-bottom: -1em !important;
  margin-top: 0.5em !important;
  display: block;
}

@media (min-width: 900px) { .news-time { margin-bottom: -2em !important; } }

.content .search-listning .puff p.excerpt {
  display: block;
  display: -webkit-box;
  max-height: 72px;
  -webkit-line-clamp: 3;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: none;
}

/*.content .search-listning .kontaktkort .puff-category {
  background-color: var(--base);
  color: var(--white);
}*/

.content .search-listning .kontaktkort .phone { margin-top: 1.5em; }

/*.content .puff .puff-category {
  background-color: var(--accent);
  color: var(--white);
  text-transform: uppercase;
  margin-bottom: 0.6em;
  font-size: 0.7em;
  align-self: flex-start;
  display: inline-block;
  padding: 0.2em 0.8em;
  letter-spacing: 1px;
  font-weight: bold; 
}
*/

/* Pagination */

.pagination {
  justify-content: center;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  margin-top: 1em;
  padding: 0;
}

@media (min-width: 600px) {
  .pagination { margin-top: 2em; }
}

.pagination li { 
  list-style: none;
  font-size: 0.9em;
}

.pagination a {
  text-decoration: none;
  margin: 0 2px;
  padding: 8px 16px;
  color: var(--body-color);
}

.pagination li.current {
  background-color: var(--base);
  color: var(--white);
  border-radius: 5px;
  padding: 8px 16px;
  margin: 0 2px;
}

.pagination .ellipsis {
  padding: 8px;
}

.pagination .ellipsis:after {
  content: '\2026';
}

.pagination li.pagination-next,
.pagination li.pagination-previous {
  padding: 8px 16px;
  margin: 0 2px;  
}

.pagination a:hover:not(.disabled) {
  background-color: var(--light-bg);
  border-radius: 5px;
}

.pagination .disabled {
  color: var(--gray);
  cursor: not-allowed;
}

.search-results strong {
  color: var(--accent);
}

/* Breadcrumbs */

#breadcrumbs {
  width: 100%;
  padding-bottom: 2em;
  padding-top: 0.7em;
  font-size: 0.8em;
  color: rgba(0,0,0,0.4);
  margin-left: -0.5em; /* Fixes problem med indent på första länken */
}

.content #breadcrumbs + * { margin-top: 0 !important; }

/* No top margin if breadcrumb */

#breadcrumbs a {
  text-decoration: none;
  transition: all 0.25s ease-in-out;
  padding-left: 0.5em;
  padding-right: 0.5em;
  color: var(--gray);
}

.breadcrumb_last { 
  padding-left: 0.5em; 
  color: var(--accent);
}

#breadcrumbs a:hover,
#breadcrumbs a:focus { text-decoration: underline; }

/* Ninja forms */

.super-container .nf-form-content {
  transition: all 0.25s ease-in-out;
  margin-top: 1.5em;
  margin-bottom: 0; 
}

.super-container .nf-form-content ::-webkit-input-placeholder { color: #555; opacity: 1; }

.super-container .nf-form-content :-moz-placeholder { color: #555; opacity: 1; }

.super-container .nf-form-content ::-moz-placeholder { color: #555; opacity: 1; }

.super-container .nf-form-content :-ms-input-placeholder { color: #555; opacity: 1; }

.super-container .nf-form-content ::-ms-input-placeholder { color: #555; opacity: 1; }

.super-container .nf-form-content:after {
  clear: both;
  content: "";
  display: block;
  width: 100%; 
}

.super-container .nf-form-content input.ninja-forms-field, .nf-form-content select.ninja-forms-field:not([multiple]), .nf-form-content .listselect-wrap .nf-field-element div,
.super-container .nf-form-content input[type="text"], 
.super-container .nf-form-content input[type="email"], 
.super-container .nf-form-content input[type="tel"] { height: 3.2em !important; }

.super-container .nf-form-content input[type="text"], 
.super-container .nf-form-content input[type="email"], 
.super-container .nf-form-content input[type="tel"], 
.super-container .nf-form-content textarea {
  width: 100%;
  font-size: 1em;
  box-shadow: none;
  border: 1px solid transparent;
  padding: 0.8em 0.9em;
  margin-bottom: 0.5em;
  color: var(--body-color);
  outline: none;
  background-color: var(--off-white);
  transition: all 0.25s ease-in-out;
}

.super-container .nf-form-content input:not([type=button]):focus,
.super-container .nf-form-content input:not([type=button]):hover,
.super-container .nf-form-content input:focus, 
.super-container .nf-form-content input:hover, 
.super-container .nf-form-content textarea:hover, 
.super-container .nf-form-content textarea:focus {
  background-color: var(--off-white-alt);
  background: var(--off-white-alt);
  border: 0 none;
  color: inherit;
}

.super-container .nf-form-content input[type="button"] {
  border: 0 none;
  cursor: pointer;
  background-color: var(--accent);
  color: var(--white);
  font-family: var(--heading-font);
  width: 100%;
  height: 3.2em !important;
  margin-top: 0;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1em;
  transition: all 0.25s ease-in-out;
}

.super-container .nf-form-content .ninja-forms-field, .nf-form-content .listselect-wrap .nf-field-element div {
  font-size: 1em;
}

.super-container .nf-form-content input[type="button"]:focus, 
.super-container .nf-form-content input[type="button"]:hover {
  background-color: var(--base);
  color: var(--white);
}

.super-container .nf-form-fields-required { font-size: 0.85em; color: var(--gray); margin-bottom: 1.5em; }

.super-container .ninja-forms-req-symbol { vertical-align: text-top; font-size: 0.75em; color: var(--accent); }

.super-container .list-radio-wrap .nf-field-element li label, 
.super-container .list-checkbox-wrap .nf-field-element li label {
  margin-left: 0;
  line-height: 1.5em;
}

.super-container .nf-form-content  { padding: 0; }

.super-container .nf-field-label label { font-weight: normal; }

.super-container .nf-form-content select {
  border: 0 none !important;
  background-color: var(--off-white);
  height: 3.2em;
  padding-left: 0.9em;
  font-size: 1em;
}

.super-container .nf-form-content select.ninja-forms-field { color: var(--body-color); }

.super-container .nf-form-content .list-select-wrap .nf-field-element>div {
  background-color: var(--off-white);
  border: 0 none;
  color: var(--body-color);
}

.super-container .nf-form-content select.ninja-forms-field:focus,
.nf-form-content .list-select-wrap .nf-field-element>div:focus,
.nf-form-content .list-select-wrap .nf-field-element>div:hover {
  background: var(--off-white-alt) !important;
}

.super-container .nf-field-container, 
.super-container #ninja_forms_required_items { margin-bottom: 0.5em; }

/* Error */

.super-container .nf-error.field-wrap .nf-field-element:after {
  background: #ec5757;
  height: 55px;
  font-size: 24px;
  line-height: 55px;
  border-radius: 0 5px 5px 0;
}

.super-container .nf-error .nf-error-msg { color: #ec5757; }

.super-container .nf-error .ninja-forms-field { border-color: transparent !important; }

/* Checkbox & radio */

.super-container .checkbox-wrap .nf-field-label label,
.super-container .list-checkbox-wrap .nf-field-element li label, 
.super-container .list-image-wrap .nf-field-element li label, 
.super-container .list-radio-wrap .nf-field-element li label {
  text-align: left;
  margin-left: 0 !important;
}

.super-container .nf-form-content li input[type="checkbox"],
.super-container .nf-form-content li input[type="radio"] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.super-container .checkbox-wrap .nf-field-label label,
.super-container .nf-form-content li label {
  position: relative;
  display: inline-block;
  padding: 0 0 0 2em;
  height: 1.5em;
  line-height: 1.5;
  cursor: pointer;
}

.super-container .checkbox-wrap .nf-field-label label:before,
.super-container .checkbox-wrap .nf-field-label label:after,
.super-container .nf-form-content li label:before,
.super-container .nf-form-content li label:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1.5em;
  height: 1.5em;
}

.super-container .checkbox-wrap .nf-field-label label:before,
.super-container .nf-form-content li label:before {
  content: " ";
  border: 2px solid var(--accent);
  border-radius: 20%;
}

.super-container .checkbox-wrap .nf-field-label label:after,
.super-container .nf-form-content input[type="checkbox"] + label:after {
  color: var(--white);
  line-height: 1.5em;
  text-align: center;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  background-color: var(--white);
  border: 2px solid var(--accent);
  border-radius: 20%;
  z-index: 2;
  content: "✔";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  vertical-align: top;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.2;
}

.super-container .checkbox-wrap .nf-field-label { padding-left: 0; }

.super-container .checkbox-wrap .nf-field-element { display: none; }

.super-container .nf-form-content input[type="checkbox"] + label:after { background-color: var(--accent); }

.super-container .nf-form-content input[type="radio"] + label:before {
  border-radius: 50%;
}

.super-container .nf-form-content input[type=radio] + label:after {
  content: " ";
  top: 0.223em;
  left: 0.26em;
  width: 1em;
  height: 1em;
  background: var(--accent);
  border: 0.1em solid var(--white);
  border-radius: 50%;
}

.super-container .checkbox-wrap .nf-field-label label:before,
.super-container .listradio-wrap .nf-field-element label.nf-checked-label:before {
  height: 1.5em;
  width: 1.5em;
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
}

.super-container .checkbox-wrap .nf-field-label label:before,
.super-container .listcheckbox-wrap .nf-field-element label:before {
  font-size: 1em;
}

.super-container .checkbox-wrap .nf-field-label label:before,
.super-container .listcheckbox-wrap .nf-field-element label:before { opacity: 1; }

.super-container .checkbox-wrap .nf-field-label label.nf-checked-label:after,
.super-container .nf-form-content input[type="checkbox"]:checked + label:before,
.super-container .nf-form-content input[type="radio"]:checked + label:before {
  background: var(--accent);
  border-color: var(--accent);
}

.super-container .checkbox-wrap .nf-field-label label:after,
.super-container .nf-form-content input[type="checkbox"] + label:after,
.super-container .nf-form-content input[type=radio] + label:after {
  transform: scale(0);
}

.super-container .checkbox-wrap .nf-field-label label:after,
.super-container .nf-form-content input[type="checkbox"]:checked + label:after,
.super-container .nf-form-content input[type=radio]:checked + label:after {
  transform: scale(1);
}

.super-container .checkbox-wrap .nf-field-label label:before,
.super-container .checkbox-wrap .nf-field-label label:after,
.super-container .nf-form-content label:before,
.super-container .nf-form-content label:after {
  transition: 0.25s all ease;
}

.super-container  span.ninja-forms-req-symbol {
  font-size: 1.5em !important;
  line-height: 0.79;
}

.sidebar-right .button,
#entry .container .content .button {
  background-color: var(--accent);
  color: var(--white);
  border-radius: 40px;
  margin-left: 0.2em;
  display: block;
  padding: 0.7em 3em 0.7em 1em;
  font-weight: var(--heading-weight);
  letter-spacing: 1.5px;
  margin-bottom: 1.5rem;
  transition: all 0.25s ease-in-out;
  position: relative;
}

.sidebar-right .button:hover,
#entry .container .content .button:hover {
  background-color: var(--base);
}

.sidebar-right .button {
  text-align: center;
  padding: 1em 0.5em;
  font-size: 0.9em;
}

#entry .container .content .button {
  display: inline-block;
  font-weight: 400;
}

#entry .container .content .button:after {
  display: inline-block;
  content: "››";
  position: absolute;
  right: 1em;
  padding-left: 1.5em;
  line-height: 1;
  font-size: 21px;
}

.amenity {
  display: inline-block;
  padding: 0.3rem 0.7rem;
  border: 1px solid #eeeeee;
  margin-right: 0.5rem;
  background-color: #f1f1f1;
}

/*!  WYSIWYG Styles
===========================================*/

.entry-content img {
  margin: 0 0 1.5em 0;
}

.alignleft, img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left;
}

.alignright, img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right;
}

.aligncenter, img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both;
}

/*! OVVERRIDE LEFT SIDEBAR TEST*/

.sidebar-left .open > .sub-menu {
  display: block;
}

.sidebar-left .closed > .sub-menu {
  display: none;
}

.sidebar-left .open > .dashicons:before {
  content: '\f004' !important;
}

.sidebar-left .closed > .dashicons:before {
  content: '\f005' !important;
}

.sidebar-left .parent-sidebar-menu > li.current-menu-item:not(.menu-item-has-children) > a { padding-bottom: 0.6em; }

/* lvl 3 */

.sidebar-left .sub-menu .sub-menu li a {
  background-color: var(--menu2); 
  padding-left: 1.5em;
}

/* lvl 4 */

.sidebar-left .sub-menu .sub-menu .sub-menu li a {
  background-color: var(--menu3); 
  padding-left: 2.2em;
}

/* * Ninja Forms - Form Display Structure */

.ninja-forms-form-wrap *, .ninja-forms-form-wrap *:after, .ninja-forms-form-wrap *:before {
     -ms-box-sizing: border-box;
     box-sizing: border-box;
}

.nf-response-msg {
     display: none;
}

.nf-field-container, #ninja_forms_required_items {
     clear: both;
     position: relative;
     margin-bottom: 25px;
}

.nf-field-container::after, #ninja_forms_required_items::after {
     clear: both;
     content: "";
     display: block;
}

.nf-field-container.hidden-container, #ninja_forms_required_items.hidden-container, .nf-field-container.hr-container, #ninja_forms_required_items.hr-container {
     margin: 0;
     height: auto;
}

.nf-field-container.hidden-container .nf-field-label, #ninja_forms_required_items.hidden-container .nf-field-label, .nf-field-container.hr-container .nf-field-label, #ninja_forms_required_items.hr-container .nf-field-label {
     display: none;
}

.nf-field-container.html-container .nf-field-label, #ninja_forms_required_items.html-container .nf-field-label {
     display: none;
}

.nf-field-label label {
     font-weight: bold;
     margin: 0;
     padding: 0;
}

.nf-field-element {
     position: relative;
}

.nf-field-element input, .nf-field-element select, .nf-field-element textarea {
     margin: 0;
     width: auto;
     height: auto;
     vertical-align: inherit;
}

.nf-field-element textarea {
     height: 200px;
}

.nf-field-description p:last-child {
     margin: 0;
}

.nf-help {
     background: url('../img/help-info.png') no-repeat;
     display: inline-block;
     width: 16px;
     height: 16px;
}

.nf-input-limit {
     font-size: 12px;
     margin-top: 5px;
}

.nf-static {
     padding: 0 10px;
}

.nf-after-field .nf-error-msg {
     margin-right: 10px;
}

/* --------------------------------- CHECKBOX FIELD ----------------------------------*/

/* --------------------------------- RADIO & CHECKBOX LISTS ----------------------------------*/

.list-radio-wrap .nf-field-element ul, .list-checkbox-wrap .nf-field-element ul, .list-radio-wrap .nf-field-element li, .list-checkbox-wrap .nf-field-element li {
     list-style: none !important;
     margin: 0 !important;
     padding: 0 !important;
}

.list-radio-wrap .nf-field-element ul input, .list-checkbox-wrap .nf-field-element ul input, .list-radio-wrap .nf-field-element li input, .list-checkbox-wrap .nf-field-element li input {
     margin-right: 5px;
}

.list-radio-wrap .nf-field-element li, .list-checkbox-wrap .nf-field-element li {
     padding-left: 10px;
     margin: 0 0 5px !important;
     text-indent: initial !important;
}

.list-radio-wrap .nf-field-element li label, .list-checkbox-wrap .nf-field-element li label {
     display: block;
     float: initial;
     width: auto;
     margin-left: 1.5em;
}

.list-radio-wrap .nf-field-element li input, .list-checkbox-wrap .nf-field-element li input {
     width: auto !important;
     float: left;
     margin-top: 0.25em;
}

/* --------------------------------- PRODUCT FIELD ----------------------------------*/

.product-wrap > div input {
     width: 80px !important;
}

.product-wrap > div .nf-product-field span {
     padding: 0 5px;
}

/* --------------------------------- STAR RATING ----------------------------------*/

.starrating-wrap .star {
     border-bottom: 0;
}

/* --------------------------------- HONEYPOT ----------------------------------*/

.nf-form-hp {
     position: absolute;
     visibility: hidden;
}

/* --------------------------------- SELECT LIST ----------------------------------*/

.list-select-wrap div div {
     display: none;
}

/* --------------------------------- COLORS As minimal as possible ----------------------------------*/

.ninja-forms-req-symbol, .nf-error-msg {
     color: #e80000;
}

.nf-error .ninja-forms-field {
     border: 1px solid #e80000;
}

.nf-field-submit-error {
     padding: 15px;
}

.ninja-forms-noscript-message {
     background: #f1f1f1;
     border: 4px dashed #ccc;
     color: #333;
     display: block;
     font-size: 20px;
     margin: 20px 0;
     padding: 40px;
     text-align: center;
}

/* --------------------------------- HELPER CLASSES ----------------------------------*/

.two-col-list ul li {
     float: left;
     width: 50%;
}

.three-col-list ul li {
     float: left;
     width: 33.33%;
}

.four-col-list ul li {
     float: left;
     width: 25%;
}

.five-col-list ul li {
     float: left;
     width: 20%;
}

.six-col-list ul li {
     float: left;
     width: 16.66%;
}

body .pika-label {
     background: transparent;
}

/* Column Classes Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css --------------------------------------------- */

.nf-form-cont .five-sixths, .nf-form-cont .four-sixths, .nf-form-cont .one-fourth, .nf-form-cont .one-half, .nf-form-cont .one-sixth, .nf-form-cont .one-third, .nf-form-cont .three-fourths, .nf-form-cont .three-sixths, .nf-form-cont .two-fourths, .nf-form-cont .two-sixths, .nf-form-cont .two-thirds {
     clear: initial;
     float: left;
     margin-left: 2.5641025641%;
}

.nf-form-cont .five-sixths .inside, .nf-form-cont .four-sixths .inside, .nf-form-cont .one-fourth .inside, .nf-form-cont .one-half .inside, .nf-form-cont .one-sixth .inside, .nf-form-cont .one-third .inside, .nf-form-cont .three-fourths .inside, .nf-form-cont .three-sixths .inside, .nf-form-cont .two-fourths .inside, .nf-form-cont .two-sixths .inside, .nf-form-cont .two-thirds .inside {
     padding: 20px;
}

.nf-form-cont .five-sixths::after, .nf-form-cont .four-sixths::after, .nf-form-cont .one-fourth::after, .nf-form-cont .one-half::after, .nf-form-cont .one-sixth::after, .nf-form-cont .one-third::after, .nf-form-cont .three-fourths::after, .nf-form-cont .three-sixths::after, .nf-form-cont .two-fourths::after, .nf-form-cont .two-sixths::after, .nf-form-cont .two-thirds::after {
     clear: both;
     content: "";
     display: block;
}

.nf-form-cont .one-half, .nf-form-cont .three-sixths, .nf-form-cont .two-fourths {
     width: 48.7179487179%;
}

.nf-form-cont .one-third, .nf-form-cont .two-sixths {
     width: 31.6239316239%;
}

.nf-form-cont .four-sixths, .nf-form-cont .two-thirds {
     width: 65.811965812%;
}

.nf-form-cont .one-fourth {
     width: 23.0769230769%;
}

.nf-form-cont .three-fourths {
     width: 74.358974359%;
}

.nf-form-cont .one-sixth {
     width: 14.5299145299%;
}

.nf-form-cont .five-sixths {
     width: 82.905982906%;
}

.nf-form-cont .first {
     clear: both;
     margin-left: 0;
}

.nf-help {
     background: none;
}

.nf-field-description {
     font-size: 14px;
}

.nf-form-content {
     padding: 5px;
     max-width: 1000px;
     margin: 0 auto;
}

.nf-form-content label {
     font-size: 18px;
     line-height: 20px;
}

.nf-form-content .ninja-forms-field, .nf-form-content .listselect-wrap .nf-field-element div {
     font-size: 16px;
     margin: 0;
     padding: 12px;
}

.nf-form-content input.ninja-forms-field, .nf-form-content select.ninja-forms-field:not([multiple]), .nf-form-content .listselect-wrap .nf-field-element div {
     height: 50px;
}

.nf-form-content textarea.ninja-forms-field {
     height: 200px;
}

.nf-form-content hr.ninja-forms-field {
     padding: 0;
}

.nf-form-content input[type="radio"].ninja-forms-field, .nf-form-content input[type="checkbox"].ninja-forms-field {
     height: auto;
}

.nf-form-content .listradio-wrap li, .nf-form-content .listcheckbox-wrap li {
     margin-bottom: 12px !important;
     line-height: 0;
}

.nf-form-content .nf-product-field span {
     padding-right: 16px;
}

.nf-form-content .nf-product-field .nf-field-qty {
     font-size: 16px;
     padding: 5px;
     width: 80px !important;
}

.nf-form-content .nf-static {
     background: transparent;
     border: 0;
     font-weight: bold;
     padding: 0;
}

.nf-form-content .label-above .nf-field-label, .nf-form-content .label-below .nf-field-label, .nf-form-content .label-hidden .nf-field-label {
     margin-bottom: 10px;
     padding: 0;
}

.nf-form-content .label-below .nf-field-label {
     margin-bottom: 0;
     margin-top: 10px;
}

.nf-form-content .label-right .nf-field-label {
     margin: 0;
}

.nf-form-content .label-right > input[type=radio], .nf-form-content .label-right input[type=checkbox] {
     margin-right: 1%;
}

.nf-form-content .label-right ul {
     margin-right: 1%;
}

/* --------------------------------- STANDARDIZE ALL FIELDS ----------------------------------*/

.field-wrap {
     display: flex;
}

.field-wrap > label {
     display: block;
}

.field-wrap > div input, .field-wrap textarea, .field-wrap select, .field-wrap .pikaday__container, .field-wrap .pikaday__display {
     width: 100%;
}

.field-wrap > div input[type="checkbox"] {
     width: auto;
}

.field-wrap input[type="submit"], .field-wrap input[type="button"], .field-wrap button {
     width: auto;
}

.nf-field-label {
     order: 5;
}

.nf-field-description {
     width: 100%;
     order: 10;
}

.nf-field-element {
     order: 15;
}

/* --------------------------------- LABEL ABOVE ----------------------------------*/

.label-above .nf-field-label {
     margin-bottom: 10px;
}

/* --------------------------------- LABEL BELOW ----------------------------------*/

.label-below .nf-field-label {
     margin-top: 10px;
     order: 15;
}

.label-below .nf-field-element {
     order: 5;
}

/* --------------------------------- LABEL HIDDEN ----------------------------------*/

.label-hidden .field-wrap {
     flex-wrap: wrap;
}

.label-hidden .nf-field-label {
     height: 0;
     margin: 0 !important;
     width: 100%;
     visibility: hidden;
}

.label-hidden .nf-field-description {
     width: 100%;
     order: 20;
}

.label-hidden .nf-field-element {
     width: 100%;
}

/* --------------------------------- LABEL LEFT ----------------------------------*/

.label-left .field-wrap {
     flex-direction: row;
     flex-wrap: wrap;
}

.label-left .nf-field-label {
     display: flex;
     flex-direction: row;
     align-items: center;
     padding-right: 2%;
     text-align: right;
     width: 35%;
     order: 5;
}

.label-left .nf-field-label label {
     width: 100%;
}

.label-left .nf-field-description {
     margin-left: 35%;
}

.label-left .nf-field-element {
     display: inline-block;
     width: 65%;
     order: 10;
}

.label-left .nf-after-field {
     margin-left: 36.5%;
}

/* --------------------------------- LABEL RIGHT ----------------------------------*/

.label-right .field-wrap {
     flex-direction: row;
}

.label-right .nf-field-label {
     display: flex;
     flex-direction: row;
     align-items: center;
     padding-left: 2%;
     width: 35%;
     order: 10;
}

.label-right .nf-field-description {
     margin-right: 35%;
     order: 15;
}

.label-right .nf-field-element {
     display: inline-block;
     width: 65%;
     order: 5;
}

.label-right .checkbox-wrap .nf-field-label {
     width: auto;
}

.label-right .checkbox-wrap .nf-field-element {
     width: 20px;
}

.label-right .nf-after-field {
     width: 65%;
}

/* --------------------------------- ADJUST SOME LABEL ABOVE & BELOW ISSUES ----------------------------------*/

.label-below .field-wrap, .label-above .field-wrap {
     flex-direction: column;
     flex-flow: wrap;
}

.label-below .nf-field-element, .label-above .nf-field-element {
     margin: 0;
     width: 100%;
}

/* --------------------------------- ADJUST SOME LABEL LEFT & RIGHT ISSUES ----------------------------------*/

.label-left .textarea-wrap .nf-field-label, .label-right .textarea-wrap .nf-field-label, .label-left .listradio-wrap .nf-field-label, .label-right .listradio-wrap .nf-field-label, .label-left .listcheckbox-wrap .nf-field-label, .label-right .listcheckbox-wrap .nf-field-label {
     align-items: flex-start;
}

.label-left .textarea-wrap .nf-field-label, .label-right .textarea-wrap .nf-field-label {
     margin-top: 5px;
}

.label-left .html-wrap, .label-right .html-wrap, .label-left .hr-wrap, .label-right .hr-wrap {
     display: block;
}

.label-left .html-wrap .nf-field-element, .label-right .html-wrap .nf-field-element, .label-left .hr-wrap .nf-field-element, .label-right .hr-wrap .nf-field-element {
     display: block;
     margin: 0;
     width: 100%;
}

/* --------------------------------- FIELD DESCRIPTION POSITIONS ----------------------------------*/