:root {
    --bs-link-hover-color: #2b3982;
    --steunkleur: #d6ebf0;

}


h1,h2      { font-weight: 600 !important; }

.header-logo        { __padding: 10px 0 0; }

.header-usps        { background-color: var(--usp-bgcolor); }

.header.checkout                            { padding: 0; }
.header-logo.checkout,
body.sticky .header-logo.checkout			{ height: 50px; padding: 0; background:url('../images/logo-boom.svg') center center / 100px auto no-repeat; }
body.sticky .header                         { padding: 0; }
.checkout-logo-wrapper                      { width: 100%; }

@media all and (min-width: 992px) {

    .header-container                           { padding: 5px 11px 10px; }
    body.scrolling header .header-container     { padding: 0 11px; }

}

.header-actions a:hover     { text-decoration: none; }



@media (max-width: 767px) {

    .header-submenu-wrapper.service             { top: 15px; right: -77px; }
    .header-submenu-wrapper.account             { top: 15px; right: -52px; }

}

.productgroup-content,
.productgroup-tabs-content,
.page {
    width: 100%;
    max-width: 1320px;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

body .scrollspacer {
    height: 105px;
}

.non-footer     { __margin-bottom: -399px; }

@media (min-width: 576px) {
    .productgroup-content,
    .page { max-width: 540px;}
    .breadcrumb-bar-wrapper.productgroup,
    .productgroup-featureblock-content,
    .productgroup-tabs-content,
    .product-sticky-action-bar-content  { width: 500px; }    
}
@media (min-width: 768px) {
    .productgroup-content,
    .page { max-width: 720px;}
    .breadcrumb-bar-wrapper.productgroup,
    .productgroup-featureblock-content,
    .productgroup-tabs-content,
    .product-sticky-action-bar-content  { width: 680px; }

    .header-logo.checkout,
    body.sticky .header-logo.checkout			{ height: 70px; margin: 0; background:url('../images/logo-boom.svg') center center / 150px auto no-repeat; }
}

@media (min-width: 992px) {
    body .scrollspacer,
    header                   { height: 182px; }
    .productgroup-content,
    .page { max-width: 960px;}
    .breadcrumb-bar-wrapper.productgroup,
    .productgroup-featureblock-content,
    .productgroup-tabs-content,
    .product-sticky-action-bar-content  { width: 920px; }
    .header.checkout                            { padding: 20px 0 0; }
}
@media (min-width: 1200px) {
    .productgroup-content,
    .page { max-width: 1140px;}
    .breadcrumb-bar-wrapper.productgroup,
    .productgroup-featureblock-content,
    .productgroup-tabs-content,
    .product-sticky-action-bar-content  { width: 1100px; }
}
@media (min-width: 1400px) {
    .productgroup-content,   
    .page { max-width: 1320px;}
    .breadcrumb-bar-wrapper.productgroup,
    .productgroup-featureblock-content,
    .productgroup-tabs-content,
    .product-sticky-action-bar-content  { width: 1280px; }
}

@media (max-width: 992px) {

    .action .product-sticky-action-bar {
        top: 96px;
    }

}

/* Line clamp */

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}


