/* Font family site aanpassing */

html {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* clerk search */

.search-results__product-name {
color:#0a3045;
font-weight: 500;
font-size:15px;
}

@media only screen and (max-width: 600px) {

.search-results__product-name {
font-size:12px;
}
.search-results__button {
    height: 50px;
    padding-left: 1.05rem;
    padding-right: 1.05rem;
    font-size: 13px;
}
}

/* Branding on the banner */
a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {
  display: none;
}

/* Branding on the Privacy trigger */
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
    display: none;
}

.page-layout-homepage .banners {
margin-bottom: 30px;
}

.main-menu .level-0 .link-wrapper a {
font-weight:600;
font-size:14px;
}

.my-4.text-red-500 {
	display:none;
}

.checkout-default .text-th-blue {
	font-size:20px;
}

.text-th-blue .page-title{
font-size:26px;	
}

@media only screen and (max-width: 600px) {

#thumbs {
	display:none;
}

#breadcrumbs {
	display:none;
}
			
}

.product-block-content .h4 strong {
	color:#0a3045;
}

b, strong{
	font-weight:500;
}

.product-block-content .h4 {
	color:#0a3045;
}

ul.bullet {
    list-style-type: disc; /* Standard bullet (you can change this) */
    padding-left: 20px;    /* Adds left padding for the bullets */
}


#description > div.product-block-content > ul.bullet {
    list-style-type: disc; /* Standard bullet (you can change this) */
    padding-left: 20px;    /* Adds left padding for the bullets */
}

.cart-wrapper .py-6 {
    padding-bottom: 0rem;
}

.cart-wrapper .font-bold {
	color:#3f8b50!important;
}

.\!border-postnl-orange {
    border-color: #2f8b00 !important;
}

#shipping-details > div:nth-child(3) > div > div.bg-gray-100.p-2.rounded-b-lg.space-y-2 {
	background-color:#FFF;
}

#customer-menu > span.absolute{
  top: 55% !important;
}

.space-y-4>:not([hidden])~:not([hidden]){
	margin-top:0px;
}

#maincontent > div.columns > div > div.cart-form.clearfix > div > div.w-full.lg\:w-2\/6.lg\:float-right.lg\:order-2.top-32.lg\:sticky > div > div:nth-child(2) {
	display:none;
}




/* Algemene card styling */
.product-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Afbeelding styling */
.product-card__visual {
    width: 100%;
    padding-bottom: 100%; /* Maakt een vierkant aspect ratio */
    position: relative;
    overflow: hidden;
}

.product-card__image-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.product-card__image-link {
    display: block;
    width: 100%;
    height: 100%;
}

.product-card__regular-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Informatie sectie styling */
.product-card__info {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 1rem;
}

/* Productnaam styling */
.product-card__name {
    color: rgb(34 29 92) !important;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* USP styling */
.product-card__usp {
    display: flex;
    align-items: flex-start;
    margin-bottom: 0.5rem;
    padding-left: 20px;
    position: relative;
    min-height: 2.4em; /* Minimum height for 2 lines */
}

.product-card__usp::before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px; /* Align with first line of text */
    width: 14px;
    height: 14px;
    background-color: rgb(63 139 80 / var(--tw-text-opacity));
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.81 23.2'%3E%3Cpath d='M15 22.22a3.21 3.21 0 01-4.53.08l-.07-.08-9.5-10a3.5 3.5 0 010-4.7 3.19 3.19 0 014.52-.07l.08.07 7.3 7.6L26.41.92a3.21 3.21 0 014.5 0 3.52 3.52 0 010 4.7l-16 16.6z'/%3E%3C/svg%3E");
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
}

.product-card__usp span {
    font-size: 13px;
    line-height: 1.2;
}

/* Volume tekst styling */
.product-card__volume {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
    margin-bottom: 0.5rem;
    font-size: 13px;
}

/* Prijs en button sectie styling */
.product-card__shop {
    margin-top: auto; /* Duwt de prijssectie naar beneden */
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 20px; /* 20 pixels ruimte tussen prijs en button */
}

/* Prijs container styling */
.price-box.price-final_price {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0; /* Voorkomt dat de prijs krimpt */
}

/* Prijs label styling */
.price-label {
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
    display: block;
    margin-bottom: 0.25rem;
}

/* Prijs styling */
.price-container .price {
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(58 58 58 / var(--tw-text-opacity));
    display: block;
}

