/*
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: 40px;
    --h2: 30px;
    --h3: 28px;
    --h4: 24px;
    --h5: 20px;
    --h6: 20px;
    --p: 18px;
    --spacing-scale: 1;

    /* Gaps */
    --gap-l: 180px;
    --gap-m: 90px;
    --gap-s: 30px;

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

    /* colors */
    --color-1: #0091ac;
    --color-2: #24495f;
    --color-3: #dfb75e;
    --color-bg: #f2f2f2;
    --color-text: #24495f;
    --color-dark: #222;
    --color-text-white:#ffffff;
    --color-overlay: rgb(0 0 0 / 45%);

    /* 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: 690px;
    
    /* Theme defined variables from PHP */
    --content-width: initial;
    --sidebar-width: initial;
    /* END Theme defined variables from PHP */
}
:root body.home {
    --h1: 50px;
    --h2: 40px;
}

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


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

/*======================================================================//
// Standard changes                                                     //
//======================================================================*/

div.entry-content p > a {
    color: var(--color-1);
}

/* if logged in remove login menu item */
body.logged-in .login-link  {
    display: none !important;
}
.white-text {
    --color-text: var(--color-text-white);
}

/* if not logged in remove my account menu item */
body:not(.logged-in) .my-account-link {
    display: none !important;
}
body.logged-in  ul li.my-account-link a:after {
    display: none !important;
}
body.no-main-content-margin #main-content.site-main{
    margin-top: 0;
}

html {
    scroll-behavior: smooth;
    scroll-padding: var(--gap-l);
}

.small-width-sektion {
    max-width: 1200px;
}

.section-wrap.stom-grid-section .gform_footer button{
    background-color: transparent;
    border: none;
    padding: 0;
    width: auto;
    padding-top: 24px;
    text-transform: initial;
    text-align: right;
    display: inline-block;
}
section.section-wrap.half-padding-top {
    margin-top: var(--gap-m);
}
main section.section-wrap.double-padding-top {
    margin-top: var(--gap-l);
}
section.section-wrap.has-background {
    background-position: center;
    background-size: cover;
}

/* Spacing from ACF range fields.
 * Each rule uses a double attribute selector ([style*="..."][style]) to reach
 * specificity (0,3,1), beating the parent theme's first-section rule at the
 * same level. Placing this in the child CSS (which loads after the parent)
 * also beats any parent rule of equal specificity by source order.
 * When a variable is not set, calc() is invalid → property is unset →
 * the normal cascade default applies unchanged. */
section.section-wrap[style*="--section-margin-top"][style] {
    margin-top:     calc(var(--section-margin-top)     * var(--spacing-scale) * 1px);
}
section.section-wrap[style*="--section-margin-bottom"][style] {
    margin-bottom:  calc(var(--section-margin-bottom)  * var(--spacing-scale) * 1px);
}
section.section-wrap:not(.inner-background)[style*="--section-padding-top"][style] {
    padding-top:    calc(var(--section-padding-top)    * var(--spacing-scale) * 1px);
}
section.section-wrap:not(.inner-background)[style*="--section-padding-bottom"][style] {
    padding-bottom: calc(var(--section-padding-bottom) * var(--spacing-scale) * 1px);
}
section.section-wrap.inner-background[style*="--section-padding-top"][style] .section {
    padding-top:    calc(var(--section-padding-top)    * var(--spacing-scale) * 1px);
}
section.section-wrap.inner-background[style*="--section-padding-bottom"][style] .section {
    padding-bottom: calc(var(--section-padding-bottom) * var(--spacing-scale) * 1px);
}

/* When ACF padding is set on section-wrap, suppress the parent theme's
 * hardcoded padding-block on the inner .section div (e.g. has-background).
 * Specificity (0,3,1) beats the parent's .section-wrap.has-background .section
 * at (0,3,0), so no source-order dependency is needed. */
section.section-wrap[style*="--section-padding-top"] .section {
    padding-top: 0;
}
section.section-wrap[style*="--section-padding-bottom"] .section {
    padding-bottom: 0;
}

body section.section-wrap.bigger-headline {
    --h2: 50px;
    --h3: 50px;
}
body p {
    line-height: 1.3;
    margin-bottom: 25px;
}

body p:last-of-type {
    margin-bottom: 32px;
}

a {
    text-decoration: none;
    font-weight: 500;
}

body:not(.home) .page-slider-section~main {
    margin-top:var(--gap-m);
}

body:not(.home) .page-slider-section~.section-wrap:not([style*="--section-margin-top"]), main .section-wrap~.section-wrap:not([style*="--section-margin-top"]) {
    margin-top:var(--gap-m);
}
.stom-custom-svg {
    font-size: 13px;
    padding-left: 5px;
}

section.section-wrap.top-border-sektion .grid-element h2{
    border-top: 1px solid var(--color-text-white);
    padding-top: 23px;
}
section.section-wrap.top-border-sektion .grid-element h3, section.section-wrap.top-border-sektion .grid-element h4{
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
section.section-wrap.top-border-sektion .grid-element h3 a, section.section-wrap.top-border-sektion .grid-element h4 a{
    font-weight: 400;
    border-top: 1px solid var(--color-text-white);
    padding-top: 28px;
    padding-bottom: 25px;
    margin-bottom: 0;
    font-size: 30px;
    position: relative;
    display: block;
    transition: var(--transition);
}
section.section-wrap.top-border-sektion .grid-element h3 a .stom-custom-svg, section.section-wrap.top-border-sektion .grid-element h4 a .stom-custom-svg{
    font-size: 22px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    line-height: 0;
    transition: var(--transition);
}
section.section-wrap.top-border-sektion .grid-element h3 a:hover, section.section-wrap.top-border-sektion .grid-element h4 a:hover{
    background-color: var(--color-2);
    padding-left: 20px;
}
section.section-wrap.top-border-sektion .grid-element h3 a:hover .stom-custom-svg, section.section-wrap.top-border-sektion .grid-element h4 a:hover .stom-custom-svg{
    right: 20px;
}
body section.section-wrap.stom-grid-section.top-border-sektion .grid-elements {
    gap: var(--gap-m);
}
body section.section-wrap.stom-grid-section.top-border-sektion .grid-elements .grid-element .overlay p{
    font-weight: 300;
}

body.woocommerce #secondary, body #secondary {
    float: left;
}

body:not(.no-sidebar).woocommerce #primary, body:not(.no-sidebar) #primary, .single #single-post-content-sidebar+.entry-content {
    float: right;
}

#number-three-sticky-mobile-cta .cta-container .stom-button {
	padding-right:0;
}

/* standard sektion / split sektion */

body .split-sektion {
    --h2: 32px;
    --h3: 26px;
    --h4: 20px;
}

.split-sektion {
    display: grid;
    gap: var(--gap-s);
}
.split-sektion.boxed-items .split-sektion-item p {
    margin-bottom: 5px;
}
.split-sektion.boxed-items .split-sektion-item p:last-of-type{
    margin-bottom: 0;
}
.split-sektion.boxed-items .split-sektion-item {
    border: 1px solid var(--color-1);
    padding: 20px;
    display: block;
    font-size: 16px;
}
.split-sektion.boxed-items .split-sektion-item.full-width-item {
    grid-column: 1/-1;
    border: none;
    padding: 50px 0 0px;
}
.split-sektion.boxed-items .split-sektion-item a {
    position: absolute;
    font-size: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.split-sektion.boxed-items .split-sektion-item p {
    font-weight: 500;
    overflow-wrap: break-word;
}
.split-sektion.boxed-items .split-sektion-item br {
    display: none;
}
.split-sektion figure {
    margin-top: 0;
}
.split-sektion.columns-2{
    grid-template-columns: repeat(var(--grid-2-cols),minmax(0,1fr));
}
.split-sektion.columns-3{
    grid-template-columns: repeat(var(--grid-3-cols),minmax(0,1fr));
}
.split-sektion.columns-4{
    grid-template-columns: repeat(var(--grid-4-cols),minmax(0,1fr));
}

.split-sektion-item {
    align-content: flex-start;
    position: relative;
    background-size: cover;
    display: grid;
    grid-template-columns: auto;
}

/*======================================================================//
// END Standard changes                                                 //
//======================================================================*/

/*======================================================================//
// Fonts                                                                //
//======================================================================*/

h1, h2, h3, h4 {
    font-weight: 400;
    color: var(--color-text);
    line-height: 1.2;
}

/*======================================================================//
// END Fonts                                                            //
//======================================================================*/

/*======================================================================//
// Header                                                               //
//======================================================================*/

/*  Top-bar      */

header .top-bar p {
    margin-bottom: 0;
}
/* on padding on top-bar on scroll */ 
header .section-wrap.top-bar .section {
    padding: 12px 0 13px;
}
.header-sticky-active.scrolled header .section-wrap.top-bar .section {
    padding: 4px 0 5px;
}
.header-sticky-active.scrolled header .section-wrap.top-bar .section ul li a {
    font-size: 14px;
}

header .top-bar ul li a {
    font-size: 16px;
    transition: var(--transition);
}
header .top-bar ul li a:hover {
    color: var(--color-3);
}
header .top-bar ul li a:hover:after {
    color: var(--color-text-white);
}
header .top-bar ul li:last-of-type a {
    padding-right: 0;
}
/*  END Top-bar  */

header .main-navigation ul.menu ul {
    background: var(--color-2);
}

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

body .site-branding #logo img, body .site-branding #logo svg {
    width: auto;
    height: auto;
    max-width: 236px;
    max-height: 74px;
}

body header .main-navigation ul#primary-menu.menu>li a {
    padding: 10px 25px;
    font-size: 18px;
    font-weight: 400;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    color: var(--color-text);
}
.site.header-sticky.header-sticky-active.scrolled header.main-navigation ul > li a {
    padding: 10px 25px !important;
}
html.off-canvas body header.style-header-02 .header-wrapper {
    z-index: 2;
}
body header.style-header-02 .header-wrapper {
    position: relative;
    z-index: 1;
}
body header .main-navigation ul#primary-menu.menu>li .sub-menu a {
    top: unset;
    transform: unset;
    padding: 15px;
    font-size: 16px;
    min-width: 275px;
}
body header .main-navigation .hover-active:not(.hover-style-bold) ul#primary-menu.menu>li a:before {
    position: absolute;
    top: 50%;
    bottom: unset;
    transform: translateY(12px);
    left: 25px;
}
body header .main-navigation .hover-active:not(.hover-style-bold) ul#primary-menu.menu>li.mega-menu ul.sub-menu>li a:before {
    left: 0;
    bottom: 0;
    background-color: var(--color-3);
}
body header .main-navigation .hover-entry-fade-in.hover-style-full ul#primary-menu.menu>li a:before {
    width: calc(100% - (25px * 2));
} 

header .main-navigation ul.menu>li.mega-menu>ul.sub-menu {
    gap: 0 var(--gap-s);
    grid-template-columns: repeat(var(--grid-4-cols),minmax(0,1fr));
    padding: 40px 0 40px;
    background-color: var(--color-2);
}

footer#colophon .menu-item.menu-item-8477 {
    display: none;
}

