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

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

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

    /* colors */
    --color-1: #222;
    --color-2: #444;
    --color-bg: #f6f6f6;
    --color-text: #000;
    --color-dark: #222;
    --color-white: #ffffff;
    --color-overlay: rgb(0 0 0 / 10%);

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

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

    --content-wide-width: calc(1920px - (2 * var(--gap-l)));
}


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


/*======================================================================//
// Generiske klasser                                                    //
//======================================================================*/
html {
  scroll-behavior: smooth;
}

h1, h2, h3, h4 {
    text-transform: uppercase;
}
p {
    line-height: 1.3;
}
/* font-weights */
h2 {
    font-weight: 400;
}
body:not(.home) main h2 {
    font-size: var(--h1);
}
h3 {
    font-weight: 500;
}
/* top-slider */
.page-slider-section .slider-text-inner .slider-text-inner-wrapper h1 {
    font-weight: 500;
}
.page-slider-section .slider-text-inner .slider-text-inner-wrapper p {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.25;
}
/* pop up in slider */
body .custom-popup-wrapper .stom_popup_overlay {
    position: absolute !important;
    z-index: 20;
}
.custom-popup-wrapper .stom_popup_overlay.lower-right {
    bottom: 20px !important;
    right: 20px !important;
}
.custom-popup-wrapper .stom_popup {
    display: flex !important;
    align-items: center !important;
    border-radius: 7px !important;
}
.custom-popup-wrapper .stom_popup .stom_popup_close {
    width: 22px !important;
}
/* btns */
.slider-btn-wrapper {
    display: flex;
    flex-direction: row;
    gap: 30px;
    margin-top: var(--gap-m)
}

/* white-slider-btn */
.stom-button a,
.widget.number-three-default-widget .stom-button a {
    padding: 0;
    color: var(--color-text);
    background-color: transparent;
    border: 1px solid var(--color-white);
    border-bottom: 1px solid var(--color-text);
}
.widget.number-three-default-widget .stom-button a {
	border-color: var(--color-bg);
	border-bottom-color: var(--color-text);
}
.stom-button a:hover,
.widget.number-three-default-widget .stom-button a:hover {
    padding: 0;
    color: var(--color-text);
    background-color: var(--color-white);
    border: 1px solid transparent;
    border-bottom: 1px solid var(--color-text);
}
.stom-button:not(.white-slider-btn):not(.transparent-btn) a .stom-custom-svg {
	transition: margin var(--transition);
}
.stom-button:not(.white-slider-btn):not(.transparent-btn) a:hover .stom-custom-svg {
	margin-left: 10px;
}
.stom-button.white-slider-btn a {
    padding: 15px 30px;
    font-size: var(--p);
    color: var(--color-text);
    background-color: var(--color-white);
    border: 1px solid var(--color-white);
}
.stom-button.white-slider-btn a:hover {
    color: var(--color-white);
    background-color: transparent;
    border: 1px solid var(--color-white);
}
.stom-button.white-slider-btn a:hover .stom-custom-svg.custom-svg svg {
    filter: contrast(0) brightness(2.0); 
}
/* transparent-btn */
.stom-button.transparent-btn a {
    padding: 15px 30px;
    font-size: var(--p);
    color: #fff;
    background-color: transparent;
    border: 1px solid var(--color-white);
}
.stom-button.transparent-btn a:hover {
    color: var(--color-text);
    background-color: var(--color-white);
    border: 1px solid var(--color-white);
}
.stom-button.transparent-btn a .stom-custom-svg.custom-svg svg {
    filter: contrast(0) brightness(2.0); 
}
.stom-button.transparent-btn a:hover .stom-custom-svg.custom-svg svg {
    filter: unset; 
}
/* dark-btn */
.stom-button.dark-btn a {
    padding: 5px 20px;
    color: #fff;
    background-color: var(--color-1);
    border: 1px solid var(--color-1);
}
.stom-button.dark-btn a:hover {
    color: var(--color-text);
    background-color: var(--color-white);
}
/* END btns */

/* top-bar-header */
header .section-wrap.top-bar {
    font-size: 16px;
    border-bottom: 1px solid #000000;
    margin-inline: 0;
    padding-inline: var(--gap-m);
}
header .top-bar .top-bar-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
header .top-bar .header-lang-socials {
	display: flex;
	align-items: center;
	gap: .3em;
}
header .top-bar .header-lang-socials .socials-wrapper {
	margin-right: calc(1.5 * var(--gap-s));
}
header .top-bar .header-lang-socials .stom-fa-globe {
	line-height: 0;
}
header .top-bar .header-lang-socials p:has(a) {
	margin-right: .3em;
}

