/*
Theme Name: Number Three - Child
Theme URI: https://standoutmedia.dk/
Author: Standoutmedia A/S
Author URI: https://standoutmedia.dk/
Description: Et helt specielt Standoutmedia Tema
Template: number-three
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
*/



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

/* style goes here */


/* ____ GLOBAL ____ */
:root {
    --f1-roboto-c: roboto-condensed, sans-serif;
    --f2-roboto: roboto, sans-serif;
    --f3-lato: lato, sans-serif;

    --cl-blue: #031e45;
    --c2-green: #d52b1e; /* Rød farve */
	--c2-yellow: #f0ab00;
    --c2-green-flugger: rgb(6, 150, 110);
    --c3-gray: #e7e7e7;
    --c4-gray-text: #666666;
    --grid-7-cols: 7;
}

img {
    height: auto;
    width: auto;
}

.section-wrap,
.stom-grid-section .grid-element {
    background-size: cover;
}
.home .main-slider-section .slide-element {
	    max-height: 750px;
}
.home .main-slider-section .slick-list {
height:750px !important;	

}
.stom-grid-section .grid-element img {
    object-fit: cover;
}

textarea {
    resize: none;
}



/* ____ FONTS ____ */
h1 {
    font-family: var(--f1-roboto-c);
    font-weight: 700;
    line-height: .85;
    color: var(--cl-blue);
}

h2 {
    color: var(--cl-blue);
    font-family: var(--f1-roboto-c);
    line-height: 1;
    font-weight: 700;
}

h3 {
    font-weight: 700;
    font-family: var(--f1-roboto-c);
    color: var(--cl-blue);
    line-height: 1.05;

}

h4 {}

h5 {}

html,
body,
input,
select,
optgroup,
textarea {
    color: var(--c4-gray-text);
}

body.woocommerce.woocommerce-page.single-product .woocommerce-tabs img {
	width: revert-layer;
}

p {
    margin: 0 0 1.15em;
}

/* ____ BUTTONS ____ */

.stom-button a,
input[type="button"],
input[type="reset"],
input[type="submit"],
.gform_wrapper .gform_footer input[type=submit],
#woo-icons .stom-off-canvas-wrapper .buttons a,
.button#place_order,
.woocommerce a.button.alt {
    text-transform: unset;
    font-size: 18px;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    font-weight: 400;
    font-family: var(--f2-roboto) !important;
    transition: background-color .2s, color .2s;
    padding: 0.4em 1.2em !important;
}

.page-slider-section .stom-button a {
    font-size: 25px;
    font-family: var(--f3-lato) !important;
    margin: 0.6em 1.3em 0 0;
}

.stom-button.one a,
input[type="button"],
input[type="reset"],
input[type="submit"],
.gform_wrapper .gform_footer input[type=submit],
#woo-icons .stom-off-canvas-wrapper .buttons a.checkout,
.button#place_order,
.woocommerce a.button.alt {
    background-color: var(--cl-blue) !important;
    color: white !important;
    border-color: var(--cl-blue) !important;
}

.stom-button.one:hover a,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.gform_wrapper .gform_footer input[type=submit]:hover,
#woo-icons .stom-off-canvas-wrapper .buttons a.checkout:hover,
.button#place_order:hover,
.woocommerce a.button.alt:hover {
    background-color: white !important;
    color: var(--cl-blue) !important;
}

.stom-button.two a,
#woo-icons .stom-off-canvas-wrapper .buttons a:not(.checkout) {
    background-color: white;
}

.stom-button.two:hover a,
#woo-icons .stom-off-canvas-wrapper .buttons a:not(.checkout):hover {
    background-color: var(--cl-blue);
    color: white;
}

.stom-button.three a,
#colophon .stom-button.three a {
    background-color: var(--c2-green);
    border-color: var(--c2-green);
    color: white;
}

.stom-button.three:hover a,
#colophon .stom-button.three:hover a {
    background-color: white;
    color: var(--c2-green);
}

