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

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

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

    /* colors */
    --color-1: #222;
    --color-2: #447e5e;
    --color-bg: #f6f6f6;
    --color-text: #222;
    --color-dark: #222;
    --color-white: #ffffff;
    --color-overlay: rgb(0 0 0 / 45%);
    /* bestilling-btns */


    /* 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 */
}

:root .home {
    /* Font sizes */
    --h1: 44px;
    --h2: 60px;
    --slider-text-width: 500px;

}


/* ===== END CSS Variables ===== */
/*======================================================================//
// Generiske klasser                                                    //
//======================================================================*/
body.home .single-product-looked, body.home .single-product-bought {
    display: none;
}
p {
    line-height: 1.3;
}
/* Top bar */
header.site-header .section-wrap .section .top-bar-grid .stom-custom-svg.custom-svg svg {

}
header.site-header .section-wrap .section .top-bar-grid span {
    font-size: var(--p);
}
header.site-header .section-wrap .section .top-bar-grid .stom-custom-svg.custom-svg svg path, header.site-header .section-wrap .section .top-bar-grid .stom-custom-svg.custom-svg svg circle {
    fill: #00295B !important;
}
/* END Top bar */
/* menu-placement */
.style-header-02 .header-wrapper {
    display: grid;
    grid-template-columns: 0.8fr 2.2fr;
}
header .main-navigation {
    display: flex;
    justify-content: space-between;
}
header .main-navigation ul.menu a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: .7em 1em;
}
header .main-navigation ul.menu li ul.sub-menu li a {
    align-items: flex-start;
    justify-content: flex-start;
    width: 290px;
}

/* logo size & placement */
.site-branding #logo img, .site-branding #logo svg {
    width: auto;
    height: auto;
    max-width: 315px;
    max-height: 90px;
}
.header-sticky-active.scrolled header .site-branding #logo img.logo-landscape {
    max-height: 70px;
}
.style-header-02 .site-branding #logo {
    padding: 20px 0;
}
.header-sticky-active.scrolled header .site-branding #logo {
    padding: 10px 0;
}
/* END logo size & placement */

/* zoom */
.zoom p {
    overflow: hidden
}
.zoom.grid-element {
    transition: transform .5s ease
}
.zoom.grid-element:hover {
    transform: scale(1.050)
}

/* btns */
.stom-button a {
    background-color: var(--color-dark);
    border: 1px solid var(--color-dark);
    color: var(--color-white);
    border-radius: 50px;
    padding: 8px 30px;
    font-size: calc(var(--p) - 2px);
}
.stom-button a:hover {
    background-color: transparent;
    color: var(--color-dark);
    border-color: var(--color-dark);
}
.stom-button:not(.bestilling-btn) a svg {
    width: 15px;
    height: 15px;
    line-height: 0;
    margin-left: 5px;
    margin-bottom: 1px !important;
}

.section-wrap.stom-grid-section .grid-element .overlay .bestilling-btn a {
    border-radius: 50%;
    padding: 7px 10px;
    border: none;
    font-size: 14px;
    background-color: var(--color-dark);
}
.section-wrap.stom-grid-section .grid-element .overlay .bestilling-btn a .custom-svg svg {
    color: white;
}
.section-wrap.section-wrap.stom-grid-section.bestilling-section .grid-element {
    --color-dark: currentColor;
}



/*END btns */
/*======================================================================//
// END Generiske klasser                                                //
//======================================================================*/

/*======================================================================//
// top-bar                                                              //
//======================================================================*/
header.site-header .section-wrap .section {
    margin-top: 5px;
    padding: 10px var(--gap-m);
    background-color: #F5F5F5;
    border-radius: 10px;
}
header.site-header .section-wrap .section .top-bar-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    text-align: center;
}
/*======================================================================//
// END top-bar                                                          //
//======================================================================*/


/*======================================================================//
// top-slider-section                                                   //
//======================================================================*/
*:not(.page-slider-section)+main>.section-wrap:first-child, *:not(.page-slider-section)+main>.stomFEE-edit-cta:first-child+.section-wrap, *:not(.page-slider-section)+main>#content {
    margin-top: 0;
}
body.home .page-slider-section.main-slider-section {
    max-width: calc(var(--content-width) + calc(2* var(--gap-m)));
    padding-inline: var(--gap-m);
    margin: auto;
}
body.home .page-slider-section .slider-text {
    background-color: transparent;
    justify-content: flex-start;
    align-items: center;
    padding-left: calc(var(--gap-l)* 2);
    min-height: 636px;
}
body.home .page-slider-section .slider-text h1 {
    font-weight: 700;
}
body.home .page-slider-section .slider-text p{
    font-size: 16px;
}

