/* 20250728135716 - 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: #8e0751;
}

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

.gui a {
  color: #b6106b;
}

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

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

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

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

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

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

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

.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: #fcc7e6;
}

/* custom */
=/* General */
.growwwCopyright {
    display: none;
}

.highlight {
        color: #df3f86!important;
}
p a{
    color: #df3f86;
}
p strong{
  color: #df3f86;
}

.pulse{
   animation: pulse-animation 5s infinite;
}

 @keyframes pulse-animation {
            0% {
                transform: scale(1);
            }
            50% {
                transform: scale(1.05);
            }
            100% {
                transform: scale(1);
            }
        }
/* Gelpolish banner */
#gellakBanner{
  display:none;
}


/* Buttons */
.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
    border-color: #f399ce;
    color: #ffffff;
    background-color: #f399ce;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}


/* instagram feed */
#instagram-embed-0 {
    min-width: 100%!important;
    background-color: transparent!important;
    border: 1px #df3f86 solid!important;
}

.instagram-feed {
            width: 100%;
            max-width: 100%; /* Adjust max-width as needed */
            box-sizing: border-box;
        }
.instagram-post {
    margin-bottom: 20px;
}
.instagram-post img {
    width: 100%;
    display: block;
}
.instagram-caption {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 10px;
}

/* service loyalty page */
.service-sidelink-item:nth-child(8) {
    display: none;
}
.middle .footer-links li:nth-child(8) {
    display: none;
}
/* contact formulier */
 .contact-form {
        background-color: transparent;
        padding: 30px;
        border-radius: 5px;
        border: 2px solid #df3f86;
    }

    .contact-form h2 {
        color: #333;
        font-size: 24px;
        margin-bottom: 20px;
    }

    .contact-form label {
        color: #666;
        font-size: 16px;
        margin-bottom: 5px;
    }

    .contact-form input[type="text"],
    .contact-form textarea {
        width: 100%;
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 5px;
        margin-bottom: 15px;
        transition: border-color 0.3s ease;
    }

    .contact-form input[type="text"]:focus,
    .contact-form textarea:focus {
        border-color: #df3f86;
        outline: none;
    }

    .contact-form textarea {
        height: 150px;
    }

    .contact-form button {
        background-color: #df3f86;
        color: #fff;
        border: none;
        padding: 12px 20px;
        border-radius: 50px;
        font-size: 16px;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

    .contact-form button:hover {
        background-color: #b5366f;
    }


/* General container styling categories */
#categorie-content{
    background-color: #f8f9fa; /* light background for contrast */
    padding: 20px;
}

/* Title and subtitle styling */
#categorie-content h2,
#categorie-content h3,
#categorie-content h4,
#categorie-content h5,
#categorie-content h6
{
    font-weight: bold;
    text-align: center!important;
}
#categorie-content p {
    color: #333; /* dark text for readability */
    text-align: center!important;
}
#categorie-content li{
    text-align: center;
    list-style: none;
}
#categorie-content .btn-custom{
  float:none!important;
    display: flex;
    justify-content: center;
    align-items: center;
}






/* FAQ's */

   #service-page-wrapper .faq {
        margin-left: -15px;
        margin-right: -15px;
    }

    #service-page-wrapper .faq-item {
        padding: 15px;
    }

    #service-page-wrapper .question {
        cursor: pointer;
        font-weight: bold;
        color: #df3f86; /* Highlight color */
        transition: color 0.3s ease; /* Smooth color transition */
    }

    #service-page-wrapper .question:hover {
        color: #b23064; /* Darker shade on hover */
    }

    #service-page-wrapper .answer {
        display: none;
    }

    #service-page-wrapper .panel {
        border-radius: 0;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

    #service-page-wrapper .panel-heading {
        background-color: #df3f86;
        color: white;
        border-bottom: 1px solid #df3f86;
        padding: 10px 15px;
    }

    #service-page-wrapper .panel-title {
        font-size: 18px;
            color: white;
    }

    #service-page-wrapper .panel-body {
        padding: 15px;
    }

    #service-page-wrapper .gray-border-bottom {
        border-bottom: 1px solid #ccc;
    }

    /* CSS3 Effects */
    #service-page-wrapper .faq-item {
        transition: box-shadow 0.3s ease;
    }

    #service-page-wrapper .faq-item:hover {
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }


#service-cta-bar .col {
        padding-right: 15px; /* Adjust as needed */
    }

    /* Highlight color for the service CTA icons and titles */
    .service-cta {
        color: #df3f86; /* Highlight color */
    }

gmp-map {
  height: 500px;
  min-width:100%;
}

#service-sidelinks {
  list-style: none;
  padding: 0;
}

.service-sidelink {
  text-decoration: none;
  color: #333; /* Default text color */
  padding: 10px 20px;
  display: block;
}

.service-sidelink:hover {
  background-color: #f5f5f5; /* Background color on hover */
}

.service-sidelink.active {
  background-color: #df3f86; /* Highlight color for active link */
  color: #fff; /* Text color for active link */
}

.service-sidelink-item {
  margin-bottom: 10px;
}

.service-sidelink-cta {
  font-weight: bold;
}

.service-sidelink-cta:hover {
  background-color: #df3f86; /* Highlight color for CTA link on hover */
  color: #fff; /* Text color for CTA link on hover */
}

.service-sidelink-cta.active {
  background-color: #df3f86; /* Highlight color for active CTA link */
  color: #fff; /* Text color for active CTA link */
}

@media (min-width: 768px) {
  .service-sidelink-item.d-md-block {
    display: block;
  }
}




/* Blog */

#blog-custom-first {
 
}

#blog-content .roxenne-signature{
    max-width: 200px;
    width: 200px;
    min-width: auto;
}
#blog-content .product-card {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 15px;
    background-color: #f9f9f9;
    height: 100%;
}

#blog-content .product-image {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
}

#blog-content .product-details {
    padding-top: 10px;
}

#blog-content .product-title {
    font-size: 18px;
    margin-bottom: 5px;
}

#blog-content .product-price {
    font-size: 16px;
    color: #666;
    margin-bottom: 5px;
}

#blog-content .product-link {
    color: #df3f86;
    text-decoration: none;
    font-weight: bold;
    transition: color 0.3s;
}

#blog-content .product-link:hover {
    color: #c7254e;
}
#blog-content ol a{
  color: #df3f86; 
}
#blog-content .figure-caption {
    font-size: 14px;
    color: #fff; /* Text color */
    background-color: #df3f86; /* Background color */
    padding: 8px 12px; /* Padding for the caption */
    border-radius: 4px; /* Rounded corners */
    margin-top: 10px;
}

/* Hide backoffice link and close button */
.wsa-demobar a,
.wsa-demobar a.close {
    display: none !important;
}

/* USP Bar styling */
.wsa-demobar {
    position: absolute !important;
    background-color: #000000 !important;
    color: #ffffff !important;
}

#wwkSidebarTop {
    margin-bottom: 100px;
}

body .wwk-sidebar {
    z-index: 21 !important;
}

/* Scroll Down Link */
.scroll-down .lees-meer {
    display: inline-block;
    animation: pulse 2s infinite;
    color: #fff;
    /* Change text color to white */
    background-color: #df3f86;
    /* Change background color to highlight color */
    padding: 10px 20px;
    /* Add padding for better visibility */
    border-radius: 5px;
    /* Add rounded corners */
    text-decoration: none;
    /* Remove underline */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    /* Add shadow for depth */
}

.scroll-down .lees-meer:hover {
    background-color: #c7326d;
    /* Darken background color on hover */
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

/* Headings */
h3.headline,
h2.banner-title,
.heading-with-highlight {
    font-style: italic;
    color: #535353;
}
#header-search:before {
    background: #df3f86 !important;
}