.stom-multilingual-language-switcher__current-lang a img {
	margin-bottom: 3px;
}
/* END top-bar-header */

header#masthead {
    border-bottom: 1px solid;
}
.style-header-02 .header-inner {
	flex-grow: 1;
}
/* zoom */
.zoom p {
    overflow: hidden
}
.zoom.grid-element {
    transition: transform .5s ease
}
.zoom.grid-element:hover {
    transform: scale(1.050)
}
/* END zoom */
/* menu */
.hover-active:not(.hover-style-bold) ul.menu a:before {
    background-color: var(--color-white);
}
.hover-active:not(.hover-style-bold) ul.menu .sub-menu a:before {
    background-color: var(--color-1);
}
header .main-navigation ul.menu a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 100%;
    padding: 0.7em 15px;
}
header .main-navigation ul.menu#primary-menu .sub-menu a {
    background-color: var(--color-white);
    justify-content: space-between;
    width: 300px;
    color: var(--color-dark)
}
.hover-active:not(.hover-style-bold) ul.menu .sub-menu a:before {
    background-color: var(--color-dark);
}
header .main-navigation ul.menu .sub-menu a {
    justify-content: start;
}
.site-header .header-wrapper {
    max-width: var(--content-width);
    padding-inline: 0;
    display: flex;
    /* display: grid; */
    /* grid-template-columns: 2fr 5fr; */
}
header .main-navigation {
    height: 100%;
    justify-content: space-between;
    display: flex;
    gap: 0px;
}
header .nav-wrap {
    margin-right: 43px;
}
#woo-icons .woo-search {
    margin-top: 10px;
    margin-right: 20px;
}

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

.header-sticky-active.scrolled header .site-branding #logo img.logo-landscape {
    max-height: 75px;
}
header .main-navigation:not(.toggled) ul.menu li:not(.mega-menu) ul.sub-menu {
	flex-wrap: nowrap;
	max-height: calc(100vh - var(--header-height, 0px) - var(--wp-admin--admin-bar--height, 0px) - 20px);
	overflow: auto;
}

.header-sticky-active.scrolled .style-header-02 .section-wrap .section {
    padding: 5px 0;
}
/* END menu */

.margin-top-headers {
    margin-top: calc( var(--gap-l) * 2 + 20px) !important;
}
.margin-top-sections {
    margin-top: calc( var(--gap-l) * 3) !important;
}
.underside-margin-top-sections {
    margin-top: calc( var(--gap-l) * 2) !important;
}
/* search bar */
#woo-icons .woo-search span {
    background-color: #fff;
    width: 250px;
    height: 45px;
    border: 1px solid #222;
    padding: 0 var(--gap-s);
    padding-left: 10px;
    display: flex;
    align-items: center;
}

#woo-icons .woo-search .stom-custom-svg {
    font-size: 18px;
}

#woo-icons .woo-search .stom-custom-svg::after {
    content: 'Søg i vores varer';
    font-size: 16px;
    color: var(--color-text);
    font-weight: 300;
    margin-left: 10px;
}
html[lang*="en"] #woo-icons .woo-search .stom-custom-svg::after {
	content: 'Search our products';
}

.section-wrap.section-fullpage .section {
	padding-inline: var(--gap-l);
}
/*======================================================================//
// END Generiske klasser                                                //
//======================================================================*/
/*======================================================================//
// box-section                                                          //
//======================================================================*/
/* Box-section */
body .section-wrap.stom-grid-section.box-section .grid-element .overlay .pre-text {
    font-size: 20px;
    text-transform: uppercase;
}
body .section-wrap.stom-grid-section.box-section .grid-element .overlay p {
    margin-bottom: 5px;
}
.section-wrap .pre-text {
    font-size: 20px;
    font-family: var(--h-fam);
	text-transform: uppercase;
}
/*======================================================================//
// END box-section                                                      //
//======================================================================*/
/*======================================================================//
// background-clip-section                                              //
//======================================================================*/
.background-clip-section {
    background-attachment: fixed;
}
.background-clip-section .section {
    display: flex;
    justify-content: center;
    align-items: center;
}
.background-clip-section .section > h2 {
    margin-inline: auto;
    font-size: 62px;
    max-width: 1230px;
    background: url('https://systom.dk/kunder/great-greenland.com/wp-content/uploads/2024/06/top-slider.jpg') no-repeat center center; 
    background-size: cover;
    /* background-attachment: fixed;  ← fjern denne */
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    text-align: start;
    margin: 20px 0;
}
/*======================================================================//
// END background-clip-section                                          //
//======================================================================*/
/*======================================================================//
// products-slider                                                      //
//======================================================================*/

