/*
Theme Name: Beddenleeuw
Theme URI: https://beddenleeuw.nl
Author: Pixel Creation
Author URI: https://www.pixelcreation.nl/
Description: This is a theme for Beddenleeuw made by Pixel Creation.
Version: 1.0
Text Domain: beddenleeuw
*/
/* This file is made for all your variables, think of colors you will use, basic spacing etc. */
/* colors
========================================================*/
/* typography
========================================================*/
/* other
========================================================*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Figtree:wght@400;700;900&display=swap");
/*========================================================
            main
=========================================================*/
@media screen and (max-width: 767.98px) {
  html {
    font-size: 0.95rem;
  }
}
@media screen and (max-width: 575.98px) {
  html {
    font-size: 0.9rem;
  }
}

body {
  font-family: "Noto Sans", sans-serif;
  font-size: 1.06rem;
  color: #091f2f;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media screen and (min-width: 1400px) {
  .container {
    max-width: 1400px;
  }
}

.container-left {
  width: 100%;
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-left: auto;
}
@media screen and (min-width: 576px) {
  .container-left {
    max-width: calc(50% + 270px);
  }
}
@media screen and (min-width: 768px) {
  .container-left {
    max-width: calc(50% + 360px);
  }
}
@media screen and (min-width: 992px) {
  .container-left {
    max-width: calc(50% + 480px);
  }
}
@media screen and (min-width: 1200px) {
  .container-left {
    max-width: calc(50% + 570px);
  }
}
@media screen and (min-width: 1400px) {
  .container-left {
    max-width: calc(50% + 700px);
  }
}

section {
  position: relative;
  padding: 3rem 0;
}
@media screen and (min-width: 576px) {
  section {
    padding: 4.6rem 0;
  }
}
section.section-xs {
  padding: 1rem 0;
}
section.section-sm {
  padding: 2.5rem 0;
}

.section-orange {
  background-color: #fe6c20;
  color: #fff;
}

.section-matras {
  background-image: url("images/background-matras.png");
  background-size: cover;
  background-position: center;
}

.section-dark {
  background-color: #091f2f;
  color: #fff;
}
.section-dark h1, .section-dark h2, .section-dark h3, .section-dark h4 {
  color: #fff;
}

.section-light {
  background-color: #f9ede3;
}

.block {
  padding: 1.3rem;
}
@media screen and (min-width: 576px) {
  .block {
    padding: 2.2rem;
  }
}

.block-lg {
  padding: 1.3rem;
}
@media screen and (min-width: 576px) {
  .block-lg {
    padding: 3rem;
  }
}

.bg-orange {
  background-color: #fe6c20;
}
.bg-orange .btn-secondary {
  border-color: white !important;
}

.bg-orange-light {
  background-color: #f9ba9d;
}

.bg-orange-lighter {
  background-color: #f9eae5;
}

.bg-beige {
  background-color: #f4f3ed;
}

.bg-dark-blue {
  background-color: #091f2f;
}

.bg-darker-blue {
  background-color: #051623;
}

.bg-orange-7 {
  background: #fe6c20;
}

.bg-orange-darker-7 {
  background: #dc5b19;
}

.text-dark-blue {
  color: #091f2f;
}

.text-orange {
  color: #fe6c20;
}

.text-yellow {
  color: #fb0;
}

.text-green {
  color: #008000;
}

/*========================================================
            typography
=========================================================*/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: "Figtree", sans-serif;
  font-weight: 900;
}

h1, .h1 {
  font-size: 3rem;
}
h1 small, .h1 small {
  font-size: 1.2rem;
}

h2, .h2 {
  font-size: 2.5rem;
}
h2 small, .h2 small {
  margin: 0 0 0.1rem 0;
  font-size: 1.2rem;
  font-weight: 500;
}

h3, .h3 {
  font-size: 1.7rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.3rem;
}

p, ul, ol {
  line-height: 1.7;
}

a {
  color: #fe6c20;
  text-decoration: underline;
  transition: all 0.3s ease;
}
a:hover {
  color: #fe6c20;
}

.font-size-small {
  font-size: 0.95rem;
}

.font-size-smallest {
  font-size: 0.85rem;
}

.font-size-large {
  font-size: 1.125rem;
}

.title-font {
  font-family: "Figtree", sans-serif;
  font-weight: 900;
}

.p-last-child p:last-child {
  margin: 0;
}

.table > :not(caption) > * > * {
  padding: 0.9rem;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: white;
}

.table > :not(caption) > * > * {
  border-bottom: 0;
}

/*========================================================
            buttons
=========================================================*/
.btn {
  padding: 0.85rem 1.8rem;
  font-family: "Figtree", sans-serif;
  font-size: 1.06rem;
  font-weight: 900;
  white-space: nowrap;
  border: 0;
  border-radius: 2rem;
}
.btn.btn-primary {
  color: white;
  border: 2px solid #fe6c20;
  background-color: #fe6c20;
}
.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus {
  border-color: #e56019;
  background-color: #e56019;
}
.btn.btn-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(254, 108, 32, 0.5) !important;
}
.btn.btn-secondary {
  color: #fe6c20;
  border: 2px solid #fe6c20;
  background: white;
}
.btn.btn-secondary:focus {
  box-shadow: 0 0 0 0.25rem rgba(254, 108, 32, 0.5) !important;
}
.btn.btn-default {
  color: white;
  border: 2px solid #091f2f;
  background: #091f2f;
}
.btn.btn-default:focus {
  box-shadow: 0 0 0 0.25rem rgba(9, 31, 47, 0.5) !important;
}
.btn.btn-light {
  color: #fe6c20;
  background-color: white;
}
.btn.btn-light:hover, .btn.btn-light:active, .btn.btn-light:focus {
  color: white;
  background-color: #fe6c20;
}
.btn.btn-light:focus {
  box-shadow: 0 0 0 0.25rem rgba(254, 108, 32, 0.5) !important;
}
.btn.btn-link {
  color: #091f2f;
}
.btn.btn-link:hover {
  color: #fe6c20;
}
.btn.btn-arrow {
  position: relative;
  padding-right: 3.6rem;
}
.btn.btn-arrow:after {
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  right: 1.8rem;
  transition: all 0.3s ease;
}
.btn.btn-arrow-right:after {
  content: "\f178";
}
.btn.btn-arrow-right:hover:after {
  right: 1.5rem;
}
.btn.btn-arrow-down:after {
  content: "\f175";
}
.btn.btn-arrow-down:hover:after {
  transform: translateY(0.15rem);
}
.btn.btn-expand:after {
  content: "\f103";
}
.btn.btn-expand:hover:after {
  transform: translateY(0.15rem);
}
.btn.btn-filter {
  width: 100%;
  padding: 0.85rem 1rem;
  display: flex;
  align-items: center;
  font-weight: 600;
  text-align: left;
  border: 1px solid #f4f3ed;
  border-radius: 0.25rem;
}
.btn.btn-filter:hover, .btn.btn-filter:focus {
  border-color: #e2ddd8;
}
.btn.btn-filter:focus {
  box-shadow: 0 0 0 0.25rem rgba(244, 240, 237, 0.5) !important;
}
.btn.btn-filter:after {
  content: "\f107";
  font-family: "Font Awesome 6 Pro";
  font-weight: 500;
  right: 1rem;
  position: absolute;
  border: 0;
}

button.button, a.button {
  padding: 0.85rem 1.8rem !important;
  font-family: "Figtree", sans-serif;
  font-size: 1.06rem !important;
  font-weight: 900 !important;
  line-height: unset !important;
  border: 0;
  border-radius: 2rem !important;
  transition: all 0.3s ease;
}
button.button.alt, a.button.alt {
  background: #009500 !important;
}
button.button.alt:hover, button.button.alt:active, button.button.alt:focus, a.button.alt:hover, a.button.alt:active, a.button.alt:focus {
  background-color: #08ad08 !important;
}
button.button.alt:focus, a.button.alt:focus {
  box-shadow: 0 0 0 0.25rem rgba(8, 173, 8, 0.5) !important;
}

/*========================================================
            header
=========================================================*/
.topbar {
  padding: 0.5rem 0;
  font-size: 0.85rem;
  z-index: 12;
}
.topbar .thuiswinkel-waarborg {
  width: 80px;
  height: 25px;
}

.usp-list li:before {
  content: "\f00c";
  margin: 0 0.4rem 0 0;
  font-family: "Font Awesome 6 Pro";
  font-weight: 700;
  color: #fe6c20;
}
.usp-list li:not(:last-child) {
  margin: 0 1.1rem 0 0;
}

.kiyoh-logo {
  width: 1.5rem;
  margin: 0 0.5rem 0 0;
}

.usp-slider-wrapper {
  border-bottom: 1px solid #f4f3ed;
}