.stom-button.four a,
#colophon .stom-button.three a {
    background-color: transparent;
    border-color: transparent;
    color: white;
	font-size: 12px;
}

.stom-button.four:hover a,
#colophon .stom-button.three:hover a {
    background-color: transparent;
    color: transparent;
}



/* ____ HEADER ____ */
.header-wrapper,
.home #content,
#masthead .section,
#colophon .section,
.home .section,
footer.site-footer .site-info {
    max-width: 1720px !important;
    padding-left: 15px;
    padding-right: 15px;
}

.header-sticky-active #masthead {
    background: var(--cl-blue);
	/*background-color: var(--c2-yellow);*/
    color: white;
}

.style-header-1 .header-wrapper {
    align-items: center;
}

.style-header-1 .header-wrapper .site-branding h4 {
    margin-bottom: 0;
}

.style-header-1 .header-wrapper .stom-custom-svg svg path {
    fill: white;
}

.style-header-1 .header-wrapper .stom-cart-icon svg path {
    stroke: white !important;
}

.nav-wrap #woo-icons .site-header-cart .stom-custom-svg svg {
    filter: invert(100%) sepia(0%) saturate(7492%) hue-rotate(350deg) brightness(112%) contrast(107%);
}

#woo-icons .site-header-cart {
    vertical-align: baseline;
}

#woo-icons .site-header-cart .cart-contents span.count {
    background-color: var(--c2-green);
    color: white;
    bottom: 26px;
    right: -1px;
}

#woo-icons .woo-search a {
    padding: 0 20px 0 0;
    color: rgba(255, 255, 255, .5);
    font-size: 14px;
    text-decoration: none;
    border-bottom: 1px solid currentColor;
}


.header-logo-custom {
    text-align: start;
    margin: 10px auto 0;
    max-width: 1720px;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.header-logo-custom .site-branding {
    flex-grow: unset;
}

.header-logo-custom .site-branding a {
    text-decoration: none;
}

.header-logo-custom #logo img {
    max-width: max(112px, 10vw);
}

/*  TOPBAR ____ */

header .top-bar {
    background: white;
    color: var(--cl-blue);
    font-size: 14px;
    font-weight: 400;

}

header .top-bar .section {
    border-bottom: none;
}

.top-bar-left>span {
    margin-right: 5px;
}

.top-bar-left>span a {
    color: var(--c2-green);
    font-family: var(--f1-roboto-c);
    font-weight: 700;
    font-size: 16px;
}

.top-bar-left svg {
    font-size: 1.2em;
}

.top-bar-left svg path {
    fill: var(--c2-green);
}

.top-bar-right svg {
    font-size: 1.4em;
}

header .top-bar .top-bar-left {
    margin-right: 15px;
    display: flex;
    justify-content: space-between;
    max-width: 778px;
}




/*  SUBMENU FOLDUD ____ */
header .top-bar .section {
    overflow: visible;
}

header .top-bar ul ul.sub-menu {
    position: absolute;
    padding: 0;
    left: 0;
    transform: translateX(-25%);
    margin: 0;
    top: 100%;
    background: white;
    z-index: 1;
    width: 190px;
    padding: 8px 0 0;
    display: none;
    box-shadow: 2px 4px 6px rgb(103 103 103 / 12%);
}

header .top-bar ul {
    vertical-align: unset;
}

header .top-bar ul ul.sub-menu a {
    display: block;
    text-align: start;
    padding: 11px 13px;
    width: 100%;
    float: left;
    margin: 0;
    transition: background .2s ease;
}

header .top-bar ul ul.sub-menu li a:after {
    content: unset;
}

.top-bar .top-bar-right ul li.menu-item-has-children ul.sub-menu a:hover {
    background: #f2f2f2;
}

.top-bar .top-bar-right ul li.menu-item-has-children:hover ul.sub-menu {
    display: block;
}

header .top-bar ul li.menu-item-has-children {
    position: relative;
}


/*  LOGO ____ */
.site-branding #logo {
    padding: 55px 0 35px;
    line-height: 0;
}