/* Button container styling */
.product-card__addtocart-form {
    display: flex;
    justify-content: flex-end;
    flex-grow: 1; /* Laat de button container de resterende ruimte innemen */
}

/* Button styling */
.product-card__button {
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(63 139 80 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(63 139 80 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    font-size: 13px !important;
    height: 40px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

.product-card__button-label {
    color: #ffffff !important;
}

/* Verberg het originele SVG icoon */
.product-card__icon-checkmark {
    display: none;
}

.product-card__addtocart-form{
        justify-content: left;
}

/* Mobile responsiviteit */
@media only screen and (max-width: 450px) {
    .fb-product-grid {
        grid-gap: 1rem !important;
    }
    .product-card__name {
        font-size: 14px;
    }
    .product-card__shop {
        flex-direction: column;
        align-items: stretch;
        gap: 10px; /* Verminderde ruimte voor mobiele weergave */
    }
    .price-box.price-final_price {
        margin-bottom: 0.5rem;
    }
    .product-card__addtocart-form {
        justify-content: stretch;
    }
    .product-card__button {
        width: 100%;
    }
}


.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}


.category-description {
	max-width:100%;
	width: 100%; 
}

.amasty-reward-points-product .font-bold.text-th-blue {
font-size:15px;
}

.product-block-content .list-checkmarks li:before {
  background-image: url('https://www.vitalize.nl/media/css/vitalize/V_vitalize.svg')!important;
  }
  
 .list-checkmarks li:before {
  background-image: url('https://www.vitalize.nl/media/css/vitalize/V_vitalize.svg')!important;
  }
  
.freegift-button {
    display: none;
}

.message.info, .message.notice {
    border-color: #efb898;
    background-color: #efb89838;
}

.amblog-content p{
	color:#1b1b1b;
}

.amblog-content a {
color: #da8e62;
}

/* Advies link in main menu */
.boldadvies {
	font-weight:500;
	color: #374151;
	 cursor: pointer;
	 font-size:14px;
}

.menu-heading{
font-size: 0.9rem;
font-weight:500;
}

.amblog-content h2 {
			color:#1b1b1b;
}


.amblog-content h3 {
			color:#1b1b1b;
}

@media only screen and (max-width: 450px) {
.amblog-content h2 {
	        font-size: 1.4rem;
			font-weight:600;
			color:#1b1b1b;
}
}

.amblog-content h3 {
	        font-size: 1.1rem;
			font-weight:400;
			color:#1b1b1b;
}

.xl\:mx-2{
	margin-left:0px;
	margin-right:0px;
}

.mobile-additional.py-6.bg-th-blue4 {
background-color: #0a3045;
}

.mobile-additional .text-th-blue3 {
	color:#FFF;
}

@media only screen and (max-width: 450px) {
#cart-drawer .py-6 {
	padding-top: 0rem;
    padding-bottom: 0rem;
}
}

span.absolute.top-0.right-0.h-5.w-5.py-1.-mt-3.-mr-3.text-xs.font-bold.text-center.text-white.leading-none.rounded-full.bg-primary.block.transform.-translate-x-1.translate-y-1.bg-opacity-90 {
    background-color: #1e8f00;
}

.amblog-short.font-bold.text-lg.mb-5 {
	color:#1b1b1b;
}

.amblog-post-item.-author a {
	 pointer-events: none;
    cursor: default;
}

body.vitalize_pt_6 .bg-th-blue.text-white.px-10 {
	display:none;
}


body.vitalize_pt_6 #payment-method-option-mollie_methods_paypal {
    margin-bottom: 10px; /* Adjust the value as needed */
}

body.vitalize_pt_6 .flex.flex-col.gap-4.mt-4.mb-6 li:nth-child(2) {
    display: none;
}

/* .Pt wijziging betaalmethoden */

body.vitalize_pt_6 #payment-method-option-buckaroo_magento2_multibanco  {
margin-bottom:15px;
}

body.vitalize_pt_6 #payment-method-option-buckaroo_magento2_mbway  {
margin-bottom:15px;
}

.minicart-actions a.btn-primary:nth-of-type(2) {
    display: none;
}

.minicart-actions a.btn-primary:nth-of-type(1) {
    margin-bottom:10px;
}

 /* Tidio chat button hoogte */
@media only screen and (max-width: 450px) {
.bottom-10 {
    bottom: 4.9rem;
}
}

svg circle {
  fill: #0a3045 !important;
  width:15px;
}

.text-sm {
    font-size: 0.800rem;
}

.text-gray-400 {
    font-size: 13px;
}