body header .main-navigation ul.menu li.mega-menu>ul::after {
    top: -4px;
    bottom: 0;
    width: 1000%;
    height: calc(100% + 6px);
    position: absolute;
    z-index: -1;
    left: -100%;
    background-color: var(--color-2);
    border-bottom: 5px solid var(--color-3);
}
body header .main-navigation ul.menu li.mega-menu>ul::before {
    display: none;
}
header .main-navigation ul.menu li.mega-menu:hover>ul {
    display: grid;
}
header .main-navigation ul.menu li.mega-menu:hover>ul {
  max-width: 100%;
  width: 100%;
  padding-inline: var(--gap-m);
  left: 50%;
  transform: translateX(-50%);
}
section.section-wrap.has-background.top-bar {
    position: relative;
    z-index: 2;
}
body header .main-navigation ul#primary-menu.menu li.mega-menu ul.sub-menu>li a {
    top: unset;
    transform: unset;
    padding: 5px 10px 0 0;
    font-size: 16px;
    color: var(--color-text-white);
}
body header .main-navigation ul#primary-menu.menu>li.mega-menu>ul.sub-menu>li>a {
    font-size: 18px;
    font-weight: 500;
}

/* woo/lang switcher */

body header .stom-multilingual-language-switcher {
	text-transform: uppercase;
}
body header .stom-multilingual-language-switcher .stom-multilingual-language-switcher__list {
	min-width: 100px;
    background-color: var(--color-2);
}
body .stom-multilingual-language-switcher__list__item:hover a {
    text-decoration: none;
}
body header .stom-multilingual-language-switcher a {
	display: flex;
	align-items: center;
	gap: .4em;
	padding: 5px 10px;
	font-weight: normal;
	font-size: 16px;
}
body header .stom-multilingual-language-switcher__list__item a img {
	margin: 0;
}
body header .stom-multilingual-language-switcher a:hover {
    color: var(--color-3);
}
body #woo-icons .site-header-cart .stom-custom-svg.stom-cart-icon{
    display: none;
}
body #woo-icons .site-header-cart {
    display: none;
}
body.logged-in #woo-icons .site-header-cart {
    display: block;
}
body #woo-icons .site-header-cart {
    min-width: 40px;
}
body #woo-icons .site-header-cart .mini-cart {
    z-index: 2;
    position: relative;
}
body.logged-in #woo-icons .woo-search {
    padding-right: 25px;
}
body #woo-icons .woo-search span:after {
    font-size: 18px;
    color: #9f9f9f;
    font-weight: 300;
    position: relative;
    top: -4px;
    padding-left: 6px;
}
body #woo-icons .woo-search span:after {
	content: 'Search products...';
}
[lang="de-DE"] body #woo-icons .woo-search span:after {
	content: 'Produkte suchen...';
}
[lang="sv-SE"] body #woo-icons .woo-search span:after {
	content: 'Sök produkter...';
}
[lang="zh-Hans-CN"] body #woo-icons .woo-search span:after {
	content: '搜尋商品...';
}
[lang="nl-NL"] body #woo-icons .woo-search span:after {
	content: 'Producten zoeken...';
}
[lang="fr-FR"] body #woo-icons .woo-search span:after {
	content: 'Rechercher...';
}
[lang="es-ES"] body #woo-icons .woo-search span:after {
	content: 'Buscar productos...';
}

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

body #woo-icons {
    margin-left: 0;
}
body #woo-icons .woo-search span{
    border-bottom: 1px solid var(--color-2);
    padding-bottom: 5px;
    position: relative;
}
body #woo-icons .site-header-cart .cart-contents span.count, body header .stomWF-favourites-list-link .count {
    bottom: unset;
    right: unset;
    width: auto;
    height: auto;
    padding: 0;
    color: #354047;
    line-height: 1;
    text-align: center;
    border-radius: unset;
    background-color: #ffffff;
    display: inline-block;
    transform: unset;
    z-index: 2;
    position: relative;
    transition: var(--transition);
}
body #woo-icons .site-header-cart .cart-contents span.count .display {
    margin: auto;
    position: relative;
    font-size: 18px;
    padding: 5px;
    color: #354047;
    transition: var(--transition);
}
#woo-icons .site-header-cart .cart-contents span.count .filler {
    height: 0;
    width: 0;
    opacity: 0;
}
body #woo-icons .site-header-cart .cart-contents {
    display: flex;
    justify-content: center;
}
body #woo-icons .site-header-cart:after {
    content: '';
    display: block;
    background-color: white;
    width: 100%;
    height: 100%;
    min-width: 40px;
    min-height: 40px;
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #354047;
    transition: var(--transition);
}
body #woo-icons .site-header-cart:hover:after {
    background-color: var(--color-3);
}
body #woo-icons .site-header-cart:hover .cart-contents span.count {
    background-color: var(--color-3);
}
body #woo-icons .site-header-cart:hover .cart-contents span.count .display {
    color: var(--color-text-white);
}

/* END woo/lang switcher */

/*======================================================================//
// END Header                                                           //
//======================================================================*/

/*======================================================================//
// Buttons                                                              //
//======================================================================*/

.page-slider-section .stom-button a{
    font-size: 20px;
    border-radius: 5px;
}
.stom-button {
    display: inline-block;
    padding-right: 20px;
}
.stom-button a{
    transition: var(--transition);
    padding: 10px 21px 11px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    border: 1px solid var(--color-1);
    position: relative;
    font-size: 18px;
    font-weight: 300;
    background-color: var(--color-1);
}
.stom-button a .stom-custom-svg {
    position: relative;
    transition: var(--transition);
    right: 0;
}
.stom-button a:hover .stom-custom-svg {
    right: -5px;
}
.secondary-button a {
    background-color: var(--color-2);
    color: var(--color-1);
    border: 1px solid var(--color-2);
}
.secondary-button a:hover, .section-wrap.stom-grid-section .grid-element:hover .secondary-button a {
    background-color: var(--color-1);
    color: var(--color-text-white);
    border: 1px solid var(--color-1);
}
body .section-wrap .stom-button.submit-button a{
    background-color: var(--color-3);
    border: 1px solid var(--color-3);
    padding: 10px 30px 10px;
}
body .section-wrap .stom-button.submit-button
body .section-wrap .stom-button.submit-button a:hover{
    background-color: var(--color-2);
    border-color: var(--color-2);
}


.product-login-to-buy {
	margin-bottom: var(--gap-s);
}


/*======================================================================//
// END Buttons                                                          //
//======================================================================*/

/*======================================================================//
// page-slider-section                                                  //
//======================================================================*/

/* no slider overlay */
.page-slider-section .slider-text {
    background-color: #f2f2f2;
    font-size: 20px;
}
.page-slider-section .slide-element .image-aligner {
    position: relative;
}
.page-slider-section .slider-text-inner .slider-text-inner-wrapper h1, .page-slider-section .slider-text-inner .slider-text-inner-wrapper h2, .page-slider-section .slider-text-inner .title-box * {
    font-size: var(--h1);
}
body .page-slider-section .image-aligner img, body .page-slider-section .slide-element video, body .page-slider-section .slide-element iframe {
    height: 100%;
    position: absolute;
}
body .site section.page-slider-section .slider-text .slider-text-inner {
    margin-inline: auto;
    max-width: calc(var(--content-width) / 2 + var(--gap-m));
    margin-right: 0;
    padding-inline: var(--gap-m);
    padding-block: var(--gap-m);
}

body .site section.page-slider-section:not(.different-text) .slider-inner{
    grid-template-columns: repeat(var(--grid-2-cols), minmax(0, 1fr));
}
body .site section.page-slider-section:not(.different-text) .slides, body .site section.page-slider-section:not(.different-text) .slider-text, body .site section.page-slider-section.different-text .image-aligner, body .site section.page-slider-section.different-text .slider-text {
    grid-column: unset;
    grid-row: unset;
}
body .site section.page-slider-section .slider-inner .slider-text {
    grid-row: 1;
    padding: 0;
    min-height: 450px;
}
body .site section.page-slider-section.different-text .slider-inner .slide-element{
    grid-template-columns: repeat(var(--grid-2-cols), minmax(0, 1fr));
}
body.home .site section.page-slider-section .slider-inner .slider-text {
    min-height: calc(100vh - var(--header-height));
}
body .site section.page-slider-section .slick-prev{
    bottom: 25px;
}
body .site section.page-slider-section .slick-next{
    bottom: 70px;
}
body .site section.page-slider-section .slick-prev:after, body .site section.page-slider-section .slick-next:after {
    position: relative;
    display: block;
    padding: 6px;
    transition: var(--transition);
}
body .site section.page-slider-section .slick-prev:after{
    content: url("images/arrow-right-blue.svg");
    transform: rotate(180deg);
}
body .site section.page-slider-section .slick-next:after{
    content: url("images/arrow-right-blue.svg");
}
body .site section.page-slider-section button.slick-next, body .site section.page-slider-section button.slick-prev {
    background-color: transparent;
    box-shadow: none;
    border: 1px solid var(--color-2);
    padding: 0;
    width: 35px;
    height: 35px;
    transition: var(--transition);
    opacity: 0.5;
    top: unset;
    transform: unset;
}
body .site section.page-slider-section.different-text button.slick-next, body .site section.page-slider-section.different-text button.slick-prev {
    left: calc(50% - 65px);
}
body .site section.page-slider-section button.slick-next:hover, body .site section.page-slider-section button.slick-prev:hover {
    background-color: var(--color-2);
    opacity: 1;
}
body .site section.page-slider-section .slick-prev:hover:after, body .site section.page-slider-section .slick-next:hover:after{
    filter: brightness(0) invert(1);
}
body .page-slider-section button.slick-next:hover, body .page-slider-section button.slick-prev:hover {
    opacity: 1;
}
.page-slider-section .slider-text-inner .title-box *, .page-slider-section .slider-text .slider-text-inner, .page-slider-section .slider-text .slider-text-inner p, .page-slider-section .slider-text .slider-text-inner h1, .page-slider-section .slider-text .slider-text-inner h2{
    color: var(--color-text);
}
.page-slider-section .slider-text .slider-text-inner h1, .page-slider-section .slider-text .slider-text-inner h1 strong {
    margin-bottom: 16px;
}
/* slider not full width */
body .page-slider-section.main-slider-section {
    font-size: 1rem;
}

/*======================================================================//
// END page-slider-section                                              //
//======================================================================*/

/*======================================================================//
// Stom-grid-section                                                    //
//======================================================================*/


.stom-grid-section .grid-element.youtube-sektion .overlay{
    position: absolute;
    width: 100%;
    height: 100%;
}
.stom-grid-section .grid-element.youtube-sektion .overlay p{
    position: relative;
    width: 100%;
    height: 100%;
}

.stom-grid-section .grid-element.youtube-sektion iframe{
    width: 100% !important;
    height: 100% !important;
    max-height: 420px;
}

.stom-grid-section .grid-element {
    align-content: flex-start;
}
body section.section-wrap.stom-grid-section.standard-indgangsvinkler .grid-elements {
    gap: 22px var(--gap-s);
}
.stom-grid-section .grid-element.has-background .overlay {
    padding: var(--gap-s);
}