/* Vervolgpagina header */
.share-button   { display: block; padding: 7px; border-top: 1px solid #F2F2F2; }

/* Breadcrumb */

.breadcrumb { display: flex; align-items: center; } 

.breadcrumb-item+.breadcrumb-item::before {
    content: var(--bs-breadcrumb-divider, "") !important;
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 0 !important;
}

.breadcrumb-mobile  { padding: 0 0 10px 0; }

/* KLEUR ACCENTEN */

.side-block.clr-accent, .side-block.clr-accent .side-block-product-title, .side-block.clr-accent .product-overview-product-author, .side-block.clr-accent a, .side-block.clr-accent a.read-more { color: #5e5e5e;}
.side-block.clr-accent a.btn-action:hover, 
.side-block.clr-accent a.btn-action-outline:hover { color: #FFF; }

.side-block.clr-accent .product-info-bestelitem-button-label, .side-block.clr-accent .fa-shopping-cart {
    color: unset;
}

.pe--toegang-met-wachtwoord.clr-lightgrijs,
body.landingspage .lpblock.clr-lightgrijs,
.pe--landingpage-themas.clr-lightgrijs,
.pe--productgroup.clr-lightgrijs,
.pe--faq_container.clr-lightgrijs,
.pe--landingpage-news,
body.landingspage .lpblock.lp-actueel-blokken,
.landingpage-news-block-datewrapper,
.tile-content-wrapper.clr-lightgrijs,
.pe--actueel_overzicht_tegels.clr-lightgrijs,
.pe--landingpage-news.clr-lightgrijs,
.pe--landingpage-product-slider.clr-lightgrijs      { background: #eee; color: #000; }

body.landingspage .lpblock.clr-accent2,
.pe--toegang-met-wachtwoord.clr-accent2,
.pe--landingpage-themas.clr-accent2,
.pe--landingpage-product-slider.clr-accent2,
.pe--methodepagina-header.clr-accent2,
.pe--methodepagina-quoteslider.clr-accent2,
.pe--methodepagina-bullets.clr-accent2,
.pe--methodepagina-paragraphs.clr-accent2,
.pe--methodepagina-aankondiging.clr-accent2,
.pe--methodepagina-row-images.clr-accent2,
.pe--methodepagina-content-container.clr-accent2,
.pe--methodepagina-quoteslider.clr-accent2,
.pe--landingpage-themas.clr-accent2,
.pe--landingpage-product-slider.clr-accent2,
.pe--productgroup.clr-accent2,
.pe--faq_container.clr-accent2,
.tile-content-wrapper.clr-accent2,
.pe--landingpage-news.clr-accent2,
.pe--actueel_overzicht_tegels.clr-accent2,
.methodepagina-tile-person-content-wrapper.clr-accent2         { background: var(--steunkleur); color: #000; }

.methodenslider-container .swiper-slide.swiper-slide-active     { background: var(--steunkleur); }

/* ---- Deprecrated ----
body.landingspage .lpblock.clr-donkergrijs,
.pe--landingpage-themas.clr-donkergrijs,
.pe--landingpage-product-slider.clr-donkergrijs     { background: #767676; color: #FFF; }

body.landingspage .lpblock.clr-accent,
.pe--landingpage-themas.clr-accent,
.pe--landingpage-product-slider.clr-accent          { background: #E8EAF1; color: #000; }
*/

.quoteblock-wrapper.clr-accent                      { background: var(--steunkleur); color: #000; }
.quoteblock-wrapper.clr-accent2                     { background: var(--steunkleur); }
.clr-accent .quoteblock-intro, 
.clr-donkergrijs .quoteblock-intro                  { color: #000; }

.slide-content-prefix.clr-accent2,
.slide-content-title.clr-accent2,
.slide-content-subtitle.clr-accent2,
.slide-link.clr-accent2,
.slide-quote.clr-accent2,
.slide-quote-auteur.clr-accent2 {
    color: #293b77;
}
.slide-quote-line.clr-accent2 {
    background: var(--steunkleur); 
}
.btn.clr-accent2 {
    background-color: #293b77; border-color: #293b77;
}
.btn.clr-accent2:hover {
    background-color: #293b77; border-color: #293b77;
}
.slide-banner.bg-accent,
.slide.bg-accent,
.illustration-top-wrapper.bg-accent,
.quoteblock-wrapper.clr-accent2 {
    background-color: var(--steunkleur);
}

.illustration-container.clr-accent2 {
    margin: 0 0 20px;
    padding: 20px;
    background: var(--steunkleur);
}
.product-block-title.clr-accent2 {
    color: #293b77;
}
.productgroup-block-title.clr-accent2 {
    color: #293b77;
}
.side-block.clr-accent2 {
    background: var(--steunkleur);
}
.newsletter-subscribe-wrapper.clr-accent2 {
    background: var(--steunkleur);
}

.tile-title-wrapper                         { font-size: 20px; background: #c8e2e8; }
.pe--tegel:hover .tile-title-wrapper        { background: #bed7dd !important; }
.tile-title-wrapper.nobg                    { font-size: 20px; background: var(--menu-bgcolor); }
.pe--tegel:hover .tile-title-wrapper.nobg   { background: #c8e2e8 !important; }

.tile-icon-wrapper.has-title    { padding: 30px 60px 70px; }

.pe--tegel a:hover      { color: #000; }

.pe--landingpage-product-slider.clr-accent2 .swiper-slide .border-top               { border-color: #293b77 !important; }

.landingpage-product-slider-image-wrapper img       { height: auto; }

p a,
.article a,
.introblock a:not(.btn,.introblock-link),
.product-panel a:not(.btn),
.actueel-wrapper a,
.faq-container a,
.tile-icon.clr-accent {
    color: #58aec3;
}
.side-block.clr-accent                              { background: var(--steunkleur); color: #333; }
.side-block.clr-accent2                             { background: var(--steunkleur); }

p a:not(.btn),
.quoteblock li a:not(.btn),
.actie-products li a:not(.btn),
.adviseur-card-link,
.article a:not(.btn),
.introblock a:not(.btn,.introblock-link),
.pe--event p a:not(.btn) {
    color: #489db1 !important; text-decoration: none;
}

.tile-icon.clr-accent2 {
    color: #E8EAF1;
}

.adviseur-card-link:hover,
p a:not(.btn):hover,
.quoteblock li a:not(.btn):hover,
.actie-products li a:not(.btn):hover,
.article a:not(.btn):hover,
.introblock a:not(.btn):hover,
.pe--event a:not(.btn):hover  {
    color: #2b3982 !important; text-decoration: underline;
}

.actueel-tegel-tag      { background: var(--menu-bgcolor); color: #000; }

.actueel-tags-wrapper.article a.actueel-tag         { background: #fff; color: #000 !important; border-color: #d7ebf0; }
.actueel-tags-wrapper.article a.actueel-tag:hover   { background: #d7ebf0; color: #000 !important; }


.calendar td.today                                  { background:#414142; }
.calendar td.calender-active                        { background:#d7ebf0; }
.calendar td.calender-active a                      { color: #000;  }
    .calendar-title                                     { background:#d7ebf0; color:#000; }
.actueel-calendar-slider .swiper-prev,
.actueel-calendar-slider .swiper-next               { color: #000; }


/* Product overzichten */

.product-info-salesposition-wrapper {
    display: none !important; /* ----------------------------- DEPRECATED ------------------------------------------- */
}


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

    .main-menu-content,
    .breadcrumb-container {
        padding: 0 3px;
    }

    .product-overview-wrapper,
    .product-container { padding: 0 3px; }

}

@media (min-width: 1200px) {
    
    .product-overview-filters-wrapper {
        max-width: 30%;
        width: 100%;
        min-width: 300px;
    }

    .product-overview-overview-wrapper {
        max-width: 70%;
        width: 100%;
        min-width: 650px;
        padding-left: 40px;
        box-sizing: border-box;
    }
    
}

.filter-range-button {
    background: #fff;
    color: #444365;
    display: flex;
    align-items: center;
}

.sortoptions-container {
    width: 240px;
    font-size: 16px;
    line-height: 1.6em;
 }

/* Producten list view */
/* @media (min-width: 768px) {
    .product-overview-product {
        display: block; 
        width: 100%;
        padding: 25px 0;
    }
    .product-overview-product-image         { float: left; width: 20%; margin-left: 0; }
    .product-overview-product-info          { margin-left: 25%; width: 75%; }
    .product-overview-bestelitems-wrapper   { margin-left: 25%; width: 75%; }
} */


.product-overview-product .product-info-bestelitem-info-details-price-wrapper { width: 100%; }

.product-info-bestelitem-format             { word-break: break-word; }

.tooltip                                    { display: inline; opacity: 1; padding-left: 2px; }
.tooltip .fa-info-circle                    { font-size: 0.9em; }
.custom-tooltip-styles                      { max-width: 255px; }

.product-info-bestelitem-message            { font-weight: 500; }
.product-overview-filter-slider             { margin: 0 0 20px; }
.product-info-bestelitem-button             { padding: 19px 16px; width: auto; }
.product-info-bestelitem-button-label       { flex-grow: 1; }

.actie-product-bestelregelwrapper .side-block-product-price     { color: #000; }
.actie-products-container .actie-product-wrapper a   { color: #000; }

@media (min-width: 768px) {
    .product-info-bestelitem-button-wrapper .btn { min-width: 133px; }
    .actie-products-container .product-info-bestelitem-button-wrapper .btn,
    .bestelitemregel-actie .product-info-bestelitem-button-wrapper .btn { min-width: 20px; }

    .product-info-bestelitem-button-wrapper .btn.decrement,
    .product-info-bestelitem-button-wrapper .btn.increment { min-width: 32px; }

}

@media (min-width: 1400px) {
    .product-overview-overview-wrapper figure img { __width: auto; }
}


.product-overview-product-title a:hover     { color: #000; }




/* PRODUCT PAGINA */
.product-info-bestelitems-wrapper           { border-left: 0; border-right: 0; }
.product-info-bestelitem-info               { flex-grow: 1; width: auto; } 
.product-info-bestelitem-infowrapper        { flex-grow: 1; }

.product-tab                                { color: #293b77; }
.product-tab.desktop                        { background: #FFF; border-bottom: 3px solid var(--menu-bgcolor); color: #000; }
a.product-tab.desktop:hover                 { color: #000 !important; }
.product-tab.desktop.active                 { background: var(--menu-bgcolor); border-top-right-radius: 10px; border-top-left-radius: 10px; }

.product-tab.mobile                         { background: var(--menu-bgcolor) url(../images/arrow-right-black.svg) right 7px center / 24px auto no-repeat; padding: 10px 12px;  border-radius: 24px; margin-bottom: 10px; color: #000;  }
.product-tab.mobile.active                  { background: var(--menu-bgcolor) url(../images/arrow-down-black.svg) right 7px center / 24px auto no-repeat; padding: 10px 12px; border-radius: 12px 12px 0 0; color: #000; }

.product-block-image-stip                   { height: 64px; }


/* PROMO ITEM */
.pe--promoitem .product-top-wrapper         { min-height: 290px; }


/* BUTTONS */

.btn    { align-items: center; }

.btn-primary {
    color: var(--link-color);
    background-color: var(--menu-bgcolor);
    border-color: var(--menu-bgcolor);
}



.btn.clr-accent {
    color: #FFF;
    background-color: var(--bg-primary-color);
    border-color: var(--bg-primary-color);
}
.btn.clr-accent:hover {
    color: #FFF;
    background-color: var(--bg-primary-hover-color);
    border-color: var(--bg-primary-hover-color);
}

/* btn-primary op achtergrond steunkleur */
.pe--landingpage-product-slider.btns-inverted .btn-primary,
.pe--methodenslider .swiper-slide-active .btn-primary,
/* -- */
.btn-primary.inverted,
.btn.clr-accent.inverted {
    color: var(--bg-primary-color);
    background-color: #FFF;
    border-color: var(--bg-primary-color);
}

/* btn-primary op achtergrond steunkleur */
.pe--landingpage-product-slider.btns-inverted .btn-primary:hover,
.pe--methodenslider .swiper-slide-active .btn-primary:hover,
/* -- */
.btn-primary.inverted:hover,
.btn.clr-accent.inverted:hover {
    color: #FFF;
    background-color: var(--bg-primary-hover-color);
    border-color: var(--bg-primary-hover-color);
}

.btn.clr-accent2 {
    color: var(--bg-primary-color);
    background-color: #E8EAF1;
    border-color: #E8EAF1;
}
.btn.clr-accent2:hover {
    color: #FFF;
    background-color: var(--bg-primary-hover-color);
    border-color: var(--bg-primary-hover-color);
}
.btn.clr-accent2.inverted {
    color: var(--bg-primary-color);
    background-color: #FFF;
    border-color: #d6ebf0;
}
.btn.clr-accent2.inverted:hover {
    color: var(--bg-primary-color);
    background-color: #E8EAF1;
    border-color: #E8EAF1;
}


.page.checkout .btn-primary,
.shop-form-wide-buttons .btn-primary        { border-color: var(--bg-primary-color); background-color: var(--bg-primary-color); color: #fff; }

.page.checkout .btn-primary[disabled],
.page.checkout .btn-primary.disabled,
.shop-form-wide-buttons .btn-primary[disabled],
.shop-form-wide-buttons .btn-primary.disabled,
.page.checkout .btn-primary[disabled]:hover,
.page.checkout .btn-primary.disabled:hover,
.shop-form-wide-buttons .btn-primary[disabled]:hover,
.shop-form-wide-buttons .btn-primary.disabled:hover        { border-color: #666; background-color: #666; color: #fff; }

.page.checkout .btn-primary:hover,
.shop-form-wide-buttons .btn-primary:hover  { border-color: var(--bg-primary-hover-color); background-color: var(--bg-primary-hover-color); }


/* LANDINGSPAGINA */

body.landingspage h2 { font-size: 26px; line-height: 34px; }

body.landingspage .lpblock.category-block {
    padding-top: 1.5rem;
    padding-bottom: 2.5rem;
    min-height: 16rem;
    text-align: left;
    __background: #d5ebf0 url(/images/landingpage_default_bg.gif) bottom right no-repeat; 
    __border-top: 8px solid #d5ebf0;
    background-size: cover; 

}

body.landingspage .lpblock.product-block-wrapper .content     { max-width: 680px; }

@media (min-width: 576px) {
    body.landingspage .lpblock .content { width: 500px; max-width: 500px; }
}
@media (min-width: 768px) {
    body.landingspage .lpblock .content  { width: 680px; max-width: 680px; }
}
@media (min-width: 992px) {
    body.landingspage .lpblock .content  { width: 920px; max-width: 920px; }
}
@media (min-width: 1200px) {
    body.landingspage .lpblock .content  { width: 1100px; max-width: 1100px; }
}
@media (min-width: 1400px) {
    body.landingspage .lpblock .content  { width: 1280px; max-width: 1280px; }
}

.category-block h3.side-block-title { font-size: 2rem; font-weight: 700; line-height: 1.2; margin-bottom: 0.5rem; }

body.landingspage .webshop-category-topic.columns1,
body.landingspage .webshop-category-topic.columns2,
body.landingspage .webshop-category-topic.columns3 {
    column-count: 1;
    margin: 0 0;
    padding: 0 0;
    max-width: 100%;
}

@media (min-width: 768px) {
    body.landingspage .webshop-category-topic.columns1 {
        column-count: 1;
        margin: 30px 0 0;
        padding: 0 0;
        max-width: 32%;
    }

    body.landingspage .webshop-category-topic.columns2 {
        column-count: 2;
        margin: 30px 0 0;
        padding: 0 0;
        max-width: 100%;
    }

    body.landingspage .webshop-category-topic.columns3 {
        column-count: 3;
        margin: 30px 0 0;
        padding: 0 0;
    }
}

body.landingspage .webshop-category-item-submenu-item {
    border-top: 1px solid #FFF;
    padding: 8px 28px 8px 8px;
    display: inline-block;
    text-align: left;
    width: 100%;
    position: relative;
}

body.landingspage .webshop-category-item-submenu-item b {
    font-weight: 600;
}

body.landingspage .webshop-category-item-submenu-item:before {
    content: " ";
    display: inline-block;
    width: 23px;
    height: 17px;
    margin-left: 0px;
    background: url('../images/arrow-right-black.svg') 0px 2px / 19px auto no-repeat;
    position: absolute;
    right: 0;
}

body.landingspage .webshop-category-item-submenu-item.external:before {
    background: url('/images/icons/external-arrow.svg') 0px 4px / 11px 11px no-repeat;
}

body.landingspage .webshop-category-item-submenu-item:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

body.landingspage .webshop-categorieen-intro {
    margin: 0.8rem 0 1.5rem;
    max-width: 100%;
}

@media (min-width: 768px) {
    body.landingspage .webshop-categorieen-intro {
        max-width: 66%;
    }
}

/* THEMA BLOKKEN */
.thema-title {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 54%, rgba(0, 0, 0, .4) 90%);
}

/* AUTEURS / AUTEUR */

.landingspage .pe--auteurs_alfabet .container    { max-width: 890px; padding: 0px 20px; }

/* AUTEUR ALFABET */
.author-landingpage-alphabet .alfabet-item {
    flex: 0 0 8%;
    margin: 7px 6px;
    padding: 7px 0;
    text-align: center;
    font-weight: 600;
    color: #000;
    background-color: var(--menu-bgcolor);
    border-radius: 30px;
}

.author-landingpage-alphabet .alfabet-item:hover {
    color: #FFF;
    background-color: var(--bg-primary-color);
    text-decoration: none;
}


/* FOOTER */
.footer-top-wrapper             { border-top: 1px solid #dadada; }

.footer-top-wrapper-content     { min-height: 195px; }
.footer-column h3               { font-size: 15px; font-weight: 700; }

.footer-disclaimer-wrapper      { min-height: 90px; }

.footer-copyright a             { color: #8d8d8d; }


@media (min-width: 992px) {
    .footer-top-wrapper-content  { max-width: 920px; width: 100%; }
}
@media (min-width: 1200px) {
    .footer-top-wrapper-content  { max-width: 1116px; width: 100%; }
}
@media (min-width: 1400px) {
    .footer-top-wrapper-content  { max-width: 1280px; width: 100%; }
}






/* NEWSLETTER POPUP */
.newsletter-popup-close {
    color: var(--link-color);
    background: var(--menu-bgcolor);
}
.newsletter-popup-wrapper {
    bottom: -262px;
}

.newsletter-popup-wrapper {
    border-color: var(--menu-bgcolor);
}

/* INTROBLOK & ARTIKEL */
body.landingspage .introblock-subtitle { font-weight: 500; }
body.landingspage .article-intro { margin: 0 0 0; }

@media (min-width: 1200px) {
    body.landingspage .article { max-width: 890px; padding: 0px 20px; }
    body.landingspage .pe--event .article { padding: 0; }
}