fieldset .field.field-reserved, form .field.field-reserved {
    margin-bottom: 0.75rem;
}

nav.nav-main.md\:mb-0.overflow-hidden.rounded-lg.bg-gray-100.p-2{
	background-color:unset;
}

.product-price.text-right {
	    text-align: left;
    margin-left: -3px;
    font-weight: 500;
}

.text-th-gray6 {
    color: #a9a5a5;
}

.logo-img {
    margin-left: 10px;
}
/*title pdp */
.text-th-blue .page-title {
    font-size: 22px;
}
}

/* Color arrow beside packshot pdp */

.text-th-blue2 {
    color: #0a3045;
}

.postnl-widget{
	border-style:none!important;
}

/* border selectie PDP */
.border-2 {
    border-width: 1px;
	border-color: #6c9f87;
}


.category-banner__list-item:before {
    position: relative;
    top: .25rem;
    margin-right: .75rem;
    display: inline-block;
    height: 1rem;
    width: 1rem;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m4.5%2012.75%206%206%209-13.5%22%20%2F%3E%3C%2Fsvg%3E)!important;
    background-repeat: no-repeat;
    --tw-content: "";
    content: var(--tw-content);
}

.custom-bullets {
  list-style-type: none; /* Verwijder de standaard bullet points */
  margin-left: 5px; /* Voeg ruimte links toe om de lijst in te laten springen */
  padding-left: 0;
}

.custom-bullets li {
  position: relative; /* Maak het mogelijk om de bullet met ::before te positioneren */
  margin-bottom: 5px; /* Voeg wat ruimte toe tussen de lijstitems */
  padding-left: 24px; /* Voeg ruimte toe zodat de tekst niet overlapt met de bullet */
  color:#1b1b1b;
}

.custom-bullets li::before {
  content: '•'; /* Gebruik een bullet-symbool */
  color: #1b1b1b; /* Stel de gewenste kleur in */
  font-size: 1.8em; /* Pas de grootte van de bullet aan */
  position: absolute; /* Positioneer de bullet relatief aan de li */
  left: 0; /* Plaats de bullet aan de linkerkant */
  top: 0%; /* Plaats de bullet in het midden van de tekst */
  transform: translateY(-50%); /* Corrigeer de verticale uitlijning */
  padding-top: 25px;
}

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

.custom-list li {
  position: relative; /* Maak het mogelijk om de bullet met ::before te positioneren */
  margin-bottom: 5px; /* Voeg wat ruimte toe tussen de lijstitems */
  padding-left: 10px; /* Voeg ruimte toe zodat de tekst niet overlapt met de bullet */
  color: #1b1b1b;
}

.custom-list li::before {
  color: #1b1b1b; /* Stel de gewenste kleur in */
  font-size: 1.8em; /* Pas de grootte van de bullet aan */
  position: absolute; /* Positioneer de bullet relatief aan de li */
  left: 0; /* Plaats de bullet aan de linkerkant */
  top: 50%; /* Plaats de bullet in het midden van de tekst */
  transform: translateY(-50%); /* Corrigeer de verticale uitlijning */
}
/* PDP related products old price */
.product-item .old-price .price-container {
	display:none;
}

@media only screen and (max-width: 450px) {
.usage-advies a.action.secondary {
	font-size:11px;
}
}

/* Alleen de onderkant van het uitklapmenu afronden */
[x-ref^="submenu"] {
    border-bottom-left-radius: 5px; /* Linker onderhoek afronden */
    border-bottom-right-radius: 5px; /* Rechter onderhoek afronden */
    overflow: hidden; /* Zorg dat inhoud binnen de afgeronde hoeken blijft */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optionele schaduw voor diepte */
    background-color: white; /* Houd de achtergrond wit */
    transition: border-radius 0.3s ease-in-out; /* Zorg voor een vloeiende overgang */
}

.border-gray-300 {
    border-radius: 5px;
}

.tidio-5hhiig {
	display:none!important;
}

/* Uitschakelen discount code block 

.cart-discount{
display:none;
}

*/

.text-th-blue3 {
	color:#0a3045;
}

.product-slider.related-product-slider{
display:none;
}

/* checkout aanpassingen labels en horizontale line */

label[for^="payment-method-"] .text-gray-700 {
	font-weight:400;
}

label[for="billing-as-shipping"] .text-gray-700 {
	font-weight:400;
}

/* Selectie kleuren PDP */

.bg-gray-200\/50 {
    background-color: #3f8b501a;
}

