/**
 * WARNING: Do not change this file. Your changes will be lost.
 * 2026-01-17 15:32:43 */
body.boxed {
}
@media (min-width: 768px) {
    .page-layout-1column .product-info-main, .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main,.page-product-downloadable .product-options-bottom {
        width: 65.33%;
    }
    .page-layout-1column .product.media, .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media,.page-product-downloadable .product-options-wrapper {
        width: 32.67%;
    }

    .page-layout-1column .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-left .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-right .column.main > .custom-block ~ .product-info-main, .page-layout-3columns .column.main > .custom-block ~ .product-info-main {
        width: 48.9975%;
    }
    .page-layout-1column .column.main > .custom-block ~ .product.media, .page-layout-2columns-left .column.main > .custom-block ~ .product.media, .page-layout-2columns-right .column.main > .custom-block ~ .product.media, .page-layout-3columns .column.main > .custom-block ~ .product.media {
        width: 24.5025%;
    }
}

/* Dit maakt de pagina 1380px breedt*/
@media (min-width: 1380px) {
  .layout-1220 .container {
    max-width: 1380px;
    width: 100%;
  }
  .layout-1220 .block.category.event,
  .layout-1220 .footer.content,
  .layout-1220 .header.content,
  .layout-1220 .navigation,
  .layout-1220 .page-main,
  .layout-1220 .page-wrapper > .breadcrumbs > ul,
  .layout-1220 .page-wrapper > .page-bottom,
  .layout-1220 .page-wrapper > .widget,
  .layout-1220 .top-container {
    max-width: 1380px;
  }
}

/*
CUSTOMER LOGIN, ACCOUNT CREATION, en SHIPPING
*/
/* Dit vergroot de text CUSTOMER LOGIN*/
.abs-account-page-title h1.page-title,
.customer-account-login .page-title-wrapper h1.page-title,
.customer-account-create .page-title-wrapper h1.page-title,
.customer-account-forgotpassword .page-title-wrapper h1.page-title {
  color: #333 !important;
  font-size: 48px;
  font-weight: 700;
  margin: 0;
}
.abs-account-page-title::before,
.abs-account-page-title::after,
.customer-account-login .page-title-wrapper::before,
.customer-account-login .page-title-wrapper::after,
.customer-account-create .page-title-wrapper::before,
.customer-account-create .page-title-wrapper::after,
.customer-account-forgotpassword .page-title-wrapper::before,
.customer-account-forgotpassword .page-title-wrapper::after {
  background: #fff;
}
.abs-account-page-title,
.customer-account-login .page-title-wrapper,
.customer-account-create .page-title-wrapper,
.customer-account-forgotpassword .page-title-wrapper {
  background-color: #fff;
  padding: 1.75rem 0;
}

/* Dit zet create account en login naast elkaar*/
.login-container .block .actions-toolbar > .primary,
.login-container .block .actions-toolbar > .secondary {
  display: inline-flex;
  float: none;
  text-align: left;
  width: 45%;
  margin-right: 2%;
}

.login-container .block .actions-toolbar>.primary .action,
.login-container .block .actions-toolbar>.secondary .action {
  padding: 0;
}

/* Dit maakt forgot you password rood bij hover*/
.fieldset > .field .action:hover {
  color: #be1e2d;
}

/* Dit maakt de required * en text rood ipv oranje*/
.fieldset > .field.required > .label:after,
.fieldset > .fields > .field.required > .label:after,
.fieldset > .field._required > .label:after,
.fieldset > .fields > .field._required > .label:after,
.login-container .fieldset:after {
  color: #be1e2d;
}

/* Dit maakt address information rood*/
.fieldset > .legend {
  color: #be1e2d;
}

/* Dit maakt de pijltjes vvan de calender rood ipv oranje*/
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  border-color: transparent #be1e2d transparent transparent;
}
.ui-datepicker .ui-datepicker-next span {
  border-color: transparent transparent transparent #be1e2d;
}