/*  MAINNAV ____ */
#primary-menu>li>a {
    font-family: var(--f1-roboto-c);
    font-size: 19px;
    font-weight: 700;
    letter-spacing: normal;
}

.hover-active:not(.hover-style-bold) ul.menu a:before {
    height: 2px;
    background-color: white;
    margin-bottom: 0;
}

/* BURGERMENU ____ */
body.burger-menu .burger-menu-content-inner .stom_theme_logo {
    background-color: var(--cl-blue);
    padding: 20px 0;
}

body.burger-menu header .burger-menu-content-inner {
    padding: 0;
    color: var(--c4-gray-text);
}

.main-navigation .sub-menu li {
    /*background: var(--c2-green-flugger);*/
	background-color: var(--cl-blue);
}

.main-navigation .sub-menu a {
    color: #fff;
}

.main-navigation .burger-menu-content-inner .sub-menu a {
    color: var(--c4-gray-text);
}


/* ____ FOOTER ____ */
#colophon {
    /* background: var(--c3-gray); */
    background: var(--cl-blue);
    color: #fff;
}

#colophon table,
#colophon table * {
    border: none;
}

#colophon a {
    text-decoration: none;
    /* color: var(--c2-green); */
    transition: .175s ease-out;
}

#colophon a:hover {
    color: var(--c2-green);
}

#colophon .footer_telefon {
    font-size: 40px;
    font-family: var(--f1-roboto-c);
    font-weight: 700;
}

#colophon .footer_telefon svg {
    margin-right: 10px;
    vertical-align: text-top;
}

#colophon h4 {
    font-family: var(--f1-roboto-c);
    color: var(--cl-blue);
    font-weight: 700;
    margin-bottom: 0;
}

#colophon .widget-title {
    font-family: var(--f1-roboto-c);
    font-size: 25px;
    font-weight: 700;
    /* color: var(--cl-blue); */
    color: #fff;
}

#colophon .textwidget {
    padding-top: 20px;
}

#colophon .stom-cols-3:first-of-type {
    width: 34%;
}

#colophon .stom-cols-3 {
    width: 20%;
}

#colophon .textwidget:nth-of-type(1) .stom-cols-6:not(.last) {
    min-width: max-content;
}

#colophon .textwidget:nth-of-type(1) .stom-cols-6.last {
    max-width: max-content;
}


/* ____ PAGESLIDER ____ */
/*  FORSIDE ____ */
.home .page-slider-section .slider-text {
    left: unset;
    width: 100%;
    max-width: 695px;
    height: 100%;
}
body:not(.home ) .page-slider-section .slider-text {
    height: auto;
}
.home .page-slider-section .slider-text .slider-text-inner {
    background-color: white;
    padding: 2.6em;
}

.home .page-slider-section .slider-text h1 {
    /*color: var(--c2-green);*/
	color: var(--cl-blue);
    padding-bottom: .25em;
}

/*  UNDERSIDE ____ */

/* ____ SEKTIONER ____ */
/*  intro_text ____ */
.intro_text {
    color: var(--c4-gray-text);
}

.intro_text .stom-cols-3:nth-of-type(1) {
    width: 26.5%;
}

.intro_text .stom-cols-3:nth-of-type(2) {
    width: 20.5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.6em;
}

.intro_text .stom-cols-3:nth-of-type(2)>div {
    display: flex;
    gap: 10px;
    align-items: center;
}

.intro_text svg {
    font-size: 2em;
}

.intro_text svg path {
    fill: var(--c2-green);
}

/*  category_images ____ */
.category_images.stom-grid-section .section .grid-element img~.overlay {
    top: 0;
}

.category_images.stom-grid-section .section .grid-element > img {
	max-height: 300px;
	object-fit: cover;
}

.category_images h2 {
    color: white;
}

/*  product_slider ____ */
.stom-products-section .woocommerce {
    border-top: none;
    padding-top: 19px;
}

.stom-products-section .section-link a {
    color: var(--c2-green);
    font-family: var(--f2-roboto);
    font-size: 20px;
    font-weight: 300;
}