body.home .page-slider-section .image-aligner img {
    border-radius: 20px;
    height: 100%;
    max-height: unset;
}
body.home .page-slider-section:not(.different-text) .slides {
    grid-column: unset;
    grid-row: unset;
    position: absolute;
    height: 100%;
    width: 100%;
}
body.home .page-slider-section:not(.different-text) .slider-inner {
    position: relative;
}

.section-wrap.product-indgangsvinkler .grid-element .overlay {
    justify-content: start;
    padding: var(--gap-m);
}



/*======================================================================//
// END top-slider-section                                               //
//======================================================================*/

/*======================================================================//
// bestilling-section                                                   //
//======================================================================*/
.section-wrap.stom-grid-section.bestilling-section {
    margin-top: calc(2 * var(--gap-l));
}
.section-wrap.stom-grid-section.bestilling-section .grid-element {
    border-radius: 20px;
}
.section-wrap.stom-grid-section.bestilling-section .grid-element .overlay {
    justify-content: start;
}
.section-wrap.stom-grid-section.bestilling-section .grid-element.box .overlay {
    min-height: 300px;
    padding: calc( var(--gap-m) - 10px) var(--gap-s) var(--gap-s) var(--gap-m);
}
.section-wrap.stom-grid-section.bestilling-section .grid-element .overlay h2 {
    font-size: 70px;
}
.section-wrap.stom-grid-section.bestilling-section .grid-element .overlay h3 {
    color: unset;
    margin-bottom: 0;
}
.section-wrap.stom-grid-section.bestilling-section .grid-element .overlay .bestilling-btn {
    margin-top: auto;
    display: flex;
    justify-content: end;
}
/*======================================================================//
// END bestilling-section                                               //
//======================================================================*/
/*======================================================================//
// bestilling-section-overlays                                          //
//======================================================================*/
.section-wrap.stom-grid-section.bestilling-section .grid-element.box {
    position: relative;
    z-index: 1;
}
.box.oel-overlay .overlay::after, .box.sodavand-overlay .overlay::after,
.box.juice-overlay .overlay::after, .box.maelke-overlay .overlay::after,
.box.fitness-overlay .overlay::after, .box.dagligdag-overlay .overlay::after,
.box.energi-overlay .overlay::after,
.box.champagne-overlay .overlay::after,
.box.cider-overlay .overlay::after,
.box.fad-overlay .overlay::after,
.box.ice-overlay .overlay::after,
.box.icecoffee-overlay .overlay::after,
.box.coffee-overlay .overlay::after,
.box.kakao-overlay .overlay::after,
.box.natur-overlay .overlay::after,
.box.tyrkisk-overlay .overlay::after,
.box.ooko-overlay .overlay::after{
    position: absolute;
    content: '';
    bottom: 0;
    z-index: -1;
    height: 140px;
}
.box.oel-overlay .overlay::after {
    background: url(images/oel.png) no-repeat;
    width: 230px;
}
.box.sodavand-overlay .overlay::after {
    background: url(images/sodavand.png) no-repeat;
    width: 254px;
}
/* skift */
.box.juice-overlay .overlay::after {
    background: url(images/juicemm-new.png) no-repeat;
    width: 240px;
}
/* skift */
.box.maelke-overlay .overlay::after {
    background: url(images/spiritus-new.png) no-repeat;
    width: 240px;
}
.box.fitness-overlay .overlay::after {
    background: url(images/fitness.png) no-repeat;
    width: 206px;
}
/* skift */
.box.dagligdag-overlay .overlay::after {
    background: url(images/kildevand-new.png) no-repeat;
    width: 228px;
}

.box.energi-overlay .overlay::after {
	background: url(images/Energidrik.png) no-repeat;
	width: 250px;
}
.box.champagne-overlay .overlay::after {
	background: url(images/Vin.png) no-repeat;
	width: 228px;
}
.box.cider-overlay .overlay::after {
	background: url(images/Cider-mm.png) no-repeat;
	width: 228px;
}
.box.fad-overlay .overlay::after {
	background: url(images/fadol.png) no-repeat;
	width: 280px;
}
.box.ice-overlay .overlay::after {
	background: url(images/Ice-tea.png) no-repeat;
	width: 228px;
}
.box.icecoffee-overlay .overlay::after {
	background: url(images/iskaffe.png) no-repeat;
	width: 255px;
}
.box.coffee-overlay .overlay::after {
	background: url(images/kaffe.png) no-repeat;
	width: 250px;
}
.box.kakao-overlay .overlay::after {
	background: url(images/kakao.png) no-repeat;
	width: 240px;
}
.box.natur-overlay .overlay::after {
	background: url(images/naturfrisk.png) no-repeat;
	width: 228px;
}
.box.tyrkisk-overlay .overlay::after {
	background: url(images/tyrkisk.png) no-repeat;
	width: 228px;
}
.box.ooko-overlay .overlay::after {
	background: url(images/oko-drik.png) no-repeat;
	width: 228px;
}
/*======================================================================//
// END bestilling-section-overlays                                      //
//======================================================================*/