/* Dit maakt al het oranje bij de shipping rood */
.opc-wrapper .shipping-address-item.selected-item::after {
  background: #be1e2d;
}
.opc-wrapper .shipping-address-item.selected-item {
  border-color: #be1e2d;
}

@media (min-width: 769px), print {
  .opc-progress-bar-item._active::before,
  .opc-progress-bar-item._active > span::before {
    background: #be1e2d;
  }
}

/*
DE PRODUCT DISPLAY (in categorien, carousles, etc.)
*/
/* De product-cellen worden hiermee op een vaste hoogte gezet*/
.products .product-item {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 60px;
  position: relative;
  height: 320px;
}
.product-item-name a {
  font-size: 0.9375rem;
  font-weight: 400;
  letter-spacing: -0.01em;
  margin-bottom: 0.45rem;
  white-space: wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
  display: block;
  line-height: 1.35em;
  height: 4em;
}
/* Dit maakt alle add to card knoppen goed*/
.product-item-info .product-item-details .product-item-actions .tocart {
  color: white;
  background: white;
  border: 0px solid white;
}
.product-item-info:hover .product-item-details .product-item-actions .tocart {
  color: #777;
  background: white !important;
  border: 1px solid #777 !important;
}
.product-item-info .product-item-details .product-item-actions .tocart:hover {
  color: white;
  background: #be1e2d !important;
  border: 0px solid #be1e2d !important;
}

/*
DE PRIJS
*/
.price-container .price {
  font-size:inherit;
  color:inherit;
}

.price-box .price {
  color: #be1e2d;
}
.old-price .price {
  color: #777;
  font-size: 0.8em;
}
/*Dit maakt de vanaf prijs rood en klein*/
.minimal-price-link,
.minimal-price-link:visited {
  color: #be1e2d;
  font-size: 12px;
}
/*Dit maakt de vanaf punten tekst grijs en klein*/
.product-items .product-item-info .rewards__product-points .price {
  font-size: 12px;
  color: #777;
}

/*Dit maakt de EXCL.BTW tekst grijs en klein*/
.price-including-tax + .price-excluding-tax::before,
.weee[data-label]::before {
  content: attr(data-label) ': ';
  font-size: 0.7rem;
  color: #777;
}
.price-container .price-including-tax + .price-excluding-tax,
.price-container .weee,
.price-container .price-including-tax + .price-excluding-tax .price,
.price-container .weee .price,
.price-container .weee + .price-excluding-tax:before,
.price-container .weee + .price-excluding-tax .price {
  font-size: 0.7rem;
  font-weight: bold;
  color: #be1e2d;
}
.minicart-items .product-item-details .price,
.price-including-tax,
.price-excluding-tax {
  font-weight: 400;
  color: #be1e2d;
  font-size: 1rem;
}
.product-options-bottom .price-box .price,
.product-info-price .price-box .price {
  font-size: 2rem;
  font-weight: inherit;
  line-height: inherit;
  color: #be1e2d;
}

.product-info-price
  .price-box
  .price-including-tax
  + .price-excluding-tax
  .price {
  font-size: 1rem;
  line-height: 16px;
  color: #be1e2d;
}

.price-notice {
  color: #be1e2d;
}
.table.grouped .price-box .price {
  font-weight:700;
  color:#be1e2d;
}


/*
DE PRODUCT PAGE
*/

/*Dit maakt de titel niet meer dikgedrukt en de marge beneden groter*/
.product-info-main .page-title-wrapper h1 {
  color: #333;
  font-weight: 300;
  margin-bottom: 40px;
}
/*Dit maakt foto op de product-page 500x500*/
.fotorama__stage__frame .fotorama__img {
  max-height: 500px;
  max-width: 500px;
}
/*Dit maakt foto op de product-page zonder + knop*/
.fotorama__fullscreen-icon {
  display: none;
}

/*Beschikbaar (weggehaald)*/
.product-info-stock-sku > span:nth-child(1) {
  display: none;
}
/*OP VOORRAAD*/
.product-info-main .product-info-stock-sku .stock {
  color: #333;
  padding-left: 0px;
  padding-right: 10px;
  font-size: 18px;
}