/* css for at lave indgangsvinkler hvor tekst er under billede og selv vælge billed størrelse fjern hvis tekst er ovenpå billede */
section.stom-grid-section.standard-indgangsvinkler .grid-elements .grid-element:not(.fullwidth) img{
    grid-column: unset;
    grid-row: 1;
    max-height: 300px;
}
section.stom-grid-section.standard-indgangsvinkler .grid-elements .grid-element:not(.fullwidth) .overlay{
    grid-column: unset;
    grid-row: unset;
    position: relative;
    padding: 0;
    margin: auto;
    height: 100%;
    grid-row: 2;
}
section.section-wrap.standard-indgangsvinkler .grid-elements .grid-element.fullwidth .overlay{
    padding-bottom:22px ;
}
section.section-wrap.standard-indgangsvinkler .grid-elements .grid-element:not(.fullwidth) {
    grid-template-rows: 300px 1fr;
}
section.section-wrap.standard-indgangsvinkler .grid-elements .grid-element:not(.fullwidth) .overlay{
    padding-top: 18px;
    width: 100%;
}
section.section-wrap.standard-indgangsvinkler .grid-elements .grid-element:not(.fullwidth) .overlay h3 {
    margin-bottom: 0;
}
section.section-wrap.standard-indgangsvinkler .grid-elements .grid-element:not(.fullwidth) .overlay p {
    font-size: 30px;
    font-weight: 500;
    position: relative;
    transition: var(--transition);
}
section.section-wrap.standard-indgangsvinkler .grid-elements .grid-element:not(.fullwidth):hover .overlay p {
    padding-left: 20px;
}
section.section-wrap.standard-indgangsvinkler .grid-elements .grid-element:not(.fullwidth) .overlay p .stom-custom-svg{
    position: absolute;
    font-size: 22px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

section.section-wrap .grid-elements .grid-element.smaller-kolonne-item {
    margin: auto;
    padding: var(--gap-m) var(--gap-m) 0;
    max-width: calc(var(--content-width) - var(--gap-l));
}

/*======================================================================//
// END stom-grid-section                                                //
//======================================================================*/

/*======================================================================//
// stom-products-section                                                //
//======================================================================*/

section.section-wrap.stom-products-section h2 {
    padding-bottom: 9px;
}
section.section-wrap.stom-products-section .woocommerce {
    border-top: 1px solid var(--color-3);
}
section.section-wrap.stom-products-section>.section>p:last-of-type{
    margin-bottom: 12px;
}
section.section-wrap.stom-products-section>.section>p:last-of-type a .stom-custom-svg {
    position: relative;
    transition: var(--transition);
    right: 0;
}
section.section-wrap.stom-products-section>.section>p:last-of-type a:hover .stom-custom-svg {
    right: -5px;
}
section.section-wrap.stom-products-section .woocommerce ul.products li.product.slick-slide {
    margin: 0 30px;
}
section.section-wrap.stom-products-section .woocommerce ul.products.slick-slider .slick-list {
    margin-right: -30px;
    margin-left: -30px;
}
section.section-wrap.stom-products-section .woocommerce ul.products li.product .stom-product-loop-image-wrap {
    background-color:var(--color-bg) ;
}
section.section-wrap.stom-products-section .woocommerce ul.products li.product .product-category {
    color: var(--color-2);
    opacity: 1;
    text-transform: initial;
    font-size: 16px;
    font-weight: 400;
}
section.section-wrap.stom-products-section .woocommerce ul.products li.product .woocommerce-loop-product__title {
    color: var(--color-2);
    text-transform: initial;
    font-size: 20px;
    font-weight: 400;
}
section.section-wrap.stom-products-section .woocommerce ul.products li.product .price {
    color: var(--color-2);
    font-size: 18px;
    font-weight: 600;
    max-width: calc(100% - 125px);
}
section.section-wrap.stom-products-section .woocommerce ul.products li.product:not(.product-category) img {
    object-fit: cover;
    padding: 20px;
}
section.section-wrap.stom-products-section .woocommerce ul.products li.product .stom-product-loop-image-wrap .aligner {
    aspect-ratio: 345/245;
    padding-top: unset;
}

/*======================================================================//
// END stom-products-section                                            //
//======================================================================*/

/*======================================================================//
// stom-billede-sektion                                                 //
//======================================================================*/

section.section-wrap.stom-billede-sektion.full-width-image-sektion .stom-picture img{
    object-fit: contain;
}

section.section-wrap.stom-billede-sektion {
    width: var(--content-width);
    margin-inline: auto;
}

section.stom-billede-sektion .section .stom-cols-6 {
    padding: var(--gap-m) 0;
}
section.stom-billede-sektion.section-wrap.has-background .section {
    padding:0;
}
section.stom-billede-sektion.picture-right .stom-cols-6, .overlap-image.stom-billede-sektion.picture-right .stom-cols-6 {
    padding-right: var(--gap-m);
}
section.stom-billede-sektion.picture-left .stom-cols-6, .overlap-image.stom-billede-sektion.picture-left .stom-cols-6 {
    padding-left: var(--gap-m);
}
.overlap-image.stom-billede-sektion .stom-cols-6 {
    margin-block: var(--gap-m);
    padding-block: var(--gap-m);
}
.overlap-image.stom-billede-sektion .stom-cols-6 {
    width: calc(50% + var(--gap-m));
}
.overlap-image.stom-billede-sektion .stom-picture {
    width: 50%;
}


section.stom-billede-sektion.section-wrap.has-background {
	padding-block: calc(2 * var(--gap-s));
}

section.stom-billede-sektion.section-wrap.image-size-small {
	& .stom-cols-6 {
		width: 65%;
	}
	
	& .stom-picture {
		width: 35%;
	}
}

section.stom-billede-sektion.picture-scaling-default .stom-picture {
	display: flex;
}
section.stom-billede-sektion.picture-scaling-default.picture-align-top .stom-picture {
	align-items: flex-start;
}
section.stom-billede-sektion.picture-scaling-default.picture-align-bottom .stom-picture {
	align-items: flex-end;
}
section.stom-billede-sektion.picture-scaling-default.picture-align-center .stom-picture {
	align-items: center;
}

section.stom-billede-sektion.picture-scaling-default .stom-picture img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: unset;
}

/*======================================================================//
// END stom-billede-sektion                                             //
//======================================================================*/

/*======================================================================//
// gravity-theme                                                        //
//======================================================================*/


body section#registration_formular .section {
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    padding: var(--gap-m);
} 

body .gform_wrapper .gform_footer button{
    padding: 0;
}
.underline-form .gform_wrapper.gravity-theme .gfield--type-consent.gfield:after {
    display: none;
}

body .gform_wrapper.gravity-theme .gfield input::placeholder, body .gform_wrapper.gravity-theme .gfield textarea::placeholder {
    color: #000000;
}
body .gform_wrapper.gravity-theme .gfield input, body .gform_wrapper.gravity-theme .gfield textarea {
    padding: 3px 15px 3px;
    transition: var(--transition);
}
body .gform_wrapper.gravity-theme .gfield input:focus-within, body .gform_wrapper.gravity-theme .gfield textarea:focus-within,
body .gform_wrapper.gravity-theme .gfield input:focus, body .gform_wrapper.gravity-theme .gfield textarea:focus {
    padding-left: 20px !important;
}
body .gform_wrapper.gravity-theme .gfield textarea {
    resize: none !important;
    height: 90px !important;
}
body .gform_wrapper.gravity-theme .gfield textarea.large {
    min-height: unset;
}
body section.section-wrap .gform_wrapper.gravity-theme .gform-body.gform_body{
    padding-top: 0;
}
body .gform_wrapper.gravity-theme .address_country.ginput_address_country label{
    display: none;
}

body .gform_wrapper.gravity-theme .gform_fields .gfield.gfield--type-address.gfield--width-half .has_country.ginput_container_address{
    -ms-grid-column-span: 12;
    grid-column: span 12;
}
body .gform_wrapper.gravity-theme .ginput_container_address span {
    flex: 0 0 100%;
    padding-left: 0;
    padding-right: 0;
}
body .entry-content .gform_wrapper.gravity-theme fieldset.gfield.gfield--type-address {

}
body .entry-content  .gform_wrapper.gravity-theme fieldset .ginput_container_address {
    margin-left: 0;
    margin-right: 0;
}
body .entry-content .gform_wrapper.gravity-theme .ginput_complex.ginput_container_address select {
    padding:  3px 15px 3px;
}
body .gform_wrapper.gravity-theme .ginput_complex.ginput_container_address select {
    padding: 4px 0 5px;
}


#registration_formular .gfield.gfield--type-email:has(+ .gfield--type-phone[data-conditional-logic="hidden"]) {
	width: calc(50% + 1px);
}


#registration_formular .stom_no_country_description:not([data-conditional-logic="visible"]) ~ .stom_fake_required {
	opacity: .5;
	pointer-events: none;
}

#registration_formular .stom_fake_required .gfield_label:after {
	content: '*';
	display: inline-block;
	margin-left: 8px;
	color: #790000;
}


/*======================================================================//
// End gravity-theme                                                    //
//======================================================================*/

/*======================================================================//
// socials-banner-sektion                                               //
//======================================================================*/

body section.section-wrap.socials-banner-sektion {
    margin-top: 0 !important;
}

body section.section-wrap.socials-banner-sektion .section{
    padding: 30px 0;
    text-align: center;
}
body section.section-wrap.socials-banner-sektion .section .socials-wrapper a{
    padding: 0 10px;
}
body section.section-wrap.socials-banner-sektion .section .socials-wrapper .stom-custom-svg{
    font-size: 30px;
    color: var(--color-text-white);
    padding: 0;
}
body section.section-wrap.socials-banner-sektion .section .socials-wrapper a:hover .stom-custom-svg{
    color: var(--color-3);
}



/*======================================================================//
// END socials-banner-sektion                                           //
//======================================================================*/



/*======================================================================//
// after_faq                                                            //
//======================================================================*/

.after_faq .mere-tekst-wrapper{
    border-top: 1px solid var(--color-3);
}
.page_after_faq_wrapper.after_faq {
    padding-top: var(--gap-s);
}

.after_faq .mere-tekst-wrapper button .stom-custom-svg{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    float: unset;
    transition: var(--transition);
}
.after_faq .mere-tekst-wrapper button:hover .stom-custom-svg{
    right: 20px;
}
.after_faq .mere-tekst-wrapper button.fold-ind .stom-custom-svg{
    right: 20px;
}
.after_faq .mere-tekst-wrapper button{
    padding:20px 20px 20px 0;
    line-height: 1.2;
    background-color: transparent;
    font-weight: 500;
    font-size: 20px;
    color: var(--color-text);
    transition: var(--transition);
    border: none;
}
.after_faq .mere-tekst-wrapper button.fold-ind {
    background-color: var(--color-3);
    text-decoration: none;
    background-image: none;
    color: var(--color-text-white);
    padding-left: 20px;
    padding-right: 20px;
}
.after_faq .mere-tekst-wrapper button:hover{
    background-color: var(--color-3);
    text-decoration: none;
    background-image: none;
    color: var(--color-text-white);
    padding-left: 20px;
    padding-right: 20px;
}
.after_faq .mere-tekst-wrapper:last-of-type {
    border-bottom: 1px solid var(--color-3);
}
.after_faq .mere-tekst-wrapper .mere-tekst{
    padding-top: 15px;
}


