@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');


:root {
    --transition: 0.25s ease-in-out all;
    --font-fam-head: 'Roboto Slab', serif;
}

/*USP TOP*/
.global_usp {
    background-color: #efefef !important;
}
.global_usp li {
    color: black !important;

}














/*NAVIGATION MENU*/
.site-navigation {
    background-color: #252525 !important;
}
.site-navigation .main-menu .b-category-li-0 > a {
    color:  white !important;
}

.site-navigation .main-menu .b-category-li-0:has(ul) > a::after {
    content: '';
    display: inline-block;
    height: 1rem;
    width: 0.5rem;
    margin-left: 0.3rem;

    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Lag_2' data-name='Lag 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62.52 33.91'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23FF3399%3B %7D %3C/style%3E%3C/defs%3E%3Cg id='Lag_1-2' data-name='Lag 1'%3E%3Cpath class='cls-1' d='M61.61 5.2l-28.22 27.84c-1.18 1.17-3.08 1.17-4.26 0L.91 5.2C-1.02 3.29 .33 0 3.04 0H59.47c2.71 0 4.06 3.29 2.13 5.2Z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: var(--transition);
}
.site-navigation .main-menu .b-category-li-0:has(ul):hover > a::after {
    transition: var(--transition);

    background-position: bottom center;
    background-size: contain;
}

.site-navigation .main-menu>.container>ul .b-category-li-0 .dropdown-megamenu {
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    left: auto !important;
    background: #ffffffaf !important;
    backdrop-filter: blur(5px);
    max-width: 500px;
    display: block !important;

    transform: translateY(-10px);
    opacity: 0;
    transition: var(--transition);

    padding: 2rem !important;
    padding-top: 1rem !important;
    border-radius: 15px;
    border: 1px solid #e9e9e9 !important;

    pointer-events: none;
}
.site-navigation .main-menu>.container>ul .b-category-li-0:hover .dropdown-megamenu {
    transform: translateY(0);
    opacity: 100%;
    transition: var(--transition);
    pointer-events: all;
}

.site-navigation .main-menu .dropdown-megamenu > ul {
    border-top: 0 !important;

}

.site-navigation .main-menu>.container>ul .b-category-li-0 .dropdown-megamenu .b-productcategories-list.b-productcategories-level-1 {
    text-align: left;

}
.site-navigation .main-menu>.container>ul .b-category-li-0 .dropdown-megamenu .b-productcategories-list.b-productcategories-level-1 .b-category-li-1 {
    padding: 0.7rem 0 0 0 !important;
}
.site-navigation .main-menu>.container>ul .b-category-li-0 .dropdown-megamenu .b-productcategories-list.b-productcategories-level-1 .b-category-li-1 a {
    font-size: 1rem !important;
    font-weight: 400 !important;
}
.site-navigation .main-menu>.container>ul .b-category-li-0 .b-productcategories-level-2 {
    margin-top: 0 !important;
    margin-bottom: 20px;
}
.site-navigation .main-menu>.container>ul .b-category-li-0 .dropdown-megamenu .b-productcategories-list.b-productcategories-level-1>* {
    width: 50% !important;
}



/*HAMBURGER*/
.hamburger-menu .w-menu>li>a {
    padding: 10px 20px !important;
}








/*FORSIDE SLIDER*/
#site-slider {
    
}
.site-slider .w-slider .w-slider-caption {
    align-items: flex-start !important;
    padding: 0 10% !important;
}
.site-slider .w-slider-caption .h2 {
    font-size: clamp(1.1rem, 5vw, 5rem) !important;
    text-align: left;
}
.site-slider .item-link {
    padding: 0 !important;
    line-height: 1 !important;
}
.site-slider .button-text {
    padding: 0.5rem 1rem !important;
}
.site-slider .item:has(.w-slider-img) {
}


.w-slider-container {
    margin-top: 0 !important;
    border-radius: 0 0 15px 15px;
    overflow: hidden;
}
:not(.ielt9) .placeholder-wrapper > img, .w-slider-img {
    max-width: none !important;
    width: 100% !important;
    margin-bottom: -10px !important;
}



/*FRONTPAGE USP*/
.frontpage_usp {
    background-color: transparent !important;
    margin-top: 0 !important;
}



/*FRONTPAGE*/
.page-title-frontpage {
    display: none !important;
}

.pageId1 .freaturedCategories {
    display: none;
}


.pageId1 .m-text-content {
    display: flex;
    flex-direction: column; 
    gap: 2rem;
    align-items: center;
    justify-content: center;
}
.pageId1 .m-text-content::before, .pageId1 .m-text-content::after {
    content: none !important;
}

.pageId1 .m-text-content p {
    margin-bottom: 1rem !important;

}
.pageId1 .m-text-content img {
    width: 100% !important;
    max-width: 400px;
    height: auto !important;
    max-height: 100% !important;
    aspect-ratio: auto !important;
    border-radius: 15px;
}