.section-wrap.stom-products-section.section-fullpage.has-background.stom-slick,
body.single .related.section-wrap.section-fullpage.has-background.stom-slick {
    background-position: unset;
    margin-top: calc( var(--gap-l) - 35px);
    padding-right: 0;
    height: 775px;
}
.section-wrap.stom-products-section.section-fullpage.has-background.stom-slick .section,
body.single .related.section-wrap.section-fullpage.has-background.stom-slick .section {
    padding-left: calc( 390px + var(--gap-l));
    padding-right: 0;
}
.stom-products-section .woocommerce {
    width: 100%;
    margin-top: 10px;
    padding-top: unset;
    border-top: none;
}

section.section-wrap.related-section {
    min-width: 100vw;
}

/* cat */
.woocommerce ul.products li.product .product-category {
    display: none;
}
.woocommerce ul.products li.product .stom-product-loop-image-wrap {
    position: relative;
    width: 100%;
    margin: 0 0 13px;
    text-align: center;
    line-height: 0;
    overflow: hidden;
    background-color: #ffffff;
}
/* card */
/* .section-wrap.stom-products-section .woocommerce ul.products li.product.slick-slide {
    height: 350px;
} */

body .section-wrap.stom-products-section .slick-list,
body.single .section-wrap .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0 200px 0 0px !important;
    margin-left: -15px;
    margin-right: -90px;
} 
.woocommerce-button-setup-4 ul.products li.product .woocommerce-loop-product__title {
    padding-inline: 30px;
    white-space: unset;
    overflow: unset;
    text-overflow: unset;
    font-size: calc(var(--h4) - 2px);
}
.woocommerce-button-setup-4 ul.products li.product .price {
    padding-inline: 30px;
    margin-bottom: var(--gap-m);
}
.woocommerce-button-setup-4 ul.products li.product .button:not(.stom-read-more) {
    margin-bottom: var(--gap-m);
    padding-inline: 30px;
}
.section-wrap.stom-products-section .woocommerce ul.products li.product .woocommerce-LoopProduct-link, .woocommerce ul.products li.product .woocommerce-loop-product__link {
    border: 1px solid black;
    padding-block: 30px;
}
/* btn */
.stom-products-section .stom-button.section-link {
    display: flex;
    padding-top: calc( var(--gap-l) - 20px);
    justify-content: end;
    width: 100%;
    align-self: end;
    transform: var(--transition);
}
/* btn */
.stom-products-section .stom-button.section-link a {
    font-size: 16px;
    border-bottom: none;
    margin-right: calc(var(--gap-l) - 60px);
}
/* arrows */
body .stom-products-section .slick-prev,
body.single .related .slick-prev {
    left: unset;
    right: calc(var(--gap-l) - 60px + 50px);
    top: -100px;
    padding-right: 2px;
    box-shadow: none;
    background-color: rgb(255, 255, 255);
    /* padding: 10px; */
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid var(--color-dark)
}
body .stom-products-section .slick-prev svg,
body.single .related .slick-prev {
    transform: rotate(180deg);
    line-height: .3;
}
body .stom-products-section .slick-next,
body.single .related .slick-next {
    left: unset;
    right: calc(var(--gap-l) - 60px);
    top: -100px;
    padding-right: 2px;
    box-shadow: none;
    background-color: rgb(255, 255, 255);
    /* padding: 10px; */
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid var(--color-dark)
}
/* dots */
body .stom-products-section .slick-dots ,
body.single .related .slick-dots {
    top: -85px;
    right: 150px;
    text-align: end;
}
body .stom-products-section .slick-dots li button, 
body.single .related .slick-dots li button {
    cursor: pointer;
    border: 1px solid #222;
    background: white;
    border-radius: 10px;
    filter: contrast(2.5);
}
.slick-dots li button {
    cursor: pointer;
    border: 1px solid #222;
    background: transparent;
    border-radius: 10px;
}
/* woocomerce product-slider */
.woocommerce-page .related ul.products li.product {
    margin-bottom: 0;
    justify-content: start !important;
}
.woocommerce-page .related ul.products li.product .woocommerce-loop-product__title {
    width: 100%;
}
.woocommerce-button-setup-4 ul.products li.product .price {
    padding-inline: 30px;
    margin: 0;
    margin-bottom: var(--gap-m);
}
/*======================================================================//
// END products-slider                                                  //
//======================================================================*/

