
@font-face {
	font-family:"dharma-gothic-e";
	src:url("/fonts/dharma-gothic-e-300i.woff2") format("woff2"),
		url("/fonts/dharma-gothic-e-300i.woff") format("woff");
	font-display:auto;
	font-style:italic;
	font-weight:300;
	font-stretch:normal;
}

@font-face {
	font-family:"dharma-gothic-e";
	src:url("/fonts/dharma-gothic-e-400i.woff2") format("woff2"),
		url("/fonts/dharma-gothic-e-400i.woff") format("woff");
	font-display:auto;
	font-style:italic;
	font-weight:400;
	font-stretch:normal;
}

.hidden.block {
	display: block !important;
}

.badge-danger {
	background-color: var(--elements--badges--danger-container--background-color) !important;
   border-color: var(--elements--badges--danger-container--border-color) !important;
    color: var(--elements--badges--danger-container--color) !important;
}

.product-details-02 input[name="amount"] {
    width: 6rem !important;
}

.content-44 .content-44-image.bg-cover:not(.no-overlay):before {
	opacity: 0 !important;
}

.search-input {
	border-radius: var(--header-02--buttons--border-radius);
}

.form-field-group {
	margin-top: 20px;
}

.form-field-text {
	display: flex;
}

.form-field-text .form-control-text {
	padding-left: 0;
}

/** HIDE ELEMENTS **/
.footer-05 .form-wrapper,
#product-details-conversion-text,
#product-filter-price,
.layout-products .product-list-02 .product-sorting label, 
.layout-products .product-list-02 .product-sorting select,
.footer-05 > div > div > div:nth-child(5) > div > div:nth-child(1) > div{
	display: none !important;
}

/* ****** */
/* HEADER */

@media screen and (max-width: 1023px) {
	.logo img {
		max-height: 45px;
	}
}
/* ****** */
/* FOOTER */
@media screen and (max-width: 767px) {
	.footer-05 .footer-column img {
		max-width: 200px
	}
}


/* ********** */
/* NEWS BLOCK */
@media screen and (max-width: 767px) {
	.content-02 .content-02-item-image img {
		object-fit: contain !important;
	}
}



#content-02-241{
	position:relative;
	z-index:10;
	padding:255px 0 0;
}
#content-02-241 .container{
	padding-bottom: 55px;
}
#content-02-241:before{
	content:'';
	display:block;
	z-index:-2;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:-121px;
	background-image:url(/files/20230109-tic-beeldmateriaal-webshopsfeerachtergrond.png);
	background-size:cover;
}
@media screen and (min-width:768px){
	#content-02-241:before{bottom:-165px;}
}
@media screen and (min-width:1024px){
	#content-02-241:before{bottom:-242px;}
}
@media screen and (min-width:1280px){
	#content-02-241:before{bottom:-273px;}
}
#content-02-241:after{
	content:'';
	background:#4aa7c8;
	top:197px;
	bottom:0;
	position:absolute;
	z-index:-1;
	left:0;
	right:0;
}
#content-02-241 .content-02-item-image{
	min-height: 0;
	border-radius: 8px;
	overflow: hidden;
}
#content-02-241 .content-02-heading{
	color:#fff;
	font-size:26px !important;
	letter-spacing: 0.04em;
	text-transform:uppercase;
	padding-bottom: 6px;
}
#content-02-241 > .mb-space-element{
	margin-bottom: 10px !important;
}
#content-02-241 .icon-text{
	display:none;
}
#content-02-241 .content-02-item-title{
	color:#fff !important;
	font-size:20px;
	font-weight:normal !important;
	margin-top: 23px !important;
}
#content-02-241 .space-grid{
	padding: 0 0 54px;
}

/* NEWS BLOCK */
/* ********** */