@media screen and (min-width: 991px) {
    .pageId1 .m-text-content {
        flex-direction: row;
    }
    .pageId1 .m-text-content div:first-child {
        width: 25%;
    
    }
    .pageId1 .m-text-content div:first-child {
        width: 75%;
    }
    
     
}





/*PRODUCT BADGES*/
.m-product .splash, .m-productlist .splash {
    position: absolute;
    left: 0 !important;
    top: 1em;
    z-index: 99;
    display: flex;
    flex-direction: column;
    row-gap: 0.5rem;
}
.m-product-splash .badge, .m-productlist-splash .badge {
    padding: 5px !important;
    border-radius: 0 5px 5px 0 !important; 
    width: fit-content !important;
    height: fit-content !important;
    line-height: 1 !important;
    text-align: center;

    background-color: #252525 !important;
}
.m-productlist-splash .m-productlist-sale, .m-product-splash-sale {
    background-image: linear-gradient(to right bottom, #ff3399, #ff4f7c, #ff6f64, #ff8f54, #ffac51) !important; 

}

.badge.badge-danger {
    color: white !important;
}









/*PRODUCT LIST*/
.angular-productlist .m-productlist .product-action, .productItem .type-col .variants{
    display: none !important;
}
.productItem .type-col .product-transaction {
    margin-bottom: 0 !important;
}










/*PRODUCT ENTITY LIST*/
.productItem {
    margin-bottom: 2rem !important;
}
@media screen and (min-width: 576px) {
    .productItem {
        margin-bottom: 3rem !important;
    }}
.m-productlist-heading, 
.m-productlist-heading .m-productlist-title, .product-transaction {
    text-align: left !important;
    padding: 0 !important;
    margin: 0 !important;
}

.m-productlist-brand {
    font-size: 1rem;
    margin-bottom: 0.3rem !important;
    font-family: var(--font-fam-head);
    color: black !important;
}
.m-productlist-heading .m-productlist-title {
    font-size: 1rem !important; 
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* number of lines to show */
            line-clamp: 1; 
    -webkit-box-orient: vertical;
}
.productItem .m-productlist-description {
    display: none !important;
}

.productItem .prices {
    flex-direction: column-reverse !important;
    align-items: flex-start;
    text-align: left !important;
    display: flex !important;
}
.productItem .m-productlist-discount + .m-productlist-price {
    text-align: left !important;
    color:  black !important;
}

.productItem .prices * {
    padding: 0 !important;
    text-align: left !important;
    min-width: 0 !important;
    flex: auto !important;
}
.m-productlist-discount, .m-productlist-price-before-discount, .m-productlist-discount .m-productlist-sale {
    font-size: 0.8rem !important;
    color: rgba(0,0,0,.9) !important;
    text-decoration-color: rgba(0,0,0,.3) !important;
}
.productItem .prices .m-productlist-discount {
    width: fit-content;
}
.m-productlist-discount .m-productlist-sale, .m-productlist-price-before-discount {
    display: inline-block !important;
    width: fit-content !important;
    margin-right: 5px !important;

}

.productItem .type-col .product-description {
    margin-bottom: 0.5rem !important;
}


/*PRODUCT.TPL*/
.products-related-headline {
    text-align: center !important;
}
.m-product-transaction-button .button-primary, .m-product-transaction-button .button-primary:visited {
    background-color: #f39 !important;
    border: none !important;
    transition: var(--transition);
}
.m-product-transaction-button .button-primary:hover {
    background: #ff0080 !important;
    transition: var(--transition);
}
.pageTypeproduct .price-after-discount {
    font-size: clamp(1.3rem, 2vw, 2rem) !important;
    color: black !important;
}
.pageTypeproduct .m-product-image img, .pageTypeproduct .cloudzoom-zoom-inside {
    border-radius: 10px;
    overflow: hidden;
}

.pageTypeproduct .m-product-transaction {
    margin-bottom: 2rem !important;
    margin-top: 1rem !important;
}

.pageTypeproduct .m-product-transaction.product-transaction .m-product-transaction-amount input, .pageTypeproduct .m-product-transaction.product-transaction .col-s-2 .button-primary, .select2-container .select2-choice {
    height: 40px !important;
    font-size: 1rem !important;
    padding: 0.5rem 1rem !important;
    border-radius: 5px !important;
}

.pageTypeproduct .m-product.m-product-additional-info .nav-tabs>li a.tab-link {
    text-transform: uppercase;
    font-weight: 700;
}

.m-product-variants .panel-warning {
    display: none !important;
}

.select2-container .select2-choice>.select2-chosen {
    font-size: 1.2rem;
}
.select2-results .select2-result-label .row div {
    font-size: 1.1rem;
}


.m-productlist-image {
    border-radius: 10px;
}


.m-product-information .panel-success {
    background-color: transparent !important;
    padding: 0 !important;
    border: none !important;
    margin-bottom: 0 !important;
}
.m-product-information .panel-success .panel-body {
    padding: 0 !important;
    border: none !important;
    color: black !important;
}

.m-product-information .m-description-short-wrap {
    margin-top: 1rem !important;
}

.m-product-brand-text {
    color: black !important;
    font-family: var(--font-fam-head) !important;
}
.pageTypeproduct .page-title {
    margin-bottom: 0 !important;
}
.pageTypeproduct  .m-product-priceline {
    margin-top: 1em;
}


/*CATEGORY LIST*/
.categorylist {
    display: none !important;
}
.category-headline {
    text-align: center !important;
}


/*FILTER*/
.b-search .panel-heading, .b-productcategories .panel-heading {
    background-color: #252525 !important;
}
.b-search .panel-heading .h5, .b-productcategories .panel-heading .h5 {
    color: white !important;
}
.b-search .panel-body, .b-productcategories .panel-body {
    
}





/*PAGETYPE TEXT*/
.pageTypetext .container:has(.m-breadcrumb) {
    display: none !important;
}


/*STØRRELSESGUIDE*/
.pageId17 .table-holder {
    overflow-x: auto;
}
.pageId17 table caption {
    font-size: clamp(1.1rem, 2vh, 1.5rem);
    font-weight: 700;
    margin-bottom: 1rem;
    margin-top: 2rem;
}

.pageId17 table th {
    background-color: #252525;
    color: white;
    font-size: clamp(0.9rem, 1.5vh, 1.2rem);
}

.pageId17 table tr:nth-child(odd):not(th){
    background-color: #efefef;
}

.pageId17 table td, .pageId17 table th {
    padding: 0.3rem 0.5rem;
    min-width: 80px;
}
@media screen and (min-width: 576px) {
    .pageId17 table td, .pageId17 table th {
        padding: 0.5rem 1rem;
    }

}


/*PANELS*/
.panel-warning {
    background-color: transparent !important;
    border-radius: 50px !important;
    color: black !important;
    border-color: rgba(0,0,0,.3) !important;
}
.panel-danger {
    background-color: #252525 !important;
    border-radius: 50px !important;
    color: white !important;
    border-color: rgba(0,0,0,.3) !important;
}



/*CONTACT / SUBPAGES */
.panel-border {
    border-radius: 15px !important;
}
.panel-footer {
    border-radius: 0 0 15px 15px !important;
}
input, textarea, select {
    border-radius: 5px !important;
}

.panel-footer .form-submit, .panel-footer .button  {
    background-color: #f39 !important;
    font-size: 1rem;
    border: none !important;
    border-radius: 5px !important;
    text-transform: uppercase;
    font-weight: 700;
    transition: var(--transition);
    color: white !important;
}
.panel-footer .form-submit:hover, .panel-footer .button:hover  {
    background-color: #ff0080 !important;
    transition: var(--transition);
}


/*SITE FOOTER*/
.eapps-instagram-feed-title-container {
    display: none !important;
}
.site-footer {
    margin-top: 0 !important;
    background-color: #252525 !important;
    border-top: 0 !important;
}
.footer-paymenticons {
    border-top: 0 !important;
}
.site-footer li, .site-footer li a, .site-footer h4, .site-footer .w-newsletter-form-headline {
    color: white !important;
}
.site-footer .w-newsletter-signup .form-input {
    border: none;
    color: #fff !important;
    font-size: .9em;
    padding: 6px 12px !important;
    height: auto!important;
    background: rgba(255,255,255,0.05) !important;
}
.site-footer .input-group-addon {
    height: fit-content !important;
    font-size: 0.8rem !important;
    padding-top: 6px !important;
}
.site-footer .form-label.input-group-main {
    color:  rgba(255,255,255,0.5) !important;
}
.form-label .tooltip .tooltiptext {
    color: black !important;
    padding: 1rem !important;
    background-color: rgba(255,255,255,0.7);
    backdrop-filter: blur(5px);
    line-height: 1.25;
    border: 1px solid rgba(255,255,255,0.7);
}


.site-footer .social-links a {
    color:  white !important;
    transition: var(--transition);
}
.site-footer .social-links a:hover {
    color:  #f39 !important;
    transition: var(--transition);
}
.site-footer .w-newsletter-signup .button.small {
    padding: 0.5rem 1rem !important;
    transition: var(--transition);
    border-radius: 5px;
}
    .site-footer .w-newsletter-signup .button.small:hover {
        transition: var(--transition);
    }

#iubenda-cs-banner .iubenda-cs-rationale .iubenda-cs-brand img {
    height: auto;
    max-height: none !important;
    max-width: 300px !important;
    display: block;
    margin: auto;
    margin-top: 25px;
}
#iubenda-cs-banner .iubenda-cs-rationale .iubenda-banner-content div:nth-child(1) {
    margin-top: 0px !important;
}
a.iubenda-nostyle {
    color: #fff !important;
    font-weight: 700;
}