/*
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: 70px;
    --h2: 70px;
    --h3: 25px;
    --h4: 22px;
    --h5: 16px;
    --h6: 14px;
    --p: 20px;

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

    /* font families */
    --h-fam: 'roc-grotesk', sans-serif;
    --p-fam: 'proxima-nova', sans-serif;
    --btn-fam: var(--p-fam);

    /* colors */
    --color-1: #D4E785;
    --color-2: #074D43;
    --color-bg: #f6f6f6;
    --color-text: #1D2629;
    --color-dark: #1D2629;
    --color-overlay: rgb(0 0 0 / 0%);

    /* transitions */
    --transition: .175s ease-out;

    --border-radius: 10px;

    /* 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: 900px;
    
    /* Theme defined variables from PHP */
    --content-width: initial;
    --sidebar-width: initial;
    /* END Theme defined variables from PHP */
}


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


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


/* Generel */
html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    scroll-behavior: smooth;
  }

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    line-height: 1.1;
    text-transform: uppercase;
    margin-bottom: 8px;
}

b, strong {
    font-weight: 600;
}

html, body, input, select, optgroup, textarea {
    line-height: 1.25;
}

p {

}

p + .stom-button {
    margin-top: 5px;
}

.stom-button a {
    position: relative;
    display: inline-block;
    /* border: none; */
    border-radius: 50rem;
    color: #1D2629;
    font-size: var(--p);
    font-weight: 400;
    line-height: 1.25;
    background-color: var(--color-1);
    padding: 14px 40px 14px 20px;
}

.stom-button.white a {
    background-color: #fff;
    border-color: #fff;
}

.stom-button.white a:hover,
.stom-button.white a:focus {
    background-color: #fff;
    border-color: #fff;
}

.stom-button.green a {

}

.stom-button.transparent a {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
}

.stom-button.transparent a:hover {
    color: inherit;
    border-color: inherit;
    background-color: transparent;
}

.stom-button a:hover,
.stom-button a:focus {
    color: #1D2629;
    background-color: var(--color-1);
    border-color: var(--color-1);
}

.stom-button a .button-icon {
    margin-left: .5em;
}

.stom-button a .button-icon > .stom-custom-svg {
    font-size: 14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: var(--transition);
    line-height: 0;
}

.stom-button a .button-icon > .arrow-right {
    opacity: 1;
    transition: opacity 0.7s ease, transform 0.7s ease;
}

.stom-button a .button-icon > .bicycle {
    font-size: 20px;
    opacity: 0;
    transform: translate(-15px, -50%);
    transition: opacity 0.7s ease, transform 0.7s ease;
}

/* Hover */ 
.stom-button a:hover .button-icon > .arrow-right {
    opacity: 0;
}

.stom-button a:hover .button-icon > .bicycle {
    opacity: 1;
    transform: translate(0, -50%);
}

span.read-more a {
    font-size: var(--p);
    /* font-weight: 600; */
    font-weight: 500;
    text-decoration: none;   
}

span.read-more a .stom-custom-svg {
    font-size: 13px;
    line-height: 0;
    color: var(--color-2);
    margin-left: .25em;
}

span.read-more a .stom-custom-svg svg {
    transition: var(--transition);
}

span.read-more a:hover .stom-custom-svg svg {
    rotate: 90deg;
    -webkit-rotate: 90deg;
}

.sub-heading {
    display: block;
    font-size: var(--p);
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 5px;
}

header .top-bar ul li .stom-custom-svg {
    margin-right: .25em;
}

/* Logo + Menu */
.home header .main-navigation ul.menu a {
    color: #fff;
}

header .nav-wrap {
    height: 100%;
}

header .main-navigation {
    justify-content: center;
}

header .main-navigation ul.menu a {
    font-size: 18px;
    font-weight: 400;
    padding: .7em 2em;
    transition: var(--transition);
}

.hover-active:not(.hover-style-bold) ul.menu a:before {
    background-color: var(--color-2);
}

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

#primary-menu li.menu-item-has-children ul.sub-menu li.menu-item:not(:hover) a {
    color: var(--color-text);
}

#primary-menu li.menu-item-has-children ul.sub-menu li.menu-item a {
    font-size: 15px;
    width: 240px;
}

#primary-menu li.menu-item-has-children ul.sub-menu li.menu-item a .hidden-menu-item {
    padding: .7em 1.25em;
    justify-content: flex-start;
}

.home #primary-menu li.menu-item-has-children ul.sub-menu li.menu-item:hover a {
    color: inherit;
}

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

.site-branding #logo img, 
.site-branding #logo svg,
.woocommerce-checkout .header-sticky-active.scrolled header .site-branding #logo img.logo-landscape {
    max-width: 104px;
    max-height: 90px;
    width: auto;
    height: auto;
}

body:not(.home) .site-branding #logo img,
body:not(.home) .site-branding #logo svg {
    filter: brightness(0%);
}

.style-header-02 .site-branding #logo,
.woocommerce-checkout .header-sticky-active.scrolled header .site-branding #logo {
    padding: 30px 0;
    width: 104px;
}

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

.header-sticky-active.scrolled header .site-branding #logo img.logo-landscape {
    max-height: 50px;
}

.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: 400;
    color: var(--color-1);
}

body:not(.home) .hover-style-bold ul.menu li:hover > a, 
body:not(.home) .hover-style-bold ul.menu li.focus > a, 
body:not(.home) .hover-style-bold ul.menu .current-menu-item > a, 
body:not(.home) .hover-style-bold ul.menu .current-menu-ancestor > a {
    color: var(--color-2);
}

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

