/*
Theme Name: Number Three One - Child
Theme URI: https://standoutmedia.dk/
Author: Standoutmedia A/S
Author URI: https://standoutmedia.dk/
Description: Et helt specielt Standoutmedia Tema
Template: number-three-one
Text Domain: number-three-child
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* ===== CSS Variables ===== */

:root {
    /* Font sizes */
    /* --h1: 75px; */
    --h1: 40px;
    /* --h2: 75px; */
    --h2: 30px;
    /* --h3: 45px; */
    --h3: 20px;
    --h4: 20px;
    --h5: 16px;
    --h6: 14px;
    --p: 15px;

    /* Gaps */
    --gap-l: 90px;
    --gap-m: 40px;
    --gap-s: 20px;

    /* font families */
    --h-fam: 'Work Sans', serif;
    --p-fam: 'Work Sans', serif;
    --btn-fam: var(--p-fam);
    
    --border-radius: 10px;

    /* colors */
    --color-1: #d7f205;
    --color-2: #707070;
    --color-3: #383737;
    --color-4: #d7d9d9;
    --color-bg: #fff;
    /* --color-text: #181819; */
    /* --color-dark: #181819; */
    --color-text: #383737;
    --color-dark: #383737;
    --color-overlay: rgb(0 0 0 / 20%);

    /* transitions */
    --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);


    /* Margin on the right and left of the main content sections (change 0 to 1 to match template distances)*/
    --content-margin: calc(0 * var(--gap-m));
    /* --slider-text-width: 800px; */
    --slider-text-width: 1000px;
    
    /* Theme defined variables from PHP */
    --content-width: initial;
    --sidebar-width: initial;
    /* END Theme defined variables from PHP */
}


/* ===== END CSS Variables ===== */

body:not(.home) #main-content section.section-wrap.clear:not(.has-background):not(.split-section):last-child {
    margin-bottom: calc(2 * var(--gap-l));
}


/*======================================================================//
// style.css                                                            //
//======================================================================*/

/*  */

/* Generel */
html {
	scroll-behavior: smooth;
}

body {
    /* background-color: var(--color-3); */
    background-color: var(--color-bg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

body,
body #page {
    overflow: initial;
}

p {
    /* color: #fff; */
}

html, body, input, select, optgroup, textarea {
    font-weight: 350;
}

h1, h2, h3, h4, h5, h6 {
    /* color: #fff; */
    font-weight: 700;
    /* font-weight: 600; */
    line-height: 1;
    /* letter-spacing: 3px; */
    letter-spacing: 1.5px;
}

h1 em, h2 em, h3 em, h4 em, h5 em h6 em {
    font-weight: 400;
    font-style: normal;
    /* color: var(--color-1); */
    color: var(--color-dark);
}

b, strong {
    font-weight: 650;
}


.dark-text {
    --color-text: #383737;
    --color-white: #383737;
    color: var(--color-3);
}

/*
.stom-button a {
    display: inline-block;
    min-width: 255px;
    font-size: var(--p);
    font-weight: 450;
    color: var(--color-1);
    text-align: center;
    border: 1px solid var(--color-1);
    border-radius: 50rem;
    background: linear-gradient(to right, var(--color-1) 0%, var(--color-1) 50%, transparent 50%);
    background-size: 200% 100%;
    background-position: 100% 0;
    padding: 11px 20px;
    transition: background-position 0.4s ease-in-out, color 0.3s ease-in-out;
}
*/

.stom-button a {
    display: inline-block;
    font-size: var(--p);
    font-weight: 600;
    color: #181819;
    border-radius: var(--border-radius);
    background-color: var(--color-1);
    border: none;
    padding: 0;
    position: relative;
    text-decoration: none;

    /* background-color: var(--color-dark); */
    padding: 10px 14px;
}

.stom-button a:after {
    content: "";
    display: block;
    width: 20%;
    height: 1px;
    /* background-color: var(--color-1); */
    background-color: var(--color-dark);
    position: absolute;
    left: 0;
    /* bottom: -4px; */
    bottom: -8px;
    transition: width 0.3s ease-in-out;
}

.stom-button a:hover,
.stom-button a:focus {
    color: #181819;
    background-color: var(--color-1);
    /* background-color: transparent; */
}

.stom-button a:hover:after {
    width: 100%;
}

/* .stom-button a:hover {
    background-position: 0 0;
    background-color: transparent;
    color: var(--color-3);
    border-color: var(--color-1);
} */

.stom-button.black a {
    background-color: var(--color-bg);
    border-color: var(--color-bg);
    /* min-width: 375px; */
}


span.sub-heading {
    display: block;
    line-height: 1.25;
    /* font-size: 20px; */
    font-size: var(--p);
    font-weight: 650;
    color: var(--color-1);
    letter-spacing: 1px;
    margin-bottom: 5px;
}

span.read-more {
    display: inline-block;
    width: fit-content;
    margin-top: 35px;
    position: relative;
}

span.read-more a {
    font-size: var(--p);
    font-weight: 650;
    color: var(--color-text);
    background-color: var(--color-1);
    border-radius: var(--border-radius);
    padding: 10px 14px;
    text-decoration: none;
    transition: var(--transition);
    position: relative;
}

span.read-more a::after {
    content: "";
    display: block;
    width: 20%;
    height: 1px;
    background-color: var(--color-dark);
    position: absolute;
    left: 0;
    bottom: -8px;
    transition: width 0.3s ease-in-out;
}

span.read-more a:hover {
    
}

span.read-more a:hover::after {
    width: 100%;
}


span.read-more a:focus {
    outline: none;
}

span.full-contact-list a {
    text-decoration: none;
    transition: var(--transition);
}

span.full-contact-list a:hover {
    color: var(--color-1);
}

span.full-contact-list a .stom-custom-svg {
    color: var(--color-1);
    margin-left: .25em;
}

ul + span.read-more {
    /* margin-top: 10px; */
}

.stom-toggle-list > ul {
    margin-bottom: 35px;
}

.stom-toggle-list > ul li:nth-child(n+4),
.stom-toggle-list > p:nth-child(n+4) {
    display: none;
}

.hide-content-wrapper > span.read-more {
    margin-top: 0;
}

.hide-content-wrapper .hide-content > ul {
    margin-bottom: 1.5em !important;
}

.hide-content-wrapper .hide-content > ul + p {
    margin-bottom: 1.5em !important;
}

.stom-small.small-center {
    max-width: 750px;
}

/* Logo + Menu */
header#masthead {
    /* position: sticky !important; */
    /* top: 0 !important; */
    /* background-color: #181819; */
    /* background-color: #414141; */
    background-color: transparent;
    transition: var(--transition) !important;
}

.site-header .header-wrapper {
    max-width: 100%;
}

body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-placeholder {
    /* display: none; */
}

body.admin-bar header#masthead {
    top: calc(0px + 32px) !important;
}

.style-header-02 .socials-wrapper {
    display: flex;
    gap: 10px;
}

.style-header-02 .socials-wrapper a {
    padding: 0;
}

.style-header-02 .socials-wrapper a .stom-custom-svg {
    color: #fff;
    font-size: 22px;
    transition: var(--transition);
}

.style-header-02 .socials-wrapper a img {
    max-width: 21px;
    max-height: 21px;
    height: 100%;
}

.style-header-02 .socials-wrapper a:hover .stom-custom-svg {
    color: var(--color-1);
}

body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-sticky-active.scrolled #masthead {
    /* background-color: var(--color-3); */
    /* background-color: rgba(0, 0, 0, 1); */
    /* background-color: #414141; */
    background-color: #fff;
    /* box-shadow: none; */
}

header .main-navigation ul.menu a {
    font-size: 14px;
    /* font-weight: 350; */
    font-weight: 500;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: #fff;
    transition: var(--transition);
}

body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-sticky-active.scrolled #masthead .main-navigation ul.menu a {
    color: var(--color-text);
}

body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-sticky-active.scrolled header .main-navigation ul.menu a .stom-menu-item-arrow {
    color: var(--color-dark);
}

header .main-navigation ul.menu a:before {
    display: none;
}

header .main-navigation ul.menu a .stom-menu-item-arrow {
    opacity: 1;
    font-size: 12px;
    margin-left: .75em;
    color: var(--color-1);
}

.hover-style-bold ul.menu li:hover > a, 
.hover-style-bold ul.menu li.focus > a, 
.hover-style-bold ul.menu .current-menu-item > a, 
.hover-style-bold ul.menu .current-menu-ancestor > a {
    /* font-weight: 350; */
    font-weight: 500;
    color: var(--color-1);
}

#primary-menu li.red > a {
    color: #cd5c5c !important;
}

#primary-menu li.green a {
    color: #a8e4a0 !important;
}

#primary-menu {
    align-items: center;
}

#primary-menu li.menu-item-has-children ul.sub-menu {
    /* background-color: #414141; */
}

