/* 20251108123518 - v2 */
.gui,
.gui-block-linklist li a {
  color: #666666;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #000000;
}

.gui-block-inner strong {
  color: #848484;
}

.gui a {
  color: #cca648;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #cca648;
  box-shadow: 0 0 2px #cca648;
}

.gui-select.gui-focus .gui-handle {
  border-color: #cca648;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #8d8d8d;
}

.gui-block-title {
  color: #333333;
  background-color: #ffffff;
}

.gui-content-title {
  color: #333333;
}

.gui-form .gui-field .gui-description span {
  color: #666666;
}

.gui-block-inner {
  background-color: #f4f4f4;
}

.gui-block-option {
  border-color: #ededed;
  background-color: #f9f9f9;
}

.gui-block-option-block {
  border-color: #ededed;
}

.gui-block-title strong {
  color: #333333;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #cbcbcb;
}

.gui ul.gui-products li {
  border-color: #dcdcdc;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #dcdcdc;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #dcdcdc;
}

.gui-block-content .gui-table {
  border-color: #ededed;
}

.gui-table thead tr th {
  border-color: #cbcbcb;
  background-color: #f9f9f9;
}

.gui-table tbody tr td {
  border-color: #ededed;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #8d8d8d;
  background-color: #ffffff;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #8d8d8d;
}

.gui-number .gui-handle a {
  background-color: #ffffff;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #000000;
}

.gui-progressbar {
  background-color: #c49b37;
}

/* custom */
.image-container {
  position: relative;
  width: 100%; /* Or a specific width */
  padding-top: 50%; /* For a 2:1 aspect ratio (e.g., 700x350 image) */
  /* For a 946x712 image, it would be (712 / 946) * 100% ≈ 75.26% */
  overflow: hidden; /* To prevent content from overflowing */
}

.image-container.product-image {
  padding-top: 75.26%; /* For a 946x712 image */
}

.image-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensures the image covers the container without distortion */
}
/* ========== Styling voor de 'Terug naar Boven'-Pijl ========== */

    #back-to-top-btn {
        /* Standaard verborgen met een fade-effect */
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s, visibility 0.3s;

        /* Positie */
        position: fixed;
        bottom: 10px;
        right: 10px;
        z-index: 100; /* Zorgt dat de knop boven andere elementen zweeft */

        /* Uiterlijk */
        background-color: #332d24; /* Donkergrijs, pas aan naar je eigen huisstijl */
        color: white;
        border: none;
        border-radius: 50%; /* Maakt de knop perfect rond */
        width: 40px;
        height: 40px;
        cursor: pointer;

        /* Icoon centreren in de knop */
        display: flex!important;
        align-items: center;
        justify-content: center;
    }

    /* Deze class wordt door JavaScript toegevoegd om de knop te tonen */
    #back-to-top-btn.show {
        opacity: 1;
        visibility: visible;
    }
		/* Effect als je er met de muis overheen gaat (alleen voor desktop) */
    @media (hover: hover) {
        #back-to-top-btn:hover {
            background-color: #986e2f; /* Iets lichter bij hover */
        }
    }
    /* ========== Gecentraliseerde styling voor het logo onderaan ========== */

    .brand-logo-bottom {
      display: block;
      text-align: center;
      margin: 20px 0; /* Geeft wat ruimte boven en onder het logo */
    }

    .brand-logo-bottom img {
      max-width: 350px !important; /* Maximale breedte voor alle logo's */
      width: 100%;
      height: auto; /* Zorgt dat de hoogte automatisch meeschaalt */
    }
.questrail-text {
        font-family: 'Questrial', 'Helvetica', sans-serif; /* Add a fallback font */
}