/*======================================================================//
// END after_faq                                                        //
//======================================================================*/




/*======================================================================//
// colophon                                                             //
//======================================================================*/

/* for hvid tekst i footer */
footer#colophon.site-footer, footer#colophon .section-wrap {
    --color-text:var(--color-text);
}

footer#colophon .section-wrap {
    padding-inline: 0;
    border: none;
}
footer#colophon.site-footer {
    border-top: none;
    background-color: var(--color-text-white);
}
#colophon .footer-widget-area .section {
    padding: var(--gap-m) 0 var(--gap-m);
}
footer#colophon.site-footer {
    padding-inline: var(--gap-m);
}
body #colophon section.section-wrap.stom-grid-section .grid-elements {
    gap: var(--gap-m);
}
footer#colophon.site-footer .socials-wrapper a {
    color: var(--color-text);
}
#colophon.site-footer .overlay .footer-widgets .textwidget {
    color: var(--color-text);
}
#colophon.site-footer .overlay .footer-widgets .textwidget p {
    margin-bottom:0.6em;
}
footer#colophon.site-footer .socials-wrapper a:hover .stom-custom-svg{
    color: var(--color-1);
}
#colophon.site-footer .widget-title {
    color: var(--color-text);
    font-size: 25px;
    font-family: var(--h-fam);
    font-weight: 300;
    margin-bottom: 5px;
}
/* signatur i footer style */
#colophon.site-footer .section-wrap.footer-widget-area-extra .section{
    border-top: 1px solid var(--color-3);
    padding: 15px 0 15px;
    color: var(--color-text);
}
#colophon.site-footer .footer-widget-area-extra .textwidget {
    justify-content: flex-start;
}
#colophon.site-footer .textwidget ul li a {
    font-weight: 400;
    position: relative;
}
#colophon.site-footer .textwidget a {
    position: relative;
    font-weight: 300;
}
#colophon.site-footer .textwidget ul li a:hover:after, #colophon.site-footer .textwidget a:hover:after{
    width: 100%;
}
#colophon.site-footer .textwidget ul li a:after, #colophon.site-footer .textwidget a:after{
    content: '';
    position: absolute;
    display: block;
    height: 1px;
    width: 0%;
    transition: var(--transition);
    background-color: var(--color-1);
    bottom: 0;
    left: 0;
}

/*======================================================================//
// END colophon                                                         //
//======================================================================*/


body:not(.stom-gform-legacy) .gform_legacy_markup_wrapper .gf_invisible,
body:not(.stom-gform-legacy) .gform_legacy_markup_wrapper .gfield_visibility_hidden {
	position: absolute;
}



/* ===== Blog Archive ===== */

body.blog.posts-archive {
	& .site section.page-slider-section .slider-inner .slider-text {
		min-height: 0px;
	}
	

	& #blog-archive-filters-container {
		font-size: 1.2em;
	
		& .stom-blog-filter__row--types {
			display: flex;
			gap: 2em;
			flex-wrap: wrap;
			margin-bottom: 1em;
	
			& .stom-blog-filter__label {
				color: #999;
			}
	
			& .stom-blog-filter__type-btn {
				color: var(--color-1);
				cursor: pointer;
			}
		}
	
		& .stom-blog-filter__row--values:not([hidden]) {
			display: flex;
			gap: 1em;
			flex-wrap: wrap;
	
			& .stom-blog-filter__value-btn {
				padding: .7em .6em .5em;
				color: var(--color-1);
				border: 1px solid rgb(242 246 249);
				line-height: 1;
				font-weight: 400;
				transition: var(--transition);
	
				&:hover,
				&.is-active {
					border-color: var(--color-1);
					background-color: var(--color-1);
					color: var(--color-text-white);
				}
			}
		}
	}


	& #primary {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: calc(2 * var(--gap-s)) var(--gap-s);
		margin-bottom: var(--gap-m);

		& article.post {
			border: 1px solid rgb(242 246 249);

			& .post-thumbnail {
				border: solid rgb(242 246 249);
				border-width: 4px 4px 5px 4px;

				& img {
					width: 100%;
					height: auto;
					aspect-ratio: 440 / 290;
					object-fit: cover;
				}
			}

			& .post-content-wrapper {
				padding: .8em 1em;

				& .blog-entry-header {
					color: #999;

					& .blog-entry-meta {
						margin-bottom: 1em;
					}
	
					& .blog-entry-title {
						font-size: calc(1.1 * var(--h4));
					}
				}

				& .blog-entry-content p {
					margin-bottom: 0;
					line-height: 1.5;
				}
			}

			& .post-read-more {
				display: block;
				padding: .8em .7em .6em;
				color: var(--color-1);
				background-color: rgb(242 246 249);
				text-align: right;
				line-height: 1;
			}
		}
	}


	& .stom-blog-load-more {
		text-align: center;

		& .stom-blog-load-more__btn {
			display: inline-block;
			padding: .8em .7em .7em;
			min-width: 250px;
			background-color: var(--color-1);
			color: var(--color-text-white);
			text-align: center;
		}
	}
}

/* ===== END Blog Archive ===== */


/* ===== Blog Posts ===== */

body.single-post {
	& #main-content {
		--content-width: 900px;
		
		& #content {
			--content-width: 900px;
		}
	}

	& .main-slider-section {
		& .slides {
			& .slide-image {
				& .image-aligner {
					& img {
						position: static;
						width: 100%;
						height: auto;
					}
				}
			}
		}

		& .slider-text-inner-wrapper {
			& p:last-child {
				margin-bottom: 0;
			}
		}
	}

	& .page-slider-section ~ main {
		margin-top: 1em;
	}


	& #primary {
		& article {
			& .blog-entry-header {
				& .blog-entry-breadcrumbs {
					margin-bottom: 3em;
					color: #999;

					& a {
						color: var(--color-1);
						font-weight: normal;
					}

					& .breadcrumb-separator {
						letter-spacing: .15em;
					}
				}

				& .blog-entry-meta {
					margin-bottom: 1em;
					color: #999;
				}

				.blog-entry-title {
					font-size: calc(1.3 * var(--h1));
				}
			}

			& .blog-entry-content {
				& figure.wp-caption {
					margin-block: 3em;

					& .wp-caption-text {
						margin: .5em 0;
						text-align: left;
						color: #999;
						font-size: .9em;
					}
				}
			}
		}
	}


	& #content + .section-wrap:not(.no-margin-top):not(.small-margin-top):not([style*="--section-margin-top"]),
	& #content + .stomFEE-edit-cta + .section-wrap:not(.no-margin-top):not(.small-margin-top):not([style*="--section-margin-top"]) {
		margin-top: 2em;
	}

	& #content+.section-wrap,
	& #content+.stomFEE-edit-cta+.section-wrap {
		margin-top: calc(var(--section-margin-top)  * var(--spacing-scale) * 1px);
	}
}

/* ===== END Blog Posts ===== */


/* ===== Related Content ===== */

.section-wrap.section-related-content {
	& .section {
		padding-top: 3em;
		border-top: 1px solid var(--color-1);

		& h2 {
			color: #999;
		}

		& .stom-related-content {
			margin-top: var(--gap-s);
		
			& .stom-related-content__inner {
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				gap: calc(2 * var(--gap-s)) var(--gap-s);
		
				& .stom-related-content__item {
					position: relative;
					border: 1px solid rgb(242 246 249);
					display: flex;
					flex-direction: column;
		
					& .stom-related-content__thumbnail {
						border: solid rgb(242 246 249);
						border-width: 0 0 1px 0;
		
						& img {
							width: 100%;
							height: auto;
							aspect-ratio: 440 / 290;
							object-fit: cover;
							display: block;
						}
					}
		
					& .stom-related-content__body {
						padding: .8em 1em;
		
						& .stom-related-content__tagline {
							color: #999;
							margin-bottom: .4em;
						}
		
						& .stom-related-content__title {
							font-size: calc(1.1 * var(--h4));
		
							& a {
								color: inherit;
								text-decoration: none;
							}
						}
		
						& .stom-related-content__excerpt {
							margin-bottom: 0;
							line-height: 1.5;
						}
					}
		
					/* Sits outside __body, mirrors .post-read-more in the blog loop */
					& .stom-related-content__read-more {
						display: block;
						padding: .8em .7em .6em;
						color: var(--color-1);
						/* background-color: rgb(242 246 249); */
						border-top: 1px solid rgb(242 246 249);
						text-align: right;
						line-height: 1;
						text-decoration: none;
						margin-top: auto;
					}

					& .stom-related-content__item-link {
						position: absolute;
						inset: 0;
						z-index: 0;
					}
					& .stom-related-content__read-more {
						position: relative;
						z-index: 1;
					}
				}
			}
		}
	}
}

/* ===== END Related Content ===== */


section.stom-billede-sektion {
	&:not(.has-background) .section > .stom-cols-6 {
		padding-block: 0;

		:is(.stom-billede-sektion:not(.hide-img-caption):has(.stom-picture .wp-caption-text)) & {
			padding-bottom: 1.5em;
		}
	}
	
	& .section > .stom-cols-6 p:last-child {
		margin-bottom: 0;
	}

	& .stom-picture {
		&:has(.wp-caption-text) img {
			max-height: calc(100% - ((.9rem * 1.5) + (.5rem * 2)));

			:is(.hide-img-caption) & {
				max-height: 100%;;
			}
		}
		
		& .wp-caption-text {
			padding: .5em 0;
			font-size: .9rem;
			color: #999;
			text-align: left;
		}
	}


	&.picture-left {
		& .stom-cols-6 {
			padding-left: calc(1.5 * var(--gap-s));
		}
	}
	&.picture-right {
		& .stom-cols-6 {
			padding-right: calc(1.5 * var(--gap-s));
		}
	}


	&.has-background {
		width: 100%;

		&.picture-left {
			& .stom-cols-6 {
				padding-left: calc(2 * var(--gap-s));
			}
		}
		&.picture-right {
			& .stom-cols-6 {
				padding-right: calc(2 * var(--gap-s));
			}
		}

		& .stom-picture {
			& .wp-caption-text {
				color: inherit;
			}
		}
	}
}


section.section-icon-list {
	& .icon-list-container {
		& .icon-list {
			& .icon-list-item {
				display: flex;
				align-items: flex-start;
				gap: 3em;

				&:not(:last-child) {
					margin-bottom: 2em;
				}

				& .item-icon {
					width: 100px;
					flex-shrink: 0;
					flex-grow: 0;

					& img {
						width: 100%;
						height: auto;
					}
				}
	
				& .item-text {
					flex-grow: 1;
					flex-shrink: 1;

					& p:last-child {
						margin-bottom: 0;
					}
				}
			}
		}
	}
}