/*======================================================================//
// history-section                                                      //
//======================================================================*/
body .section-wrap.stom-billede-sektion.history-section .section {
    min-height: 665px;
}
body .section-wrap.stom-billede-sektion.history-section .section .stom-cols-6 {
    padding-block: 0;
}
body .section-wrap.stom-billede-sektion.history-section .section .stom-cols-6 .stom-center-box {
    display: flex;
    flex-direction: column;
    min-height: 665px;
}
body .section-wrap.stom-billede-sektion.history-section .section .stom-cols-6 .stom-center-box .history-text-wrapper {
    display: grid;
    margin-top: auto;
}

body .section-wrap.stom-billede-sektion.history-section .section .stom-cols-6 .stom-center-box .history-text-wrapper > p {
    font-size: 20px;
}
/*======================================================================//
// END history-section                                                  //
//======================================================================*/

/*======================================================================//
// designere-header                                                     //
//======================================================================*/
body .section-wrap.designere-header .section {
	max-width: var(--content-wide-width);
}

body .section-wrap.designere-header .section > h2 {
     margin-bottom: 5px;
}
body .section-wrap.designere-header p {
    max-width: 830px;
    font-size: 20px;
}
/*======================================================================//
// END designere-header                                                 //
//======================================================================*/

/*======================================================================//
// designere-section                                                    //
//======================================================================*/
body .section-wrap.stom-grid-section.designere-section {
    margin-top: var(--gap-m);
}
body .section-wrap.stom-grid-section.designere-section .section {
	max-width: var(--content-wide-width);
}
body .section-wrap.stom-grid-section.designere-section .grid-element .overlay p {
    margin-bottom: 5px;
}
/*======================================================================//
// END designere-section                                                //
//======================================================================*/

/*======================================================================//
// vores-butikker-section                                               //
//======================================================================*/
.section-wrap.stom-billede-sektion.vores-butikker-section {
    margin-inline: 0;
}
.section-wrap.stom-billede-sektion.vores-butikker-section .section .stom-cols-6 {
    width: 56%;
}
.section-wrap.stom-billede-sektion.vores-butikker-section .section .stom-cols-6 .stom-center-box h2 {
    margin-bottom: calc(var(--gap-l) - 20px) ;
}
.section-wrap.stom-billede-sektion.vores-butikker-section .section .stom-cols-6 .stom-center-box .vores-butikker-wrapper h3 {
    font-size: 25px;
    text-transform: capitalize;
}
.section-wrap.stom-billede-sektion.vores-butikker-section .section .stom-cols-6 .stom-center-box .vores-butikker-wrapper .vores-butikker-text {
    display: flex;
    flex-direction: column;
    padding-top: 20px;
    border-top: 1px solid black;
}
.section-wrap.stom-billede-sektion.vores-butikker-section .section .stom-cols-6 .stom-center-box .vores-butikker-wrapper .vores-butikker-text .stom-button {
    margin-top: auto;
}
.section-wrap.stom-billede-sektion.vores-butikker-section .section .stom-picture {
    width: 44%;
}
.section-wrap.stom-billede-sektion.vores-butikker-section.picture-right .section .stom-cols-6 {
    padding-top: 0;
}
.vores-butikker-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--gap-m);
}
/*======================================================================//
// END vores-butikker-section                                           //
//======================================================================*/
/*======================================================================//
// ansvarlig-section                                                    //
//======================================================================*/
.section-wrap.ansvarlig-section.margin-top-sections.has-background {
    background-size: cover;
}
.section-wrap.ansvarlig-section.margin-top-sections.has-background .section p{
    max-width: 770px;
    font-size: 20px;
}

/*======================================================================//
// END ansvarlig-section                                                //
//======================================================================*/
/*======================================================================//
// footer-banner                                                        //
//======================================================================*/
.section-wrap.stom-grid-section.footer-banner {
    margin-top: 0;
}
.section-wrap.stom-grid-section.footer-banner .section {
    padding-block: 0;
}
.section-wrap.logo-footer-section {
    margin-top: 0;
}
.section-wrap.logo-footer-section .section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: calc(1920px - (2 * var(--gap-l)));
    padding-top: calc( var(--gap-m) + 20px);
}
.section-wrap.logo-footer-section .section p {
    margin-bottom: 0;
}
.section-wrap.logo-footer-section .section::after {
    display: none;
}
/* socials */
.section-wrap.logo-footer-section .section .socials-footer {
    display: flex;
    gap: 10px;
}
.section-wrap.logo-footer-section .section .socials-footer a {
    font-size: 30px;
    padding: 7px 14px;
    border: 1px solid black;
    border-radius: 50%;
}
/* Newsletter section */
.section-wrap.stom-grid-section.footer-banner .section {
    max-width: 1225px;
}
.section-wrap.stom-grid-section.footer-banner .section .grid-elements .grid-element .overlay {
    justify-content: center;
}
.section-wrap.stom-grid-section.footer-banner .section .grid-elements .grid-element .overlay h3 {
    font-size: 32px;
    font-weight: 200;
}
div.tnp-subscription {
    max-width: unset; 
    width: 100%;
}
.tnp-subscription label {
    display: none;
}
div.tnp-subscription form {
    display: flex;
}
div.tnp-subscription form .tnp-field.tnp-field-email {
    width: 100%;
}
.tnp-email:focus {
    outline: none;
    box-shadow: 0;
}
.tnp-email:focus-visible {
    box-shadow: 0;
}
/*======================================================================//
// END footer-banner                                                    //
//======================================================================*/