.style-header-02 .header-inner {
    align-items: center;
    width: 100%;
}

/* Header */
header#masthead {
    box-shadow: none;
    border-bottom: 1px solid transparent;
}

.header-sticky-active #masthead {
	transition: background-color, border;
	transition-duration: 175ms;
}

.home header#masthead {
    background-color: transparent;
}

body:not(.home) header#masthead {
    border-bottom: 1px solid var(--color-text);
}

body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-sticky-active.scrolled #masthead {
    box-shadow: none;
}

body.home:not(.woocommerce-cart):not(.woocommerce-checkout) .header-sticky-active.scrolled #masthead {
    background-color: var(--color-2);
    border-bottom-color: #fff;
}

.home .page-slider-section .image-aligner img {
    min-height: 100vh;
    /* min-height: 911px; */
}

.home .page-slider-section .slider-text {
    align-items: flex-end;
	padding-top: var(--header-height);
    padding-bottom: calc(var(--gap-l) * 1.5);
}

.home .page-slider-section .slider-text-inner .slider-text-inner-wrapper {
    max-width: 100%;
}

.home .page-slider-section .slider-text-inner .slider-text-inner-wrapper .white-text > h1 {
    font-size: 70px;
    margin-bottom: 15px;
}

.page-slider-section .slider-text-inner .slider-text-inner-wrapper .white-text > p {
    font-size: 25px;
    max-width: 780px;
}

.home .page-slider-section .slider-text-inner .slider-text-inner-wrapper .white-text > p + .stom-button {
    margin-top: var(--gap-s);
}

.home .page-slider-section .slider-text-inner .slider-text-inner-wrapper .white-text > .stom-button a {
    font-size: 25px;
    padding: 12px 40px 12px 20px;
}

header .top-bar {
    font-size: 16px;
    font-weight: 400;
    border-radius: 0 0 var(--border-radius) var(--border-radius);
}

.home header .top-bar {
    background-color: #fff !important;
    color: var(--color-2);
}

header .top-bar .section > ul {
    justify-content: space-between;
}

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

#masthead .stom-button a {
    color: #1D2629;
}

body:not(.home) .main-slider-section {
	--slider-text-width: 770px;
	font-size: 1em;
}
body:not(.home) .main-slider-section .slider-inner {
	max-width: 1200px;
	margin: calc(1.25 * var(--gap-m)) auto 0;
	color: #fff;
	text-align: center;
	border-radius: var(--gap-s);
	overflow: hidden;
}
body:not(.home) .page-slider-section .slider-text-inner {
	width: 100%;
}
body:not(.home) .page-slider-section .slider-text {
	justify-content: center;
}
body:not(.home) .main-slider-section .slider-text h1 {
	color: currentColor;
}
body:not(.home) .page-slider-section .slider-text-inner .slider-text-inner-wrapper {
	margin-inline: auto;
}

/* Sections */
.section-wrap.clear.stom-grid-section .section .grid-elements .grid-element.button {
    margin-top: var(--gap-s);
}

.section-wrap.clear.stom-grid-section .section .grid-elements .grid-element.button .overlay {
    align-items: flex-end;
}

.section-wrap.clear.stom-grid-section .section .grid-elements .grid-element:not(.heading):hover .overlay > .stom-button a .button-icon .arrow-right {
    opacity: 0;
} 

.section-wrap.clear.stom-grid-section .section .grid-elements .grid-element:not(.heading):hover .overlay > .stom-button a .button-icon .bicycle {
    opacity: 1;
    transform: translate(0, -50%);
} 

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

.stom-billede-sektion .stom-cols-6 {
    min-height: 685px;
}

.stom-billede-sektion.align-top .stom-cols-6 {
    align-items: flex-start;
    padding-top: 0;
}

.stom-billede-sektion .stom-cols-6 .stom-center-box > h2 {
    font-size: 60px;
}

.stom-billede-sektion .stom-cols-6 .stom-center-box > p + .stom-button {
    margin-top: 5px;
}

/* Frontpage */
.section-wrap.clear.kpi-section .section .grid-elements {
    column-gap: 60px;
}

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

.section-wrap.clear.kpi-section .section .grid-elements .grid-element.heading .overlay {
    max-width: 780px;
}

.section-wrap.clear.kpi-section .section .grid-elements .grid-element.heading .overlay > h2,
.section-wrap.clear.kpi-section .section .grid-elements .grid-element.heading .overlay > h3 {
    font-size: var(--h2);
}

/* .section-wrap.clear.kpi-section .section .grid-elements .grid-element:not(.heading) .overlay > .stom-custom-svg {
    font-size: 60px;
    color: var(--color-2);
} */

.section-wrap.clear.kpi-section .section .grid-elements .grid-element:not(.heading) .overlay > p:first-of-type {
    margin: 0 0 25px;
    line-height: 0;
}

.section-wrap.clear.kpi-section .section .grid-elements .grid-element:not(.heading) .overlay > p:first-of-type img {

}

.section-wrap.clear.kpi-section .section .grid-elements .grid-element:not(.heading) .overlay > h2,
.section-wrap.clear.kpi-section .section .grid-elements .grid-element:not(.heading) .overlay > h3 {
    font-size: var(--h3);
    line-height: 1.25;
    margin-bottom: 5px;
}