/*Item*/
.product-info-main .product.sku .type::after {
  content: '';
}
.product-info-main .product.sku .value {
  display: inline-block;
  color: #333;
  font-weight: 1;
}

/*Vanaf */
.price-label {
  display: inline;
  font-size: 14px;
  font-weight: lighter;
}

/* Dit maakt de achtergronder van de share links rood*/
.share-links .share-facebook,
.share-links .share-x-twitter,
.share-links .share-whatsapp,
.share-links .share-linkedin,
.share-links .share-email {
  background: #be1e2d;
}

/* Dit maakt de verlanglijst en compare rood op hover*/
.table-comparison .action:hover,
.product-addto-links .action:hover {
  color: #be1e2d;
}

/*DIT HELE STUK maakt in de product pagina, koppen dikgedrukt en lijnt de keuze menus goed uit*/
.fieldset > .field .label {
  font-size: 1em;
  font-weight: 700;
  display: inline-flex;
  flex-wrap: nowrap;
}

.options-list > div {
  display: inline-flex;
}

.options-list > div > label > span {
  font-weight: 1;
}

.options-list > div > label {
  font-weight: 1;
}
/*DIT HELE STUK IS TOT HIER*/

/*
DE FOOTER
*/
/* Dit maakt het lettertype in de footer kleiner */
a.pagebuilder-button-secondary,
button.pagebuilder-button-secondary,
div.pagebuilder-button-secondary {
  font-size: 1em;
}
/* Dit maakt de nieuwsbrief zwart*/
.footer-middle .block .block-title strong {
  color: #333;
  text-transform: none;
}

/*
DE HEADER
*/
/* Dit maakt DE HEADERKNOPPEN rood bij hover*/
.header.panel > .header.links > li > a:hover {
  color: #be1e2d;
}
/* Dit maakt DE HEADERICONEN zwart bij hover*/
.page-header .header-main a:hover,
.page-header .minicart-wrapper .action.showcart:hover {
  color: #333;
}

/* Dit maakt de header menu category knoppen breder*/
.page-header .navigation:not(.side-megamenu) .level0 {
  margin-right: 0px;
  padding-right: 14px;
  padding-left: 14px;
}
/* Dit maakt de achtergrond van menu items in de header rood bij hover*/
.navigation .level0 .submenu a:hover {
  background-color: #be1e2d;
  color: #fff;
}

/*Dit maakt de breadcrumbs rood bij hover*/
.page-wrapper > .breadcrumbs a:hover,
.block-category-list .block-content ol li a:hover {
  color: #be1e2d !important;
}

/* Dit maakt de het tellertje van de winkelwagen zwart*/
.minicart-wrapper .action.showcart .counter.qty {
  color: #fff;
  background-color: #333;
}
/* Dit maakt het kruisje vann de delete knop in de minicard rood bij hover*/
.minicart-wrapper .product .actions > .secondary a:hover {
  color: #be1e2d;
}
/*
UITGELICHT VAK EN CAROUSEL
*/
/* Dit zorgt dat de schaduw goed is*/
.product-item-info {
  height: fit-content;
}
/* Dit zorgt voor juiste hoogte en padding zodat de winkelwagmandknop er op past*/
.owl-carousel .owl-item {
    min-height: 400px;/* Hier naar kijken, want het zorgt vvoor te veel witruimte op mobiel*/
    padding: 10px;
}

/* Dit haalt de grijze lijn uit het uitgelicht vak weg*/
.products-grid.divider-line .product-item {
  border-left: 0px solid rgba(0, 0, 0, 0);
}
/* Dit maakt de pijltjes rood bij hover (ipv groen)*/
.owl-carousel .owl-nav button[class*='owl-']:hover {
  background: #bf1e2e;
}


/*
ALGEMEEN EN RIGOREUS
*/
/* Dit maakt alle donkere knoppen zwart met witte text en rood met witte text als je er over hovered (of focussed) ALS IETS RAAR IS BIJ HOVERING KIJK DAN HIER NAAR*/
html .btn-v-dark {
  color: #fff !important;
  background-color: #bbb !important;
  border: none !important;
}