.stom-grid-section .grid-element .overlay {
	overflow: hidden;
}


.stom-css-grid,
.stom-grid-section .section .grid-elements {
	gap: calc(1.5 * var(--gap-s));
}


figure.wp-caption {
	& .wp-caption-text {
		margin: .5em 0;
		text-align: left;
		color: #999;
		font-size: .9em;
	}
}


.section-wrap.no-margin-top,
main .section-wrap ~ .section-wrap.no-margin-top,
#content + .stomFEE-edit-cta + .section-wrap.no-margin-top {
	margin-top: 0;
}

.section-wrap.small-margin-top,
main .section-wrap ~ .section-wrap.small-margin-top,
#content + .stomFEE-edit-cta + .section-wrap.small-margin-top {
	margin-top: var(--gap-s);
}


.section-table-of-content .table-of-content-wrap {
	margin: .3em 4em 4em 0;
	padding: 1.5em;
	float: left;
	background-color: #e7e7e7;
}


.hide-img-caption {
	& .wp-caption-text {
		display: none;
	}
}


.btn-white a {
	background-color: #fff;
	border-color: #fff;
	color: var(--color-text);
}

.btn-orange a {
	background-color: #fe9249;
	border-color: #fe9249;
}


:is([style*=";color:"], [style*=" color:"], [style^="color:"]) :is(h1, h2, h3, h4) {
	color: inherit;
}


.wp-caption.alignright:not(:first-child) {
	margin-top: 0;
}


.section-wrap.inner-background .section,
section.stom-billede-sektion.section-wrap.has-background.inner-background .section {
	max-width: calc(var(--content-width) + (2 * (2 * var(--gap-s))));
	padding: calc(2 * var(--gap-s));
}
section.stom-billede-sektion.section-wrap.has-background.inner-background.picture-left .stom-picture {
	padding-left: calc(2 * var(--gap-s));
}
section.stom-billede-sektion.section-wrap.has-background.inner-background.picture-right .stom-picture {
	padding-right: calc(2 * var(--gap-s));
}



section.stom-billede-sektion-v2 {
	&,
	&.has-background {
		padding-inline: 0;
	}

	&.inner-background.remove-spacing-to-edge .section {
		:is(.picture-left) & {
			padding-left: 0;
		}

		:is(.picture-right) & {
			padding-right: 0;
		}
	}

	& .section,
	&.inner-background .section:not([style*="--wrap-size: 100%;"]) {
		max-width: var(--wrap-size);
	}

	& .image-and-text-wrapper {
		display: flex;
		align-items: center;
		/* justify-content: center; */
		max-width: 100%;

		& .stom-cols-6 {
			width: var(--text-w);
			margin: 0;
			padding-right: 2em;
			margin-left: max(0px, var(--text-spacing));

			.picture-left & {
				order: 2;
				padding-right: 0;
				padding-left: 2em;
			}

			& .stom-center-box {
				
			}

			& p:has(.stom-button:first-child:last-child) {
				margin-bottom: 0;
			}
		}
	
		& .stom-picture {
			/* width: var(--img-w); */
			flex-shrink: 0;
			margin-left: max(0px, calc(50% - var(--text-w) - var(--text-spacing)));
			font-size: 0;
			text-align: right;

			.picture-left & {
				text-align: left;
			}

			& img {
				display: inline-block;
				max-width: 100%;
			}
		}
	}
}

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


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

.woocommerce-MyAccount-orders .woocommerce-orders-table__header-order-status,
.woocommerce-MyAccount-orders .woocommerce-orders-table__cell-order-status {
    display: none;
}

.woocommerce-cart .woocommerce-cart-form .shop_table .cart_item .product-descriptions .product-quantity .quantity {
    margin-left: 10px;
}
.woocommerce-cart .woocommerce-cart-form .shop_table .cart_item .product-descriptions .product-quantity .quantity .stom-input-wrap .button.stom-input-minus {
    border-color: var(--color-3);
    border-radius: 10px 0 0 10px;
    color: var(--color-text);
    font-size: 18px;
}
.woocommerce-cart .woocommerce-cart-form .shop_table .cart_item .product-descriptions .product-quantity .quantity .stom-input-wrap .button.stom-input-plus {
    border-color: var(--color-3);
    border-radius: 0 10px 10px 0;
    color: var(--color-text);
    font-size: 18px;
}
.woocommerce-cart .woocommerce-cart-form .shop_table .cart_item .product-descriptions .product-quantity .quantity .stom-input-wrap input.input-text {
    border-color: var(--color-3);
    color: var(--color-text);
    font-size: 18px;
    width: 35px;
    display: inline-block;
    font-weight: 400;
}
.woocommerce-cart .woocommerce-cart-form .shop_table .cart_item .product-descriptions .product-quantity .quantity .stom-input-wrap .button:hover, .woocommerce-cart .woocommerce-cart-form .shop_table .cart_item .product-descriptions .product-quantity .quantity .stom-input-wrap input.input-text:focus {
    background-color: var(--color-1);
    color: var(--color-text-white);
    border-color: var(--color-1);

}


body.archive .slider-text-inner .slider-text-inner-wrapper .woocommerce-breadcrumb, body.archive .slider-text-inner .slider-text-inner-wrapper .woocommerce-breadcrumb span, body.archive .slider-text-inner .slider-text-inner-wrapper .woocommerce-breadcrumb span a{
    color: var(--color-text);
    font-size: 16px;
    margin: auto;
    font-weight: 300;
    display: inline-block;
}


.btn-yellow a {
	background-color: var(--color-3);
	border-color: var(--color-3);
}
.btn-yellow:hover a {
    background-color: #ffca55;
    border-color: #ffca55;
}
#woo-icons .stom-off-canvas-wrapper .woocommerce-mini-cart__buttons.buttons a.checkout {
	background-color: #26ad5d;
}
#woo-icons .stom-off-canvas-wrapper .woocommerce-mini-cart__buttons.buttons a.checkout:hover {
	background-color: #1c964e;
}
#woo-icons .stom-off-canvas-wrapper .woocommerce-mini-cart__buttons.buttons a.wp-element-button {
    background-color: var(--color-3);
    color: var(--color-text-white);
    transition: var(--transition);
}
#woo-icons .stom-off-canvas-wrapper .woocommerce-mini-cart__buttons.buttons a.wp-element-button:hover {
    background-color: #ffca55;
}

#woo-icons .stom-off-canvas-wrapper .woocommerce-mini-cart__buttons.buttons .stom-button {
	width: 100%;
	margin-top: 10px;
	padding: 0;
}

#woo-icons .stom-off-canvas-wrapper .woocommerce-mini-cart__buttons.buttons .stom-button a {
	font-weight: bold;
}

body.archive.woocommerce-page.woocommerce .woocommerce-result-count {
    display: block;
    width: 100%;
    padding-bottom: 16px;
    font-size: 20px;
    color: var(--color-text);
    border-bottom: 1px solid var(--color-3);
    margin-bottom: var(--gap-m);
}
body:not(.home).woocommerce .page-slider-section~main {
    margin-top: var(--gap-m);
}

body.woocommerce:not(.logged-in) main#main-content ul.products li.product a.button.add_to_cart_button, body.woocommerce:not(.logged-in) main#main-content ul.products li.product a.button.add_to_cart_button.product_type_variable {
    padding-top: 2px;
}
body.woocommerce main#main-content ul.products li.product a.button.add_to_cart_button {
    float: right;
    position: relative;
    padding-top: 7px;

}
body.archive.woocommerce .products .product .stom_add_to_cart_button {
    color: var(--color-2);
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
}

body.woocommerce main#main-content ul.products li.product a.button.add_to_cart_button.product_type_variable {
    padding-top: 22px;
}

.woocommerce ul.products li.product:hover button{
    background-color: var(--color-2);
}

body.archive.woocommerce .products .product .stom_add_to_cart_button .stom-custom-svg{
    color: var(--color-2);
    top: -2px;
    position: relative;
    font-size: 12px;
    right: 0;
    transition: var(--transition);
}
body.archive.woocommerce .products .product a.button:hover .stom-custom-svg{
    right:-5px;
}

body.archive.woocommerce ul.products .product .stom-product-loop-image-wrap{
    background-color: var(--color-bg);
}
body.archive.woocommerce ul.products .product .stom-product-loop-image-wrap .aligner {
    aspect-ratio: 345/245;
    padding-top: unset;
}

body.archive.woocommerce ul.products .product .stom-product-loop-image-wrap .aligner img {
    object-fit: cover;
    padding: 20px;
}
body.archive.woocommerce ul.products .product .product-category{
    color: var(--color-1);
    opacity: 1;
    text-transform: initial;
    font-size: 16px;
    font-weight: 300;
    max-width: 100%;
}
body.single-product.woocommerce ul.products .product .product-category {
    color: var(--color-2);
    opacity: 1;
    text-transform: initial;
    font-size: 16px;
    font-weight: 300;
    max-width: 100%;
}
body.archive.woocommerce ul.products .product .woocommerce-loop-product__title {
    color: var(--color-2);
    text-transform: initial;
    font-size: 20px;
    font-weight: 300;
    max-width: 100%;
}
body.single-product.woocommerce ul.products .product .woocommerce-loop-product__title {
    color: var(--color-2);
    text-transform: initial;
    font-size: 20px;
    font-weight: 300;
    max-width: 100%;
}
.woocommerce ul.products .product .price {
	margin-top: auto;
}
body.archive.woocommerce ul.products .product .price {
    color: var(--color-2);
    font-size: 16px;
    font-weight: 300;
    float: left;
    width: auto;
    display: inline-block;
}
body.single-product.woocommerce ul.products .product .price {
    color: var(--color-2);
    font-size: 18px;
    font-weight: 600;
    max-width: calc(100% - 160px);
    margin-top: auto;
}
.woocommerce section.related.products ul.products li.product .price > span {
    padding-top: 5px;
    display: inline-block;
}
.woocommerce section.related.products span.price ins {
    margin-left: 0;
    padding-top:5px;
}

body.archive.woocommerce ul.products .product .price .amount{
    font-size: 18px;
    padding-top: 4px;
    display: block;
}
.woocommerce ul.products li.product .price ins {
    font-weight: 300;
}
.woocommerce ul.products li.product {
	display: flex;
    flex-direction: column;
}

body.archive.woocommerce ul.products li.product {
    width: 100%;
    height: 100%;
    margin: auto;
    float: unset;
    display: inline-block;
}
.woocommerce ul.products li.product .price del {
    font-size: 16px;
}

body.archive.woocommerce ul.products.columns-3 {
    grid-template-columns: repeat(3,minmax(0,1fr));
}
body.archive.woocommerce ul.products {
    display: grid;
    grid-template-columns: 100%;
    gap: var(--gap-s);
    margin: 0;
}

body.archive.woocommerce ul.products:before{
    content: "";
    display: none;
}