#primary-menu li.menu-item-has-children ul.sub-menu li.menu-item a {
    font-size: 13px;
    /* color: var(--color-text); */
    color: #4A4A4A !important;
    justify-content: flex-start;
    text-transform: inherit;
    letter-spacing: normal;
    width: 325px;
}

#primary-menu li.menu-item-has-children ul.sub-menu li.menu-item:hover a {
    color: #000 !important;
}

#primary-menu li.btn-contact {
    margin-left: var(--gap-s);
}

#primary-menu li.btn-contact a {
    display: inline-block;
    font-size: 14px;
    font-weight: 450;
    color: var(--color-1);
    background-color: transparent;
    border: none;
    padding: 0;
    position: relative;
    text-decoration: none;
}

#primary-menu li.btn-contact a:after {
    content: "";
    display: block;
    width: 20%;
    height: 1px;
    background-color: var(--color-1);
    position: absolute;
    left: 0;
    bottom: -4px;
    transition: width 0.3s ease-in-out;
}

body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-sticky-active.scrolled #primary-menu li.btn-contact a:after {
    background-color: var(--color-dark);
}

#primary-menu li.btn-contact a:hover {
    color: var(--color-1);
    background-color: transparent;
}

#primary-menu li.btn-contact a:hover:after {
    width: 100%;
}

.style-header-02 .site-branding #logo {
    padding: 25px 0;
}

.header-sticky-active.scrolled header .site-branding #logo {
    padding: 20px 0;
}

.site-branding #logo img, 
.site-branding #logo svg {
    max-width: 215px;
    max-height: 60px;
    width: auto;
    height: auto;
    transition: var(--transition);

    /* filter: brightness(0%); */
}

.header-sticky-active.scrolled header .site-branding #logo img.logo-landscape {
    /* max-height: 50px; */
    max-height: 60px;
    filter: brightness(0%);
}

#site-switch {
    position: fixed;
    bottom: var(--gap-s);
    right: var(--gap-s);
    margin: 0;
    border-radius: 10px;
    /*background-color: var(--color-1);
    border: 1px solid var(--color-1);*/
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    z-index: 999;
}

#site-switch .section {
    border-bottom: none;
    padding: 0;
    position: absolute;
    bottom: 100%;
    right: 0;
    /* background-color: var(--color-1);
    border: 1px solid var(--color-1); */
    border-radius: 10px;
    /* box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); */
    min-width: 160px;
}

#site-switch .section .department-dropdown {
    opacity: 0;
    transition: opacity 0.5s ease;
    pointer-events: none;
}

#site-switch .section .department-dropdown.visible {
    opacity: 1;
    pointer-events: auto;
}

#site-switch .section .department-dropdown .dropdown-toggle {
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    color: #181819;
    padding: 13px 20px;
    border-radius: 10px;
    display: block;
    transition: var(--transition);
    width: 100%;
    border: 1px solid var(--color-1);
    background-color: var(--color-1);
}

#site-switch .section .department-dropdown .dropdown-menu {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 13px 20px;
    background-color: var(--color-3);
    margin-bottom: 15px;
    border: 1px solid var(--color-1);

    transform: scaleY(0);
    transform-origin: bottom;
    opacity: 0;
    transition: transform 0.3s ease, opacity 0.3s ease;
    height: auto;
    pointer-events: none;
}

#site-switch .section .department-dropdown.open .dropdown-menu {
    transform: scaleY(1);
    opacity: 1;
    pointer-events: auto;
}

#site-switch .section .department-dropdown .dropdown-menu > a {
    display: block;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    color: #181819;
    transition: var(--transition);
    color: #fff;
}

#site-switch .section .department-dropdown .dropdown-menu > a.active {
    color: var(--color-1);
}

#site-switch .section .department-dropdown .dropdown-menu > a:hover {
    color: var(--color-1);
}

#site-switch .section .department-dropdown .dropdown-toggle:hover,
#site-switch .section .department-dropdown .dropdown-toggle:focus {
    background-color: var(--color-3);
    color: var(--color-1);
}


/* Sections */
.section-wrap.clear.stom-billede-sektion {
    margin-top: calc(var(--gap-l) * 2);
}

.section-wrap.clear.stom-billede-sektion .stom-entry-header {
    margin-bottom: calc(var(--gap-m) * 1);
}

.section-wrap.clear.stom-billede-sektion .stom-entry-header .stom-title > h2 {
    text-transform: uppercase;
}

.section-wrap.clear.stom-billede-sektion .stom-entry-header .stom-title > h2 em {
    text-transform: uppercase;
}

.section-wrap.clear.stom-billede-sektion.has-background .stom-entry-header {
    padding-block-start: calc(var(--gap-l) * 2);
    padding-block-end: 0;
}

.section-wrap.clear.stom-billede-sektion.has-background {
    padding-top: calc(var(--gap-l) * 2);
    padding-bottom: calc(var(--gap-l) * 2);
}

.section-wrap.clear.stom-billede-sektion.has-background .section.content {
    padding-block: 0;
}

/* Mere */
.section-wrap.clear.stom-billede-sektion.has-background .mere-tekst-wrapper:last-of-type {
    margin-bottom: var(--gap-m);
}

.section-wrap.clear.stom-billede-sektion.has-background .mere-tekst-wrapper > button {
    color: var(--color-text);
    border-bottom-color: var(--color-text);
}

.section-wrap.clear.stom-billede-sektion.has-background .mere-tekst-wrapper > button .stom-custom-svg {
    color: var(--color-text);
}

.stom-billede-sektion.picture-left .stom-cols-6 {
    padding-left: var(--gap-m);
}

.stom-billede-sektion.picture-right .stom-cols-6 {
    padding-right: var(--gap-m);
}

.stom-billede-sektion .stom-cols-6 {
    width: 48%;
    align-items: flex-start;
    min-height: 565px;
    padding-top: 0;

    /* aspect-ratio: 1 / 1; */
}

.stom-billede-sektion .stom-cols-6 .stom-center-box > h2 {
    /* font-size: var(--h3); */
    line-height: 1.25;
}

.stom-billede-sektion .stom-cols-6 .stom-center-box > h4 {
    font-size: var(--h4);
    font-weight: 700;
    /* color: var(--color-dark); */
    color: var(--color-1);
    margin-bottom: 10px;
}

.stom-billede-sektion .stom-cols-6 .stom-center-box > h4:not(:first-child) {
    margin-top: 40px;
}

.stom-billede-sektion .stom-cols-6 .stom-center-box > ul {
    padding-left: 1em;
}

.stom-billede-sektion .stom-cols-6 .stom-center-box > h4 + ul {
    margin-top: 15px;
}

.stom-billede-sektion .stom-cols-6 .stom-center-box > ul li::marker {
    /* color: var(--color-1); */
    
}

.stom-billede-sektion .stom-cols-6 .stom-center-box > ul li:not(:last-of-type),
.stom-billede-sektion .stom-cols-6 .stom-center-box > ol li:not(:last-of-type) {
    margin-bottom: 10px;
}

.stom-billede-sektion .stom-cols-6 .stom-center-box > p + .stom-button,
.stom-billede-sektion .stom-cols-6 .stom-center-box > ul + .stom-button {
    margin-top: var(--gap-m);
}

.stom-billede-sektion .stom-cols-6 .stom-center-box > p + ul {
    /* margin-top: -25px; */
    /* margin-top: -20px; */
}

.stom-billede-sektion .stom-cols-6 .stom-center-box > ul li a {
    text-decoration: none;
}

.stom-billede-sektion .stom-picture img {
    /* aspect-ratio: 3 / 4; */
    /* height: auto; */

    /* aspect-ratio: 1 / 1; */
}

.stom-billede-sektion .stom-picture {
    /* width: 45%; */
}

#main-content .section-wrap.clear .section > ul li::marker,
#main-content .section-wrap.clear .section .stom-toggle-list > ul li::marker {
    color: var(--color-1);
}

#main-content .section-wrap.clear .section > ul li:not(:last-of-type),
#main-content .section-wrap.clear .section .stom-toggle-list > ul li:not(:last-of-type) {
    margin-bottom: 35px;
}

.section-wrap.clear.double-margin-top {
    margin-top: calc(var(--gap-l) * 2);
}

.section-wrap.clear.double-margin-bottom {
    margin-bottom: calc(var(--gap-l) * 2);
}

/* Header */
.page-slider-section .slick-slider {
    margin-bottom: 0;
}

.page-slider-section .slick-slider > .slick-arrow {
    background-color: transparent;
    width: auto;
    height: auto;
    box-shadow: none;
    padding: 0;
    color: #fff;
}

.page-slider-section .slick-slider > .slick-prev {
    left: var(--gap-m);
}

.page-slider-section .slick-slider > .slick-next {
    right: var(--gap-m);
}

.page-slider-section .slick-slider > .slick-dots {
    top: unset;
    bottom: var(--gap-m);
    padding-inline: var(--gap-l);
    text-align: right;
}