.woocommerce .slick-list {
    padding: 15px 0;
}

.woocommerce ul.products li.product.slick-slide {
    position: relative;
}

/* .woocommerce ul.products li.product .stom-product-loop-image-wrap{
    background-color: var(--c3-gray);
} */
.woocommerce ul.products li.product img {
    max-width: 95%;
    max-height: 95%;
}

.woocommerce ul.products li.product.slick-slide::after {
    position: absolute;
    content: '';
    --distance: -0px;
    top: var(--distance);
    left: var(--distance);
    bottom: var(--distance);
    right: var(--distance);
    border: 2px solid var(--c3-gray);
    border-radius: 10px;
    opacity: 0;
    transition:
        top .1s,
        right .1s,
        bottom .1s,
        left .1s,
        opacity .2s;
    z-index: -1;
}

.woocommerce ul.products li.product.slick-slide:hover::after {
    --distance: -15px;
    opacity: 1;
}

.woocommerce-button-setup-4 ul.products li.product .button.stom-read-more {
    background-color: var(--c2-green);
    width: 50%;
    margin: 0 auto;
    font-family: var(--f3-lato);
    font-weight: 400;
    border-radius: 4px;
}

.woocommerce-button-setup-4 ul.products li.product:hover .button.stom-read-more {
    transform: translateY(-20px) !important;
}

.custom-product-label {
    background-color: var(--c2-green);
    font-size: max(16px, calc(4.9px + 1vw));
    font-weight: 700;
    font-family: var(--f1-roboto-c);
}

.woocommerce ul.products li.product .custom-product-label {
    top: 10px;
    left: 10px;
}

.woocommerce-button-setup-4 ul.products li.product .product-category {
    color: var(--c2-green);
    opacity: 1;
    font-size: .8em;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    text-transform: unset;
    padding-bottom: 2px;
}

.woocommerce-button-setup-4 ul.products li.product .price {
    color: var(--c2-green);
    opacity: 1;
    font-weight: 300;
}

.woocommerce-button-setup-4 ul.products li.product .button:not(.stom-read-more) {
    filter: invert(12%) sepia(19%) saturate(6925%) hue-rotate(211deg) brightness(91%) contrast(90%);
}

.slick-prev,
.slick-next,
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    font-size: 22px;
    color: #fff;
    background-color: var(--c2-green);
    border-radius: 50%;
}

.slick-prev,
.slick-next {
    width: 40px;
    height: 40px;
    padding-top: 3px;
    z-index: 3;
}

body:not(.home) #main-content .section-wrap:last-of-type .section {
    padding: 50px 0 130px;
}

/*  tekst_grid ____ */
.tekst_grid.stom-grid-section.section-fullpage .grid-element .overlay {
    padding: 0;
}

.tekst_grid p {
    font-family: var(--f2-roboto);
    font-weight: 300;
    line-height: 1.33;
    margin-top: 30px;
}

.tekst_grid .stom-button a {
    margin-top: 10px;
}

/*  image_grid  ____ */
.image_grid .grid-element.just_image img {
    visibility: visible !important;
}

.image_grid.stom-grid-section .section.columns-4 .grid-element:nth-of-type(1),
.image_grid.stom-grid-section .section.columns-4 .grid-element:nth-of-type(4) {
    width: calc(32% - 3px);
}

.image_grid.stom-grid-section .section.columns-4 .grid-element:nth-of-type(2),
.image_grid.stom-grid-section .section.columns-4 .grid-element:nth-of-type(3) {
    width: calc(18% - 3px);
}

.image_grid.stom-grid-section .section.columns-4 .grid-element:not(.just_image) {
    background-color: var(--c3-gray);
}

.image_grid.stom-grid-section .section.columns-4 .grid-element:not(.just_image) h2 {
    margin-bottom: 20%;
}

.image_grid.section-wrap .section {
    padding: 100px 0 80px;
}

/*  ___ UNDERSIDER ____ */
body:not(.home) h2 {
    margin-top: 30px;
}