/*========================================================
            navigation
=========================================================*/
.navbar {
  padding-top: 0.9rem;
  padding-bottom: 0.9rem;
  position: sticky;
  top: 0;
  z-index: 13;
  border-bottom: 1px solid #f4f3ed;
}
@media screen and (min-width: 576px) {
  .navbar {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
.navbar .navbar-brand {
  padding-top: 0;
}
@media screen and (min-width: 576px) {
  .navbar .navbar-brand {
    margin-right: 2.5rem;
  }
}
.navbar .navbar-brand img {
  width: 12rem;
}
@media screen and (min-width: 576px) {
  .navbar .navbar-brand img {
    width: 14rem;
  }
}
.navbar .navbar-nav .nav-item {
  position: inherit;
}
.navbar .navbar-nav .nav-item:not(:last-child) {
  border-bottom: 1px solid #f4f3ed;
}
@media screen and (min-width: 1200px) {
  .navbar .navbar-nav .nav-item:not(:last-child) {
    border-bottom: 0;
  }
}
@media screen and (min-width: 1200px) {
  .navbar .navbar-nav .nav-item {
    border-bottom: 0;
  }
}
@media screen and (min-width: 1200px) {
  .navbar .navbar-nav .nav-item {
    margin-right: 1rem;
  }
}
.navbar .navbar-nav .nav-item .nav-link {
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: "Figtree", sans-serif;
  font-weight: 900;
  color: #091f2f;
}
@media screen and (min-width: 1200px) {
  .navbar .navbar-nav .nav-item .nav-link {
    padding-top: var(--bs-nav-link-padding-y);
    padding-bottom: var(--bs-nav-link-padding-y);
  }
}
.navbar .navbar-nav .nav-item .nav-link:hover {
  color: #fe6c20;
}
.navbar .navbar-nav .nav-item .nav-link.dropdown-toggle:after {
  content: "\f107";
  font-family: "Font Awesome 6 Pro";
  font-weight: 700;
  margin-left: 0.5rem;
  vertical-align: 0;
  border: 0;
  float: right;
}
@media screen and (min-width: 1200px) {
  .navbar .navbar-nav .nav-item .nav-link.dropdown-toggle:after {
    float: unset;
  }
}
.navbar .navbar-nav .nav-item .dropdown-menu {
  width: 100%;
  margin: 0;
  padding: 1.1rem 0;
  text-align: center;
  z-index: 1;
  border: 0;
  border-radius: 0.5rem;
  background: #f4f3ed;
}
@media screen and (min-width: 1200px) {
  .navbar .navbar-nav .nav-item .dropdown-menu {
    padding: 3rem 0;
    border-radius: 0;
  }
}
@media screen and (min-width: 1200px) {
  .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item-wrapper:nth-child(3n+1) .nav-category:hover, .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item-wrapper:nth-child(3n+1) .nav-category:focus {
    background-color: #e5ebf0;
  }
}
@media screen and (min-width: 1200px) {
  .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item-wrapper:nth-child(3n+2) .nav-category:hover, .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item-wrapper:nth-child(3n+2) .nav-category:focus {
    color: white;
    background-color: #091f2f;
  }
}
.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item-wrapper:last-child .dropdown-item {
  padding: 0;
  border-bottom: 0;
}
.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item {
  padding: 0 0 1rem 0;
  border-bottom: 1px solid #d8d1cc;
}
@media screen and (min-width: 1200px) {
  .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item {
    padding: 0;
    border-bottom: 0;
  }
}
.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {
  background-color: unset;
}
.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus {
  color: #091f2f;
}
@media screen and (min-width: 1200px) {
  .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item .nav-category {
    height: 21rem;
    padding: 1.5rem 1.4rem;
    background-size: 90% !important;
    background-position: top right !important;
    background-repeat: no-repeat !important;
    background-color: white;
    transition: all 0.3s ease;
  }
}
@media screen and (min-width: 1200px) {
  .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item .nav-category:hover, .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item .nav-category:focus {
    background-color: #f9eae5;
  }
}
.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item .nav-category img {
  width: 3rem;
  height: 3rem;
  object-fit: contain;
  object-position: center;
  border-radius: 50%;
  background: white;
}
@media screen and (min-width: 1200px) {
  .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item .nav-category img {
    width: 85%;
    height: auto;
    top: 1.5rem;
    right: 0;
    position: absolute;
    transition: all 0.3s ease;
    object-fit: unset;
    border-radius: unset;
    background-color: unset;
  }
}
.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item .nav-category h5 {
  margin: 0;
}
@media screen and (max-width: 1199.98px) {
  .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item .nav-category h5 {
    font-size: 1.06rem;
  }
}
.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item .nav-category .more {
  height: 0;
  opacity: 0;
  transition: all 0.3s ease;
}
.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover .nav-category h5, .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus .nav-category h5 {
  margin: 0;
}
@media screen and (min-width: 1200px) {
  .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover .nav-category h5, .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus .nav-category h5 {
    margin: 0 0 0.1rem 0;
  }
}
.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover .nav-category .more, .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus .nav-category .more {
  height: 1rem;
  opacity: 1;
  transition: all 0.3s ease;
}
.navbar .navbar-nav .nav-item .dropdown-menu .actie-banner .clock {
  padding: 1.5rem 0;
}
.navbar .navbar-nav .nav-item .dropdown-menu .actie-banner .clock .time-block {
  padding: 0 2.2rem;
  font-size: 0.8rem;
}
.navbar .navbar-nav .nav-item .dropdown-menu .actie-banner .clock .time-block:not(:last-child) {
  border-right: 1px solid #f9eae5;
}
.navbar .navbar-nav .nav-item .dropdown-menu .actie-banner .clock .time-block span {
  display: block;
  font-size: 2.3rem;
  line-height: 1;
}
.navbar .navbar-nav .nav-item .dropdown-menu .actie-banner .actie-banner-cta {
  padding: 1.5rem 1.8rem;
}
.navbar .menu-icons li {
  margin: 0 1rem 0 0;
}
@media screen and (min-width: 576px) {
  .navbar .menu-icons li {
    margin: 0;
  }
}
@media screen and (min-width: 576px) {
  .navbar .menu-icons li:not(:last-child) {
    margin: 0 1.2rem 0 0;
  }
}
@media screen and (min-width: 992px) {
  .navbar .menu-icons li:not(:last-child) {
    margin: 0 1.5rem 0 0;
  }
}
.navbar .menu-icons li a:hover {
  color: #fe6c20;
}
.navbar .menu-icons li a span {
  line-height: 1;
  font-weight: bold;
}
.navbar .menu-icons li .cart-number {
  width: 1.2rem;
  height: 1.2rem;
  top: -0.3rem;
  right: -0.6rem;
  display: flex;
  z-index: 13;
}
@media screen and (min-width: 768px) {
  .navbar .menu-icons li .cart-number {
    right: 0.8rem;
  }
}
.navbar .menu-icons img {
  height: 1.8rem;
}
@media screen and (min-width: 576px) {
  .navbar .menu-icons img {
    height: 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  .navbar .menu-icons img {
    margin: 0 0 0.4rem 0;
  }
}
.navbar .menu-button {
  box-sizing: border-box;
  width: 2.3rem;
  height: 2.3rem;
  padding: 0;
  cursor: pointer;
  z-index: 2;
  background-color: #fe6c20;
}
.navbar .menu-button svg {
  width: 0.9rem;
  height: 0.875rem;
  stroke: white;
  transition: 0.2s;
}
.navbar .menu-button svg g:first-child {
  opacity: 1;
  transition: opacity 0s 0.2s;
}
.navbar .menu-button svg g:first-child line {
  transition: transform 0.2s 0.2s;
  transform: translateY(0px);
}
.navbar .menu-button svg g:last-child {
  opacity: 0;
  transition: opacity 0s 0.2s;
}
.navbar .menu-button svg g:last-child line {
  transition: transform 0.2s;
  transform: rotate(0deg);
  transform-origin: center;
}
.navbar .menu-button.menu-open svg {
  stroke: white;
}
.navbar .menu-button.menu-open svg g:first-child {
  opacity: 0;
}
.navbar .menu-button.menu-open svg g:first-child line {
  transition: transform 0.2s;
}
.navbar .menu-button.menu-open svg g:first-child line:first-child {
  transform: translateY(7px);
}
.navbar .menu-button.menu-open svg g:first-child line:last-child {
  transform: translateY(-7px);
}
.navbar .menu-button.menu-open svg g:last-child {
  opacity: 1;
}
.navbar .menu-button.menu-open svg g:last-child line {
  transition: transform 0.2s 0.2s;
}
.navbar .menu-button.menu-open svg g:last-child line:first-child {
  transform: rotate(45deg);
}
.navbar .menu-button.menu-open svg g:last-child line:last-child {
  transform: rotate(-45deg);
}
.navbar .menu-button:focus {
  box-shadow: unset;
}

.page-overlay {
  width: 100%;
  height: 100%;
  top: 0;
  position: fixed;
  z-index: 12;
  opacity: 0;
  visibility: hidden;
  transition: all 0.1s ease;
  background-color: rgba(0, 0, 0, 0.7);
}
.page-overlay.open {
  opacity: 1;
  visibility: visible;
}

.actiebanner {
  margin: 1rem 0 0 0;
  padding: 0.8rem 1.5rem;
  line-height: 1;
}
.actiebanner .clock .time-block:not(:last-child) {
  margin-right: 0.5rem;
}
.actiebanner a {
  color: white;
  text-decoration: none;
}

/*========================================================
            breadcrumbs
=========================================================*/
.breadcrumb {
  padding: 0.9rem 0 0.5rem 0;
  margin: 0 0 0rem 0;
  background-color: transparent;
}

.breadcrumb-item + .breadcrumb-item {
  margin-left: 0.1rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  color: #545454;
  content: "\f105";
  font-family: "Font Awesome 5 Pro", serif;
  margin-right: 0.1rem;
}

.breadcrumb-item {
  font-size: 0.8rem;
}
.breadcrumb-item a {
  font-weight: 400;
  color: #545454;
  text-decoration: none;
}
.breadcrumb-item a:hover {
  color: #fe6c20;
}

.breadcrumb-item.active {
  opacity: 0.7;
}

/*========================================================
            homepage
=========================================================*/
/* banner
========================================================*/
.hero-blocks-wrapper {
  padding: 0;
  background: linear-gradient(90deg, #fe6c20 0%, #e8712c 100%);
}
.hero-blocks-wrapper .hero-block {
  position: relative;
  border-radius: 0.4rem;
  overflow: hidden;
}
.hero-blocks-wrapper .hero-block.zeven-daagse-hero {
  background-color: #fe6c20;
}
.hero-blocks-wrapper .hero-block.zeven-daagse-hero h1 span {
  color: #091f2f;
}
.hero-blocks-wrapper .hero-block.jubileum-hero {
  background-image: url("images/jubileum-hero-bg.svg") !important;
  background-size: cover;
  background-position: top right;
}
.hero-blocks-wrapper .hero-block.jubileum-hero h1 span {
  color: #091f2f;
}
.hero-blocks-wrapper .hero-block.koningsdag-hero {
  background-color: #fe6c20;
  background-image: url("images/koningsdag-hero-bg.svg") !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 180%;
}
.hero-blocks-wrapper .hero-block.koningsdag-hero h1 span {
  color: #091f2f;
}
.hero-blocks-wrapper .hero-block.tien-daagse-hero {
  background-color: #fe6c20;
  background-image: url("images/zevendaagse-hero-bg.svg") !important;
  background-size: cover;
}
.hero-blocks-wrapper .hero-block.tien-daagse-hero h1 span {
  color: #091f2f;
}
.hero-blocks-wrapper .hero-block.vakantiegeld-hero {
  background-image: url(images/vakantiegeld-hero-bg.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 210%;
}
.hero-blocks-wrapper .hero-block.btw-hero {
  background-image: url(backgrounds/btw-hero-bg-3.svg);
  background-size: cover;
}
.hero-blocks-wrapper .hero-block.btw-hero h1 {
  margin-top: 1.5rem;
  font-size: 2.9rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.hero-blocks-wrapper .hero-block.btw-hero h1 span {
  position: relative;
  color: white;
  font-size: 3.3rem;
  text-transform: uppercase;
  display: inline-block;
  padding: 0.2rem 1.4rem;
  transform: rotate(-2deg);
  background: #fe6c20;
}
.hero-blocks-wrapper .hero-block.btw-hero h1 span:before {
  content: url(images/kroon-oranje.svg);
  width: 5.8rem;
  position: absolute;
  top: -2.8rem;
  left: 50%;
  transform: translateX(-50%);
}
.hero-blocks-wrapper .hero-block.btw-hero:after {
  color: white;
}
.hero-blocks-wrapper .hero-block.btw-hero:hover:after {
  color: #fe6c20;
}
.hero-blocks-wrapper .hero-block.ek-hero {
  background-image: url(backgrounds/ek-hero.svg);
  background-size: cover;
}
.hero-blocks-wrapper .hero-block.ek-hero h1 {
  margin-top: 0.3rem;
  margin-bottom: -0.8rem;
  font-size: 3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.8rem;
}
@media screen and (min-width: 576px) {
  .hero-blocks-wrapper .hero-block.ek-hero h1 {
    font-size: 3.5rem;
  }
}
.hero-blocks-wrapper .hero-block.ek-hero h1 .hero-highlight {
  position: relative;
  display: inline-block;
  color: white;
  text-transform: uppercase;
  padding: 0.2rem 1.2rem;
}
.hero-blocks-wrapper .hero-block.ek-hero h1 .hero-highlight span {
  width: 5.5rem;
  height: 5.5rem;
  display: inline-block;
  margin: -2rem -0.5rem -1rem -0.5rem;
  font-size: 2.5rem;
  color: white;
  flex-shrink: 0;
  background-image: url(images/voetbal.gif);
  background-repeat: no-repeat;
  background-size: cover;
}
.hero-blocks-wrapper .hero-block.ek-hero:after {
  color: white;
}
.hero-blocks-wrapper .hero-block.ek-hero:hover:after {
  color: white;
}
.hero-blocks-wrapper .hero-block.ek-promotie-hero {
  background-image: url(backgrounds/ek-hero.svg);
  background-size: cover;
}
.hero-blocks-wrapper .hero-block.ek-promotie-hero h1 {
  margin-bottom: 1rem;
  font-size: 3rem;
  text-transform: uppercase;
}
@media screen and (min-width: 576px) {
  .hero-blocks-wrapper .hero-block.ek-promotie-hero h1 {
    font-size: 3.1rem;
  }
}
.hero-blocks-wrapper .hero-block.ek-promotie-hero h1 .hero-highlight {
  color: white;
}
.hero-blocks-wrapper .hero-block.ek-promotie-hero h1 .hero-highlight .beker {
  width: 4.5rem;
  height: 4.5rem;
  display: inline-block;
  margin: 0 0 -0.8rem 0;
  background-image: url(images/beker.gif);
  background-repeat: no-repeat;
  background-size: cover;
}
.hero-blocks-wrapper .hero-block.ek-promotie-hero h1 .hero-highlight .lion {
  width: 5rem;
  height: 4.5rem;
  display: inline-block;
  margin: 0 0 -0.9rem 0;
  background-image: url(images/lion.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.hero-blocks-wrapper .hero-block.ek-promotie-hero:after {
  color: white;
}
.hero-blocks-wrapper .hero-block.ek-promotie-hero:hover:after {
  color: white;
}
.hero-blocks-wrapper .hero-block.summer-hero {
  background-image: url(backgrounds/summer.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.hero-blocks-wrapper .hero-block.summer-hero h1 {
  margin-bottom: 0.5rem;
  font-size: 2rem;
  text-transform: uppercase;
}
@media screen and (min-width: 576px) {
  .hero-blocks-wrapper .hero-block.summer-hero h1 {
    font-size: 3rem;
  }
}
@media screen and (min-width: 992px) {
  .hero-blocks-wrapper .hero-block.summer-hero h1 {
    font-size: 5rem;
  }
}
@media screen and (min-width: 1200px) {
  .hero-blocks-wrapper .hero-block.summer-hero h1 {
    font-size: 4.5rem;
  }
}
@media screen and (min-width: 1400px) {
  .hero-blocks-wrapper .hero-block.summer-hero h1 {
    font-size: 5rem;
  }
}
.hero-blocks-wrapper .hero-block.summer-hero h1 .beach {
  width: 3.5rem;
  height: 3.5rem;
  display: inline-block;
  margin: 0 0 -0.5rem 0;
  background-image: url(images/beach-with-umbrella.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (min-width: 768px) {
  .hero-blocks-wrapper .hero-block.summer-hero h1 .beach {
    width: 4.5rem;
    height: 4.5rem;
  }
}
.hero-blocks-wrapper .hero-block.summer-hero:after {
  color: white;
}
.hero-blocks-wrapper .hero-block.summer-hero:hover:after {
  color: white;
}
.hero-blocks-wrapper .hero-block.back-to-work-hero h1 {
  margin-bottom: 0.65rem;
  font-size: 2rem;
  font-weight: 700;
  text-transform: uppercase;
}
@media screen and (min-width: 576px) {
  .hero-blocks-wrapper .hero-block.back-to-work-hero h1 {
    font-size: 3rem;
  }
}
@media screen and (min-width: 992px) {
  .hero-blocks-wrapper .hero-block.back-to-work-hero h1 {
    font-size: 4.4rem;
  }
}
@media screen and (min-width: 1200px) {
  .hero-blocks-wrapper .hero-block.back-to-work-hero h1 {
    font-size: 4.5rem;
  }
}
@media screen and (min-width: 1400px) {
  .hero-blocks-wrapper .hero-block.back-to-work-hero h1 {
    font-size: 4.7rem;
  }
}
.hero-blocks-wrapper .hero-block.back-to-work-hero h1 .alarm-clock {
  width: 2.5rem;
  height: 2.9rem;
  display: inline-block;
  margin: 0 0 -0.6rem 0;
  background-image: url(images/alarm-clock.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (min-width: 576px) {
  .hero-blocks-wrapper .hero-block.back-to-work-hero h1 .alarm-clock {
    width: 3.5rem;
    height: 3.5rem;
  }
}
@media screen and (min-width: 768px) {
  .hero-blocks-wrapper .hero-block.back-to-work-hero h1 .alarm-clock {
    width: 3.5rem;
    height: 4.4rem;
    margin: 0 0 -1.05rem 0;
  }
}
@media screen and (min-width: 992px) {
  .hero-blocks-wrapper .hero-block.back-to-work-hero h1 .alarm-clock {
    width: 5rem;
    height: 5.5rem;
  }
}
.hero-blocks-wrapper .hero-block.back-to-work-hero:after {
  color: white;
}
.hero-blocks-wrapper .hero-block.back-to-work-hero:hover:after {
  color: white;
}
.hero-blocks-wrapper .hero-block.oktober-hero h1 {
  margin-bottom: 0.65rem;
  font-size: 2rem;
  font-weight: 700;
  text-transform: uppercase;
}
@media screen and (min-width: 576px) {
  .hero-blocks-wrapper .hero-block.oktober-hero h1 {
    font-size: 3rem;
  }
}
@media screen and (min-width: 992px) {
  .hero-blocks-wrapper .hero-block.oktober-hero h1 {
    font-size: 4rem;
  }
}
@media screen and (min-width: 1200px) {
  .hero-blocks-wrapper .hero-block.oktober-hero h1 {
    font-size: 4rem;
  }
}
@media screen and (min-width: 1400px) {
  .hero-blocks-wrapper .hero-block.oktober-hero h1 {
    font-size: 3.2rem;
  }
}
.hero-blocks-wrapper .hero-block.oktober-hero:after {
  color: white;
}
.hero-blocks-wrapper .hero-block.oktober-hero:hover:after {
  color: white;
}
.hero-blocks-wrapper .hero-block:after {
  content: "\f061";
  position: absolute;
  right: 1.4rem;
  bottom: 1rem;
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  color: #091f2f;
  transition: all 0.3s ease;
}
.hero-blocks-wrapper .hero-block:hover:after {
  right: 1.2rem;
  color: #091f2f;
}
.hero-blocks-wrapper .hero-block-large {
  padding: 2.5rem 1.5rem;
  text-decoration: none;
  text-align: center;
  justify-content: center;
  gap: 1.9rem;
}
@media screen and (min-width: 576px) {
  .hero-blocks-wrapper .hero-block-large {
    padding: 3rem 0;
  }
}
.hero-blocks-wrapper .hero-block-large h1 {
  color: white;
  font-size: 2.8rem;
}
@media screen and (min-width: 576px) {
  .hero-blocks-wrapper .hero-block-large h1 {
    font-size: 3.5rem;
    line-height: 1.15;
  }
}
.hero-blocks-wrapper .hero-block-large h1 span {
  color: #fe6c20;
}
.hero-blocks-wrapper .hero-block-large h1 i {
  transform: translateY(-3px);
}
.hero-blocks-wrapper .hero-block-large .hero-block-subtitle {
  position: relative;
  display: block;
  color: white;
  font-size: 1.6rem;
}
.hero-blocks-wrapper .hero-block-large p {
  margin: 0;
  color: white;
}
@media screen and (min-width: 1200px) {
  .hero-blocks-wrapper .hero-block-large p {
    padding: 0 3rem;
  }
}
.hero-blocks-wrapper .hero-block-large .clock {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.5rem;
  flex: 0 0 auto;
}
@media screen and (min-width: 576px) {
  .hero-blocks-wrapper .hero-block-large .clock {
    gap: 1rem;
  }
}
.hero-blocks-wrapper .hero-block-large .clock .time-block {
  width: 4.5rem;
  height: 4.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 0.8rem;
  line-height: 1.2;
  color: #7e7e7e;
  border-radius: 0.3rem;
  background-color: white;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.02);
}
@media screen and (min-width: 576px) {
  .hero-blocks-wrapper .hero-block-large .clock .time-block {
    width: 5.1rem;
    height: 5.1rem;
  }
}
.hero-blocks-wrapper .hero-block-large .clock .time-block span {
  font-size: 1.4rem;
  font-weight: 900 !important;
  color: #091f2f;
}
@media screen and (min-width: 576px) {
  .hero-blocks-wrapper .hero-block-large .clock .time-block span {
    font-size: 2.5rem;
  }
}
.hero-blocks-wrapper .hero-blocks-small {
  height: 100%;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.2rem;
}
@media screen and (min-width: 768px) {
  .hero-blocks-wrapper .hero-blocks-small {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1200px) {
  .hero-blocks-wrapper .hero-blocks-small {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1.5rem;
  }
}
.hero-blocks-wrapper .hero-blocks-small .hero-block-small {
  height: 15rem;
  padding: 1.5rem;
  gap: 0.8rem;
  color: white;
  text-decoration: none;
  overflow: hidden;
}
@media screen and (min-width: 576px) {
  .hero-blocks-wrapper .hero-blocks-small .hero-block-small {
    padding: 2rem;
  }
}
@media screen and (min-width: 1200px) {
  .hero-blocks-wrapper .hero-blocks-small .hero-block-small {
    height: auto;
  }
}
.hero-blocks-wrapper .hero-blocks-small .hero-block-small.summer-hero {
  background-position: center center;
  background-image: url("backgrounds/summer-small.svg") !important;
}
.hero-blocks-wrapper .hero-blocks-small .hero-block-small.zeven-daagse-hero {
  background-image: url("images/zevendaagse-hero-small-bg.svg") !important;
  background-size: cover;
}
.hero-blocks-wrapper .hero-blocks-small .hero-block-small.zeven-daagse-hero:nth-child(2) {
  background-image: url("images/zevendaagse-hero-small-2-bg.svg") !important;
}
.hero-blocks-wrapper .hero-blocks-small .hero-block-small.zeven-daagse-hero .hero-block-icon {
  background-color: white;
}
.hero-blocks-wrapper .hero-blocks-small .hero-block-small.jubileum-hero {
  background-image: url("images/jubileum-hero-small-2-bg.svg") !important;
  background-size: cover;
}
.hero-blocks-wrapper .hero-blocks-small .hero-block-small.jubileum-hero:nth-child(2) {
  background-image: url("images/jubileum-hero-small-bg.svg") !important;
}
.hero-blocks-wrapper .hero-blocks-small .hero-block-small.jubileum-hero .hero-block-icon {
  background-color: white;
}
.hero-blocks-wrapper .hero-blocks-small .hero-block-small.koningsdag-hero .hero-block-icon {
  background-color: white;
}
.hero-blocks-wrapper .hero-blocks-small .hero-block-small.vakantiegeld-hero {
  background-size: 420%;
}
.hero-blocks-wrapper .hero-blocks-small .hero-block-small.vakantiegeld-hero .hero-block-icon {
  background-color: white;
}
.hero-blocks-wrapper .hero-blocks-small .hero-block-small.ek-hero .hero-block-icon {
  background-color: #ffa96f;
}
.hero-blocks-wrapper .hero-blocks-small .hero-block-small.halfjaar-hero {
  background-image: url(backgrounds/tweede-helft-hero.svg);
  background-size: cover;
}
.hero-blocks-wrapper .hero-blocks-small .hero-block-small.halfjaar-hero .hero-block-icon {
  background-color: #fe6c20;
}
.hero-blocks-wrapper .hero-blocks-small .hero-block-small.halfjaar-hero:after {
  color: white;
}
.hero-blocks-wrapper .hero-blocks-small .hero-block-small .hero-block-icon {
  width: 3.3rem;
  height: 3.3rem;
  border-radius: 50%;
  background-color: #fe6c20;
}
.hero-blocks-wrapper .hero-blocks-small .hero-block-small .hero-block-icon svg {
  width: 100%;
  height: 1.4rem;
}
.hero-blocks-wrapper .hero-blocks-small .hero-block-small .hero-block-small-content {
  line-height: 1.5;
}
.hero-blocks-wrapper .hero-blocks-small .hero-block-small .hero-block-small-content .hero-block-small-title {
  color: white;
  font-size: 1.35rem;
  font-weight: 900;
}

.oktober-hero-image {
  padding: 3rem 0 0 0;
  position: relative;
}
.oktober-hero-image img {
  width: 100%;
}
.oktober-hero-image .korting-stempel {
  width: 9rem;
  height: 9rem;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: "Figtree", sans-serif;
  color: #fe6c20;
  line-height: 1;
  border-radius: 50%;
  background-color: white;
}
.oktober-hero-image .korting-stempel .korting-stempel-nummer {
  font-size: 3rem;
  font-weight: 700;
}
.oktober-hero-image .korting-stempel .korting-stempel-label {
  font-size: 1.32rem;
  text-transform: uppercase;
}

.hero-blocks-wrapper-subpage .hero-block-large {
  min-height: unset;
}
@media screen and (min-width: 1200px) {
  .hero-blocks-wrapper-subpage .hero-block-large {
    padding-right: 22rem;
  }
}

.hero-blocks-wrapper .ny-hero {
  background-image: url("backgrounds/fireworks-beddenleeuw-opt.png") !important;
}

.valentijnsdag-actie {
  background-color: #ff8ba5;
}
.valentijnsdag-actie .text-pink {
  color: #fe6c20;
}
.valentijnsdag-actie .action-preview {
  border-color: white;
}
.valentijnsdag-actie .action-preview:hover {
  background-color: #f67792;
}
.valentijnsdag-actie .action-preview h4 {
  color: white !important;
}

.paasdeals {
  background-image: url("images/pasen-header-landingspagina.svg") !important;
  background-size: cover;
  background-position: top left;
}

.paasdeals-2 {
  background-color: #fcecc5;
}

.zevendaagse {
  color: white;
  background-image: url("images/zevendaagse-hero-bg.svg") !important;
  background-size: cover;
  background-position: top left;
}

.text-color {
  color: #091f2f;
}

.productgroep {
  height: 9rem;
  padding: 1.5rem;
  position: relative;
  color: #091f2f;
  text-decoration: none;
  overflow: hidden;
  border-radius: 0.3rem;
  background-color: #f4f3ed;
}
.productgroep span {
  z-index: 1;
}
.productgroep img {
  height: 7rem;
  top: 1rem;
  right: 0;
  position: absolute;
}

@media screen and (min-width: 992px) {
  .home-usp-list ul {
    margin: 0 auto;
    padding: 0 1.7rem;
    position: relative;
    font-size: 1rem;
    background-color: white;
  }
}
@media screen and (min-width: 992px) {
  .home-usp-list:before {
    content: "";
    width: 100%;
    height: 1px;
    top: 50%;
    right: 0;
    left: 0;
    transform: translateY(-50%);
    position: absolute;
    background-color: #f4f3ed;
  }
}

@media screen and (min-width: 576px) {
  .countdown-banner {
    padding: 4rem 0;
  }
}
@media screen and (min-width: 576px) {
  .countdown-banner.gradient-overlay {
    background-color: #000;
  }
}
.countdown-banner.gradient-overlay:before {
  display: block;
}
@media screen and (min-width: 576px) {
  .countdown-banner.gradient-overlay img {
    width: 70%;
  }
}
.countdown-banner img {
  width: 100%;
  height: 17rem;
  top: 0;
  right: 0;
  position: relative;
  object-fit: cover;
  object-position: center;
}
@media screen and (min-width: 576px) {
  .countdown-banner img {
    height: 100%;
    position: absolute;
  }
}
.countdown-banner .countdown-block {
  margin-top: -5rem;
  padding: 1.8rem 1.4rem;
  z-index: 2;
}
@media screen and (min-width: 576px) {
  .countdown-banner .countdown-block {
    margin-top: 0;
    padding: 2.6rem 2.5rem 2.8rem 2.5rem;
  }
}
.countdown-banner .countdown-block .time-block {
  color: #091f2f;
}
.countdown-banner .countdown-block .time-block span {
  display: block;
}
.countdown-banner .countdown-block h1 {
  font-size: 2rem;
  line-height: 1.2;
  color: #fff;
}
@media screen and (min-width: 576px) {
  .countdown-banner .countdown-block h1 {
    font-size: 2.5rem;
  }
}
.countdown-banner .countdown-block h1 small {
  font-size: 1.1rem;
  color: #fe6c20;
}
@media screen and (max-width: 575.98px) {
  .countdown-banner .countdown-block .h2 {
    font-size: 2rem;
  }
}
.countdown-banner .clock {
  margin: 1.5rem 0;
  padding: 1.1rem 0;
  flex: 1 1 0;
  line-height: 1.2;
  border-radius: 0.2rem;
}
@media screen and (min-width: 576px) {
  .countdown-banner .clock {
    margin: 1.8rem 0;
    padding: 1.4rem 0;
  }
}
.countdown-banner .clock .time-block {
  flex: 1 1 0;
  padding: 0 1rem;
  font-size: 0.9rem;
}
.countdown-banner .clock .time-block span {
  display: block;
  font-size: 2rem;
}
@media screen and (min-width: 576px) {
  .countdown-banner .clock .time-block span {
    font-size: 2.5rem;
  }
}
.countdown-banner .clock .time-block:not(:last-child) {
  border-right: 1px solid #e3e3e3;
}

/* slider
========================================================*/
.boxspring-slider .owl-stage {
  display: flex;
  flex-wrap: wrap;
}
.boxspring-slider .owl-item {
  float: none;
  display: flex;
  height: auto;
  margin-bottom: 1rem;
  width: 21rem !important;
}
@media screen and (min-width: 576px) {
  .boxspring-slider .owl-item {
    width: 28rem !important;
  }
}
@media screen and (min-width: 576px) {
  .boxspring-slider .owl-stage-outer::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background: transparent linear-gradient(90deg, #ffffff00 0%, #ffffff 100%) 0 0 no-repeat padding-box;
    width: 10rem;
    z-index: 10;
  }
}
.boxspring-slider .boxspring-slide {
  width: 100%;
}
.boxspring-slider .product.boxspring-slide {
  width: 28rem;
}
.boxspring-slider .product.boxspring-slide.highlighted {
  border: 5px solid #FFFFFF;
  background-color: #e5ebf0;
}

.btn-slider {
  position: absolute;
  top: calc(50% - 4.8rem);
  font-family: "Font Awesome 6 Pro";
  width: 4rem;
  height: 4rem;
  font-size: 1.5rem;
  border-radius: 3px 0 0 3px;
  background-color: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  border: none;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fe6c20;
  transition: all 0.3s ease;
}
@media screen and (min-width: 768px) {
  .btn-slider {
    border-radius: 50%;
    background-color: white;
  }
}
.btn-slider#boxspring-slider-prev {
  left: -1.3rem;
}
.btn-slider#boxspring-slider-prev:hover {
  transform: translateX(-0.2rem);
}
.btn-slider#boxspring-slider-next {
  right: 0;
}
@media screen and (min-width: 768px) {
  .btn-slider#boxspring-slider-next {
    right: 2rem;
  }
}
@media screen and (min-width: 992px) {
  .btn-slider#boxspring-slider-next {
    right: 5rem;
  }
}
.btn-slider#boxspring-slider-next:hover {
  transform: translateX(0.2rem);
}

/*========================================================
            productoverzicht
=========================================================*/
/* filters
========================================================*/
#filter-wrapper-trigger {
  height: 1px;
  background-color: white;
}

.filter-wrapper {
  top: 0;
  z-index: 9;
}
.filter-wrapper.sticky {
  padding: 1rem 0;
  position: sticky;
  border-top: 1px solid #f4f3ed;
  box-shadow: 0 9px 9px -10px rgba(0, 0, 0, 0.4);
}

@media screen and (min-width: 576px) {
  .filters {
    display: flex;
  }
}
.filters.open {
  margin-top: 1rem;
  display: flex;
}

.productfilter {
  margin-top: 1rem !important;
  padding: 1.3rem;
  border-color: #f4f3ed;
}
.productfilter[data-popper-placement=bottom-start]:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: -0.7rem;
  left: 2rem;
  border-left: 0.7rem solid transparent;
  border-right: 0.7rem solid transparent;
  border-bottom: 0.7rem solid white;
}
.productfilter .dropdown-item {
  padding: 0;
}
.productfilter .dropdown-item.active, .productfilter .dropdown-item:hover {
  color: inherit;
  background-color: unset;
}
.productfilter .dropdown-item img {
  max-width: unset !important;
}

.filter-type {
  min-width: 26rem;
  padding: 1.2rem;
}
.filter-type .dropdown-item {
  border: 2px solid transparent;
  background-color: #f4f3ed;
}
.filter-type .dropdown-item:hover img {
  opacity: 0.8;
}
.filter-type .dropdown-item:hover {
  background-color: #f4f3ed;
}
.filter-type .dropdown-item:hover figure figcaption {
  background-color: #fe6c20;
}
.filter-type .dropdown-item.active {
  border: 2px solid #fe6c20;
  background-color: #f4f3ed;
}
.filter-type .dropdown-item.active figure figcaption {
  background-color: #fe6c20;
}
.filter-type .dropdown-item figure {
  padding: 1rem;
}
.filter-type .dropdown-item figure img {
  aspect-ratio: 4/3;
  object-fit: contain;
}
.filter-type .dropdown-item figure figcaption {
  padding: 0.3rem 0.5rem;
  bottom: -2px;
  left: -2px;
  border-radius: 0 0.25rem 0 0.25rem;
  background-color: #091f2f;
  transition: all 0.3s ease;
}

.filter-kleur {
  min-width: auto;
  width: 100%;
}
@media screen and (min-width: 576px) {
  .filter-kleur {
    width: 560px;
  }
}
@media screen and (min-width: 768px) {
  .filter-kleur {
    width: 640px;
  }
}
.filter-kleur li {
  margin-right: 1.5rem;
  line-height: 3;
}
.filter-kleur .filter-kleur-material {
  margin-bottom: 1rem;
}
.filter-kleur .filter-kleur-material a {
  display: block;
  margin-bottom: 0.5rem;
}
.filter-kleur .filter-kleur-material:last-of-type {
  margin-bottom: 0;
}
.filter-kleur .dropdown-item:hover .kleur {
  opacity: 0.8;
}
.filter-kleur .dropdown-item.active {
  color: #fe6c20;
  font-weight: 700;
}
.filter-kleur .dropdown-item.active .kleur {
  border: 3px solid white !important;
  box-shadow: 0 0 0 2px #fe6c20 !important;
}
.filter-kleur .dropdown-item .kleur {
  width: 2.25rem;
  height: 2.25rem;
  flex: 0 0 2.25rem;
  margin-right: 0.9rem;
  transition: all 0.3s ease;
}

.filter-afmeting {
  min-width: auto;
  width: 100%;
}
@media screen and (min-width: 576px) {
  .filter-afmeting {
    width: 560px;
  }
}
@media screen and (min-width: 768px) {
  .filter-afmeting {
    width: 640px;
  }
}
.filter-afmeting a {
  display: block;
  margin-top: 1rem;
}
@media screen and (min-width: 576px) {
  .filter-afmeting a {
    margin-top: 0.5rem;
  }
}

.filter-breedte {
  min-width: auto;
  width: 100%;
  column-count: 2;
  column-gap: 0;
}
@media screen and (min-width: 576px) {
  .filter-breedte {
    width: auto;
  }
}
.filter-breedte li .dropdown-item {
  padding: 0.7rem 1rem;
  border: 1px solid #f4f3ed;
}
.filter-breedte li .dropdown-item:hover {
  background-color: #f9eae5;
}
.filter-breedte li .dropdown-item.active {
  font-weight: 700;
  box-shadow: inset 0 0 0 1px #fe6c20;
  background-color: #f9eae5;
}
.filter-breedte li:nth-child(1) .dropdown-item, .filter-breedte li:nth-child(2) .dropdown-item, .filter-breedte li:nth-child(3) .dropdown-item {
  border-right: 0;
}
.filter-breedte li:nth-child(1) .dropdown-item, .filter-breedte li:nth-child(2) .dropdown-item, .filter-breedte li:nth-child(4) .dropdown-item, .filter-breedte li:nth-child(5) .dropdown-item {
  border-bottom: 0;
}

.filter-lengte {
  min-width: auto;
  width: 100%;
  column-count: 3;
  column-gap: 0;
}
@media screen and (min-width: 576px) {
  .filter-lengte {
    width: auto;
  }
}
.filter-lengte li .dropdown-item {
  padding: 0.7rem 1rem;
  border: 1px solid #f4f3ed;
}
.filter-lengte li .dropdown-item:hover {
  background-color: #f9eae5;
}
.filter-lengte li .dropdown-item.active {
  font-weight: 700;
  box-shadow: inset 0 0 0 1px #fe6c20;
  background-color: #f9eae5;
}
.filter-lengte li:nth-child(1) .dropdown-item, .filter-lengte li:nth-child(2) .dropdown-item {
  border-right: 0;
}

.filter-stof {
  min-width: auto;
  width: 100%;
  padding-right: 2.5rem;
}
@media screen and (min-width: 576px) {
  .filter-stof {
    width: auto;
  }
}
.filter-stof li:not(:last-child) {
  margin: 0 0 0.9rem 0;
}
.filter-stof .dropdown-item:hover img {
  opacity: 0.8;
}
.filter-stof .dropdown-item.active {
  color: #fe6c20;
  font-weight: 700;
}
.filter-stof .dropdown-item.active img {
  border: 3px solid white !important;
  box-shadow: 0 0 0 2px #fe6c20 !important;
}
.filter-stof .dropdown-item img {
  width: 3.3rem;
  height: 3.3rem;
  transition: all 0.3s ease;
}

.woocommerce-ordering {
  margin: 0 !important;
  float: unset !important;
  position: relative;
}
.woocommerce-ordering select {
  width: 100%;
  padding: 0.85rem 1rem;
  border: 1px solid #f4f3ed;
  cursor: pointer;
  align-items: center;
  font-weight: 600;
  text-align: left;
  border-radius: 0.25rem;
  color: #091f2f;
}
.woocommerce-ordering select:hover, .woocommerce-ordering select:focus {
  border-color: #e2ddd8;
}
.woocommerce-ordering select:focus {
  box-shadow: 0 0 0 0.25rem rgba(244, 240, 237, 0.5) !important;
}
.woocommerce-ordering select:focus-visible {
  outline: unset;
}
.woocommerce-ordering select::-ms-expand {
  display: none;
}
.woocommerce-ordering:after {
  content: "\f107";
  font-family: "Font Awesome 6 Pro";
  top: 0.95rem;
  right: 1rem;
  position: absolute;
  pointer-events: none;
}
.woocommerce-ordering select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  background-color: #ffffff;
  background-image: none;
  -ms-word-break: normal;
  word-break: normal;
}

.filters-wissen {
  margin: 0.6rem 0 0 0;
  font-size: 0.9rem;
}
.filters-wissen:hover {
  opacity: 0.7;
}

@media screen and (max-width: 374.98px) {
  .hide-on-small-phone {
    display: none !important;
  }
}
@media screen and (max-width: 575.98px) {
  .filter-block {
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 77px 15px 15px 15px;
    position: fixed;
    background: white;
    z-index: 999;
    overflow-y: scroll;
  }
  .filter-block .filter-block-header {
    width: 100%;
    height: 4rem;
    position: fixed;
    top: 0;
    left: 0;
    padding: 15px;
    z-index: 9999;
    background-color: #fe6c20;
  }
  .filter-block .filter-block-header .close-filter-block {
    width: 2.4rem;
    height: 2.4rem;
    right: 15px;
    position: fixed;
    color: #fe6c20;
    font-size: 1.4rem;
    border: 0;
    border-radius: 50%;
    background-color: white;
  }
  .filter-block .dropdown-menu.show {
    position: relative !important;
    transform: unset !important;
    box-shadow: unset !important;
  }
  .filter-block .dropdown-menu.show:before {
    display: none;
  }
}
/* productblok
========================================================*/
.product-block {
  display: block;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
  background-color: #fff;
  color: #091f2f;
  text-decoration: none;
  height: 100%;
  position: relative;
  padding-bottom: 6.5rem;
}
@media screen and (min-width: 1400px) {
  .product-block {
    padding-bottom: 5.5rem;
  }
}
.product-block .product-photo-wrapper {
  height: 16.5rem;
}
.product-block .product-photo-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.product-block .product-content {
  padding: 1.5rem;
}
@media screen and (min-width: 576px) {
  .product-block .product-content {
    padding: 1.8rem;
  }
}
.product-block .product-content .product-icons li:not(:last-child) {
  margin: 0 1rem 0 0;
}
.product-block .product-content .product-icons li figure {
  height: 2.2rem;
  margin: 0.2rem 0 0 0;
}
.product-block .product-content .product-icons li figure img {
  width: auto !important;
  height: 100%;
}
.product-block .product-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 0 1.5rem 1.5rem;
}
@media screen and (min-width: 576px) {
  .product-block .product-footer {
    padding: 0 0 1.8rem 1.8rem;
  }
}
.product-block .product-footer .price-row {
  margin-top: 0;
}
.product-block .product-footer .price-row .current-price {
  font-size: 1.7rem;
}
.product-block .product-footer .arrow-wrapper {
  border-bottom-left-radius: 2rem;
  border-top-left-radius: 2rem;
  display: inline-block;
  padding: 0.75rem 1.25rem 0.75rem 1.75rem;
  margin-left: 0.7rem;
  font-size: 1.25rem;
  transition: all 0.4s ease;
  text-decoration: none;
  color: #fff;
  white-space: nowrap;
  background-color: #fe6c20;
}
.product-block .product-footer .arrow-wrapper .arrow-wrapper-text {
  font-size: 1.06rem;
  font-weight: bold;
  margin-right: 0.5rem;
  position: relative;
  bottom: 0.2rem;
}
.product-block:hover {
  color: inherit;
}
.product-block:hover .arrow-wrapper {
  padding: 0.75rem 1.75rem 0.75rem 2.25rem;
}
.product-block.highlighted {
  border: 5px solid #FFFFFF;
  background-color: #e5ebf0;
}

.price {
  margin: 0 1rem 0.8rem 0;
}
@media screen and (min-width: 1400px) {
  .price {
    margin: 0 0.4rem 0 0;
  }
}
.price .price-label {
  font-size: 0.9rem;
  color: #697276;
}
.price .price-old {
  line-height: 1.2;
  margin: 0 1.2rem 0 0;
}
.price .price-old .price-scratched {
  font-size: 1.7rem;
  position: relative;
}
.price .price-old .price-scratched:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  border-top: 2px solid #fe6c20;
  transform: rotate(-15deg);
}
.price .price-new {
  font-size: 1.2rem;
  line-height: 1.28;
}

@media (max-width: 1399.98px) {
  .price-table {
    margin-left: auto;
  }
}
.price-table th {
  font-weight: unset;
  font-size: 0.9rem;
}
.price-table .price-table-label-high {
  color: #b5bbc0;
  padding-inline-end: 1rem;
}
.price-table .price-table-amount-high {
  color: #b5bbc0;
  font-size: 1.2rem;
}
.price-table .price-table-label-low {
  font-family: "Figtree", sans-serif;
}
.price-table .price-table-amount-low {
  font-family: "Figtree", sans-serif;
  font-weight: 900;
  font-size: 1.5rem;
}

.actielabels {
  top: 0.7rem;
  right: 0;
  position: absolute;
  font-size: 0.9rem;
}
.actielabels span {
  padding: 0.2rem 0.6rem;
  margin-bottom: 0.3rem;
  color: white;
  border-radius: 0.2rem 0 0 0.2rem;
  background-color: #091f2f;
}

.product-image-wrapper {
  position: relative;
}
.product-image-wrapper .actielabels {
  top: 0;
  z-index: 4;
}
.product-image-wrapper .actielabels span {
  padding: 0.2rem 0.6rem;
  margin-bottom: 0.5rem;
  border-radius: 0.2rem;
}

/* cta
========================================================*/
.cta {
  padding: 2.5rem;
}
.cta figure {
  width: 5rem;
  height: 5rem;
  flex: 0 0 5rem;
  padding: 1.2rem;
}

/* blok in productoverzicht
========================================================*/
@media screen and (min-width: 576px) {
  .blok-productoverzicht {
    padding-right: 20rem;
  }
}
.blok-productoverzicht figure {
  width: 13rem;
  top: 0;
  bottom: 0;
  right: 0;
  position: absolute;
}
.blok-productoverzicht figure img {
  object-fit: contain;
  object-position: center;
}

.remove-filters {
  margin-top: 1rem;
}

.remove-filter {
  background-color: #f4f3ed;
  padding: 0.3rem 0.8rem;
  border-radius: 1rem;
  font-size: 0.9rem;
  text-decoration: none;
  color: #091f2f;
}
@media screen and (min-width: 576px) {
  .remove-filter {
    padding: 0.1rem 0.5rem;
    font-size: 0.8rem;
  }
}
.remove-filter:hover {
  background-color: #fe6c20;
  color: #fff;
}

/*========================================================
            product single
=========================================================*/
.product .breadcrumb {
  margin: 0;
}

/* sticky bar
========================================================*/
.sticky-bar {
  padding: 0.5rem 0;
  z-index: 11;
  display: none;
  border-top: 1px solid #f4f3ed;
  box-shadow: 0 9px 9px -10px rgba(0, 0, 0, 0.4);
}
.sticky-bar img {
  width: 4rem;
  height: 4rem;
  flex: 0 0 4rem;
  margin: 0 1rem 0 0;
  border: 1px solid #e2e2e2;
  border-radius: 2px;
  object-fit: contain;
  object-position: center;
}

/* productafbeelding
========================================================*/
@media screen and (min-width: 992px) {
  .product-image-wrapper {
    top: 6.2rem;
    position: sticky;
  }
}

.woocommerce-product-gallery__wrapper img {
  width: 100%;
  height: auto;
}

div.images.woocommerce-product-gallery {
  width: 100% !important;
  float: unset !important;
}

.woocommerce-product-gallery__image {
  position: relative;
}
.woocommerce-product-gallery__image .loader-overlay {
  display: none;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(244, 240, 237, 0.6);
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  color: #091f2f;
}
.woocommerce-product-gallery__image.loading-image .loader-overlay {
  display: flex;
}

.woocommerce-product-rating {
  margin: 0 !important;
  font-size: 0.95rem;
}
.woocommerce-product-rating .product-rating {
  color: #091f2f;
  text-decoration: none;
}
.woocommerce-product-rating .star-rating, .woocommerce-product-rating .star-rating-kiyoh {
  margin: 0 0.5rem 0 0 !important;
  bottom: 0;
  font-size: 1rem;
}
.woocommerce-product-rating .star-rating-kiyoh {
  margin: 0 0.7rem 0 0 !important;
  white-space: nowrap;
}
.woocommerce-product-rating .star-rating-text {
  line-height: 1.3;
}
.woocommerce-product-rating .star-rating-text small {
  opacity: 0.6;
}

.toggle-switch {
  border: 0;
  background-color: unset;
}
.toggle-switch .switch {
  width: 2.4rem;
  height: 1.3rem;
  margin: 0 0 0 0.5rem;
  display: inline-block;
  border-radius: 1rem;
  position: relative;
  background-color: #f9ba9d;
  transition: all 0.3s ease;
}
.toggle-switch .switch:after {
  content: "";
  width: 1rem;
  height: 1rem;
  top: 0.14rem;
  left: 0.15rem;
  position: absolute;
  border-radius: 50%;
  background-color: white;
  transition: all 0.3s ease;
}
.toggle-switch .switch.open {
  background-color: #fe6c20;
}
.toggle-switch .switch.open:after {
  left: 1.22rem;
}

/* configurator
========================================================*/
.configurator {
  top: 6rem;
}

.product-price-wrapper {
  margin-top: 0.85rem;
}

@media screen and (min-width: 576px) {
  .product-price {
    margin-right: 1rem;
    padding-right: 1rem;
    border-right: 1px solid #eee;
  }
}
.product-price .current-price {
  font-size: 1.7rem;
}

.price-scratched {
  position: relative;
  font-size: 1.1rem;
}
.price-scratched.price-scratched-large {
  font-size: 1.4rem;
}
.price-scratched:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  border-top: 2px solid #fe6c20;
  transform: rotate(-15deg);
}

.boxspring-configurator .wcpa_form_outer {
  position: relative;
  max-height: 100%;
  overflow: unset;
}

.wcpa_color {
  font-size: 0 !important;
  margin-right: 0.5rem !important;
  margin-bottom: 0.5rem !important;
  position: relative !important;
}

.wcpa_form_outer .wcpa_form_item .color-group.color-inline .wcpa_color label span {
  min-width: 3rem !important;
  height: 3rem !important;
  float: none !important;
  border-radius: 50%;
}

.wcpa_form_outer .wcpa_form_item .wcpa_radio label {
  font-weight: 700;
  z-index: 8 !important;
}

.wcpa_color input + label {
  position: relative;
}
.wcpa_color input + label span {
  border: 3px solid transparent !important;
}

.woocommerce div.product form.cart {
  margin-bottom: 1rem;
}

.wcpa_image input + img {
  filter: grayscale(100%);
  opacity: 0.6;
  border: 3px solid rgba(8, 8, 8, 0.5) !important;
  transition: all 0.4s ease;
  margin-bottom: 0.5rem;
  display: block;
  margin-right: 0.5rem;
}
.wcpa_image input + img:hover {
  filter: grayscale(0);
  opacity: 1;
}

.wcpa_image input:checked + img {
  border: 3px solid #000 !important;
  box-shadow: none !important;
  outline: none !important;
  filter: grayscale(0);
  opacity: 1;
}

.wcpa_image input:checked ~ label:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
  content: "\f00c";
  width: 40px;
  height: 40px;
  background-color: #091f2f;
  color: #fff;
  z-index: 8;
  position: absolute;
  top: 0;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0.5rem;
}

.wcpa_image label {
  line-height: 1.25rem;
  font-weight: bold;
}
.wcpa_image label .wcpa_opt_price {
  display: block;
  font-weight: normal;
  font-size: 0.8rem;
}

.wcpa_form_outer .wcpa_form_item .wcpa_radio input[type=radio]:checked + label .wcpa_check::before, .wcpa_form_outer .wcpa_form_item .wcpa_productGroup:not(.wcpa_multiselect) input[type=radio]:checked + label .wcpa_check::before {
  background-color: #fe6c20 !important;
}

.wcpa_form_outer .wcpa_form_item .wcpa_checkbox input[type=checkbox]:checked + label .wcpa_check, .wcpa_form_outer .wcpa_form_item .wcpa_productGroup.wcpa_multiselect input[type=checkbox]:checked + label .wcpa_check {
  border: 2px solid #fe6c20;
  background: #fe6c20;
}

.wcpa_form_outer .wcpa_form_item .wcpa_checkbox .wcpa_check, .wcpa_form_outer .wcpa_form_item .wcpa_productGroup.wcpa_multiselect .wcpa_productGroup_option_img .wcpa_check {
  margin-right: 8px !important;
}

.subtitel-kleur {
  margin: 0.5rem 0 0.4rem 0;
  font-family: "Figtree", sans-serif;
  font-size: 1.06rem;
  font-weight: 700;
}

.popover {
  border-radius: 0;
  border: 1px solid #dfdfdf;
  max-width: 380px;
}
.popover .popover-body {
  padding: 0.25rem;
}
.popover .popover-body img {
  max-width: 180px;
}
.popover .popover-body ul {
  padding-left: 1.2rem;
}

.wcpa_form_outer .wcpa_form_item .color-group .wcpa_color label span {
  margin-left: 2px;
}

.wcpa_color input:checked + label span {
  border: 3px solid white !important;
  box-shadow: 0 0 0 2px #fe6c20 !important;
}

.wcpa_color input:checked + label:after {
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  top: 0.7rem;
  left: 1.15rem;
  color: white;
  z-index: 8;
  font-size: 1.1rem;
  justify-content: center;
  font-weight: 700;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

.wcpa_form_item .wcpa_priceouter {
  display: none !important;
}
.wcpa_form_item.wcpa_type_color-group:after {
  content: "Geselecteerde kleur: " attr(data-content);
  display: block;
  margin: 0.5rem 0 0 0;
  font-size: 1rem;
}
.wcpa_form_item .fa-circle-info {
  cursor: help;
}

.wcpa_type_select select {
  padding: 0.75rem 1rem !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 0.2rem !important;
  color: #091f2f !important;
}
.wcpa_type_select select:focus {
  border-color: #d9d9d9 !important;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(217, 217, 217, 0.25);
}

.wcpa_helptext {
  margin: -0.15rem 0 0.7rem 0;
  display: block;
  font-size: 0.85rem !important;
  font-weight: 400;
}

.wcpa_form_outer .wcpa_form_item .required_ast {
  margin: 0 0 0 0.15rem;
  color: #fe6c20;
}

.wcpa_form_outer .wcpa_form_item .select_arrow {
  top: 1.4rem;
  right: 1rem;
  border-color: #d9d9d9 transparent transparent transparent;
}

.wcpa_form_outer label {
  margin-bottom: 0.3rem;
  font-family: "Figtree", sans-serif;
  font-weight: 900;
}

.wcpa_form_outer {
  margin: 1em 0 0 0;
}

.wcpa_type_image-group label {
  max-width: 170px;
}

.wcpa_price_summary {
  background-color: #f4f3ed;
  padding: 1.4rem;
  margin-bottom: 0.8rem;
  border-radius: 5px;
}
.wcpa_price_summary ul {
  margin-bottom: 0;
}
.wcpa_price_summary .wcpa_options_total, .wcpa_price_summary .wcpa_product_total {
  border-top: 0;
  padding-top: 0;
}
.wcpa_price_summary .wcpa_product_total {
  padding-bottom: 7px;
}
.wcpa_price_summary .wcpa_total {
  margin: 0.4rem 0 0 0;
  font-weight: bold;
  border-top: 1px solid #bdbcbc;
  padding-bottom: 0;
}
.wcpa_price_summary .woocommerce-Price-currencySymbol {
  margin-right: 0.25rem;
}
.wcpa_price_summary .reguliere-prijs, .wcpa_price_summary .korting-prijs, .wcpa_price_summary .extra-kassa-korting {
  border-top: none;
  margin-top: 0;
  padding-top: 3px;
}
.wcpa_price_summary .totaal-met-kassa-korting {
  font-weight: bold;
  border-top: 1px solid #bdbcbc;
}

.pswp__bg {
  background-color: #444 !important;
}

.wcpa_form_outer .wcpa_error_msg {
  position: relative !important;
  padding-left: 1.4rem;
  display: flex;
  align-items: center;
  color: #d30c0c;
}
.wcpa_form_outer .wcpa_error_msg p {
  font-size: 0.85rem !important;
}
.wcpa_form_outer .wcpa_error_msg:before {
  content: "\f071";
  font-family: "Font Awesome 5 Pro";
  font-size: 0.9rem;
  position: absolute;
  left: 0;
}

.wcpa_validation_error select {
  color: #d30c0c !important;
  border-color: #d30c0c !important;
}

.btn-samenstellen-wrapper {
  height: 12rem;
  margin: -12rem 0 3.5rem 0;
  border-bottom: 1px solid #d9d9d9;
  background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%);
  display: none;
}
.btn-samenstellen-wrapper .btn-samenstellen {
  bottom: -10rem;
}

.product .single_add_to_cart_button {
  margin-top: 1rem !important;
}

.sku_wrapper {
  margin: 1.7rem 0 0 0;
  display: block;
  font-size: 0.85rem;
  opacity: 0.7;
}

/* product anchor links
========================================================*/
@media screen and (max-width: 767.98px) {
  .product-anchor-links ul {
    display: flex;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
}

/* product reviews
========================================================*/
.review-slider .owl-stage {
  display: flex;
}
.review-slider .owl-item {
  display: flex;
  flex: 1 0 auto;
}
.review-slider .owl-nav button {
  width: 3.4rem;
  height: 3.4rem;
  top: calc(50% - 1.7rem);
  position: absolute;
  color: #fe6c20 !important;
  border-radius: 50%;
  background-color: white !important;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  transition: 0.3s all ease;
}
.review-slider .owl-nav button.owl-prev {
  left: -0.2rem;
}
@media screen and (min-width: 576px) {
  .review-slider .owl-nav button.owl-prev {
    left: -1.7rem;
  }
}
.review-slider .owl-nav button.owl-prev:hover {
  transform: translateX(-0.2rem);
}
.review-slider .owl-nav button.owl-next {
  right: -0.2rem;
}
@media screen and (min-width: 576px) {
  .review-slider .owl-nav button.owl-next {
    right: -1.7rem;
  }
}
.review-slider .owl-nav button.owl-next:hover {
  transform: translateX(0.2rem);
}
.review-slider .owl-nav button.disabled {
  display: none;
}
.review-slider .owl-dots {
  margin: 0.6rem 0 0 0;
  text-align: center;
}
.review-slider .owl-dots button {
  width: 0.8rem;
  height: 0.8rem;
  margin: 0 0.2rem;
  border-radius: 50%;
  background-color: #f9ba9d;
}
.review-slider .owl-dots button.active {
  background-color: #fe6c20;
}

#reviews_product {
  min-height: 5rem;
  position: relative;
}
#reviews_product .pagination {
  margin-top: 2.1rem;
  justify-content: center;
}
#reviews_product .pagination span {
  flex: 0 0 2.2rem;
  height: 2.2rem;
  font-family: "Figtree", sans-serif;
  font-weight: 900;
  font-size: 0.95rem;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-left: 0.5rem;
  border-radius: 50%;
}
#reviews_product .pagination span.selected {
  background-color: #d9d9d9;
  color: #091f2f;
}
#reviews_product .pagination span.selected:hover {
  cursor: auto;
}
#reviews_product .pagination span:hover {
  cursor: pointer;
}
#reviews_product .overlay {
  background-color: rgba(244, 240, 237, 0.7);
  position: absolute;
  z-index: 12;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: flex-end;
  padding: 4rem 0;
}