.page-slider-section .slick-slider > .slick-dots li button {
    width: 30px;
    height: 15px;

}

.page-slider-section .slick-slider > .slick-dots li button:before {
    background-color: transparent;
    border: 1px solid var(--color-1);
    opacity: 1;
    border-radius: var(--border-radius);
}

.page-slider-section .slick-slider > .slick-dots li.slick-active button:before {
    background-color: var(--color-1);
}

.page-slider-section .slide-element {
    line-height: 0;
}

.page-slider-section .image-aligner img {
    /* max-height: calc(70vh - var(--header-height)); */
}

body.admin-bar .page-slider-section .image-aligner img {
    max-height: calc(100vh - var(--header-height) - 32px);
}

.page-slider-section .slider-text {
    align-items: flex-end;
    padding-bottom: var(--gap-l);
}

body:not(.home) .page-slider-section .slider-text {
    background-color: rgba(0, 0, 0, .4);
}

.page-slider-section .slider-text-inner .slider-text-inner-wrapper > h1,
.page-slider-section .slider-text-inner .slider-text-inner-wrapper .stom-print-title > h1,
.page-slider-section .slider-text-inner .slider-text-inner-wrapper > h2,
.page-slider-section .slider-text-inner .slider-text-inner-wrapper .stom-print-title > h2 {
    font-size: var(--h1);
	line-height: 1.15;
    color: #fff;
    margin-bottom: var(--gap-s);
    /* text-transform: uppercase; */
}

.page-slider-section .slider-text-inner .slider-text-inner-wrapper {
    margin-inline: auto;
    text-align: center;
}

.page-slider-section .slider-text-inner .slider-text-inner-wrapper > p {
    font-size: 20px;
    color: #fff;
    text-align: center !important;
}

.page-slider-section .slider-text-inner .slider-text-inner-wrapper h1 {
    text-transform: uppercase;
    text-align: center !important;
}

.page-slider-section .slider-text-inner .slider-text-inner-wrapper .stom-button a {
    background-color: transparent;
    border: 1px solid var(--color-1);
    color: var(--color-1);
}

.page-slider-section .slider-text-inner .slider-text-inner-wrapper .stom-button a:hover {
    background-color: var(--color-1);
    color: #000;
}

.page-slider-section .slider-text-inner .slider-text-inner-wrapper .stom-button a:after {
    display: none;
}

/* body.landingpage .page-slider-section .image-aligner {
    line-height: 0;
} */

body:not(.home):not(.landingpage) .page-slider-section .image-aligner img {
    min-height: 600px;
    height: 100%;
}

/* body.landingpage .page-slider-section .image-aligner img {
    min-height: 768px;
    height: 100%;
} */

body.landingpage .page-slider-section .slider-text {
    /* padding-bottom: calc(var(--gap-l) * 2); */
}

body.landingpage #main-content {
    margin-top: 0;
} 

.socials-wrapper a span.stom-custom-svg {
    color: var(--color-1);
}

header.site-header .section-wrap .section {
    border-bottom: 1px solid #fff;
    padding: 10px 0;
}

.header-sticky-active.scrolled .style-header-02 .section-wrap .section {
    padding: 10px 0;
}

/* Site selector */
.home header#masthead,
.home .section-wrap.clear.contact-section,
.home .section-wrap.clear.contact-alt-section,
.home #colophon {
    display: none;
}

.home .number-three-clear-cache-link {
    display: none !important;
}

#main-content .section-wrap.clear.site-selector-section {
    position: relative;
    margin-top: 0;
}

#main-content .section-wrap.clear.site-selector-section:before {
    content: '';
    background-image: url('images/site-selector-logo2.png');
    background-size: 100%;
    background-repeat: no-repeat;
    /* width: 294px; */
    width: 235px;
    height: 60px;
    /* content: url('images/site-selector-logo.png'); */
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
    z-index: 2;
    /* background-color: #181819; */
}

.section-wrap.clear.site-selector-section .section {
    padding-inline: 0;
}

