/*
Theme Name:    Fitnessmester.dk 2024
Description:   2024 design for Fitnessmester.dk
Author:        Spicy Web v/Martin Hjort
*/

:root {--color-main: #002349;}
:root {--color-main-hover: #001934;}

/* RESET */
html {
   font-family: sans-serif;
   line-height: 1;
   -webkit-text-size-adjust: 100%;
   -webkit-tap-highlight-color: transparent;
}

body {
   margin: 0;
   font-family: "Lato", Arial, Helvetica, sans-serif;
   font-weight: 400;
   color: #222;
   font-size: 16px;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
@media screen and (min-width: 320px) {
  body {
    /*font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));*/
    /*font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (767 - 320)));*/
  }
}
@media screen and (min-width: 768px) {
  body {
    /*font-size: calc(18px + (20 - 18) * ((100vw - 768px) / (1240 - 768)));*/
  }
}

h1, h2, h3, h4, h5, h6 {
   margin: 0 0 20px;
   line-height: 1.4;
   font-weight: 400;
   color: #242424;
   font-family: "Glaciall", Arial, Helvetica, sans-serif;
}
h2 {
   font-size: 30px;
   font-weight: 500;
   margin-bottom: 16px;
}
h3 {
   font-size: 24px;
   font-weight: 500;
   margin-bottom: 16px;
}
h4 {
   font-size: 18px;
}
h5 {
   font-size: 16px;
}
h6 {
   font-size: 12px;
}
.home h1,
.home h2,
.home h3,
.home h4,
.home h5,
.home h6 {
   margin: 0 0 10px;
   font-family: "Merriweather", Sans-serif;
   font-weight: 700;
}

article,
aside,
footer,
header,
nav,
section {
   display: block;
}

p {
   margin: 0 0 25px;
   line-height: 1.6em;
   font-weight: 400;
}
p.no-margin {
   margin-bottom: 0.2em;
}

ol, ul {
   list-style: disc;
   margin-bottom: 20px;
   padding-left: 17px;
   margin-top: 0px;
}
li {
   margin-bottom: 10px;
   line-height: 1.6;
}
li:last-child {
   margin-bottom: 0px;
}

figcaption,
figure,
main {
   display: block;
}

figure {
   margin: 0.5em 0;
}

hr {
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   box-sizing: content-box;
/*   height: 0;
   overflow: visible;*/
   margin-top: 20px;
   margin-bottom: 20px;
   /*max-width: 35px;*/
   border: none;
   border-bottom: 1px solid currentColor;
   opacity: .2;
}
hr.wp-block-seperator {
   border: 1px solid;
   border-left: none;
   border-right: none;
}

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

a {
   background-color: transparent;
   -webkit-text-decoration-skip: objects;
   color: #777;
   position: relative;
   z-index: 10;
   color: var(--color-main);
   text-decoration: none;
}

a:active,
a:hover,
a:visited {
   outline-width: 0;
   /*color: #000;*/
}

abbr[title] {
   border-bottom: 1px #767676 dotted;
   text-decoration: none;
}

b,
strong {
   font-weight: inherit;
}

b,
strong {
   font-weight: 700;
}

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

dfn {
   font-style: italic;
}

mark {
   background-color: #eee;
   color: #222;
}

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;
}

audio,
video {
   display: inline-block;
}

audio:not([controls]) {
   display: none;
   height: 0;
}

img {
   border-style: none;
}

svg:not(:root) {
   overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
   font-family: "Lato", Arial, Helvetica, sans-serif;
   font-size: 100%;
   line-height: 1.15;
   margin: 0;
   color: #333333;
}

button,
input {
   overflow: visible;
}

button,
select {
   text-transform: none;
}

button,
html [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;
}

[type="text"],
[type="search"],
[type="number"],
[type="password"],
[type="tel"],
[type="email"],
textarea {
   border: 1px solid rgba(0,0,0,0.1);
   line-height: 1.4em;
   font-size: 14px;
   font-weight: normal;
   outline: none;
   padding: 0 2px;
   border-top-style: none;
   border-right-style: none;
   border-left-style: none;
   width: 100%;
   color: #777;
   height: 45px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #777;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #777;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #777;
}
:-moz-placeholder { /* Firefox 18- */
  color: #777;
}

fieldset {
   border: 1px solid #bbb;
   margin: 0 2px;
   padding: 0.35em 0.625em 0.75em;
}

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

progress {
   display: inline-block;
   vertical-align: baseline;
}

textarea {
   overflow: auto;
}

[type="checkbox"],
[type="radio"] {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   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-cancel-button,
[type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
}

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

details,
menu {
   display: block;
}

summary {
   display: list-item;
}

canvas {
   display: inline-block;
}

template {
   display: none;
}

[hidden] {
   display: none;
}

blockquote {
   margin: 0;
}

/* WORDPRESS CORE */
h2 .alignnone {
   margin: 0 5px 0 0;
}

.aligncenter,
div.aligncenter {
   display: block;
   margin: 5px auto 5px auto;
}

.alignright {
   float:right;
   margin-left: 1em;
}

.alignleft {
   float: left;
   margin-right: 1em;
}

a img.alignright {
   float: right;
   /*margin: 5px 0 20px 20px;*/
}

a img.alignnone {
   /*margin: 5px 20px 20px 0;*/
}

a img.alignleft {
   float: left;
   /*margin: 5px 20px 20px 0;*/
}

a img.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.wp-caption {
   background: #fff;
   /*border: 5px solid #f2f2f2;*/
   max-width: 100%; /* Image does not overflow the content area */
   padding: 0px 0px 0px;
   text-align: center;
}

.wp-caption.alignnone {
   margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
   margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
   margin: 5px 0 20px 20px;
}

.wp-caption img {
   border: 0 none;
   height: auto;
   margin: 0;
   max-width: 100%;
   padding: 0;
   width: auto;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   margin: 0;
   padding: 0 4px 5px;
}

.screen-reader-text {
   border: 0;
   clip: rect(1px, 1px, 1px, 1px);
   clip-path: inset(50%);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px;
   word-wrap: normal !important;
}
.screen-reader-text:focus {
   background-color: #eee;
   clip: auto !important;
   clip-path: none;
   color: #444;
   display: block;
   font-size: 1em;
   height: auto;
   left: 5px;
   line-height: normal;
   padding: 15px 23px 14px;
   text-decoration: none;
   top: 5px;
   width: auto;
   z-index: 100000; /* Above WP toolbar. */
}

/* GENERELT */
.wp-block-group,
.content-wrapper {
   /*width: 100%;*/
   width: calc(100% - 30px);
   max-width: 1190px;
   margin: 0 auto;
   padding: 0px 15px;
   display: flex;
}
.content-wrapper > .main-content {
   width: 100%;
}
.wp-block-group.wide,
.content-wrapper.wide {
   max-width: none;
}
.wp-block-group {
   width: 100%;
   padding: 20px 0;
}
.wp-block-group.wide .wp-block-columns {
   max-width: 1190px;
   margin: 0 auto;
   padding: 0px;
}
.wp-block-group.wide .wp-block-columns .wp-block-column {
   padding: 15px;
}
.wp-block-group.wide .wp-block-columns .wp-block-column :last-child {
   margin-bottom: 0px;
}

/* SITE WRAPPER */
.site-wrapper {
   
}
.site-wrapper.mobile-menu-open {
   position: fixed;
   height: 100%;
   width: 100%;
   overflow: auto;
}

/* MAIN MENU */
.site-header {
   padding: 0px 0;
   border-bottom: 1px solid rgba(129, 129, 129, 0.2);
   position: relative;
}
.site-header.mobile {
   display: none;
}
.site-header .content-wrapper {
   justify-content: space-between;
   align-items: center;
}
.site-header .open-mobile-menu {
   display: none;
}
.site-header .site-logo {
   max-width: 230px;
}
.site-header .site-logo img {
   width: 100%;
   height: auto;
}
.site-header .content-wrapper > nav {
   flex: 1 1 0%;
   padding: 0 10px;
}
.site-header .main-menu ul {
   list-style-type: none;
}
.site-header .main-menu .menu-main-navigation-container {
   padding: 0 10px;
}
.site-header .main-menu .menu-main-navigation-container > ul {
   display: flex;
   /*gap: 1px 20px;*/
   justify-content: space-around;
   margin: 0;
   padding: 0;
}
.site-header .main-menu .menu-main-navigation-container > ul > li {
   margin-bottom: 0px;
   padding: 35px 10px;
}
.site-header .main-menu .menu-main-navigation-container > ul > li > a {
   text-decoration: none;
   font-size: 13px;
   font-weight: 700;
   line-height: 1.2;
   text-transform: uppercase;
   color: #333;
   position: relative;
   white-space: nowrap;
}
.site-header .main-menu .menu-main-navigation-container > ul > li:hover > a {
   border-bottom: 2px solid var(--color-main);
}
.site-header .main-menu .menu-main-navigation-container > ul > li.has-submenu > a:before,
.site-header .main-menu .menu-main-navigation-container > ul > li.has-submenu > a:after {
   content: '';
   position: absolute;
   top: 7px;
   height: 1px;
   background: rgba(82, 82, 82, .45);
   width: 3px;
}
.site-header .main-menu .menu-main-navigation-container > ul > li.has-submenu > a:before {
   right: -7px;
   transform: skew(0deg, 40deg);
}
.site-header .main-menu .menu-main-navigation-container > ul > li.has-submenu > a:after {
   right: -10px;
   transform: skew(0deg, -40deg);
}
.site-header .main-menu .sub-menu {
   display: none;
}
.site-header .site-search [type=text],
.site-header .site-search [type=search] {
   min-width: 170px;
   max-width: 230px;
   width: 100%;
}
.site-header .submenu-wrapper {
   position: absolute;
   top: calc(100% + 1px);
   left: 0px;
   width: 100%;
   background: white;
   z-index: 1000;
   box-shadow: 0px 5px 5px rgba(0,0,0,0.1);
   display: none;
}
/*.site-header #submenu18110.submenu-wrapper {
   display: block;
}*/
.site-header .main-menu .menu-main-navigation-container > ul > li.has-submenu:hover .submenu-wrapper {
   display: block;
}
.site-header .submenu-wrapper > .submenu {
   width: calc(100% - 30px);
   max-width: 1190px;
   margin: 0 auto;
   padding: 40px 15px;
   /*display: flex;*/
   column-count: 5;
}
/*.site-header .submenu-wrapper > .submenu .submenu-column {
   display: flex;
   flex-direction: column;
   flex: 0 0 16%;
}*/
/*.site-header .submenu-wrapper > .submenu .submenu-column:not(:first-child) {
   padding-left: 4%;
}
.site-header .submenu-wrapper > .submenu .submenu-column:not(:last-child) {
   border-right: 1px solid rgba(129,129,129,0.2);
}*/
.site-header .submenu-wrapper > .submenu > a {
   padding: 10px 0;
   display: block;
   color: #000;
}
.site-header .submenu-wrapper > .submenu .submenu-column-headline {
   font-weight: 600;
}
.site-header .submenu-wrapper > .submenu > a:hover {
   color: var(--color-main);
}
/*.site-header .submenu-wrapper > .submenu .submenu-column-headline:not(:first-child) {
   margin-top: 5px;
}*/
.site-header .submenu-wrapper > .submenu ul {
   margin: 0;
   padding: 0px;
   list-style-type: none;
}
.site-header .submenu-wrapper > .submenu ul li a {
   color: #000;
   line-height: 1.2em;
}
.site-header .submenu-wrapper > .submenu ul li a:hover {
   color: var(--color-main);
}
@media (max-width: 1024px) {
   .site-header.desktop {
      display: none;
   }
   .site-header.mobile {
      display: flex;
   }
   .admin-bar #wpadminbar {
      display: none !important;
   }
/*   .site-wrapper {
      margin-top: 81px;
   }*/
   .site-header {
      padding: 15px 0;
/*      position: fixed;
      top: 0px;
      right: 0px;
      left: 0px;*/
      /*padding: 15px;*/
      height: 50px;
      display: -ms-flexbox;
      display: flex;
      justify-content: space-between;
      align-items: center;
      z-index: 999;
      background: #fff;
   }
   .site-header .open-mobile-menu {
      display: block;
      width: 20px;
      height: 25px;
      line-height: 25px;
      text-align: center;
      position: absolute;
      left: 15px;
   }
   .site-header .open-mobile-menu span {
      position: absolute;
      height: 2px;
      width: 20px;
      background: #333;
      opacity: 1;
      left: 50%;
      margin-left: -10px;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: .25s ease-in-out;
      -moz-transition: .25s ease-in-out;
      -o-transition: .25s ease-in-out;
      transition: .25s ease-in-out;
   }
   .site-header .open-mobile-menu span:nth-child(1) {
      top: 5px;
   }
   .site-header .open-mobile-menu span:nth-child(2),
   .site-header .open-mobile-menu span:nth-child(3) {
      top: 11px;
   }
   .site-header .open-mobile-menu span:nth-child(4) {
      top: 17px;
   }
   .site-header .open-mobile-menu.open span:nth-child(1) {
      top: 9px;
      width: 0%;
      left: 50%;
   }
   .site-header .open-mobile-menu.open span:nth-child(2) {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
   }
   .site-header .open-mobile-menu.open span:nth-child(3) {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
   }
   .site-header .open-mobile-menu.open span:nth-child(4) {
      top: 9px;
      width: 0%;
      left: 50%;
   }
   .site-header .site-logo {
      margin: 0 auto;
   }
   .site-header .main-menu,
   .site-header .site-search {
      display: none;
   }
}

/* MOBILE MENU */
.mobile-menu {
   position: relative;
   background: #fff;
   padding: 0px 15px 0px;
   /*overflow: hidden;*/
   display: none;
   /*border-bottom: 2px solid #f2f2f2;*/
   
   position: fixed;
   top: 81px;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 99999;
}
.mobile-menu.open {
   display: block;
}
.mobile-menu ul {
   list-style-type: none;
}
.mobile-menu li {
   font-size: 15px;
   font-weight: 600;
   line-height: 20px;
   /*height: 50px;*/
   border-bottom: 1px solid #f2f2f2;
   position: relative;
   overflow: hidden;
   background: #fff;
   margin-bottom: 0px;
}
.mobile-menu .mobile-main-items > li:last-child {
   border-bottom: 0px;
}
.mobile-menu .mobile-main-items > li.site-search {
   margin-top: 15px;
}
.mobile-menu li a {
   display: block;
   cursor: pointer;
   padding: 15px 51px 15px 0;
   /*padding-right: 51px;*/
   font-weight: 400;
   color: #000;
}
.mobile-menu li a .fas {
   position: absolute;
   right: 10px;
   top: 50%;
   margin-top: calc(13px / 2 * -1);
   /*top: calc(50px / 2 - 13px / 2);*/
   font-size: 12px;
}
/*.mobile-submenus {
   margin-top: 5px;
}*/
.mobile-submenus > ul {
   position: relative;
   background: #fff;
   z-index: 1000;
   width: 100%;
}
.mobile-submenus.ready > ul {
   position: absolute;
   top: 0px;
   right: 30px;
   bottom: 30px;
   left: 0px;
   padding: 0;
   
   bottom: 0px;
   margin-bottom: 0px;
}
.mobile-submenus {
   overflow: hidden;
   position: relative;
   background: #fff;
   height: auto;
   
   height: 100%;
}
.mobile-submenus > ul {
   width: 100%;
}
.mobile-submenus > ul.mobile-main-items > li.has-submenu > a > span,
.mobile-submenus > ul.mobile-sub-items > li.has-submenu > a > span {
   display: block;
   position: absolute;
   top: 0px;
   right: 0px;
   bottom: 0px;
   width: 50px;
   border-left: 1px solid #f2f2f2;
}
.mobile-submenus > ul.mobile-main-items > li.has-submenu > a > span .fas,
.mobile-submenus > ul.mobile-sub-items > li.has-submenu > a > span .fas {
   right: 50%;
   margin-right: calc(7.5px / 2 * -1);
}
.mobile-menu li a svg {
   height: 30px;
   position: absolute;
   right: 10px;
   top: 50%;
   margin-top: calc(30px / 2 * -1);
}
.mobile-menu li a svg .cls-1 {
   fill:none;
   stroke:#000;
   stroke-linecap:round;
   stroke-linejoin:round;
   stroke-width:2px;
   /*stroke: var(--color-main);*/
}
.mobile-submenus > ul.mobile-sub-items {
   transition: all .3s!important;
   transform: translateX(120%);
   overflow-y: auto;
   overflow-x: hidden;
}
.mobile-submenus > ul.mobile-sub-items.show {
   transform: translateX(0);
}
.mobile-submenus > ul.mobile-sub-items > .level-up {
   color: #999;
   padding: 15px 0;
   display: flex;
   justify-content: space-between;
}
.mobile-submenus > ul.mobile-sub-items > .level-up .submenu-name {
   color: var(--color-main);
}
.mobile-menu .mobile-menu-search-form {
   background: #fff;
   position: relative;
}
.mobile-menu .mobile-menu-search-form input[type=text] {
   font-family: 'Playfair Display', serif;
   font-size: 18px;
   display: block;
   width: 100%;
   padding: 0px;
   border: 0;
   height: 50px;
   line-height: 50px;
   border-bottom: 1px solid #48535c;
   -webkit-appearance: none;
   border-radius: 0;
}
.mobile-menu .mobile-menu-search-form button {
   position: absolute;
   right: 3px;
   top: 13px;
   color: #977851;
   font-size: 18px;
   -webkit-appearance: none;
   padding: 0;
   border: 0;
   background: transparent;
}
.mobile-menu .mobile-menu-footer {
   /*position: absolute;*/
   /*bottom: 10px;*/
/*   left: 30px;
   right: 30px;*/
   max-width: 200px;
   margin: 0 auto;
   z-index: 999999;
   text-align: center;
   line-height: 2em;
   font-size: 13px;
   padding-top: 30px;
}
.mobile-menu .mobile-menu-footer .logo {
   max-width: 100px;
   display: block;
   margin: 0 auto 10px;
}
.mobile-menu .mobile-menu-footer .fas {
   color: #977851;
}
.mobile-menu .social-links {
   display: -ms-flexbox;
   display: flex;
   justify-content: space-around;
   font-size: 20px;
   padding-top: 5px;
}

/* HERO SECTION BLOCK */
.hero-section {
   padding: 115px 0 100px;
}
.hero-section .content-wrapper {
   flex-direction: column;
}
.hero-section .tagline {
   color: var(--color-main);
   letter-spacing: 1px;
   font-size: 16px;
   text-transform: uppercase;
   margin-bottom: 10px;
}
.hero-section h1 {
   font-size: 44px;
   font-weight: 500;
   line-height: 1.4;
}
.hero-section .hero-body {
   color: #000;
   font-size: 18px;
   line-height: 1.6;
   max-width: 540px;
}
@media (max-width: 1024px) {
   .hero-section {
      padding: 40px 15px 80px;
   }
   .hero-section .content-wrapper {
      padding: 0px 10px;
      width: calc(100% - 20px);
   }
   .hero-section .tagline {
      font-size: 14px;
   }
   .hero-section h1 {
      font-size: 26px;
   }
}
@media (max-width: 767px) {
   .hero-section h1 {
      font-size: 28px;
   }
}

/* PARTNERS SECTION BLOCK */
.partner-section {
   padding: 40px 0 25px;
   color: #000;
   font-size: 16px;
}
.partner-section .content-wrapper {
   flex-direction: column;
   align-items: center;
}
.partner-section .headline {
   font-family: "Merriweather", Sans-serif;
   font-size: 20px;
   font-weight: 700;
   line-height: 1.4;
   letter-spacing: 1.2px;
   text-transform: uppercase;
   color: #242424;
   margin-bottom: 10px;
}
.partner-section .partner-logos {
   padding: 0;
   margin: 0;
}
@media (max-width: 1024px) {
   .partner-section .content-wrapper {
      text-align: center;
   }
   .partner-section .partner-logos {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
   }
   .partner-section .partner-logos img {
      width: 25%;
      min-width: 140px;
      height: auto;
   }
}
@media (max-width: 600px) {
   .partner-section .partner-logos {
      max-width: 300px;
   }
}

/* Home blue explainer row */
.home-explainer .wp-block-column h2 {
   font-weight: normal;
   line-height: 1.2;
}
@media (max-width: 1024px) {
   .home-explainer.wp-block-columns {
      flex-direction: column;
      gap: 0px;
      align-items: center !important;
   }
   .home-explainer .wp-block-column,
   .home-explainer .wp-block-column.is-vertically-aligned-center {
      width: calc(100% - 90px);
      padding: 15px 45px;
   }
   .home-explainer .wp-block-column h2 {
      font-size: 30px !important;
   }
}

/* CTA Mosaic blocks */
.cta-mosaic-section .content-wrapper {
   padding: 20px 0;
   justify-content: space-between;
   align-items: stretch;
}
.mosaic-column {
   display: flex;
   flex-direction: column;
   width: calc(50% - 10px);
}
.mosaic-box {
   position: relative;
   overflow: hidden;
}
.mosaic-box.height-half {
   height: calc(50% - 10px);
}
.mosaic-box > img {
   width: auto;
   /*height: 100%;*/
   transform: scale(1.09);
   transition: transform 0.5s cubic-bezier(0, 0, 0.44, 1.18);
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.mosaic-box:hover > img {
   transform: none;
}
.mosaic-box .text-wrapper {
   position: absolute;
   z-index: 2;
   padding: 7%;
   top: 0px;
   right: 0px;
   bottom: 0px;
   left: 0px;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
}
.cta-mosaic-section .mosaic-column .mosaic-box .text-wrapper.dark-bg {
   background-color: rgba(0,0,0,0.3);
   transition: background-color 0.5s cubic-bezier(0, 0, 0.44, 1.18);
}
.cta-mosaic-section .mosaic-column .mosaic-box .text-wrapper.light-bg {
   background-color: rgba(255,255,255,0.3);
   transition: background-color 0.5s cubic-bezier(0, 0, 0.44, 1.18);
}
.cta-mosaic-section .mosaic-box .text-wrapper.bottom-right {
   text-align: right;
   align-items: flex-end;
   justify-content: flex-end;
}
.cta-mosaic-section .mosaic-box .text-wrapper.bottom-left {
   justify-content: flex-end;
}
.cta-mosaic-section .mosaic-box .text-wrapper.center-center {
   text-align: center;
   align-items: center;
   justify-content: center;
}
.cta-mosaic-section .mosaic-box .text-wrapper.center-left {
   justify-content: center;
}
.mosaic-box .text-wrapper .tagline {
   color: #fff;
   font-size: 16px;
   font-weight: 600;
   line-height: 1.6;
}
.four-plus-three .content-wrapper:nth-child(2) .mosaic-box:nth-child(2) .text-wrapper .tagline {
   color: var(--color-main);;   
}
.two-plus-two.version-2 .mosaic-column:first-child .mosaic-box:nth-child(2) .text-wrapper .tagline {
   color: #333;
}
.mosaic-box .text-wrapper .headline {
   font-family: "Merriweather", Sans-serif;
   font-size: 38px;
   font-weight: 400;
   color: #333;
   color: #fff;
   line-height: 1.3;
   margin-top: 7px;
   max-width: 330px;
}
.four-plus-three .content-wrapper:nth-child(2) .mosaic-box:nth-child(2) .text-wrapper .headline,
.two-plus-two.version-2 .mosaic-column:first-child .mosaic-box:nth-child(2) .text-wrapper .headline {
   color: #333;   
}
.one-plus-three .mosaic-column:first-child .mosaic-box-btn, 
.one-plus-three .mosaic-column:nth-child(2) .mosaic-box:first-child .mosaic-box-btn {
   color: #fff;
   border-color: rgba(255,255,255,0.3);
}
.one-plus-three .mosaic-column:first-child .mosaic-box:hover .mosaic-box-btn,
.one-plus-three .mosaic-column:nth-child(2) .mosaic-box:first-child:hover .mosaic-box-btn {
   border-color: #fff;
   color: #fff;
   opacity: 1;
}
.mosaic-box .text-wrapper .mosaic-box-btn {
   color: #333;
   border-bottom: 2px solid var(--color-main);
   font-size: 14px;
   font-weight: 600;
   line-height: 1.2;
   margin-top: 15px;
   transition: color .25s ease, background-color .25s ease, border-color .25s ease, box-shadow .25s ease, opacity .25s ease;
}
.mosaic-box:hover .text-wrapper:not(.white) .mosaic-box-btn {
   color: #333;
   opacity: 0.6;
   border-color: var(--color-main);
}
.mosaic-box .text-wrapper.white .mosaic-box-btn {
   color: #fff;
   border-color: rgba(255,255,255,0.3);
}
.mosaic-box:hover .text-wrapper.white .mosaic-box-btn {
   border-color: #fff;
}
.cta-mosaic-section.one-plus-three .mosaic-column:last-child {
   flex-direction: row;
   flex-wrap: wrap;
   align-content: space-between;
   justify-content: space-between;
}
/*.cta-mosaic-section.one-plus-three .mosaic-column:last-child .mosaic-box:nth-child(2) {
   width: calc((100% * 3/5) - 10px);
}*/
/*.cta-mosaic-section.one-plus-three .mosaic-column:last-child .mosaic-box:nth-child(3) {
   width: calc((100% * 2/5) - 10px);
}*/
.cta-mosaic-section.one-plus-three .mosaic-column:last-child .mosaic-box:first-child .headline {
   font-size: 28px;
   max-width: 240px;
}
.cta-mosaic-section.one-plus-three .mosaic-column:last-child .mosaic-box:nth-child(2) .headline {
   font-size: 26px;
   max-width: 140px;
}
.cta-mosaic-section.two-plus-two {
   background-color: #F9F9F9;
}
.cta-mosaic-section .content-wrapper.headline {
   justify-content: center;
   padding: 105px 0 45px;
   position: relative;
}
.cta-mosaic-section .content-wrapper.headline .watermark {
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 210px;
   font-family: "Merriweather", Sans-serif;
   color: #F1F1F1;
   font-weight: 700;
   position: absolute;
   z-index: 1;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}
.cta-mosaic-section .content-wrapper.headline h2 {
   margin: 0;
   text-align: center;
   font-family: "Merriweather", Sans-serif;
   font-size: 42px;
   font-weight: 500;
   line-height: 52px;
   max-width: 720px;
   position: relative;
   z-index: 2;
}
.cta-mosaic-section .content-wrapper.headline h2 em {
   font-style: normal;
   color: var(--color-main);
}
.cta-mosaic-section.two-plus-two .mosaic-column {
   width: 100%;
}
.cta-mosaic-section.two-plus-two .mosaic-column:first-child {
   width: calc(41.66666667% - 10px);
   max-width: 485px;
}
.cta-mosaic-section.two-plus-two .mosaic-column:last-child {
   width: calc(58.333% - 10px);
   max-width: 685px;
}
.cta-mosaic-section.two-plus-two .mosaic-column .mosaic-box:first-child {
   margin-bottom: 20px;
}
.cta-mosaic-section.two-plus-two .mosaic-column .mosaic-box > img,
.cta-mosaic-section.four-plus-three .mosaic-column .mosaic-box > img {
   width: 100%;
}
.cta-mosaic-section.two-plus-two .mosaic-column .mosaic-box .headline {
   font-size: 28px;
}
.cta-mosaic-section.two-plus-two .mosaic-column:first-child .mosaic-box:first-child .headline {
   max-width: none;
}
.cta-mosaic-section.two-plus-two .mosaic-column:first-child .mosaic-box:last-child .headline {
   max-width: 297px;
}
.cta-mosaic-section.two-plus-two .mosaic-column:last-child .mosaic-box:first-child .headline {
   max-width: 401px;
}
.cta-mosaic-section.two-plus-two .mosaic-column:last-child .mosaic-box:last-child .headline {
   max-width: 392px;
}
.cta-mosaic-section .mosaic-box .text-wrapper.white .tagline,
.cta-mosaic-section .mosaic-box .text-wrapper.white .headline {
   color: #fff;
}
.cta-mosaic-section.two-plus-two .mosaic-box .mosaic-box-btn,
.cta-mosaic-section.four-plus-three .mosaic-box-btn.green,
.cta-mosaic-section.one-plus-three .mosaic-box-btn.green {
   color: #fff;
   border: 2px solid rgba(255,255,255,0.5);
   padding: 9px 14px;
   font-size: 12px;
}
.cta-mosaic-section.two-plus-two .mosaic-box-btn.green,
.cta-mosaic-section.four-plus-three .mosaic-box-btn.green,
.cta-mosaic-section.one-plus-three .mosaic-box-btn.green {
   background-color:var(--color-main);
   border: 0px;
   padding: 11px 14px;
}
.cta-mosaic-section.two-plus-two .mosaic-box > img,
.cta-mosaic-section.four-plus-three .mosaic-box > img {
   transform: none;
}
.cta-mosaic-section.two-plus-two .mosaic-box:hover > img,
.cta-mosaic-section.four-plus-three .mosaic-box:hover > img {
   transform: scale(1.09);
}
.cta-mosaic-section.two-plus-two .mosaic-box:hover .mosaic-box-btn:not(.green) {
   border-color: #fff;
}
.cta-mosaic-section.two-plus-two .mosaic-box:hover .mosaic-box-btn.green,
.cta-mosaic-section.four-plus-three .mosaic-box:hover .mosaic-box-btn.green,
.cta-mosaic-section.one-plus-three .mosaic-box:hover .mosaic-box-btn.green {
   box-shadow: inset 0 0 200px rgba(0,0,0,0.1);
   color: #fff;
   opacity: 1;
}
.cta-mosaic-section.four-plus-three .content-wrapper:last-child {
   padding-top: 0px;
}
.cta-mosaic-section.four-plus-three .mosaic-column {
   width: calc(50% - 10px);
}
.cta-mosaic-section.four-plus-three .mosaic-column:first-child {
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-between;
}
.cta-mosaic-section.four-plus-three .mosaic-column .mosaic-box:first-child:not(:last-child) {
   margin-bottom: 20px;
}
/*.cta-mosaic-section.four-plus-three .mosaic-column:first-child .mosaic-box:nth-child(2) {
   width: calc((100% * 3/5) - 10px);
}
.cta-mosaic-section.four-plus-three .mosaic-column:first-child .mosaic-box:nth-child(3) {
   width: calc((100% * 2/5) - 10px);
}*/
.cta-mosaic-section.four-plus-three .content-wrapper:not(:last-child) .mosaic-column:first-child .mosaic-box .text-wrapper,
.cta-mosaic-section.four-plus-three .content-wrapper:last-child .mosaic-column:last-child .mosaic-box .text-wrapper,
.cta-mosaic-section.two-plus-two.version-2 .mosaic-column .mosaic-box .text-wrapper {
   padding: 30px;
}
.cta-mosaic-section.four-plus-three .mosaic-column:first-child .mosaic-box:first-child .headline {
   font-size: 28px;
   max-width: 240px;
}
.cta-mosaic-section.four-plus-three .mosaic-column:first-child .mosaic-box:nth-child(2) .headline {
   font-size: 26px;
   max-width: 240px;
}
.cta-mosaic-section.four-plus-three .mosaic-column:last-child .mosaic-box:first-child .headline {
   max-width: 330px;
}
.cta-mosaic-section.four-plus-three .content-wrapper:not(:last-child) .mosaic-column:last-child .mosaic-box {
   height: 100%;
}
.cta-mosaic-section.four-plus-three .content-wrapper:last-child .mosaic-column:first-child .mosaic-box .headline {
   font-size: 38px;
   max-width: 340px;
}
.cta-mosaic-section.four-plus-three .content-wrapper:last-child .mosaic-column:last-child {
   justify-content: space-between;
}
.cta-mosaic-section.four-plus-three .content-wrapper:last-child .mosaic-column:last-child .headline {
   font-size: 28px;
   max-width: 270px;
}
.cta-mosaic-section.two-plus-two.version-2 .mosaic-column:first-child .mosaic-box:first-child .text-wrapper .headline {
   max-width: 480px;
}
.cta-mosaic-section.two-plus-two.version-2 .mosaic-column:first-child .mosaic-box:last-child .text-wrapper .headline {
   max-width: 63%;
}
.cta-mosaic-section.two-plus-two .mosaic-column:first-child .mosaic-box {
   max-height: 380px;
}
.cta-mosaic-section.two-plus-two .mosaic-column:nth-child(2) .mosaic-box:first-child {
   max-height: 440px;
}
.cta-mosaic-section.two-plus-two .mosaic-column:nth-child(2) .mosaic-box:last-child {
   max-height: 320px;
}

@media (max-width: 1024px) {
   .mosaic-column {
      width: 100%;
      gap: 20px;
   }
   .mosaic-box {
      width: 100%;
   }
   .mosaic-box.height-half {
      height: auto;
   }
   .mosaic-box > img {
      width: 100%;
      height: 100%;
   }
   .mosaic-box .text-wrapper .tagline {
      font-size: 14px;
   }
   .mosaic-box .text-wrapper .headline {
      font-size: 42px;
   }
   .cta-mosaic-section .content-wrapper {
      flex-direction: column;
      gap: 20px;
   }
   .cta-mosaic-section.one-plus-three .mosaic-column:last-child .mosaic-box:nth-child(2) .headline {
      font-size: 22px;
   }
   .cta-mosaic-section .content-wrapper.headline {
      align-items: center;
   }
   .cta-mosaic-section.two-plus-two .mosaic-column:first-child {
      order: 10;
   }
   .cta-mosaic-section.two-plus-two .mosaic-column:last-child {
      order: 9;
   }
   .cta-mosaic-section.two-plus-two .mosaic-column:first-child,
   .cta-mosaic-section.two-plus-two .mosaic-column:last-child,
   .cta-mosaic-section.four-plus-three .mosaic-column:first-child,
   .cta-mosaic-section.four-plus-three .mosaic-column:last-child {
      width: 100%;
      max-width: none;
   }
   .cta-mosaic-section.two-plus-two .mosaic-column .mosaic-box:first-child,
   .cta-mosaic-section.four-plus-three .mosaic-column .mosaic-box:first-child:not(:last-child) {
      margin: 0;
   }
   .cta-mosaic-section .content-wrapper.headline h2 {
      font-size: 32px;
      max-width: 77%;
   }
   .cta-mosaic-section.two-plus-two .mosaic-column .mosaic-box > img {
      display: block;
   }
   .cta-mosaic-section.two-plus-two .mosaic-column .mosaic-box .headline {
      font-size: 30px;
   }
   .cta-mosaic-section.four-plus-three .mosaic-column:first-child .mosaic-box:nth-child(2) .headline {
      font-size: 22px;
   }
}
@media (max-width: 767px) {
   .mosaic-box .text-wrapper .headline {
      font-size: 26px;
   }
   .cta-mosaic-section.one-plus-three .mosaic-column:last-child .mosaic-box:nth-child(2),
   .cta-mosaic-section.four-plus-three .mosaic-column:first-child .mosaic-box:nth-child(2) {
      width: 100%;
   }
   .cta-mosaic-section.one-plus-three .mosaic-column:last-child .mosaic-box:nth-child(3),
   .cta-mosaic-section.four-plus-three .mosaic-column:first-child .mosaic-box:nth-child(3) {
      display: none;
   }
   .cta-mosaic-section.one-plus-three .mosaic-column:last-child .mosaic-box:first-child .headline {
      font-size: 18px;
   }
   .cta-mosaic-section.one-plus-three .mosaic-column:last-child .mosaic-box:nth-child(2) .headline,
   .cta-mosaic-section.four-plus-three .mosaic-column:first-child .mosaic-box:nth-child(2) .headline,
   .cta-mosaic-section.four-plus-three .mosaic-column:first-child .mosaic-box:first-child .headline,
   .four-plus-three .content-wrapper:nth-child(3) .mosaic-column:nth-child(2) .mosaic-box .text-wrapper .headline {
      font-size: 5vw;
      max-width: 100%;
   }
   .cta-mosaic-section.two-plus-two .content-wrapper.headline .watermark {
      font-size: 141px;
   }
   .cta-mosaic-section.two-plus-two h2 {
      font-size: 24px;
      line-height: 34px;
      max-width: 100%;
   }
   .cta-mosaic-section.two-plus-two .mosaic-box .text-wrapper .tagline {
      font-size: 16px;
   }
   .cta-mosaic-section.two-plus-two .mosaic-column .mosaic-box .headline {
      font-size: 22px;
   }
/*   .cta-mosaic-section.two-plus-two .mosaic-column .mosaic-box .mosaic-box-btn {
      display: none;
   }*/
   .cta-mosaic-section.four-plus-three .content-wrapper:last-child .mosaic-column:first-child .mosaic-box .headline,
   .cta-mosaic-section.four-plus-three .content-wrapper:last-child .mosaic-column:last-child .headline {
      font-size: 18px;
   }
   .cta-mosaic-section.four-plus-three .content-wrapper:last-child .mosaic-column:first-child .mosaic-box .headline {
      font-size: 26px;
   }
   .mosaic-box .text-wrapper .mosaic-box-btn {
      margin-top: 10px;
   }
   .mosaic-box .text-wrapper,
   .cta-mosaic-section.four-plus-three .content-wrapper:not(:last-child) .mosaic-column:first-child .mosaic-box .text-wrapper,
   .cta-mosaic-section.four-plus-three .content-wrapper:last-child .mosaic-column:last-child .mosaic-box .text-wrapper,
   .cta-mosaic-section.two-plus-two.version-2 .mosaic-column .mosaic-box .text-wrapper {
      padding: 4%;
   }
   .cta-mosaic-section.two-plus-two .mosaic-column:last-child .mosaic-box:last-child .headline {
      font-size: 20px;
   }
}

/* SITE FOOTER */
.site-footer {
   background-color: #F7F7F7;
   margin: 10px 0px 0px 0px;
   padding: 55px 10px 0px 10px;
   font-size: 16px;
   font-weight: 300;
   line-height: 1.6;
}
.site-footer .content-wrapper {
   flex-wrap: wrap;
   justify-content: space-between;
}
.site-footer .column {
   width: 30%;
}
.site-footer .column .headline {
   font-family: "Merriweather", Sans-serif;
   font-size: 18px;
   font-weight: 400;
   margin-bottom: 20px;
   color: #242424;
   display: block;
}
.site-footer .column ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
}
.site-footer .column ul li {
   line-height: 1.8em;
}
.site-footer .column ul li a {
   font-size: 18px;
   text-decoration: none;
}
.site-footer .column address {
   margin-bottom: 20px;
   font-style: normal;
}
.site-footer .column .disclaimer {
   font-size: 14px;
}
/*.site-footer .column a {
   color: #777777;
}*/
.site-footer .column a:hover {
   color: #4E4E4E;
}
.site-footer .copyright-line {
   margin-top: 50px;
   padding-top: 30px;
   padding-bottom: 30px;
   border-top: 1px solid rgba(16, 16, 16, 0.05);
   display: flex;
   width: 100%;
   justify-content: space-between;
   align-items: center;
   font-size: 12px;
}
@media (max-width: 767px) {
   .site-footer .content-wrapper {
      flex-direction: column;
      align-items: center;
   }
   .site-footer .column {
      width: 100%;
      max-width: 360px;
      text-align: center;
   }
   .site-footer .column:not(:last-of-type) {
      margin-bottom: 20px;
   }
   .site-footer .column .headline {
      margin-bottom: 10px;
   }
}
@media (max-width: 600px) {
   .site-footer .copyright-line {
      flex-direction: column;
      text-align: center;
   }
}

/* TOC */
.hl_toc {
   padding: 15px;
   background-color: #f7f7f7;
   border: 1px solid #aaa;
   margin-bottom: 20px;
}
.hl_toc_title {
   font-weight: bold;
   color: #000;
   font-size: 16px;
   display: flex;
   align-items: center;
   cursor: pointer;
   margin-bottom: 0px !important;
}
.hl_toc_title:after {
   content: "[Vis]";
   color: var(--color-main);
   font-size: 14px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   margin-left: 5px;
}
.hl_toc > input:checked + .hl_toc_title:after {
   content: "[Skjul]";
}
.hl_toc > input {
   display: none;
}
.hl_toc_list {
   list-style-type: none;
   padding-left: 0px;
   margin-top: 20px;
   margin-bottom: 0px;
   display: none;
   line-height: 1.6em;
}
.hl_toc >  #toc_toggle:checked + .hl_toc_title + .hl_toc_list {
   display: block;
}
.hl_toc_list li,
.hl_toc_list li a {
   color: var(--color-main);
   text-decoration: none;
}
.hl_toc_list .toc-sublist {
   margin-left: 15px;
   margin-top: 10px;
   margin-bottom: 0px;
}

/* Featured products */
.hl-featured-prods {
   display: flex;
   list-style-type: none;
   align-items: stretch;
   padding-left: 0px;
   margin: 35px -15px 0;
   margin: 35px 0px;
   gap: 2%;
}
.hl-featured-prods > li {
   position: relative;
   text-align: center;
   flex: 0 0 33.333333%;
   max-width: calc(33.333333% - 30px);
   padding: 0 15px;
   padding: 0;
   margin-bottom: 0px;
   display: flex;
   align-items: stretch;
   border: 1px solid var(--color-main);
}
.hl-featured-prods > li.affordable {
   border-color: #FFDB3E;
}
.hl-featured-prods > li.has-text {
   flex: 0 0 49%;
   max-width: 49%;
}
.hl-featured-prods > li:before {
   display: flex;
   position: absolute;
   content: "Vores anbefaling";
   padding: 0px 5px;
   top: -20px;
   left: 25px;
   right: 25px;
   z-index: 999;
   border-radius: 2px;
   background-color: var(--color-main);
   height: 40px;
   line-height: 30px;
   color: #fff;
   font-size: 18px;
   justify-content: center;
   align-items: center;
}
.hl-featured-prods > li.has-text:before {
   width: 345px;
   right: auto;
   left: 50%;
   margin-left: calc(345px / -2);
}
.hl-featured-prods > li.affordable:before {
   content: "Prisvenligt valg";
   background-color: #FFDB3E !important;
   color: #000 !important;
}
.hl-featured-prods > li a {
   color: #242424;
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 9% 10px 6%;
   width: 100%;
}
.hl-featured-prods > li a:hover {
   text-decoration: none;
}
.hl-featured-prods > li.has-text a {
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   gap: 2%;
}
.hl-featured-prods > li a .product-image {
   height: 300px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.hl-featured-prods > li a .product-image img {
   height: 100%;
   width: auto;
   max-height: 300px;
   max-width: 100%;
   display: block;
}
.hl-featured-prods > li.has-text a .product-image {
   display: flex;
   justify-content: space-between;
}
.hl-featured-prods > li.has-text a .product-image {
   flex-basis: 65%;
}
.hl-featured-prods > li.has-text a .product-name-text {
   flex-basis: 33%;
   text-align: left;
   line-height: 1.3em;
   font-size: 16px;
}
.hl-featured-prods > li.has-text a .product-name {
   height: auto;
   font-weight: 600;
}
.hl-featured-prods > li a .product-name {
   display: block;
   height: 40px;
   overflow: hidden;
   font-size: 16px;
   font-weight: 400;
   line-height: 1.2em;
   margin-bottom: 10px;
   max-width: 355px;
}
.hl-featured-prods > li a .product-price {
   font-size: 18px;
   padding: 10px;
   line-height: 1.2em;
   background-color: var(--color-main);
   color: #fff !important;
   width: calc(100% - 20px);
   max-width: 335px;
   /*opacity: 0.8;*/
   display: flex;
   justify-content: center;
   align-items: center; 
}
.hl-featured-prods > li.has-text a  .product-price {
   margin-top: 30px;
}
.hl-featured-prods > li.affordable a .product-price {
   background-color: #FFDB3E;
   color: #000 !important;
}
.hl-featured-prods > li a:hover .product-price {
   background-color: var(--color-main-hover);
}
.hl-featured-prods > li.affordable a:hover .product-price {
   background-color: #f6d33c;
}
.hl-featured-prods li .product-regular-price {
   font-size: 12px;
}
.hl-featured-prods li .product-discount-percentage,
.shop-content-area .hl-products .product .product-loop-thumbnail .product-label.onsale {
   position: absolute;
   z-index: 1;
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: var(--color-main);
   color: #fff;
   height: 50px;
   width: 50px;
   border-radius: 50%;
   font-size: 14px;
   font-weight: 600;
   top: 30px;
   left: 25px;
   padding: 0;
}
.shop-content-area .hl-products .product .product-loop-thumbnail .product-label.onsale {
   top: 7px;
   left: 7px;
}
.hl-featured-prods li.affordable .product-discount-percentage {
   background-color: #FFDB3E !important;
   color: #000 !important;
}
@media (min-width: 769px) AND (max-width: 980px) {
   .hl-featured-prods > li.has-text a .product-image {
      flex-direction: column;
   }
   .hl-featured-prods > li.has-text a .product-image .dfr-external-image {
      width: 100%;
   }
   .hl-featured-prods > li.has-text a .product-image {
      height: auto;
   }
}
@media (max-width: 865px) {
   .hl-featured-prods > li a .product-image {
      height: 250px;
   }
   .hl-featured-prods > li.has-text:before {
      width: auto;
      right: 25px;
      left: 25px;
      margin-left: 0;
   }
}
@media (max-width: 980px) {
   .hl-featured-prods > li {
      flex: 0 0 49%;
      max-width: 49%;
   }
   .hl-featured-prods > li.has-text:before {
      width: auto;
      right: 25px;
      left: 25px;
      margin-left: auto;
   }
   .hl-featured-prods > li a {
      flex-wrap: wrap;
      flex-direction: column;
      padding: 35px 10px 10px;
   }
   .hl-featured-prods > li a .product-price {
      min-width: 140px;
      width: 100%;
      max-width: 230px;
   }
   .hl-featured-prods > li.has-text a {
      flex-direction: column;
      flex-wrap: nowrap;
      gap: 0;
   }
   .hl-featured-prods > li a > * {
      margin: 1% 0;
   }
   .hl-featured-prods > li a > *:first-child {
      margin: 1% 0;
   }
   .hl-featured-prods > li a > *:last-child {
      margin: 1% 0;
   }
   .hl-featured-prods > li a .product-image,
   .hl-featured-prods > li a .product-image img,
   .hl-featured-prods > li.has-text a .product-image {
      flex: 0 0 100%;
      height: 100%;
      max-height: 300px;
      align-items: stretch;
      justify-content: center;
   }
   .hl-featured-prods > li.has-text a .product-name-text {
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
   }
   .hl-featured-prods > li a .product-name,
   .hl-featured-prods > li.has-text a .product-name {
      width: 100%;
      height: 2.4em;
   }
   .hl-featured-prods li .product-discount-percentage {
      left: 25px;
      right: auto;
   }
}
@media (min-width: 641px) and (max-width: 980px) {
   .hl-featured-prods > li a .product-image,
   .hl-featured-prods > li.has-text a .product-image,
   .hl-featured-prods > li.has-text a .product-image .dfr-external-image,
   .hl-featured-prods > li a .product-image img {
      /*height: 300px;*/
      height: auto;
      max-height: 100%;
      flex: 0 0 auto;
      max-width: 100%;
   }
   .hl-featured-prods > li a .product-image .dfr-external-image,
   .hl-featured-prods > li.has-text a .product-image .dfr-external-image {
      height: 300px;
      display: flex;
      align-items: center;
      justify-content: center;
   }
   .hl-featured-prods > li a .product-image img {
      width: auto;
      /*max-height: 100%;*/
   }
}
@media (max-width: 640px) {
   .hl-featured-prods {
      flex-direction: column;
      align-items: center;
      gap: 30px;
   }
   .hl-featured-prods > li,
   .hl-featured-prods > li.has-text {
      flex: 0 0 100%;
      max-width: 320px;
      align-items: center;
      width: 100%;
      justify-content: center;
   }
   .hl-featured-prods > li.has-text a .product-name {
      height: 2.4em;
   }
   .hl-featured-prods li.has-text .featured-product-text {
      height: auto
   }
}

.hl-after-products-text {
   width: calc(100% - 40px);
   max-width: 1190px;
   margin: 0 auto;
   padding: 20px 0px 0;
   display: flex;
   flex-direction: column;
   margin-top: 30px;
   border-top: 1px solid rgba(129,129,129,0.2)
}

/* Product category pages header */
.page-header {
   padding: 120px 0;
   margin-bottom: 40px;
   text-align: center;
   position: relative;
   background-color: #0a0a0a;
   background-size: cover;
   /*background-position: center center;*/
   background-position: center -180px;
}
.page-header h1 {
   font-size: 78px;
   color: #fff;
   line-height: 1.2;
   margin-bottom: 0px;
   max-width: 1190px;
   margin: 0 auto;
   width: calc(100% - 30px);
}
@media (max-width: 1024px) {
   .page-header {
      padding: 80px 0;
   }
   .page-header h1 {
      font-size: 36px;
   }
}
@media (max-width: 767px) {
   .page-header {
      padding: 15px 0;
   }
}

/* Product lists */
.shop-loop-head .woocommerce-result-count {
   display: block;
   margin: 0;
}

.term-description hr,
.hl-after-products-text hr {
   width: 100%;
   opacity: 1;
   border: 0;
   border-bottom: 1px solid rgba(129,129,129,0.2);
}

.content-with-products .term-description {
   border-bottom: 1px solid rgba(129,129,129,0.2);
   margin-bottom: 25px;
}
.shop-loop-head {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 20px;
   max-width: 100%;
   width: 100%;
}
.shop-content-area .hl-products {
   display: flex;
   flex-wrap: wrap;
   padding: 0px;
   margin: 0px -15px 20px;
}
.shop-content-area .hl-products .product {
   display: flex;
   align-items: stretch;
   flex-direction: column;
   position: relative;
   flex: 0 0 calc(33.333333% - 30px);
   margin-bottom: 30px;
   padding-right: 15px;
   padding-left: 15px;
   list-style-type: none;
   text-align: center;
}
.shop-content-area .hl-products .product > a {
   height: 100%;
   text-decoration: none;
}
.shop-content-area .hl-products .product .product-loop-thumbnail {
   position: relative;
   margin-bottom: 10px;
   height: 85%;
   max-height: 300px;
   display: flex;
   justify-content: center;
   align-items: center;
}
.shop-content-area .hl-products .product .product-loop-thumbnail .dfr-external-image {
   height: 300px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.shop-content-area .hl-products .product .product-loop-thumbnail img {
   max-height: 300px;
   max-width: 300px;
   height: auto;
}
.shop-content-area .hl-products .product .wd-entities-title,
.shop-content-area .hl-products .product .wd-entities-title a {
   font-size: 14px;
/*   color: rgb(51,51,51);*/
   line-height: 1.4;
   margin-bottom: 5px;
   max-height: 2.8em;
   overflow: hidden;
}
.shop-content-area .hl-products .product .price {
   font-family: Lato, Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: 600;
   color: var(--color-main);
}
.shop-content-area .hl-products .product .price del {
   color: #bbb;
   font-size: 90%;
}
.shop-content-area .hl-products .product .button {
   display: flex;
   height: 38px;
   border-radius: 0px;
   font-size: 13px;
   font-weight: 600;
   color: #fff;
   position: absolute;
   right: 0;
   bottom: 0;
   left: 0;
   /*opacity: .8;*/
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   z-index: 3;
   background-color: var(--color-main);
   padding: 0;
   justify-content: center;
   align-items: center;
   transition: transform .25s ease, opacity .15s ease;
   text-transform: uppercase;
}
.shop-content-area .hl-products .product:hover .button {
   /*opacity: 1;*/
   background-color: var(--color-main-hover);
}
.woocommerce .woocommerce-ordering select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   width: 100%;
   height: auto;
   border-radius: 0;
   background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNiYmIiPjxwYXRoIGQ9Ik02IDlsNiA2IDYtNiIvPjwvc3ZnPg==);
   background-size: auto 18px;
   background-repeat: no-repeat;
   background-color: unset;
   background-position: right 0 top 50%;
   color: #242424;
   font-weight: 600;
   font-size: inherit;
   line-height: 1.2;
/*   padding-inline-start: 2px;
   padding-inline-end: 20px;*/
   padding: 0 2px;
   border: 1px solid rgba(0,0,0,0.1);
   vertical-align: middle;
   transition: border-color .5s ease;
   border-top-style: none;
   border-right-style: none;
   border-left-style: none;
   max-width: 200px;
}
.woocommerce .woocommerce-ordering select:focus {
   border-color: var(--color-main);
   outline: none;
}
.woocommerce .woocommerce-ordering select:focus-visible {
   outline: none;
}
ul.hl-products + .lmp_load_more_button,
.lmp_load_more_button,
.hl-lmp-btn-wrapper {
   display: flex;
   justify-content: center;
}
ul.hl-products + .lmp_load_more_button > a,
.lmp_load_more_button .lmp_button,
.hl-lmp-btn-wrapper .hl-lmp-btn {
   display: flex !important;
   align-items: center;
   justify-content: center;
   min-height: 44px;
   font-weight: 600;
}
ul.hl-products + .lmp_load_more_button > a:hover,
.hl-lmp-btn-wrapper .hl-lmp-btn:hover {
   border: 2px solid #cccccc;
}
.hl-lmp-btn {
   margin: 0 auto 20px;
   font-size: 13px;
   color: #333333;
   background-color: #ffffff;
   padding-top: 5px;
   padding-right: 25px;
   padding-bottom: 5px;
   padding-left: 25px;
   border-top: 2px solid #e4e4e4;
   border-bottom: 2px solid #e4e4e4;
   border-left: 2px solid #e4e4e4;
   border-right: 2px solid #e4e4e4;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-left-radius: 0px;
   border-bottom-right-radius: 0px;
   line-height: 1em;
   box-sizing: border-box;
   cursor: pointer;
}
.hl-products_loading .fa-spinner img {
   max-width: 100%;
   max-height: 100%;
}
.hl-products_loading {
   text-align: center;
   display: none;
}
.hl-products_loading .fa-spinner {
   display: inline-block;
   text-align: center;
   vertical-align: middle;
   -webkit-animation:spin 2s linear infinite;
   -moz-animation:spin 2s linear infinite;
   animation:spin 2s linear infinite;
   width: 56px;
   height: 56px;
   font-size: 28px;
   line-height: 56px;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
@media (max-width: 1024px) {
   .shop-content-area .hl-products {
      margin: 0px 0px 20px;
      width: 100%;
   }
   .shop-content-area .hl-products .product {
      flex: 0 0 calc(33.333333% - 20px);
      max-width: calc(33.333333% - 20px);
      padding-right: 10px;
      padding-left: 10px;
   }
   .shop-content-area .hl-products .product .product-loop-thumbnail img {
      width: auto;
      max-width: 100%;
   }
}
@media (max-width: 768px) {
   .shop-content-area .hl-products .product {
      margin-bottom: 35px;
      padding-bottom: 35px;
      position: relative;
   }
   .shop-content-area .hl-products .product:after {
      content: "";
      position: absolute;
      bottom: 0px;
      width: 100px;
      height: 1px;
      background-color: var(--brdcolor-gray-300);
      left: 50%;
      margin-left: -50px;
   }
   .shop-content-area .hl-products .product:last-child {
      border-bottom: 0px;
   }
   .shop-content-area .hl-products .product {
      flex: 0 0 calc(50% - 20px);
      max-width: calc(50% - 20px);
      padding-right: 10px;
      padding-left: 10px;
   }
}
@media (max-width: 600px) {
   .shop-content-area .hl-products .product .product-loop-thumbnail .dfr-external-image,
   .shop-content-area .hl-products .product .product-loop-thumbnail .dfr-external-image img {
      width: 100%;
      max-width: 300px;
      height: auto;
   }
}
@media (max-width: 500px) {
   .shop-content-area .hl-products {
      margin-right: 0px;
      margin-left: 0px;
      flex-direction: column;
      align-items: center;
   }
   .shop-content-area .hl-products .product {
      flex: 0 0 100%;
      padding-right: 0px;
      padding-left: 0px;
      max-width: 300px;
   }
   .shop-content-area .hl-products .product:after {
      content: "";
      height: 1px;
      width: 100px;
      background-color: rgba(129,129,129,0.2);
   }
}

/* Datafeedr product image */
.product-image-link {
   display: flex !important;
   justify-content: space-between;
   align-items: center;
}

/* Search result page */
.search .woocommerce-info {
   
}
.search .woocommerce-no-products-found {
   border-top: 0px;
   color: #fff;
   background-color: #E0B252;
}
.search .woocommerce-no-products-found:before {
   content: "\f05a";
   color: #fff;
   font: normal normal normal 17px/1 FontAwesome;
}

/* Single post */
.single-post .content-wrapper.article {
   max-width: 750px;
}
.single-post .content-wrapper.article .main-content {
   padding: 50px 0;
   color: #222;
}
.single-post .content-wrapper.article h1 {
   font-size: 36px;
   line-height: 1.3;
   font-weight: 500;
   margin-bottom: 16px;
}
.single-post .content-wrapper.article .article-content {
   font-size: 16px;
}
.single-post .content-wrapper.article .article-content a:hover,
.hl-after-products-text a:not(.featured-product):hover,
.term-description a:not(.featured-product):hover {
   text-decoration: underline;
}
.single-post .content-wrapper.article .article-content a.wp-block-button__link:hover {
   background-color: #6d2833 !important;
}
.single-post .content-wrapper.article .article-content a:visited,
.hl-after-products-text a:visited,
.term-description a:visited {
   color: #222;
}

/* Category page */
.content-wrapper.category-page {
   max-width: 750px;
   flex-direction: column;
   padding: 30px 0;
}
.content-wrapper.category-page h1 {
   font-size: 36px;
   line-height: 1.3;
   font-weight: 500;
   margin-bottom: 16px;
}
.category-page .posts-list article {
   padding: 30px 0;
   border-bottom: 2px solid #eee;
}
.category-page .posts-list article:last-child {
   border: 0px;
}
.category-page .posts-list article a {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
   justify-content: space-between;
}
.category-page .posts-list article h2 {
   font-size: 28px;
   line-height: 1.2em;
   margin-bottom: 0px;
   width: 100%;
}
.category-page .posts-list article .post-excerpt {
   flex-basis: calc(100% - 320px);
   line-height: 1.6em;
   color: #242424;
}
.category-page .posts-list article .post-excerpt .read-more {
   font-weight: 600;
}
.category-page .posts-list article .post-image {
   margin: 0;
}
.category-page .posts-list article a:hover h2,
.category-page .posts-list article a:hover .post-excerpt .read-more {
   color: rgb(123,45,58);
}
.category-page .post-btn {
   border-radius: 5px;
   color: #ffffff;
   background-color: #7b2d3a;
   padding-top: 10px;
   padding-right: 1em;
   padding-bottom: 10px;
   padding-left: 1em;
}
@media (max-width: 767px) {
   .content-wrapper.category-page {
      max-width: 300px;
      width: 100%;
   }
   .category-page .posts-list article a {
      flex-direction: column;
   }
}