/****** STORE SKRÆME ******/

@media only screen and (min-width: 1920px) {}


/****** BÆRBAR / MINDRE SKÆRME ******/
@media only screen and (max-width: 1640px) {
    .site-header .header-wrapper {
        padding-inline: 40px;
    }
    .section-wrap.stom-billede-sektion.vores-butikker-section {
        padding-inline: var(--gap-m);
    }
    .section-wrap.stom-billede-sektion.underside-margin-top-sections.picture-right.not-fullwidth {
        padding-inline: var(--gap-m);
    }
    .section-wrap.ansvarlig-section.margin-top-sections.has-background .section {
        padding-bottom: 240px;
    }

    #woo-icons .woo-search span {
        width: 190px;
    }

    body:not(.no-sidebar):not(.home) #main-content #content {
        padding-inline: var(--gap-m);
    }
}
@media only screen and (max-width: 1495px) {
    .site-header .header-wrapper {
        grid-template-columns: 2fr 6fr;
    }
    header .main-navigation ul.menu a {
        font-size: 16px;
        padding: 0.7em 12px;
    }

    header .main-navigation ul.menu a {
        font-size: 14px;
    }

    header .section-wrap.top-bar {
        font-size: 14px;   
    }
}
@media only screen and (max-width: 1240px) {
     :root body {
        /* Font sizes */
        --h1: 43px;
        --h2: 28px;
        --h3: 22px;
        --h4: 19px;
        --h5: 15px;
        --h6: 13px;
        --p: 15px;
        /* Gaps */
        --gap-l: 60px;
        --gap-m: 25px;
        --gap-s: 20px;
        /* Sidebar */
        --sidebar-width: 280px;
    }
    .style-header-02 .top-bar .top-bar-right>*:not(:last-child) {
        display: none;
    }

	.custom-bar {
		max-width: calc(100vw - (2 * var(--gap-m)));
		font-size: 1em;
	}

	.stom-billede-sektion:not(.not-fullwidth) .section {
		padding: 0;
	}

    body:not(.no-sidebar):not(.home) #main-content #content{
        padding-inline: 0;
    }

	.section-wrap.stom-products-section.section-fullpage.has-background.stom-slick,
	body.single .related.section-wrap.section-fullpage.has-background.stom-slick {
		height: auto;
	}

	.section-wrap.section-fullpage .section {
		padding-inline: var(--gap-m);
	}

    .woocommerce-button-setup-4 ul.products li.product .woocommerce-loop-product__title {
        font-size: var(--h4);
}
.woocommerce-button-setup-4 ul.products li.product:not(.product-category) .product-category, .woocommerce-button-setup-4 ul.products li.product:not(.product-category) .woocommerce-loop-category__title, .woocommerce-button-setup-4 ul.products li.product:not(.product-category) .woocommerce-loop-product__title, .woocommerce-button-setup-4 ul.products li.product:not(.product-category) h3 {
    max-width: 100%;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    margin: 0 20px 20px 0;
    padding: 0;
}
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product, .woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product {
    width: calc((100% - (20px * 3)) / 3);
}
    /* header */
    #woo-icons .site-header-cart .cart-contents span.count, header .stomWF-favourites-list-link .count {
        position: absolute;
        bottom: 3px;
        right: 6px;
        width: auto;
        height: auto;
        padding: 6px;
        font-size: 13px;
        color: #fff;
        line-height: 0;
        text-align: center;
        border-radius: 50%;
        background-color: #222;
        transform: translate(50%, 50%);
    }
    header .nav-wrap {
        margin-right: 0px;
    }
    .site-header .header-wrapper {
        grid-template-columns: 4fr 1fr;
    }
    #woo-icons .woo-search {
        margin-top: 0px;
    }
    .site-header .header-wrapper {
        max-width: var(--content-width);
        padding-inline: var(--gap-m);
    }
    header .main-navigation {
        justify-content: end;
    }
    /* slider */
   body .section-wrap.stom-products-section .slick-list,
   body.single .section-wrap .slick-list  {
        position: relative;
        overflow: hidden;
        margin: 0 -15px !important;
        padding: 0 !important;
        margin-left: 0;
        margin-right: 0
    } 
    body .stom-products-section .slick-dots,
    body.single .section-wrap  .slick-dots {
        top: -53px;
        right: 150px;
        text-align: end;
    }
    /* arrows */
    body .stom-products-section .slick-prev {
        top: -70px;
        right: calc(var(--gap-l) - 50px + 50px);
    }
    body .stom-products-section .slick-next {
        top: -70px;
        right: calc(var(--gap-l) - 50px);
    }
    /* arrows */
    body.single .related .slick-prev {
        top: -70px;
        right: calc(var(--gap-l) - 50px + 50px);
    }
    body.single .related .slick-next {
        top: -70px;
        right: calc(var(--gap-l) - 50px);
    }
    /* products-slider */
    .section-wrap.stom-products-section.section-fullpage.has-background.stom-slick,
    .related-section.related.products.section-wrap.related-products-section.section-fullpage.has-background.stom-slick {
        background-position: unset;
        margin-top: calc( var(--gap-l) - 35px);
        padding-right: var(--gap-m);
    }
   

    /* vores butikker */
    .section-wrap.stom-billede-sektion.vores-butikker-section {
        padding-inline: 0;
    }

    /* newsletter btn placement */
    .section-wrap.stom-grid-section.footer-banner .section .grid-elements .grid-element .overlay h3 {
        font-size: 28px;
        font-weight: 200;
    }
    .section-wrap.stom-grid-section.footer-banner .tnp-field.tnp-field-button {
        margin-top: -17px;
    }
      
    .section-wrap.stom-grid-section.footer-banner .tnp-field.tnp-field-button::after {
        top: 5px;
        right: -40px;
    }
    /* inline on organisation remove */
    .section-wrap.stom-billede-sektion.underside-margin-top-sections.picture-right.not-fullwidth {
        padding-inline: unset;
    }

	.section-wrap.has-background.ansvarlig-section {
		padding-inline: 0;
	}
	.section-wrap.ansvarlig-section.margin-top-sections.has-background .section {
		padding-inline: var(--gap-m);
	}
}