/* Override content headings color */
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
    color: #df3f86 !important;
}

#breadcrumbs .hover-underline {
    color: #df3f86 !important;
}

.c-inherit.heading-with-highlight {
    font-size: 26px;
}

.hidden {
    visibility: hidden !important;
}

[data-js="price-incl-tax"] {
    font-weight: bold !important;
    font-size: 1.8em !important;
    color: black !important;
}

.subheader-holder {
    padding-top: 20px;
}

/* Aanpassing social media header */

.social-media-bar {
    width: 100%;
}

.social-media-bar .socials {
    display: flex;
    justify-content: flex-end;
    /* Align items to the right */
    align-items: center;
}

.social-media-bar .socials span {
    color: #df3f86;
    /* Highlight color */
}

.social-media-bar .social-icon {
    color: #df3f86;
    /* Highlight color */
    margin-right: 5px;
}

.social-media-bar .social-icon i {
    font-size: 16px;
}

/* USP's */

.usp-bar .icon {
    padding-right: 5px;
}

.usp-bar {
    padding-top: 5px;
    padding-bottom: 5px;
}

.usp-item{
        justify-content: center; /* Horizontally center */
      align-items: center; /* Vertically center */
       background-size: cover; /* Ensure background image covers the entire div */
 			 background-position: center; /* Center the background image */
  			
}

.usp1{
		background-image: url('https://cdn.webshopapp.com/shops/296579/files/453807190/whatsapp-image-2024-03-22-at-144507-8ad25bfd.jpg'); 
    background-position-y: -82px;
}
.usp2{
		background-image: url('https://cdn.webshopapp.com/shops/296579/files/461283744/sen-6604.jpg'); 
 		 background-position-y: -100px;
}
.usp3{
 	background-image: url(' https://cdn.webshopapp.com/shops/296579/files/453810751/whatsapp-image-2024-03-27-at-105526-c0df6ccc.jpg'); 
    background-position-y: -117px;
}
.usp4{
  	background-image: url('https://cdn.webshopapp.com/shops/296579/files/453814505/fedc7733-9647-4ed5-9094-16b8c7e24fcd-min.jpg'); 
}

.usp-banner .usp-item .usp-link {
    display: block;
    padding: 10px;
    min-height: 100px;
    /* Adjust min-height as needed */
    margin-bottom: 15px;
    background-color: rgba(255, 255, 255, 0.0);
/*     border: 1px solid #eee; */
/*     border-radius: 4px; */
    color: #333;
    text-decoration: none;
    transition: all 0.3s ease;
}

.usp-banner .usp-item .usp-link:hover {
    transform: scale(1.05);
/*     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
    color: #df3f86;
    text-decoration: none;
}

.usp-banner .usp-item .usp-link .usp-content h4 {
    margin: 0 0 10px;
    color: #df3f86;
   font-size:14px;
  color: white; /* Set text color to white */
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Add text shadow */
}

.usp-banner .usp-item .usp-link .usp-content p {
    margin: 0;
    font-size: 14px;
    display: block;
}

.usp-icon {
    max-width: 15%;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .usp-banner .usp-item .usp-link {
        margin-bottom: 0px;
    }

    body .usp-banner .usp-item .usp-link .usp-content p {
        display: none;
    }

    .usp-banner .usp-item {
        padding: 0px;
        margin-bottom: 0px;
       display: flex;
    }
  .usp1{
        background-position-y: -137px;
  }
  .usp2{
    background-position-y: -130px;
  }
  .usp3{
        background-position-y: -188px;
  }

    .usp-banner .usp-item .usp-link .usp-content {
        display: block;
        /* Ensure content is visible on mobile devices */
    }

    .usp-banner .usp-item h3 {
        font-size: 16px;
    }

    .usp-banner .usp-item p {
        font-size: 12px;
    }

    .usp-banner .usp-item img {
        max-height: 40px;
     
    }

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

    .usp-item .usp-content .usp-image {
        flex: 0 0 auto;
        /* Prevent image from growing */
        margin-right: 10px;
        /* Add some spacing between image and text */
    }
}