.action.primary {
  background: #333;
  background-color: #333;
  color: #fff;
  border: none;
}

.action.primary:hover {
  background: #be1e2d !important;
  border: none !important;
  color: #fff !important;
}

.action-primary:focus {
  border: none;
  background: #be1e2d;
  color: #fff;
}
/* Dit highlight de caption onder een image als je over de image hovered*/
figure[data-content-type='image']:hover {
  color: #be1e2d;
}
/* Dit highlight de ^ knop in rood ipv grijs*/
#totop:hover {
  background-color:#be1e2d;
}

.custom-share-text {
  margin: 0px;
  margin-right: 5px;
}

/* Menu aanpassing font*/
.page-header.type1 .navigation:not(.side-megamenu) .level0 .level-top {
    font-size: 14px;
    font-weight: 520;
    line-height: 12px;
    letter-spacing: 1px;
    padding: 18px 0 18px 0;
    font-family: 'Open Sans';
}

/* Links uitlijning aanpassing in menu*/
  .page-header .navigation .level0.parent > a::after {
    content: '\e81c';
    display: inline-block;
    font-family: 'porto-icons';
    vertical-align: top;
    margin-left: 7px;
    line-height: 42px;
}
/* Grootte font submenu*/
@media (min-width: 992px) {
  .navigation {
    font-size: 16px;
    font-weight: 700;
  }
}

/* Grootte breadcrumbs*/
.page-wrapper > .breadcrumbs .items {
  padding: 12px 10px;
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  color: #777;
}

/* Kleur van punten regel in product detail pagina*/
.product-info-main .product-info-price .rewards__product-points .price {
  font-size:12px;
  color:#333;
}

/* Ex BTW prijs productdetailpagina normaal weergeven ipv bold*/
.price-container .price-including-tax + .price-excluding-tax, .price-container .weee, .price-container .price-including-tax + .price-excluding-tax .price, .price-container .weee .price, .price-container .weee + .price-excluding-tax::before, .price-container .weee + .price-excluding-tax .price {
  font-size: 0.7rem;
  font-weight: normal;
  color: #333;
}

/* Zichtbaarheid van item nummer vergroten*/
.product-info-main .product-info-stock-sku {
  font-size: 14px;
  text-transform: uppercase;
}

/* Product label zoals "nieuw"  iets groter gemaakt*/
.product-labels {
  line-height: 1;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  position: absolute;
  z-index: 2;
  top: .8em;
  font-size: 12px;
  left: .8em;
  text-align: center;
}

/* Grootte titel customer login*/
.abs-account-page-title h1.page-title, .customer-account-login .page-title-wrapper h1.page-title, .customer-account-create .page-title-wrapper h1.page-title, .customer-account-forgotpassword .page-title-wrapper h1.page-title {
  color: #333 !important;
  font-size: 30px;
  font-weight: 700;
}