/*======================================================================//
// citation-section                                                     //
//======================================================================*/
.section-wrap.stom-grid-section.citation-section {
    margin-top: calc(2 * var(--gap-l));
}
.section-wrap.stom-grid-section.citation-section  .grid-element .overlay {
    justify-content: start;
}
.section-wrap.stom-grid-section.citation-section  .grid-element .overlay p {
    line-height: 1.3;
    font-size: 18px;
}
.section-wrap.stom-grid-section.citation-section  .grid-element .overlay h3 {
    font-size: 25px;
}
.section-wrap.stom-grid-section.citation-section  .grid-element .overlay svg {
    height: 58px;
    width: auto;
}
/*======================================================================//
// END citation-section                                                 //
//======================================================================*/
/*======================================================================//
// products-section                                                     //
//======================================================================*/
.section-wrap.stom-products-section.products-section {
    margin-top: calc(2 * var(--gap-l));
}
/*======================================================================//
// END products-section                                                 //
//======================================================================*/

/*======================================================================//
// split-section                                                        //
//======================================================================*/
body .section-wrap.stom-billede-sektion.split-section.has-background.picture-left {
    margin-top: calc(2 * var(--gap-l));
    background-size: cover;
    padding-right: 0;
    border-radius: 30px 0 0 30px;
}
body .section-wrap.stom-billede-sektion.split-section.has-background.picture-left .section {
    max-width: 100%;
    padding-block: 0;
    min-height: 800px;
}
body .section-wrap.stom-billede-sektion.split-section.has-background.picture-left .section .stom-cols-6 {
    background-color: #F5F5F5;
    padding: var(--gap-l) 190px var(--gap-l) var(--gap-l);
    border-radius: 20px 0 0 20px;
}
body .section-wrap.stom-billede-sektion.split-section.fullsize .section .stom-cols-6 {
    background-color: #F5F5F5;
    padding: var(--gap-l) 190px var(--gap-l) var(--gap-l);
    border-radius: 20px 0 0 20px;
    width: calc(50% + var(--gap-l));
    z-index: 1;
    position: relative;
}
body .section-wrap.stom-billede-sektion.split-section.fullsize .section {
    max-width: 100%;
}
body .section-wrap.stom-billede-sektion.split-section.picture-left.fullsize .stom-picture img {
    left: -1px;
    position: relative;
}

/*======================================================================//
// END split-section                                                    //
//======================================================================*/

/*======================================================================//
// om-nem-section                                                       //
//======================================================================*/
.section-wrap.stom-billede-sektion.picture-left.not-fullwidth.om-nem-section {
    margin-top: calc(2 * var(--gap-l));
}
.section-wrap.stom-billede-sektion.picture-left.not-fullwidth.om-nem-section .section {
    height: 780px;
    display: flex;
    justify-content: flex-end;
}
.section-wrap.stom-billede-sektion.picture-left.not-fullwidth.om-nem-section .section .stom-cols-6 {
    align-items: end;
    padding-bottom: 0;
    padding-right: var(--gap-m);
}
/*======================================================================//
// END om-nem-section                                                   //
//======================================================================*/

