/*!
Theme Name: Vedder
Theme URI: https://en.wikipedia.org/wiki/Eddie_Vedder
Author: Luuk Arends
Author URI: https://luukarends.nl/
Description: Society, you're a crazy breed.
Version: 1.0
Tested up to: 8.0
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: vedder
*/

html {
  scroll-behavior: smooth;
}

body {
  color: #112447;
  font-family: "Jakarta Regular";
}

/* Fonts */

.fw-bold,
strong,
b {
  font-family: "Jakarta Bold";
  font-weight: normal !important;
}

/* Headings */

h1,
h2,
h3,
h4,
h5 {
  font-family: "Jakarta Bold";
  margin-bottom: 0;
}

/* Links */

a {
  color: #658a1e;
  text-decoration: none;
  transition: all ease 0.3s;
}

a:hover {
  color: #ff9200;
  opacity: 0.75;
}

/* Buttons */

.btn {
  font-family: "Jakarta Bold";
  transition: all ease 0.3s;
}

.btn-primary,
.btn-primary:visited {
  color: #f3f4f6;
  background-color: #658a1e;
  border-color: #658a1e;
}

.btn-primary:hover {
  color: #658a1e;
  background-color: #f3f4f6;
  border-color: #f3f4f6;
}

.btn-secondary,
.btn-secondary:visited {
  color: #112447;
  background-color: #f3f4f6;
  border-color: #f3f4f6;
}

.btn-secondary:hover {
  color: #f3f4f6;
  background-color: #112447;
  border-color: #112447;
}

.btn.disabled {
  background-color: #658a1e;
  border-color: #658a1e;
}

/* Spacing */

@media (min-width: 1200px) {
  .p-xl-5rem {
    padding: 5rem !important;
  }
}

/* Icons */

.icon-before::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  top: 0.35rem;
  margin-right: 0.5rem;
}

.icon-before_rat::before {
  background-image: url(media/svg/rat.svg);
}

.icon-before_mier::before {
  background-image: url(media/svg/mier.svg);
}

.icon-before_mug::before {
  background-image: url(media/svg/mug.svg);
}

.icon-before_tag::before {
  background-image: url(media/svg/tag.svg);
}

/* Lists */

.list-check li::before {
  display: inline-block;
  content: "";
  vertical-align: -0.125em;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%23fff' class='bi bi-check-circle-fill' viewBox='0 0 16 16'><path d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z'/></svg>");
  background-repeat: no-repeat;
  background-size: cover;
  height: 14px;
  width: 14px;
  margin-right: 0.25rem;
}

.list-check_green li::before {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%23658A1E' class='bi bi-check-circle-fill' viewBox='0 0 16 16'><path d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z'/></svg>");
}

.list-cross li::before {
  display: inline-block;
  content: "";
  vertical-align: -0.125em;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23FFFFFF' class='bi bi-x-circle-fill' viewBox='0 0 16 16'><path d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z'/></svg>");
  background-repeat: no-repeat;
  background-size: cover;
  height: 14px;
  width: 14px;
  margin-right: 0.25rem;
}

.list-cross_red li::before {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23dc3545' class='bi bi-x-circle-fill' viewBox='0 0 16 16'><path d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z'/></svg>");
}

/* Backgrounds */

.bg-darkblue {
  background-color: #112447;
}

.bg-darkerblue {
  background-color: #041128;
}

.bg-darkgreen {
  background-color: #658a1e;
}

.bg-orange {
  background-color: #ff9200;
}

.bg-lightgrey {
  background-color: #f3f4f6;
}

.bg-lightgreen {
  background-color: #7fad282e;
}

.bg-lightred {
  background-color: #ff4e4e2e;
}

/* Text */

.text-green {
  color: #658a1e;
}

.text-orange {
  color: #ff9200;
}

.text-darkblue {
  color: #112447;
}

/* Images */

.of-cover {
  object-fit: cover;
}

/* Header */

.top-event {
  padding: 1.5rem;
  display: flex;
  gap: 1rem;
  justify-content: center;
  align-items: center;
  background-color: #000;
  color: #fff;
}

.top-event #countdown {
  padding: 0.5rem 1rem;
  background-color: darkred;
  border-radius: 0.375rem;
}