/* footer */
#colophon.footer-setting-03 {
    padding: 0;
    font-size: 16px;
    background-color: #fff;
    border-top: none;
}
.footer-setting-03 .section-wrap {
    border-bottom: none;
}
.footer-setting-03 .footer-widget-area .section {
	max-width: calc(1920px - (2 * var(--gap-l)));
    padding: 60px 0;
    padding-top: var(--gap-l);
}
#colophon .widget-title {
    display: block;
    margin-bottom: 10px;
    font-size: var(--h3);
    font-family: var(--h-fam);
    font-weight: 400;
}
.footer-setting-03 .footer-widget-area-extra .textwidget {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* area extra */
.footer-setting-03 .footer-widget-area-extra .section {
	max-width: calc(1920px - (2 * var(--gap-l)));
    border-top: 1px solid black;
}
.footer-setting-03 .footer-widget-area-extra .textwidget .stom-info img {
    margin-left: 0;
}
/* CTA */
#number-three-sticky-mobile-cta .cta-container .stom-button a {
    display: flex;
    flex-direction: row;
    font-size: 18px;
    font-weight: 400;
    gap: 14px;
    border-radius: 0;
}
#number-three-sticky-mobile-cta .cta-container .stom-button:first-of-type a {
    background-color: var(--color-dark);
}
#number-three-sticky-mobile-cta .cta-container .stom-button:first-of-type a .stom-custom-svg {
    filter: brightness(0) invert(1);
}
#number-three-sticky-mobile-cta .cta-container .stom-button:last-of-type a {
    background-color: var(--color-white);
}
#number-three-sticky-mobile-cta .cta-container .stom-button:last-of-type a .stom-custom-svg {
    filter: brightness(0) invert(0);
}
#number-three-sticky-mobile-cta .cta-container .stom-button a p {
    font-weight: 400;
    font-size: 22px;
    color: var(--color-white);
}
#number-three-sticky-mobile-cta .cta-container .stom-button a p:hover {
    border: none;
}
#number-three-sticky-mobile-cta .cta-container .stom-button a {
    color: var(--color-dark);
}
#number-three-sticky-mobile-cta .cta-container .stom-button a:hover {
    border: none;
}
#number-three-sticky-mobile-cta .cta-container .stom-button:not(:last-child) a {
    border-right: none;
}
#number-three-sticky-mobile-cta .cta-container .stom-button a .stom-custom-svg {
    display: unset;
    background-color: unset;
    padding: unset; 
    margin-left: unset;
    line-height: 0 !important;
}

.stom-billede-sektion.not-fullwidth .section {
	max-width: var(--content-wide-width);
}
.stom-billede-sektion.not-fullwidth .stom-picture {
	width: calc(50% - var(--gap-l));
}
body .section-wrap.stom-billede-sektion.not-fullwidth .section .stom-cols-6 {
	width: calc(50% + var(--gap-l));
}
body .section-wrap.stom-billede-sektion.not-fullwidth .section .stom-cols-6 .stom-center-box {
	max-width: 775px;
}

.stom-billede-sektion:not(.not-fullwidth) .section {
	max-width: 100%;
	padding: 0 var(--gap-l);
}

.section-wrap.has-background.ansvarlig-section {
	padding: var(--gap-m) var(--gap-l);
}
.section-wrap.has-background.ansvarlig-section .section {
	max-width: 100%;
}

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

.tnp-subscription input.tnp-submit {
    background-color: #0A0A0A;
}
.tnp-email::placeholder {
    color: #0A0A0A; color: var(--color-white);
    border-bottom: 1px solid var(--color-white);
}
.tnp-subscription input[type=email] {
    background-color: #0A0A0A;
    color: var(--color-white);
}