/*======================================================================//
// nyhedsbrev-section                                                   //
//======================================================================*/
body .section-wrap.stom-grid-section.nyhedsbrev-section {
    margin-top: calc(2 * var(--gap-l));
}
body .section-wrap.stom-grid-section.nyhedsbrev-section .section .grid-elements .grid-element {
    border-radius: 20px;
}
body:not(.stom-gform-legacy):not(.woocommerce-account) .gform_wrapper .ginput_container input,
body:not(.stom-gform-legacy):not(.woocommerce-account) .gform_wrapper .ginput_container select,
body:not(.stom-gform-legacy):not(.woocommerce-account) .gform_wrapper .ginput_container textarea {
    color: var(--color-text);
    border-radius: 10px;
    padding-left: 20px;
    border: none;
}
body:not(.stom-gform-legacy):not(.woocommerce-account) .gform_wrapper .ginput_container input::placeholder,
body:not(.stom-gform-legacy):not(.woocommerce-account) .gform_wrapper .ginput_container select::placeholder,
body:not(.stom-gform-legacy):not(.woocommerce-account) .gform_wrapper .ginput_container textarea::placeholder {
    color: var(--color-dark);
}
.gform_wrapper.gravity-theme .gform_footer {
    display: flex;
    justify-content: end;
}
body:not(.stom-gform-legacy):not(.woocommerce-account) .gform_wrapper .gform_footer button,
body:not(.stom-gform-legacy):not(.woocommerce-account) .gform_wrapper .gform_footer input,
body:not(.stom-gform-legacy):not(.woocommerce-account) .gform_wrapper .gform_page_footer button,
body:not(.stom-gform-legacy):not(.woocommerce-account) .gform_wrapper .gform_page_footer input {
    background-color: #FFA000;
    border: 1px solid #FFA000;
    color: var(--color-white);
    border-radius: 50px;
    padding: 10px 30px;
    font-weight: 400;
    font-size: 19px;
    margin-top: 30px;
}
body:not(.stom-gform-legacy):not(.woocommerce-account) .gform_wrapper .gform_footer button:hover,
body:not(.stom-gform-legacy):not(.woocommerce-account) .gform_wrapper .gform_footer input:hover,
body:not(.stom-gform-legacy):not(.woocommerce-account) .gform_wrapper .gform_page_footer button:hover,
body:not(.stom-gform-legacy):not(.woocommerce-account) .gform_wrapper .gform_page_footer input:hover {
    background-color: var(--color-dark);
    border: 1px solid var(--color-dark);
    color: var(--color-white);
    border-radius: 50px;
    padding: 10px 30px;
    font-weight: 400;
    font-size: 19px;
    margin-top: 30px;
}
body:not(.stom-gform-legacy):not(.woocommerce-account) .gform_wrapper .gform_footer button svg {
    width: 14px;
    height: 14px;
    line-height: 0;
    margin-left: 5px;
    margin-bottom: 1px !important;
}

body .section-wrap.stom-grid-section.nyhedsbrev-section .section .grid-elements .grid-element img {
    border-radius: 20px;
}
body .section-wrap.stom-grid-section.nyhedsbrev-section .section .grid-elements .grid-element .overlay {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    word-break: break-word;
}
body .section-wrap.stom-grid-section.nyhedsbrev-section .section .grid-elements .grid-element.has-background:last-child .overlay {
    display: none;
}
body .section-wrap.stom-grid-section.nyhedsbrev-section .section .grid-elements .grid-element .overlay::after {
    display: none;
}
/*======================================================================//
// END nyhedsbrev-section                                               //
//======================================================================*/

/*======================================================================//
// Footer                                                               //
//======================================================================*/
body #colophon.site-footer.footer-setting-03 {
    border-top: none;
    margin-top: var(--gap-l);
}
body #colophon.site-footer.footer-setting-03 .section-wrap.footer-widget-area.stom-grid-section {
    background-color: #141414;
    border-radius: 20px 20px 0px 0px;
    border-bottom: 0;
}
body #colophon.site-footer.footer-setting-03 .section-wrap.footer-widget-area.stom-grid-section .widget-title {
    color: white;
}
body #colophon.site-footer.footer-setting-03 .section-wrap.footer-widget-area.stom-grid-section {
    color: white;
}
body #colophon.site-footer.footer-setting-03 .footer-widget-area-extra {
    border-top: none;
    background-color: #141414;
}
body #colophon.site-footer.footer-setting-03 .footer-widget-area-extra .section {
    border-top: 1px solid white;
    background-color: #141414;
}
/*
body #colophon.site-footer.footer-setting-03 .footer-widget-area-extra .textwidget {
    display: flex;
    align-items: center;
    justify-content: space-between; 
    color: white;
}
*/

body #colophon.site-footer.footer-setting-03 .footer-widget-area-extra .textwidget>ul {
    display: flex;
    align-items: center;
    justify-content: center;
	color: white;
}
body #colophon.site-footer.footer-setting-03 .footer-widget-area-extra .textwidget>ul li:not(:last-of-type):after {
    content: '|';
    margin: 0 10px;
}
/* Bundlinje */
body #colophon.site-footer.footer-setting-03 .footer-widget-area-extra .socials-wrapper a svg {
    filter: contrast(0) brightness(2.0);
    width: 30px;
    height: 30px;
}
body #colophon.site-footer.footer-setting-03 .footer-widget-area-extra .socials-wrapper a img {
    filter: contrast(0) brightness(2.0);
    margin-inline: 0;
}

/* CTA */
#number-three-sticky-mobile-cta .cta-container .stom-button a {
    display: flex;
    flex-direction: row;
    font-size: 1rem;
    font-weight: 400;
    gap: 14px;
    border-radius: 0;
}
#number-three-sticky-mobile-cta .cta-container .stom-button a p{
    font-weight: 400;
    font-size: 1rem;
}
#number-three-sticky-mobile-cta .cta-container .stom-button a .stom-custom-svg {
    display: unset;
    background-color: unset;
    padding: unset; 
    margin-left: unset;
}
/*======================================================================//
// END Footer                                                           //
//======================================================================*/

