:root {
 	--border-color-transparent-dark: transparent; 
}

/*------ Mobile Header ------*/
.header-mobile-col:first-child {
 	flex: 0 !important; 
}

/*------ Header Bottom USP's ------*/
.header_bottom {
 	position: relative;
}

.header_bottom:after {
 	position: absolute;
  	content: "";
  	width: 100vw;
  	height: 100%;
  	top: 0;
  	left: calc(-50vw + 50%);
  	background-color: var(--grey-50);
  	z-index: -1;
}

.custom-usp-wrapper {
 	display: flex;
    justify-content: space-between; 
  	padding-block: var(--st-spacing-xs);
}

.custom-usp-container {
 	position: relative; 
  	display: flex;
    gap: var(--st-spacing-xs);
}

.custom-usp-container a:hover,
.custom-usp-container a:focus {
  	color: var(--body-text-color);
}

.custom-usp-wrapper .st-icon {
 	justify-content: center;
    align-items: center; 
}

.custom-usp-wrapper .st-icon>svg {
    --st-icon-min-size: 2em;
    --st-icon-min-size: 2em;
}

.custom-usp-container > div {
  	padding: var(--st-spacing-xs) var(--st-spacing-md);
}

.custom-usp-wrapper .h5,
.custom-usp-wrapper .h4 {
 	margin-bottom: 0; 
}

@media screen and (max-width: 767px) {
 	 .custom-usp-wrapper {
    	overflow-x: auto;   
       	gap: var(--st-spacing-md);
  	}
  
  	.custom-usp-container > div {
    	width: max-content;  
  	}
}

/*------ Card Listings ------*/
.st-section-padding-end {
 	padding-block-end: var(--section-space-y); 
}

.st-section-padding-start {
 	 padding-block-start: var(--section-space-y); 
}

.st-header-padding-end {
 	padding-block-end: var(--gutter);  
}

.assortiment-block .widget-texteditor__content,
.assortiment-block .raw-html-embed {
 	height: 100%; 
}

.assortiment-block-image {
 	padding-block: var(--st-spacing-xs);
}

.assortiment-block-image,
.assortiment-block h3,
.assortiment-block-ul {
    padding-inline: var(--st-spacing-xs); 
}

.assortiment-block-ul {
  	width: auto;
    padding-block-end: var(--st-spacing-xs); 
}

.assortiment-block-ul li:not(:last-child) {
    padding-block-end: var(--st-spacing-2xs);
}

.assortiment-block-ul a {
 	font-size: var(--text-size-sm); 
}

.assortiment-block-ul.st-custom-list .fa-icon:before {
  	min-width: .875em;
  	min-height: .875em;
 	--st-icon-size: .875em;
    --icon-align-y: unset; 
}

.custom-bold-link {
 	font-weight: var(--font-weight-bold); 
}

/*------ CTA cards ------*/
.custom-cta-card .card-img-container {
 	height: 100%;
  	justify-content: center;
    align-items: center;
}

.custom-cta-card .card-body {
 	padding: var(--st-spacing-md) var(--st-spacing-xs); 
}

.custom-cta-card .card-footer {
 	padding-block-end: var(--st-spacing-md);
    padding-inline: var(--st-spacing-xs); 
}

/*------ Reviews - About ------*/
.about-us img {
   	max-width: 50%; 
}

/*------ PDP ------*/
.productinfo_price .specialPrice {
 	color: var(--action-price-text-color) !important; 
}

/*------ Category listing ------*/
.categories_imagecontainer img {
 	z-index: 1 !important; 
}

/*------ INFO PAGINA'S ------*/
.custom-table th {
    text-align: unset;
}

.custom-table td ol {
    list-style-type: lower-alpha;
}

.custom-table.table-bordered td {
 	border: 1px solid var(--grey-300); 
}

@media screen and (min-width: 768px) {
    .custom-table-width-33 {
		max-width: 33%;
    }
  
  	.custom-table-width-66 {
		max-width: 66%;
    }
}