.usp-banner .usp-item .usp-link .usp-content p.show {
    display: block;
}

/* Style for the accordion */
.accordion-button {
    cursor: pointer;
    padding: 10px;
    background-color: #f1f1f1;
    border: none;
    text-align: left;
    width: 100%;
/*     border-bottom: 1px solid #ccc; */
}

.accordion-content {
    padding: 10px;
    display: none;
}

.active .accordion-content {
    display: block;
}


@media (max-width: 768px) {

    .usp-icon {
  	max-width:30px;
  }

    .usp-banner .usp-item .usp-link {
        margin-bottom: 0px;
        min-height: auto;
    }

    .usp-banner .usp-item {
        padding: 0px;
        margin-bottom: 0px;
    }

    .usp-banner .usp-item .usp-link .usp-content {
        display: block !important;
        /* Ensure content is visible on mobile devices */
    }

    .usp-banner .usp-item h3 {
        font-size: 16px;
    }

    .usp-banner .usp-item p {
        font-size: 12px;
        display: none;
    }

    .usp-banner .usp-item img {
        max-height: 40px;
    }

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

    .usp-item .usp-content .usp-image {
        flex: 0 0 auto;
        /* Prevent image from growing */
        margin-right: 10px;
        /* Add some spacing between image and text */
    }

    .usp-item .usp-content h4,
    .usp-item .usp-content p {
        margin: 0;
        /* Reset margin */
    }
}

/* Blog Banner */

.usp-banner{
      border: 1px #df3f86 solid;
}


.usp-banner .banner {
      background-color: #fff;
    text-decoration: none;
    transition: all 0.3s ease;
    display: flex;
      margin-top: 5px;
 		 border:1px dashed #df3f86;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    text-align: center; /* Center text */
}

.usp-banner .banner .usp-link {
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.3s ease;
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    text-align: center; /* Center text */
}

.usp-banner .banner .usp-link:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    color: #df3f86;
    text-decoration: none;
}

.usp-banner .banner .usp-content {
    display: flex;
    align-items: center; /* Center horizontally */
}

.usp-banner .banner .usp-icon {
    max-width: 30px;
   	margin-left:10px;
    margin-right: 10px; /* Add spacing between icon and text */
    flex-shrink: 0; /* Prevent icon from growing */
}

.usp-banner .banner .usp-content h4 {
    margin: 0;
  	font-size:14px;
    color: #df3f86;
}

@media (max-width: 768px) {
    .usp-banner .banner .usp-link {
        min-height: auto;
    }

    .usp-banner .banner .usp-content {

    }

    .usp-banner .banner .usp-icon {
        max-height: 40px;
    }

    .usp-banner .banner .usp-content h4,
    .usp-banner .banner .usp-content p {
        margin: 0;
    }
}