#rank-math-toc {
  padding: 3rem;
  background-color: #f3f4f6;
  border-radius: 1rem;
}

@media (max-width: 768px) {
  #rank-math-toc {
    padding: 1.5rem;
  }
}

#rank-math-toc nav ul {
  padding: 0 0 0 1rem;
  background-color: transparent;
  list-style: num;
  color: #658a1e;
  margin-top: 0;
  margin-bottom: 0;
}

#rank-math-toc nav ul li {
  font-size: 1;
  margin-bottom: 0.5rem;
}

#rank-math-toc nav ul li a {
  color: #112447;
}

.rank-math-breadcrumb p {
  margin: 0;
}

.navbar-top_reviews__stars {
  position: relative;
  top: -1.5px;
}

.navbar-top .list-navbar_top {
  display: flex;
  gap: 1.5rem;
}

.navbar-top .list-navbar_top a {
  color: #fff;
  opacity: 1;
  text-decoration: underline;
}

.nav-service {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.nav-service:hover {
  cursor: pointer;
}

.nav-service .nav-service_img {
  width: 44px;
  height: 44px;
  object-fit: cover;
  background-color: #f3f4f6;
}

.nav-service .nav-service_content {
  font-size: 0.75rem;
  line-height: 1.25;
}

.nav-service .nav-service_content .nav-service_title {
  font-size: 1rem;
}

.navbar-expand-xl .navbar-nav .nav-link {
  color: #112447;
  font-family: "Jakarta Bold";
  transition: all ease 0.3s;
  padding-left: 1rem;
  padding-right: 1rem;
}

.navbar-expand-xl .navbar-nav.has-mega_menu {
  gap: 2rem;
}

.navbar-expand-xl .navbar-nav.has-mega_menu .nav-link {
  padding-left: 0;
  padding-right: 0;
}

.has-mega_menu .dropdown {
  position: unset;
}

.has-mega_menu .dropdown .dropdown-menu {
  left: 0;
  right: 0;
  border: 0;
  border-radius: 0;
  margin-top: 0;
}

.dropdown-menu_mega .title-menu_mega {
  color: #112447;
  font-size: 1.15rem;
  display: block;
}

.divider-menu_mega {
  display: block;
  height: 2.5px;
  width: 100%;
  background-color: #658a1e;
  margin: 1rem 0;
}

.dropdown-menu_mega .list-menu_mega {
  padding: 0;
  list-style: none;
}

.dropdown-menu_mega .list-menu_mega li a {
  color: #112447;
  display: block;
  padding: 0.25rem 0.5rem;
  border-radius: 0.375rem;
}

.dropdown-menu_mega .list-menu_mega li a:hover {
  color: #fff;
  background-color: #112447;
  opacity: 1;
}

.navbar-nav_shop {
  gap: 1rem;
}

.navbar-nav_shop .nav-link:hover {
  cursor: pointer;
}

.navbar-nav_shop .nav-link-cart {
  display: flex;
  gap: 1rem;
  padding: 0.5rem 1rem;
  background-color: #f3f4f6;
  align-items: center;
}

.navbar-nav_shop .cart-total .cart-total_content {
  line-height: 1;
}

.navbar-nav_shop .nav-link-cart .cart-total {
  font-size: 0.75rem;
  font-family: "Jakarta Regular";
}

.dropdown-unset {
  position: unset;
}

.dropdown-unset .dropdown-menu {
  width: 100%;
  margin-top: 0;
  left: 0;
  right: 0;
  border-radius: 0;
  border: 0;
}

.navbar-inner {
  display: flex;
  gap: 1rem;
}

/* Ajax Search */

.dropdown-search #keyword {
  font-size: 0.85rem;
  background-color: #f3f4f6;
  padding: 0.75rem 1rem;
  border: 0;
  border-radius: 0;
  min-width: 500px;
}

@media (max-width: 768px) {
  .dropdown-search #keyword {
    min-width: auto;
    max-width: 100%;
  }
}

.dropdown-search .input-group-text {
  border: 0;
  background-color: #112447;
  color: #fff;
  border-radius: 0;
}

.ajax-search .form-control {
  font-size: 1rem;
  height: 100%;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%238790a2' class='bi bi-search' viewBox='0 0 16 16'><path d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/></svg>");
  background-repeat: no-repeat;
  background-position: 97.5% center;
}