/* ******************** */
/* BLOCK UNDER THE NEWS */
.content-30,
#content-30-242{
	position:relative;
	z-index:20;
	color:#fff;
	padding:30px 0 0;
	text-shadow:0 0 5px rgba(0,0,0,0.66);
	margin-top:0;
	margin-bottom:-0.5rem;
}
.content-30 .lg\:col,
#content-30-242 .lg\:col{
	padding:0 !important;
}
.content-30 fw-text,
#content-30-242 fw-text{
	min-height:0;
}
.content-30 .content-30-title,
.content-30 .content-30-subtitle,
#content-30-242 .content-30-title,
#content-30-242 .content-30-subtitle{
	display:none;
}
.content-30 h3,
#content-30-242 h3{
	font-family:"dharma-gothic-e" !important;
	font-weight:normal;
	font-size:20px;
	line-height:1em;
	color:#fff;
}
.content-30 h2,
#content-30-242 h2{
	font-family:"dharma-gothic-e" !important;
	font-weight:normal;
	font-size:24px;
	line-height:0.95em;
	text-transform:uppercase;
	white-space:nowrap;
	color:#fff;
}
@media screen and (min-width:768px){
	.content-30 h3,
	#content-30-242 h3 {font-size:38px;}
	.content-30 h2,
	#content-30-242 h2{font-size:52px;}
	.content-30 .lg\:col,
	#content-30-242 .lg\:col{ grid-column: span 5/span 5!important;}
}
@media screen and (min-width:1024px){
	.content-30 h3,
	#content-30-242 h3{font-size:56px;}
	.content-30 h2,
	#content-30-242 h2{font-size:80px;}
}
@media screen and (min-width:1280px){
	.content-30 h3,
	#content-30-242 h3{font-size:58px;}
	.content-30 h2,
	#content-30-242 h2{font-size:110px;}
}
.content-30 .grid > div:first-child,
#content-30-242 .grid > div:first-child{
	display:none;
}
.content-30 .content-30-text,
#content-30-242 .content-30-text{
	width: 100% !important;
}

/* BLOCK UNDER THE NEWS */
/* ******************** */

.content-02-item-image {
	min-height:350px;
}

.content-09 .flex.justify-end {
	justify-content: flex-start!important;
}

.content-09 .flex.justify-end .col {
	padding: 2.2rem 1rem 12rem 3.7rem;
}

.content-09 .content-09-subtitle:after {
	background: linear-gradient(to right, var(--theme--colors--primary--600), var(--theme--colors--primary--900));
	content: '';
	display: block;
	height: 3px;
	margin-bottom: .5rem;
	margin-top: 1.5rem;
	opacity: .5;
}

.content-09 .content-09-text {
	margin-top: 2rem!important;
}

.content-09 .content-09-text a {
	background-color: rgba(1, 169, 201, 0.5);
	color: #FFF;
	display: block;
	font-size: 3rem;
	font-weight: 300;
	line-height: 3.2rem;
	padding: 0 .2rem .3rem .2rem;
	text-decoration: none;
}

@media screen and (max-width: 767px) {
	.content-27 > div > div.relative.md\:col-span-1,
	.content-27-image {
		height: 325px !important;
	}
}


/* ********** */
/* CONTENT 44 */

.content-44 .big-nav .nav-sub-items{
	width: 230%;
	flex-wrap: wrap;
}
.content-44 .big-nav .nav-sub-item{
	min-width: 50%;
}

.content-44 .nav-item-link{
	white-space:normal;
}

@media screen and (max-width: 767px) {
	.content-44 > .container {
		aspect-ratio: 5/2;
	}
}

@media (min-width: 1024px) {
	.content-44 .big-nav .nav-sub-items{
		width: 359%;
	}
	.content-44 .big-nav .nav-sub-item{
		min-width: 33.3%;
	}
	
	.header-06 .nav-body .header-6-nav-categories .nav .nav-sub-items-wrapper{
		max-height:none;
	}
	
	.nav-body .nav-categories > ul > li.nav-item > a {
		font-weight: bold;
	}
}

@media (min-width: 1280px) {
	.content-44 .big-nav .nav-sub-items{
		width: 345%;
	}
	
	.table-product-list tbody tr .product-list-product-properties {
		text-align: left !important;
	}
	
	.table-product-list tbody tr .product-list-product-name-wrapper,
	.table-product-list tbody tr .product-list-product-properties {
		padding-right: 0 !important;
	}
}


#product-details-properties .mt-space-element {
	margin-top:0 !important;
}

#product-details-properties .card-title.mt-space-element {
	margin-top: 1rem !important;
}

#product-details-properties .card table {
	width: 100%;
}

#product-details-properties .card table tr td {
	padding-top: calc(var(--theme--spacing--column--padding-y)/6);
	padding-bottom: calc(var(--theme--spacing--column--padding-y)/6);
}

#product-details-properties .card table tr td:first-child {
	width: 30%;
}

/** CART **/
.table-cart-coupon div {
	display: none;
}