/* ===== 18 år salg popup ===== */

/* Popup */
#age-confirm-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, .8);
	opacity: 0;
	transition: opacity;
	transition-duration: 250ms;
	z-index: 999;
}

#age-confirm-popup--aligner {
	position: relative;
	width: 90vw;
	max-width: 800px;
	height: auto;
	max-height: 90vh;
	background-color: #fff;
	overflow: auto;
}

#age-confirm-popup--inner {

}

#age-confirm-popup--close {
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px;
	line-height: 0;
	cursor: pointer;
	z-index: 10;
}

#age-confirm-popup--content {
	display: flex;
}

#age-confirm-popup--content-left,
#age-confirm-popup--content-right {
	flex-grow: 0;
	flex-shrink: 0;
	width: 50%;
}

#age-confirm-popup--content-left {
	line-height: 0;
}

#age-confirm-popup--content-right {
	display: flex;
	flex-direction: column;
	padding: 30px;
}

#age-confirm-popup--heading {
	display: block;
	margin: 0 0 1em;
	font-size: 1.3em;
	font-family: var(--h-fam);
	font-weight: bold;
	text-align: center;
}

#age-confirm-popup--message {

}

#age-confirm-popup--actions {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-top: auto;
}

.age-confirm-popup--accept,
.age-confirm-popup--decline {
	flex-basis: 0;
	flex-grow: 1;
	width: auto;
}

.age-confirm-popup--accept a,
.age-confirm-popup--decline a {
	display: block;
	text-align: center;
}

.age-confirm-popup--accept {

}

.age-confirm-popup--decline {

}

/* ===== END 18 år salg popup ===== */

/*======================================================================//
// END style.css                                                        //
//======================================================================*/
/* underside */
body .section-wrap.single-product-looked  {
    margin-top: 230px;
}

body .section-wrap.single-product-bought {

}




/*======================================================================//
// woocommerce.css                                                      //
//======================================================================*/
/* woocommerce style goes here */
body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: var(--color-1);
}

/* header icons - custom */
#woo-icons .woo-header-icon.woo-search {
    background-color: #000000;
    border-radius: 9px;
    border: 1px solid white;
}
#woo-icons .woo-header-icon.woo-search span.stom-custom-svg  {
    padding: 13px;
    font-size: 30px;
    color: white;
}
#woo-icons .woo-header-icon.site-header-cart {
    background-color: #000000;
    border-radius: 9px;
    border: 1px solid white;
}
#woo-icons .woo-header-icon.site-header-cart span.stom-custom-svg {
    padding: 13px;
    font-size: 29px;
}
#woo-icons .woo-header-icon.site-header-cart span svg path {
    fill: white !important;
}
/* header icons hovers */
#woo-icons .woo-header-icon:hover {
    background-color: white;
    border: 1px solid #000000;
}
#woo-icons .woo-header-icon:hover span.stom-custom-svg  {
    color: #000000;
}
#woo-icons .woo-header-icon {
    transition: var(--transition);
}
#woo-icons .my-account {
    background-color: #000000;
    border-radius: 9px;
    border: 1px solid white;
    margin: 0;
    margin-right: 5px;
}

#woo-icons .my-account a .stom-custom-svg{
    padding: 13px 13px 13px 13px;
    font-size: 30px;
    color: white;
}




#woo-icons .woo-header-icon.site-header-cart:hover {
    background-color: white;
    border: 1px solid #000000;
}
#woo-icons .woo-header-icon.site-header-cart:hover span svg path  {
    fill: #000000 !important;
}
/* cart-count */
#woo-icons .site-header-cart .cart-contents span.count {
    padding: 6px;
    top: 3px;
    font-size: 18px;
    transform: translate(75%, -50%);
    bottom: unset;
}
/* END icons - custom*/