.ajax-search .ajax-search_results__wrapper {
  height: 520px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.ajax-search .ajax-search_results__wrapper .product-image img {
  height: 75px;
  width: 75px;
  border-radius: 0.5rem;
  border: 1px solid #dee2e6;
  object-fit: cover;
}

.ajax-search .ajax-search_results__wrapper .list-ajax_item:hover {
  opacity: 0.5;
}

/* offcanvasCart */

#offcanvasCart .woocommerce-mini-cart__buttons {
  display: none;
}

#offcanvasCart .woocommerce-mini-cart {
  list-style: none;
  padding: 0;
}

#offcanvasCart .woocommerce-mini-cart .woocommerce-mini-cart-item {
  padding: 1rem;
  border-bottom: 1px solid;
}

#offcanvasCart .woocommerce-mini-cart .woocommerce-mini-cart-item img {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  margin-right: 1rem;
}

#offcanvasCart .woocommerce-mini-cart .woocommerce-mini-cart-item a {
  color: inherit;
  font-family: "Jakarta Bold";
}

#offcanvasCart .woocommerce-mini-cart .woocommerce-mini-cart-item a.remove {
  color: red;
}

#offcanvasCart .woocommerce-mini-cart .woocommerce-mini-cart-item .quantity {
  color: #658a1e;
}

.slickMiniCartUpSells .product-thumbnail img {
  display: block;
  width: 100%;
  object-fit: cover;
  height: 50px;
}

.slickMiniCartUpSells .single_add_to_cart_button {
  background: none;
  border: 0;
  padding: 0;
}

.slickMiniCartUpSells .slick-dots {
  position: unset;
}

/* Hero */

.hero {
  position: relative;
  min-height: 400px;
}

@media (min-width: 1200px) {
  .hero {
    margin-bottom: -6rem;
  }
}

@media (min-width: 768px) {
  .hero .content-hero {
    position: absolute;
    top: 25%;
    left: 0;
    min-width: 50%;
    text-align: end;
  }
}

@media (max-width: 768px) {
  .hero {
    min-height: auto;
    margin-bottom: 1rem;
  }
}

.hero .content-hero .content-hero_title {
  padding: 1rem 2rem;
  color: #fff;
  text-transform: uppercase;
  border-radius: 0 3rem 3rem 0;
  letter-spacing: 0.25rem;
}

@media (max-width: 768px) {
  .hero .content-hero .content-hero_title {
    font-size: 1rem;
  }
}

.hero .content-hero .content-hero_subtitle {
  font-size: 90%;
  max-width: 90%;
  border-radius: 0 0 1.5rem 0;
}

/* Product Categories */

.card-category {
  position: relative;
  border: 0;
  border-radius: 1rem;
  overflow: hidden;
}

.card-category img {
  object-fit: cover;
  width: 100%;
}

.card-category .card-category_content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1rem;
  background-color: #112447;
  color: #fff;
  text-align: center;
}

/* Products */

.card-product {
  height: 100%;
}

