/*
Theme Name: Byporten Child Theme
Template: Kodeks-WP-theme
Author: Kodeks
Author URI: http://kodeks.no
Description: Kodeks Generic theme made as a template for new projects.
Version: 3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: byportenchild
*/
body {
  background: #fff; }
  body * {
    font-family: "solomon" !important; }

p,
li,
blockquote,
a {
  font-family: "solomon";
  line-height: 1.5; }

.deviations-shops h1 {
  text-align: center;
  border-bottom: 1px solid #000 !important;
  padding-bottom: 0.625rem !important;
  font-size: 1.125rem;
  position: relative; }
  .deviations-shops h1::after, .deviations-shops h1::before {
    content: "" !important;
    height: 0px;
    width: 0px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 100%) !important;
    bottom: 0;
    top: auto !important;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 18px solid #000; }
  .deviations-shops h1::after {
    height: 0px;
    width: 0px;
    border-left: 19px solid transparent;
    border-right: 19px solid transparent;
    border-top: 17px solid #fff; }

.store-front .shop-info > div.content {
  margin-top: 0; }
  @media screen and (min-width: 64em) {
    .store-front .shop-info > div.content {
      text-align: right;
      padding-right: 2.5rem;
      border-right: 1px solid #000; } }
.store-front .shop-info > div:not(.content) {
  margin-top: 0;
  position: relative;
  box-shadow: none;
  padding: 0; }
  @media screen and (min-width: 64em) {
    .store-front .shop-info > div:not(.content) {
      padding-left: 2.5rem; } }
.store-front .shop-info .info h4 {
  display: none; }

.store-front .shop-info .info > div {
  width: 100%; }

.single-shops .logo {
  width: 100%;
  z-index: 99;
  text-align: center; }
  .single-shops .logo img {
    padding: 1.25rem;
    background: #fff;
    height: auto;
    width: auto;
    max-width: 12.5rem;
    max-height: 9.375rem; }

.store-front {
  margin-top: 0; }
  @media screen and (max-width: 63.9375em) {
    .store-front .info {
      margin-top: 1.875rem; } }
.intranet-line {
  background: #262E30; }

.personnel .grid-list li .img-wrap {
  position: relative; }

.personnel .grid-list li > div {
  box-shadow: none; }

.site-header {
  padding-top: 0.9375rem;
  z-index: 99; }
  .site-header .logo {
    margin-bottom: 0.9375rem;
    max-width: 18.75rem; }
  .site-header #menu-top-menu {
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
  .site-header .sub-header {
    background: #262E30;
    position: relative;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: #fff; }
    .site-header .sub-header .menu li {
      position: relative;
      margin-left: 0; }
      .site-header .sub-header .menu li a {
        color: #fff;
        font-size: 0.875rem; }
      .site-header .sub-header .menu li + li {
        margin-left: 0.3125rem;
        padding-left: 0.625rem; }
        .site-header .sub-header .menu li + li::before {
          content: "|";
          position: absolute;
          left: 0; }
    .site-header .sub-header [class*="icon"]::before {
      color: #fff; }
    .site-header .sub-header::after, .site-header .sub-header::before {
      position: absolute;
      display: block;
      content: "";
      width: 100%;
      height: 100%;
      background: #262E30;
      top: 0; }
    .site-header .sub-header::after {
      left: 100%; }
    .site-header .sub-header::before {
      left: -100%; }
  .site-header .opening-hours {
    font-size: 0.875rem;
    display: flex;
    align-items: center; }
  .site-header .menu-overlay {
    min-height: 100vh; }
    @media screen and (max-width: 63.9375em) {
      .site-header .menu-overlay ul {
        padding-top: 125px; } }
    .site-header .menu-overlay .icon-cross {
      top: 124px;
      right: 15px; }
    .site-header .menu-overlay ul {
      width: 100%;
      height: auto;
      background: url("/wp-content/themes/byporten-child/assets/menu-bg.jpg");
      columns: 1;
      text-align: center;
      background-size: cover; }
      .site-header .menu-overlay ul li {
        margin-bottom: 10px; }
        .site-header .menu-overlay ul li a {
          color: #262E30;
          text-transform: uppercase; }
  .site-header .menu-hours {
    margin-top: 3.125rem; }
    .site-header .menu-hours .wrapper > * {
      margin-top: 0.9375rem; }
    .site-header .menu-hours * {
      font-size: 16px;
      text-transform: uppercase;
      color: #262E30; }

[data-site='byporten'].intranet .site-header {
  background: #262E30; }
  [data-site='byporten'].intranet .site-header .logo img {
    max-width: 180px;
    filter: brightness(10) !important; }
  [data-site='byporten'].intranet .site-header .menu-overlay ul li a {
    color: #fff !important; }

footer .mid span {
  opacity: 0.6; }

footer .mid svg {
  opacity: 1;
  height: 2.1875rem;
  display: inline-block;
  margin: 0 0.9375rem; }

footer .menu {
  grid-template-columns: 50% 50%;
  display: grid;
  grid-column-gap: 20px; }
  footer .menu li {
    line-height: 24px; }
  footer .menu li:nth-child(odd) a {
    text-align: right;
    display: block; }

footer .contact {
  align-items: center; }
  footer .contact a + a {
    margin-top: 1.25rem; }

footer .logo {
  width: 100%; }

@media screen and (max-width: 63.9375em) {
  footer .cell:first-child {
    width: 100%;
    margin: 0 auto; }
    footer .cell:first-child > * {
      width: 45%; }
      footer .cell:first-child > *:first-child {
        margin-right: 20px;
        text-align: right; }
  footer .cell:nth-child(2) {
    order: 3;
    margin-bottom: 1.875rem; }
    footer .cell:nth-child(2) a {
      margin-bottom: 30px; } }

@font-face {
  font-family: 'solomon';
  font-style: normal;
  src: url("/wp-content/themes/byporten-child/fonts/Fontfabric%20-%20SolomonNormal-Normal.otf") format("opentype"); }

@font-face {
  font-family: 'solomon';
  font-style: italic;
  src: url("/wp-content/themes/byporten-child/fonts/Fontfabric%20-%20Solomon%20Sans%20Normal%20Italic.otf") format("opentype"); }

@font-face {
  font-family: 'solomon';
  font-weight: bold;
  src: url("/wp-content/themes/byporten-child/fonts/Fontfabric%20-%20Solomon-Bold.otf") format("opentype"); }

.hero {
  margin-top: 0;
  height: auto !important;
  max-height: none !important; }
  .hero .text {
    position: absolute;
    bottom: 5rem;
    background: #262E30;
    padding: 20px;
    border-radius: 100%;
    left: 0;
    right: 0;
    width: 15.625rem;
    margin: 0 auto; }
    @media screen and (max-width: 63.9375em) {
      .hero .text {
        width: 9.375rem; } }
    .hero .text span {
      height: 0;
      padding-bottom: 100%;
      display: flex;
      align-content: center;
      justify-content: center;
      position: relative; }
      .hero .text span h2 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin: 0;
        text-align: center;
        color: #fff;
        font-size: 1.25rem;
        line-height: 1.3;
        width: 100%; }
  .hero .flex-direction-nav {
    display: none; }
  .hero .flexslider {
    overflow: hidden;
    display: block; }
    .hero .flexslider .slides {
      margin: 0; }
      .hero .flexslider .slides li {
        padding-bottom: 42.96875%;
        height: 0; }
        @media screen and (max-width: 63.9375em) {
          .hero .flexslider .slides li {
            padding-bottom: 100%; } }
        .hero .flexslider .slides li .img-wrapper {
          position: absolute;
          height: 100%; }
          .hero .flexslider .slides li .img-wrapper img {
            position: absolute;
            top: 50%;
            transform: translateY(-50%); }
  .hero .flex-control {
    display: flex;
    justify-content: center; }
    .hero .flex-control li {
      padding: 0; }
      .hero .flex-control li .circle {
        height: 15px;
        width: 15px;
        border-radius: 100%;
        background: #fff;
        display: block; }
      .hero .flex-control li.flex-active .circle {
        background: #262E30; }
      .hero .flex-control li + li {
        margin-left: 0.625rem; }

.hours svg {
  width: 100%; }
  @media screen and (max-width: 63.9375em) {
    .hours svg {
      width: 200%;
      transform: translateX(-25%); } }
.hours ul {
  box-shadow: none;
  padding-bottom: 3.125rem;
  padding-top: 3.125rem; }
  .hours ul li > span:first-child {
    display: block;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 17px;
    font-weight: 700; }
  .hours ul li > span:last-child {
    font-size: 24px;
    font-weight: 700;
    display: inline-block; }
  .hours ul li .time {
    font-size: 24px; }
    .hours ul li .time .supertext {
      vertical-align: baseline;
      font-weight: 700;
      font-size: 24px; }

.hours .cap span {
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 100%; }
  .hours .cap span + span {
    margin-right: 0 !important;
    margin-right: 1.25rem !important; }
  .hours .cap span.active {
    width: 1.25rem;
    height: 1.25rem;
    position: relative; }
    .hours .cap span.active::after {
      content: '';
      display: block;
      position: absolute;
      width: 200%;
      height: 200%;
      top: -50%;
      left: -50%;
      border-radius: 100%; }
    .hours .cap span.active::before {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      border: 2px solid #fff;
      left: 0;
      top: 0;
      z-index: 2;
      border-radius: 100%; }
  .hours .cap span:nth-child(1) {
    order: unset;
    margin-right: 0 !important;
    font-weight: 700;
    margin-bottom: 0.625rem; }
  .hours .cap span:nth-child(2) {
    background: #859F74; }
    .hours .cap span:nth-child(2).active::after {
      background: #859F74;
      opacity: .5; }
  .hours .cap span:nth-child(3) {
    background: #DFB758; }
    .hours .cap span:nth-child(3).active::after {
      background: #DFB758;
      opacity: .5; }
  .hours .cap span:nth-child(4) {
    background: #EA645A; }
    .hours .cap span:nth-child(4).active::after {
      background: #EA645A;
      opacity: .5; }

[data-site='byporten'].intranet .article-list ul li a, [data-site='byporten'].intranet.home .archive-grid ul li a, .article-list ul li a {
  box-shadow: none; }
  [data-site='byporten'].intranet .article-list ul li a h2, [data-site='byporten'].intranet.home .archive-grid ul li a h2, .article-list ul li a h2 {
    font-size: 20px; }
  [data-site='byporten'].intranet .article-list ul li a .img-wrap, [data-site='byporten'].intranet.home .archive-grid ul li a .img-wrap, .article-list ul li a .img-wrap {
    padding-bottom: 100%; }
  [data-site='byporten'].intranet .article-list ul li a .content, [data-site='byporten'].intranet.home .archive-grid ul li a .content, .article-list ul li a .content {
    padding: 0.625rem 1.25rem;
    position: relative;
    text-align: center;
    font-size: 1.875rem; }
    [data-site='byporten'].intranet .article-list ul li a .content *, [data-site='byporten'].intranet.home .archive-grid ul li a .content *, .article-list ul li a .content * {
      z-index: 1; }
    [data-site='byporten'].intranet .article-list ul li a .content .btn, [data-site='byporten'].intranet.home .archive-grid ul li a .content .btn, .article-list ul li a .content .btn {
      display: none !important; }

.instagram svg {
  width: 100%; }
  @media screen and (max-width: 63.9375em) {
    .instagram svg {
      width: 200%;
      transform: translateX(-25%); } }
.instagram h2 {
  text-align: center;
  font-size: 1.875rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  color: #262E30; }

.instagram #sb_instagram .sbi_photo_wrap .sbi_photo {
  border-radius: 0px !important; }

section.content,
section.text {
  margin-top: 3.125rem; }
  section.content svg,
  section.text svg {
    width: 100%; }
    @media screen and (max-width: 63.9375em) {
      section.content svg,
      section.text svg {
        width: 200%;
        transform: translateX(-25%); } }
[data-site='byporten'].intranet .archive-grid,
.archive-grid {
  margin-top: 0; }
  @media screen and (max-width: 63.9375em) {
    [data-site='byporten'].intranet .archive-grid .filter .categories,
    .archive-grid .filter .categories {
      padding: 0 !important; }
      [data-site='byporten'].intranet .archive-grid .filter .categories.show,
      .archive-grid .filter .categories.show {
        padding: 10px !important; } }
  [data-site='byporten'].intranet .archive-grid .filter .categories li,
  .archive-grid .filter .categories li {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    text-align: center;
    border-bottom: 1px solid #000; }
    [data-site='byporten'].intranet .archive-grid .filter .categories li a,
    .archive-grid .filter .categories li a {
      font-size: 0.875rem; }
    [data-site='byporten'].intranet .archive-grid .filter .categories li.current-cat,
    .archive-grid .filter .categories li.current-cat {
      background: #000;
      color: #fff; }
  [data-site='byporten'].intranet .archive-grid .filter .search-wrapper,
  .archive-grid .filter .search-wrapper {
    margin-top: 3.75rem; }
    [data-site='byporten'].intranet .archive-grid .filter .search-wrapper .search,
    .archive-grid .filter .search-wrapper .search {
      display: flex;
      justify-content: center; }
      [data-site='byporten'].intranet .archive-grid .filter .search-wrapper .search input,
      .archive-grid .filter .search-wrapper .search input {
        width: 40%;
        border-bottom: 1px dotted #535d55; }
  [data-site='byporten'].intranet .archive-grid .grid-list,
  .archive-grid .grid-list {
    margin-top: 3.75rem; }
    @media screen and (max-width: 63.9375em) {
      [data-site='byporten'].intranet .archive-grid .grid-list,
      .archive-grid .grid-list {
        width: 100% !important; } }
    [data-site='byporten'].intranet .archive-grid .grid-list.list li,
    .archive-grid .grid-list.list li {
      height: auto; }
      [data-site='byporten'].intranet .archive-grid .grid-list.list li a,
      .archive-grid .grid-list.list li a {
        box-shadow: none; }
        [data-site='byporten'].intranet .archive-grid .grid-list.list li a .content,
        .archive-grid .grid-list.list li a .content {
          padding: 10px; }
          @media screen and (max-width: 63.9375em) {
            [data-site='byporten'].intranet .archive-grid .grid-list.list li a .content *,
            .archive-grid .grid-list.list li a .content * {
              width: 100% !important; }
            [data-site='byporten'].intranet .archive-grid .grid-list.list li a .content ul,
            .archive-grid .grid-list.list li a .content ul {
              display: block !important; }
            [data-site='byporten'].intranet .archive-grid .grid-list.list li a .content .btn-wrap,
            .archive-grid .grid-list.list li a .content .btn-wrap {
              display: none !important; } }
          [data-site='byporten'].intranet .archive-grid .grid-list.list li a .content h2,
          .archive-grid .grid-list.list li a .content h2 {
            border-top: 1px solid #000;
            width: calc(100% - 1.5rem);
            margin-top: 0.75rem; }
            @media screen and (min-width: 64em) {
              [data-site='byporten'].intranet .archive-grid .grid-list.list li a .content h2,
              .archive-grid .grid-list.list li a .content h2 {
                width: 30%; } }
          [data-site='byporten'].intranet .archive-grid .grid-list.list li a .content ul,
          .archive-grid .grid-list.list li a .content ul {
            display: flex; }
            @media screen and (min-width: 64em) {
              [data-site='byporten'].intranet .archive-grid .grid-list.list li a .content ul,
              .archive-grid .grid-list.list li a .content ul {
                width: 55%; } }
            [data-site='byporten'].intranet .archive-grid .grid-list.list li a .content ul li,
            .archive-grid .grid-list.list li a .content ul li {
              width: 55%;
              align-items: center;
              display: flex; }
              [data-site='byporten'].intranet .archive-grid .grid-list.list li a .content ul li:first-child,
              .archive-grid .grid-list.list li a .content ul li:first-child {
                width: 45%;
                word-break: break-word; }
              [data-site='byporten'].intranet .archive-grid .grid-list.list li a .content ul li > *,
              .archive-grid .grid-list.list li a .content ul li > * {
                display: block;
                padding: 0.625rem; }
                [data-site='byporten'].intranet .archive-grid .grid-list.list li a .content ul li > * > div,
                .archive-grid .grid-list.list li a .content ul li > * > div {
                  margin-top: 0.3125rem; }
          [data-site='byporten'].intranet .archive-grid .grid-list.list li a .content .override_hours,
          .archive-grid .grid-list.list li a .content .override_hours {
            flex-direction: column; }
            [data-site='byporten'].intranet .archive-grid .grid-list.list li a .content .override_hours div,
            .archive-grid .grid-list.list li a .content .override_hours div {
              padding-top: 0; }
            [data-site='byporten'].intranet .archive-grid .grid-list.list li a .content .override_hours li,
            .archive-grid .grid-list.list li a .content .override_hours li {
              width: 100% !important; }
            [data-site='byporten'].intranet .archive-grid .grid-list.list li a .content .override_hours *,
            .archive-grid .grid-list.list li a .content .override_hours * {
              margin: 0; }
          [data-site='byporten'].intranet .archive-grid .grid-list.list li a .content .icon-time,
          .archive-grid .grid-list.list li a .content .icon-time {
            display: inline-block;
            width: auto !important;
            margin: 0; }
          [data-site='byporten'].intranet .archive-grid .grid-list.list li a .content .btn-wrap,
          .archive-grid .grid-list.list li a .content .btn-wrap {
            width: 15%;
            display: flex;
            justify-content: flex-end;
            position: relative;
            align-items: center; }
            [data-site='byporten'].intranet .archive-grid .grid-list.list li a .content .btn-wrap::before,
            .archive-grid .grid-list.list li a .content .btn-wrap::before {
              content: "";
              height: 1px;
              width: calc(100% - 70px);
              background: #000;
              position: absolute;
              display: block;
              z-index: 1;
              left: 0; }
            [data-site='byporten'].intranet .archive-grid .grid-list.list li a .content .btn-wrap .btn,
            .archive-grid .grid-list.list li a .content .btn-wrap .btn {
              border-radius: 100%;
              height: 3.75rem;
              width: 3.75rem;
              text-align: center;
              background: #a3c9dc;
              color: #262e30;
              font-weight: 500;
              position: relative;
              transform: none;
              bottom: auto;
              right: auto;
              line-height: 1.3; }
              [data-site='byporten'].intranet .archive-grid .grid-list.list li a .content .btn-wrap .btn span,
              .archive-grid .grid-list.list li a .content .btn-wrap .btn span {
                position: absolute;
                left: -20px;
                top: 50%;
                transform: translateY(-50%); }
  [data-site='byporten'].intranet .archive-grid.shops .img-wrap,
  .archive-grid.shops .img-wrap {
    display: none; }
  [data-site='byporten'].intranet .archive-grid.personnel .grid-list li > div .img-wrap,
  .archive-grid.personnel .grid-list li > div .img-wrap {
    padding-bottom: 100%; }

[data-site='byporten'].intranet .archive-grid .filter .categories li a,
[data-site='byporten'].intranet .archive-grid .filter .categories li button,
.archive-grid .filter .categories li a,
.archive-grid .filter .categories li button {
  text-align: center !important; }
  [data-site='byporten'].intranet .archive-grid .filter .categories li a:hover,
  [data-site='byporten'].intranet .archive-grid .filter .categories li button:hover,
  .archive-grid .filter .categories li a:hover,
  .archive-grid .filter .categories li button:hover {
    cursor: pointer; }

[data-site='byporten'].intranet .archive-grid .filter .categories li.current-cat a,
[data-site='byporten'].intranet .archive-grid .filter .categories li.current-cat button,
.archive-grid .filter .categories li.current-cat a,
.archive-grid .filter .categories li.current-cat button {
  color: #fff !important; }

[data-site='byporten'].intranet .post-type-archive-brands .brands li:hover, .post-type-archive-brands .brands li:hover {
  box-shadow: none; }

[data-site='byporten'].intranet .post-type-archive-brands .brands li h3, .post-type-archive-brands .brands li h3 {
  border-bottom: 1px solid #000;
  padding-bottom: 0.3125rem; }

[data-site='byporten'].intranet .post-type-archive-brands .brands li a, .post-type-archive-brands .brands li a {
  margin-top: 0.3125rem; }

[data-site='byporten'].intranet .post-type-archive-brands h2:first-of-type, .post-type-archive-brands h2:first-of-type {
  text-align: center;
  position: relative;
  border-bottom: 1px solid #000; }
  [data-site='byporten'].intranet .post-type-archive-brands h2:first-of-type::after, [data-site='byporten'].intranet .post-type-archive-brands h2:first-of-type::before, .post-type-archive-brands h2:first-of-type::after, .post-type-archive-brands h2:first-of-type::before {
    content: "" !important;
    height: 0px;
    width: 0px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 100%) !important;
    bottom: 0;
    top: auto !important;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 18px solid #000; }
  [data-site='byporten'].intranet .post-type-archive-brands h2:first-of-type::after, .post-type-archive-brands h2:first-of-type::after {
    height: 0px;
    width: 0px;
    border-left: 19px solid transparent;
    border-right: 19px solid transparent;
    border-top: 17px solid #fff; }

[data-site='byporten'].intranet .archive-grid .grid-list.list li a .content h2 {
  width: 100%; }

[data-site='byporten'].intranet .archive-grid .grid-list.list li a .content ul li:first-child {
  width: auto; }

[data-site='byporten'].intranet .archive-grid .grid-list.list li a .content .icon-time {
  display: none; }

[data-site='byporten'].intranet .archive-grid .grid-list.list li a .content ul {
  width: 50%; }

[data-site='byporten'].intranet .accordion, .accordion {
  margin-top: 1.875rem; }
  [data-site='byporten'].intranet .accordion .content, .accordion .content {
    width: 100%; }
    [data-site='byporten'].intranet .accordion .content > li:nth-child(1), .accordion .content > li:nth-child(1) {
      text-align: center;
      border-bottom: 1px solid #000 !important;
      padding-bottom: 1.875rem !important;
      font-size: 1.875rem; }
      [data-site='byporten'].intranet .accordion .content > li:nth-child(1)::after, [data-site='byporten'].intranet .accordion .content > li:nth-child(1)::before, .accordion .content > li:nth-child(1)::after, .accordion .content > li:nth-child(1)::before {
        content: '' !important;
        height: 0px;
        width: 0px;
        position: absolute;
        left: 50%;
        transform: translate(-50%, 100%) !important;
        bottom: 0;
        top: auto !important;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 18px solid #000; }
      [data-site='byporten'].intranet .accordion .content > li:nth-child(1)::after, .accordion .content > li:nth-child(1)::after {
        height: 0px;
        width: 0px;
        border-left: 19px solid transparent;
        border-right: 19px solid transparent;
        border-top: 17px solid #fff; }
    [data-site='byporten'].intranet .accordion .content > li:nth-child(2), .accordion .content > li:nth-child(2) {
      max-width: 70%;
      margin: 0 auto; }
      @media screen and (max-width: 63.9375em) {
        [data-site='byporten'].intranet .accordion .content > li:nth-child(2), .accordion .content > li:nth-child(2) {
          max-width: 90%; } }
      [data-site='byporten'].intranet .accordion .content > li:nth-child(2):hover, .accordion .content > li:nth-child(2):hover {
        cursor: auto; }
    [data-site='byporten'].intranet .accordion .content > li li, .accordion .content > li li {
      list-style: disc; }

.kundeklubb {
  background: #E4E4E4; }
  .kundeklubb .head h1 {
    text-align: center;
    padding: 5rem 0; }
    @media screen and (max-width: 63.9375em) {
      .kundeklubb .head h1 {
        padding: 2.5rem 0; } }
  @media screen and (max-width: 63.9375em) {
    .kundeklubb .head > div > div {
      margin-bottom: 2.5rem; } }
  @media screen and (max-width: 63.9375em) {
    .kundeklubb .head > div > div:nth-child(1) {
      order: 1; } }
  @media screen and (max-width: 63.9375em) {
    .kundeklubb .head > div > div:nth-child(2) {
      order: 0; } }
  @media screen and (max-width: 63.9375em) {
    .kundeklubb .head > div > div:nth-child(3) {
      order: 3; } }
  .kundeklubb .head .left {
    text-align: right; }
    @media screen and (max-width: 63.9375em) {
      .kundeklubb .head .left {
        text-align: left; } }
  .kundeklubb .head p {
    line-height: 2; }
  .kundeklubb .head .img-wrap {
    margin-top: 5rem; }
    @media screen and (max-width: 63.9375em) {
      .kundeklubb .head .img-wrap {
        margin-top: 0; } }
  .kundeklubb .offers {
    border-top: 2px dotted #000;
    border-bottom: 2px dotted #000;
    margin-top: 5rem;
    color: #535D55; }
    .kundeklubb .offers ul {
      margin: 0; }
    .kundeklubb .offers li {
      padding: 2.8125rem;
      text-align: center;
      border-right: 2px dotted #000; }
      @media screen and (min-width: 75em) {
        .kundeklubb .offers li:nth-child(4n+4) {
          border-right: 0; }
        .kundeklubb .offers li:nth-child(n+5) {
          border-top: 2px dotted #000; } }
      @media screen and (min-width: 64em) and (max-width: 74.9375em) {
        .kundeklubb .offers li:nth-child(3n+3) {
          border-right: 0; }
        .kundeklubb .offers li:nth-child(n+4) {
          border-top: 2px dotted #000; } }
      @media screen and (max-width: 63.9375em) {
        .kundeklubb .offers li:nth-child(2n+2) {
          border-right: 0; }
        .kundeklubb .offers li:nth-child(n+3) {
          border-top: 2px dotted #000; } }
      .kundeklubb .offers li span {
        margin-top: 1.25rem; }
        .kundeklubb .offers li span.icon-logo {
          text-align: center;
          margin-top: 0; }
        .kundeklubb .offers li span span {
          margin: 0;
          font-size: 2.5rem;
          font-weight: 600; }
      .kundeklubb .offers li .shop {
        font-size: 1.25rem;
        font-weight: 600; }
    .kundeklubb .offers h3 {
      margin-top: 0.625rem; }

.map {
  position: relative;
  margin-top: 5rem; }
  .map .border {
    margin-bottom: 2.5rem;
    display: block; }
    @media screen and (max-width: 63.9375em) {
      .map .border svg {
        width: 200%;
        transform: translateX(-25%); } }
.page-title {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 3.75rem;
  margin-top: 1.25rem; }
  .page-title::before {
    width: 100%;
    content: '';
    left: 0;
    width: 100%;
    height: 1px;
    background: #000;
    position: absolute; }
  .page-title h1 {
    text-align: center;
    font-size: 1.875rem;
    background: #fff;
    padding: 1.25rem;
    display: inline-block;
    z-index: 9;
    position: relative;
    left: 50%;
    transform: translateX(-50%); }

section.text h2 {
  font-size: 1.625rem; }