.section-wrap.clear.kpi-section .section .grid-elements .grid-element:not(.heading) .overlay > p {
    font-size: 18px;
    font-weight: 400;
}

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

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

.section-wrap.clear.product-section .section .grid-elements {
    column-gap: var(--gap-l);
    row-gap: 60px;
}

.section-wrap.clear.product-section .section .grid-elements .grid-element.heading .overlay > p {
    max-width: 575px;
    font-weight: 400;
}

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

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

.section-wrap.clear.product-section .section .grid-elements .grid-element:not(.heading).has-background:hover:before {
    background-color: rgba(0, 0, 0, .5);
}

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

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

.section-wrap.clear.product-section .section .grid-elements .grid-element:not(.heading) .overlay .content > h2,
.section-wrap.clear.product-section .section .grid-elements .grid-element:not(.heading) .overlay .content > h3 {
    font-size: 60px;
    margin-bottom: 0;
}

.section-wrap.clear.product-section .section .grid-elements .grid-element:not(.heading) .overlay .content > p {
    font-weight: 400;
}

.section-wrap.clear.product-section .section .grid-elements .grid-element:not(.heading) .overlay .content .price {
    margin-top: var(--gap-m);
}

.section-wrap.clear.product-section .section .grid-elements .grid-element:not(.heading) .overlay .content .price > h3 {
    font-size: 50px;
    font-weight: 600;
    font-family: var(--p-fam);
    text-transform: inherit;
}

.section-wrap.clear.product-section .section .grid-elements .grid-element:not(.heading) .overlay .content .price > p {
    font-weight: 400;
}

.section-wrap.clear.product-section .section .grid-elements .grid-element:not(.heading) .overlay > .stom-button a {
    float: right;
}

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

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

.section-wrap.clear.guide-section .section .grid-elements .grid-element.heading .overlay > h2,
.section-wrap.clear.guide-section .section .grid-elements .grid-element.heading .overlay > h3 {
    font-size: var(--h2);
}

.section-wrap.clear.guide-section .section .grid-elements .grid-element:not(.heading) .overlay > h2,
.section-wrap.clear.guide-section .section .grid-elements .grid-element:not(.heading) .overlay > h3 {
    font-size: var(--h3);
    line-height: 1.25;
    margin-bottom: 5px;
}

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

.section-wrap.clear.guide-section .section .grid-elements .grid-element:not(.heading) .overlay > p:first-of-type {
    margin: 0 0 25px;
    line-height: 0;
}

.section-wrap.clear.service-section {
    /* height: 800px; */
    background-size: cover;
    padding-block-end: calc(var(--gap-l) * 4.75);
    margin-top: calc(var(--gap-l) * 2);
}

.section-wrap.clear.service-section .section .grid-elements .grid-element .overlay > h2 {
    
}

.section-wrap.clear.service-section .section .grid-elements .grid-element .overlay > p {
    font-weight: 400;
}

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

.section-wrap.clear.video-section:before {
    content:"";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .35);
    pointer-events: none;
    z-index: 2;
}

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

.section-wrap.clear.video-section > div:not(.section-video) {
    position: relative;
    z-index: 3;
}

.section-wrap.clear.video-section .section .grid-elements {
    column-gap: 70px;
}

.section-wrap.clear.video-section .section .grid-elements .grid-element.heading .overlay {
    max-width: 870px;
}

.section-wrap.clear.video-section .section .grid-elements .grid-element.heading .overlay > .sub-heading {
    font-weight: 400;
}

.section-wrap.clear.video-section .section .grid-elements .grid-element.heading .overlay > h2,
.section-wrap.clear.video-section .section .grid-elements .grid-element.heading .overlay > h3 {
    font-size: var(--h2);
}

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

.section-wrap.clear.video-section .section .grid-elements .grid-element:not(.heading) .overlay > p:first-of-type {
    margin: 0 0 25px;
    line-height: 0;
}

.section-wrap.clear.video-section .section .grid-elements .grid-element:not(.heading) .overlay > p:first-of-type .stom-custom-svg {

}

.section-wrap.clear.video-section .section .grid-elements .grid-element:not(.heading) .overlay > h3 {
    font-weight: 400;
}

.section-wrap.clear.experience-section {
    position: relative;
    overflow: hidden;
    margin-top: 0;
}

.section-wrap.clear.experience-section:after {
    content: '';
    position: absolute;
    right: 15px;
    bottom: -10px;
    display: block;
    background-image: url('images/element.png');
    background-repeat: no-repeat;
    background-size: 100%;
    width: 130px;
    height: 150px;
    pointer-events: none;
    line-height: 0;
}

.section-wrap.clear.experience-section .section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-block: 60px;
    column-gap: var(--gap-m);
}

.section-wrap.clear.experience-section .section > .stom-button {
    position: relative;
    z-index: 2;
}

.section-wrap.clear.experience-section .section > .stom-button a {
    background-color: var(--color-1);
}

.section-wrap.clear.experience-section .section:after {
    display: none;
}

.section-wrap.clear.experience-section .section > h2,
.section-wrap.clear.experience-section .section > h3 {
    font-size: 40px;
    font-weight: 500;
    text-transform: inherit;
    margin-bottom: 0;
}

.section-wrap.clear.experience-section .section > .stom-button a {
    border-color: #1D2629;
}

/* Subpages */
body:not(.home),
body:not(.home) #page {
    overflow: visible;
}

body:not(.home) #main-content #content {
    max-width: 1200px;
}

