:root {
  --cc-btn-primary-bg: #2c3e50;
  --cc-btn-primary-hover-bg: #253544;
}
#c-ttl {
  color: var(--cc-btn-primary-bg);
}
.c_darkmode {
  --cc-btn-primary-bg: #2c3e50;
  --cc-btn-primary-hover-bg: #4c5b6a;
}
/**/
.nav-fixed {
  width: 100%;
  padding-top: 80px;
}
.navbar.nav-centeredlogo {
  min-height: 100px;
}
.nav-centeredlogo .navbar-toggler {
  margin-top: 27px;
  margin-bottom: 27px;
}
.nav-centeredlogo .navbar-brand {
  /* top: 0; */
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
}
/*
*   Editor css class
*/
.alignleft {
  float: left;
  padding: 0;
  margin: 0;
}
.alignright {
  float: right;
  padding: 0;
  margin: 0;
}
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
blockquote {
  margin: 2rem 0 0 1rem;
  font-style: italic;
}
/* Fix billing field wrapper */
.woocommerce-input-wrapper {
  width: 100%;
}
/* Woocommerce product gallery slider width fix */
figure.woocommerce-product-gallery__wrapper {
  max-width: inherit !important;
}
/* Fix coupon code input width */
@media (min-width: 768px) {
  #coupon_code.input-text {
    width: 110px !important;
  }
}
/*
*   Footer widgets css
*/
footer .menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
/* 
* Grotere container 
*/
@media (min-width: 1600px) {
  .container-bigger {
    max-width: 1520px;
  }
}
/* Maak WordPress afbeeldingen responsive */
.wp-block-image img {
  max-width: 100%;
  height: auto;
}
/* Maak embed items responsive met deze class */
.indiv-embed .embed-responsive-item, .indiv-embed embed, .indiv-embed iframe, .indiv-embed object, .indiv-embed video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.indiv-embed .wp-block-embed__wrapper::before {
  display: block;
  content: "";
}
.indiv-embed .wp-block-embed__wrapper {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.indiv-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper::before {
  padding-top: 42.857143%;
}
.indiv-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper::before {
  padding-top: 56.25%;
}
.indiv-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper::before {
  padding-top: 75%;
}
.indiv-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper::before {
  padding-top: 100%;
}
.copyright-block {
  display: inline-block;
}
@media (max-width: 782px) {
  #wpadminbar {
    position: fixed;
  }
  .logged-in.admin-bar .fixed-top, .logged-in.admin-bar .offcanvas:not(.offcanvas-bottom).show, .logged-in.admin-bar .modal-dialog {
    top: 46px;
  }
  .logged-in.admin-bar .modal-fullscreen, .logged-in.admin-bar .modal-fullscreen-sm-down, .logged-in.admin-bar .modal-fullscreen-md-down, .logged-in.admin-bar .modal-fullscreen-lg-down, .logged-in.admin-bar .modal-fullscreen-xl-down, .logged-in.admin-bar .modal-fullscreen-xxl-down {
    height: calc(100% - 46px);
  }
}
@media (min-width: 783px) {
  .logged-in.admin-bar .fixed-top, .logged-in.admin-bar .offcanvas:not(.offcanvas-bottom).show, .logged-in.admin-bar .modal-dialog {
    top: 32px;
  }
  .logged-in.admin-bar .modal-fullscreen, .logged-in.admin-bar .modal-fullscreen-sm-down, .logged-in.admin-bar .modal-fullscreen-md-down, .logged-in.admin-bar .modal-fullscreen-lg-down, .logged-in.admin-bar .modal-fullscreen-xl-down, .logged-in.admin-bar .modal-fullscreen-xxl-down {
    height: calc(100% - 32px);
  }
}
#nav-main .menu-item:last-child .nav-link {
  padding-right: 0;
}
[class^=indivaos_fade], [class*=" indivaos_fade"], [class^=indivaos_zoom], [class*=" indivaos_zoom"] {
  opacity: 0;
}
/* Color Options
--------------------------------------------- */
.has-white-color {
  color: #fff;
}
.has-white-background-color {
  background-color: #fff;
}
.has-black-color {
  color: #000;
}
.has-black-background-color {
  background-color: #000;
}
.has-light-grey-color {
  color: #F8F8F8;
}
.has-light-grey-background-color {
  background-color: #F8F8F8;
}
.has-blue-color {
  color: #2c3e50;
}
.has-blue-background-color {
  background-color: #2c3e50;
}
body.woocommerce-page .alert.woocommerce-error, body.woocommerce-page .alert.woocommerce-info, body.woocommerce-page .alert.woocommerce-message {
  padding-left: 3.25rem;
}
body.woocommerce-page .alert::before {
  position: absolute;
  left: 1.25rem;
  top: 50%;
  transform: translate(0, -50%);
}
body.woocommerce-page .woocommerce-cart-form .product-name a {
  text-decoration: none;
  color: #2c3e50;
}
body.woocommerce-page .woocommerce-cart-form .product-name a:hover {
  text-decoration: underline;
}
#offcanvas-cart .mini_cart_item .item-name a {
  text-decoration: none;
  color: #2c3e50;
}
#offcanvas-cart .mini_cart_item .item-name a:hover {
  text-decoration: underline;
}
#offcanvas-cart img {
  height: auto;
  max-width: 100%;
}
:root {
  --cc-btn-primary-bg: #2c3e50;
  --cc-btn-primary-hover-bg: #253544;
}
#c-ttl {
  color: var(--cc-btn-primary-bg);
}
.c_darkmode {
  --cc-btn-primary-bg: #2c3e50;
  --cc-btn-primary-hover-bg: #4c5b6a;
}
.block-editor-block-list__block.is-selected .breakpoint-spacer {
  background: rgba(0, 0, 0, 0.1);
}
.breakpoint-spacer {
  height: var(--height-default);
}
@media (min-width: 576px) {
  .breakpoint-spacer {
    height: var(--height-sm);
  }
}
@media (min-width: 768px) {
  .breakpoint-spacer {
    height: var(--height-md);
  }
}
@media (min-width: 992px) {
  .breakpoint-spacer {
    height: var(--height-lg);
  }
}
@media (min-width: 1200px) {
  .breakpoint-spacer {
    height: var(--height-xl);
  }
}
@media (min-width: 1400px) {
  .breakpoint-spacer {
    height: var(--height-xxl);
  }
}
html, body {
  height: 100%;
}
body {
  color: #1b1b1b;
  font-weight: 400;
  font-size: 18px;
  overflow-x: hidden;
}
.bebas-neue, header.top nav.navbar .nav-item .nav-link, header.top .cart-content .fa-layers-counter, #offcanvas-cart, .btn, .product-card, body.single-product div.product .woocommerce-tabs .nav-tabs .nav-link, body.single-product div.product .price, body.single-product div.product form.cart .variations label, .badge.sale, .indiv-block.header .sidebar .content .shopnow, .pos, .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before, .woocommerce table.shop_table th, .indiv-block.link-with-arrow, .wapf-field-label {
  font-family: bebas-neue-by-fontfabric, sans-serif;
  font-weight: 400;
}
.roboto, body, #offcanvas-cart .shipping-text {
  font-family: roboto, sans-serif;
  font-weight: 300;
}
/**/
h1 {
  font-size: calc(1.55rem + 3.6vw);
}
@media (min-width: 1200px) {
  h1 {
    font-size: 4.25rem;
  }
}
h2, .h2 {
  font-size: calc(1.5rem + 3vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 3.75rem;
  }
}
h3, .h3 {
  font-size: calc(1.425rem + 2.1vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 3rem;
  }
}
a, a:active, a:focus, a:hover {
  color: #1b1b1b;
}
/*
* Navigation css
*/
header.top {
  background-color: #2c3e50;
}
header.top nav.navbar .nav-item .nav-link {
  text-transform: uppercase;
  letter-spacing: 1.62px;
  font-size: 18px;
  --color: #fff;
  color: var(--color);
  transition: 0.15s ease-in-out;
  background-image: linear-gradient(120deg, var(--color) 0%, var(--color) 100%);
  background-repeat: no-repeat;
  background-size: 0% 2px;
  background-position: center 100%;
  background-origin: content-box;
}
@media (max-width: 1199.98px) {
  header.top nav.navbar .nav-item .nav-link {
    --color: $primary;
  }
}
header.top nav.navbar .navbar-nav .nav-item .nav-link.active, header.top nav.navbar .nav-item .nav-link.active {
  background-size: 100% 2px;
  color: var(--color);
  font-weight: bold;
}
header.top nav.navbar .nav-item .nav-link:hover {
  background-size: 100% 2px;
  color: var(--color);
}
@media (max-width: 575.98px) {
  header.top nav.navbar .navbar-brand {
    width: 50%;
  }
}
header.top .cart-content {
  font-size: 2rem;
  --fa-counter-scale: 0.3;
  --fa-counter-padding: 0.1em 0.5rem;
  --fa-counter-min-width: 1.2em;
  --fa-counter-background-color: #fff;
  --fa-counter-color: $primary;
  --fa-top: -7px;
  --fa-right: -2px;
  color: #fff;
}
header.top .cart-content .fa-layers-counter {
  font-size: 1.3em;
  color: var(--fa-counter-color);
  border: 5px solid #2c3e50;
}
.hovereffect, .product-card {
  transition: box-shadow 0.15s ease-in-out;
}
.hovereffect:hover, .product-card:hover {
  box-shadow: 5px 5px 0px 0px #2c3e50;
}
.btn {
  --shadow-distance: 5px;
}
.btn-lg {
  border-radius: 0;
}
.btn-sm {
  border-radius: 0;
  --shadow-distance: 3px;
}
.product-card {
  border: 2px solid #2c3e50;
}
.product-card h2 {
  font-size: calc(1.275rem + 0.3vw);
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .product-card h2 {
    font-size: 1.5rem;
  }
}
.product-card .badge {
  position: relative;
  top: 0;
  left: 0;
}
.product-card .price-col {
  display: flex;
  flex-direction: column;
}
.product-card .price-col .amount {
  color: #2c3e50;
}
.product-card.product-type-variable .price-col {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.product-card a {
  text-decoration: none;
}
.product-card img {
  max-width: 100%;
  height: auto;
}
body.single-product div.product .woocommerce-tabs .nav-tabs {
  border-width: 0px;
}
body.single-product div.product .woocommerce-tabs .nav-tabs .nav-link {
  text-transform: uppercase;
  font-weight: 700;
  color: #cccccc;
  border-width: 0;
}
body.single-product div.product .woocommerce-tabs .nav-tabs .nav-link.active {
  color: #2c3e50;
}
body.single-product div.product .woocommerce-tabs h2 {
  display: none;
}
body.single-product div.product .woocommerce-tabs #reply-title {
  font-size: 1.1rem;
}
body.single-product div.product .woocommerce-product-gallery .flex-viewport {
  border: 2px solid #2c3e50;
}
body.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
  padding-top: 1rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 0.5rem;
}
body.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
  border: 2px solid #2c3e50;
  width: 100%;
}
body.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
  transition: opacity 0.1s ease-in-out;
}
body.single-product div.product .related, body.single-product div.product .upsells {
  position: relative;
  width: 100vw;
  margin-left: -50vw;
  left: 50%;
  background-color: #f8f8f8;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
body.single-product div.product .product_title {
  font-size: calc(1.5rem + 3vw);
}
@media (min-width: 1200px) {
  body.single-product div.product .product_title {
    font-size: 3.75rem;
  }
}
body.single-product div.product .price {
  color: #2c3e50;
  font-weight: 700;
}
body.single-product div.product form.cart {
  display: block;
}
body.single-product div.product form.cart .variations {
  padding-bottom: 1.5rem;
}
body.single-product div.product form.cart .variations label {
  font-size: 1.2rem;
  font-weight: 700;
}
body.single-product div.product form.cart .quantity {
  padding-bottom: 1.5rem;
}
body.single-product div.product .variations_button {
  display: block;
}
body.single-product div.product .variations_button .quantity {
  padding-bottom: 1.5rem;
}
.indiv-block.header {
  background-color: #f0f0f0;
  min-height: 70vh;
}
.indiv-block.header .height-setter {
  min-height: 70vh;
}
.indiv-block.header h1 {
  font-size: 20vw;
  font-size: clamp(5rem, 20vw, 20vw);
  color: #fff;
  line-height: 0.7em;
}
.indiv-block.header .the-image {
  position: absolute;
  top: 0;
  right: 0;
  max-height: calc(70vh - 4rem);
  object-fit: scale-down;
  width: auto;
}
@media (max-width: 991.98px) {
  .indiv-block.header .the-image {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .indiv-block.header .pos {
    font-size: 0.95rem;
  }
}
@media (min-width: 992px) {
  .indiv-block.header .swiper {
    height: 70vh;
  }
}
.indiv-block.header .sidebar {
  background-color: #2c3e50;
  color: #fff;
  --swiper-pagination-bullet-inactive-color: #fff;
  --swiper-pagination-color: #fff;
}
.indiv-block.header .sidebar a {
  color: #fff;
}
.indiv-block.header .sidebar img {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  opacity: 0.27;
}
.indiv-block.header .sidebar .content {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.indiv-block.header .sidebar .content .h2 {
  font-size: calc(1.45rem + 2.4vw);
}
@media (min-width: 1200px) {
  .indiv-block.header .sidebar .content .h2 {
    font-size: 3.25rem;
  }
}
.indiv-block.header .sidebar .content .shopnow {
  font-size: 1.2rem;
}
.indiv-block.header .sidebar .content .shopnow svg {
  padding-left: 1rem;
  transition: transform 0.15s ease-in-out;
}
.indiv-block.header .sidebar .content .shopnow:hover svg {
  transform: translateX(0.5rem);
}
.justify-content-evenly {
  justify-content: space-evenly;
}
.swiper {
  width: 100%;
  height: 100%;
}
.width-100 {
  position: relative;
  width: 100vw;
  margin-left: -50vw;
  left: 50%;
}
footer {
  font-size: 16px;
}
footer hr {
  opacity: 1;
}
footer a {
  color: #fff;
  text-decoration: none;
}
footer a:hover {
  color: #fff;
  text-decoration: underline;
}
footer .col-12 p:last-child {
  margin-bottom: 0;
}
.woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before, .woocommerce table.shop_table th {
  font-weight: 700;
  font-size: 1.1em;
}
.woocommerce table.shop_table thead th {
  background-color: #f8fafc;
}
.woocommerce table.shop_table {
  border-collapse: collapse;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
  border-radius: 0px;
}
.indiv-block.link-with-arrow a {
  text-decoration: none;
}
.indiv-block.link-with-arrow a .arrow-svg svg {
  transition: transform 0.15s ease-in-out;
  padding-left: 1rem;
}
.indiv-block.link-with-arrow a:hover {
  text-decoration: underline;
}
.indiv-block.link-with-arrow a:hover .arrow-svg svg {
  transform: translateX(0.5rem);
}
.bapf_ckbox_smlchck input[type='checkbox']:checked:after {
  border-color: #fff;
}
.bapf_head.bapf_colaps_togl h3 {
  border-bottom: 1px solid #fff;
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  .bapf_head.bapf_colaps_togl h3 {
    font-size: 1.5rem;
  }
}
.bapf_slidr_main.ui-widget-content .ui-slider-range, .berocket_filter_price_slider.ui-widget-content .ui-slider-range {
  background: #fff;
}
.bapf_slidr_num.ui-slider-horizontal {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.bapf_sfilter .bapf_clr_span.h2em, .bapf_sfilter .bapf_img_span.h2em {
  border: 1px solid #fff;
}
.bapf_sfilter .bapf_body .mCSB_container > ul, .bapf_sfilter .bapf_body > ul {
  padding-left: 0;
}
.berocket_single_filter_widget_262 .bapf_head {
  display: none;
}
.bapf_sfilter {
  margin-bottom: 1.5rem;
}
.wapf-field-label {
  font-size: 1.2rem;
  font-weight: 700;
}
.contact-btn {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  z-index: 10;
  font-size: 3rem;
}
@media (min-width: 768px) {
  .contact-btn {
    bottom: 2rem;
    right: 2rem;
  }
}
.contact-btn svg.layer1 {
  color: #fff;
  border: 2px solid #2c3e50;
}
.contact-btn .layer2 {
  color: #2c3e50;
}
.contact-border {
  border: 2px solid #2c3e50;
}
#contact-form textarea {
  height: 100px;
}
#contact-form .form-control {
  border-width: 0;
  border-bottom: 2px #2c3e50 solid;
  border-radius: 0;
  background-color: transparent;
}
.references {
  --swiper-theme-color: $primary;
}
.references .reference {
  border: 2px solid #2c3e50;
  background-color: #fff;
}
.references .reference .ratio {
  --bs-aspect-ratio: calc(1/4 * 100%);
}
.references .reference .ratio img {
  object-fit: contain;
}
.references .swiper-button-prev {
  left: 0rem;
}
.references .swiper-button-next {
  right: 0;
}
.woocommerce-thankyou-order-details::before {
  content: none !important;
}