@media only screen and (max-width: 1100px) {
        html .woocommerce ul.products[class*=columns-] li.product:not(.slick-slide), html .woocommerce-page ul.products[class*=columns-] li.product:not(.slick-slide), html .woocommerce ul.products[class*=columns-] li.product:not(.slick-slide):nth-child(2n), html .woocommerce-page ul.products[class*=columns-] li.product:not(.slick-slide):nth-child(2n) {
        width: calc((100% - (15px * 2)) / 2);
        margin: 0 15px 20px 0;
        float: none;
    }
}

/****** IPADS - VERTIKALT ******/

@media only screen and (max-width: 959px) {
     :root body {
        /* Grid columns */
        --grid-2-cols: 1;
        --grid-3-cols: 2;
        --grid-4-cols: 2;
        --grid-5-cols: 3;
        --grid-6-cols: 3;
        --grid-7-cols: 4;
        --grid-8-cols: 4;
        --grid-9-cols: 5;
        --grid-10-cols: 5;
        --grid-11-cols: 6;
        --grid-12-cols: 6;
    }
        html .woocommerce ul.products[class*=columns-] li.product:not(.slick-slide), html .woocommerce-page ul.products[class*=columns-] li.product:not(.slick-slide), html .woocommerce ul.products[class*=columns-] li.product:not(.slick-slide):nth-child(2n), html .woocommerce-page ul.products[class*=columns-] li.product:not(.slick-slide):nth-child(2n) {
        width: calc((100% - (20px * 3)) / 3);
    }
    .woocommerce-button-setup-4 ul.products li.product .woocommerce-loop-product__title, .woocommerce-button-setup-4 ul.products li.product .price {
        padding-inline: 20px;
    }
    /* Move this rule if you change the the grid columns */

    .margin-top-headers {
        margin-top: calc( var(--gap-l)) !important;
    }
    .margin-top-sections {
        margin-top: calc( var(--gap-l)) !important;
    }
    .underside-margin-top-sections {
        margin-top: calc( var(--gap-l)) !important;
    }
    .last-on-mobile {
        order: 66;
    }
    .background-clip-section .section > h2 {
        font-size: 45px;
    }
    /*  underside related products */
    .related-section.related.products.section-wrap.related-products-section.section-fullpage.has-background.stom-slick {
        background-image: none !important;
    }
    .related-section.related.products.section-wrap.related-products-section.section-fullpage.has-background.stom-slick .section {
        padding-left: unset;
        padding-right: 0;
    } 
        .page-slider-section .slider-text {
        padding: var(--gap-l) var(--gap-m) calc(var(--gap-l) * 2);
    }
}