body:not(.home) #main-content #content #primary article .entry-header .entry-title {
    font-size: 40px;
}

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

body:not(.home) .entry-content > p {
    font-size: 17px;
}

body.stom-terms-page #main-content #content {
    max-width: 950px;
    margin-inline: auto;
}

body.stom-terms-page .entry-content {
    font-size: 17px;
}

body.handelsbetingelser .entry-content > ul li,
body.handelsbetingelser .entry-content > p {
    font-size: 15px;
}

body.handelsbetingelser .entry-content > h3 {
    color: var(--color-2);
}

body.handelsbetingelser .entry-content > ul li:not(:last-of-type) {
    margin-bottom: 5px;
}

body:not(.home) .entry-content > h2 {
    font-size: 40px;
}

body:not(.home) .entry-content > h3 {
    font-size: 32px;
}

body:not(.home) .entry-content > h2:not(:first-of-type) {
    margin-top: 50px;
}

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

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

/* Sidebar */
aside#secondary {
    position: sticky;
    top: 170px;
}

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

.widget-area .widget:not(.widget_search):not(.widget_instagram-feed-widget):not(.widget-no-border) {
    font-size: 16px;
    background-color: var(--color-2);
    border-radius: var(--border-radius);
}

/* Accordion */
.mere-tekst-wrapper {
    border-bottom: 1px solid;
}

.mere-tekst-wrapper > button.fold-ud,
.mere-tekst-wrapper > button.fold-ind {
    font-size: 25px;
    font-weight: 400;
    background-color: transparent;
    padding: 21px 0;
    border: none;
    color: #1D2629;
    /* border-bottom: 1px solid; */

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

.mere-tekst-wrapper > button .stom-custom-svg {
    font-size: 35px;
    line-height: 0;
}

.mere-tekst-wrapper > button.fold-ud:hover,
.mere-tekst-wrapper > button.fold-ind:hover {
    background-color: transparent;
    color: var(--color-1);
}

.mere-tekst-wrapper .mere-tekst {
    max-width: 650px;
    padding-block: var(--gap-s);
}

.mere-tekst-wrapper .mere-tekst > h2,
.mere-tekst-wrapper .mere-tekst > h3 {
    font-size: var(--h3);
    text-transform: inherit;
}

.mere-tekst-wrapper .mere-tekst > p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.25;
} 

.mere-tekst-wrapper .mere-tekst > ul li,
.mere-tekst-wrapper .mere-tekst > ol li {
    font-size: 16px;
    font-weight: 300;
}

.mere-tekst-wrapper + .stom-button {
    margin-top: 60px;
}

/* Before Colophon */
.home .section-wrap.clear.faq-section {
    margin-top: 0;
    background-color: var(--color-2);
}

.home .section-wrap.clear.faq-section .section .stom-cols-6 .stom-center-box > * {
    color: #fff;
}

.home .section-wrap.clear.faq-section .section .stom-cols-6 .stom-center-box .mere-tekst-wrapper > .button {
    color: #fff;
}

.home .section-wrap.clear.faq-section .section .stom-cols-6 .stom-center-box .mere-tekst-wrapper > .button:hover {
    color: var(--color-1);
}

.home .section-wrap.clear.faq-section .section .stom-cols-6 .stom-center-box > .stom-button a {
    border-color: #fff;
}

.section-wrap.clear.faq-section .section {
    padding-block-start: calc(var(--gap-l) * 2);
    padding-block-end: 0;
}

.section-wrap.clear.faq-section .section .stom-cols-6 {
    padding-bottom: calc(var(--gap-l) * 1.75);
}

.section-wrap.clear.faq-section .section .stom-cols-6 .stom-center-box {
    width: 100%;
}

.section-wrap.clear.faq-section .section .stom-cols-6 .stom-center-box > .sub-heading {
    font-weight: 300;
}

.section-wrap.clear.faq-section .section .stom-cols-6 .stom-center-box > h2 {
    font-size: var(--h2);
}

.section-wrap.clear.faq-section .section .stom-cols-6 .stom-center-box > .stom-button {
    float: right;
}

.section-wrap.clear.faq-section .section .stom-cols-6 .stom-center-box > .stom-button a {
    border-color: var(--color-text);
}

.section-wrap.clear.white-text .mere-tekst-wrapper > button {
    color: #fff;
}

.section-wrap.clear.white-text .mere-tekst-wrapper > button:hover {
    color: var(--color-1);
}

.section-wrap.clear.faq-section .section .stom-picture {
    top: calc(var(--gap-l) * 2);
}

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


/* Gravity form */
.stomGFAS-container-field .stomGFAS-icon svg path {
	fill: var(--color-2) !important;
}
/* END Gravity form */


/* Servic Booking page */
.book-service-page .page-slider-section ~ main {
	margin-top: var(--gap-m);
}
/* END Servic Booking page */


/* Service Booking form */
body:not(.stom-gform-legacy) .service-booking-form_wrapper.gform_wrapper .gform_fields {
	grid-row-gap: calc(1.5 * var(--gap-s));
}

body:not(.stom-gform-legacy) .service-booking-form_wrapper.gform_wrapper input,
body:not(.stom-gform-legacy) .service-booking-form_wrapper.gform_wrapper .ginput_container input,
body:not(.stom-gform-legacy) .service-booking-form_wrapper.gform_wrapper .ginput_container select,
body:not(.stom-gform-legacy) .service-booking-form_wrapper.gform_wrapper .ginput_container textarea {
	padding: .9em;
	line-height: 1;
	border-radius: 10px;
	border: 1px solid #E1E1E1;
}