body.page-id-1010 #main-content, body.page #content, body.archive.woocommerce .site section.page-slider-section .slider-text .slider-text-inner, body.archive.woocommerce #content, body.single main #content {
    --content-width: 1200px;
}
body.single main #content .entry-content {
	/* margin-top:0; */
}
body.woocommerce.archive main#main-content {
    --gap-s:40px;
    --gap-m:60px;
}
body.woocommerce.archive, body.page {
    --sidebar-gap: 40px;
}
body.page:not(.woocommerce-checkout):not(.posts-archive) .entry-header {
    margin-bottom: var(--gap-s);
}
body.woocommerce.archive .custom-overflow-wrapper .bapf_sfilter .bapf_head, body.page .custom-overflow-wrapper .bapf_sfilter .bapf_head{
    padding:0 ;
    border-bottom: 1px solid var(--color-2);
    padding-bottom: 5px;
}
body.woocommerce.archive .custom-overflow-wrapper .bapf_sfilter .bapf_head h3, body.page .custom-overflow-wrapper .bapf_sfilter .bapf_head h3 {
    text-transform: initial;
}
body.woocommerce.archive .custom-overflow-wrapper .bapf_sfilter .bapf_body, body.page .custom-overflow-wrapper .bapf_sfilter .bapf_body {
    padding: 0;
}
body.woocommerce.archive .custom-overflow-wrapper .bapf_sfilter, body.page .custom-overflow-wrapper .bapf_sfilter {
    background-color: transparent;
    border: none;
}
body.woocommerce.archive ul.products li.product .custom-product-label, body.page ul.products li.product .custom-product-label {
    top: 20px;
    left: 0;
    border-radius: 0 100% 100% 0;
    font-size: 14px;
    font-weight: 400;
    padding-right: 15px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}


/* sidebar menu */

body.woocommerce.archive .custom-overflow-wrapper .widget.widget_nav_menu, body.page .custom-overflow-wrapper .widget.widget_nav_menu{
    padding: 0;
}
body.woocommerce.archive .custom-overflow-wrapper .widget.widget_nav_menu, body.page .custom-overflow-wrapper .widget.widget_nav_menu {
    padding-top: 30px;
}
body.woocommerce.archive .custom-overflow-wrapper .widget h2.widget-title, body.page .custom-overflow-wrapper .widget h2.widget-title {
    margin-bottom: 22px;
    font-size: 28px;
    font-weight: 400;
    color: var(--color-text);
    border-bottom: 1px solid var(--color-2);
    padding-bottom: 10px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
body.woocommerce.archive .custom-overflow-wrapper #nav_menu-8.widget h2.widget-title, body.page .custom-overflow-wrapper #nav_menu-8.widget h2.widget-title {
    font-size: var(--h4);
}
body.woocommerce.archive .custom-overflow-wrapper ul.menu, body.woocommerce.archive .custom-overflow-wrapper ul.menu ul.sub-menu, body.page .custom-overflow-wrapper ul.menu, body.page .custom-overflow-wrapper ul.menu ul.sub-menu{
    list-style: none;
    padding: 0;
    margin: 0;
}
body.woocommerce.archive .custom-overflow-wrapper ul.menu ul.sub-menu ul.sub-menu {
    padding-left: 15px;
    border-bottom: 1px var(--color-2) solid;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
body.woocommerce.archive .custom-overflow-wrapper ul.menu>li>a, body.page .custom-overflow-wrapper ul.menu>li>a{
    font-size: 18px;
    font-weight: 400;
    transition: var(--transition);
    display: block;
}
body.woocommerce.archive .custom-overflow-wrapper ul.menu ul.sub-menu>li>a, body.page .custom-overflow-wrapper ul.menu ul.sub-menu>li>a{
    font-size: 15px;
    font-weight: 300;
    transition: var(--transition);
    display: block;
}
body.woocommerce.archive .custom-overflow-wrapper ul.menu li.current-menu-item>a, body.page .custom-overflow-wrapper ul.menu li.current_page_item>a {
    font-weight: 600;
}
body.page .custom-overflow-wrapper ul.menu ul.sub-menu>li.current_page_item>a, body.woocommerce.archive .custom-overflow-wrapper ul.menu ul.sub-menu>li.current-menu-item>a {
    font-weight: bold;
    padding-left: 10px;
}
body.woocommerce.archive .custom-overflow-wrapper ul.menu li:not(.current-menu-item)>a:hover, body.page .custom-overflow-wrapper ul.menu li:not(.current_page_item)>a:hover, body.woocommerce.archive .custom-overflow-wrapper ul.menu ul.sub-menu>li>a:hover, body.page .custom-overflow-wrapper ul.menu ul.sub-menu>li>a:hover{
    padding-left: 10px;
}
body.woocommerce.archive .custom-overflow-wrapper ul.menu ul.sub-menu>li>a:before, body.page .custom-overflow-wrapper ul.menu ul.sub-menu>li>a:before {
    content: '';
    display: inline-block;
    height: 9px;
    width: 6px;
    background-image: url(images/angle-right-solid.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 4px;
}
body.woocommerce.archive .custom-overflow-wrapper ul.menu>li, body.page .custom-overflow-wrapper ul.menu>li {
    border-bottom: 1px solid var(--color-2);
    padding-bottom: 12px;
    margin-bottom: 12px;
}
body.woocommerce.archive .custom-overflow-wrapper ul.menu>li:last-child, body.page .custom-overflow-wrapper ul.menu>li:last-child {
    border-bottom: none;
}
body.woocommerce.archive .custom-overflow-wrapper ul.menu ul.sub-menu li, body.page .custom-overflow-wrapper ul.menu ul.sub-menu li{

}
body.woocommerce.archive .custom-overflow-wrapper ul.menu li a .stom-menu-item-arrow, body.page .custom-overflow-wrapper ul.menu li a .stom-menu-item-arrow{
    display: none;
}
.widget-area .custom-overflow-wrapper .widget:not(.widget_search):not(.widget_instagram-feed-widget):not(.widget-no-border) {
    padding: 28px;
    background-color: var(--color-bg);
}
body:not(.stom-gform-legacy) .widget-area .custom-overflow-wrapper .gform_wrapper .gform_body {
    padding-top: 0;
}
body:not(.stom-gform-legacy) .widget-area .custom-overflow-wrapper .gform_wrapper .gform_body div.gfield input, body:not(.stom-gform-legacy) .widget-area .custom-overflow-wrapper .gform_wrapper .gform_body div.gfield textarea {
    font-size: 14px;
    padding: 5px 10px;
}
body:not(.stom-gform-legacy) .widget-area .custom-overflow-wrapper .gform_wrapper .gform_body div.gfield textarea {
    height: 60px !important;
}
body .widget-area .custom-overflow-wrapper .gform_wrapper.gravity-theme .gfield input:focus {
    padding-left: 15px !important;
}
body .widget-area .custom-overflow-wrapper .gfield.gfield--type-consent label{
    font-size: 12px;
}

body .widget-area .custom-overflow-wrapper .gfield.gfield--type-consent .gfield_description{
    border: none;
    overflow: unset;
    padding: 0;
    font-size: 10px;
    color: var(--color-text);
    line-height: 1.5;
    margin-top: 7px;
    max-height: unset;
}
body .footer-contact-form .gfield.gfield--type-consent .gfield_description, body .entry-content .gfield.gfield--type-consent .gfield_description{
    border: none;
    overflow: unset;
    padding: 0;
    font-size: 12px;
    color: var(--color-text);
    line-height: 1.5;
    margin-top: 7px;
    max-height: unset;
}

body .widget-area .custom-overflow-wrapper .gfield.gfield--type-consent {
    line-height: 1.1;
}
body .gform_wrapper.gravity-theme .gfield_required {
    display: none;
}
body .widget-area .custom-overflow-wrapper .gform_wrapper.gravity-theme .gform_footer button {
    display: inline-block;
    padding: 0;
    width: 100%;
}
body .widget-area .custom-overflow-wrapper .gform_wrapper.gravity-theme .gform_footer button a{
    width: 100%;
}
body .widget:last-of-type {
    margin-bottom: 0;
}
body .widget.google-maps-sektion p {
    margin-bottom: 0;
}
/* END sidebar menu */


/* single-product page */ 

body.woocommerce.single-product #content.site-content #primary{
    --content-width:1200px;
}
body.woocommerce.single-product #content.site-content {
    margin-top: 0;
    max-width: 100%;
    overflow: hidden;
}
body.woocommerce.single-product #content.site-content #primary{
    max-width: var(--content-width);
    margin: auto;
}
.woocommerce.single-product .woocommerce-breadcrumb span a, .woocommerce.single-product .woocommerce-breadcrumb span{
    color: var(--color-2);
    font-size: 14px;
    font-weight: 400;
}
.woocommerce-breadcrumb-wrapper {
    border-bottom: 1px solid #f2f2f2;
}
body.single-product #content.site-content nav.woocommerce-breadcrumb {
    margin: 0;
    padding: 15px 0 13px;
    max-width: var(--content-width);
    margin: auto;
}
.single-product-fullwidth #primary .stom-product-header-wrapper {
    display: none;
}
body.single-product.single-product-fullwidth #primary>.product {
    margin-top: 0;
}
body.woocommerce.single-product header#masthead {
    border-bottom: 1px solid #f2f2f2;
}
.woocommerce_before_product_sektion_wrapper {
    width: 100%;
    display: inline-block;
    position: relative;
    margin-bottom: var(--gap-m);
}
.woocommerce_before_product_sektion_wrapper .woocommerce_before_product_sektion {
    max-width: 960px;
    margin: auto;
}
.woocommerce_after_product_sektion_wrapper:first-of-type {
    margin-top: var(--gap-l);
}
.woocommerce_after_product_sektion_wrapper {
    width: 100%;
    display: inline-block;
    position: relative;
    margin-top: var(--gap-m);
}
.woocommerce_after_product_sektion_wrapper .woocommerce_after_product_sektion {
    max-width: 960px;
    margin: auto;
}
body.single-product.woocommerce #content.site-content .product .summary.entry-summary {
    padding: var(--gap-m) 0 var(--gap-m) var(--gap-m);
    margin: 0;
    position: relative;
    float: unset;
    width: 100%;
}
body.single-product.woocommerce #content.site-content .product .summary.entry-summary:before {
    content: '';
    position: absolute;
    background-color: #f2f2f2;
    height: 100%;
    width: 100vw;
    top: 0;
    left: 0;
    z-index: -1;
}
body.single-product.woocommerce #content.site-content .product .summary.entry-summary:after {
    content: '';
    position: absolute;
    background-color: #f2f2f2;
    height: 1px;
    width: 100vw;
    bottom: 0;
    left: -100vw;
    z-index: -1;
}
body.single-product.woocommerce #primary div.product .product_title {
    font-size: 30px;
    font-weight: 500;
}
body.single-product.woocommerce div.product p.price {
    color: var(--color-1);
    margin: 1px 0 0;
    font-size: 35px;
    font-weight: 700;
    padding-bottom: 20px;
}
body.single-product.woocommerce .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs{
    display: none;
}
body.single-product.woocommerce div.product .woocommerce-tabs .panel {
    margin-bottom: 0px;
    margin-top: 55px;
    display: inline-block;
}
body.single-product.woocommerce div.product .woocommerce-tabs .panel p.additional_information_title, body.single-product.woocommerce .upsells.products .related_title:not(.woocommerce-loop-product__title) {
    font-size: 30px;
    font-weight: 500;
    border-bottom: 1px solid var(--color-3);
    padding-bottom: 11px;
    margin-bottom: 23px;
}
body.single-product.woocommerce .upsells.products .related_title:not(.woocommerce-loop-product__title) {
    margin-bottom: 60px;
}
body.single-product.woocommerce table.shop_attributes th, body.single-product.woocommerce table.shop_attributes td {
    display: inline-block;
    width: auto;
    border-bottom: none;
    font-weight: 400;
    padding: 0;
    padding-bottom: 3px;

}
body.single-product.woocommerce table.shop_attributes th.woocommerce-product-attributes-item__label:after {
    content: ':';
    padding-right: 6px;
}
body.single-product.woocommerce table.shop_attributes {
    border-top: none;
}
body.single-product.woocommerce.woocommerce table.shop_attributes td p {
    padding: 0;
}