/* Gradient Background Example */
.usp-banner {
    background: linear-gradient(to right, #ffffff, #df3f86);
}

/* Hover Effect for Images - Assuming you're using PNGs for icons */
.usp-banner .usp-icon img:hover {
    filter: brightness(1.1);
    /* Slightly brighten the image on hover */
}

/* Styling for Customer Review Section */
/* Customer Review Styling */




 .customer-review {
    background-color: #f8f9fa;
    /* Light gray background color */
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

 .customer-review .customer-review-image {
    width: 100px;
    /* Adjust width as needed */
    height: 100px;
    /* Adjust height as needed */
    min-width: auto;
    border-radius: 50%;
    /* Make the image rounded */
    margin-bottom: 20px;
    /* Adjust margin as needed */
}

 .customer-review .customer-review-text {
    position: relative;
    background: #df3f86;
    /* Gradient background */
    padding: 15px 20px;
    border-radius: 15px;

    /* White text color */
    max-width: calc(100% - 40px);
    /* Limit width */
}
 .customer-review .customer-review-text p{
       color: #ffffff!important;
}

 .customer-review .customer-review-text:before {
    content: '\201C';
    /* Left quote mark */
    font-size: 2.5em;
    color: #df3f86;
    /* Highlight color */
    position: absolute;
    top: -15px;
    left: -5px;
}

.customer-review .customer-review-text:after {
    content: '\201D';
    /* Right quote mark */
    font-size: 2.5em;
    color: #df3f86;
    /* Highlight color */
    position: absolute;
    bottom: -25px;
    right: -5px;
}

.image-container {
    display: flex;
    align-items: center;
}

.image-container img {
    margin-right: 15px;
    /* Adjust margin as needed */
}


/* Styling for CTA Buttons */
/* Button Styling */
 .btn-custom {
    background: linear-gradient(to right, #df3f86, #c1326e);
    /* Gradient background */
    color: #fff;
    /* Text color */
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 16px;
    float: left;
    font-weight: bold;
    text-transform: none;
    /* Remove uppercase */
    text-decoration: none;
    /* Remove underline */
    transition: background-color 0.3s ease;
}

 .btn-custom:hover {
    background: linear-gradient(to right, #c1326e, #a02357);
    /* Darker shade of gradient on hover */
     color:white;
}

#course-list{
  display:none;
}

/* Text Styling */
.nagelopleidingen p {
    line-height: 1.6;
    color: #333;
    /* Text color */
}

.nagelopleidingen h2,
.nagelopleidingen h3 {
    color: #333;
    /* Text color */
}


/* Aanpassing styling loyalty programma*/


.loyalty-program {
    color: #333;
}

.loyalty-program h2,
.loyalty-program h3 {
    color: #df3f86;
    /* Your brand's highlight color */
}

.loyalty-steps li,
.membership-benefits li {
    margin-bottom: 10px;
}

.loyalty-steps li::marker,
.membership-benefits li::marker {
    color: #df3f86;
    /* Highlight color for list markers */
}

.membership-benefits {
    list-style-type: disc;
    padding-left: 20px;
}

.loyalty-steps {
    list-style-type: decimal;
    padding-left: 20px;
}


/* Aanpassing headers */
.layout-custom .catalog h3 {
    text-align: left !important;
    font-size: 1.4rem !important;
    text-transform: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;

}

.layout-custom .catalog h4 {
    font-size: 1.1rem !important;
}

.hide-text {
    display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* Header */
/* USP Bar */
#header-left .logo {
    max-width: 100%;
    max-height: 70px;
    width: 100px;
}

.usp-carousel-item {
    justify-content: flex-start;
}

.topbar-custom-link {
    text-decoration: none;
}

.nav-main-item-name>img {
    display: none;
}

#header-search-input {
    border-radius: 100px !important;
    padding-left: 15px !important;
}

#header-wishlist {
    background: #df3f86;
    border-radius: 100px;
    padding: 0px 10px;
}

#header-fancy-cart:before {
    background: #ffa0bd !important;
    border-radius: 100px;
    padding: 10px 12px;
    opacity: 1;
    width: 40px;
}

.header-item {
    margin-right: 10px;
}

#cart-header-link {
    width: 40px;
}

#cart-qty {
    background: #000000;
}

#header-fancy-account {
    margin-right: 15px;
}

#home-slider .banner-content-holder {
    padding: 50px 50px 50px 0px;
}

/* Slider */
.banner-subtitle.margin-top-5 {
    color: #5f4837;
    font-size: 16px;
    font-weight: 200;
}

.home-highlight .banner-text {
    text-align: right;
}

.home-module.mod-slider {
    background: rgb(253, 223, 232);
    background: linear-gradient(90deg,
    rgba(253, 223, 232, 1) 0%,
    rgba(244, 144, 188, 1) 60%,
    rgba(223, 63, 134, 1) 100%);
}