@media only screen and (max-width: 810px) {
    /* arrows */
    body .stom-products-section .slick-prev {
        right: calc(var(--gap-l) - 50px + 50px);
    }
    body .stom-products-section .slick-next {
        right: calc(var(--gap-l) - 50px);
    }
}


/****** MINDRE END IPADS VERTIKALT ******/

@media only screen and (max-width: 782px) {
        html .woocommerce ul.products[class*=columns-] li.product:not(.slick-slide), html .woocommerce-page ul.products[class*=columns-] li.product:not(.slick-slide), html .woocommerce ul.products[class*=columns-] li.product:not(.slick-slide):nth-child(2n), html .woocommerce-page ul.products[class*=columns-] li.product:not(.slick-slide):nth-child(2n) {
        width: calc((100% - (15px * 2)) / 2);
        margin: 0 15px 20px 0;
        float: none;
    }
}

@media only screen and (max-width: 767px) {
     :root body {
        /* Font sizes */
        --h1: 30px;
        --h2: 25px;
        --h3: 20px;
        --h4: 18px;
        --h5: 14px;
        --h6: 12px;
        --p: 14px;
        /* Gaps */
        --gap-l: 50px;
        --gap-m: 20px;
        --gap-s: 15px;
        /* Outer margin */
        --content-margin: 0;
    }
    /* search */
    #woo-icons .woo-search {
        margin-top: 0;
        margin-right: 0;
    }
    #woo-icons .woo-search span {
        background-color: #fff;
        width: unset;
        height: unset;
        border: unset;
        padding: unset;
        padding-left: unset;
        display: unset;
        align-items: unset;
    }
    #woo-icons .woo-search .stom-custom-svg::after {
        display: none;
    }
    /* Slider img none */
    .section-wrap.stom-products-section.related-products-section.section-fullpage.has-background.stom-slick,
    .section-wrap.stom-products-section.outlet-tilbud-section.section-fullpage.has-background.stom-slick {
        background-image: none !important;
    }
    .section-wrap.stom-products-section.section-fullpage.has-background.stom-slick .section {
        padding-left: unset;
        padding-right: 0;
    }
    /* END Slider img none */
    body .section-wrap.stom-billede-sektion.history-section .section .stom-cols-6 .stom-center-box {
        min-height: unset;
    }
    body .section-wrap.stom-billede-sektion.history-section .section .stom-cols-6 {
        padding-block: var(--gap-m);
    }

    .section-wrap.stom-billede-sektion.vores-butikker-section .section .stom-cols-6 {
        width: 100%;
    }
    .section-wrap.stom-billede-sektion.vores-butikker-section .section .stom-picture {
        width: 100%;
    }

    /* footer */
    .footer-setting-03 .footer-widget-area-extra .textwidget {
        display: flex;
        flex-direction: column;
    }

    .section-wrap.stom-grid-section.footer-banner .tnp-field.tnp-field-button {
        margin-left: -26px;
        margin-top: -18px;
    }
        .background-clip-section .section > h2 {
        font-size: 36px;
    } 
    

	.custom-popup-wrapper .stom_popup_overlay.lower-right {
		left: 20px !important;
	}
	.custom-popup-wrapper .stom_popup {
		max-width: 100%;
		height: auto !important;
	}
	.custom-popup-wrapper .stom_popup_content_wrapper {
		padding: 10px 15px;
	}
	.page-slider-section .slider-text-inner .slider-text-inner-wrapper .custom-popup-wrapper p {
		font-size: .9em;
	}

	body .section-wrap.stom-billede-sektion.not-fullwidth .section .stom-cols-6,
	.stom-billede-sektion.not-fullwidth .stom-picture {
		width: 100%;
	}

	.section-wrap.ansvarlig-section.margin-top-sections.has-background {
		background-position: right -30vw bottom;
	}
	.section-wrap.ansvarlig-section.margin-top-sections.has-background .section {
		padding-block: 0 140px;
	}
	.section-wrap.ansvarlig-section.margin-top-sections.has-background .section p {
		max-width: 70%;
	}


	.stom-button .stom-custom-svg:has(svg image[width="18"][height="9"]) {
		margin-left: .2em
	}
	.stom-custom-svg svg image[width="18"][height="9"] {
		width: 20px;
        height: 10px;
        transform: translateX(-2px);
	}
}