/* ____ SIDEBAR ____ */
#page .open-button {
    border: none !important;
    background-color: var(--cl-blue) !important;
    color: white !important;
    font-weight: 700;
    text-transform: uppercase;
    font-family: var(--f1-roboto-c);
}

#page .open-button .stom-custom-svg {
    display: none;
}

body:not(.woocommerce) #page .open-button {
    display: none;
}

.new-stom-posts {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.new-stom-post-wrapper {
    width: calc((100% - (20px * 3)) / 3);
    display: inline-block;
}

.new-stom-post-title {
    font-family: roboto-condensed, sans-serif;
    font-weight: 700;
    color: var(--cl-blue);
    line-height: 1.05;
    font-size: 35px !important;
}

.new-stom-post-content {
    font-family: var(--f2-roboto);
    font-weight: 300;
    line-height: 1.33;
    margin-top: 30px;
    margin-bottom: 25px;
}

a.new-stom-post-link {
    background-color: var(--c2-green);
    border-color: var(--c2-green);
    color: #fff;
    margin-top: 10px;
    text-transform: unset;
    font-size: 18px;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    font-weight: 400;
    font-family: var(--f2-roboto) !important;
    transition: background-color .2s, color .2s;
    padding: .4em 1.2em !important;
    text-decoration: none;
}

body:not(.woocommerce):not(.home) h1 {
    font-size: 3em;
}

body:not(.woocommerce):not(.home) h2 {
    font-size: 1.5em;
}

.style-header-1 .main-navigation li {
    cursor: pointer;
}

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





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

.woocommerce-cart .cart-collaterals .cart_totals .coupon input {
    height: 45px;
}

.woocommerce-checkout .header-wrapper,
.home #content,
#masthead .section,
#colophon .section,
.home .section,
footer.site-footer .site-info {
    max-width: 1140px;
    padding-left: 15px;
    padding-right: 15px;
}

.woocommerce-checkout #masthead .header-wrapper {
    text-align: start;
}

.woocommerce-checkout .header-sticky-active header .site-branding #logo img {
    width: auto !important;
    height: auto !important;
}

#woo-icons .stom-off-canvas-wrapper .cart_list .mini_cart_item * {
    color: var(--cl-blue);
}

.product-title {
    color: var(--cl-blue);
}

bdi {
    color: var(--c2-green);
}

.woocommerce-shop #main-content #content {
    max-width: 1400px;
}

.woocommerce h1 {
    font-size: 2em;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
    margin: 0 0 .5em;
    padding: 0;
    font-size: 18px;
    white-space: unset;
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    text-transform: uppercase;
}

.bapf_sfilter .bapf_body li>label {
    flex-grow: 1;
    line-height: 2;
    max-width: calc(100% - 18px);
}

.woocommerce-Tabs-panel--description h2 {
    font-size: 2em;
}

/* YITH Color Swatches */
.select_option {
    margin-right: 13px;
    margin-bottom: 13px;
}

.attribute_pa_varianter .select_option,
.attribute_pa_maengde .select_option,
.attribute_pa_stoerrelse .select_option {
    border: none;
    display: inline-block;
    height: 50px;
}

.attribute_pa_varianter .select_option .yith_wccl_value,
.attribute_pa_maengde .select_option .yith_wccl_value,
.attribute_pa_stoerrelse .select_option .yith_wccl_value {
    color: #000;
    background-color: #efefef;
    font-size: 18px;
    display: inline;
    min-width: inherit;
    line-height: inherit;
    height: inherit;
    padding: 13px 24px;
    border-radius: 6px;
}

.attribute_pa_maengde .select_option .yith_wccl_value {
    border: 0;
}

.attribute_pa_varianter .select_option.selected .yith_wccl_value,
.attribute_pa_maengde .select_option.selected .yith_wccl_value,
.attribute_pa_stoerrelse .select_option.selected .yith_wccl_value {
    background-color: #1a2c5e;
    color: #fff;
}