.section-wrap.stom-grid-section.footer-banner .tnp-field.tnp-field-button {
    position: relative;
    width: 100px;
    height: 38px;
    margin-left: -14px;
    cursor: pointer;
    overflow: hidden;
    border-bottom: 1px solid var(--color-white);
}
   


.section-wrap.stom-grid-section.footer-banner .tnp-field.tnp-field-button::after {
    content: "";
    position: absolute;
    top: 5px;
    right: -30px;
    width: 100%;
    height: 100%;
    background: url('images/arrow-right-great.svg') no-repeat center center; 
    
    filter: contrast(0) brightness(2.0);
    pointer-events: none;
}
   

.section-wrap.stom-grid-section.footer-banner .tnp-field.tnp-field-button input.tnp-submit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    background: transparent;
    font-size: 0;
    cursor: pointer;
}

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

#woo-icons .site-header-cart .cart-contents span.count, header .stomWF-favourites-list-link .count {
    position: absolute;
    bottom: 10px;
    right: -28px;
    width: auto;
    height: auto;
    padding: 15px;
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    line-height: 0;
    text-align: center;
    border-radius: 0; 
    background-color: #222;
    transform: translate(50%, 50%);
}

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

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

.woocommerce div.product div.images .flex-control-thumbs li {
    border: 1px solid;
    margin: 0 6px !important;
}
.woocommerce div.product div.images .flex-control-thumbs .slick-list {
    margin: 0 15px 0 0;
}
.woocommerce div.product div.images .flex-control-thumbs .slick-next.slick-arrow {
    top: 33%;
    box-shadow: none;
    background-color: transparent;
    padding-left: 13px;
}
.section-wrap.stom-grid-section.reports-box-section {
    margin-top: var(--gap-m);
}
.section-wrap.stom-grid-section.reports-box-section .grid-element .overlay h3 {
    margin-bottom: 0;
}
.section-wrap.stom-grid-section.reports-box-section .grid-element .overlay a {
    display: flex;
    justify-content: space-between;
    text-decoration: none;
}

.section-wrap.stom-grid-section.reports-box-section .section .grid-elements .grid-element .overlay > p a {
    transition: var(--transition);
}

.section-wrap.stom-grid-section.reports-box-section .section .grid-elements .grid-element:hover .overlay > p a {
    font-weight: 600;
}
.line {
    width: 100%;
    height: 1px; /* Height of the line */
    background-color: black; /* Color of the line */
    
    margin-bottom: 12px;
}

.section-wrap.underside-hvem-er-vi .section h2 {
    text-transform: none;
}
.section-wrap.underside-max-width .section {
    max-width: 760px;
}
/* Woocomerce - single product */
/* Display nones on single product page */

.woocommerce div.product .woocommerce-product-details__short-description {
    margin-bottom: 0;
}
.woocommerce div.product .custom-summary-link {
    margin-bottom: 1.5em;
    display: inline-block;
}

body.single.single-product .section-wrap.stom-billede-sektion.vores-butikker-section.margin-top-sections.picture-right,
body.single.single-product .section-wrap.ansvarlig-section.margin-top-sections.has-background {
    display: none;
}
body .single-product-background-clip {
    display: none;
}
body.single.single-product .single-product-background-clip{
    display: block;
}
.margin-bottom-headers {
    margin-bottom: calc( var(--gap-l) * 2 + 20px) !important;
}
.single-product-fullwidth #primary .stom-product-header-wrapper {
    border-bottom: none;
}
/* left-side */
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    width: 39%;
    margin-bottom: 50px;
    float: left;
}
/* right-side */
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    width: 36%;
    margin: 0 0 50px;
    padding-left: 40px;
    float: left;
}

.single-product-fullwidth #primary .product {
    margin-top: 20px;
    margin-inline: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
} 

.single-product-fullwidth #primary .product_title {
	font-weight: normal;
	font-size: var(--h3);
}

.single-product-fullwidth #primary li.product .product-category {
    display: none;
}
.woocommerce div.product .woocommerce-tabs .panel {
    margin-inline: auto;
    max-width: 760px;
}
.woocommerce .tabs.wc-tabs {
    display: none; 
}
.custom-bar {
    width: var(--content-width);
	max-width: calc(100vw - (2 * 40px));
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 20px;
    font-size: 20px;
    position: relative;
    margin-left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    border-radius: 15px;
    margin-bottom: var(--gap-l);
}

.single-product div.product p.price {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	align-items: baseline;
	margin: .5em 0;
	font-size: calc(7px + var(--p));
	font-weight: bold;
}