.comment .star-rating {
  margin: 0.75rem 0 1rem 0;
  float: none;
}
.comment .meta {
  padding: 0 0 0 2rem;
}
.comment .meta:before {
  content: url("images/logo-kiyoh.svg");
  width: 1.3rem;
  top: 0.1rem;
  left: 0;
  position: absolute;
}
.comment .read-more-content .hidden {
  display: none;
}
.comment .read-more-content button {
  color: #091f2f;
  text-decoration: underline;
  border: 0;
  background: unset;
}

.review-overlay {
  width: 93vw;
  height: 100%;
  top: 0;
  right: 0;
  position: fixed;
  z-index: 9999;
  background-color: #f4f3ed;
  transform: translate3d(100%, 0, 0);
  transition: 0.5s;
}
@media screen and (min-width: 992px) {
  .review-overlay {
    width: 100vw;
    max-width: 50rem;
  }
}
.review-overlay.open {
  transform: translate3d(0, 0, 0);
  overflow-y: auto;
  overflow-x: hidden;
}
.review-overlay .review-overlay-header {
  width: 100%;
  height: 4rem;
  position: sticky;
  top: 0;
  font-size: 1.25rem;
  z-index: 11;
}
.review-overlay .review-overlay-header button {
  right: 2rem;
  padding: 0;
  background: unset;
  border: 0;
  font-size: 1.5rem;
  transition: all 0.3s ease;
}
.review-overlay .review-overlay-header button:hover {
  transform: rotate(90deg);
}
.review-overlay .review-overlay-content {
  padding: 1.5rem;
}
.review-overlay .pagination {
  margin-top: 2.1rem;
  justify-content: center;
}
.review-overlay .pagination span {
  flex: 0 0 2.2rem;
  height: 2.2rem;
  font-family: "Figtree", sans-serif;
  font-weight: 900;
  font-size: 0.95rem;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-left: 0.5rem;
  border-radius: 50%;
}
.review-overlay .pagination span.selected {
  background-color: #d9d9d9;
  color: #091f2f;
}
.review-overlay .pagination span.selected:hover {
  cursor: auto;
}
.review-overlay .pagination span:hover {
  cursor: pointer;
}
.review-overlay .overlay {
  background-color: rgba(244, 240, 237, 0.7);
  position: absolute;
  z-index: 12;
  display: flex;
  top: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: flex-end;
  padding: 4rem 0;
}