/* Product link */
.stom-products-section .woocommerce {
    width: 100%;
    margin-top: 0;
    padding-top: 40px;
    border-top: none;
}
.stom-products-section .section-link {
    display: flex;
    padding-top: 30px;
    justify-content: end;
    width: 100%;
    align-self: end;
    transform: var(--transition);
}
.stom-products-section .section-link a {
    background-color: var(--color-white);
    border: 1px solid var(--color-dark);
    color: var(--color-dark);
    border-radius: 50px;
    padding: 17px 25px;
    font-size: 22px;

    transition: background-color, border, color;
    transition-duration: .175s;
}
.stom-products-section .section-link a:hover {
    background-color: var(--color-dark);
    border: 1px solid var(--color-dark);
    color: var(--color-white);
}
.stom-products-section .section-link a .stom-custom-svg {
    line-height: 0;
    vertical-align: middle;
    margin-left: 5px;
}
.stom-products-section .section-link a .stom-custom-svg svg{
    height: 14px;
    width: 14px;
}
/* END Product link */
.woocommerce ul.products.columns-6 li.product,
.woocommerce-page ul.products.columns-6 li.product {
    display: flex;
    flex-direction: column;
}
.woocommerce-button-setup-1 ul.products li.product .stom-product-loop-button-wrap {
    align-items: center;
    
    padding-left: 20px;
    padding-bottom: 20px;
}
.woocommerce ul.products li.product {
    background: #F5F5F5;
    border-radius: 20px;
}
.woocommerce .quantity .qty {
    width: 18px;
    text-align: center;
}
.woocommerce .stock {
	display:none !important;
}
.woocommerce ul.products li.product .button.product_type_simple {
    display: flex;
    font-size: 14px;
    justify-content: center;
    gap: 5px;
    background-color: white;
    font-weight: 400;
    color: black;
	border: 1px solid #2A671D;
	border-radius: 8px;
	margin-inline: 30px;
}
.woocommerce ul.products li.product .button.product_type_simple svg path {
    fill: #2A671D !important;
}
.woocommerce ul.products li.product .stom-product-loop-image-wrap {
    border-radius: 20px 20px 0 0;
}
/* quantity styling */
.woocommerce ul.products li.product:not(.product-category) img {
    width: auto;
    height: 50%;
}
.woocommerce .quantity .stom-input-wrap {
    margin-right: 5px;
    border-radius: 20px;
}
.woocommerce .quantity .stom-input-wrap button.stom-input-minus {
    border-radius: 10px 0 0 10px;
}
.woocommerce .quantity .stom-input-wrap button.stom-input-plus {
    border-radius:  0 10px 10px 0;
}
.woocommerce .quantity .stom-input-wrap button,
.woocommerce .quantity .stom-input-wrap input {
    border: none;
}
.woocommerce ul.products li.product .product-category {
    font-size: 15px;
    color: var(--color-dark);
    opacity: 1;
    padding-left: var(--gap-s);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    padding-left: var(--gap-s);
    overflow: visible;
    margin-top: auto;
    margin-bottom: 10px;
    white-space: wrap;
}
.woocommerce ul.products li.product .product-attribute {
    font-size: 15px;
    padding-left: var(--gap-s);
    margin-bottom: var(--gap-s);
}
.woocommerce ul.products li.product .price {
    padding-left: 20px;
    color: #2A671D;
}
.woocommerce .quantity .stom-input-wrap input {
	position: relative;
    border: none;
    font-size: 14px;
	z-index: 7;
}
.woocommerce ul.products li.product .button {
    font-size: 14px;
    margin-top: 0;
}
/* sale label*/
.woocommerce ul.products li.product .custom-product-label-wrapper {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 0;
    right: 0;
    z-index: 10;
    background-color: #FFA000;
    padding: 4px 12px;
    border-radius: 0 20px 0 20px;
    color: white;
    font-size: 18px;
    font-weight: 600;
}
.custom-product-percentage {
    margin-top: -5px;
}

#gform_confirmation_wrapper_4 {
    height: auto !important;
}

/* END quantity styling */
.woocommerce ul.products li.product:not(.product-category) img {
    width: auto;
    height: 80%;
}

/* archive - categories styling */

.woocommerce ul.products li.product .woocommerce-product-details__short-description {
    padding-block: calc(var(--gap-s) - 15px);
    padding-left: var(--gap-s);
    font-size: 18px;
}
/* single product styling */
.woocommerce ul.products.columns-3 li.product {
    display: flex;
    flex-direction: column;
}
.woocommerce div.product .woocommerce-product-details__short-description {
    margin-bottom: 0;
    padding-block: var(--gap-s);
}
.single-product-fullwidth #primary .stom-product-header-wrapper {
    margin: 0;
    border-bottom: none;
}
.woocommerce div.product {
    margin-bottom: 0;
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
/* left side */
.woocommerce div.product div.images.woocommerce-product-gallery .custom-product-label-wrapper {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 0;
    left: 0;
    z-index: 10;
    background-color: #FFA000;
    padding: 4px 12px;
    border-radius: 20px 0 20px ;
    color: white;
    font-size: 18px;
    font-weight: 600;
}
.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: 100%;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #F5F5F5;
    border-radius: 20px;
}
.woocommerce div.product div.images a img {
    width: auto;
    margin: 0 auto;
    max-height: 500px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    top: 30px;
    right: 30px;
}
/* END left side */
/* 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: 100%;
    margin-left: 0;
    margin-bottom: 0;
    padding:  calc( 20px + var(--gap-m));
    background-color: #F5F5F5;
    border-radius: 20px;
}
.woocommerce div.product form.cart {
    margin-bottom: var(--gap-m);
}
.woocommerce div.product p.stock, .woocommerce div.product .stock {
    margin-bottom: var(--gap-m);
}

.woocommerce .stom-input-wrap input, .woocommerce .product .cart .quantity .stom-input-wrap input, .woocommerce .cart_item .stom-input-wrap input {
    border: none;
}
.woocommerce .quantity .stom-input-wrap {
    margin-top: 3px;
    margin-right: 10px;
    border-radius: 20px;
}
/* END right side */