@media only screen and (max-width: 679px) {
	.section-wrap.ansvarlig-section.margin-top-sections.has-background {
        background-position: right -40vw bottom -10vw;
    }
}

@media only screen and (max-width: 639px) {
     :root body {
        /* Grid columns */
        --grid-2-cols: 1;
        --grid-3-cols: 1;
        --grid-4-cols: 1;
        --grid-5-cols: 1;
        --grid-6-cols: 1;
        --grid-7-cols: 1;
        --grid-8-cols: 1;
        --grid-9-cols: 1;
        --grid-10-cols: 1;
        --grid-11-cols: 1;
        --grid-12-cols: 1;
    }
    /* btns */
    .slider-btn-wrapper {
        display: flex;
        flex-direction: column;
    }
	.slider-btn-wrapper .stom-button a  {
		display: block;
		text-align: center;
	}
    .section-wrap.logo-footer-section .section {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 30px;
        padding-top: calc( var(--gap-m) + 20px);
    }
	.background-clip-section .section > h2 {
        font-size: 32px;
    }

	.section-wrap.ansvarlig-section.margin-top-sections.has-background {
		background-position: bottom right -10vw;
        background-size: 700px;
	}
	.section-wrap.ansvarlig-section.margin-top-sections.has-background .section {
		padding-bottom: 200px;
	}
	.section-wrap.ansvarlig-section.margin-top-sections.has-background .section p {
        max-width: 100%;
		font-size: 1em;
    }
}

@media only screen and (max-width: 500px) {

        html .woocommerce ul.products[class*=columns-] li.product:not(.slick-slide), html .woocommerce-page ul.products[class*=columns-] li.product:not(.slick-slide), html .woocommerce ul.products[class*=columns-] li.product:not(.slick-slide):nth-child(2n), html .woocommerce-page ul.products[class*=columns-] li.product:not(.slick-slide):nth-child(2n) {
        width: 100%;
        margin: 0 15px 20px 0;
        float: none;
    }
    }


/****** MOBILER ******/

@media only screen and (max-width: 479px) {
    .background-clip-section .section > h2 {
        font-size: 36px;
    }
    .vores-butikker-wrapper {
        grid-template-columns: 1fr;
    }

	.section-wrap.ansvarlig-section.margin-top-sections.has-background .section {
		padding-bottom: 250px;
	}
}

@media only screen and (max-width: 400px) {
	.background-clip-section .section > h2 {
        font-size: 29px;
    }

	html .woocommerce ul.products[class*=columns-] li.product,
	html .woocommerce-page ul.products[class*=columns-] li.product,
	html .woocommerce ul.products[class*=columns-] li.product:nth-child(2n),
	html .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n) {
        margin: 0 15px;
    }
}