.search-header form .button {
  background-image: radial-gradient(circle at center, #F2CF79 0%, #B08B31 75%);
  background-color: transparent; /* Ensure the gradient is visible */
}

.rounded-corners .button, .rounded-corners .gui-checkout .gui-form a.gui-button-primary, .rounded-corners .gui-checkout .gui-form a.gui-button-actions {
    border-radius: 50px;
}

.product-element .stocknotifier-btn {
    border-radius: 50px!important;
    display: none!important;
}

.product-element .stocknotifier-btn {
    border-radius: 50px!important;
  	display: none !important;
  	max-width: fit-content !important;
  	margin-right: auto !important;
  	margin-left: auto !important;
}

.wsa-cookielaw {
		background-color: #f6f1eb;
  	color: #3b3b3b;
}
.wsa-cookielaw-button-green {
  	background-color: #398A00;
}
.css-13nhfbb-Box {
  	flex: 1 1 40%;
}.css-1kuugsz-Box {
  	flex: 1 1 40%;
}
/* Basic column styles */
div.bloggallery {
  margin: 5px;             /* Increased margin for spacing */
  border: none;             /* Removed the default border */
  box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Added a subtle shadow */
  overflow: hidden;         /* Ensures content doesn't overflow */
  transition: transform 0.3s ease; /* Smooth transition for hover effect */
}

div.bloggallery:hover {
  transform: translateY(-7px); /* Move column up slightly on hover */
  box-shadow: 0 4px 8px rgba(0,0,0,0.2); /* Enhanced shadow on hover */
}

/* Image styles */
div.bloggallery img {
  width: 100%;
  height: 100%;            /* Fixed height for consistency */
  object-fit: cover;        /* Ensures images cover the area nicely */
}

/* Description styles */
div.blogdesc {
  padding: 20px;            /* More padding for better readability */
  text-align: center;
  background-color: #f5f5f5; /* Light background for the description */
}

/* Responsive layout */
.blogresponsive {
  width: calc(33.333% - 20px); /* Adjust width calculation for margins */
  box-sizing: border-box;     
  float: left;
}

@media only screen and (max-width: 700px) {
  .blogresponsive {
    width: calc(50% - 20px);   
  }
}

@media only screen and (max-width: 500px) {
  .blogresponsive {
    width: calc(100% - 20px); 
  }
}

/* Clearfix for floats (unchanged) */
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

div.paymentgallery {
  margin: 2px;
  border: 0px solid #cbcccd;
  float: left;
}
div.paymentgallery:hover {
  transform: translateY(-7px); /* Move column up slightly on hover */
  box-shadow: 0 4px 8px rgba(0,0,0,0.2); /* Enhanced shadow on hover */
}
div.paymentgallery img {
  width: 100%;
  height: auto;
}
div.paymentdesc {
  padding: 20px;            /* More padding for better readability */
  text-align: center;
  background-color: #f5f5f5; /* Light background for the description */
}
 {
  box-sizing: border-box;
}
.paymentresponsive {
  padding: 0 6px;
  float: left;
  width: 24.99999%;
}
@media only screen and (max-width: 800px) {
  .paymentresponsive {
    width: 49.99999%;
    margin: 6px 0;
  }
}
@media only screen and (max-width: 500px) {
  .paymentresponsive {
    width: 50%;
  }
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.rounded-corners .maatwerk-overlay-content {
    border-radius: 5px;
}
.maatwerk-overlay-content {
    background-color: #fafafa;
    background-image: url(https://cdn.webshopapp.com/shops/349619/files/461037014/dsc04930.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: scroll;
  	background-size: cover;
} 
@media only screen and (min-width: 600px) {
.maatwerk-overlay-content {
        padding: 40px;
        max-height: 700px;
        overflow-y: auto;
    }
}
.maatwerk-overlay-content {
    position: relative;
    overflow: auto;
    padding: 15px;
    box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08), 1px 3px 7px rgba(0, 0, 0, 0.03);
    pointer-events: auto;
}
div.aboutgallery {
  margin: 5px;
  border: 1px solid #cbcccd;
  float: left;
}
div.aboutgallery:hover {
  border: 2px solid #CCA648;
}
div.aboutgallery img {
  width: 100%;
  height: auto;
}
div.aboutdesc {
  padding: 15px;
  text-align: center;
}
 {
  box-sizing: border-box;
}
.aboutresponsive {
  padding: 0 6px;
  float: left;
  width: 24.99999%;
}
@media only screen and (max-width: 700px) {
  .aboutresponsive {
    width: 49.99999%;
    margin: 6px 0;
  }
}
@media only screen and (max-width: 500px) {
  .aboutresponsive {
    width: 100%;
  }
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.text-page ul, .single-product-details-tab ul, .blog-entry-content ul, .text-formatting ul {
		list-style: ;
}
.gui-list ul li {
		padding-left: 0px;
  	background: none;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
		background: #d1ae59;
  	border: 1px solid #d1ae59;
}
.featured-block:hover .featured-block-image.lazy-loaded {
    opacity: 1;
    transform: scale(1.05);
}
.featured-block .featured-block-image {
    transform: scale(1.05);
}
tr:hover {background-color: #f7f6f2;
}
.blog-entry-image img {
    max-width: 100%;
}
.rounded-corners .blog-entry-image img {
    border-radius: 15px;
}
@media only screen and (max-width: 480px) {
    .hero .hero-image {
        min-height: 350px;
    }
}
@media only screen and (min-width: 100px) {
.logo.logo-center {
    position:absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
    margin-right: 0;
    max-height: 40px;
    }
}
.copyright span.powered-by {
    display:none
}
.product-text-block {
    display:
}
.availability-date.m-b-10 {
    margin-bottom: 0px !important;
}
.selling-points.selling-poinnts-bg {
  	background-color:#f7f2eb
}
.ratings .nc-icon-mini, .page-content .yotpo .yotpo-bottomline .yotpo-icon-star, .page-content .yotpo .yotpo-bottomline .yotpo-icon-half-star, .page-content .yotpo .yotpo-bottomline .yotpo-icon-empty-star, .page-content .yotpo .yotpo-review .yotpo-header .yotpo-review-stars .yotpo-icon, .page-content .yotpo .yotpo-comment .yotpo-header .yotpo-review-stars .yotpo-icon, .page-content .yotpo .yotpo-question .yotpo-header .yotpo-review-stars .yotpo-icon, .page-content .yotpo .yotpo-onsite-upload .yotpo-header .yotpo-review-stars .yotpo-icon, .page-content .yotpo .yotpo-review .yotpo-header.yotpo-verified-user .yotpo-icon-circle-checkmark, .page-content .yotpo .yotpo-comment .yotpo-header.yotpo-verified-user .yotpo-icon-circle-checkmark, .page-content .yotpo .yotpo-question .yotpo-header.yotpo-verified-user .yotpo-icon-circle-checkmark, .page-content .yotpo .yotpo-onsite-upload .yotpo-header.yotpo-verified-user .yotpo-icon-circle-checkmark, body .yotpo .yotpo-bottomline .yotpo-icon-star, body .yotpo .yotpo-bottomline .yotpo-icon-half-star, body .yotpo .yotpo-bottomline .yotpo-icon-empty-star, .page-content .yotpo .write-review .yotpo-header .yotpo-icon, .page-content .yotpo.yotpo-main-widget .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-bottomline-box-2 .yotpo-star-distribution .yotpo-star-distribution-content .yotpo-distibutions-stars .review-stars .yotpo-icon-star, .page-content .yotpo.yotpo-main-widget .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-bottomline-box-2 .yotpo-star-distribution .yotpo-star-distribution-content .yotpo-distibutions-stars .review-stars .yotpo-icon-empty-star, .page-content .yotpo .yotpo-modal-dialog .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-bottomline-box-2 .yotpo-star-distribution .yotpo-star-distribution-content .yotpo-distibutions-stars .review-stars .yotpo-icon-star, .page-content .yotpo .yotpo-modal-dialog .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-bottomline-box-2 .yotpo-star-distribution .yotpo-star-distribution-content .yotpo-distibutions-stars .review-stars .yotpo-icon-empty-star, .page-content .yotpo .promoted-products-box .promoted-products .yotpo-promoted-product .yotpo-review-stars .yotpo-icon {
    color: #f39c26;
}
.single-product-details-tab table {
    display: table;
}
.stocknotifier-btn:hover {
    background-color: #e6d4a6;
}
.button:hover {
    background-color: #e6d4a6;
}
.footer-menu-social li a:hover {
    color: #d1ae59;
}
.featherlight.product-modal-wrapper .featherlight-content, .featherlight.promo-modal-wrapper .featherlight-content {
    max-width: 1000px;
    padding-bottom: 80px;
    padding-top: 80px;
}
.rounded-corners .featherlight .featherlight-content {
    border-radius: 10px;
}