.attribute_pa_farve .select_option_colorpicker {
    border-color: #e8e8e8;
    border-radius: 6px;
    position: relative;
    transition: ease .2s;
}

.attribute_pa_farve .select_option_colorpicker:hover {
    box-shadow: 0 0 16px rgb(0 0 0 / 15%);
}

.attribute_pa_farve .select_option_colorpicker.selected:after {
    content: url('./images/check.png');
    position: absolute;
    top: -2px;
    right: 4px;
}

.attribute_pa_farve .select_option_colorpicker .yith_wccl_value {
    height: 70px;
    line-height: 70px;
    width: 90px;
    border: none;
    border-radius: 6px 6px 0 0;
}

.attribute_pa_farve .select_option_colorpicker .yith_wccl_tooltip {
    position: static;
    margin-left: inherit;
    opacity: 1;
    top: 100%;
    line-height: inherit;
    font-weight: 600;
}

.attribute_pa_farve .select_option_colorpicker .yith_wccl_tooltip>span {
    width: 100%;
    border-radius: 0 0 6px 6px;
    background-color: #fff;
    color: #000;
}

.attribute_pa_farve .select_option_colorpicker .yith_wccl_tooltip>span:after {
    display: none;
}

.woocommerce div.product form.cart .variations td.label,
.woocommerce div.product form.cart .variations td.value {
    display: block;
    width: 100%;
}

.woocommerce div.product form.cart .variations td.label {
    margin-bottom: 10px;
}

.woocommerce div.product form.cart .button.single_add_to_cart_button:not(.disabled) {
    min-width: 250px;
    background-color: #2f966d;
    border: 1px solid #2f966d;
}


#strguide-modal-link {
    cursor: pointer;
    color: #162c5d;
    font-weight: 700;
    margin-bottom: 20px;
    display: inline-block;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0.48px;
}

.modal-content table tbody {
    width: 100% !important;
}

.modal-content table tbody td {
    padding: 5px 7px !important
}



/* Modal content */
/* The Modal (background) */

.strguide-modal {
    display: none;
    position: fixed;
    z-index: 99999999999999999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}



/* Modal Content/Box */

.modal-content {
    background-color: #fefefe;
    margin: 13% auto;
    padding: 35px;
    border: 1px solid #888;
    width: 80%;
    min-height: 40%;
    overflow-y: scroll;
    height: 70%;
    max-height: 500px;
    max-width: 800px;

    display: block !important;

    position: relative;
}

.modal-content .entry-header>h2 {
    margin: 0 0 15px;
    font-size: 24px;
}

.modal-content .entry-header>p {
    font-size: 16px;
}

.modal-content .hex-color {
    height: 156px;
    border-radius: 6px;
    position: relative;
    transition: ease .3s;

    width: 21.5%;
    margin: 0 4.5% 4.5% 0;
}

.modal-content .hex-color:hover {
    box-shadow: 0 0 15px rgb(0 0 0 / 10%);
    cursor: pointer;
}

.modal-content .hex-color:hover .hex-color-info {
    opacity: 1;
}

.modal-content .hex-color .hex-color-info {
    opacity: .5;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
    border-radius: 0 0 6px 6px;
    padding: 10px 5px;
}

.modal-content .hex-color .hex-color-info>p {
    color: #333;
    margin: 0;
    text-align: right;
    padding: 0 10px;
    font-size: 14px;
}

/* The Close Button */

.close {
    color: #aaa;
    float: right;
    font-size: 22px;
    font-size: 22px;
    font-weight: bold;
    position: absolute;
    top: 0px;
    right: 5px;
}

.close:hover,
.close:focus {

    text-decoration: none;
    cursor: pointer;
}

#strguide-modal-link {
    cursor: pointer;
    color: #162c5d;
    font-weight: 700;
    margin-bottom: 20px;
    display: inline-block;
    text-decoration: none;
    font-size: 17px;
    letter-spacing: 0.48px;
}

.modal-content table tbody {
    width: 100% !important;
}

.modal-content table tbody td {
    padding: 5px 7px !important
}