.home-module.mod-slider.mt-4 {
    padding-top: 30px;
    margin-top: 0px !important;
}

.slider-type-fixed .slider-picture {
    display: none;
}

#home-slider .slider-1 .banner-title {
    font-size: 80px;
    font-style: italic;
}

#home-highlights .banner-holder {
    height: 475px;
}

.layout-custom .subheader-holder-below #subheader {
    padding-top: 30px;
    padding-bottom: 20px;
}

/*breadcrumbs*/

#breadcrumbs {
    font-size: 0.95em;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

/* Highlight */
.home-module .home-highlight {
    border-radius: 300px 0px 0px 300px;
}

.c-inherit.banner-footer-title.title-size-default {
    font-size: 28px;
    font-style: italic;
}

/* Categories */
.home-module.mod-categories {
    background: rgb(253, 223, 232);
    background: linear-gradient(90deg,
    rgba(253, 223, 232, 1) 0%,
    rgba(244, 144, 188, 1) 60%,
    rgba(223, 63, 134, 1) 100%);
}

.home-module.mod-categories h3.headline,
h2.banner-title,
.heading-with-highlight,
.home-category-title {
    color: #535353;
}

.home-module.mod-categories.mt-5 {
    padding-top: 0px;
    padding-bottom: 30px;
    margin-top: 0px !important;
}

.home-category-block {
    background: #ffffff00;
    padding: 12px 0px;
}

.home-category-img {
    display: none;
}

#homepage-categories-grid {
    border-top: 1px solid #fff;
}

.home-category-title {
    flex-grow: 0.1;
    min-width: 0px;
}

/*Kelvin aanpassing*/

/*

SEO aanpassing anchor Links

*/
.visually-hidden {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
}

/* einde */

/* Ripple effect  koop button */

.add-to-cart-button {
    position: relative;
    overflow: hidden;
    background-color: #007bff;
    /* Primary button color */
    color: white;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s;
    display: inline-block;
    /* Ensures proper alignment */
    text-align: center;
    /* Centers the text */
}

.add-to-cart-button::after {
    content: '';
    position: absolute;
    width: 300%;
    /* Make the gradient wider than the button */
    height: 100%;
    top: 0;
    left: -100%;
    /* Start from the left */
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 100%);
    z-index: 0;
    opacity: 0;
    /* Start fully transparent */
    transition: opacity 0.3s ease-in-out;
}

.add-to-cart-button:hover::after {
    opacity: 1;
    /* Fully visible on hover */
    animation: wave-animation 2.5s infinite linear;
}

.add-to-cart-button span {
    position: relative;
    z-index: 1;
    /* Ensures text is above the effect */
}

@keyframes wave-animation {
    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }
}

/* slow down animation on mobile */
@media (max-width: 768px) {
    .add-to-cart-button:hover::after {
        animation: wave-animation 1.5s infinite linear;
    }
}


/* button animate css */
.quick-order-button {
    transition: background-color 0.3s ease;
    background-color: #df3f86!important;
}

/* Add the hover effect */
.quick-order-button:hover {
    animation-name: pulse;
    /* replace with your chosen animation */
    animation-duration: 1s;
    animation-fill-mode: both;
    background-color: #FFA0BD;
}

.home-category-block:hover {
    animation-name: pulse;
    /* replace with your chosen animation */
    animation-duration: 1s;
    animation-fill-mode: both;
}


/*
Lees meer toevoegen categorie pagina

*/
.lees-meer {
    color: #df3f86;
    font-weight: 600;
    text-decoration: underline;
}

/* einde */

/*

Afbeelding altijd 100% op category pagina

*/
.content a{
    text-decoration:none!important;
}
.content img {
    min-width: 100%;
    width: 100%;
    height: auto !important;
}

.content iframe {
    min-height: 500px;
}