.single-product div.product .price-ex-tax {
	opacity: .4;
	font-size: .9em;
}

.single-product div.product p.price ins, .single-product div.product span.price ins {
	margin-left: 0;
	margin-right: .5em;
}

.single-product div.product p.price del, .single-product div.product span.price del {
	font-size: var(--p);
	font-weight: normal;
}

.single-product div.product .variations_form.cart {
	margin-top: .6em;
}

/* input variant - styling */
.woocommerce div.product form.cart .variations th.label {
    display: none;
}
.woocommerce div.product form.cart .variations td.value select {
    width: 100%;
    padding: 10px;
    padding-left: 15px;
    border: 1px solid var(--color-dark);
}
/* tilbud banner - styling */
.custom-product-label {
    background-color: var(--color-dark);
}
/* læs mere knap - styling */
.button.stom-read-more {
    background-color: var(--color-dark) !important;
}

.woocommerce div.product .single_variation_wrap .woocommerce-variation-description {
	margin: 0;
}

.woocommerce div.product .single_variation_wrap .woocommerce-variation.single_variation {
	margin-bottom: .5em;
}

.woocommerce div.product .single_variation_wrap .woocommerce-variation.single_variation > *:not(:last-child) {
	margin-bottom: .5em;
}

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

/* Hide the default arrow */
.variations select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('images/arrow-down-great.svg') no-repeat;
    background-position: right 10px center; /* Adjust this value to move the arrow */
    background-size: 8px; /* Adjust size according to your needs */
}
.variations select::-ms-expand {
    display: none;
}
.variations select {
    border-radius: 4px;
}
/* remove default arrow in Firefox */
select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}




.custom-popup-wrapper {
	height: 0;
}

.custom-popup-wrapper .stom_popup {
	width: 570px !important;
}

.custom-popup-wrapper .stom_popup_overlay {
	position: fixed;
	z-index: 10000;
}
.custom-popup-wrapper .stom_popup_overlay.full {
	display: table;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
}
.custom-popup-wrapper .stom_popup_overlay.style-fold {
	max-width: 100%;
	max-height: 90vh;
	max-height: calc(100vh - 50px);
}
.custom-popup-wrapper .stom_popup_overlay.upper-left {
	top: 0;
    left: 0;
}
.custom-popup-wrapper .stom_popup_overlay.upper-right {
	top: 0;
    right: 0;
}
.custom-popup-wrapper .stom_popup_overlay.lower-left {
	bottom: 0;
    left: 0;
}
.custom-popup-wrapper .stom_popup_overlay.lower-right {
	bottom: 0;
    right: 0;
}

/* Admin-bar support */
.admin-bar .custom-popup-wrapper .stom_popup_overlay.upper-left,
.admin-bar .custom-popup-wrapper .stom_popup_overlay.upper-right {
	top: 32px;
}

.custom-popup-wrapper .full .stom_popup_wrapper {
	display: table-cell;
	vertical-align: middle;
}
.custom-popup-wrapper .stom_popup_wrapper > * {
	overflow: auto;
}

.custom-popup-wrapper .stom_popup {
	position: relative;
	margin: 0 auto;
}
.custom-popup-wrapper .stom_popup_bg {
	position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: 1;
}
.custom-popup-wrapper .bg-full .stom_popup_bg {
	left: 0;
}
.custom-popup-wrapper .bg-right .stom_popup_bg {
	left: 50%;
}
.custom-popup-wrapper .bg-left .stom_popup_bg {
	left: -50%;
}

.custom-popup-wrapper .stom_popup_toggle_wrapper {
	padding: 10px 25px;
	font-size: 1.5em;
	text-align: center;
	cursor: pointer;
}

.custom-popup-wrapper .stom_popup_content_wrapper {
	position: relative;
	padding: 20px 25px;
	z-index: 5;
}
.custom-popup-wrapper .bg-right  .stom_popup_content_wrapper,
.custom-popup-wrapper .bg-left  .stom_popup_content_wrapper {
	width: 50%;
}
.custom-popup-wrapper .bg-right  .stom_popup_content_wrapper {
	margin: 0 auto 0 0;
}
.custom-popup-wrapper .bg-left  .stom_popup_content_wrapper {
	margin: 0 0 0 auto;
}

.custom-popup-wrapper .stom_popup_content > *:first-child {
	margin-top: 0;
}
.custom-popup-wrapper .stom_popup_content > *:last-child {
	margin-bottom: 0;
}