.review-screen-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  height: 0;
  left: 0;
  opacity: 1;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  will-change: opacity;
  z-index: 9998;
}
.review-screen-overlay.open {
  height: 100%;
  animation: overlay-fade-in 0.15s ease-in-out forwards;
}

@keyframes overlay-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* product omschrijving
========================================================*/
.product-info-row {
  padding-top: 3rem;
}
@media screen and (min-width: 576px) {
  .product-info-row {
    padding-top: 4.6rem;
  }
}

.product-description {
  max-height: 10rem;
  overflow: hidden;
}
.product-description.open {
  max-height: 100%;
}

/* product specificaties
========================================================*/
.btn-more-wrapper {
  height: 10rem;
  margin: -10rem 0 1.8rem 0;
  border-bottom: 1px solid #d9d9d9;
  background: linear-gradient(0deg, #f4f3ed 0%, rgba(255, 255, 255, 0) 100%);
}
.btn-more-wrapper .btn-more {
  bottom: -8rem;
}

/* extra afbeeldingen
========================================================*/
.extra-afbeeldingen img {
  aspect-ratio: 4/3;
  object-fit: cover;
  object-position: center;
}

/* product faq
========================================================*/
.faq {
  border-radius: 5px;
}
.faq:not(:last-child) {
  margin: 0 0 1rem 0;
}

.question .collapse a {
  color: #fe6c20;
}

.faq-question {
  padding: 1.2rem 3.2rem 1.2rem 1.3rem;
  margin-bottom: 0.5rem;
  position: relative;
}
.faq-question:hover {
  cursor: pointer;
}
.faq-question img {
  height: 2.6rem;
  aspect-ratio: 1/1;
  margin: 0 1rem 0 0;
  object-fit: contain;
}
.faq-question:after {
  content: "\f068";
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  position: absolute;
  right: 1.3rem;
}
.faq-question.collapsed:after {
  content: "\f067";
}

.faq-answer .faq-answer-in {
  padding: 0 1.3rem 1.2rem 1.3rem;
}
.faq-answer .faq-answer-in p {
  color: #091f2f;
}
.faq-answer .faq-answer-in p:last-of-type {
  margin-bottom: 0;
}

/* hoofdborden
========================================================*/
.cloud-round {
  display: flex;
  flex-direction: column;
  border: 2px solid #CCD0D5;
  aspect-ratio: 1/1;
  background-image: url(images/background-clouds.jpg);
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  margin: 0 0.75rem;
  position: relative;
}
.cloud-round img {
  position: absolute;
  transition: 0.3s all ease;
}
.cloud-round img.image-default {
  max-width: calc(100% + 1.5rem);
  left: -0.75rem;
}
.cloud-round img.image-mouseover {
  opacity: 0;
}
.cloud-round:hover .image-default {
  opacity: 0;
}
.cloud-round:hover .image-mouseover {
  opacity: 1;
}

/* stoffen
========================================================*/
.title-icon {
  width: 8.5rem;
  height: 8.5rem;
  flex: 0 0 8.5rem;
  padding: 2.1rem;
}

.stof-staal {
  width: 8rem;
  height: 8rem;
  flex: 0 0 8rem;
}
@media screen and (min-width: 576px) {
  .stof-staal {
    width: 11.5rem;
    height: 11.5rem;
    flex: 0 0 11.5rem;
  }
}
.stof-staal .icon {
  width: 3rem;
  height: 3rem;
  bottom: 0;
  right: -1.5rem;
  padding: 0.9rem;
}
@media screen and (min-width: 576px) {
  .stof-staal .icon {
    width: 4rem;
    height: 4rem;
  }
}

/* toppers
========================================================*/
#toppers .nav-item, #matrassen .nav-item {
  margin: 0 0 1rem 0;
}

/* usp bar
========================================================*/
.usp-icon-bar {
  padding: 1.5rem;
}
@media screen and (min-width: 576px) {
  .usp-icon-bar {
    padding: 2rem;
  }
}
.usp-icon-bar figure {
  flex: 0 0 3.8rem;
  padding: 1rem;
  aspect-ratio: 1/1;
}
@media screen and (min-width: 576px) {
  .usp-icon-bar figure {
    flex: 0 0 4.8rem;
    padding: 1.2rem;
  }
}

/* matrassen
========================================================*/
.matras-slider .owl-dots {
  text-align: center;
}
.matras-slider .owl-dots button {
  width: 0.9rem;
  height: 0.9rem;
  margin: 0 0.2rem;
  border-radius: 50%;
  background-color: #f4f3ed;
}
.matras-slider .owl-dots button.active {
  background-color: #fe6c20;
}

.matrassen figure {
  aspect-ratio: 1/1;
}

/*========================================================
            winkelwagen pagina
=========================================================*/
.empty-cart figure {
  max-width: 5.8rem;
}

.wc_coupon_message_wrap {
  display: none;
}

.woocommerce table.shop_table {
  border-spacing: 0;
  border: none;
}
.woocommerce table.shop_table .product-thumbnail {
  width: 100px;
}
.woocommerce table.shop_table .product-thumbnail img {
  max-width: 80px;
  max-height: 80px;
  width: auto;
}
.woocommerce table.shop_table .product-name a {
  color: #091f2f;
  font-weight: 700;
  text-decoration: none;
}
.woocommerce table.shop_table .product-name a:hover {
  text-decoration: underline;
}
.woocommerce table.shop_table .delete-product-cart {
  color: #6c757d;
}
.woocommerce table.shop_table .delete-product-cart:hover {
  color: #091f2f;
}
.woocommerce table.shop_table .product-price {
  text-align: right;
  padding-right: 1rem;
}
.woocommerce table.shop_table .product-subtotal {
  text-align: right;
}
.woocommerce table.shop_table th, .woocommerce table.shop_table td {
  padding: 0.5rem;
}
.woocommerce table.shop_table td {
  padding: 0.5rem;
  border: none;
  border-top: 1px solid #eee;
}
.woocommerce table.shop_table .cart-discount td {
  font-weight: 700;
  color: green;
}

.cart_item .variation {
  line-height: 1.3rem !important;
}
.cart_item .variation dt, .cart_item .variation dd {
  display: none !important;
  font-size: 0.9rem;
}
.cart_item .variation:hover {
  cursor: pointer;
}
.cart_item .variation:hover:before {
  color: #fe6c20;
}
.cart_item .variation.show dt, .cart_item .variation.show dd {
  display: unset !important;
}
.cart_item .variation.show dd {
  display: block !important;
  margin-bottom: 6px !important;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.cart_item .variation.show dd:last-child {
  border-bottom: 0;
}
.cart_item .variation.show:before {
  content: "Verberg gekozen opties";
  margin-bottom: 9px;
}
.cart_item .variation:before {
  content: "Bekijk gekozen opties";
  margin: 0.1rem 0 0 0;
  display: table;
  font-size: 0.8rem;
  font-weight: 400;
  color: #091f2f;
}
.cart_item .variation .wcpa_cart_val {
  display: flex;
  justify-content: space-between;
}
.cart_item dl.variation dt {
  float: unset !important;
  margin-right: 0 !important;
}
.cart_item dl.variation .wcpa_cart_val {
  font-weight: 400;
}
.cart_item dl.variation .wcpa_cart_price {
  margin-left: 1rem;
  flex-shrink: 0;
}

.woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
  background-color: white;
}

.woocommerce-remove-coupon {
  display: block;
  color: #091f2f;
  font-size: 0.8rem;
  font-weight: 400;
}