.postnl-btn{
	font-size:14px;
}


/* Checkout aanpassingen bg DESKTOP only */

@media only screen and (min-width: 1025px) {
	
	.checkout-default {
	background-color:#f6f4f4;
	}

	.checkout-default .column.column-main.w-full.space-y-6.lg\:w-2\/3 {
			border-radius: 5px;
			background-color: #ffffff;
			padding:50px;
	}

	#hyva-checkout-main #quote-summary>.price-summary{
	padding:2.5rem;
	}

#hyva-checkout-main #quote-summary>.price-summary{
background-color:#FFFFFF;
}

.cart-wrapper .amasty-reward-points-product, .checkout-default .amasty-reward-points-product {
background-color:#FFFFFF;	
}

nav.nav-main.md\:mb-0.overflow-hidden.rounded-lg.bg-gray-100.p-2 {
	background-color:#FFF;
}

.form-input{
box-shadow:none;
border-color:#e5e9ef;
}

.border-gray-400 {
border-color:#ededed;
}

.column.column-right.w-full.space-y-6.lg\:w-1\/3 {
    margin-top: -1.0rem;
}


}

/* Checkout font dikte labels */

fieldset label, form label {
    font-weight: 400;
}

/* Background color blog blokken */
.desktop-block .amblog-element-block {
    background-color: #0a30450d;
	padding: 2rem;
}

.desktop-block .amblog-element-block{
    background-color: #0a30450d;
	padding: 2rem;
}

.amblog-index-post .columns .sidebar .title {
    font-weight: 600;
}

.amblog-element-block .amblog-categories.-level1>.amblog-category>.amblog-link{
    font-weight: 500;
}

.amblog-social-container, .sidebar_block-custom-html{
	padding: 2rem;
	background-color: #0a30450d;
}
.amblog-social-container h2, .amblog-social-container h3, .amblog-social-container h4, .sidebar_block-custom-html h2, .sidebar_block-custom-html h3, .sidebar_block-custom-html h4{
	   font-weight: 600;
}

/* Titels mobiel */
@media only screen and (max-width: 450px) {
.cms-page-view .page-title, .cms-page-view h1{
	font-size: 1.9rem;
}
.category-banner__title{
	    font-size: 1.1rem;
    line-height: 1.5rem;
}
.text-2xl{
 font-size: 1.2rem;
}

p#cart-drawer-title{
	margin-top:30px;
}

h1.amblog-post-title.mb-5.max-w-\[750px\].text-th-blue.text-4xl{
	    font-size: 1.4rem;
		    line-height: 2.0rem;
			font-weight:600;
			color:#000;
}

h1.text-th-blue.page-title{
font-size:20px;
}

.product-block-content .h2, .product-block-content .h3, .product-block-content h2, .product-block-content h3 {
    font-size: 1.2rem;
}
}

/* titel gerelateerde producten blog */
.amblog-title.text-th-blue.title.text-md.md\:text-2xl.text-lg.font-semibold.pb-4.mb-4 {
	font-size:1.5rem;
}

/*  gerelateerde producten blog afstand */

a.product.photo.product-item-photo.w-full.block.mx-auto.mb-3.h-0.pt-\[127\%\].relative.overflow-hidden{
	padding-top:110%
}

/*  gerelateerde producten blog  */
.block.widget.amblog-element-block.amblog-related-wrapper.-related-products.mb-4 {
    border-radius: 5px;
    background-color: #ffffff;
}

/* Succes blok */
.success-page-discount.mt-10 {
    background-color: #0a30450d;
    padding: 20px;
    border-radius: 5px;
}

.bg-th-blue4 {
    background-color: #0a30450d;
	border-radius:5px;
}

/* Padding bottom gebruiksaanwijzing */ 

.content.pr-3.pb-4.pt-0.pl-11.block {
    padding-bottom: 20px;
}

/* Blog kleur navigatie */
.bg-th-blue2{
background-color: #0a3045;
}

/* Afstand sale prijs mobiel PDP */
@media only screen and (max-width: 450px) {
span.text-th-blue.line-through.text-th-gray7.md\:mr-2.text-sm{
margin-right:5px;
}
}

/* Grootte beste keuze / voordeligste keuze mobiel PDP */
.option-bestchoice.text-sm.text-th-green2{
font-size:11px;	
}
}

/* Grootte beste keuze / voordeligste keuze desktop PDP */
.option-bestchoice.text-sm.text-th-green2{
font-weight:600;
}

/* remove date on reviews */