body.woocommerce ul.page-numbers li:first-of-type a.prev, body.woocommerce ul.page-numbers li:nth-last-of-type(2n) a.next {
opacity: 0;
}

body.single-product.woocommerce table.shop_attributes tr:nth-child(even) td, .woocommerce table.shop_attributes tr:nth-child(even) th {
    background-color: transparent;
}

body.single-product.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
}
body.single-product.woocommerce div.product div.images .flex-viewport .woocommerce-product-gallery__wrapper {
    top: unset;
    left: unset;
    position: relative;
}
body.single-product.woocommerce #content div.product div.images {
    float: unset;
    width: 100%;
    padding: var(--gap-s);
}
body.single-product.woocommerce div.product .product-top-wrapper {
    display: grid;
    gap: 0;
    grid-template-columns: repeat(var(--grid-2-cols),minmax(0,1fr));
}
body.single-product.woocommerce div.product .flex-viewport a img {
    max-width: calc(100% - var(--gap-m));
}
body.single-product.woocommerce div.product .flex-viewport .woocommerce-product-gallery__wrapper{
    height: 100%;
}
/* END Woocommerce sektion after products */
body.single-product.woocommerce #content div.product div.images button.slick-arrow {
    display: none !important;
}
body.single-product.woocommerce #content figure.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 350px;
}
body.single-product.woocommerce #content .woocommerce-product-details__short-description {
    font-size: 20px;
    font-weight: 400;
}
body.single-product.woocommerce #content.site-content .product .summary.entry-summary .quantity{
    width: 95px;
}
body.single-product.woocommerce #content.site-content .product .summary.entry-summary .single_add_to_cart_button.button{
    background-color: var(--color-1);
    color: var(--color-text-white);
    width: calc(100% - 95px);
    border-radius: 5px;
    border: 1px solid var(--color-1);
    font-weight: 300;
}
body.single-product.woocommerce #content.site-content .product .summary.entry-summary button:not(.disabled).button.single_add_to_cart_button:hover:after {
    right: -10px;
}
body.single-product.woocommerce #content.site-content .product .summary.entry-summary button.button.alt.disabled.single_add_to_cart_button {
    background-color: var(--color-2);
    color: #d1d1d1;
    opacity: 1;
    border: 1px solid var(--color-2);
    transition: var(--transition);
}
body.single-product.woocommerce #content.site-content .product .summary.entry-summary button.button.alt.single_add_to_cart_button:hover {
    background-color: var(--color-3);
    border: 1px solid var(--color-3);
}
body.single-product.woocommerce #content.site-content .product .summary.entry-summary button.button.alt.disabled.single_add_to_cart_button:after {
    filter: invert(1) brightness(0.7);
}
body.single-product.woocommerce #content.site-content .product .summary.entry-summary button.button.single_add_to_cart_button:after {
    content: url(images/arrow-right.svg);
    height: 15px;
    width: 14px;
    display: inline-block;
    margin-left: 10px;
    filter: invert(1) brightness(1);
    transition: var(--transition);
    position: relative;
    bottom: -1px;
    line-height: 0;
    right: 0;
}



body.single-product.woocommerce #content .product .summary .quantity .stom-input-wrap{
    margin-right: 10px;
}
body.single-product.woocommerce #content .product .summary .quantity .stom-input-wrap .button.stom-input-minus{
    border: none;
    border-radius: 10px 0 0 10px;
    color:var(--color-text);
    font-size:20px;
}
body.single-product.woocommerce #content .product .summary .quantity .stom-input-wrap .button.stom-input-plus{
    border: none;
    border-radius: 0 10px 10px 0;
    color:var(--color-text);
    font-size:20px;
}
body.single-product.woocommerce #content .product .summary .quantity .stom-input-wrap .button:hover, body.single-product.woocommerce #content .product .summary .quantity .stom-input-wrap input.input-text:focus {
    background-color: var(--color-1);
    color: var(--color-text-white);
    border: none;
}
body.single-product.woocommerce #content .cart {
    display: block;
    width: auto;
    margin-bottom: 30px;
    overflow: hidden;
}

body.paged.woocommerce nav.woocommerce-pagination {
    padding-top:var(--gap-s);
}

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

.woocommerce-variation-price {
	display: none;
}

body.single-product.woocommerce #content .product .summary .quantity .stom-input-wrap input.input-text{
    border: none;
    color:var(--color-text);
    font-size:20px;
    width: 35px;
    display: inline-block;
    font-weight: 400;
}
body.single-product.woocommerce div.product .product_meta a, body.single-product.woocommerce div.product .product_meta .posted_in {
    font-weight: 400;
    font-size: 14px;
    padding-top: 6px;
}
body.single-product.woocommerce ul.products.slick-slider .slick-list {
    margin-left: -30px;
    margin-right: -30px;
}
body.single-product.woocommerce ul.products li.product.slick-slide, .products .product.slick-slide {
    margin: 0 30px
}
.woocommerce div.product .product_meta .sku_wrapper {
    font-size: 0;
    font-weight: 500;
}
.woocommerce div.product .product_meta .sku_wrapper .sku:before {
    font-size: 20px;
    color: var(--color-2);
    font-weight: 600;
}
.woocommerce div.product .product_meta .sku_wrapper .sku:before {
	content: 'Product no.: ';
}
[lang="de-DE"] .woocommerce div.product .product_meta .sku_wrapper .sku:before {
	content: 'Produkt Nr. ';
}
[lang="sv-SE"] .woocommerce div.product .product_meta .sku_wrapper .sku:before {
	content: 'Produkt Nr. ';
}
[lang="zh-Hans-CN"] .woocommerce div.product .product_meta .sku_wrapper .sku:before {
	content: '貨號: ';
}
[lang="nl-NL"] .woocommerce div.product .product_meta .sku_wrapper .sku:before {
	content: 'Productnr. ';
}
[lang="fr-FR"] .woocommerce div.product .product_meta .sku_wrapper .sku:before {
	content: 'Référence produit ';
}
[lang="es-ES"] .woocommerce div.product .product_meta .sku_wrapper .sku:before {
	content: 'N.º de producto. ';
}
.woocommerce div.product .product_meta .sku_wrapper .sku{
    font-size: 20px;
    color: var(--color-1);
}
.woocommerce.single-product div.product form.cart .variations th {
    display: none;
}

.woocommerce.single-product div.product form.cart .variations td.value select{
    width: 100%;
    margin: 0;
    display: block;
    padding: 10px 15px;
    border: none;
    font-size: 20px;
    border-radius: 5px;
    font-weight: 400;
}
.woocommerce.single-product div.product .woocommerce-variation-price bdi {
    color: var(--color-2);
}
.woocommerce div.product .stock .stock-amount {
    color: var(--color-1);
}

body.woocommerce .slick-slider button.slick-prev:after{
    content: url("images/arrow-right-blue.svg");
    transform: rotate(180deg);
}
body.woocommerce .slick-slider button.slick-next:after{
    content: url("images/arrow-right-blue.svg");
}
body.woocommerce .slick-slider button.slick-next, body.woocommerce .slick-slider button.slick-prev {
    background-color: transparent;
    box-shadow: none;
    border: 1px solid var(--color-2);
    padding: 0;
    width: 35px;
    height: 35px;
    transition: var(--transition);
    opacity: 0.5;
    top: 50%;
    transform: translateY(-50%);
}
body.woocommerce .slick-slider button.slick-next {
    right: -50px;
} 
body.woocommerce .slick-slider button.slick-prev {
    left: -50px;
}
body.woocommerce .slick-slider button.slick-next span.stom-custom-svg, body.woocommerce .slick-slider button.slick-prev span.stom-custom-svg{
    display: none;
}
body.woocommerce .slick-slider button.slick-next:after, body.woocommerce .slick-slider button.slick-prev:after {
    position: relative;
    display: block;
    padding: 6px;
    transition: var(--transition);

}
body.woocommerce .slick-slider button.slick-next:hover, body.woocommerce .slick-slider button.slick-prev:hover {
    background-color: var(--color-2);
    opacity: 1;
}
body.woocommerce .slick-slider button.slick-next:hover:after, body.woocommerce .slick-slider button.slick-prev:hover:after{
    filter: brightness(0) invert(1);
}

/* END single-product page */ 


/* custom popup single-product */

.woocommerce-page.single .custom-woocommerce-message .up-sells.upsells{

}
.woocommerce-page.single #primary .custom-woocommerce-message .upsells.up-sells>h2 {
    margin-bottom: 15px;
    padding-bottom: 10px;
}

body.single-product.woocommerce .custom-woocommerce-message .up-sells ul.products.slick-slider .slick-list {
    margin-right:-5%;
    margin-left: 0;
}

.woocommerce-page.single #primary .custom-woocommerce-message .up-sells .products .product {
    padding-bottom: 0;
}
.woocommerce-page.single .custom-woocommerce-message {
    overflow-x: hidden;
}
.woocommerce-page.single #primary .custom-woocommerce-message .up-sells.upsells .products {
    margin: 0;
}
body.single-product.woocommerce .custom-woocommerce-message .up-sells.upsells ul.products .product .product-category {
    font-size: 14px;
}
body.single-product.woocommerce .custom-woocommerce-message .up-sells.upsells ul.products .product .woocommerce-loop-product__title {
    font-size: 16px;
}
body.single-product.woocommerce .custom-woocommerce-message .up-sells.upsells ul.products .product .price {
    font-size: 16px;
}
body.single-product.woocommerce .custom-woocommerce-message .up-sells.upsells ul.products .product .price {
    max-width: 100%;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    white-space: initial;
    overflow: unset;
    text-overflow: unset;

}

.woocommerce-page.single #primary .custom-woocommerce-message .up-sells .products .product a.button.add_to_cart_button {
    position: relative;
    right: unset;
    left: 0;
    line-height: 1.2;
    padding-top: 5px;
    text-align: left;
}

/* END custom popup single-product */