body.theme-number-three ul.products li.product .onsale {
    right: unset;
    left: 10px;
    top: 15px;
    font-size: 16px;
    line-height: 1.1;
    height: 60px;
    width: 60px;
    display: block;
    padding: 10px;
    box-shadow: 1px 1px 4px #afafaf;
}
body.woocommerce span.onsale {
	    right: unset;
    left: 10px;
    top: 5px;
    font-size: 16px;
    line-height: 1.1;
    height: 60px;
    width: 60px;
    display: block;
    padding: 10px;
    box-shadow: 1px 1px 4px #afafaf;
}
/*======================================================================//
// END woocommerce.css                                                  //
//======================================================================*/

/* popup */

#stom_popups_wrapper .stom_popup_bg {
	    border: 3px solid white;
}
body #stom_popups_wrapper .stom_popup .stom_popup_close {
	    filter: invert(1);
	    top: 10px;
    right: 5px;
}
body #stom_popups_wrapper .stom_popup_content_wrapper {
    padding: 30px 30px 25px;
    color: white;
    padding-right: 27px;
}


/* END popup */



body.stom-admin {

}
/* Slider img */
body.stom-admin .stom-grid-section.indgangsvinkler-sektion .section .grid-elements {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
body:not(.home ) .page-slider-section .slide-element .element-spacer, body:not(.home ) .page-slider-section .slide-element .image-aligner {
    /* padding-top: unset !important; */
	padding-top: 44.69921875% !important;
}
body:not(.home ) .page-slider-section .slide-element img, body:not(.home ) .page-slider-section .slide-element video, body:not(.home ) .page-slider-section .slide-element iframe {
    width: 100%;
    object-fit: cover;
    object-position: center;
}
body:not(.home ) .page-slider-section .slick-slider {
    position: absolute;
}
body:not(.home ) .page-slider-section .slick-slider, .slick-slider .slick-list {
    height: 100% !important;
    width: 100% !important;
}
body:not(.home ) .main-slider-section .slide-element {
max-height: unset;
}
body:not(.home ) .page-slider-section .slider-inner {
    position: relative;
}
body:not(.home ) .page-slider-section .slider-text {
    position: relative;
}
body:not(.home ) .page-slider-section .slider-text, body:not(.home ) .page-slider-section .slick-slider, body:not(.home ) .page-slider-section .slider-inner {
    min-height: calc(60vh - var(--stom-header-height));
}
/* Slider img - END */
body.home .page-slider-section {
    margin-bottom: 0px;
}
.section-wrap.indgangsvinkler-sektion .section h2 {
    text-align: center;
}
.stom-grid-section.indgangsvinkler-sektion .section .grid-elements .grid-element {
    text-align: center;
}
.stom-grid-section.indgangsvinkler-sektion .section .grid-elements .grid-element .overlay .indgangsvinkler-sektion-ikon {
    color: #162c5d;
    background: white;
    font-size: 40px;
    min-height: 96px;
    margin-bottom: 8px;
    padding: 26px 35px;
    border-radius: 16px;
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
}
/* single-product */
body.single.single-product #maerkninger {
    position: absolute;
    max-height: 50px;
    display: flex;
    gap: 15px;
    max-width: 500px;
}
body.single.single-product #maerkninger img {
    max-width: 60px;
	max-height: 60px;
	object-fit: contain;
}
/* categories mærker */
body.tax-product_cat #maerkninger  {
    top: 0 !important;
    right: unset;
    bottom: unset;
    left: unset;
    display: flex;
    gap: 10px;
}
body.tax-product_cat #maerkninger img.stom-maerke {
    position: relative;
    
    max-width: 70px;
    max-height: 70px;
    margin: unset;
}



/* Farvetilrettelser */
.woocommerce-store-notice, p.demo_store {
	background-color: var(--c2-yellow);
	color: var(--cl-blue);
}

.woocommerce-store-notice a, p.demo_store a {
	color: var(--cl-blue);
}

#woo-icons .site-header-cart .widget_shopping_cart {
	color: initial;
}