.cross-sell-item {
  padding: 1rem;
  border: 1px solid #eee;
}
.cross-sell-item figure {
  width: 100%;
  height: 80px;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: #fff !important;
}
.cross-sell-item a {
  color: #091f2f;
  text-decoration: none;
}
.cross-sell-item p {
  font-size: 15px;
}
.cross-sell-item span.text-link {
  margin-top: -6px !important;
  font-size: 15px;
  color: #000;
  text-decoration: underline;
}
.cross-sell-item:hover {
  text-decoration: none;
}
.cross-sell-item .wcpa_form_outer {
  margin-top: 0.25rem;
  overflow: unset;
}
.cross-sell-item .wcpa_form_outer .wcpa_form_item {
  margin: 0 0 0.5em 0;
}
.cross-sell-item .wcpa_form_outer .wcpa_form_item .wcpa_form_outer .wcpa_form_item .select_arrow {
  right: 0.5rem;
}
.cross-sell-item .wcpa_form_outer .wcpa_form_item label, .cross-sell-item .wcpa_form_outer .wcpa_form_item .subtitel-kleur {
  display: none;
}
.cross-sell-item .wcpa_form_outer .wcpa_form_item select {
  font-size: 0.8rem;
  padding: 0.25rem 0.5rem !important;
}
.cross-sell-item .wcpa_form_outer .wcpa_form_item.wcpa_type_color-group:after {
  font-size: 0.8rem;
  line-height: 1rem;
  display: block;
}
.cross-sell-item .wcpa_form_outer .wcpa_form_item .wcpa_color {
  font-size: 0 !important;
  margin-right: 0.25rem !important;
  margin-bottom: 0 !important;
}
.cross-sell-item .wcpa_form_outer .wcpa_form_item .wcpa_color label span {
  min-width: 40px !important;
  height: 40px !important;
}
.cross-sell-item .wcpa_form_outer .wcpa_form_item .color-group input:checked + label span.label_inside:after {
  display: none !important;
}
.cross-sell-item .button.button.alt {
  width: auto !important;
  margin: 0.3rem 0 0 0;
  padding: 0.4rem 1rem !important;
  font-size: 0 !important;
  color: #fe6c20;
  border: 2px solid #fe6c20;
  background-color: white !important;
}
.cross-sell-item .button.button.alt:hover {
  color: #fe6c20;
}
.cross-sell-item .button.button.alt i {
  display: none;
}
.cross-sell-item .button.button.alt:after {
  content: "\e3f3";
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  font-size: 1.1rem;
}
.cross-sell-item .wcpa_price_summary {
  background-color: transparent;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
  /* SINGLE VERSION */
  float: left;
  margin-top: 0.6rem;
  margin-right: 1rem;
  /* SINGLE VERSION */
}
.cross-sell-item .wcpa_price_summary .wcpa_options_total, .cross-sell-item .wcpa_price_summary .wcpa_product_total {
  display: none !important;
}
.cross-sell-item .wcpa_price_summary .wcpa_total {
  border-top: none !important;
  padding: 0;
  /* SINGLE VERSION */
  /* SINGLE VERSION */
}
.cross-sell-item .wcpa_price_summary .wcpa_total span {
  display: none;
}
.cross-sell-item .wcpa_price_summary .wcpa_total .wcpa_price_outer {
  float: none;
  display: inline;
}
.cross-sell-item .wcpa_price_summary .wcpa_total .wcpa_price_outer span {
  display: inline;
}
.cross-sell-item .quantity {
  /* SINGLE VERSION */
  display: none;
  /* SINGLE VERSION */
}
.cross-sell-item .quantity .qty {
  height: auto;
  font-size: 0.8rem;
  float: left;
  padding: 0 0 0 0.5rem;
  margin-right: 0.5rem;
  text-align: left;
}
.cross-sell-item .cart .button, .cross-sell-item .cart input.button {
  padding: 0.55rem 1.25rem !important;
}

.cross-sells .wcpa_form_outer .wcpa_form_item .color-group.color-inline .wcpa_color label span {
  min-width: 2rem !important;
  height: 2rem !important;
}
.cross-sells .wcpa_form_item.wcpa_type_color-group:after {
  margin: 0.4rem 0 0 0;
}

.cart-collaterals {
  padding: 1.5rem;
  border: 1px solid #eeeeee;
  border-radius: 5px;
}
.cart-collaterals .shop_table th {
  font-weight: 400 !important;
}
.cart-collaterals .wc-proceed-to-checkout {
  margin: 1rem 0 0 0;
  padding: 0 !important;
}
.cart-collaterals .wc-proceed-to-checkout a.checkout-button {
  margin: 0 !important;
}

.woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td {
  border-top: 0;
}

.cart-collaterals tr.order-total {
  transform: translateY(0.5rem);
}
.cart-collaterals tr.order-total th, .cart-collaterals tr.order-total td {
  line-height: 2.2 !important;
  border-top: 2px solid #eee !important;
}
.cart-collaterals tr.order-total th {
  font-weight: 700 !important;
}

/*========================================================
            checkout
=========================================================*/
.form-label {
  font-size: 0.95rem;
  opacity: 0.7;
}

.form-select, .form-control {
  border: 1px solid #CCD0D5;
  border-radius: 5px;
  padding: 0.8rem 1rem;
}
.form-select:focus, .form-control:focus {
  border-color: #fe6c20;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(254, 108, 32, 0.25);
}

.form-control.form-control-sm {
  padding: 0.5rem;
}

.form-select {
  padding: 0.8rem 3rem 0.8rem 1rem;
  background-size: 2rem 12px;
}
.form-select.form-select-sm {
  padding: 0.5rem 1.75rem 0.5rem 0.75rem;
  background-size: 1.5rem 12px;
  background-position: right 0.25rem center;
}

.woocommerce form .form-row .required {
  color: #091f2f;
  font-weight: 400;
}

.woocommerce-form__label-for-checkbox {
  padding-left: 1.8rem;
  position: relative;
  display: block !important;
  line-height: 1.6 !important;
  cursor: pointer;
}
.woocommerce-form__label-for-checkbox input[type=checkbox] {
  width: 1.05rem;
  height: 1.05rem;
  position: absolute;
  top: 0.5rem;
  left: 0;
  margin: 0;
  display: flex !important;
  align-items: center;
  justify-content: center;
  color: #fe6c20;
  border: 1px solid gray;
  border-radius: 3px;
  -webkit-appearance: none;
  appearance: none;
  background-color: white;
}
.woocommerce-form__label-for-checkbox input[type=checkbox]:before {
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-size: 0.9rem;
  font-weight: 700;
  color: #091f2f;
}
.woocommerce-form__label-for-checkbox input[type=checkbox]:checked {
  border-color: #fe6c20;
  background-color: #fe6c20;
}
.woocommerce-form__label-for-checkbox input[type=checkbox]:checked:before {
  content: "\f00c";
  color: white;
  font-family: "Font Awesome 6 Pro";
  font-size: 0.9rem;
  font-weight: 700;
}

.woocommerce-additional-fields {
  margin: 0.5rem 0 1.5rem 0;
}

#ship-to-different-address {
  padding: 3px;
  font-family: "Noto Sans", sans-serif;
  font-size: 1.06rem;
}
#ship-to-different-address input[type=checkbox] {
  top: 0.35rem;
}

.iti__selected-flag {
  font-size: 1rem;
}

.iti--separate-dial-code {
  width: 100%;
}

/* woocommerce fields
========================================================*/
.select2-container--default .select2-selection--single .select2-selection__rendered {
  border: 5px;
}

.select2-container .select2-selection--single {
  height: auto;
  border-radius: 5px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  width: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0.8rem 1rem;
  border: 1px solid #CCD0D5;
  border-radius: 5px;
  line-height: normal;
}

.select2-container--default .select2-selection--single {
  border: none;
}

.select2-search--dropdown {
  display: block;
  padding: 0 1.5rem 0.5rem 1.5rem;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #CCD0D5;
  border-radius: 5px;
}

.select2-results__option {
  padding: 0.25rem 1.5rem;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container--default .select2-results__option[data-selected=true], .select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #f9ba9d;
}

.select2-container--default .select2-results__option--highlighted[data-selected], .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #fe6c20;
  color: #fff;
}

.woocommerce-input-wrapper {
  position: relative;
}
.woocommerce-input-wrapper input[type=checkbox] {
  width: 1.05rem;
  height: 1.05rem;
  position: absolute;
  top: 0.45rem;
  left: 0;
  margin: 0;
  display: flex !important;
  align-items: center;
  justify-content: center;
  color: #fe6c20;
  border: 1px solid gray;
  border-radius: 3px;
  -webkit-appearance: none;
  appearance: none;
  background-color: white;
}
.woocommerce-input-wrapper input[type=checkbox]:checked {
  border-color: #fe6c20;
  background-color: #fe6c20;
}
.woocommerce-input-wrapper input[type=checkbox]:checked:before {
  content: "\f00c";
  color: white;
  font-family: "Font Awesome 6 Pro";
  font-size: 0.9rem;
  font-weight: 700;
}
.woocommerce-input-wrapper .optional {
  padding-left: 1.85rem;
  float: left;
  font-size: 0.9rem;
}

/* product table
========================================================*/
.woocommerce-checkout-review-order-table figure {
  width: 5rem;
  height: 5rem;
  margin-right: 1rem;
  aspect-ratio: 1/1;
}
.woocommerce-checkout-review-order-table img {
  width: 100%;
  height: 100%;
  padding: 0.3rem;
}
.woocommerce-checkout-review-order-table .product-quantity {
  width: 1.5rem;
  height: 1.5rem;
  top: -0.45rem;
  right: -0.45rem;
  font-size: 0.82rem;
  background-color: gray;
}
.woocommerce-checkout-review-order-table .woocommerce-Price-currencySymbol {
  display: none;
}
.woocommerce-checkout-review-order-table tr.cart_item td {
  border-top: 0 !important;
}
.woocommerce-checkout-review-order-table td {
  padding: 0.5rem 0 !important;
}
.woocommerce-checkout-review-order-table td.product-total {
  vertical-align: top !important;
}
.woocommerce-checkout-review-order-table td.product-name dl.variation dt {
  float: unset;
  margin-right: 0;
}
.woocommerce-checkout-review-order-table td.product-name dl.variation .wcpa_cart_val {
  font-weight: 400;
}
.woocommerce-checkout-review-order-table td.product-name dl.variation .wcpa_cart_price {
  margin-left: 1rem;
  flex-shrink: 0;
}

.order-full-total td, .wsc-rf-remaining td {
  text-align: right;
}

/* usps
========================================================*/
.checkout-usp-block {
  font-size: 0.92rem;
}
.checkout-usp-block h3 {
  margin: 0 0 0.45rem 0;
  font-size: 1.2rem;
}
.checkout-usp-block ul li {
  position: relative;
  padding-left: 1.5rem;
}
.checkout-usp-block ul li i {
  top: 0.3rem;
  left: 0;
  position: absolute;
  color: #009500;
  font-size: 1rem;
}
.checkout-usp-block img.thuiswinkel-logo {
  height: 1.9rem;
}
.checkout-usp-block img.ecommerce-europe-logo {
  height: 2.6rem;
}
.checkout-usp-block img.kiyoh {
  height: 2rem;
}

.checkout-tekst p {
  margin: 0 0 1rem 0;
}
.checkout-tekst ul {
  padding: 0;
  list-style-type: none;
}
.checkout-tekst ul li {
  position: relative;
  padding-left: 2.8rem;
  display: flex;
  align-items: center;
}
.checkout-tekst ul li:not(:last-child) {
  margin: 0 0 0.6rem 0;
}
.checkout-tekst ul li:before {
  position: absolute;
  font-family: "Font Awesome 6 Pro";
  color: #fe6c20;
  font-size: 1.5rem;
  font-weight: 300;
  left: 0;
}
.checkout-tekst ul li:first-child:before {
  content: "\f658";
}
.checkout-tekst ul li:nth-child(2):before {
  content: "\e0d2";
}
.checkout-tekst ul li:nth-child(3):before {
  content: "\f880";
}

/* betaalmethoden
========================================================*/
#payment {
  background-color: white !important;
}
#payment .form-row {
  padding: 0 !important;
}

#payment #place_order, .woocommerce-page #payment #place_order {
  width: 100%;
  margin: 0.5rem 0 0 0;
  float: unset !important;
}

ul.wc_payment_methods {
  margin: 0 0 1.3rem 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
ul.wc_payment_methods li:not(:last-child) label {
  border-bottom: 0;
}
ul.wc_payment_methods li input[type=radio] {
  opacity: 0;
  position: fixed;
  width: 0;
}
ul.wc_payment_methods li:first-child label {
  border-radius: 5px 5px 0 0;
}
ul.wc_payment_methods li:last-child label {
  border-radius: 0 0 5px 5px;
}
ul.wc_payment_methods li label {
  width: 100%;
  margin: 0;
  padding: 1rem;
  display: flex;
  align-items: center;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
ul.wc_payment_methods li label:before {
  content: "\f111";
  font-family: "Font Awesome 6 Pro";
  color: #8f8f9d;
  margin-right: 0.5rem;
}
ul.wc_payment_methods li label img {
  width: 2.2rem;
  margin: 0 !important;
  position: absolute !important;
  right: 1rem;
  top: 1rem;
}
ul.wc_payment_methods li input[type=radio]:checked + label {
  background-color: #f9eae5;
  border-color: #f9ba9d;
}
ul.wc_payment_methods li input[type=radio]:checked + label:before {
  content: "\f192";
  color: #fe6c20;
  font-weight: 600;
}
ul.wc_payment_methods li .payment_box {
  margin: 0 !important;
  padding: 0 1rem 1rem 1rem !important;
  background: #f9eae5 !important;
  border-radius: 0 !important;
  border-right: 1px solid #f9ba9d;
  border-left: 1px solid #f9ba9d;
  border-bottom: 1px solid #f9ba9d;
}
ul.wc_payment_methods li .payment_box:before {
  display: none !important;
}
ul.wc_payment_methods li .payment_box p {
  margin: 0;
}
ul.wc_payment_methods li .payment_box legend {
  font-size: 1rem;
  font-weight: 700;
  margin: 1rem 0 0 0;
}
ul.wc_payment_methods li .payment_box select, ul.wc_payment_methods li .payment_box input[type=date] {
  width: 100%;
  margin: 0.5rem 0 0 0;
  padding: 0.8rem;
  border: 1px solid #CCD0D5;
  border-radius: 5px;
  transition: all 0.3s ease;
}
ul.wc_payment_methods li .payment_box select:hover, ul.wc_payment_methods li .payment_box input[type=date]:hover {
  border: 1px solid #a1a9ad;
}
ul.wc_payment_methods li .payment_box select:focus, ul.wc_payment_methods li .payment_box input[type=date]:focus {
  border-color: #fe6c20;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(254, 108, 32, 0.25);
}
ul.wc_payment_methods li:last-child .payment_box:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
ul.wc_payment_methods li:hover input[type=radio] + label {
  background-color: whitesmoke;
}
ul.wc_payment_methods li:hover input[type=radio]:checked + label {
  background-color: #f9eae5;
  border-color: #f9ba9d;
}
ul.wc_payment_methods li:hover input[type=radio]:checked + label:before {
  color: #fe6c20;
}

.wsc_rf_cod .wsc_rf_cod_checkbox {
  width: unset;
  height: unset;
  margin-right: 1.5rem;
  margin-left: 0.02rem;
  top: 0;
  border: 0;
  background-color: unset;
}
.wsc_rf_cod .wsc_rf_cod_checkbox:before {
  content: "\f0c8";
  position: absolute;
  top: -1.02rem;
  font-family: "Font Awesome 6 Pro";
  color: #8f8f9d;
}
.wsc_rf_cod input[type=checkbox]:checked + label .wsc_rf_cod_checkbox:before {
  content: "\f14a";
  color: #fe6c20;
  font-weight: 600;
}
.wsc_rf_cod input[type=checkbox]:checked + label .wsc_rf_cod_checkbox:after {
  display: none !important;
}
.wsc_rf_cod input[type=checkbox]:checked + label {
  border-color: #f9ba9d;
  background-color: #f9eae5;
}

ul.wc_payment_methods li.wsc_rf_cod .payment_box {
  border-color: #f9ba9d !important;
  background: #f9eae5 !important;
}

.woocommerce-shipping-totals #shipping_method li {
  text-align: right;
}
.woocommerce-shipping-totals #shipping_method li:last-child {
  margin-bottom: 0;
}
.woocommerce-shipping-totals #shipping_method li input {
  display: none;
}
.woocommerce-shipping-totals #shipping_method li input[type=hidden] + label::before {
  content: none;
}
.woocommerce-shipping-totals #shipping_method li label::before {
  content: "\f111";
  font-family: "Font Awesome 6 Pro";
  margin-right: 0.5rem;
  font-weight: 400;
  color: #8f8f9d;
}
.woocommerce-shipping-totals #shipping_method li input:checked + label::before {
  content: "\f192";
  font-weight: 600;
  color: #fe6c20;
}

/*========================================================
            showroom
=========================================================*/
.contact-list li {
  padding-left: 2.9rem;
  position: relative;
  display: flex;
  align-items: center;
}
.contact-list li:not(last-child) {
  margin-bottom: 1rem;
}
.contact-list li:before {
  font-family: "Font Awesome 6 Pro";
  font-size: 1.5rem;
  font-weight: 300;
  position: absolute;
  left: 0;
  color: #fe6c20;
}
.contact-list li.adres:before {
  content: "\f5a0";
}
.contact-list li.telefoon:before {
  content: "\f095";
}
.contact-list li.e-mail:before {
  content: "\f0e0";
}

.contact_map {
  height: 29rem;
}

#map-info-content {
  font-family: "Noto Sans", sans-serif;
  padding: 0.4rem;
  font-size: 1rem;
}
#map-info-content p {
  line-height: 1.6;
}

.gm-style-iw button {
  right: 2px !important;
  top: 2px !important;
}

.tabel-openingstijden.table > :not(caption) > * > * {
  padding: 0.3rem 0;
}
.tabel-openingstijden th {
  font-weight: 400;
}

.beddenleeuw-impressie figure {
  aspect-ratio: 16/11;
}
.beddenleeuw-impressie figure img {
  object-fit: cover;
}

/*========================================================
            contactpagina / faq
=========================================================*/
@media screen and (min-width: 992px) {
  .openingstijden .bordered-lg-right {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
  }
}

.faq-block .faq-block-title {
  padding: 0.8rem 1.5rem;
}
.faq-block .faq-block-title img {
  height: 2.6rem;
  aspect-ratio: 1/1;
  margin: 0 1.1rem 0 0;
  object-fit: contain;
}
.faq-block .faq-block-title button {
  color: #fe6c20;
  border: 0;
  background-color: unset;
}

.faq-category-vragen {
  padding: 0 1.5rem;
}
.faq-category-vragen .question {
  display: block;
  padding: 1.25rem 0 1.25rem 0;
}
.faq-category-vragen .question:not(:last-child) {
  border-bottom: 1px #eee solid;
}
.faq-category-vragen .question .question-link {
  color: #091f2f;
}
.faq-category-vragen .question span {
  padding-right: 1.5rem;
}
.faq-category-vragen .question span:after {
  content: "\f068";
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  position: absolute;
  height: 1.1rem;
  right: 0;
  top: 0.1rem;
}
.faq-category-vragen .question .collapsed span:after {
  content: "\f067";
}
.faq-category-vragen .question .collapse p:first-of-type, .faq-category-vragen .question .collapsing p:first-of-type {
  margin-top: 0.75rem;
}
.faq-category-vragen .question .collapse p:last-of-type, .faq-category-vragen .question .collapsing p:last-of-type {
  margin-bottom: 0;
}