.custom-popup-wrapper .stom_popup .popup-full-link {
	display: block;
    max-height: 100%;
    overflow: auto;
    text-decoration: none;
    color: inherit;
}
.custom-popup-wrapper .stom_popup .stom_popup_close {
	content: url('images/times-solid.svg');
	position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    padding: 3px 7px;
    line-height: 75%;
    cursor: pointer;
    z-index: 10;
}

.custom-popup-wrapper .stom_popup_title {
	display: block;
	margin-bottom: 25px;
	font-size: 2rem;
	text-align: center;
}


/* Tilrettelser - shop loop / oversigt */
.woocommerce ul.products li.product .price {
    font-size: 18px;
    font-weight: 300;
}

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

.woocommerce .woocommerce-ordering select {
    border-color: #000;
}

body.woocommerce,
body.woocommerce #page {
    overflow: visible;
}

@media only screen and (min-width: 960px) {
	body.woocommerce #secondary {
		position: sticky;
		top: 180px;
	}
	
	body.admin-bar.woocommerce #secondary {
		top: calc(180px + 32px);
	}
}

/* Tilrettelser - single product */
.woocommerce div.product .woocommerce-product-details__short-description {

}

.woocommerce div.product form.cart .button.single_add_to_cart_button:not(.disabled) {
    min-width: calc(100% - 145px);
}

/* Popup - add to cart */
.woocommerce-page.single .custom-woocommerce-message .custom-message-title {
    font-size: 24px;
    font-weight: 400;
    font-family: var(--h-fam);
    text-transform: uppercase;
    color: #000;
}

.woocommerce-page.single .custom-product-wrapper {
    border-color: #000;
}

.woocommerce-page.single .custom-woocommerce-message .custom-button-wrapper .button {
    font-size: 16px;
    font-weight: 400;
    padding: 12px 20px;
}

.woocommerce-page.single .custom-woocommerce-message .custom-button-wrapper .button:not(.wc-forward) {
    color: #000;
}

.woocommerce-page.single .custom-woocommerce-message .custom-button-wrapper .button.wc-forward {
    background-color: #000;
}

.woocommerce-message .custom-woocommerce-message .stomFST-free-delivery-wrap {
    padding-bottom: 25px;
    border-top-color: #000;
}

.woocommerce-page.single .custom-woocommerce-message > .stom-fa-times {
    font-size: 1em;
    color: #000;
}

.stomFST-free-delivery-wrap .stomFST-free-delivery-title {
    font-size: 16px;
    font-weight: 500;
    color: #000;
}

.woocommerce-page.single .custom-product-wrapper .custom-product-title {
    font-size: 16px;
    color: #000;
}

/* Off cart */
#woo-icons .stom-off-canvas-wrapper .buttons a {
    font-weight: 500;
}

#woo-icons .stom-off-canvas-wrapper .buttons a:not(:first-child) {
    background-color: #000;
}

#woo-icons .stom-off-canvas-wrapper .widgettitle {
    border-bottom-color: #000;
}

#woo-icons .stom-off-canvas-wrapper .total {
    font-size: 16px;
    border-color: #000;
    padding-block: 14px;
}

/* Filtre */
.bapf_sfilter {
    border-color: #000;
}

.bapf_sfilter .bapf_head {
    background-color: #000;
}

.bapf_sfilter h3 {
    color: #fff;
    font-size: var(--p);
    letter-spacing: .5px;
}

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

.bapf_sfilter .pcs {
    letter-spacing: .5px;
}

.bapf_slidr_jqrui .bapf_from, 
.bapf_slidr_jqrui .bapf_to {
    font-size: 16px;
    line-height: 2;
}

.bapf_sfilter.bapf_ckbox input[type=checkbox] {
    margin-right: 8px !important;
    width: 16px;
    height: 16px;
    accent-color: #000;
}



.woocommerce-checkout #masthead .header-wrapper {
    display: block;
}

.section-wrap.clear.footer-banner .section {
    padding-block: 20px;
}

.section-wrap.clear.footer-banner .section .grid-elements .grid-element.form .overlay > .tnp-subscription {
    margin-top: 0;
}

.section-wrap.clear.footer-banner .section .grid-elements .grid-element.form .overlay > .tnp-subscription form .tnp-field-email {
    margin-bottom: 0;
}

.section-wrap.clear.stom-products-section {
    max-width: 1920px;
    margin-inline: auto;
}

.section-wrap.clear.product-slider-header .section {

}



body.woocommerce-account:has(#customer_login, #gf_6) .entry-title {
	text-align: center;
}

body.woocommerce-account:has(#gf_6) #content {
	max-width: 850px;
}