.service-booking-form_wrapper .gfield.disable-until-date-chosen:not(.active) {
	opacity: .5;
	pointer-events: none;
}

body:not(.stom-gform-legacy) .service-booking-form_wrapper.gform_wrapper .gfield_label,
.service-booking-form_wrapper.gform_wrapper.gravity-theme .gform-field-label--type-sub,
.service-booking-form_wrapper.gform_wrapper.gravity-theme .ginput_complex label.gform-field-label--type-sub {
	display: inline-block;
	font-size: 1em;
	font-weight: 700;
	margin-bottom: .7em;
	padding: 0;
}

.service-booking-form_wrapper.gform_wrapper.gravity-theme .gfield_contains_required .gform-field-label--type-sub:after {
	content: '*';
}

.service-booking-form_wrapper.gform_wrapper.gravity-theme .gfield_required,
.service-booking-form_wrapper.gform_wrapper.gravity-theme .gfield_contains_required .gform-field-label--type-sub:after {
	display: inline-block;
	padding-inline-start: 0.125em;
	color: currentColor;
	font-size: 1em;
}
.service-booking-form_wrapper.gform_wrapper.gravity-theme .gfield_contains_required .gform-field-label--type-sub:after {
	padding-inline-start: calc(2 * 0.125em);
}


.service-booking-form_wrapper.gform_wrapper.gravity-theme .ginput_container_date {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	align-items: center;
}
.service-booking-form_wrapper.gform_wrapper.gravity-theme .ginput_container_date input,
.service-booking-form_wrapper.gform_wrapper.gravity-theme .ginput_container_date .ui-datepicker-trigger {
	grid-column: 1/-1;
    grid-row: 1/-1;
}
.service-booking-form_wrapper.gform_wrapper.gravity-theme .ginput_container_date input {
	width: 100%;
}
.service-booking-form_wrapper.gform_wrapper.gravity-theme .ginput_container_date input::placeholder {
	opacity: 0;
}
.service-booking-form_wrapper.gform_wrapper.gravity-theme .ginput_container_date .ui-datepicker-trigger {
	margin-right: 1em;
	margin-left: auto;
}

.service-booking-form_wrapper.gform_wrapper.gravity-theme #field_3_10 select {
	padding: .5em 1em 1.5em;
}

body:not(.stom-gform-legacy) .service-booking-form_wrapper.gform_wrapper.gravity-theme .gfield--type-select select {
	line-height: 1.4;
	appearance: none;
}

body:not(.stom-gform-legacy) .service-booking-form_wrapper.gform_wrapper.gravity-theme .gfield--type-select .ginput_container {
	position: relative;
}

.service-booking-form_wrapper.gform_wrapper.gravity-theme .gfield--type-select .ginput_container:after {
	content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 520 545.69"><path class="cls-1" d="M514.18,286.94c.41-.41.8-.84,1.17-1.28.04-.05.08-.09.12-.14.35-.43.68-.88,1-1.33.06-.09.13-.18.19-.28.29-.44.56-.88.81-1.34.07-.13.14-.26.21-.39.24-.45.45-.9.66-1.36.06-.15.13-.3.19-.45.19-.47.37-.94.52-1.42.05-.14.09-.29.13-.44.15-.51.28-1.02.39-1.53.02-.11.04-.22.06-.34.11-.57.2-1.14.26-1.72,0-.05,0-.11.01-.16.06-.64.1-1.28.1-1.93s-.04-1.29-.1-1.93c0-.05,0-.11-.01-.16-.06-.58-.15-1.15-.26-1.72-.02-.11-.04-.22-.06-.33-.11-.52-.24-1.03-.39-1.53-.04-.15-.08-.29-.13-.44-.15-.48-.33-.95-.52-1.42-.06-.15-.12-.3-.19-.45-.2-.46-.42-.92-.66-1.36-.07-.13-.14-.26-.21-.39-.25-.46-.52-.9-.81-1.34-.06-.09-.13-.19-.19-.28-.31-.46-.64-.9-1-1.33-.04-.05-.08-.09-.12-.14-.37-.44-.76-.87-1.17-1.28-.02-.02-.03-.04-.05-.05-.26-.26-.52-.51-.8-.76L230.49,5.09c-8.23-7.36-20.88-6.65-28.24,1.58-7.36,8.23-6.65,20.88,1.58,28.24l243.79,217.93H20c-11.05,0-20,8.95-20,20s8.95,20,20,20h427.62l-243.79,217.93c-8.24,7.36-8.94,20-1.58,28.24,3.95,4.42,9.42,6.67,14.92,6.67,4.74,0,9.51-1.68,13.32-5.09l282.84-252.84c.27-.25.54-.5.8-.76.02-.02.03-.04.05-.05Z"/></svg>');
	position: absolute;
	top: 50%;
	right: .8em;
	width: 1em;
	line-height: 0;
	transform: translateY(-50%) rotateZ(90deg);
	z-index: 2;
}

.service-booking-form_wrapper.gform_wrapper.gravity-theme #field_3_10:has(option[value="Serviceværksted (Hurtigste service)"]:checked) .ginput_container:before {
	content: 'Krimsvej 29, 2300 København S';
}
.service-booking-form_wrapper.gform_wrapper.gravity-theme #field_3_10:has(option[value="Anden lokation for service"]:checked) .ginput_container:before {
	content: 'Indtast den ønskede lokation';
}
.service-booking-form_wrapper.gform_wrapper.gravity-theme #field_3_10 .ginput_container:before {
	position: absolute;
	left: calc(1.1em * 1.25);
	bottom: calc(.6em * 1.25);
	font-size: .8em;
	pointer-events: none;
	z-index: 2;
}