.contact-button {
  color: #091f2f;
  text-decoration: none;
  transition: all 0.3s ease;
}
.contact-button img {
  height: 2.6rem;
  aspect-ratio: 1/1;
  margin: 0 1rem 0 0;
  object-fit: contain;
  transition: all 0.3s ease;
}
.contact-button:hover {
  cursor: pointer;
  color: #fe6c20;
}
.contact-button:hover img {
  transform: scale(0.9);
}

/*========================================================
            footer
=========================================================*/
/* folluw us
========================================================*/
.section-follow-us {
  padding: 3rem 0 2rem 0;
  position: relative;
  color: #fff;
  text-align: center;
  background-size: cover;
  background-position: center;
}
@media screen and (min-width: 576px) {
  .section-follow-us {
    padding: 5rem 0;
  }
}
@media screen and (min-width: 992px) {
  .section-follow-us {
    padding: 15rem 0 10rem 0;
  }
}
.section-follow-us:after {
  content: "";
  background: linear-gradient(180deg, rgba(9, 31, 47, 0) 0%, #091f2f 100%);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.section-follow-us .container {
  position: relative;
  z-index: 8;
}
.section-follow-us .social-icon {
  font-size: 1.75rem;
  color: #fff;
  margin: 0 0.75rem;
}
.section-follow-us .block-follow-us {
  padding: 2rem 0;
}
@media screen and (min-width: 992px) {
  .section-follow-us .block-follow-us {
    padding: 2rem 3rem;
  }
}
@media screen and (min-width: 1200px) {
  .section-follow-us .block-follow-us {
    padding: 2rem 5rem;
  }
}
@media screen and (min-width: 992px) {
  .section-follow-us .block-follow-us.bordered-lg-right {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
  }
}
.section-follow-us .form-newsletter {
  background-color: #fff;
  display: flex;
}
.section-follow-us .form-newsletter input {
  border: 0;
  padding: 1rem 1.4rem;
  border: none;
  width: calc(100% - 11rem);
}
.section-follow-us .form-newsletter button {
  padding: 1rem 0;
  width: 11rem;
  color: #fe6c20;
  font-weight: bold;
  background-color: transparent;
  border: none;
  border-left: 1px solid #f5f5f5;
  transition: all 0.4s ease;
}
.section-follow-us .form-newsletter button .fa-regular, .section-follow-us .form-newsletter button .fa-light, .section-follow-us .form-newsletter button .fa-solid {
  transition: transform 0.4s ease;
}
.section-follow-us .form-newsletter button:hover {
  background-color: #fe6c20;
  color: #fff;
  border-left-color: #fe6c20;
}
.section-follow-us .form-newsletter button:hover .fa-regular, .section-follow-us .form-newsletter button:hover .fa-light, .section-follow-us .form-newsletter button:hover .fa-solid {
  transform: translateX(0.25rem);
  color: #fff;
}

.thuiswinkel {
  width: 6.5rem;
}
@media screen and (min-width: 576px) {
  .thuiswinkel {
    width: 6rem;
  }
}

.usp-bar {
  padding: 1rem 0;
}

footer {
  padding: 0 0 4rem 0;
}
@media screen and (min-width: 576px) {
  footer {
    padding: 2rem 0 4rem 0;
  }
}
footer .footer-logos {
  margin-bottom: 4rem;
}
@media screen and (min-width: 576px) {
  footer .footer-logos {
    margin-bottom: 5rem;
  }
}
footer .footer-logos li img {
  height: 1.7rem;
}
@media screen and (min-width: 768px) {
  footer .footer-logos li img {
    height: 1.9rem;
  }
}
footer .footer-logos li img.logo-thuiswinkel-waarborg {
  height: 2.3rem;
}
footer .footer-logos li img.logo-ecommerce-trustmark {
  height: 3.8rem;
}
footer .footer-logos li:not(:last-child) {
  margin-right: 1.5rem;
}
@media screen and (min-width: 576px) {
  footer .footer-logos li:not(:last-child) {
    margin-right: 4rem;
  }
}
footer ul {
  line-height: 2rem;
}
footer ul li a {
  color: white;
  text-decoration: none;
}
footer ul li a:hover {
  color: white;
  text-decoration: underline;
}
footer .footerbar {
  margin-top: 2rem;
  padding-top: 1.7rem;
  border-top: 1px solid #8597a8;
  color: #8597a8;
  font-size: 0.95rem;
}
@media screen and (min-width: 992px) {
  footer .footerbar {
    margin-top: 4rem;
  }
}
@media screen and (min-width: 1200px) {
  footer .footerbar {
    margin-top: 6rem;
  }
}
footer .footerbar .footerbar-nav li:not(:last-child) {
  margin-right: 1.2rem;
}
@media screen and (min-width: 576px) {
  footer .footerbar .footerbar-nav li:not(:last-child) {
    margin-right: 1.5rem;
  }
}
footer .footerbar a {
  text-decoration: none;
  color: #8597a8;
}
footer .footerbar a:hover {
  text-decoration: underline;
}
footer .footerbar .payment-logos img {
  height: 1.5rem;
}

.landing-header {
  height: 11rem !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: center !important;
}
.landing-header:after {
  display: none !important;
}

.landing-usp ul {
  list-style-type: none;
  padding-inline-start: 28px;
}
.landing-usp ul li {
  position: relative;
  margin-bottom: 5px;
}
.landing-usp ul li:before {
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  color: #fe6c20;
  position: absolute;
  left: -27px;
}

.intro {
  font-size: 1.1rem;
  line-height: 1.7;
}

.modal-video .modal-header {
  padding: 0;
  border-bottom: none;
}
.modal-video .modal-content {
  background-color: transparent;
  border: none;
}
.modal-video .modal-body {
  padding: 0;
}
.modal-video .close {
  width: 2rem;
  height: 2rem;
  margin: 0 0 0.4rem auto;
  color: #fff;
  font-size: 2.7rem;
  text-shadow: none;
  padding: 0;
  opacity: 1;
  border: 0;
  background: unset;
}
.modal-video .close span {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.inspiratie .card {
  border: none;
}
.inspiratie .card .card-img {
  border-radius: 0;
}

.cta-sticky {
  position: sticky;
  top: 50px;
}

.bg-p-cc {
  background-position: center center;
}

.bg-christmas {
  background: #cc231e !important;
  color: #fff !important;
  position: relative;
}
.bg-christmas .action-preview {
  border: 2px solid #fff;
  background-color: #fff;
}
.bg-christmas .action-preview .preview-subtitel {
  color: #000;
  font-weight: 600;
}
.bg-christmas .action-preview h4 {
  color: #cc231e !important;
}
.bg-christmas .action-preview p {
  color: #000;
}
.bg-christmas .action-preview:hover {
  background-color: #af1915;
  border: 2px solid #af1915;
}
.bg-christmas .action-preview:hover .preview-subtitel {
  color: #fff !important;
}
.bg-christmas .action-preview:hover h4 {
  color: #fff !important;
}
.bg-christmas .action-preview:hover p {
  color: #fff;
}
.bg-christmas .christmas-icon {
  padding: 15px;
  position: absolute;
  left: 0;
  bottom: 0;
  max-width: 50%;
  max-height: 100%;
}
@media (max-width: 768px) {
  .bg-christmas .christmas-icon {
    max-width: 100%;
    height: auto;
  }
}
.bg-christmas .christmas-icon-right {
  padding: 15px;
  max-width: 50%;
  max-height: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (max-width: 768px) {
  .bg-christmas .christmas-icon-right {
    display: none;
  }
}

.bg-christmas-overlay::before {
  content: "";
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  background: #cc231e;
  background: linear-gradient(90deg, rgba(204, 35, 30, 0) 0%, #cc231e 27%, #cc231e 75%, rgba(204, 35, 30, 0) 100%);
  z-index: 1;
}

.bg-christmas-overlay .container {
  position: relative;
  z-index: 2;
}

.actiesnew {
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  position: relative;
}
.actiesnew main p {
  color: #fff;
}

.actiesnew::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
  background-color: #0b1a67;
  opacity: 0.25;
}

.paasactie::before,
.oranjeactie::before {
  content: none;
}

.oranjeactie .action-preview-container .action-preview-icon {
  margin-right: auto !important;
}

.paasactie h1 {
  color: #091f2f;
}

.paasactie p {
  color: #091f2f !important;
}

.paasactie .preview-subtitel {
  color: #fff !important;
}

.paasactie .countdown-banner #clock {
  background-color: #ffeae0 !important;
}
.paasactie .countdown-banner #clock .time-block:not(:last-child) {
  border-right: 1px solid #fad0bb !important;
}

.valentijnsactie h1 {
  color: #d13b56;
}
.valentijnsactie main p {
  color: #d13b56;
}

.valentijnsactie::before {
  background-color: #f8beca;
  opacity: 1;
}

.actiesnew .action-preview-container {
  background-color: #fff;
  border-right: 1px solid #eee;
}

.actiesnew .action-preview-icon {
  display: block;
  clear: both;
}

.actiesnew .action-preview {
  border: none;
  border-radius: 0;
  text-align: left;
  padding: 50px 15px;
}

.actiesnew .action-preview:hover {
  background-color: transparent !important;
}

.actiesnew .preview-subtitel {
  background-color: #091f2f;
  border-radius: 999px;
  padding: 5px 10px;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
}

.actiesnew .action-preview-icon {
  width: 80%;
  height: auto;
  margin-right: auto;
  right: 0;
  left: auto;
  margin-left: auto;
}

.actiesnew .action-preview-container {
  height: 400px;
}

.actiesnew .actionpreviewabso {
  position: absolute;
  left: 25px;
  bottom: 25px;
}

.actiesnew .action-preview h4 {
  margin-bottom: 0;
  color: #091f2f !important;
}

.actiesnew p {
  color: #a4a4a4;
  font-weight: 400;
  font-size: 17px;
}

.bg-sinterklaas {
  background: #e9311a;
  color: #000 !important;
}
.bg-sinterklaas .preview-subtitel {
  font-weight: 900;
}
.bg-sinterklaas .action-preview {
  color: #000 !important;
  border: 2px solid #cf1802;
}
.bg-sinterklaas .action-preview:hover {
  background: #cf1802;
}
.bg-sinterklaas .action-preview h4 {
  color: #f9d926 !important;
}

.sinterklaas-titel {
  color: #f9d926 !important;
}

.matrasbg {
  position: relative;
  margin-top: 30px;
  height: 160px;
  width: 56%;
  background-size: cover !important;
  background-position: top left;
}

.bal {
  height: 175px;
  position: absolute;
  right: 13%;
  top: -100px;
}

.uitgelicht {
  padding: 4.6rem;
}
@media (max-width: 768px) {
  .uitgelicht {
    padding: 3rem 0 0 0;
  }
}

.category .block {
  color: #091f2f;
  text-decoration: none;
  background-size: 38%;
  background-position: right center;
  background-repeat: no-repeat !important;
  height: 100%;
  transition: all 0.3s ease;
}
.category .block:hover {
  color: #091f2f;
  text-decoration: none;
}
.category .block:hover strong {
  color: #fe6c20;
}
.category .block:hover p {
  color: #091f2f;
}
.category .block .block-container {
  padding-right: 42%;
}

.countdown-banner-small {
  padding: 2rem 0;
}
@media screen and (min-width: 576px) {
  .countdown-banner-small {
    padding: 3rem 0;
  }
}

.header-figure {
  height: 15rem;
  background-size: cover;
  background-position: center;
  position: relative;
}
.header-figure:after {
  content: "";
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.header-figure-img {
  height: 22vh;
  max-height: 22vh;
  margin: 0;
  position: relative;
  overflow: hidden;
}
.header-figure-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.header-figure-img:after {
  content: "";
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.bg-pos {
  background-size: cover;
  background-position: center center;
}

.bg-image-half {
  position: relative;
  height: 15rem;
  width: calc(100% + 25px);
  padding: 0;
  margin: 0px -15px;
}
@media screen and (min-width: 576px) {
  .bg-image-half {
    height: 60vh;
  }
}
@media screen and (min-width: 1200px) {
  .bg-image-half {
    position: absolute;
    width: calc(50% - 60px);
    display: block;
    height: 100%;
    right: 0;
    padding: 0 15px;
    z-index: 4;
    margin: unset;
  }
}

.banner {
  position: relative;
  height: 45rem;
  color: #fff;
}
.banner::before {
  content: "";
  width: 100%;
  height: 60%;
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0);
  background: -moz-linear-gradient(top, rgba(9, 31, 47, 0) 0%, #091f2f 90%);
  background: -webkit-linear-gradient(top, rgba(9, 31, 47, 0) 0%, #091f2f 90%);
  background: -o-linear-gradient(top, rgba(9, 31, 47, 0) 0%, #091f2f 90%);
  background: -ms-linear-gradient(top, rgba(9, 31, 47, 0) 0%, #091f2f 90%);
  background: linear-gradient(to bottom, rgba(9, 31, 47, 0) 0%, #091f2f 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#091f2f", endColorstr="#091f2f", GradientType=0);
}
.banner a {
  color: #fff;
}
.banner .h1, .banner strong {
  color: #fff;
  text-shadow: 1px 0 7px rgba(0, 0, 0, 0.35);
}

.video-btn {
  padding: 30px 60px;
  font-weight: 700;
  font-size: 1.05rem;
  line-height: 48px;
  text-decoration: none;
  color: #091f2f;
}
.video-btn .btn-play {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 15px;
  height: 48px;
  width: 48px;
  background: #000;
  text-align: center;
  border-radius: 50px;
}
.video-btn .btn-play i {
  color: #fff;
  font-size: 0.75rem;
}

.btn-video-mobile {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  text-align: center;
  line-height: 3rem;
  padding-left: 0.25rem;
  padding-top: 0.1rem;
}

.cta-banner.bg-orange {
  color: white;
}
.cta-banner p:last-of-type {
  margin: 0;
}

/* WOOCOMMERCE */
.in3Widget {
  margin-bottom: 0 !important;
}

.woocommerce-Price-currencySymbol {
  margin-right: 0.25rem;
}

.single-product .quantity {
  display: none;
}

.product-total {
  text-align: right;
}

.woocommerce-message {
  background-color: #def7e4;
}

.woocommerce-error {
  color: #721c24;
  background-color: #f8d7da;
}

.woocommerce-info {
  background-color: #e6f2f8;
}

.woocommerce div.product div.summary {
  margin-bottom: 0;
}

.summary .quantity .qty {
  margin-right: 1rem;
}

.quantity .qty {
  padding: 0.35rem 0;
}

#add_payment_method table.cart .product-thumbnail, .woocommerce-cart table.cart .product-thumbnail, .woocommerce-checkout table.cart .product-thumbnail {
  min-width: 32px;
  width: 110px;
}

#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
  width: 80px;
}

.woocommerce a.remove {
  margin-right: 0;
}

td.product-remove {
  width: 20px;
}

.posted_in {
  display: none;
  font-weight: bold;
}
.posted_in a {
  margin-left: 0.5rem;
  font-weight: normal;
}

.wcpa_cart_type_image-group, .woocommerce-cart-form .wcpa_cart_type_color-group, .woocommerce-cart-form .wcpa_cart_type_color-group p, .woocommerce-cart-form .wcpa_cart_type_image-group p, .woocommerce-checkout-review-order-table .wcpa_cart_type_color-group, .woocommerce-checkout-review-order-table .wcpa_cart_type_color-group p, .woocommerce-checkout-review-order-table .wcpa_cart_type_image-group, .woocommerce-checkout-review-order-table .wcpa_cart_type_image-group p {
  margin: 0;
}

.woocommerce td.product-name dl.variation .wcpa_cart_type_color-group {
  clear: none;
}
.woocommerce td.product-name dl.variation .wcpa_cart_type_color-group p {
  display: inline-block;
  width: 100%;
}

.wcpa_cart_price {
  float: right;
}
.wcpa_cart_price .woocommerce-Price-currencySymbol {
  margin-right: 0.25rem;
}

.woocommerce-cart-form .wcpa_cart_type_image-group {
  padding-top: 0;
}

.woocommerce-cart-form .wcpa_cart_type_image-group p, .woocommerce-checkout-review-order-table .wcpa_cart_type_image-group p {
  width: 100%;
}

#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {
  padding: 8px 0.75rem 8px;
  margin: 0 1rem 0 0;
  outline: 0;
  width: 15rem;
}

.wc-item-meta .wcpa_image {
  margin: 0;
  width: 100%;
}
.wc-item-meta .wcpa_image .wcpa_cart_price {
  float: none;
  margin-left: 0.5rem;
}

td.product-thumbnail:before {
  display: none;
}

.product-price, .product-quantity, .product-subtotal {
  text-align: left;
}

.woocommerce table.shop_table td.actions {
  padding-top: 1rem;
}

.woocommerce td.product-name .wc-item-meta, .woocommerce td.product-name dl.variation {
  padding-left: 0;
}

.woocommerce-order-details, .woocommerce-customer-details {
  padding: 0;
  margin-top: 2rem;
}

.woocommerce-order-overview {
  padding-left: 0;
  margin-bottom: 2rem !important;
}

.cart-subtotal td, .order-total td {
  text-align: right;
}

.woocommerce table.shop_table td, .woocommerce table.shop_table th, .woocommerce table.shop_table td {
  padding: 14px 16px 14px 0;
}

.woocommerce table.shop_table td.product-total {
  width: 30%;
}

.woocommerce table.cart td, .woocommerce table.cart th {
  padding: 9px 10px;
}

.order_details tfoot td {
  text-align: right;
}

td.product-quantity::before {
  padding: 9px 0;
}

td.product-quantity::before, td.product-subtotal::before, td.product-price::before {
  margin-right: 0.5rem;
}

.checkout .form-row {
  margin-bottom: 0.7rem !important;
}
.checkout .form-row label {
  display: block;
  margin-bottom: 0;
}
.checkout .form-row .woocommerce-input-wrapper {
  display: block;
  width: 100%;
}

.woocommerce-address-fields .woocommerce-input-wrapper {
  display: block;
  width: 100%;
}

.woocommerce-address-fields label {
  margin-bottom: 0;
}

p#billing_address_1_field {
  margin-bottom: 0.25rem !important;
}

#billing_address_1_field, #billing_address_2_field, #billing_first_name_field, #billing_last_name_field, #billing_postcode_field, #billing_city_field {
  width: 50% !important;
  display: inline-block !important;
}

@media (max-width: 768px) {
  #billing_address_1_field, #billing_address_2_field {
    width: 100% !important;
    display: block !important;
  }
}

.woocommerce form .form-row textarea {
  height: 8rem;
}

.woocommerce .flex-control-thumbs li {
  width: calc((100% - 3rem) / 5) !important;
  margin-right: 1rem !important;
  margin-top: 1rem !important;
}

.woocommerce .flex-control-thumbs li:nth-child(4n) {
  margin-right: 0 !important;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
  aspect-ratio: 4/3;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
  border-top: 1px solid #f0f0f0;
}
.woocommerce-MyAccount-navigation ul li a {
  display: block;
  padding: 0.5rem 1rem;
  border: 1px solid #f0f0f0;
  border-top: 0;
  color: #000;
}

.woocommerce form .form-row-last, .woocommerce-page form .form-row-last {
  float: none !important;
}

.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
  width: 100% !important;
}

.extra_foto_category {
  height: 10rem;
  background-size: cover;
  background-position: center;
  margin-bottom: 1rem;
}