/***** ALGOLIA *****/
.aa-Item {
	border-bottom:1px solid #eee;
	margin-bottom:.5rem;
	font-size:.9rem;
	
	a {
		display:flex;
		text-decoration:none;
		color: inherit;
	}
	
	div:nth-child(2) {
		padding:0 1rem;
	}
	
	div:last-child {
		color: var(--elements--cards--sub-sub-title--color);
		font-size: var(--elements--cards--sub-sub-title--font-size);
		line-height: var(--elements--cards--sub-sub-title--line-height);
		text-transform: var(--elements--cards--sub-sub-title--text-transform);
	}
}

.aa-Label svg, 
.aa-LoadingIndicator svg {
	color:var(--theme--colors--primary--600) !important;
}

.ais-RefinementList {
	padding-left:2px;
	padding-right:2px;
}

.ais-Pagination-item {
	align-items: center;
	background-color: var(--components--paging--item--background-color);
	border-color: var(--components--paging--item--border-color);
	border-radius: var(--components--paging--item--border-radius);
	border-style: solid;
	border-width: var(--components--paging--item--border-width);
	color: var(--components--paging--item--color);
	display: inline-flex;
	font-size: .75rem;
	font-weight: 700;
	height: 2rem;
	justify-content: center;
	margin: .5rem 0 0 .5rem;
	position: relative;
	text-decoration: none !important;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	width: 2rem;
	
	> a {
		text-decoration:none;
		color:inherit;
		display:block;
		width:100%;
		height:100%;
		flex-grow:1;
		padding:.25rem;
		text-align:center;
	}
}

.ais-Pagination-item:hover:not(.ais-Pagination-item--selected):not(.ais-Pagination-item--disabled) {
    background-color: var(--components--paging--item-hover--background-color);
    border-color: var(--components--paging--item-hover--border-color);
    color: var(--components--paging--item-hover--color);
}

.ais-Pagination-item--selected {
	background-color: var(--components--paging--item-active--background-color);
	border-color: var(--components--paging--item-active--border-color);
	color: var(--components--paging--item-active--color);
	cursor: default;
}

.ais-Pagination-item--disabled {
	cursor: default;
	opacity: .25;
}

.ais-Pagination-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: end;
	margin-top: var(--theme--spacing--element--margin);
}

.ais-RefinementList-searchBox {
	margin-bottom: var(--theme--spacing--element--margin);
}

.ais-RefinementList-label {
	align-items: center;
	display: flex;
	font-size: var(--elements--body-text--body--font-size);
	font-weight: 400;
	letter-spacing: 0;
	min-height: 2.625rem;
	padding-bottom: 0;
	padding-left: 2rem;
	padding-top: 0;
	position: relative;
	text-transform: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	width: 100%;
	font-size: .9rem;
	
	&::before,
	&::after {
		background-color: var(--elements--forms--radio-checkbox--background-color);
		border-color: var(--elements--forms--radio-checkbox--border-color);
		border-radius: var(--elements--forms--radio-checkbox--border-radius);
		border-style: solid;
		border-width: var(--elements--forms--radio-checkbox--border-width);
		box-shadow: var(--elements--forms--radio-checkbox--box-shadow);
		content: "";
		height: 1.25rem;
		left: 0;
		position: absolute;
		top: .625rem;
		width: 1.25rem;
		z-index: 1;
	}
	
	&::after {
		background-color: transparent;
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M435.848 83.466 172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z'/%3E%3C/svg%3E");
		background-position: 50%;
		background-repeat: no-repeat;
		background-size: .875rem .875rem;
		border-color: transparent;
		border-radius: 0;
		box-shadow: none;
		opacity: 0;
		z-index: 2;
	}
}

.ais-RefinementList-item--selected .ais-RefinementList-label {
	&::before {
		background-color: var(--elements--forms--radio-checkbox--background-color-focus);
		border-color: var(--elements--forms--radio-checkbox--border-color-focus);
	}
	
	&::after {
		opacity: 1;
	}
}

.ais-RefinementList-labelText {
	flex-grow:1;
	word-break: break-word;
}

.ais-RefinementList-count {
	color: var(--theme--colors--gray--600);
	flex-shrink: 0;
	font-size: .75rem;
	margin-left:.5rem;
}

.ais-RefinementList-checkbox {
	position:absolute;
	left: -100vw;
}