.service-booking-form_wrapper .stomGFAS-container-field .stomGFAS-inner {
	width: 100%;
	max-width: calc(50% - (1.5 * var(--gap-s) / 2));
}

.service-booking-form_wrapper.gform_wrapper.gravity-theme .gform_footer input[type=submit] {
	width: 100%;
	color: var(--color-dark);
}
.service-booking-form_wrapper.gform_wrapper.gravity-theme .gform_footer input[type=submit]:hover {
	color: #fff;
}


.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-disabled .ui-state-default {
	color: #ddd;
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	cursor: default;
}
/* END Service Booking form */


/* Subscription cancellation form */
#gform_wrapper_4 .field_description_below .gfield_consent_description,
#gform_wrapper_4 .gfield_consent_description {
	display: inline-block;
	width: auto;
	overflow: auto;
	font-size: max(12px, .8em);
}

#gform_wrapper_4 .gfield--type-email {
	max-width: 600px;
}
/* END Subscription cancellation form */


/* Colophon */
#colophon.footer-setting-02 {
    font-size: var(--p);
    font-weight: 400;
    background-color: #fff;
    color: #1D2629;
}

#colophon .widget-title {
    font-size: var(--h3);
    font-weight: 400;
    font-family: var(--h-fam);
    text-transform: uppercase;
}

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

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

#colophon .footer-widget-area-site-info .section .footer-widgets .widget .textwidget {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
}

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

#colophon .footer-widget-area-site-info .section .footer-widgets .widget .textwidget > ul li {
    font-size: 16px;
    font-weight: 400;
}

#colophon .footer-widget-area-site-info .section .footer-widgets .widget .textwidget > ul li:not(:last-of-type) {
    margin-right: 15px;
}

#colophon .footer-widget-area-site-info .section .footer-widgets .widget .textwidget > ul li a {
    padding: 0;
}

#colophon .footer-widget-area-site-info .section .footer-widgets .widget .textwidget > ul li a:hover {
    
}

#colophon .footer-widget-area-site-info .section .footer-widgets .widget .textwidget > .payment-icons {
    display: flex;
    align-items: center;
    justify-content: center;
}

#colophon .footer-widget-area-site-info .section .footer-widgets .widget .textwidget > .socials-wrapper {
    display: flex;
    justify-content: flex-end;
    column-gap: 10px;
}

#colophon .footer-widget-area-site-info .section .footer-widgets .widget .textwidget > .socials-wrapper a.stom-social-shortcode {
    padding: 0;
}

#colophon .footer-widget-area-site-info .section .footer-widgets .widget .textwidget > .socials-wrapper a.stom-social-shortcode .stom-custom-svg {
    font-size: 28px;
    color: var(--color-2);
}

#colophon .widget .textwidget ul.menu li.menu-item:not(:last-of-type) {
    margin-bottom: 12px;
}

#colophon .widget .textwidget ul.menu li.menu-item a {
    text-decoration: none;
    transition: var(--transition);
    padding: 0;
}

#colophon .widget .textwidget ul.menu li.menu-item a:hover {
    color: var(--color-1);
}


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


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

/* Shop archive */
body.archive #main-content #content {
    margin-top: var(--gap-l);
}

body.archive #main-content #content #primary .woocommerce-products-header {
    margin-bottom: var(--gap-m);
}

.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering select {
    font-size: 16px;
}

.woocommerce ul.products li.product .product-category {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    color: var(--color-2);
    opacity: 1;
}

.woocommerce ul.products li.product .button,
.woocommerce-button-setup-4 ul.products li.product .button.stom-read-more {
    font-size: 14px;
    background-color: var(--color-2);    
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: var(--p);
}

/* Filters */
.bapf_sfilter .bapf_head {
    background-color: var(--color-2);
    font-size: 18px;
}

.bapf_sfilter h3 {
    color: #fff;
}

.bapf_sfilter .bapf_body li > label,
.bapf_sfilter .pcs {
    font-size: 14px;
}

/* Single product */
.woocommerce div.product .product_meta,
.woocommerce div.product p.stock {
    display: none;
}

.woocommerce div.product p.price {
    margin: 30px 0 0;
}

.single-product-fullwidth #primary > .product {
    display: inline-block;
    margin-top: 50px;
}

.single-product-fullwidth #primary .product_title {
    font-size: 55px;
    padding: 0;
    margin-bottom: 10px;
}

.woocommerce #content div.product div.summary, 
.woocommerce div.product div.summary, 
.woocommerce-page #content div.product div.summary, 
.woocommerce-page div.product div.summary {
    padding-left: var(--gap-l);
}

body.single-product #main-content .section-wrap.clear .section > h2 {
    font-size: 55px;
}

body.single-product .section-wrap.clear.quality-section .section,
body.single-product .section-wrap.clear.specification-section .section {
    max-width: 1200px;
}

.information-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: var(--gap-m);
    margin-top: 40px;
    padding-bottom: 30px;
}

.information-container .information > h3 {
    text-transform: inherit;
    font-size: var(--p);
    font-family: var(--p-fam);
    font-weight: 500;
    margin-bottom: 5px;
}