/* END single product styling */

.product button.login_button_woo {
    background-color: transparent;
    border: none;
    display: inline-block;
    padding: 0;
    z-index: 6;
}
.product button.login_button_woo a {
    background-color: var(--color-white);
    border: 1px solid var(--color-dark);
    color: var(--color-dark);
    border-radius: 50px;
    padding: 7px 10px;
    font-size: 16px;
    transition: background-color, border, color;
    transition-duration: .175s;
    display: inline-block;
    margin-bottom: var(--gap-s);
}
.product button.login_button_woo a:hover {
    background-color: var(--color-dark);
    border: 1px solid var(--color-dark);
    color: var(--color-white);
}


.woocommerce-cart .woocommerce-cart-form .shop_table .cart_item .product-descriptions .product-quantity .quantity {
	margin-left: .5em;
}


.woocommerce-order-received #content .woocommerce-order .woocommerce-order-details-wrapper > .woocommerce-thankyou-order-details ~ p {
	text-align: center;
}



/* ===== 18 år salg checkout ===== */

.woocommerce #payment .age-confirm-input {
	padding: 0 1em 0 0;
	float: left;
	text-align: left;
}

/* ===== END 18 år salg checkout ===== */



/* ===== Prices ===== */

.woocommerce div.product .product_meta {
	margin-bottom: 40px;
}

#woo-icons .stom-off-canvas-wrapper .cart_list .mini_cart_item .visitor-qty {
	font-size: .85em;
	font-weight: normal;
}

#woo-icons .stom-off-canvas-wrapper .total {
	display: none;
}

#woo-icons .stom-off-canvas-wrapper .buttons {
	border-top: 1px solid #ebe9eb;
}

/* ===== END Prices ===== */



/* ===== Accept order page ===== */

body.review-accept-order #primary .accept-order-details {
	border: none;
	border-spacing: 0;
	border-collapse: collapse;
}

body.review-accept-order #primary .accept-order-details th,
body.review-accept-order #primary .accept-order-details td {
	padding: 7px 20px;
	text-align: left;
	border: 1px solid #ddd;
}

body.review-accept-order #primary .accept-order-details th {

}

body.review-accept-order #primary .accept-order-details td {

}

body.review-accept-order #primary .accept-order-details td img.attachment-woocommerce_thumbnail {
	width: auto;
	max-height: 100px;
	margin-right: .5em;
	vertical-align: middle;
}

/* ===== END Accept order page ===== */



.woocommerce-checkout #payment .wc_payment_method:first-child:last-child div.payment_box {
	padding-right: 0;
	padding-left: 0;
}



#woo-icons .stom-off-canvas-wrapper .cart_list .mini_cart_item img {
	width: 28px;
}

#woo-icons .stom-off-canvas-wrapper .cart_list .mini_cart_item .quantity {
	width: calc(100% - 28px - 10px);
}



.woocommerce-cart .woocommerce-cart-form .shop_table .cart_item .product-thumbnail {
	width: 30px;
}

.woocommerce-cart .woocommerce-cart-form .shop_table .cart_item .product-descriptions {
	width: calc(100% - 30px - 20px);
}



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



.woocommerce-checkout .woocommerce-form-login-toggle,
.woocommerce-checkout .woocommerce-form-login {
	font-size: 16px;
}

/*======================================================================//
// END woocommerce.css                                                  //
//======================================================================*/
.custom-grid-section .section .grid-elements .grid-element.grid-span-2 {
    grid-column: span 2;
}



body:not(.logged-in) main.site-main #content .entry-content .account_wrapper h2 {
    font-size: var(--h3);
}
body:not(.logged-in) main.site-main #content .entry-content .account_wrapper .woocommerce .woocommerce-form.woocommerce-form-login {
    margin: 0;
    border: none;
    padding: 0;
}
body:not(.logged-in) main.site-main #content .entry-content .account_wrapper .woocommerce .woocommerce-form.woocommerce-form-login .woocommerce-form-row, body:not(.logged-in) main.site-main #content .entry-content .account_wrapper .woocommerce .woocommerce-form.woocommerce-form-login .form-row {
    margin-bottom: var(--gap-s);
}