/*------ INFO PAGINA'S - FAQ ------*/
.faq-custom {
    --faq-padding-y: 1.25rem;
    --faq-padding-pxe: 1em;
    --faq-padding: var(--faq-padding-y) var(--faq-padding-pxe) var(--faq-padding-y) var(--faq-padding-pxs);
    --faq-margin-y: 1rem;
    --faq-details-font-size: var(--text-size-md);
    --faq-summary-font-size: var(--text-size-md);
    --faq-summary-font-weight: var(--font-weight-bold);
    --faq-icon-size: 1em;
    --faq-icon-placement: var(--faq-padding-pxe);
    --faq-text-color: currentColor;
    --faq-text-color-hover: var(--link-color-hover);
    --faq-border-color: currentColor;
    --faq-border-color-hover: var(--link-color-hover);
    --faq-border-width: var(--btn-border-width);
    --faq-padding-pxs: 0;
}

.faq-custom details {
    --faq-width: 100%;
    width: var(--faq-width);
    position: relative;
}

.faq-question__content {
    padding-block-end: var(--faq-padding-y);
    padding-inline-end: var(--faq-padding-pxe);
}

.faq-question__content > * {
    font-size: var(--faq-details-font-size);
}

.faq-custom summary::-webkit-details-marker {
    display: none;
}


.faq-custom details {
    --faq-border-bottom: var(--faq-border-width) solid var(--faq-border-color);
    border-bottom: var(--faq-border-bottom);
}

.faq-custom details[open],
.faq-custom details:hover,
.faq-custom details:focus {
    --faq-border-bottom-hover: var(--faq-border-width) solid var(--faq-border-color-hover);
    border-bottom: var(--faq-border-bottom-hover);
}

.faq-custom .faq-question__content > * {
    color: var(--faq-text-color);
}

.faq-custom summary {
    font-size: var(--faq-summary-font-size);
    color: var(--faq-text-color);
    padding: var(--faq-padding);
    cursor: pointer;
    font-weight: var(--faq-summary-font-weight) !important;
    transition: color .15s ease-in-out;
}

.faq-custom details[open] summary,
.faq-custom details:hover summary,
.faq-custom details:focus summary {
    color: var(--faq-text-color-hover);
}

.faq-custom summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.faq-custom summary::after {
    --icon: var(--chevron-down-icon);
    --icon-color: var(--faq-text-color);

    content: '';
    -webkit-mask-image: var(--icon);
    mask-image: var(--icon);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: var(--icon-color);
    min-width: 1em;
    min-height: 1em;
    height: var(--faq-icon-size);
    display: inline-block;
    vertical-align: text-bottom;
    transition: background-color .15s ease-in-out;
}

.faq-custom details[open] summary::after {
    --icon: var(--chevron-up-icon) !important;
}

.faq-custom details[open] summary::after,
.faq-custom details:hover summary::after,
.faq-custom details:focus summary::after {
    --icon-color: var(--faq-text-color-hover);
}

/*------ Footer ------*/
.site-footer .column-widget li a {
 	align-items: baseline; 
}

.betaalmethodes-container {
 	display: flex;
  	flex-direction: row;
  	flex-wrap: wrap;
  	gap: var(--st-spacing-xs);
}

.text-italic {
 	font-style: italic; 
}
.text-bold {
  	font-weight: var(--font-weight-bold);
}

.site-footer .table {
  	background-color: var(--main-800);
}

.site-footer .table-dark {
  	--bs-table-bg: var(--main-800);
}

.site-footer .table th {
  	text-align: inherit;  
}

.site-footer .contact-info .fa-icon:before {
  	--icon-color: var(--footer-text-color);
}

.bottom_footer_kvk_btw_snippets {
 	margin-block-end: var(--st-spacing-sm); 
}

.bottom_footer_kvk_btw_snippets .bottom_footer_kiyoh {
  	display: flex;
    justify-content: center;
    gap: .25em; 
}

.site-footer-socket-content a {
 	 text-decoration: none;
}

.site-footer-socket-content a:hover i,
.site-footer-socket-content a:focus i {
 	color: var(--footer-socket-text-color-hover) !important; 
}