.information-container .information > p {
    font-size: 18px;
    font-weight: 300;
}

.product-color {
    display: flex;
    align-items: center;
    gap: 5px;
}

.woocommerce div.product div.summary .read-more.spec {
    display: block;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--color-2);
}

.section-wrap.clear.specification-section {
    scroll-margin-top: 200px;
}

.section-wrap.clear.quality-section {
    margin-top: 25px !important;
}

.section-wrap.clear.quality-section .stom-cols-6 {
    min-height: 412px;
    padding-block: 65px;
}

.section-wrap.clear.quality-section .stom-cols-6 .stom-center-box > h2,
.section-wrap.clear.quality-section .stom-cols-6 .stom-center-box > h3 {
    font-size: 55px;
}

.section-wrap.clear.quality-section .stom-cols-6 .stom-center-box > p {
    font-size: 18px;
    font-weight: 400;
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    display: none;
}

.woocommerce div.product form.cart {
    margin-top: 30px;
}

.woocommerce div.product form.cart .button.single_add_to_cart_button:not(.disabled) {
    border-radius: 50rem;
    width: 100%;
    background-color: var(--color-1);
    border: none;
    color: var(--color-text);
    font-size: var(--p);
    font-weight: 500;
    padding: 12px 20px;
    line-height: 1.5;
    transition: var(--transition);
}

.woocommerce div.product form.cart .button.single_add_to_cart_button:not(.disabled):hover {
    color: #fff;
    background-color: var(--color-2);
}

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

body.single-product .section-wrap.clear.stom-billede-sektion.faq-section {
    margin-top: 0;
}

body.single-product .section-wrap.clear.product-section .section {
    padding-block: calc(var(--gap-l) * 0);
}

body.single-product .section-wrap.clear.product-section .section .grid-elements {
    align-items: center;
}

body.single-product .section-wrap.clear.product-section .section .grid-elements .grid-element:not(.white-text) .overlay {
    justify-content: inherit;
}

.usp-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 30px;
    margin-top: 55px;
}

.usp-container .usp > .stom-custom-svg {

}

.usp-container .usp > p {
    font-size: 16px;
    font-weight: 400;
}

.usp-container .usp > p:first-of-type {
    margin-bottom: 2px;
}

.woocommerce div.product div.images .flex-control-thumbs {
    margin-top: 20px;
}

.woocommerce div.product div.images .flex-control-thumbs .slick-list {
    margin-left: -10px;
    margin-right: -10px;
}

/* Specifications */
.spec-container {
    margin-top: 25px;
}

.spec-container .spec {
    border-top: 1px solid var(--color-text);
    padding-block: 28px;
}

.spec-container .spec > .group-title {
    font-size: 25px;
    font-weight: 600;
    font-family: var(--p-fam);
    margin-bottom: 10px;
}

.spec-container .spec > ul {
    padding-left: 0;
}

.spec-container .spec > ul li {
    font-size: 19px;
    display: grid;
    grid-template-columns: 200px 1fr;
    list-style-type: none;
}

.spec-container .spec > ul li:not(:last-of-type) {
    margin-bottom: 5px;
}

.spec-container .spec > ul li .spec-label {
    font-weight: 600;
}


/* Checkout */
body.woocommerce-checkout .style-header-02 .header-inner {
    display: none;
}

body.woocommerce-checkout #masthead .header-wrapper .site-branding #logo {
    margin-inline: auto;
}

body.woocommerce-checkout #main-content #content {
    padding-bottom: var(--gap-l);
}

textarea#order_comments {
    height: 150px;
}

.woocommerce-checkout h3 {
    text-transform: inherit;
    font-size: var(--p);
    font-family: var(--p-fam);
}

.woocommerce-checkout h3:before {
    font-size: 16px;
    font-weight: 600;
    font-family: var(--p-fam);
    background-color: var(--color-2);
}

.button#place_order {
    background-color: var(--color-2) !important;
}

/* Notices */
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    font-size: 16px;
}


.woocommerce .shop_table .stom-coupon input {
	font-family: inherit;
	font-weight: 400;
	letter-spacing: normal;
	padding: .5em;
	display: block;
	background-color: var(--wc-form-color-background, #fff);
	border: var(--wc-form-border-width) solid var(--wc-form-border-color);
	border-radius: var(--wc-form-border-radius);
	color: var(--wc-form-color-text, #000);
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	line-height: normal;
	height: auto;
}


#stom-checkout-custom-delivery h3:before {
	content: "3";
}
#stom-checkout-custom-delivery ~ #stom-checkout-payment h3#stom_payment_review_headline:before {
	content: '4';
}


#stom-checkout-custom-delivery {
	width: 48%;
	margin: 0 0 4% 4%;
	padding: 0 20px 20px;
	float: left;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #ccc;
}

.stom-checkout-custom-delivery-content {
	display: grid;
	grid-template-columns: minmax(auto, 1fr);
	gap: 1em;
}

#stom-checkout-custom-delivery .stom-checkout-custom-delivery-content .form-row {
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.stom-checkout-custom-delivery-content .cart-custom-delivery--columns {
	display: grid;
	grid-template-columns: repeat(2, minmax(auto, 1fr));
	gap: 1em;
}

.stom-checkout-custom-delivery-content .cart-custom-delivery--columns > *:first-child .form-row {
	padding-right: 0;
}