time.ml-auto.text-gray-700.inline-block.ml-2 {
    display: none;
}

/*widget blog andere blogs afkapping */
a.post-title.break-all.amblog-headline.font-semibold.hover\:underline.mt-1.inline-block {
	word-break: normal;
}

.rating-summary[aria-label*="0 van 5 sterren"] .rating-wrapp {
    display: none !important;
}

/* Sum font size cart */

.md\:grid-cols-2{
	font-size:14px;
}

/* Button afrekenen checkout */

.text-lg {
    font-size: 1.025rem;
}

/* bewerken / verwijderen tekst */
a.action.action-edit.text-th-blue3{
font-size:13px;
}

button.flex.action.action-delete.text-th-blue3{
	font-size:13px;
}

#shopping-cart-table .cart-price .price{
	font-weight:500;
}

/* Aantal capsules / tabletten cart */
.item-options.flex.flex-wrap.w-full.break-all {
    font-size: 14px;
}

/* Winkelwagen wijzigen button tekst */
button.action.update.btn.btn-secondary{
font-size: 1.025rem;
}

.sm\:text-th_title {
        font-size: 2.0rem;
    }
	
	.font-bold {
		font-weight:500;
	}
	
	.amblog-dates.flex.flex-wrap.items-start.text-th-gray5.mt-1.text-sm {
	margin-top:0px;
	}
	
	
	.question a{
		color:#0a3045;
		text-decoration:underline;
	}
	
	a#checkout-link-button{
	display:flex;
	}
	
	/* Categorie aanpassing HEADER */
	
	@media (min-width: 768px) {
	.category-banner img{
	display:none
	}
	}
	
	@media (min-width: 768px) {
    .md\:col-start-2 {
	grid-column-start: 1;
	}
	}
	
	@media (min-width: 768px) {
    .md\:mb-12 {
		margin-bottom:1rem;
		}
	}
	
	
/* Category afbeelding en afmetingen */
.category-banner img{
	display:none;
}

#category-view-container{
	padding:0px;
}

.col-start-1.md\:col-start-2.col-end-3.row-span-full.p-5.m-5.bg-th-gray2\/75.rounded {
    margin: 0rem;
}

li.usp.inline-flex.items-baseline.text-gray-700.text-center.md\:items-center.lg\:w-auto.w-full.justify-center.px-4.md\:px-0 {
font-size:13px;
}

li.usp.inline-flex.items-baseline.text-gray-700.text-center.md\:items-center.lg\:w-auto.w-full.justify-center.px-4.md\:px-0{
	font-size:14px;
}

/* breedte button add to cart */
.btn {
    max-width: unset;
}

/* ronde hoeken homepage */
.rounded-sm {
    border-radius: 1.125rem;
}

/* afstand 3 block met banner homepage */
.grid.grid-cols-1.sm\:grid-cols-2.md\:grid-cols-3.my-2.gap-4 {
        margin-top: 40px;
}

a.top-menu__link {
    font-size: 14px;
}

.text-base {
	font-size: 0.9rem;
}

/* grijze achtergrond kleur */

.col-start-1.md\:col-start-2.col-end-3.row-span-full.p-5.m-5.bg-th-gray2\/75.rounded{
padding:0px;
background-color: #fff;
}

.question a {
	color:#3a3a3a;
}

span.ampost-link.font-semibold.text-blue-600.hover\:underline.mt-1.text-sm{
color:#374151;
}

/* Foutmelding checkout Postcode check */

[data-msg-field] {
    background-color: #f1e2e2;
    padding: 10px;
    margin: 10px 10px 10px 0px;
    border-radius: 5px;
	margin-bottom:20px;
}

/* Elastic search / filters category pages */
/* Sidebar CSS */
.smile-es-range-slider .btn {padding: 8px 20px;border-radius: 8px!important;font-size: 14px;
    font-weight: 600;}
.smile-es-range-slider .bg-primary {background:none;}
.es-range-slider .thumb {background-color: rgb(171 24 45 / var(--tw-bg-opacity));}
#filters-content .filter-option {
    border-radius: 10px;
            padding:0;
    border: 1px solid #f3f3f3;
}


.filter-options-content {background-color:white; padding: 1rem;}
.filter-options-title {background-color:#ffffff; padding:  1rem;}

/*Einde Sidebar CSS */


.main-menu .level-1 .link-wrap .-inner-link, .main-menu .level-1 .link-wrap .__inner-link {
    font-size: 0.9rem;
    font-weight: 500;
}