.slick-item .card-product {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.card-product .card-label,
.onsale {
  position: absolute;
  top: 1rem;
  left: 1rem;
  padding: 0.25rem 1rem;
  background-color: #ff9200;
  color: #fff;
  border-radius: 0.375rem;
  font-family: "Jakarta Bold";
  z-index: 20;
}

.card-product .card-delivery .bi {
  position: relative;
  top: -0.125rem;
  margin-right: 0.25rem;
}

.card-product .card-body_price .incl-vat {
  font-size: 60%;
}

.card-product .card-img-top {
  height: 250px;
  width: 100%;
  object-fit: contain;
}

.card-product .list-group .list-group-item {
  color: #112447;
}

/* Slick */

.slick-track {
  display: flex;
}

.slick-track .slick-slide {
  height: auto;
}

.products .slick-prev::before,
.products .slick-next::before {
  color: #112447;
  opacity: 1;
}

/* Content */

.content-block {
  position: relative;
}

@media (min-width: 1200px) {
  .content-block_left {
    top: 3rem;
    left: 3rem;
    z-index: 10;
  }

  .content-block_right {
    top: 3rem;
    right: 3rem;
    z-index: 10;
  }
}

.content-block_img img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.single .content-block h1,
.archive .content-block h1 {
  margin-bottom: 2rem;
}

.content-block h2,
.content-block h3,
.content-block h4 {
  margin: 1rem 0;
}

.content-block h2:first-child {
  margin-top: 0;
}

.content-block a:hover {
  color: #ff9200;
}

.content-block iframe {
  width: 100%;
  padding: 1.5rem;
  border-radius: 1rem;
  background-color: #f3f4f6;
  height: 260px;
}

@media (min-width: 1200px) {
  .content-block iframe {
    padding: 3rem;
    height: 520px;
  }
}

.content-block ul,
.content-block ol {
  padding: 2rem 3rem;
  background-color: #f3f4f6;
  display: inline-block;
  border-radius: 1rem;
  margin: 1rem 0;
}

.content-form .gravity-theme .gform_button {
  color: #f3f4f6;
  background-color: #658a1e;
  border-color: #658a1e;
  border: 1px solid;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
}

.content-form .gform_wrapper.gravity-theme .gfield_label {
  font-weight: normal !important;
  font-family: "Jakarta Medium";
}

.content-form .gform_wrapper.gravity-theme .gfield input.large,
.content-form .gform_wrapper.gravity-theme .gfield textarea {
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
}

.content-form .gravity-theme .gform_heading {
  display: none;
}

.content .content-block_img .img-fit {
  width: auto;
  height: auto;
  max-width: 100%;
  left: 6rem;
}

.content .content-block_seo h2 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

/* Blog */

.card-post {
  position: relative;
  border-radius: 0.375rem;
  overflow: hidden;
  border: 0;
}

.card-post .card-post_img {
  height: 225px;
  width: 100%;
  object-fit: cover;
}

.card-post .card-post_category {
  position: absolute;
  top: 1rem;
  left: 1rem;
  padding: 0.25rem 1rem;
  background-color: #ff9200;
  color: #fff;
  border-radius: 0.375rem;
  font-family: "Jakarta Medium";
}

.card-post .card-post_content {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.5rem;
  background: rgb(17, 36, 71);
  background: linear-gradient(
    0deg,
    rgba(17, 36, 71, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
}

.card-guide {
  border-radius: 0.375rem;
  overflow: hidden;
  border: 0;
  background-color: #fff;
}

.card-guide .card-post_img {
  width: 100%;
  height: 100px;
  object-fit: cover;
  background-color: #dde2ea;
}

.card-guide .card-post_title {
  color: #112447;
  font-size: 1.05rem;
}

.blog-header .blog-meta {
  opacity: 0.5;
  display: flex;
  padding: 0.5rem 0 1rem 0;
  gap: 1rem;
  font-size: 0.875rem;
}

.blog-header .blog-header_img {
  width: 100%;
  border-radius: 1rem;
  object-fit: cover;
  height: 320px;
}

.blog-header .blog-meta .bi {
  position: relative;
  top: -0.125rem;
  margin-right: 0.25rem;
}

/* Archive */

.woocommerce-result-count {
  display: none;
}

.woocommerce-ordering {
  margin-bottom: 1.5rem;
}

.woocommerce-ordering select.orderby {
  background: transparent;
  border: 1px solid #dee2e6;
  padding: 0.5rem;
  border-radius: 0.375rem;
  font-size: 85%;
}

.woocommerce-ordering select.orderby option {
  font-family: sans-serif;
}

/* WooCommerce Messages */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
  background-color: #d1e7dd !important;
  color: #0f5132;
  padding: 1rem;
  text-align: center;
  list-style: none;
}

.woocommerce-message a,
.woocommerce-info a,
.woocommerce-error a,
.woocommerce-noreviews a,
p.no-comments a {
  display: none;
}

ul.page-numbers {
  list-style: none;
  margin: 1.5rem 0 0 0;
  padding: 0;
}

ul.page-numbers li {
  display: inline-block;
  margin-right: 0.5rem;
}

ul.page-numbers li .page-numbers {
  height: 35px;
  width: 35px;
  display: block;
  background-color: #f3f4f6;
  text-align: center;
  border-radius: 50%;
  line-height: 35px;
}

ul.page-numbers li .page-numbers.current {
  color: #fff;
  background-color: #658a1e;
}

.nav-pages .page-numbers {
  height: 35px;
  width: 35px;
  display: inline-block;
  background-color: #f3f4f6;
  text-align: center;
  border-radius: 50%;
  line-height: 35px;
  margin-right: 0.5rem;
}

.nav-pages .page-numbers.current {
  color: #fff;
  background-color: #658a1e;
}

.nav-pages .page-numbers.prev,
.nav-pages .page-numbers.next {
  display: none;
}

.archive-filter .filter__title {
  font-family: "Jakarta Bold";
}

.archive-filter .filter__item--type-slider .filter__title {
  font-size: 0rem;
}

.archive-filter .filter__item--type-slider .filter__title::after {
  content: "Filter op prijs (€)";
  font-size: 1rem;
}

/* WooCommerce Checkout */

@media (min-width: 1200px) {
  .woocommerce-billing-fields__field-wrapper .form-row,
  .woocommerce-shipping-fields__field-wrapper .form-row {
    display: inline-block;
    width: 50%;
  }
}

.woocommerce-billing-fields__field-wrapper .form-row label,
.woocommerce-shipping-fields__field-wrapper .form-row label,
.woocommerce-additional-fields__field-wrapper .form-row label {
  font-family: "Jakarta Medium";
  margin-bottom: 0.5rem;
  display: block;
}

.woocommerce-billing-fields__field-wrapper .form-row input,
.woocommerce-billing-fields__field-wrapper .form-row select,
.woocommerce-shipping-fields__field-wrapper .form-row input,
.woocommerce-shipping-fields__field-wrapper .form-row select,
.woocommerce-additional-fields__field-wrapper .form-row textarea {
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  padding: 0.5rem;
  width: 95%;
}

.woocommerce-billing-fields__field-wrapper .woocommerce-input-wrapper {
  display: block;
  width: 95%;
}

.woocommerce-form-coupon-toggle .woocommerce-info {
  display: inline-block;
  margin-bottom: 1.5rem;
  border-radius: 0.375rem;
}

.checkout-number-count {
  margin-bottom: 1.25rem;
}

.checkout-number-count::before {
  margin-right: 0.75rem;
  display: inline-block;
  background-color: #ff9200;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  text-align: center;
  line-height: 35px;
  color: #fff;
  font-size: 1.25rem;
}

.checkout-number-count-1::before {
  content: "1";
}

.checkout-number-count-2::before {
  content: "2";
}

.checkout-number-count-3::before {
  content: "3";
}

.page-template-cart-checkout .woocommerce-NoticeGroup-updateOrderReview,
.page-template-cart-checkout .woocommerce-form-coupon-toggle {
  display: none;
}

.page-template-cart-checkout .checkout_coupon .form-row {
  display: inline-block;
}

.page-template-cart-checkout .checkout_coupon .form-row input[type="text"] {
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  padding: 0.5rem;
  width: 95%;
}

.page-template-cart-checkout .checkout_coupon .form-row button {
  color: #f3f4f6;
  background-color: #658a1e;
  border: 1px solid #658a1e;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
}

.cart-collaterals {
  display: grid;
}

.cart-collaterals .cross-sells {
  order: 2;
}

#billing_address_1_field,
#shipping_address_1_field {
  width: 100%;
}

.woocommerce-billing-fields__field-wrapper
  #billing_address_1_field
  .woocommerce-input-wrapper,
.woocommerce-shipping-fields__field-wrapper
  #shipping_address_1_field
  .woocommerce-input-wrapper {
  width: 100%;
}

#billing_address_2_field,
#shipping_address_2_field {
  display: none !important;
}