.highlight {
  background-color: #fe6c20;
  color: #fff;
  display: inline-block;
  padding: 0.35rem 0.75rem 0.25rem;
  font-weight: bold;
  position: absolute;
  right: 0;
}
.highlight.highlight-single {
  padding: 0.35rem 3rem 0.25rem;
  transform: rotate(45deg);
  top: 2.3rem;
  right: -3rem;
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
  width: 100%;
}

.cart_totals .payment-logos {
  margin: 1.2rem 0 0 0;
}
.cart_totals .payment-logos img {
  height: 1.8rem;
}

.woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells {
  width: 100%;
}

.wc_payment_method label svg {
  margin-left: 1rem !important;
}

.ssa_booking_iframe html body, .ssa_booking_iframe html body.md-theme-default {
  background: #f9f9f9 !important;
  padding: 2rem !important;
}

.order-shipping-options {
  display: none;
}

/* REVIEWS */
.grid {
  max-width: 100%;
}

.raad-aan {
  color: #545454;
  opacity: 0.6;
  padding: 0.15rem 0.5rem;
  display: inline-block;
  font-size: 0.8rem;
  float: right;
  position: relative;
  top: 2px;
}

/* reveal grid after images loaded */
.grid.are-images-unloaded {
  opacity: 0;
}

.review,
.grid__col-sizer {
  width: 100%;
}

.grid__col-sizer-half {
  width: calc(50% - 20px);
}

.grid__gutter-sizer {
  width: 30px;
}

/* hide by default */
.grid.are-images-unloaded .image-grid__item {
  opacity: 0;
}

.review {
  display: block;
  margin-bottom: 30px;
  float: left;
  background-color: #fff;
  padding: 2rem;
}
.review .text-muted {
  font-size: 0.8rem;
}
.review .review-comment {
  margin: 1.8rem 0 0 0;
  padding: 1.6rem 1.5rem 1.6rem 1.5rem;
  border-radius: 0.3rem;
  border: 1px solid #d7d7d7;
  border-left: 2px solid #fe6c20;
}
@media screen and (min-width: 576px) {
  .review .review-comment {
    padding: 1.6rem 1.5rem 1.6rem 1.5rem;
  }
}
.review .review-comment .review-comment-name {
  margin: 0 0 0.9rem 0;
  gap: 0.75rem;
}
.review .review-comment .review-comment-name svg {
  width: 2.15rem;
  height: 2.15rem;
  padding: 0.35rem;
  border-radius: 50%;
  border: 1px solid #d8d8d8;
  background-color: white;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.025);
}
@media screen and (min-width: 576px) {
  .review .review-comment p {
    padding-left: 0.9rem;
  }
}

.review-totals {
  background-color: #f8f8f8;
}

.blog {
  display: block;
  color: #091f2f;
  height: 100%;
  text-decoration: none;
  border-radius: 5px;
}
.blog .blog-image {
  overflow: hidden;
  border-radius: 5px 5px 0 0;
}
.blog .blog-image img {
  transition: all 0.4s ease;
}
.blog .blog-content {
  padding: 2rem;
  border-radius: 0 0 5px 5px;
  background-color: #fff;
}
.blog .blog-content p:last-of-type {
  margin-bottom: 0;
}
.blog .blog-content h4 {
  transition: all 0.4s ease;
}
.blog:hover {
  text-decoration: none;
  color: #091f2f !important;
}
.blog:hover h4 {
  color: #fe6c20 !important;
}
.blog:hover .blog-image img {
  transform: scale(1.05);
}
.blog img {
  width: 100%;
}

.price-no-extra {
  display: none;
}

.stars {
  color: #fb0;
}

.page-load-status {
  display: none;
  padding-top: 20px;
  text-align: center;
  color: #777;
}

.pagination {
  margin-top: 2rem;
  text-align: left;
}
.pagination .nav-links {
  width: 100%;
  display: flex;
  justify-content: center;
}
.pagination .nav-links .page-numbers {
  color: #000;
  margin-right: 0.25rem;
  width: 2rem;
  height: 2rem;
  text-align: center;
  line-height: 2rem;
  padding: 0;
  border-radius: 50%;
  font-weight: bold;
}
.pagination .nav-links .page-numbers:after {
  content: unset;
}
.pagination .nav-links .page-numbers.current, .pagination .nav-links .page-numbers:hover {
  background-color: #fe6c20;
  color: #fff !important;
  text-decoration: none;
}
.pagination .nav-links .page-numbers.prev .fa-regular, .pagination .nav-links .page-numbers.prev .fa-light, .pagination .nav-links .page-numbers.prev .fa-solid, .pagination .nav-links .page-numbers.next .fa-regular, .pagination .nav-links .page-numbers.next .fa-light, .pagination .nav-links .page-numbers.next .fa-solid {
  font-size: 0.9rem;
}

.pswp__caption {
  display: none;
}