/* einde */

.horizontal-scroller-with-nav {
    padding-top: 15px !important;
}

.collection-products-row .product-block .product-col-brand,
.collection-products-row .product-block .brand-label {
    padding-bottom: 5px;
    font-weight: 400;
}

.collection-products-row .product-block .product-block-title {
    padding-bottom: 5px;
}

.collection-products-row .product-block .product-col-stock {
    font-size: 0.95em;
    padding-top: 10px;
    font-weight: 600;
}

.collection-products-row .product-block .product-grid-img-holder:before {
    background-color: transparent !important;
}

/* Homepage products A/B */
.button-products.with-icon.lined,
.title-swiper-arrows>div {
    background: white;
    font-weight: bold;
}

.home-main-products.container .icon-arrow-right.white {
    color: #fff;
    padding: 10px;
    background: #df3f86;
    border-radius: 100px;
    margin-left: 10px;
}

.product-block.default-shadow {
    box-shadow: none;
}

.product-block.boxed-border {
    border: none;
}

.product-grid-img::after {
    content: "";
// ::before and ::after both require content position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background-image: linear-gradient(120deg, #eaee44, #33d0ff);*/
    opacity: 0.7;
}

.quick-order-button {

}

.look-content {
    transform: none;
    box-shadow: none;
}

.look-content h2 {
    font-size: 55px;
    color: #5f4837;
    font-style: italic;
}

.product-grid-img-holder:before {
    z-index: 999;
}

.home-module.mod-products-b.mt-5 .button.with-icon {
    display: none;
}

.quick-order-button {
    border-radius: 100px;
}

.product-col-brand,
.brand-label {
    font-size: 12px;
    opacity: 1;
    text-transform: none;
    color: #df3f86;
    font-weight: bold;
}

.product-block-title {
    min-height: 40px;
    color: black !important;
}

.product-block-title,
.product-block-desc {
    font-weight: 200;
    color: #5f4837;
}

.in-stock {
    color: #df3f86;
}

/* Promo banner */
.promo-product-a-fit {
    object-fit: cover;
}

.sub-image:after,
.look-main-image:after {
    background-color: #ff0f790a;
    z-index: 999;
}

#promobanner {
    border-radius: 400px 0px 0px 400px;
}

#promobanner .banner-text {
    background: white;
    padding: 45px;
    border-radius: 50px;
    max-width: 50% !important;
}

/* Home textblok A */
.heading-with-highlight:after {
    display: none;
}

.home-module.mod-textblock-a .object-fit-cover {
    object-fit: cover;
    border-radius: 0px 500px 500px 0px;
}

.button.buttolarge.with-icon.white {}

/* Brands */
.img-responsive.br-2 {
    background: #ff429608;
}

/* Footer */
.gray-border-top {
    border-top: 1px solid #fff;
}

.container.footer.py-5 .footer-title {
    font-size: 14px;
    font-family: "Ubuntu";
    font-weight: bold;
    font-style: inherit;
}

footer {
    background: rgb(237, 102, 162);
    background: linear-gradient(0deg,
    rgba(237, 102, 162, 1) 0%,
    rgba(244, 144, 188, 1) 17%,
    rgba(253, 223, 232, 1) 100%);
    color: #535353;
}

.footer-title {
    color: #535353;
    font-style: italic;
}

.pre-footer.gray-bg {
    background: none;
    border-bottom: 1.5px solid #fff;
}

.button-small.with-icon {
    padding-right: 55px !important;
    padding: 10px 35px 10px 35px;
}

#footer-reviews {
    border-radius: 25px;
}

.footer-contact-item {
    margin-top: 10px !important;
}