.tax-total th {
  text-transform: uppercase;
}

/* WooCommerce Thank You */

.woocommerce-order-received .woocommerce-order h2 {
  display: block;
  margin-bottom: 1.5rem;
}

.woocommerce-order-received .mollie-instructions {
  display: block;
  margin: 1.5rem 0;
}

.woocommerce-order-received .mollie-instructions p {
  margin-bottom: 0;
}

/* Single Product */

.single-product .woocommerce-product-gallery {
  width: 100%;
  display: block;
  float: none;
  clear: all;
}

.single-product .woocommerce-product-gallery__image a img {
  width: 100%;
  height: 500px;
  object-fit: cover;
}

@media (max-width: 768px) {
  .single-product .woocommerce-product-gallery__image a img {
    height: 250px;
    object-fit: contain;
  }
}

.single-product .woocommerce-product-gallery img {
  border-radius: 0.375rem;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
  display: flex;
  gap: 1rem;
}

.single-product .woocommerce-product-gallery .flex-control-nav img {
  width: 100%;
  object-fit: cover;
  height: 75px;
}

.single-product .woocommerce-product-gallery .flex-control-nav img.flex-active {
  border: 1px solid #112447;
}

.single-product .summary .delivery .bi {
  position: relative;
  top: -0.125rem;
}