.ais-Panel-header {
	align-items: center;
	border-bottom: var(--layout--side-bar--legend--border-width) solid var(--layout--side-bar--legend--border-color);
	color: var(--layout--side-bar--legend--color);
	cursor: pointer;
	display: flex;
	font-size: var(--layout--side-bar--legend--font-size);
	gap: .5rem;
	text-transform: var(--layout--side-bar--legend--text-transform);
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	
	background-color: var(--elements--legends--legend--background-color);
    border-color: var(--elements--legends--legend--border-color);
    border-radius: var(--elements--legends--legend--border-radius);
    border-style: solid;
    border-width: var(--elements--legends--legend--border-top-width) var(--elements--legends--legend--border-right-width) var(--elements--legends--legend--border-bottom-width) var(--elements--legends--legend--border-left-width);
    
    padding: var(--elements--legends--legend--padding-y) var(--elements--legends--legend--padding-x);
}

.ais-Hits-list {
	display: grid;
	gap: var(--theme--spacing--grid--margin);
	
	@media(min-width: 768px){
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	@media(min-width: 1280px){
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.search-result-01-143 .cards {
	grid-template-columns: repeat(1,minmax(0,1fr))!important;
}

.search-result-01-143 #searchbox {
	margin-bottom:var(--product-list-01--list--margin-top);
}

.aa-Form:focus-within {
	border-color: var(--elements--forms--control--border-color-focus) !important;
	box-shadow: var(--theme--effects--shadow-outline--box-shadow) !important;
	outline: unset !important;
}

.ais-SearchBox-form {
	align-items: center;
	background-color: rgba(255, 255, 255, 1);
	background-color: rgba(var(--aa-input-background-color-rgb), var(--aa-input-background-color-alpha));
	border: 1px solid rgba(128, 126, 163, 0.8);
	border: 1px solid rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha));
	border-radius: 3px;
	display: flex;
	line-height: 1em;
	margin: 0;
	position: relative;
	width: 100%;
	
	&:focus-within {
		box-shadow: var(--theme--effects--shadow-outline--box-shadow);
	}
}

.ais-SearchBox-input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	border: 0;
	color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
	font: inherit;
	height: 44px;
	height: var(--aa-search-input-height);
	padding: 0;
	width: 100%;
	order: 1;
	
	&::-webkit-search-decoration,
	&::-webkit-search-cancel-button,
	&::-webkit-search-results-button,
	&::-webkit-search-results-decoration {
	  display: none;
	}
	
	&:focus-visible {
		box-shadow:none;
	}
}

.ais-SearchBox-reset {
	order: 1;
	
	align-items: center;
	background: none;
	border: 0;
	color: rgba(128, 126, 163, 0.6);
	color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
	cursor: pointer;
	display: flex;
	height: 100%;
	margin: 0;
	padding: 0 calc((16* 1* 1px)* 0.83333 - .5px);
	padding: 0 calc(calc(16* 1* 1px)* 0.83333 - .5px);
	padding: 0 calc(var(--aa-spacing)* 0.83333 - .5px);
	
	&[hidden] {
		visibility:hidden;
	}
}

.ais-SearchBox-reset svg {
	stroke-width: 1.6;
	stroke-width: var(--aa-icon-stroke-width);
	width: 20px;
	width: var(--aa-icon-size);
	fill: currentColor;
}

.ais-SearchBox-submit {
	height: 100%;
	padding-left: calc((16* 1* 1px)* 0.75 - 1px);
	padding-left: calc(calc(16* 1* 1px)* 0.75 - 1px);
	padding-left: calc(var(--aa-spacing)* 0.75 - 1px);
	padding-right: calc((16* 1* 1px) / 2);
	padding-right: calc(calc(16* 1* 1px) / 2);
	padding-right: var(--aa-spacing-half);
	width: calc((16* 1* 1px)* 1.75 + 20px - 1px);
	width: calc(calc(16* 1* 1px)* 1.75 + 20px - 1px);
	width: calc(var(--aa-spacing)* 1.75 + var(--aa-icon-size) - 1px);
	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	border: 0;
	margin: 0;
}

.ais-SearchBox-submit svg {
	color:var(--theme--colors--primary--600) !important;
	height: auto;
	max-height: 20px;
	max-height: var(--aa-input-icon-size);
	stroke-width: 1.6;
	stroke-width: var(--aa-icon-stroke-width);
	width: 20px;
	width: var(--aa-input-icon-size);
	fill: currentColor;
}
/***** /ALGOLIA *****/