/* Actiepagina */
.usp-header {
  position: relative;
  padding: 3rem 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media screen and (max-width: 767.98px) {
  .usp-header {
    padding: 2rem 0;
    font-size: 1rem;
  }
}
@media screen and (max-width: 575.98px) {
  .usp-header {
    padding: 3.5rem 0;
    font-size: 0.9rem;
  }
}
.usp-header ul {
  position: relative;
  z-index: 1;
}
.usp-header ul li {
  position: relative;
  margin-bottom: 1.1rem;
  color: black;
  font-weight: 500;
}
@media screen and (max-width: 575.98px) {
  .usp-header ul li {
    margin-bottom: 0.7rem;
  }
  .usp-header ul li:not(:nth-of-type(1)):not(:nth-of-type(2)) {
    display: none;
  }
  .usp-header ul li:nth-child(2) {
    margin-bottom: 0;
  }
}
.usp-header ul li span {
  padding: 0.8rem 1rem 0.8rem 4.5rem;
  display: inline-block;
  background-color: white;
}
@media screen and (max-width: 575.98px) {
  .usp-header ul li span {
    padding: 0.5rem 1rem 0.5rem 2.8rem;
    line-height: 1.3;
    background-color: rgba(255, 255, 255, 0.9);
  }
}
.usp-header ul li:last-of-type {
  margin-bottom: 0;
}
.usp-header ul li:before {
  content: "\f00c";
  font-weight: 500;
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  background: #fe6c20;
  height: 100%;
  width: 3.5rem;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 575.98px) {
  .usp-header ul li:before {
    width: 2.1rem;
  }
}

.ek-banner {
  padding: 0;
  height: 20rem;
  overflow: hidden;
}
@media screen and (max-width: 767.98px) {
  .ek-banner {
    height: auto;
    padding: 2rem 0;
  }
}
@media screen and (max-width: 575.98px) {
  .ek-banner {
    padding: 3.5rem 0;
  }
}
.ek-banner .plateau {
  bottom: 0;
}
.ek-banner .bed {
  width: 81%;
  bottom: 5%;
  right: -3%;
}
.ek-banner .leeuw {
  width: 37%;
  bottom: 9%;
  left: 10%;
}
.ek-banner .voetballen {
  height: 11rem;
  margin-top: 0.5rem;
}
.ek-banner .voetballen .voetbal-1 {
  width: 4rem;
  height: 100%;
  top: 0;
  left: 2%;
}
.ek-banner .voetballen .voetbal-1 .voetbal {
  animation: bounce 0.8s;
  animation-direction: alternate;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}
.ek-banner .voetballen .voetbal-1 .schaduw {
  bottom: -5px;
  animation: schaduw 0.4s;
  animation-direction: alternate;
  animation-delay: 0s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}
.ek-banner .voetballen .voetbal-2 {
  width: 3rem;
  height: 68%;
  top: 0;
  right: 2%;
}
.ek-banner .voetballen .voetbal-2 .voetbal {
  animation: bounce2 0.8s;
  animation-direction: alternate;
  animation-delay: 1s;
  animation-iteration-count: infinite;
}
.ek-banner .voetballen .voetbal-2 .schaduw {
  bottom: 2px;
  animation: schaduw 0.4s;
  animation-direction: alternate;
  animation-delay: 0s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}

@keyframes bounce {
  0% {
    top: 0;
    -webkit-animation-timing-function: ease-in;
  }
  50% {
    top: 6rem;
    -webkit-animation-timing-function: ease-out;
  }
  55% {
    top: 7rem;
    -webkit-animation-timing-function: ease-in;
  }
  65% {
    top: 5rem;
    -webkit-animation-timing-function: ease-out;
  }
  95% {
    top: 0;
    -webkit-animation-timing-function: ease-in;
  }
  100% {
    top: 0;
    -webkit-animation-timing-function: ease-in;
  }
}
@keyframes bounce2 {
  0% {
    top: 0;
    -webkit-animation-timing-function: ease-in;
  }
  50% {
    top: 3rem;
    -webkit-animation-timing-function: ease-out;
  }
  55% {
    top: 4rem;
    -webkit-animation-timing-function: ease-in;
  }
  65% {
    top: 2rem;
    -webkit-animation-timing-function: ease-out;
  }
  95% {
    top: 0;
    -webkit-animation-timing-function: ease-in;
  }
  100% {
    top: 0;
    -webkit-animation-timing-function: ease-in;
  }
}
@keyframes schaduw {
  0% {
    opacity: 10%;
  }
  100% {
    opacity: 80%;
  }
}
.nl-shirt {
  width: 15rem;
  top: -14rem;
  right: -3rem;
}
.nl-shirt .text-overlay {
  bottom: 2rem;
  line-height: 1.5;
  z-index: 2;
}
.nl-shirt .text-overlay a {
  color: white;
  transition: 0.2s all ease;
}
.nl-shirt .text-overlay a:hover {
  transform: scale(1.03);
}
@media screen and (max-width: 1497.98px) {
  .nl-shirt {
    right: 0;
  }
}

.winactie-wrapper {
  margin: 9rem 0 3rem 0;
}
@media screen and (max-width: 767.98px) {
  .winactie-wrapper {
    margin: 3rem 0 0 0;
  }
}
.winactie-wrapper .winactie-banner {
  padding: 1.8rem;
  color: white;
  background-image: url("images/ek-icons/beddenleeuw-vlag-3.svg");
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
}
.winactie-wrapper .winactie-banner h4 {
  font-size: 1.4rem;
  font-weight: 500;
}
.winactie-wrapper .winactie-banner img {
  width: 12rem;
  height: 17.66rem;
  top: -4rem;
  right: -3rem;
  position: absolute;
}
@media screen and (max-width: 991.98px) {
  .winactie-wrapper .winactie-banner img {
    width: 10rem;
    height: 14.83rem;
    top: -2rem;
  }
}
@media screen and (max-width: 767.98px) {
  .winactie-wrapper .winactie-banner img {
    top: 0;
    right: 0;
  }
}
@media screen and (max-width: 767.98px) {
  .winactie-wrapper .winactie-banner img {
    top: 1rem;
    margin: 0 auto;
    position: relative;
  }
}

.acties {
  padding: 4.5rem 0;
}
@media screen and (max-width: 1199.98px) {
  .acties {
    padding: 3rem 0;
  }
}
@media screen and (max-width: 991.98px) {
  .acties {
    padding: 2rem 0;
  }
}

.ek-icons img {
  width: 7.5rem;
}
@media screen and (max-width: 1199.98px) {
  .ek-icons img {
    width: 6rem;
  }
}
@media screen and (max-width: 991.98px) {
  .ek-icons img {
    width: 4rem;
  }
}
.ek-icons img:nth-child(1) {
  top: -6.5rem;
  right: -3rem;
}
@media screen and (max-width: 1199.98px) {
  .ek-icons img:nth-child(1) {
    right: -2rem;
  }
}
@media screen and (max-width: 991.98px) {
  .ek-icons img:nth-child(1) {
    top: -3.5rem;
    right: 0;
  }
}
.ek-icons img:nth-child(2) {
  top: 20%;
  left: -3rem;
}
@media screen and (max-width: 1199.98px) {
  .ek-icons img:nth-child(2) {
    left: -2rem;
  }
}
@media screen and (max-width: 991.98px) {
  .ek-icons img:nth-child(2) {
    display: none;
  }
}

.actie-blok hr {
  border-top: 3px solid #fdf4e1;
}
.actie-blok:last-child hr {
  display: none;
}

.ek-label {
  width: 4.7rem;
  height: 4.7rem;
  right: 1rem;
  bottom: -1.5rem;
  color: white;
  font-size: 0.9rem;
}
.ek-label img {
  width: 2.6rem !important;
  height: auto !important;
  margin: 0 0 0.1rem 0;
}
.ek-label:hover {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
.outlet-label {
  display: inline-block;
  width: auto;
  height: 38px;
  right: 1rem;
  bottom: 1rem;
  background-color: #fe6c20;
  -webkit-border-radius: 3px 4px 4px 3px;
  -moz-border-radius: 3px 4px 4px 3px;
  border-radius: 3px 4px 4px 3px;
  border-left: 1px solid #fe6c20;
  margin-left: 19px;
  position: relative;
  color: white;
  font-size: 17px;
  font-weight: 500;
  line-height: 38px;
  padding: 0 10px 0 10px;
  transition: 0.2s all ease;
  box-shadow: 3px 3px 8px -4px rgba(0, 0, 0, 0.15);
}
.outlet-label:before {
  content: "";
  position: absolute;
  display: block;
  left: -19px;
  width: 0;
  height: 0;
  border-top: 19px solid transparent;
  border-bottom: 19px solid transparent;
  border-right: 19px solid #fe6c20;
}
.outlet-label:after {
  content: "";
  background-color: white;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  display: block;
  position: absolute;
  left: -9px;
  top: 17px;
}
.outlet-label:hover {
  transform: rotate(-3deg);
  box-shadow: 4px 4px 8px -4px rgba(0, 0, 0, 0.3);
}

.woocommerce div.product .stock {
  color: green;
  font-weight: 500;
}

.product-image .price-block {
  display: none;
}
@media screen and (max-width: 991.98px) {
  .product-image.sticky-element {
    width: 100%;
    padding: 12px 15px;
    position: fixed;
    top: 0;
    left: 0;
    background-color: white;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    z-index: 99;
  }
  .product-image.sticky-element .woocommerce-product-gallery {
    flex: 0 0 100px;
    margin: 0 20px 0 0 !important;
  }
  .product-image.sticky-element .flex-control-nav {
    display: none;
  }
  .product-image.sticky-element .woocommerce-product-gallery__image {
    width: 100px !important;
  }
  .product-image.sticky-element .price-block {
    display: block;
    line-height: 1.5;
  }
}

.observer {
  height: 1px;
  width: 1px;
  pointer-events: none;
  position: relative;
  top: auto;
  z-index: -1;
  overflow: hidden;
}

/* Vacatures */
.vacature h1 {
  line-height: 1.2;
}
.vacature h2 {
  font-size: 2.6rem;
}
.vacature h1 small, .vacature h2 small, .vacature h3 small {
  margin: 0 0 0.4rem 0;
  font-size: 1.18rem;
  font-weight: 700;
  color: #fe6c20;
}
.vacature .vacature-header {
  padding: 3rem 0;
  background-size: cover;
  background-position: center center;
}
@media screen and (min-width: 992px) {
  .vacature .vacature-header {
    padding: 7rem 0 22rem 0;
  }
}
.vacature .vacature-header:before {
  content: "";
  width: 100%;
  height: 100%;
  bottom: 0;
  position: absolute;
  background: linear-gradient(0deg, rgba(5, 22, 35, 0.9) 0%, rgba(5, 22, 35, 0.3) 100%);
}
.vacature .vacature-header .vacature-header-in {
  padding: 0 1.5rem;
}
@media screen and (min-width: 768px) {
  .vacature .vacature-header .vacature-header-in {
    padding: 0 3rem;
  }
}
@media screen and (min-width: 992px) {
  .vacature .vacature-header .vacature-header-in {
    padding: 0 6rem;
  }
}
.vacature .vacature-header .vacature-header-in h1 {
  font-size: 2.2rem;
  color: white;
}
@media screen and (min-width: 992px) {
  .vacature .vacature-header .vacature-header-in h1 {
    font-size: 3.4rem;
  }
}
.vacature .vacature-content-block .vacature-content-block-in {
  padding: 1.5rem;
  background-color: white;
}
@media screen and (min-width: 768px) {
  .vacature .vacature-content-block .vacature-content-block-in {
    padding: 4rem 3rem;
    border-radius: 5px 0 0 5px;
  }
}
@media screen and (min-width: 1200px) {
  .vacature .vacature-content-block .vacature-content-block-in {
    padding: 4rem 6rem;
  }
}
.vacature .vacature-content-block .vacature-content-block-in .breadcrumb {
  padding-top: 0;
}
@media screen and (min-width: 992px) {
  .vacature .vacature-content-block {
    margin: -15rem 0 0 0;
  }
}
.vacature .vacature-sidebar-block-in {
  padding: 1.5rem;
}
@media screen and (min-width: 768px) {
  .vacature .vacature-sidebar-block-in {
    padding: 4rem 3rem;
    border-radius: 0 5px 5px 0;
  }
}
.vacature .vacature-sidebar-block-in h3 {
  font-size: 2rem !important;
}
.vacature .vacature-sidebar-block-in ul.vacature-list li {
  padding-left: 2rem;
  font-weight: 500;
}
.vacature .vacature-sidebar-block-in ul.vacature-list li:not(:last-child) {
  margin: 0 0 0.5rem 0;
}
.vacature .vacature-sidebar-block-in ul.vacature-list li:before {
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  color: #fe6c20;
  left: 0;
  font-weight: 700;
  font-size: 1.2rem;
  position: absolute;
}
.vacature .btn-arrow {
  position: relative;
  padding: 0.75rem 3.5rem 0.75rem 2rem !important;
}
.vacature .btn-arrow:after {
  content: "\f178";
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  right: 1.5rem;
  transition: all 0.2s ease;
}
.vacature .btn-arrow:hover:after {
  right: 1.2rem;
}

@media screen and (min-width: 992px) {
  .vacature-block-left {
    padding-right: 0;
  }
}

@media screen and (min-width: 992px) {
  .vacature-block-right {
    padding-left: 0;
  }
}

.vacature-block {
  color: #091f2f;
  text-decoration: none;
  transition: all 0.2s ease;
  background-color: white;
  border-radius: 5px;
}
.vacature-block h3 {
  font-size: 2.15rem !important;
  hyphens: auto;
}
.vacature-block .vacature-block-img {
  width: 100%;
  height: 12rem;
  overflow: hidden;
  border-radius: 0 5px 5px 0;
}
@media screen and (min-width: 1200px) {
  .vacature-block .vacature-block-img {
    width: 12rem;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
  }
}
.vacature-block .vacature-block-img figure {
  transform: scale(1.1);
  background-size: cover;
  background-position: center center;
  transition: all 0.5s ease;
}
.vacature-block .vacature-block-content {
  padding: 2rem 1.5rem 1.5rem 1.5rem;
}
@media screen and (min-width: 1200px) {
  .vacature-block .vacature-block-content {
    padding: 3rem 15.5rem 3rem 3rem;
  }
}
.vacature-block:hover {
  color: white;
  text-decoration: none;
  background-color: #fe6c20;
}
.vacature-block:hover .vacature-block-img figure {
  transform: scale(1);
}
.vacature-block:hover span {
  color: white;
}
.vacature-block:hover .arrow {
  background-color: #091f2f;
}
.vacature-block .arrow {
  width: 3rem;
  height: 3rem;
  top: 10.5rem;
  right: 2rem;
  position: absolute;
  font-size: 1.3rem;
  color: white;
  text-align: center;
  line-height: 2.35;
  z-index: 1;
  transition: all 0.2s ease;
  background-color: #fe6c20;
}
@media screen and (min-width: 1200px) {
  .vacature-block .arrow {
    top: unset;
    bottom: 2.3rem;
    right: 10.5rem;
  }
}

@media screen and (max-width: 991.98px) {
  .vacature-cta {
    padding-bottom: 0;
  }
}
.vacature-cta figure {
  width: 100%;
  height: 12rem;
  background-size: cover;
  background-position: center center;
}
@media screen and (min-width: 768px) {
  .vacature-cta figure {
    height: 20rem;
  }
}
@media screen and (min-width: 992px) {
  .vacature-cta figure {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
  }
}

/* WooCommerce Smart COD */
body .wsc_rf_cod_checkbox {
  width: 13px;
  height: 13px;
  margin-right: 1rem;
}

body #payment .payment_methods > .wc_payment_method.wsc_rf_cod .wsc_rf_cod_checkbox::after {
  left: 3px;
  top: 1px;
  width: 5px;
  height: 8px;
}

@media (max-width: 1400px) {
  .landing-header {
    height: 10rem !important;
    margin-bottom: 0 !important;
  }
}
@media (max-width: 1400px) {
  .landing-header {
    height: 6rem !important;
    margin-bottom: 0 !important;
  }
}
/* Review banner */
.review-banner {
  margin: 0 0 5rem 0;
  padding: 2.8rem 1.5rem 0 1.5rem;
  color: white;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.95rem;
  border-radius: 0.5rem;
  background-color: black;
  background-image: url(images/confetti.jpg);
  background-size: cover;
}
@media screen and (min-width: 576px) {
  .review-banner {
    margin: 0 0 6.2rem 0;
    padding: 2.8rem 3rem 0 3rem;
  }
}
@media screen and (min-width: 768px) {
  .review-banner {
    padding: 2.8rem 5rem 0 5rem;
  }
}
.review-banner h1 {
  margin: 0 0 1.1rem 0;
  font-size: 2.5rem;
}
@media screen and (min-width: 576px) {
  .review-banner h1 {
    font-size: 3.5rem;
  }
}
.review-banner p {
  margin: 0;
  font-size: 1.125rem;
}
@media screen and (min-width: 1200px) {
  .review-banner p {
    padding: 0 8rem;
  }
}
@media screen and (min-width: 1400px) {
  .review-banner p {
    padding: 0 17rem;
  }
}
.review-banner figure {
  width: 8rem;
  height: 8rem;
  margin: 0 0 -4rem;
  padding: 2.2rem;
  position: relative;
  border-radius: 50%;
  border: 4px solid white;
  box-shadow: 0 0 22px rgba(0, 0, 0, 0.1);
  background-color: #e7e7e7;
}
@media screen and (min-width: 576px) {
  .review-banner figure {
    width: 10rem;
    height: 10rem;
    margin: 0 0 -5rem;
    padding: 2.6rem;
  }
}
.review-banner figure:after {
  content: "\f091";
  width: 3.3rem;
  height: 3.3rem;
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Font Awesome 6 Pro";
  font-size: 1.4rem;
  font-weight: 700;
  color: white;
  border-radius: 50%;
  background-color: #fe6c20;
}
.review-banner figure svg {
  width: 100%;
  height: 100%;
}

/* Reviews */
a.product-rating:hover .star-rating-text {
  text-decoration: underline;
}

.star-rating:before {
  color: #fb0 !important;
}
.star-rating span {
  color: #fb0;
}

.review-section {
  background: #fdf9f2;
}
.review-section .comment {
  margin: 25px 0 0 0;
  padding: 30px;
  background: #fff;
}
.review-section .comment p {
  margin: 0;
}
.review-section .comment p.meta {
  margin-bottom: 0.7rem;
}
.review-section .comment p.meta span {
  color: #adadad;
}

.wc-jilt-email-usage-notice {
  display: none;
}

@media (max-width: 1199px) {
  .matrasbg {
    width: 100%;
  }
}
.highlight-product-img {
  max-width: 100%;
  padding-right: 25px;
}

/* Sitemap */
.sitemap h2 {
  margin-bottom: 20px;
}
.sitemap ul {
  column-count: 4;
  list-style-type: none;
  padding: 0;
}
@media screen and (max-width: 767.98px) {
  .sitemap ul {
    column-count: 3;
  }
}
@media screen and (max-width: 575.98px) {
  .sitemap ul {
    column-count: 1;
  }
}
.sitemap ul.children {
  column-count: unset;
}
.sitemap ul.children li {
  position: relative;
  padding-left: 0.9rem;
}
.sitemap ul.children li a:before {
  content: "\f105";
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  left: 0;
}
.sitemap ul.children li a:hover {
  text-decoration: underline;
}
.sitemap ul.children li.cat-parent {
  margin-left: -2.1rem;
}
.sitemap ul.children li.cat-parent ul.children li {
  position: relative;
  padding-left: 0.9rem;
}
.sitemap ul.children li.cat-parent ul.children li a {
  color: #fe6c20;
  text-decoration: none;
}
.sitemap ul.children li.cat-parent ul.children li a:before {
  content: "\f105";
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  left: 0;
}
.sitemap ul.children li.cat-parent ul.children li a:hover {
  text-decoration: underline;
}
.sitemap ul li {
  padding-left: 0.9rem;
  position: relative;
}
.sitemap ul li ul {
  padding-left: 1.2rem;
}
.sitemap ul li ul li a {
  text-decoration: none;
}
.sitemap ul li a:before {
  content: "\f105";
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  left: 0;
}
.sitemap ul li a:hover {
  text-decoration: underline;
}

/* CONTACT PAGE */
.subcategories-list {
  list-style: none;
  padding: 0;
  margin-bottom: 2rem;
}
.subcategories-list li {
  display: inline-block;
}
.subcategories-list li.active a {
  color: #fff;
  background-color: #fe6c20;
}
.subcategories-list li a {
  font-family: "Figtree", sans-serif;
  font-size: 1.06rem;
  font-weight: 900;
  display: block;
  padding: 0.65rem 1.8rem;
  color: #fe6c20;
  white-space: nowrap;
  border-radius: 35px;
  border: 2px solid #fe6c20;
  background: #fff;
}
@media screen and (max-width: 767.98px) {
  .subcategories-list li a {
    padding: 0.45rem 1.2rem;
    font-size: 16px;
  }
}
.subcategories-list .elektrisch {
  text-align: right;
  margin-right: 2rem;
}
@media screen and (max-width: 767.98px) {
  .subcategories-list {
    display: flex;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
}

.popover-body em {
  font-weight: normal;
  color: red;
  font-style: normal;
}
.popover-body ul {
  margin-bottom: 0.5rem;
}

.thuiswinkel-waarborg {
  width: 165px;
}

.required {
  color: #f00;
}

.woocommerce button[name=update_cart],
.woocommerce input[name=update_cart] {
  display: none;
}

.actie-text-banner {
  padding: 5px 0;
  font-size: 0.8rem;
  font-weight: 500;
  display: block;
  text-decoration: none !important;
}
.actie-text-banner i {
  font-size: 18px;
  margin-right: 7px;
}
.actie-text-banner a {
  margin-left: 8px;
  padding: 1px 8px 0 8px;
  display: inline-block;
  font-size: 0.8rem;
  border-radius: 3px;
  color: #fff;
}
.actie-text-banner a:hover {
  color: inherit !important;
}
.actie-text-banner:hover {
  text-decoration: none !important;
}

.half-dark {
  position: relative;
}
.half-dark::before {
  content: "";
  position: absolute;
  background-color: #d36213;
  width: 50%;
  height: 100%;
  top: 0;
  right: 0;
}

.page-id-132 .actie-text-banner {
  display: none;
}

.wp-block-image img {
  width: 100%;
  height: auto;
}

.kortingscode-box {
  border-bottom: 1px solid #ebe9eb;
  padding-bottom: 12px;
}
.kortingscode-box .card {
  border: 0;
}
.kortingscode-box input {
  height: 48px;
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border: 1px solid #c4c4c4 !important;
}
.kortingscode-box .btn-light {
  height: 48px;
  padding: 10px 15px !important;
  font-size: 1.06rem !important;
  color: #091f2f !important;
  border-radius: 0 3px 3px 0 !important;
  border: 1px solid #c4c4c4 !important;
  background: #fff;
}
.kortingscode-box .btn-light:hover {
  background: #f5f5f5;
}

.popover-body {
  padding: 14px !important;
  font-size: 14px;
}
.popover-body a {
  margin: 0.5rem 0 0 0;
  display: block;
  color: #fe6c20;
  text-decoration: underline;
}

.warning-text {
  margin-top: 0.4rem;
  padding-left: 1.4rem;
  font-size: 0.85rem;
  color: #f95703;
}
.warning-text:before {
  content: "\f05a";
  font-family: "Font Awesome 5 Pro";
  font-size: 0.9rem;
  position: absolute;
  left: 0;
}

ul.productkenmerken {
  padding: 0;
  list-style-type: none;
}
ul.productkenmerken li {
  padding-left: 1.5rem;
  position: relative;
}
ul.productkenmerken li:before {
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  font-size: 0.9rem;
  font-weight: 700;
  position: absolute;
  top: 0.18rem;
  left: 0;
  color: #fe6c20;
}

.clear {
  clear: both;
}

/*========================================================
            veelgestelde vragen
=========================================================*/
.faq .accordion {
  margin: 0;
}
.faq .accordion .card {
  border: 0;
  background: none;
}
.faq .accordion .card .card-header {
  padding: 0;
  border-bottom: 2px solid #fe6c20;
  background: none;
}
.faq .accordion .card .card-header:after {
  content: none;
  display: none;
}
.faq .accordion .card .card-header span {
  padding: 18px 15px 18px 0;
  display: block;
  color: #fe6c20;
  font-size: 20px;
  font-weight: 500;
  border: 0;
  cursor: pointer;
  background: none;
}
.faq .accordion .card .card-header span i {
  margin: 0 15px 0 10px;
  font-size: 18px;
}
.faq .accordion .card .card-body {
  margin: 0;
  padding: 20px 39px;
}
.faq .accordion .card .card-body p {
  margin: 0;
}

.cat-accordion .card {
  border: 0;
  background: none;
}
.cat-accordion .card .card-header {
  padding: 0;
  border-bottom: 1px solid #fe6c20;
  background: none;
}
.cat-accordion .card .card-header:after {
  content: none;
  display: none;
}
.cat-accordion .card .card-header button {
  padding: 18px 15px 18px 40px !important;
  font-size: 20px;
  color: #fe6c20;
}
.cat-accordion .card .card-header button:after {
  content: "\f067";
  color: #fe6c20;
  top: 18px;
  left: 11px;
  font-size: 18px;
  font-weight: 300;
  position: absolute;
  font-family: "Font Awesome 6 Pro";
}
.cat-accordion .card .card-header button:focus {
  box-shadow: none;
}
.cat-accordion .card .card-header button[aria-expanded=true]::after {
  content: "\f068";
}
.cat-accordion .card .card-header span {
  padding: 18px 15px 18px 0;
  display: block;
  color: #fe6c20;
  font-size: 20px;
  font-weight: 500;
  border: 0;
  cursor: pointer;
  background: none;
}
.cat-accordion .card .card-header span i {
  margin: 0 15px 0 10px;
  font-size: 18px;
}
.cat-accordion .card .card-body {
  margin: 0;
  padding: 20px 39px;
}
.cat-accordion .card .card-body p {
  margin: 0;
}

@media (max-width: 768px) {
  .woocommerce-cart-form__cart-item {
    margin-bottom: 1rem;
    border: 1px solid #f4f0ed !important;
  }

  .woocommerce-page table.cart .product-thumbnail {
    display: block !important;
    text-align: center !important;
    width: 100% !important;
  }
  .woocommerce-page table.cart .product-thumbnail img {
    max-width: 100px;
    max-height: 100px;
  }

  .review,
.grid__col-sizer {
    width: 100%;
  }

  .grid__col-sizer-half, .blog {
    width: 100%;
  }

  .product-carousel::after {
    width: 115px;
    border-right: 15px #fff solid;
  }

  .bal {
    height: 130px;
    top: -65px;
  }

  .blog .blog-image {
    height: 9rem;
  }
  .blog .blog-image figure {
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
  }

  .product-carousel .owl-item .product .product-img {
    height: 300px;
  }
}
@media (max-width: 769px) {
  .landing-header {
    height: 3rem !important;
    margin-bottom: 0 !important;
  }

  .product-title {
    line-height: 38px;
  }

  .actions {
    background-color: transparent !important;
  }

  .actions, .checkout-button {
    display: inline-block !important;
  }

  .wp-image-585 {
    height: 100%;
  }
}
/* SCREEN READER */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.action-preview-container {
  margin-top: 15px;
  margin-bottom: 15px;
}

.action-preview {
  font-size: 18px;
  padding: 50px 25px;
  position: relative;
  border-radius: 10px;
  border: 2px solid #323232;
  display: block;
  color: #091f2f;
  height: 100%;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
}

.action-preview:hover {
  text-decoration: none !important;
  color: #091f2f;
  border-color: #fe6c20;
}

.action-preview h4 {
  color: #091f2f !important;
}

.action-preview img {
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
}

.action-preview-icon-placeholder {
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
}

.preview-subtitel {
  margin-bottom: 5px;
}

.icoontjes {
  z-index: 999999999;
  position: absolute;
  top: 15px;
  left: 15px;
}
.icoontjes .icoontje {
  width: 45px;
  height: 45px;
  border-radius: 999px;
  background-color: #eee;
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
  margin-right: 5px;
}
.icoontjes .icoontje img {
  max-width: 50%;
  max-height: 50%;
  width: 50%;
  height: 50%;
  object-fit: contain;
}

.tww_overlay__container div {
  display: table !important;
}

.bigten {
  font-weight: 900;
  font-size: 23px;
  margin-top: 5px;
  margin-bottom: -10px;
}

.price-alert {
  padding: 10px 15px;
  border-radius: 5px;
  border: 1px solid #cee5c8;
  background-color: #e0f2db;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 20px;
  color: #315f25;
}

@media (min-width: 991px) {
  .height30 {
    height: 30px;
    max-height: 30px;
  }
}
/* Steps */
.step-wrapper {
  position: relative;
  margin: -4rem 0 2rem 0;
}
@media screen and (min-width: 576px) {
  .step-wrapper {
    margin: -5.6rem 0 2rem 0;
  }
}
@media screen and (min-width: 768px) {
  .step-wrapper {
    margin: -6rem 0 3rem 0;
  }
}

.step {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 700;
}

.step.done .step-number {
  background-color: #daf4d8;
  color: #2bb400;
}

.step-number {
  height: 3rem;
  width: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #ff7303;
  border-radius: 50%;
  margin-bottom: 0.4375rem;
  font-size: 1rem;
  color: #fff;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.24);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.24);
}
@media (max-width: 768px) {
  .step-number {
    height: 2rem;
    width: 2rem;
  }
}

@media (max-width: 768px) {
  .step-title {
    font-size: 1rem;
  }
}

.step.done .step-title {
  color: #2bb400;
}

.step-title-inner--sm {
  display: block;
}
@media (min-width: 450px) {
  .step-title-inner--sm {
    display: none;
  }
}

.step-sub-title {
  font-weight: 100;
  font-size: 16px;
}

.step-title-inner--lg {
  display: none;
}
@media (min-width: 450px) {
  .step-title-inner--lg {
    display: block;
  }
}

.step a {
  text-decoration: none;
}

.summary .woocommerce-Price-currencySymbol {
  display: none;
}

.single-product .alert-success {
  padding: 0.8rem;
  color: #017801;
  background-color: #d8efd8;
  border: 1px solid #d5e9d5;
  font-weight: 500;
  font-size: 13px;
  line-height: 1.6;
}

.actie-block {
  padding: 15px;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #fff;
  margin-bottom: 30px;
  height: calc(100% - 30px);
  display: block;
}
@media screen and (min-width: 576px) {
  .actie-block {
    padding: 25px;
  }
}

.actie-block a {
  color: #fe6c20;
}

.wp-block-embed__wrapper iframe {
  width: 100%;
}

/* Ninja forms */
.nf-response-msg {
  color: #14964b !important;
}

.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
  font-family: "Figtree", sans-serif !important;
  font-size: 1.06rem !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  border-radius: 2rem !important;
  color: white !important;
  border: 2px solid #fe6c20 !important;
  background-color: #fe6c20 !important;
  padding: 0.85rem 1.8rem !important;
  height: unset !important;
}

.nf-form-fields-required {
  display: none !important;
}

.nf-form-content {
  padding: 0 !important;
}

.nf-multi-cell .nf-cell {
  padding: 0 0.9rem 0 0 !important;
}

#ninja_forms_required_items, .nf-field-container {
  margin-bottom: 15px !important;
}

.nf-form-content .list-select-wrap .nf-field-element > div, .nf-form-content input:not([type=button]), .nf-form-content textarea {
  color: #091f2f !important;
  background-color: white !important;
}

.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content input.ninja-forms-field, .nf-form-content select.ninja-forms-field:not([multiple]) {
  height: 45px !important;
}

.nf-error.field-wrap .nf-field-element:after {
  height: 43px !important;
  line-height: 43px !important;
}

.nf-form-content textarea.ninja-forms-field {
  height: 150px !important;
}

.nf-form-content label {
  font-size: 1rem !important;
  font-weight: 500 !important;
}

.nf-form-content .label-above .nf-field-label, .nf-form-content .label-below .nf-field-label, .nf-form-content .label-hidden .nf-field-label {
  margin-bottom: 5px !important;
}

.nf-form-content button.ninja-forms-field, .nf-form-content input.ninja-forms-field[type=button], .nf-form-content input.ninja-forms-field[type=submit] {
  height: unset !important;
}

.text-white .ninja-forms-req-symbol {
  color: white !important;
}

.file_upload-wrap button, .file_upload-wrap input[type=button], .file_upload-wrap input[type=submit] {
  padding: 0.85rem 1.8rem !important;
  color: #fe6c20 !important;
  background: none !important;
  border: 2px solid #fe6c20 !important;
}
.file_upload-wrap button:hover, .file_upload-wrap input[type=button]:hover, .file_upload-wrap input[type=submit]:hover {
  color: white !important;
  background: #fe6c20 !important;
}

.nf-fu-progress {
  display: none;
}

.tww_sidebar_button_star {
  display: none !important;
}

.sold-out-item {
  text-decoration: line-through;
  font-weight: normal;
}

.sold-out-label {
  color: #fe6c20;
}

.recommended-sales-container {
  position: absolute;
  z-index: 5;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: start;
  align-items: start;
  pointer-events: none;
}

.recommended-sales {
  --popup-color: #5ab123;
  --popup-top-border: .125rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 0.5rem;
  position: relative;
  max-width: 24rem;
  padding: 0.75rem;
  border-top: var(--popup-top-border) solid var(--popup-color);
  border-radius: 0.25rem;
  box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  pointer-events: auto;
}
.recommended-sales .recommended-sales-icon {
  color: var(--popup-color);
  font-size: 2rem;
  padding: 0 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.recommended-sales .recommended-sales-content {
  flex-grow: 1;
}
.recommended-sales .recommended-sales-title {
  color: var(--popup-color);
  font-weight: bold;
}
.recommended-sales .recommended-sales-text {
  color: #091f2f;
  font-size: 0.95rem;
}
.recommended-sales .recommended-sales-close {
  position: absolute;
  right: 0;
  top: var(--popup-top-border);
  width: 2rem;
  height: 2rem;
  border: none;
  background-color: transparent;
  color: #545454;
}

/*# sourceMappingURL=style.css.map */