.single-product .summary .price ins {
  text-decoration: none;
}

.single-product .summary ul {
  padding: 0;
  list-style: none;
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  overflow: hidden;
}

.single-product .summary ul.summary-list {
  border: 0;
  margin: 0 !important;
}

.single-product .summary .woocommerce-product-details__short-description ul {
  margin: 1.5rem 0;
}

.single-product .summary ul li {
  padding: 0.5rem;
  border-bottom: 1px solid #dee2e6;
}

.single-product .summary ul.summary-list li {
  border: 0;
  font-family: "Jakarta Bold";
  display: flex;
}

.single-product .summary ul li:last-child {
  border-bottom: 0;
}

.single-product .summary ul.summary-list li::before {
  content: "";
  background-repeat: no-repeat;
  background-size: 20px;
  width: 24px;
  height: 24px;
  background-position: center center;
  margin-left: -1rem;
  margin-right: 1rem;
}

.single-product .summary ul.list-positive li::before {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23658A1E' class='bi bi-plus' viewBox='0 0 16 16'><path d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/></svg>");
}

.single-product .summary ul.list-negative li::before {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='red' class='bi bi-dash' viewBox='0 0 16 16'><path d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8'/></svg>");
}

.single-product .why-bob {
  display: flex;
  position: relative;
}

.single-product .why-bob-img {
  width: 250px;
  object-fit: contain;
  position: absolute;
  right: 0;
  bottom: 0;
}

.single-product .woocommerce-tabs ul.tabs li {
  display: inline-block;
  margin-right: 1rem;
}

.single-product .woocommerce-tabs ul.tabs li a {
  display: inline-block;
  color: #595c5f;
  border: 1px solid #595c5f;
  padding: 0.5rem 0.75rem;
  border-radius: 0.375rem;
  text-decoration: none;
}

.single-product .summary table.variations {
  border-collapse: separate;
  border-spacing: 0 0.5rem;
}

.btn-cart-wrap {
  display: flex;
  gap: 1rem;
}

.vat-text {
  font-size: 60%;
}

.single-product .summary .variations select,
.single-product .summary .quantity input {
  background: transparent;
  border: 1px solid #dee2e6;
  padding: 1rem;
  border-radius: 0.375rem;
  font-size: 1rem;
  font-family: "Arial";
  height: 100%;
}

.single-product .summary .variations select {
  min-width: 200px;
  margin-left: 0.5rem;
}

.single-product .summary .variations label {
  font-family: "Jakarta Bold";
  font-weight: normal !important;
}

.single-product .summary .stock {
  display: none;
}

.single-product .summary .price ins bdi {
  font-family: "Jakarta Bold";
}

.discount-list {
  list-style: none;
  padding: 0;
  margin: 0;
  font-family: "Jakarta Bold";
  font-size: 1.15rem;
}

.discount-list li {
  display: flex;
  justify-content: space-between;
  margin: 0.5rem 0;
  padding: 0.5rem 0;
  border-bottom: 1px solid #f3f4f6;
}

.discount-list li:last-child {
  border-bottom: 0;
}

.discount-percentage {
  color: #ff9200;
}

.variations .reset_variations {
  font-size: 0.875rem;
  margin-left: 0.5rem;
}

#payment select {
  font-family: "Arial";
}

#payment .wc_payment_method .mollie-gateway-icon {
  margin-right: 1rem;
  float: left !important;
}

#payment .payment_method_mollie_wc_gateway_ideal p {
  display: none;
}

#payment .payment_box select {
  padding: 0.5rem;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 0.375rem;
  margin-bottom: 1rem;
}

#order_review #shipping_method {
  padding: 0;
  list-style: none;
  min-width: 200px;
  display: grid;
  gap: .25rem;
  margin: 0;
}