body.logged-in.woocommerce-account main.site-main #content .entry-content .create_accout_wrapper, body.logged-in .create_accout_wrapper{
    display: none;
}
body.logged-in.woocommerce-account main.site-main #content .entry-content .account_wrapper{
    grid-template-columns: repeat(var(--grid-1-cols), minmax(0, 1fr));
}
body.woocommerce-account main#main-content header.entry-header{
    margin-bottom: 0;
    margin-top: var(--gap-m);
}

.woocommerce table.my_account_orders td.woocommerce-orders-table__cell-order-actions {
	white-space: nowrap;
	display: flex;
	gap: .3em;
}

.woocommerce table.my_account_orders .button {
	font-size: 14px;
	font-weight: 500;
}


/* Login side */

main.site-main #content .entry-content .account_wrapper h2 {
    color:var(--color-1);
}
main.site-main #content .entry-content .account_wrapper {
    display: grid;
    gap: var(--gap-m);
    grid-template-columns: repeat(var(--grid-2-cols), minmax(0, 1fr));
    align-items: flex-start;
    padding-top: var(--gap-s);
}
body:not(.logged-in) main.site-main #content .entry-content .account_wrapper .woocommerce, main.site-main #content .entry-content .account_wrapper .create_accout_wrapper {
    padding: var(--gap-m);
    background-color: white;
    border-radius: 20px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    transition: var(--transition);
}
main.site-main .account_wrapper .create_accout_wrapper #gform_confirmation_wrapper_3{
    height: auto !important;
}
main.site-main #content .entry-content .account_wrapper .login_form_box .wplf-lostpassword {
    display: block;
    margin-top: var(--gap-s);
}
main.site-main #content .entry-content .account_wrapper .login_form_box form input{
    display: block;
    margin-top: 5px;
    padding: 8px;
    width: 100%;
}
main.site-main #content .entry-content .account_wrapper .login_form_box form label{
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px;
    padding: 0;
}
main.site-main #content .entry-content .account_wrapper .create_accout_wrapper .gform_wrapper.gravity-theme .gform_fields{
    grid-column-gap: var(--gap-s);
    grid-row-gap: var(--gap-s);
}
main.site-main #content .entry-content .account_wrapper .create_accout_wrapper .gform_wrapper.gravity-theme .gform_fields label, main.site-main #content .entry-content .account_wrapper .gform_wrapper.gravity-theme .gfield_label{
    font-size: var(--p);
}
main.site-main #content .entry-content .account_wrapper .gform_wrapper.gravity-theme .gfield_label {
    margin-bottom: 0;
}
main.site-main #content .entry-content .account_wrapper .create_accout_wrapper .gform_wrapper.gravity-theme .gform_footer input, main.site-main #content .entry-content .account_wrapper .create_accout_wrapper .gform_wrapper.gravity-theme .gform_footer input a {
    width: 100%;
}
body.woocommerce-account main.site-main #content .entry-content .account_wrapper .create_accout_wrapper .gform_wrapper.gravity-theme .gform_footer input, body.woocommerce-account .woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
    background-color: var(--color-dark);
    border: 1px solid var(--color-dark);
    color: var(--color-white);
    border-radius: 50px;
    padding: 8px 30px;
    font-size: calc(var(--p) - 2px);
    font-weight: 400;
    line-height:normal;
}
body.woocommerce-account main.site-main #content .entry-content .account_wrapper .create_accout_wrapper .gform_wrapper.gravity-theme .gform_footer input:hover, body.woocommerce-account .woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover {
    background-color: transparent;
    color: var(--color-dark);
}
main.site-main #content .entry-content .account_wrapper .create_accout_wrapper .gform_wrapper.gravity-theme .gfield input{
    font-size: var(--p);
    line-height: normal;
    padding: 5px 10px;
}

.create_accout_wrapper .gform_wrapper.gravity-theme .gfield input.medium{
    width: 100%;
}

body.woocommerce-account main#main-content {
    padding-inline: var(--gap-m);
}


/* END Login side */

.woocommerce ul#shipping_method li label {
    font-weight: 500 !important;
}
#colophon .widget-title {
    font-size: 1.2em;
}


/* CVR Notice */
.woocommerce-checkout ul.woocommerce-error li {
	font-size: 14px;
}

.invalid-cvr {
	border: 1px solid #a00 !important;
}

/* Styling af Woo-sidebar */

body.woocommerce #secondary {
	margin-top: 20px;
}

.bapf_sfilter {
	border-bottom-color: #f3f3f3;
}

.bapf_sfilter .bapf_head {
	border-color: #f3f3f3;
}

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

.bapf_sfilter .pcs {
	font-size: 14px;
}

.bapf_sfilter.bapf_ckbox input[type=checkbox] {
	margin-right: 10px !important;
}

.bapf_sfilter h3 {
	font-size: 20px;
	font-weight: 600;
	text-transform: inherit;
}