/* Button achtergrondkleur op maak account pagina*/
@media (min-width: 768px), print {
  .form.create.account .actions-toolbar > .primary .action, .form.create.account .actions-toolbar > .secondary .action {
    width: 100%;
    text-align: center;
    margin: 0;
    float: none;
    height: auto;
    font-size: 1rem;
    background: #bbb;
    border: none;
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
}

/* Header van de koppen meer gegevens en informatie product detail pagina*/
@media (min-width: 768px), print {
  .product.data.items > .item.title > .switch {
    font-size: 15px;
    color: inherit;
    font-weight: inherit;
    line-height: inherit;
  }
}

/* Grootte lettertype tekst product meer Gegevens tab*/
.product.data.items > .item.content p {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: .005em;
  line-height: 1.9;
}

/* Gegevens grootte onder de meer informatie tab op product detail pagina*/
@media (min-width: 768px), print {
  .product.data.items > .item.content {
    border: none;
    border-top-width: medium;
    border-top-style: none;
    border-top-color: currentcolor;
    border-top: solid 1px #e7e7e7;
    box-shadow: none;
    padding: 30px 0 15px;
    margin-top: 40px;
    font-size: 15px;
  }
}

/* Grootte font van submenu*/
@media (min-width: 992px) {
  .sw-megamenu.navigation li.level0.classic .submenu a {
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    padding: 8px 15px;
    text-transform: uppercase;
  }
}

/* Kleur van menu label*/
@media (min-width: 992px) {
  .sw-megamenu.navigation span.cat-label.cat-label-label2 {
    background-color: #be1e2d;
  }
}

/* Lettertype van Menu label*/
@media (min-width: 992px) {
  .sw-megamenu.navigation span.cat-label {
    position: absolute;
    text-transform: uppercase;
    font: inherit;
    font-size: inherit;
    line-height: inherit;
    font-size: 12px;
    padding: 5px;
    border-radius: 0;
    line-height: 1;
    color: #fff;
  }
}

/* Kleur driehoekje wanneer een label gebruikt wordt*/
@media (min-width: 992px) {
  .sw-megamenu.navigation li.level0 > a > span.cat-label.cat-label-label2::before {
    border-top-color: #be1e2d;
  }
}

/* Ruimte boven en onder weggehaald bij de banner dots*/
.slick-dots {
  font-size: 1em;
  line-height: normal;
  letter-spacing: normal;
  display: block;
  list-style: none;
  margin: 0;
  padding: 0 0;
  text-align: center;
  width: 100%;
}

.product-info-price .price-box .price-including-tax + .price-excluding-tax .price {
  font-size: 14px;
  line-height: 16px;
  color: #333;
}

.form.forget .actions-toolbar > .primary .action, .form.forget .actions-toolbar > .secondary .action {
  width: 100%;
  text-align: center;
  margin: 0;
  float: none;
  height: auto;
  font-size: 1rem;
  background: #333;
  border: none;
  padding-bottom: 10px;
  padding-top: 10px;
}

/* Verwijder rand van fotos op product pagina */
.fotorama__stage {
    border: 0px;
}

/* Limiteer zoekbalk breedte */
.search-area {
    max-width: 400px;
    margin-left: auto;
}

.search-area .search-autocomplete,
.search-area .autocomplete-suggestions {
    width: calc(100% - 40px) !important;
    margin-left: 20px !important;
}

/* Apart logo voor mobiel */
.mobile-logo-row {
    text-align: center;
    background: #fff;
}
.mobile-logo-row .logo {
    display: inline-block;
    width: 60%;
    max-width: 423px;
}
.mobile-logo-row .logo img {
    width: 100%;
    height: auto;
    max-height: none;
}

/* Achtergrond groene meldingen verwijderd */
.message.success {
    background: none;
}

/* Achtergrond rode meldingen verwijderd */
.message.error {
    background: none;
    color: #be1e2d;
}

/* Product custom options - stack radio buttons vertically */
.product-options-wrapper .options-list.nested {
    display: flex;
    flex-direction: column;
}

.product-options-wrapper .options-list.nested .field.choice {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
.product-options-wrapper .options-list.nested .price-notice,
.product-options-wrapper .options-list.nested .price-notice .price-container,
.product-options-wrapper .options-list.nested .price-notice .price-wrapper {
    display: inline;
}
.product-options-wrapper .options-list.nested .price-notice {
    margin-left: 5px;
}

/* Product labels on Product Detail Page - ensure proper positioning context */
.product.media {
    position: relative;
}

/* Checkout shipping methods table - proper min-width on desktop */
@media (min-width: 768px) {
    .table-checkout-shipping-method {
        min-width: 500px;
    }
}

/* Checkout addresses - 3 column grid */
.opc-wrapper .shipping-address-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}
.opc-wrapper .shipping-address-item {
    width: 100% !important;
    margin: 0 !important;
    display: block;
}
.opc-wrapper .shipping-address-item:before {
    display: none !important;
}
@media (max-width: 991px) {
    .opc-wrapper .shipping-address-items {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 575px) {
    .opc-wrapper .shipping-address-items {
        grid-template-columns: 1fr;
    }
}