#order_review #shipping_method li {
  display: flex;
  gap: .5rem;
}

.cs-item {
  display: flex;
  align-items: center;
}

.cs-product {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.5rem;
  background-color: #f9fbfc;
  margin-left: 1rem;
  border-radius: 0.375rem;
}

@media (max-width: 768px) {
  .cs-product {
    display: block;
  }
}

.cs-product_img .card-img-top {
  height: 100px;
  width: 100px;
  object-fit: cover;
}

.cs-product_title .card-title {
  font-size: 1rem;
  font-family: "Jakarta Bold";
}

.cs-product_price {
  white-space: nowrap;
}

/* Reviews */

#reviews .star-rating span::before {
  color: #ff9200;
}

#reviews .commentlist {
  list-style: none;
  padding: 0;
  background-color: transparent;
}

#reviews .children {
  list-style: none;
}

#reviews .avatar {
  display: none;
}

.comment-author-bob .comment-text::before {
  content: "";
  width: 50px;
  height: 50px;
  display: inline-block;
  background-image: url("/wp-content/uploads/Profiel-Francois-van-Iersel.jpg");
  background-size: cover;
  border-radius: 50%;
  margin-right: 1rem;
  margin-bottom: 0.25rem;
}

/* Comments */

#comments .comment-list .comment {
  position: relative;
}

#comments .comment-list .comment.alt {
  margin-left: 3rem;
}

#comments .comment-list .comment .comment-body {
  padding: 1rem;
  border-radius: 0.5rem;
  background-color: #fff;
  margin-bottom: 1rem;
}

#comments .comment-list .comment.bypostauthor::after {
  content: "Antwoord van onze expert";
  position: absolute;
  top: 0.5rem;
  right: -1rem;
  padding: 0.25rem 1rem;
  background-color: #ff9200;
  color: #fff;
  border-radius: 0.375rem;
  font-family: "Jakarta Medium";
  font-size: 0.95rem;
}

#comments .comment-list .comment .avatar {
  display: none;
}

#comments .comment-list .comment .comment-meta {
  font-size: 90%;
  margin-bottom: 1rem;
}

#comments .comment-list .comment .reply .comment-reply-link {
  color: #112447;
  background-color: #f3f4f6;
  border-color: #f3f4f6;
  font-family: "Jakarta Bold";
  padding: 0.375rem 0.75rem;
  border-radius: 0.375rem;
}

#respond #commentform label {
  display: block;
  margin-bottom: 0.5rem;
  font-family: "Jakarta Bold";
}

#respond #commentform input,
#respond #commentform textarea {
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  width: 100%;
  padding: 0.5rem;
}

#respond #commentform textarea {
  height: 125px;
}

#respond #commentform input[type="submit"] {
  color: #f3f4f6;
  background-color: #658a1e;
  border-color: #658a1e;
  font-family: "Jakarta Bold";
  padding: 0.375rem 0.75rem;
  border-radius: 0.375rem;
  max-width: 250px;
}

#respond #commentform .comment-form-author,
#respond #commentform .comment-form-email {
  display: inline-block;
  width: 50%;
}

#respond #commentform .comment-form-cookies-consent,
#respond #commentform .comment-form-url {
  display: none;
}

.comment-author-luuk .comment-author {
  display: flex;
  align-items: center;
}

.comment-author-luuk .comment-author::before {
  content: "";
  width: 50px;
  height: 50px;
  display: inline-block;
  background-image: url("/wp-content/uploads/Profiel-Francois-van-Iersel.jpg");
  background-size: cover;
  border-radius: 50%;
  margin-right: 1rem;
  margin-bottom: 0.25rem;
}

.comment-author-luuk .says {
  margin-left: 0.5rem;
}

.comment-metadata a {
  font-size: 0.875rem;
  color: #112447;
}

/* Footer */

.site-footer .widget ul {
  margin: 0;
  padding: 0;
}

.site-footer .widget ul li {
  padding: 0.25rem 0;
}

.site-footer .widget ul li a {
  color: #fff;
  opacity: 0.75;
}

.site-footer_copy {
  opacity: 0.25;
}

.site-footer_copy a {
  color: #fff;
  text-decoration: underline;
}

.new-price-amount {
  margin-left: 0.5rem;
  color: #658a1e;
  font-family: "Jakarta Bold";
}