.section-wrap.clear.site-selector-section .section .grid-elements {
    gap: 1px;
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element {
    position: relative;
    overflow: hidden;
    height: 100vh;
}

body.admin-bar .section-wrap.clear.site-selector-section .section .grid-elements .grid-element {
    height: calc(100vh - 32px);
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element:first-of-type {
    /* border-right: 1px solid var(--color-1); */
}


.section-wrap.clear.site-selector-section .section .grid-elements .grid-element:before {
    content:"";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .4);
    transition: var(--transition);
    pointer-events: none;
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element:hover:before {
    background-color: rgba(24, 24, 24, .25);
    /*
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    */
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element:hover .overlay > .stom-button a:after {
    width: 100%;
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element .overlay {
    position: relative;
    /* padding: var(--gap-l); */
    padding: var(--gap-l) var(--gap-m);
    justify-content: center;
    /* max-width: 750px; */
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element .overlay .sub-heading {
    font-weight: 300;
    margin-bottom: 5px;
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element .overlay .container {
    display: flex;
    align-items: flex-end;
    column-gap: var(--gap-s);
    margin-bottom: 15px;
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element .overlay .container > h2 {
    font-size: calc(var(--h1) - 10px);
    margin-bottom: 0;
    line-height: 1;
    /* color: #909090; */
    color: #fff;
    transition: var(--transition);
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element:hover .overlay .container > h2 {
    color: #fff;
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element .overlay .container > .stom-custom-svg {
    font-size: 20px;
    position: relative;
    bottom: 4px;
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element .overlay .container > .stom-custom-svg svg {
    transition: var(--transition);
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element:hover .overlay .container > .stom-custom-svg svg {
    transform: rotate(45deg);
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element .overlay > p {
    /* font-size: 20px; */
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    /* max-width: 660px; */
    max-width: 450px;
    /* color: #909090; */
    color: #fff;
    transition: var(--transition);
    min-height: 63px;
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element:hover .overlay > p {
    color: #fff;
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element > img {
    min-height: 100vh;
    max-height: 100vh;
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element .overlay > .usp {
    position: absolute;
    bottom: calc(var(--gap-l) * 1.25);
    right: var(--gap-l);
    /* opacity: 0; */
    transition: var(--transition);
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element:hover .overlay > .usp {
    
}

/* Red background and text */
.section-wrap.clear.site-selector-section .section .grid-elements .grid-element .overlay > .usp ul {
    position: relative;
    padding-left: 0;
    background-color: #414141;
    z-index: 1;
    transition: var(--transition);
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element:hover .overlay > .usp ul {
    background-color: #373737;
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element .overlay > .usp ul li:not(:last-of-type) {
    margin-bottom: 5px;
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element .overlay > .usp ul li {
    transition: var(--transition);
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element:hover .overlay > .usp ul li {
    color: #fff;
}
  
.section-wrap.clear.site-selector-section .section .grid-elements .grid-element .overlay > .usp {
    position: absolute;
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element .overlay > .usp::before {
    content: "";
    position: absolute;
    top: -30px;
    left: 30px;
    right: -20px;
    bottom: -30px;
    border: 1px solid var(--color-1);
    z-index: 0;
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element:last-of-type .overlay > .usp {
	bottom: calc(var(--gap-l) * 1.11);
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element:last-of-type .overlay > .usp:before {
	top: -20px;
    bottom: -20px;
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element:last-of-type .overlay > .usp ul {
	padding-block: 20px;
}
  

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element .overlay > .usp ul {
    padding-block: 30px;
}

.section-wrap.clear.site-selector-section .section .grid-elements .grid-element .overlay > .usp ul li {
    font-size: 10px;
    list-style-type: none;
    color: #909090;
}

body.admin-bar .section-wrap.clear.site-selector-section .section .grid-elements .grid-element > img {
    min-height: calc(100vh - 32px);
    max-height: calc(100vh - 32px);
}

/* Frontpage */
.section-wrap.clear.cards-section {
    margin-top: calc(var(--gap-l) * 2);
}

.section-wrap.clear.cards-section .section {
    padding-left: 0;
    padding-right: 0;
}

.section-wrap.clear.cards-section .section .grid-elements {
    column-gap: 0;
}

.section-wrap.clear.cards-section .section .grid-elements .grid-element.heading {
    margin-bottom: var(--gap-m);
}

.section-wrap.clear.cards-section .section .grid-elements .grid-element.heading .overlay {
    width: var(--content-width);
    margin: 0 auto;
}

.section-wrap.clear.cards-section .section .grid-elements .grid-element.heading .overlay > h2 {
    /* text-transform: uppercase; */
}

.section-wrap.clear.cards-section .section .grid-elements .grid-element.heading .overlay > h2 em {
    /* text-transform: uppercase; */
}

.section-wrap.clear.cards-section .section .grid-elements .grid-element:not(.heading) {
    position: relative;
}

.section-wrap.clear.cards-section .section .grid-elements .grid-element:not(.heading):before {
    content:"";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .26);
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    transition: var(--transition);
    pointer-events: none;
}

.section-wrap.clear.cards-section .section .grid-elements .grid-element:not(.heading):hover:before {
    background-color: rgba(0, 0, 0, .5);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

.section-wrap.clear.cards-section .section .grid-elements .grid-element:not(.heading) .overlay {
    position: relative;
    justify-content: space-between;
    padding: var(--gap-m) var(--gap-m) 50px;
}

.section-wrap.clear.cards-section .section .grid-elements .grid-element:not(.heading) .overlay:after {
    display: none;
}

.section-wrap.clear.cards-section .section .grid-elements .grid-element:not(.heading) .overlay > h2,
.section-wrap.clear.cards-section .section .grid-elements .grid-element:not(.heading) .overlay > h3 {
    font-size: var(--h4);
    line-height: 1.3;
    max-width: 300px;
    color: #fff;
}

.section-wrap.clear.cards-section .section .grid-elements .grid-element:not(.heading) .overlay > span.vertical {
    /* font-size: 24px; */
    font-size: var(--p);
    color: var(--color-1);
    letter-spacing: 3.6px;
    writing-mode: vertical-lr;
    -webkit-writing-mode: vertical-lr;
    text-orientation: mixed;
    -webkit-text-orientation: mixed;
    transition: var(--transition);
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    width: fit-content;
}

.section-wrap.clear.cards-section .section .grid-elements .grid-element:not(.heading):hover .overlay > span.vertical {
    color: #fff;
}


.section-wrap.clear.about-section {
    position: relative;
}

.section-wrap.clear.about-section:after {
    content: url('images/about-element.png');
    position: absolute;
    bottom: -200px;
    right: 0;
    pointer-events: none;
}

/* Slick slider */
.stom-grid-section.section-fullpage .grid-elements.slick-slider .slick-arrow {
    background-color: transparent;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    cursor: crosshair;
    display: flex;
    align-items: center;
    font-size: 24px;
    font-weight: 300;
    color: #fff;
    text-shadow: 0px 3px 5.8px rgba(0, 0, 0, 0.21);
}

.stom-grid-section.section-fullpage .grid-elements.slick-slider .slick-arrow.slick-prev {
    left: var(--gap-s);
}

.stom-grid-section.section-fullpage .grid-elements.slick-slider .slick-arrow.slick-next {
    right: var(--gap-s);
}

.stom-grid-section.section-fullpage .grid-elements.slick-slider .slick-arrow .stom-custom-svg {
    color: #fff;
}

.section-wrap.clear.cards-section .section .grid-elements.slick-slider .grid-element-slider-wrap .slick-list .slick-track {
    gap: 0;
    margin-left: 0;
}

.section-wrap.clear.cards-section .section .grid-elements.slick-slider .grid-element-slider-wrap .slick-list .slick-track .slick-slide {
    
}

.section-wrap.clear.cards-section .section .grid-elements.slick-slider .grid-element-slider-wrap .slick-list .slick-track .slick-slide:hover {
    
}

.section-wrap.clear.split-section {
    margin-top: 0;
}

.section-wrap.clear.split-section .section {
    padding-left: 0;
    padding-right: 0;
}

.section-wrap.clear.split-section .section .grid-elements {
    gap: 0;
}

.section-wrap.clear.split-section .section .grid-elements .grid-element {
    position: relative;
}

.section-wrap.clear.split-section .section .grid-elements .grid-element:before {
    content:"";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .33);
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    transition: var(--transition);
    pointer-events: none;
}

.section-wrap.clear.split-section .section .grid-elements .grid-element:hover:before {
    background-color: rgba(0, 0, 0, .5);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

.section-wrap.clear.split-section .section .grid-elements .grid-element .overlay {
    position: relative;
    padding: var(--gap-l);
}

.section-wrap.clear.split-section .section .grid-elements .grid-element .overlay > h2,
.section-wrap.clear.split-section .section .grid-elements .grid-element .overlay > h3 {
    font-size: var(--h3);
    color: var(--color-1);
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.section-wrap.clear.split-section .section .grid-elements .grid-element .overlay > p {
    font-size: var(--p);
    color: #fff;
    line-height: 1.3;
    max-width: 600px;
}

.section-wrap.clear.choose-section .section {
    padding-block: calc(var(--gap-l) * 1);
}

.section-wrap.clear.choose-section .section > h2,
.section-wrap.clear.choose-section .section > h3 {
    /* margin-bottom: 60px; */
    text-transform: uppercase;
}

.section-wrap.clear.choose-section .section > h2 em,
.section-wrap.clear.choose-section .section > h3 em {
    text-transform: uppercase;
}

.section-wrap.clear.choose-section .section > ul {
    margin-top: 60px;
}

.section-wrap.clear.company-section .section {
    padding-block: calc(var(--gap-l) * 2);
}

.section-wrap.clear.company-section .section > h2,
.section-wrap.clear.company-section .section > h3 {
    color: var(--color-3);
}

.section-wrap.clear.company-section .section .container {
    display: flex;
    column-gap: var(--gap-m);
    align-items: center;
    justify-content: space-between;
    margin-top: 70px;
}

.section-wrap.clear.company-section .section .container > p {
    margin-bottom: 0;
}

.section-wrap.clear.company-section .section .container .slick-list .slick-track {
    display: flex;
    align-items: center;
}

.section-wrap.clear.company-section .section .container .slick-list .slick-track .slick-slide > img {
    margin-inline: auto;
}

/* Droneberegner */
body.prisberegner-page .section-wrap.clear.contact-alt-section {
    margin-top: var(--gap-l);
}

.section-wrap.clear.prisberegner-section .section .grid-elements {
    column-gap: var(--gap-l);
}

.section-wrap.clear.prisberegner-section .section .grid-elements .grid-element.heading {
    margin-bottom: var(--gap-m);
}

.section-wrap.clear.prisberegner-section .section .grid-elements .grid-element.grid-span-2 {
    grid-column: span 2;
}

.section-wrap.clear.prisberegner-section .section .grid-elements .grid-element .overlay {
    justify-content: flex-start;
}

.section-wrap.clear.prisberegner-section .section .grid-elements .grid-element.content .overlay ul li:not(:last-of-type) {
    margin-bottom: 35px;
}

.section-wrap.clear.prisberegner-section .section .grid-elements .grid-element.content .overlay ul li::marker {
    color: var(--color-1);
}

/* New company section */
.section-wrap.clear.company-alt-section {
    padding-inline: 0;
    /* border-top: 1px solid var(--color-2); */
}

.section-wrap.clear.company-alt-section .section {
    padding-inline: 0;
}

.section-wrap.clear.company-alt-section .section .grid-elements {
    align-items: center;
    gap: 0;
}

.section-wrap.clear.company-alt-section .section .grid-elements .grid-element.heading .overlay {
    padding-left: var(--gap-l);
    padding-right: var(--gap-l);
}

.section-wrap.clear.company-alt-section .section .grid-elements .grid-element.heading .overlay > h2,
.section-wrap.clear.company-alt-section .section .grid-elements .grid-element.heading .overlay > h3 {
    font-size: 28px;
    /* color: var(--color-bg); */
    max-width: 455px;
    text-transform: uppercase;

    line-height: 1.25;
}

.section-wrap.clear.company-alt-section .section .grid-elements .grid-element.slider {
    display: block;
    grid-column: span 2;
}

.section-wrap.clear.company-alt-section .section .grid-elements .grid-element.slider .overlay .container {
    padding-right: 0;
}

.section-wrap.clear.company-alt-section .section .grid-elements .grid-element.slider .overlay .container .slick-list {
    padding: 0 10% 0 0;
}

.section-wrap.clear.company-alt-section .section .grid-elements .grid-element.slider .overlay .container .slick-list .slick-track .slick-slide > img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    max-width: 140px;
    min-height: 90px;
    max-height: 90px;
    width: auto;
    height: auto;
    transition: var(--transition);
}

.section-wrap.clear.company-alt-section .section .grid-elements .grid-element.slider .overlay .container .slick-list .slick-track .slick-slide:hover > img {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
}

.section-wrap.clear.project-section {
    position: relative;
    margin-inline: 0;
    overflow: hidden;
}

.section-wrap.clear.project-section:after {
    content: url('images/project-element.png');
    position: absolute;
    left: 0;
    bottom: -70px;
    pointer-events: none;
}

.section-wrap.clear.project-section .section {
    max-width: 100%;
    padding-block: var(--gap-l);
}

.section-wrap.clear.project-section .section .grid-elements {
    gap: 0;
    /* grid-template-columns: 640px 1fr; */
}

.section-wrap.clear.project-section .section .grid-elements .grid-element .overlay {
    justify-content: flex-start;
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.content {
    display: block;
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.content .overlay {
    padding-inline: var(--gap-l);
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.content .overlay > h2 {
    text-transform: uppercase;
    margin-bottom: var(--gap-m);
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.content .overlay > h2 em {
    text-transform: uppercase;
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.content .overlay > p + .stom-button {
    margin-top: var(--gap-m);
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.content .overlay .project-details-list {
    padding-inline: 0;
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.content .overlay .project-details-list .project-detail-content {
    margin-inline: 0;
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.content .overlay .project-details-list .project-detail-content > .project-title {
    font-size: 16px;
    font-family: var(--p-fam);
    margin-bottom: 5px;
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.content .overlay .project-details-list .project-detail-content > .stom-button {
    margin-top: var(--gap-m);
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.content .overlay .project-details-list .project-detail-content > .stom-button a:after {
    bottom: 0;
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.projects,
.section-wrap.clear.project-section .section .grid-elements .grid-element.projects .overlay {
    display: block;
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.projects .overlay .projects-list {
    padding-inline: 0;
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.projects .overlay .projects-list .slick-list {
    padding: 0 20% 0 0;
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.projects .overlay .projects-list .slick-list .slick-track {
    overflow: hidden;
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.projects .overlay .projects-list .slick-list .slick-track:before,
.section-wrap.clear.project-section .section .grid-elements .grid-element.projects .overlay .projects-list .slick-list .slick-track:after {
    display: none;
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.projects .overlay .projects-list .slick-list .slick-track .project-item-wrapper {
    position: relative;
    cursor: pointer;
    margin: 0 20px;
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.projects .overlay .projects-list .slick-list .slick-track .project-item-wrapper > a.full-element-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: transparent;
    z-index: 5;

    pointer-events: none;
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.projects .overlay .projects-list .slick-list .slick-track .project-item-wrapper .project-item-background {
    position: relative;
    padding: var(--gap-s);
    min-height: 600px;
    width: 100%;
    margin-bottom: 10px;
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.projects .overlay .projects-list .slick-list .slick-track .project-item-wrapper .project-item-background .project-category {
    position: relative;
    display: inline-block;
    padding: 5px 20px;
    background-color: var(--color-1);
    border: 1px solid var(--color-1);
    color: var(--color-bg);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 350;
    transition: var(--transition);
}

/* .section-wrap.clear.project-section .section .grid-elements .grid-element.projects .overlay .projects-list .slick-list .slick-track .project-item-wrapper:not(.slick-current) .project-item-background {
    filter: grayscale(100%);
} */

.section-wrap.clear.project-section .section .grid-elements .grid-element.projects .overlay .projects-list .slick-list .slick-track .project-item-wrapper:hover .project-item-background .project-category {
    color: #fff;
    background-color: transparent;
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.projects .overlay .projects-list .slick-list .slick-track .project-item-wrapper .project-item-background:before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .26);
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    transition: var(--transition);
    pointer-events: none;
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.projects .overlay .projects-list .slick-list .slick-track .project-item-wrapper:hover .project-item-background:before {
    background-color: rgba(0, 0, 0, .5);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.projects .overlay .projects-list .slick-list .slick-track .project-item-wrapper .project-item-title {
    font-size: 16px;
    font-weight: 250;
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.projects .overlay .projects-list .slick-dots {
    position: static;
    padding-inline: var(--gap-l);
    margin-top: var(--gap-m);
    text-align: right;
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.projects .overlay .projects-list .slick-dots li button {
    width: 30px;
    height: 15px;
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.projects .overlay .projects-list .slick-dots li button:before {
    background-color: transparent;
    border: 1px solid var(--color-1);
    opacity: 1;
    border-radius: 25rem;
}

.section-wrap.clear.project-section .section .grid-elements .grid-element.projects .overlay .projects-list .slick-dots li.slick-active button:before {
    background-color: var(--color-1);
}

/* Sidebar */
body:not(.home):not(.no-sidebar),
body:not(.home):not(.no-sidebar) #page {
    overflow: visible;
}

aside#secondary {
    position: sticky;
    top: 150px;
}

body.admin-bar aside#secondary {
    top: calc(150px + 32px);
}

.widget-area .widget:not(.widget_search):not(.widget_instagram-feed-widget):not(.widget-no-border) {
    font-size: 14px;
    margin-bottom: var(--gap-l);
    background-color: var(--color-3);
}

/* Subpages */
body:not(.home):not(.no-sidebar) {
    background-color: var(--color-bg);
}

body:not(.home):not(.no-sidebar) #primary {
    width: calc(100% - var(--sidebar-width) - 100px);
}

body:not(.home):not(.no-sidebar) header#masthead {
    background-color: rgba(0, 0, 0, 1);
}

body:not(.home):not(.no-sidebar) #main-content #conntet {
    margin-bottom: var(--gap-m);
}

body:not(.home):not(.no-sidebar) .entry-content .stom-button a {
    color: var(--color-text);
}

body:not(.home):not(.no-sidebar) .entry-content .stom-button a:after {
    background-color: var(--color-bg);
}

body:not(.home) .entry-content {
    padding-bottom: var(--gap-l);
}

body:not(.home) .entry-content > h3 {
    margin-top: 50px;
}

body:not(.home) .entry-content > h2,
body:not(.home) .entry-content > h3 {
    font-size: var(--h3);
    color: var(--color-dark);
    /* text-transform: uppercase; */
}

body:not(.home) .entry-content > h2 em,
body:not(.home) .entry-content > h3 em {
    /* text-transform: uppercase; */
    /* color: var(--color-bg); */
}

body:not(.home) .entry-content > p {
    /* color: var(--color-bg); */
}

.stom-checkmark-list ul {
    padding-left: 0;
}

.stom-checkmark-list ul li {
    position: relative;
    padding-left: 1.75em;
    list-style: none;
}

.stom-checkmark-list ul li:not(:last-of-type) {
    margin-bottom: 5px;
}

.stom-checkmark-list ul li:before {
    content: url('images/checkmark.svg');
    position: absolute;
    left: 0;
    width: 1em;
    filter: brightness(0) invert(1);
    line-height: 1.75;
}

.section-wrap.clear.faq-section .section > h2 {
    font-size: var(--h3);
    max-width: 750px;
}

.section-wrap.clear.application-section .section .grid-elements {
    column-gap: calc(var(--gap-l) * 1);
}

.section-wrap.clear.application-section .section .grid-elements .grid-element:not(.heading) .overlay {
    justify-content: flex-start;
}

.section-wrap.clear.application-section .section .grid-elements .grid-element:not(.heading).content .overlay ul li::marker {
    color: var(--color-1);
}

.section-wrap.clear.application-section .section .grid-elements .grid-element:not(.heading).form .overlay .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container > * {
    /* border: 1px solid var(--color-2); */
}

.section-wrap.clear.application-section .section .grid-elements .grid-element:not(.heading).form .overlay .gform_wrapper form .gform_body .gform_fields .gfield .gfield_label {
    font-size: 14px;
    font-weight: 600;
}


.section-wrap.clear.application-section .section .grid-elements .grid-element:not(.heading).form .overlay .gform_wrapper form .gform_footer .gform_button {
    width: 100%;
    background-color: var(--color-1);
    color: #000;
}

.section-wrap.clear.application-section .section .grid-elements .grid-element.form .gform_wrapper form .gform_body .gform_fields .stomGFAS-container-field .stomGFAS-label {
    color: var(--color-text);
}

.section-wrap.clear.application-section .section .grid-elements .grid-element.form .gform_wrapper form .gform_body .gform_fields .stomGFAS-container-field .stomGFAS-inner {
    border: 1px solid #000;
    padding: 10px 10px 10px 15px;
}

.section-wrap.clear.application-section .section .grid-elements .grid-element.form .gform_wrapper form .gform_body .gform_fields .stomGFAS-container-field .stomGFAS-inner .stomGFAS-description .stomGFAS-changes .stomGFAS-the-element {
    border: 2px solid #c1c1c1;
    border-radius: 2px;
    background-color: #fff;
}

body.job-page .section-wrap.clear.contact-alt-section {
    margin-top: var(--gap-l);
}

.section-wrap.clear.price-section {

}

.section-wrap.clear.price-section .section {
    padding-block: calc(var(--gap-l) * 2);
}

.section-wrap.clear.price-section .section .grid-elements .grid-element:not(.heading) .overlay > .price {
    display: block;
    margin-bottom: var(--gap-m);
    font-size: var(--h2);
    font-weight: 600;
}

.section-wrap.clear.price-section .section .grid-elements .grid-element:not(.heading) .overlay > .price + p {
    /* margin-bottom: 10px; */
}

.section-wrap.clear.price-section .section .grid-elements .grid-element:not(.heading) .overlay > ul {
    margin-bottom: 40px;
}

.section-wrap.clear.price-section .section .grid-elements .grid-element:not(.heading) .overlay > ul li::marker {
    color: var(--color-1);
}

.section-wrap.clear.price-section .section .grid-elements .grid-element:not(.heading) .overlay > ul li:not(:last-of-type) {
    margin-bottom: 5px;
}

.section-wrap.clear.quality-section .section .grid-elements .grid-element.heading {
    margin-bottom: 40px;
}

.section-wrap.clear.quality-section .section .grid-elements .grid-element:not(.heading) .overlay {
    justify-content: flex-start;
}

.section-wrap.clear.quality-section .section .grid-elements .grid-element:not(.heading) .overlay > h3 {
    line-height: 1.25;
}

/* Certifications alt */
.section-wrap.clear.certification-alt-section:not(:first-of-type) {
    margin-top: calc(var(--gap-l) * 1.5);
}

.section-wrap.clear.certification-alt-section {
    margin-top: calc(var(--gap-l) * 2);
}

.section-wrap.clear.certification-alt-section .section > h2 {
    font-size: var(--h4);
}

.section-wrap.clear.certification-alt-section .section > .stom-checkmark-list {
    /* border: 1px solid var(--color-1);
    padding: var(--gap-m); */
}

.section-wrap.clear.certification-alt-section .section > .stom-checkmark-list ul li > strong {
    font-weight: 350;
    color: var(--color-1);
}

.section-wrap.clear.certification-section {
    margin-top: 0;
}

.section-wrap.clear.certification-section .section {
    padding-block: calc(Var(--gap-l) * 2);
}

.section-wrap.clear.certification-section .section > * {
    color: var(--color-3);
}

.section-wrap.clear.certification-section .section .container {
    display: flex;
    align-items: flex-start;
    column-gap: 75px;
    margin-top: 80px;
}

.section-wrap.clear.certification-section .section .container > p {
    margin: 0;
}

.section-wrap.clear.accordion-section .section .stom-picture > img {
    max-height: 565px;
}

.section-wrap.clear.comprehensive-section .section .stom-picture > img {
    /* max-height: 675px; */
}

.section-wrap.clear.technology-section {
    margin-top: calc(var(--gap-l) * 2);
}

.section-wrap.clear.technology-section .section {
    margin-bottom: calc(var(--gap-l) * 2);
}

.section-wrap.clear.technology-section .section .grid-elements {
    column-gap: var(--gap-l);
}

.section-wrap.clear.technology-section .section .grid-elements .grid-element.heading .overlay > h2,
.section-wrap.clear.technology-section .section .grid-elements .grid-element.heading .overlay > h2 em {
    text-transform: uppercase;
}

.section-wrap.clear.technology-section .section .grid-elements .grid-element:not(.heading) .overlay {
    justify-content: flex-start;
}

.section-wrap.clear.technology-section .section .grid-elements .grid-element:not(.heading) .overlay > h3 {
    font-size: var(--p);
    letter-spacing: normal;
}

.section-wrap.clear.technology-section .section .grid-elements .grid-element:not(.heading) .overlay > ul {
    padding-left: 1em;
}

.section-wrap.clear.technology-section .section .grid-elements .grid-element:not(.heading) .overlay > ul li:not(:last-of-type) {
    margin-bottom: 5px;
}

.section-wrap.clear.technology-section .section .grid-elements .grid-element:not(.heading) .overlay > ul li::marker {
    color: var(--color-1);
}

body.contact-page .section-wrap.clear.contact-alt-section {
    display: none;
}

/* Management - Employee */
.section-wrap.clear.management-section .section {
    margin-top: calc(var(--gap-l) * 2);
    padding-block: calc(var(--gap-l) * 2);
}

.section-wrap.clear.management-section .section > h2,
.section-wrap.clear.management-section .section > h3 {
    color: var(--color-bg);
    margin-bottom: 30px;
}

.section-wrap.clear.management-section .section > h2 em,
.section-wrap.clear.management-section .section > h3 em {
    color: var(--color-bg);
} 

.section-wrap.clear.management-section .section > * {
    color: var(--color-bg);
}

.section-wrap.clear.management-section .section .stom-tabs .tabs-header li:not(.active) a {
    background-color: #fff;
}

/* Contact page section */
.section-wrap.clear.contact-page-section .section .grid-elements {
    column-gap: 70px;
}

.section-wrap.clear.contact-page-section .section .grid-elements .grid-element.grid-span-2 {
    grid-column: span 2;
}

.section-wrap.clear.contact-page-section .section .grid-elements .grid-element .overlay {
    justify-content: flex-start;
}

.section-wrap.clear.contact-page-section .section .grid-elements .grid-element.info .overlay {
    padding: 20px 0 0;
}

.section-wrap.clear.contact-page-section .section .grid-elements .grid-element.info .overlay > p a {
    text-decoration: none;
    transition: var(--transition);
}

.section-wrap.clear.contact-page-section .section .grid-elements .grid-element.info .overlay > p a:hover {
    color: var(--color-1);
}

.employee-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: var(--gap-l) var(--gap-m);
    margin-top: var(--gap-m);
}

.employee-container .employee .thumbnail {
    line-height: 0;
}

.employee-container .employee .thumbnail > img {
    aspect-ratio: 1 / 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.employee-container .employee .content {
    padding-block: 20px;
    border-bottom: 1px solid var(--color-bg);
}

.employee-container .employee .content > .title {
    font-size: 18px;
    margin-bottom: 10px;
    color: var(--color-text);
}

.employee-container .employee .content > .position {
    display: inline-block;
    color: var(--color-text);
    /* color: var(--color-1); */
    /* background-color: var(--color-bg); */
    /* padding: 8px 18px; */
    font-size: 14px;
}

.employee-container .employee .content > .contact-info {
    margin-top: 10px;
    display: flex;
}

.employee-container .employee .content > .contact-info .mail:after {
    content: '|';
    margin: 0 10px;
    color: var(--color-text);
}

.employee-container .employee .content > .contact-info .mail,
.employee-container .employee .content > .contact-info .phone {
    display: block;
}

.employee-container .employee .content > .contact-info .mail a,
.employee-container .employee .content > .contact-info .phone a {
    text-decoration: none;
    color: var(--color-text);
}

.employee-container .employee .content > .contact-info .mail a:hover,
.employee-container .employee .content > .contact-info .phone a:hover {
    text-decoration: underline;
}

/* Accordion */
.mere-tekst-wrapper > button {
    font-size: var(--p);
    font-weight: 650;
    padding-block: 25px;
    padding-inline: 0;
    background-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    transition: var(--transition);
    color: var(--color-text);

    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mere-tekst-wrapper > button.fold-ind {
    color: var(--color-1);
}

.mere-tekst-wrapper > button:hover {
    border-color: var(--color-1);
    color: var(--color-1);
}

.mere-tekst-wrapper > button .stom-custom-svg {
    font-size: 16px;
    color: var(--color-1);
    line-height: 0;
}

.mere-tekst-wrapper > .mere-tekst {
    font-size: var(--p);
    padding-right: var(--gap-m);
    margin-top: 20px;
    margin-bottom: 20px;
    padding-inline: 0;
}

/* Gravity Form */
.gform_wrapper form .gform_body .gform_fields {
    grid-column-gap: 25px;
    grid-row-gap: 30px;
}

.gform_wrapper form .gform_body .gform_fields .gfield .ginput_container > * {
    font-size: 15px;
    font-weight: 250;
    /* border-bottom: 4px solid var(--color-3) !important; */
    border: none;
    /* background-color: #000; */
    /* text-indent: 10px; */
}

.gform_wrapper form .gform_body .gform_fields .gfield .ginput_container > *::placeholder {
    /* color: #fff; */
    font-size: 15px;
    font-weight: 350;
}

.gform_wrapper form .gform_body .gform_fields .gfield .ginput_container > *:focus-visible {

}

.gform_wrapper form .gform_body .gform_fields .gfield .ginput_container > input {
    padding-bottom: 5px;
    height: 58px;
}

.gform_wrapper form .gform_body .gform_fields .gfield .ginput_container > textarea {
    height: 175px;
}

.gform_wrapper form .gform_body .gform_fields .stomGFAS-container-field .stomGFAS-inner {
    max-width: 100%;
    width: 100%;
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
}

.gform_wrapper form .gform_body .gform_fields .stomGFAS-container-field .stomGFAS-inner .stomGFAS-description .stomGFAS-changes .stomGFAS-the-element {
    border: none;
    width: 20px;
    height: 20px;
}

.gform_confirmation_wrapper .gform_confirmation_message {
    margin-top: var(--gap-m);
    color: var(--color-1);
}

.gform_wrapper form .gform_body .gform_fields .stomGFAS-container-field:focus-within:after {
    display: none;
}

.gform_wrapper form .gform_body .gform_fields .stomGFAS-container-field .stomGFAS-label {
    font-size: 14px;
    color: #fff;
}

.gform_wrapper form .gform_body .gform_fields .stomGFAS-container-field .stomGFAS-icon {
    font-size: 40px;
}

.gform_wrapper form .gform_body .gform_fields .stomGFAS-container-field .stomGFAS-icon > svg path {
    fill: var(--color-1) !important;
}

.gform_wrapper form .gform_body .gform_fields .stomGFAS-container-field .stomGFAS-complete {
    font-size: 16px;
    color: var(--color-1);
}

.gform_wrapper form .gform_footer {
    justify-content: center !important;
    margin: 40px 0 0 !important;
}

.gform_wrapper form .gform_footer .gform_button {
    display: inline-block;
    min-width: 255px;
    font-size: var(--p);
    font-weight: 400;
    color: var(--color-1);
    text-align: center;
    border: 1px solid var(--color-1);
    border-radius: 50rem;
    background: linear-gradient(to right, var(--color-1) 0%, var(--color-1) 50%, transparent 50%);
    background-size: 200% 100%;
    background-position: 100% 0;
    padding: 11px 20px;
    transition: background-position 0.4s ease-in-out, color 0.3s ease-in-out;
    min-width: 392px;
    padding: 16px 20px;
}

.gform_wrapper form .gform_footer .gform_button:hover {
    background-position: 0 0;
    color: var(--color-3);
    border-color: var(--color-1);
}


/* Before Colophon */
.section-wrap.clear.contact-section {
    /* margin-top: calc(var(--gap-l) * 2); */
    margin-top: 0;
}

.section-wrap.clear.contact-section .section .stom-cols-6 {
    padding-right: 60px;
}

.section-wrap.clear.contact-section .section .stom-cols-6 .stom-center-box > p {
    font-weight: 300;
    line-height: 1.25;
}

/* New contact section */
.section-wrap.clear.contact-alt-section {
    margin-top: 0;
}

.section-wrap.clear.contact-alt-section .section {
    padding-block: calc(var(--gap-l) * 2);   
}

.section-wrap.clear.contact-alt-section .section .stom-small.small-center > h2,
.section-wrap.clear.contact-alt-section .section .stom-small.small-center > h3,
.section-wrap.clear.contact-alt-section .section .stom-small.small-center > h2 em,
.section-wrap.clear.contact-alt-section .section .stom-small.small-center > p,
.section-wrap.clear.contact-alt-section .section .stom-small.small-center > span.full-contact-list a {
    /* color: var(--color-bg); */
    color: var(--color-text);
}

.section-wrap.clear.contact-alt-section .section .stom-small.small-center > h2 {
    margin-bottom: 50px;
    text-transform: uppercase;
}

.section-wrap.clear.contact-alt-section .section .stom-small.small-center > h2 em {
    color: var(--color-1);
    text-transform: uppercase;
}

.section-wrap.clear.contact-alt-section .section .stom-small.small-center > h3 {
    font-size: 20px;
    font-weight: 650;
    letter-spacing: normal;
}

.section-wrap.clear.contact-alt-section .section .stom-small.small-center > p {
    font-weight: 350;
}

.section-wrap.clear.contact-alt-section .section .stom-small.small-center > span.full-contact-list {
    display: block;
}

.section-wrap.clear.contact-alt-section .section .stom-small.small-center > span.full-contact-list a {
    font-weight: 550;
}

.section-wrap.clear.contact-alt-section .section .stom-small.small-center > span.full-contact-list a:hover {
    text-decoration: underline;
}

.section-wrap.clear.contact-alt-section .section .stom-small.small-center > span.full-contact-list a .stom-custom-svg {
    color: var(--color-1);
}

.section-wrap.clear.contact-alt-section .section .stom-small.small-center > .stom-button {
    margin-top: 50px;
}

.section-wrap.clear.contact-alt-section .section .stom-small.small-center > .stom-button a {
    min-width: 325px;
    display: inline-block;
    font-size: var(--p);
    font-weight: 450;
    color: #000;
    text-align: center;
    border: 1px solid var(--color-1);
    background-color: var(--color-1);
    border-radius: 50rem;
    padding: 11px 20px;
    transition: var(--transition);
}

.section-wrap.clear.contact-alt-section .section .stom-small.small-center > .stom-button a:after {
    display: none;
}

.section-wrap.clear.contact-alt-section .section .stom-small.small-center > .stom-button a:hover {
    background-color: #000 !important;
    color: var(--color-1) !important;
}
/* Colophon */
#colophon.footer-setting-02 {
    background-color: var(--color-3);
    /* font-size: 18px; */
    font-size: var(--p);
    line-height: 1.5;
    /* background-color: var(--color-bg); */
}

.footer-setting-02 .footer-widget-area-site-info .section {
    border-top-color: var(--color-1);
}

.footer-setting-02 .footer-widget-area .section {
    padding: 90px 0 50px;
}

.footer-setting-02 .footer-widget-area .section > .footer-entry-title {
    font-size: var(--h3);
    color: #fff;
    margin-bottom: 40px;
    letter-spacing: normal;
}

.footer-setting-02 .footer-widget-area .section > .top-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #414141;
    margin-bottom: 70px;
    padding-bottom: 40px;
}

.footer-setting-02 .footer-widget-area .section > .top-footer > p:first-of-type {
    margin: 0;
}


.footer-setting-02 .footer-widget-area .section > .top-footer > p:first-of-type img {
    line-height: 0;
    max-width: 215px;
}

.footer-setting-02 .footer-widget-area .section > .top-footer .certificates {
    display: flex;
    align-items: center;
    gap: 15px;
}

.footer-setting-02 .footer-widget-area .section > .top-footer .certificates > p {
    margin: 0;
}

.footer-setting-02 .footer-widget-area .section > .top-footer .certificates > p img {
    aspect-ratio: 1 / 1;
    width: 95px;
    height: 95px;
}

.footer-setting-02 .footer-widget-area .section > .bottom-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 70px;
}

.footer-setting-02 .footer-widget-area .section > .bottom-footer > p:first-of-type {
    margin-bottom: 0;
}

.footer-setting-02 .footer-widget-area .section > .bottom-footer .logo > p img {
    max-width: 200px;
}

/*
.footer-setting-02 .footer-widget-area .section > .bottom-footer > p:first-of-type {
    margin: 0;
}

.footer-setting-02 .footer-widget-area .section > .bottom-footer > p:first-of-type img {
    line-height: 0;
    max-width: 215px;
}
    */

.footer-setting-02 .footer-widget-area .section > .bottom-footer .socials-wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
}

.footer-setting-02 .footer-widget-area .section > .bottom-footer .socials-wrapper a {
    padding: 0;
    width: 40px;
    height: 40px;
    background-color: var(--color-dark);
    border-radius: 50rem;

    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-setting-02 .footer-widget-area .section > .bottom-footer .socials-wrapper a > img {
    max-width: 16px;
}

.footer-setting-02 .footer-widget-area .section > .bottom-footer .socials-wrapper a span.stom-custom-svg {
    font-size: 16px;
    color: var(--color-1);
    transition: var(--transition);
}

.footer-setting-02 .footer-widget-area .section > .bottom-footer .socials-wrapper a:hover span.stom-custom-svg {
    color: var(--color-1);
}

.footer-setting-02 .footer-widget-area .section .grid-elements {
    /* display: flex;
    justify-content: space-between; */
    column-gap: var(--gap-l);
}

.footer-setting-02 .footer-widget-area .section .grid-elements .grid-element .overlay .footer-widgets .widget .textwidget > p strong {
    color: var(--color-1);
}

#colophon .footer-widget-area.stom-grid-section .grid-element .overlay .footer-widgets .widget .textwidget > p a {
    text-decoration: none;
    transition: var(--transition);
}

#colophon .footer-widget-area.stom-grid-section .grid-element .overlay .footer-widgets .widget .textwidget > p a:hover {
    color: var(--color-1);
}

#colophon .copyright {
    font-size: 14px;
    font-weight: 350;
    color: var(--color-2);
}

#colophon .footer-widget-area-site-info .section {
    padding: 20px 0;
}

#colophon .copyright .section .footer-widgets .widget .textwidget > ul {
    display: flex;
    align-items: center;
}

#colophon .copyright .section .footer-widgets .widget .textwidget > ul li {

}

#colophon .copyright .section .footer-widgets .widget .textwidget > ul li:not(:last-of-type):after {
    content: '|';
    margin: 0 5px;
}

#colophon .copyright .section .footer-widgets .widget .textwidget > ul li a {
    padding: 0;
    transition: var(--transition);
    text-decoration: none;
}

#colophon .copyright .section .footer-widgets .widget .textwidget > ul li a:hover {
    color: var(--color-1);
}

#colophon .logo-widget .textwidget > p img {
    /* max-width: 175px; */
}

#colophon .textwidget > strong {
    color: var(--color-1);
}

#colophon .logo-widget .certificates {
    display: flex;
    align-items: flex-start;
    grid-gap: var(--gap-s);
    flex-wrap: wrap;
    margin-top: 20px;
}

#colophon .logo-widget .certificates img {
    max-width: 70px;
    max-height: 70px;
}

#colophon .widget-title {
    font-size: var(--p);
    color: var(--color-1);
}

/* Tabs */
.stom-tabs .tabs-header-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #000;
    margin-bottom: 40px;
    padding-bottom: 40px;
}

.stom-tabs .tabs-header-wrapper > .tabs-title {
    margin-bottom: 0;
}

.stom-tabs .tabs-header-wrapper > .tabs-title,
.stom-tabs .tabs-header-wrapper > .tabs-title em {
    color: var(--color-bg);
}

.stom-tabs .tabs-header {
   
}

.stom-tabs .tabs-header li:not(:last-of-type) {
    margin-right: 10px;
}

.stom-tabs .tabs-header li a {
    font-size: 12px;
    border: 1px solid #000;
    background-color: #000;
    border-radius: 10px;
    /* color: #fff; */
    min-width: 160px;
    text-align: center;
}

.stom-tabs .tabs-header li a:focus {
    outline: none;
}

.stom-tabs .tabs-header li a:hover {
    background-color: #414141;
    border-color: #414141;
    border-bottom-color: #414141;
    /* border: none; */
}

.stom-tabs .tabs-header li.active a {
    border: none;
    background-color: var(--color-1);
    border: 1px solid var(--color-1);
}

.stom-tabs .tabs-wrapper {
    border: none;
    padding: 0;
}

.stom-tabs .tabs-wrapper .tabs-content .tab-heading {
    font-size: 18px;
}

/*======================================================================//
// END style.css                                                        //
//======================================================================*/


/*======================================================================//
// woocommerce.css                                                      //
//======================================================================*/


/* woocommerce style goes here */


/*======================================================================//
// END woocommerce.css                                                  //
//======================================================================*/

#number-three-sticky-mobile-cta .cta-container .stom-button a {
    border-radius: 0;
    flex-direction: row;
    gap: 8px;
    font-size: var(--p);
    color: #fff;
    min-width: auto;
}

#number-three-sticky-mobile-cta .cta-container .stom-button a p {
    
}

#number-three-sticky-mobile-cta .cta-container .stom-button a .stom-custom-svg {
    line-height: 0;
    font-size: var(--p);
}

#number-three-sticky-mobile-cta .cta-container .stom-button:not(:last-child) a {
    border-right-color: var(--color-1);
}












/* Overlay Base Style */
#fullscreenOverlay.overlay {
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-bg);
    color: #fff;
    transition: top 0.5s ease;
    z-index: 99999;
    overflow-y: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}


#fullscreenOverlay.overlay.active {
    top: 0;
}

body.admin-bar #fullscreenOverlay.overlay.active {
    top: calc(0px + 32px);
}

#fullscreenOverlay .overlay-content {
    max-width: 1000px;
    width: 100%;
    text-align: center;
    padding: var(--gap-m);
}

#fullscreenOverlay .overlay-content > h3 {
    letter-spacing: normal;
}

#fullscreenOverlay .overlay-content > p {
    max-width: 750px;   
    margin-inline: auto;
}

.overlay-close {
    position: absolute;
    top: 15px;
    right: 25px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    transition: color 0.3s ease;
}

.overlay-close:hover {
    color: var(--color-1);
}

/* Prevent background scroll when overlay is active */
body.overlay-active {
    overflow: hidden;
}


/* Projects */
.section-wrap.clear.project-alt-section .section > p {
    max-width: 950px;
}

body.project-page .section-wrap.clear.contact-alt-section {
    margin-top: calc(var(--gap-l) * 2);
}

body.project-page .projects-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: var(--gap-m);
    margin-top: var(--gap-m);
}

body.project-page .projects-list .project-item-wrapper {
    position: relative;
}

body.project-page .projects-list .project-item-wrapper > a.full-element-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: transparent;
    z-index: 5;
}

body.project-page .projects-list .project-item-wrapper > .project-item-title {
    font-size: 20px;
    font-weight: 250;
}

body.project-page .projects-list .project-item-wrapper .project-item-background {
    position: relative;
    min-height: 600px;
    padding: var(--gap-s);
    margin-bottom: 10px;
}

body.project-page .projects-list .project-item-wrapper .project-item-background:before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .26);
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    transition: var(--transition);
    pointer-events: none;
}

body.project-page .projects-list .project-item-wrapper:hover .project-item-background:before {
    background-color: rgba(0, 0, 0, .5);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

body.project-page .projects-list .project-item-wrapper .project-item-background > .project-category {
    position: relative;
    display: inline-block;
    padding: 5px 20px;
    background-color: var(--color-1);
    border: 1px solid var(--color-1);
    color: var(--color-bg);
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 350;
    transition: var(--transition);
}

body.project-page .projects-list .project-item-wrapper:hover .project-item-background > .project-category {
    color: #fff;
    background-color: transparent;
}

body.single-projects {
    background-color: var(--color-4);
}

body.single-projects #main-content {
    /* margin-top: 0; */
}

body.single-projects .section-wrap.clear .section > h2,
body.single-projects .section-wrap.clear .section > h3,
body.single-projects .section-wrap.clear .section > p,
body.single-projects .section-wrap.clear .section > .stom-button a {
    color: var(--color-bg);
}

body.single-projects .section-wrap.clear .section > .stom-button a:after {
    background-color: var(--color-bg);
}

body.single-projects .section-wrap.clear.no-margin-top {
    margin-top: 0;
}

body.single-projects #main-content + .section-wrap.clear.stom-billede-sektion {
    margin-top: 0;
}

body.single-projects .section-wrap.clear.stom-billede-sektion .stom-cols-6 .stom-center-box > h2,
body.single-projects .section-wrap.clear.stom-billede-sektion .stom-cols-6 .stom-center-box > h3,
body.single-projects .section-wrap.clear.stom-billede-sektion .stom-cols-6 .stom-center-box > p {
    /* color: var(--color-bg); */
}

body.single-projects .section-wrap.clear.stom-billede-sektion .stom-cols-6 .stom-center-box > h3 {
    margin-top: 50px;
}

body.single-projects .section-wrap.clear.stom-billede-sektion .stom-cols-6 .stom-center-box > .stom-button a {
    /* color: var(--color-bg); */
}

body.single-projects .section-wrap.clear.stom-billede-sektion .stom-cols-6 .stom-center-box > .stom-button a:after {
    /* background-color: var(--color-bg); */
}

body.single-projects .section-wrap.clear.stom-billede-sektion .stom-entry-header .stom-title > h2,
body.single-projects .section-wrap.clear.stom-billede-sektion .stom-entry-header .stom-title > h2 em {
    /* color: var(--color-bg); */
}

body.single-projects .entry-content {
    margin-top: 0;
}

body.single-projects .entry-content > h2,
body.single-projects .entry-content > h3 {
    /* color: #fff; */
}

body.single-projects .entry-content > h2 em,
body.single-projects .entry-content > h3 em {
    /* color: #fff; */
}

body.single-projects .entry-content > p {
    /* color: #fff; */
}

body.single-projects .section-wrap.clear.contact-alt-section {
    margin-top: calc(var(--gap-l) * 2);
}

/* Projects - archive */
.stom-projects-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 40px 20px;
    align-items: stretch; 
}

.stom-projects-list .project {
    display: flex;
    flex-direction: column;
    position: relative;
}

.stom-projects-list .project > a.full-element-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: transparent;
    z-index: 5; 
}

.stom-projects-list .project .image {
    position: relative;
    line-height: 0;
}

.stom-projects-list .project .image:before {
    content:"";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(215, 242, 5, 0);
    transition: var(--transition);
    pointer-events: none;
}

.stom-projects-list .project:hover .image:before {
    background-color: rgba(215, 242, 5, .25);
}

.stom-projects-list .project .image > img {
    aspect-ratio: 3 / 2;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.stom-projects-list .project .content {
    display: flex;
    flex-direction: column;
    flex: 1;
    background-color: #e6e6e6;
    padding: 30px 20px;
}

.stom-projects-list .project .content .title {
    font-size: 16px;
    color: #000;
}


.stom-projects-list .project .content .excerpt {
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.stom-projects-list .project .content .excerpt > p {
    color: #000;
}

body.single-projects .section-wrap.clear.stom-billede-sektion .stom-cols-6 .stom-center-box > blockquote {
    margin-bottom: 2em;
    margin-inline: 0;
    font-style: italic;
}

body.single-projects .section-wrap.clear.stom-billede-sektion .stom-cols-6 .stom-center-box > blockquote * {
    color: var(--color-bg);
}

/* Tilrettelser */
body:not(.home) .page-slider-section .image-aligner img {
    max-height: 100vh;
}

body.single-post .section-wrap.clear.contact-alt-section {
    margin-top: var(--gap-l);
}

.single .navigation.post-navigation .nav-links > div a {
    background-color: var(--color-3);
    color: #fff;
    border-radius: var(--border-radius);
}