@media (max-width: 768px) {
    .home-textblock-image {
        height: auto !important;
    }

    .home-textblock .button.with-icon {
        width: 100%;
    }

    .slider-height-large .swiper-slide {
        min-height: 200px;
    }

    .home-module.mod-slider .banner-content {
        padding-bottom: 30px;
    }

    #home-highlights .banner-holder {
        height: 250px !important;
    }

    .pt-xs-5 {
        padding-top: 50px;
    }

    .home-category-title {
        margin-right: 5px;
    }

    .horizontal-scroller-container .horizontal-scroller::-webkit-scrollbar-thumb {
        background: #fff;
    }

    .horizontal-scroller-container .horizontal-scroller::-webkit-scrollbar-track {
        background: rgb(255 255 255 / 20%);
    }

    .logo {
        max-width: 100%;
        max-height: 200px;
        height: 55px;
        width: 80px;
    }

    .button.buttolarge.with-icon.white,
    .button.buttolarge.with-icon.lined {
        margin-top: 10px;
    }

    .logo {
        max-width: 100%;
        max-height: 200px;
        height: 75px;
        width: 100px;
    }

    #promobanner .banner-text {
        border-radius: 50px;
        max-width: 100% !important;
    }

    #promobanner {
        border-radius: 50px;
    }

    #header-icon-cart {
        background: #ffa0bd;
        padding: 10px 15px 10px 15px;
        border-radius: 100px;
    }

    .layout-custom #header-holder {
        margin-top: 60px;
    }

    .layout-custom #header-holder.headerscrolled {
        margin-top: 0px;
    }

    /* Dit deel van de CSS-code zorgt ervoor dat de USP-bar verborgen is voor mobiele bezoekers. Als een scherm kleiner is dan 767 pixels breed zullen de USP‘s niet goed passen. */

    .wsa-demobar {
        display: none !important;
    }

    body {
        margin-top: 0px !important;
    }
}

/* Bootstrap Tables */
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    background-color: transparent; /* Ensures the table is transparent by default */
}

/* Adds zebra-striping to any table row within the tbody via the :nth-child CSS selector (odd and even are used here) */
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

/* Adds borders on all sides of the table and cells */
.table-bordered {
    border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;
}

/* Adds rounded corners to the table (specifically the first and last child of thead and tfoot) */
.table-rounded {
    border-collapse: separate;
    border-radius: 4px;
}

/* Adds hover effect on rows */
.table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}

/* Makes the table more compact by cutting cell padding in half */
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 5px;
}
.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}

.toggle-title-md:after {
    display: none!important;
}


@media screen and (max-width: 767px) {
  #categorie-content li {
    text-align: left;
    list-style: none;
}
  #countdown {
    text-align: center;
  background-size: cover;
    padding: 5px;
  margin-top: 5px;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    max-height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
  #countdown h4 {
      padding-top: 0 !important;
    font-size: 18px;
    font-weight: bold;
    color: white;
    text-shadow: 1px 0 black;
}

#timer {
      font-size: 10px;
    font-weight: bold;
    color: #333;
    color: white;
    text-shadow: 1px 0 black;
}

#timer span {
    display: inline-block;
    min-width: 50px;
    padding: 5px;
    border-radius: 5px;
 	 	background: rgba(223,63,134, 0.7);
    margin: 2px;
    font-weight: bold;
    color: #fff;
    animation: pulse 1s infinite;
}

  .toggle-content-md {
    overflow: hidden;
    visibility: visible !important;
    height: auto !important;
}
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }
    .table-responsive > .table {
        margin-bottom: 0;
    }
    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap;
    }
    .table-responsive > .table-bordered {
        border: 0;
    }
    .table-responsive > .table-bordered > thead > tr > th:first-child,
    .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .table-responsive > .table-bordered > thead > tr > td:first-child,
    .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }
    .table-responsive > .table-bordered > thead > tr > th:last-child,
    .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .table-responsive > .table-bordered > thead > tr > td:last-child,
    .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }
    .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0;
    }
}


.hide-afterpay .gui-payment-method-wrapper .gui-payment-methods > div:nth-child(4) {
  display: none!important;
}