.stom-checkout-custom-delivery-content .cart-custom-delivery--columns > *:last-child .form-row {
	padding-left: 0;
}

#cart-custom-delivery--choice_field .woocommerce-input-wrapper {
	/* display: grid;
	grid-template-columns: minmax(0, auto) minmax(0, 1fr);
	gap: .3em;
	direction: rtl; */

	display: flex;
	gap: 1em;
}

#cart-custom-delivery--choice_field input {
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
	overflow: hidden;
}

#cart-custom-delivery--choice_field label {
	display: inline-block;
	padding: 1em 1.5em;
	border: 1px solid #ccc;
	border-radius: 5px;
	line-height: 1;
	font-weight: 500;
	text-align: center;
	transition: var(--transition);
	transition-property: background-color, border-color, color;
	cursor: pointer;
}

#cart-custom-delivery--choice_field label[for="cart-custom-delivery--choice_pickup"] {
	flex-grow: 1;
}

#cart-custom-delivery--choice_field input:checked + label {
	background-color: var(--color-2);
	border-color: var(--color-2);
	color: #fff;
}

#cart-custom-delivery--choice_field label span.required {
	display: none;
}

.cart-custom-delivery--unavailable {
	
}

.cart-custom-delivery--unavailable p {
	display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: .5em;
    text-align: center;
}

.cart-custom-delivery--unavailable .stom-custom-svg {
	margin-top: .3em;
}

.woocommerce-checkout .woocommerce form .stom-addon-tryghedsordning {
	margin-top: 1.5em;
}

.terms-popup-exit .dashicons-dismiss:before {
	content: none;
}


body:not(.home).woocommerce-account #main-content #content {
	max-width: var(--content-width);
	margin-top: var(--gap-l);
}

body:not(.home).woocommerce-account h1,
body:not(.home).woocommerce-account h2,
body:not(.home).woocommerce-account h3,
body:not(.home).woocommerce-account h4,
body:not(.home).woocommerce-account h5,
body:not(.home).woocommerce-account h6 {
	text-transform: none;
}

body:not(.home).woocommerce-account h2 {
	font-size: calc(0.5 * var(--h2));
}

.woocommerce-MyAccount-navigation-link--downloads {
	display: none;
}



.woocommerce div.product form.cart .variations select {
	padding: .3em .5em;
}



.woocommerce table.shop_table tfoot th {
	width: 50%;
}

#stom_addon_tryghedsordning_field .optional {
	display: none;
}

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

#number-three-sticky-mobile-cta {
    border-top: 1px solid #1D2629;
}

#number-three-sticky-mobile-cta .cta-container .stom-button a {
    font-size: 14px;
    flex-direction: row;
    gap: 8px;
    border-radius: 0;
    background-color: #fff;
}

#number-three-sticky-mobile-cta .cta-container .stom-button a p {
    margin: 0;
}

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

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

#number-three-sticky-mobile-cta .cta-container .stom-button a .button-icon {
    display: none;
}




.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
    position: relative;
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper > .stom-badge,
body.archive.woocommerce ul.products li.product > .stom-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 9;
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper > .stom-badge .stom-custom-svg {

}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper > .stom-badge .stom-custom-svg svg,
body.archive.woocommerce ul.products li.product > .stom-badge .stom-custom-svg svg {
    width: 100px;
    height: 100px;
}

body.archive.woocommerce ul.products li.product {
    position: relative;
}


.gform_confirmation_wrapper {
    height: auto;
}




/* Tilrettelse 07-05-2025 */

.first-payment-date {
	margin-top: 10px;
}

.first-payment-date > small {
	font-size: 14px;
}

.woocommerce div.product form.cart .variations {
	margin-top: .5em;
	margin-bottom: 1.5em;
}

.woocommerce div.product form.cart .single_variation_wrap .woocommerce-variation .woocommerce-variation-price .price {
	font-size: 1em;
}

.woocommerce div.product form.cart .variations tbody tr td {
	display: block;
}

.woocommerce div.product form.cart .variations tbody tr td.label {
	line-height: 1.25;
	padding: 0;
	margin-bottom: 5px;
}

.woocommerce div.product form.cart .variations tbody tr td.label > label {
	font-size: 16px;
	font-weight: 500;
}

.woocommerce div.product form.cart .variations tbody tr td.value > select {
	font-size: 16px;
	width: 100%;	
	height: 45px;
	margin-right: 0;
	text-indent: 5px;
}

.woocommerce div.product form.cart .variations tbody tr td.value > select option {
	
}

.woocommerce div.product form.cart .button.disabled {
	border-radius: 50rem;
    width: 100%;
    border: none;
    color: var(--color-text);
    font-size: var(--p);
    font-weight: 500;
    padding: 12px 20px;
    line-height: 1.5;
    transition: var(--transition);
}

/* END Tilrettelse 07-05-2025 */

/* Splash */
.page-slider-section .slider-text-inner {
	position: relative;
}

.page-slider-section .slider-text-inner .page-slider-splash {
	position: absolute;
	bottom: 0;
	right: 0;
	transform: translateY(30px);
}

.page-slider-section .slider-text-inner .page-slider-splash > img {
	width: 275px;
	height: 275px;
	transform: rotate(18deg);
}

.home .page-slider-section .slider-text-inner .slider-text-inner-wrapper .white-text > h1 {
	max-width: 950px;
}


.woocommerce-view-subscription .woocommerce-MyAccount-content p a .stom-custom-svg {
	display: inline-block;
	transform: scaleX(-1);
}