section.section-wrap.stom-products-section .woocommerce .products .product .stom_add_to_cart_button, .woocommerce.single.single-product .products .product .stom_add_to_cart_button {
    color: var(--color-2);
    font-size: 18px;
    font-weight: 200;
    text-align: right;
}
section.section-wrap.stom-products-section .woocommerce .products .product .stom_add_to_cart_button .stom-custom-svg, .woocommerce.single.single-product .products .product .stom_add_to_cart_button .stom-custom-svg{
    color: var(--color-2);
    top: -2px;
    position: relative;
    font-size: 12px;
    right: 0;
    transition: var(--transition);
}
section.section-wrap.stom-products-section .woocommerce .products .product a.button:hover .stom-custom-svg, .woocommerce.single.single-product .products .product a.button:hover .stom-custom-svg{
    right:-5px;
}

/*======================================================================//
// Login page                                                           //
//======================================================================*/

body.page-id-1010 #main-content #primary{
    max-width: var(--content-width);
    margin-inline: auto;
}

.page-id-1010 #main-content section.section-wrap{
    margin-top: 0;
}
body .myaccount-box-wrappers, body.page-id-1010 form.login {
    border-color: var(--color-1);
}
body.page-id-1010 #main-content .site-content{
    margin-inline: var(--gap-m);
    max-width: 100%;
}
body.page-id-1010 form.login .woocommerce-button:hover {
    background-color: var(--color-2);
    border-color: var(--color-2);
    color: #fff;
}
body.page-id-1010 .woocommerce-LostPassword.lost_password {
    color: var(--color-3);
}
body.page-id-1010 h2 {
    --h2: 26px;
    font-weight: bold;
}
body.page-id-1010 form.login .woocommerce-button{
    padding: 10px 21px 11px;
    text-align: center;
    border: 1px solid var(--color-1);
    font-size: 18px;
    font-weight: 300;
    background-color: var(--color-1);
    color: var(--color-text-white);
    display: block;
    float: right;
    margin: 0;
}
body.woocommerce-lost-password #primary{
    border: 1px solid var(--color-1);
    padding: 20px;
    margin: 1.17em 0;
    text-align: left;
    border-radius: 5px;
}
body.woocommerce-lost-password #primary .woocommerce-Button{
    background-color: var(--color-3);
    border-color: var(--color-3);
    color: var(--color-text-white);
    font-weight: 400;
}
body.woocommerce-lost-password #primary .woocommerce-Button:hover {
    background-color: #ffca55;
    border-color: #ffca55;
}
.myaccount-box-wrappers .stom-button a {
    background-color: var(--color-3);
    border-color: var(--color-3);

}
.myaccount-box-wrappers .stom-button a:hover {
    background-color: #ffca55;
    border-color: #ffca55;
}
.myaccount-box-wrappers {
    border: 1px solid  var(--color-1);
    padding: 20px;
    margin: 1.17em 0;
    text-align: left;
    border-radius: 5px;
}

body.logged-in.woocommerce-account.page-id-1010 .login_section {
    display: none !important;
}
body:not(.logged-in).woocommerce-account.page-id-1010 #primary article .entry-content {
    display: none !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul .stom-custom-svg {
    color: var(--color-text-white);
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul a {
    background-color: var(--color-2);
    color: var(--color-text-white);
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul a:hover {
    background-color: var(--color-1);
}

/*======================================================================//
// END Login page                                                       //
//======================================================================*/


#stom_instantsearch_result.categories-active .container-product .container-item .item-content-wrapper .item-stock {
	display: none;
}

html[lang="zh-Hans-CN"] #stom_instantsearch_result.categories-active .container-product .container-item .item-price {
	display: none !important;
}

body #stom_instantsearch_result .container-search {
    background-color: transparent;
}

body #stom_instantsearch_result {
    background-image: url('images/akasel-logo.png') ;
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
    background-blend-mode: luminosity;
}
body #stom_instantsearch_result:after {
    content: '';
    background-color: #ffffff;
    width: 60%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.93;
    z-index: -1;
}



#stom_instantsearch_result.categories-active .container-product .container-item .item-price {
	display: none !important;
}



.cart-shipping-message {
	padding-top: var(--gap-s);
}



body .gform_wrapper.gform_legacy_markup_wrapper select {
	padding: 6px 4px;
}



/* ===== Standout default popup style ===== */

.standout-custom-popup {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, .7);
	opacity: 0;
	transition: opacity;
	transition-duration: 250ms;
	z-index: 999;
}

.standout-custom-popup--aligner {
	position: relative;
	width: calc(100% - (40px * 2));
	max-width: 800px;
	height: auto;
	max-height: calc(100% - (40px * 2));
	display: flex;
	overflow: hidden;
	background-color: #fff;
}

.standout-custom-popup--inner {
	display: flex;
	max-height: 100%;
	overflow: hidden;
}

.standout-custom-popup--close {
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px;
	line-height: 0;
	cursor: pointer;
	z-index: 10;
}

.standout-custom-popup--close .stom-custom-svg {
	font-size: 20px;
}

.standout-custom-popup--overflow {
	margin-bottom: 30px;
	overflow: auto;
}

.standout-custom-popup--content {
	display: flex;
	flex-direction: column;
	max-height: 100%;
	padding: 20px;
	overflow: hidden;
}

.standout-custom-popup--content-left,
.standout-custom-popup--content-right {
	flex-grow: 0;
	flex-shrink: 0;
	width: 50%;
}

.standout-custom-popup--content-left {
	line-height: 0;
}

.standout-custom-popup--content-right {
	display: flex;
	flex-direction: column;
	padding: 30px;
}

.standout-custom-popup--heading {
	display: block;
	margin: 0 0 1em;
	font-size: 1.2em;
	font-family: var(--h-fam);
	font-weight: bold;
	text-align: center;
}

.standout-custom-popup--message:last-child {
	margin-bottom: 0;
}

.standout-custom-popup--message-small {
	font-size: 12px;
}

.standout-custom-popup--message--hide-if-not-dk {
	display: none;
}

.standout-custom-popup--actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px;
	margin-top: auto;
}

.standout-custom-popup-action-button {
	flex-basis: 0;
	flex-grow: 1;
	width: auto;
	padding: 0;
}

.standout-custom-popup-action-button a {
	display: block;
	font-size: 16px;
	text-align: center;
}



html[lang="de-DE"] #customer-registration-info-popup .standout-custom-popup--heading {
	/* font-size: .9em; */
}

/*html[lang="de-DE"]*/ #customer-registration-info-popup .standout-custom-popup--message:not(.standout-custom-popup--message-small) {
	font-size: .9em;
}

/* ===== END Standout default popup style ===== */



/* ===== Customer registration popup ===== */

#customer-registration-info-fixed {
	position: fixed;
	right: 32px;
	bottom: 110px;
	opacity: 0;
	transition: opacity;
	transition-duration: 250ms;
	z-index: 999;
}

.customer-registration-info-fixed--open {
	padding: 0;
}


@media only screen and (max-width: 650px) {
	.customer-registration-info-popup--accept,
	.customer-registration-info-popup--decline {
		flex-basis: 100%;
	}


	#customer-registration-info-fixed {
		right: 22px;
		bottom: 100px;
	}
}

/* ===== END Customer registration popup ===== */



.woocommerce-order-received #content .woocommerce-order .woocommerce-order-details-wrapper > p,
.woocommerce-order-received #content .woocommerce-order .woocommerce-order-details-wrapper > p:not(.woocommerce-thankyou-order-details) {
	text-align: center;
}



.woocommerce-cart-form .cart_totals table.shop_table .tax-rate th small,
.woocommerce-cart-form .cart_totals table.shop_table .tax-total th small {
	display: none;
}



.woocommerce-checkout .us-payment-description {
	margin-bottom: 1.5em;
}



.woocommerce-checkout .woocommerce form .custom-po-number-field {
	margin: 5px 0 10px;
}

.woocommerce-checkout .woocommerce form .custom-po-number-field .form-row {
	padding: 0;
}

body #secondary .gform_wrapper.gravity-theme .ginput_complex.ginput_container_address select {
color: #00000f;
	font-size:14px;
	    padding: 4px 6px 5px;
}
.stomGFAS-container-field .stomGFAS-label {
	font-size: 14px;
}



.woocommerce-checkout .wc_payment_methods .wc_payment_method.payment_method_cod {
	display: none;
}

.stom-request-quotation-wrap {
	width: 66%;
	margin-left: 3%;
	float: right;
}

.stom-request-quotation-inner {
	width: 48%;
	margin-top: 4%;
	margin-left: 4%;
	float: right;
	box-sizing: border-box;
}

.stom-request-quotation-inner .stom-button {
	width: 100%;
	padding: 0;
}

.stom-request-quotation-inner .stom-button a {
	display: block;
	font-size: 14px;
	font-weight: bold;
}



.wc_payment_methods:has(#payment_method_cod:checked) ~ .place-order #place_order {
	display: none;
}

.button#place_order:hover {
	background-color: #2a9656 !important;
}



.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button.quotation-button {
	margin-top: 1em;
	background-color: #0091AC;
	color: #fff;
}

.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button.quotation-button:hover {
	background-color: var(--color-2);
	border-color: var(--color-2);
}



.woocommerce-billing-fields #billing_country_field,
.woocommerce-shipping-fields #shipping_country_field {
	display: none !important;
}



.product-contact-info-container {
	margin-top: 1.5em;
	padding-top: 1.5em;
	font-size: var(--h5);
	border-top: 1px solid #5D7484;
}

.product-contact-info-container h4 {
	margin-bottom: 1em;
	font-weight: 500;
}

.product-contact-info-container .stom-custom-svg {
	font-size: .8em;
}

.product-contact-info-container svg {
	color: var(--color-1);
}

.product-contact-info-container p:not(:last-child) {
	margin-bottom: .5em;
}
.product-contact-info-container p:last-child {
	margin-bottom: 0;
}

.product-contact-info-container a {
	font-weight: normal;
}



.product-description-grid {
	display: flex;
	gap: 60px;
}

.product-full-description-original-content {
	flex-grow: 1;
}


.single-product .entry-content.wc-tab .after_faq {
	margin-bottom: 4em;
}
.single-product .entry-content.wc-tab .after_faq .mere-tekst {
	padding: 2em 0;
}

.single-product .entry-content.wc-tab .after_faq .product-full-description-user-guide {
	display: flex;
	justify-content: center;
}

.single-product .entry-content.wc-tab .after_faq .product-full-description-user-guide-pdf-link {
	margin-top: 1.5em;
	text-align: center;
}

.single-product .entry-content.wc-tab .after_faq-preview .mere-tekst-preview {
	display: block;
	height: 150px;
	overflow: hidden;
	padding: 2em 0;
}

.single-product .entry-content.wc-tab .after_faq .product-full-description-user-guide #chrome_websiteIP {
	display: none;
}


.test .aka-text-left .aka-land-title{
    color: #fff;
}

.test .aka-text-left p{
    max-width: 750px;
}

.test .section-wrap.section-fullpage .section{
    padding-left: 0;
    padding-right: 0;
}

.test .akasel-content-grid{
    max-width: 1500px;
}

.test .akasel-card-right{
    max-height: 405px;
}
/*======================================================================//
// END woocommerce.css                                                  //
//======================================================================*/