header {
	width: 100%;
	height: fit-content;
}

.mobile-header {
	display: none;
}

#starSpanParent-mobile {
    display: flex;
    font-size: 14px;
    background: #efefec;
    padding: 0px 10px;
    z-index: 99;
    position: absolute;
    right: 0;
    top: 1px;
    align-items: center;
}

#starSpanParent-mobile img {
    width: 20px;
    margin-right: -6px;
    margin-top: 4px;
}

.amount-reviews {
	position: absolute;
    top: 22px;
    font-size: 11px;
    right: 26px;
}

.container-main-header a:visited {
	color: #1d1f22;
}

.admin-bar .desktop-header {
	top: 32px;
}

.wpml-ls-legacy-dropdown a {
	display: block;
	text-decoration: none;
	color: #444;
	border: 1px solid #cdcdcd;
	background-color: #fff;
	padding: 5px 10px;
	line-height: 1;
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
	visibility: hidden;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	border-top: 1px solid #cdcdcd;
	padding: 0;
	margin: 0;
	list-style-type: none;
	z-index: 101;
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
	content: "";
	vertical-align: middle;
	display: inline-block;
	border: 0.35em solid transparent;
	border-top: 0.5em solid;
	position: absolute;
	right: 10px;
	top: calc(50% - 0.175em);
}

.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:hover {
	color: #000;
	background: #eee;
}

.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover .wpml-ls-sub-menu {
	visibility: visible;
}

.wpml-ls-legacy-dropdown>ul {
	position: relative;
	padding: 0;
	margin: 0!important;
	list-style-type: none;
}

.wpml-ls-legacy-dropdown .wpml-ls-item {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
	position: relative;
	padding-right: calc(10px + 1.4em);
}

.wpml-ls-legacy-dropdown .wpml-ls-flag {
	display: inline;
	vertical-align: middle;
}

.wpml-ls-legacy-dropdown .wpml-ls-flag+span {
	margin-left: 0.4em;
}

.wpml-ls-legacy-dropdown a span {
	vertical-align: middle;
}

.container-top-header {
	height: 40px;
	width: 100%;
	background-color: #efefec;
	display: flex;
	justify-content: space-between;
	justify-content: center;
}
.container-top-header:after{
	content: '';
	display: block;
	clear: both;
}

.container-top-header > div > div:first-of-type > * {
	margin-left: 30px;
	display: flex;
	align-items: center;
}
.container-top-header > div > * {
	padding-right: 25px;
	display: flex;
	align-items: center;
}
.customer_care_header img {
	margin-right: 5px;
}

.container-main-header {
	width: 100%;
	background-color: #fff;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.product-template-sapkuur-single-product  .container-main-header {
	background-color: #fff !important;
}

.container-main-header a:visited {
	color: #000;
}

.container-main-header > div {
	display: flex;
	width: 100%;
	align-self: center;
	padding: 0px 25px;
	flex-wrap: wrap;

}

.navigation-pages {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
}
.navigation-pages ul {
	display: block;
	width: 100%;
	margin-left: 25px;
	align-self: center;
}

.list-item-nav-main-header {
	list-style: none;
	margin: auto;
	position: relative;
	display: inline-block;
	margin-right: 25px;
}
.list-item-nav-main-header:last-child{
	margin-right: 0px;
}

.container-main-header a {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	color: #1d1f22;
	transition: .2s ease;
	border-bottom: 1px solid transparent;
	letter-spacing: 1.5px;
}
.navigation-pages ul li ul{
	position: absolute;
	top: calc(100% + 29px);
	left: 0px;
	width: 210px;
	padding: 20px;
	display: none;
	margin: 0px;
	background: #e1dede;
	box-shadow: 0px 10px 10px rgba(0,0,0,.1);
}
.navigation-pages ul li ul li {
	display: block;
}
.navigation-pages ul li ul li a{
	display: block;
	padding: 7px 0px;
	font-size: 14px;
}
.navigation-pages ul li:hover > ul{
	display: block;
}

.navigation-pages ul li ul:before {
	width: 100%;
	content: '';
	top: -29px;
	left: 0px;
	height: 29px;
	background: transparent;
	display: block;
	position: absolute;
}
.navigation-pages ul li ul::after {
	content: '';
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 20px solid #e1dede;
	position: absolute;
	left: 20px;
	top: -20px;
}

.link-sale {
	background-color: #e7d6d6;
	padding: .3rem .5rem;
	border: 1px solid transparent;
	transition: .3s ease;
}

.link-sale:hover {
	border: 1px solid transparent;

}

.container-main-header a:hover {
	border-color: #000;
}

.title-header-logo {
	text-align: center;
}

.title-header-logo a {
	font-size: 28px;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	text-transform: none;
}

.title-header-logo a:hover {
	border: none;
	outline: none;
}

.title-header-logo a span {
	font-weight: 800;
}

.navigation-actions {
	display: flex;
	justify-content: flex-end;
	align-self: center;
	padding-right: 0px;
	flex: 0 0 auto;
	margin-left: auto;
}

.navigation-actions ul {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	margin: 0px;
}

.navigation-actions li {
	list-style: none;
	margin-left: 25px;
}
.navigation-actions li a img {
	margin-right: 10px !important;
	display: flex;
	align-items: center;
}

.navigation-actions li a {
	display: flex;
	justify-content: center;
	align-items: center;
}
.header_language_switcher {
	padding-left: 25px;
}

.container-top-header p {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #1d1f22;
	width: auto;
	margin-left: 0px;
}
.container-top-header p span {
	text-decoration: none;
	font-weight: 800;
	padding: 0px 5px;
}
.container-top-header div {
	display: flex;
	align-items: center;
}

.top-header-rating {
	width: auto;
	font-size: 12px;
	display: flex;
	flex-direction: row;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	color: #1d1f22;
	text-decoration: none;
	margin-right: 0px;
	align-items: center;

}

.top-header-rating img {
	height: 100%;
}

.top-header-rating span {
	text-decoration: underline;
	margin-left: 10px;
}
.top-header-rating > img {
	width: 15px;
}
#starsAndText{
	display: flex;
	flex-direction: column;
	max-height: 100%;
	width: 200px;
	justify-content: left;
	align-items: flex-start;
	margin-left: 10px;
}
.container-top-header > div {
	width: 100%;
	padding: 0px 25px;
}
#starSpanParent{
	display: flex;
	flex-direction: inherit;
	align-items: flex-start;
	margin-left: 10px;
}
#number{
	margin-left: -196px;
}
.container-top-header > div > div:last-of-type {
	padding-right: 0%;
	justify-content: space-between;
	padding-left: 78px;
}

.container-top-header > div > div:last-of-type a {
	font-weight: 400;
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
	text-decoration: underline;
	color: #1d1f22;
}

html[lang="en-GB"] .header_language_switcher .wpml-ls-legacy-dropdown ul li a .wpml-ls-native {
	width: 68px;
}
html[lang="be-fr"] .header_language_switcher .wpml-ls-legacy-dropdown ul li a .wpml-ls-native {
	width: 68px;
}
.wpml-ls-legacy-dropdown .wpml-ls-item, .slick-slide{
	outline: none;
	border: none;
}

ul.header_usps {
	font-size: 12px;
	padding: 0;
	margin: 0;
	list-style: none;
}

.header_usps li {
	background-image: url(/wp-content/themes/drblend/src/images/home/icon-check-mark.svg);
	background-repeat: no-repeat;
	background-size: 12px auto;
	background-position: left center;
	padding-left: 17px;
	margin-right: 15px;
}

.header_usps li:last-child {
	margin-right: 0;
}

.desktop-header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
}

.desktop-header {
	transition: transform 0.4s;
}

.scroll-up .desktop-header {
	transform: none;
	background-color: #fff;
}

.container-top-header .mid-desktop {
	display: none;
}

.container-page-header {
	overflow: hidden;
	width: 100%;
	background-color: #f6f6f6;
	padding-bottom: 1rem;
}
.container-page-header h1 {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 30px;
	line-height: 160%;
	text-align: center;
}
.container-page-header div {
	width: 4000px;
}
.container-page-header img {
	display: inline;
}
/** Search Header **/

.header_search_section {
	position: absolute;
	top: 100%;
	width: 100%;
	left: 0px;
	background: #F7F7F7;
	z-index: 1;
	display: none;
}
.admin-bar .header_search_section {
	top: 100%;
}
.header_search_container {
	max-width: 1266px;
	margin: auto;
}
.header_search_form input {
	font-style: normal;
	font-weight: bold;
	font-size: 26px;
	line-height: 160%;
	color: #000;
	width: 100%;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px solid #000000;
	background: transparent;
	font-family: 'Roboto', sans-serif;
	padding: 23px 0px;
	display: block;
}
.header_search_form input::placeholder{
	color: #BEBEBE;
}
.header_search_form {
	position: relative;
	padding: 26px 0px;
}
.header_search_form input:focus {
	outline: none;
}
.header_search_form .header_right_text {

	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 160%;
	display: flex;
	align-items: center;
	text-align: center;
	color: #A3A3A3;
	font-family: 'Roboto', sans-serif;
}
.header_search_form button {
	position: absolute;
	right: 0px;
	top: calc(50% - 10px);
	background: transparent;
}
.header_search_form span img {
	margin-left: 10px;
}

.header_search_overlay {
	background: rgba(0, 0, 0, 0.2);
	position: fixed;
	width: 100%;
	height: calc(100vh - 240px);
	z-index: 1;
	top: 260px;
	left: 0px;
	display: none;
}
.admin-bar .header_search_overlay {
	top: 292px;
}


.active_header_search .header_search_section {
	display: block;
}
.active_header_search  .header_search_overlay {
	display: block;
}
.active_header_search {
	overflow: hidden;
}

.navigation-actions li.header_cart a img, .navigation-actions li.header_search_icon a img {
	margin-left: 0px;
}
.navigation-actions li.header_cart {
	margin-left: 10px;
}

.thuis_logo {
	height: 30px !important;
	width: auto;
	margin-right: 5px;
}

.search_result_container {
	position: absolute;
	top: 100%;
	left: 0px;
	width: 100%;
	background: #f7f7f7;
	max-height: calc(100vh - 240px);
	overflow: auto;
}

.search_result_container ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.search_result_container ul li {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #e1e0e0;
}
.search_item_left {
	flex: 0 0 108px;
	margin-right: 20px;
	max-width: 100px;
}
.search_item_right {
	flex: 0 0 calc(100% - 120px);
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
}
.search_result_container ul li:first-child {
	margin-top: ;
	padding-top: 30px;
}
.search_item_left img {
	width: 100px;
	height: 100px;
	object-fit: cover;
}
.search_item_right > * {
	flex: 0 0 100%;
}
.search_item_right .search_item_title {
	padding-top: 0px;
}
.search_item_right .search_item_title h4, .search_item_right .search_item_title h4 a {
	color: black;
	margin: 0px;
}
.search_item_meta h3 a {
	color: #000;
}
.search_item_meta h3 {
	margin: 0px;
}
.search_item_meta {
	padding-top: 10px;
}
.no_search_pro {
	padding: 15px;
}

.lds-ripple {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}
.lds-ripple div {
	position: absolute;
	border: 4px solid #000;
	opacity: 1;
	border-radius: 50%;
	animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
	animation-delay: -0.5s;
}
@keyframes lds-ripple {
	0% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 1;
	}
	100% {
		top: 0px;
		left: 0px;
		width: 72px;
		height: 72px;
		opacity: 0;
	}
}

.search_result_container.loader_active {
	display: flex;
	align-items: center;
	padding: 25px;
	flex-wrap: wrap;
	text-align: center;
	justify-content: center;
}

picture.thuis_logo > * {
	max-height: 100%;
	width:inherit;
}

.read_more_wrapper .less {
	display: none;
}

.read_more_wrapper p,
.read_more_wrapper ol,
.read_more_wrapper details,
.read_more_wrapper h2,
.read_more_wrapper h1,
.read_more_wrapper h3 {
	display: none;
}

.read_more_wrapper p:first-child {
	display: block;
}

.toggle_read_more {
	color: #000000;
	text-decoration: underline;
	font-weight: 600;
	cursor: pointer;
	display: inline-block;
}

.read_more_wrapper.unfolded .less {
	display: inline-block;
}

.read_more_wrapper.unfolded .more {
	display: none;
}

.read_more_wrapper.unfolded p,
.read_more_wrapper.unfolded ol,
.read_more_wrapper.unfolded details,
.read_more_wrapper.unfolded h2,
.read_more_wrapper.unfolded h1,
.read_more_wrapper.unfolded h3 {
	display: block;
}

.header_language_switcher .wpml-ls-legacy-dropdown {
	width: auto;
}

.header_language_switcher .wpml-ls-legacy-dropdown ul li a {
	background: transparent;
	border: none;
	text-decoration: none;
	height: 23px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.header_language_switcher .wpml-ls-legacy-dropdown ul li .wpml-ls-sub-menu {
	background: #fff;
	padding: 5px;
}

.wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu {
	width: 114px;
	display: block;
}
.header_language_switcher .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu li a {
	display: flex;
	justify-content: flex-start;
	height: auto;
}

.header_cart {
	position: relative;
}
.header_cart_count {
	background: #000;
	border: 1px solid #FFFFFF;
	position: absolute;
	top: -10px;
	left: 15px;
	width: 19px;
	height: 19px;
	font-style: normal;
	font-weight: 500;
	font-size: 11px;
	text-align: center;
	color: #FFFFFF;
	line-height: 17px;
	border-radius: 50%;
}

.header_search_section button {
	border: none;
	padding: 0px;
	background: transparent;
}

.search_image_image a {
	position: relative;
}

.header_user_icon img {
	height: 20px;
	width: auto;
}

.title-header-logo {
	display: flex;
	align-items: center;
	flex: 0 0 172px;
	max-width: 172px;
}
.title-header-logo a:hover, .title-header-logo a, .title-header-logo img {
	text-decoration: none !important;
	display: block;
	max-width: 100%;
	outline: none;
	border: none;
}

.customer_care_header {
	font-weight: 400;
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
	text-decoration: underline;
	color: #1d1f22;
}

.header_usps li img {
	max-width:15px;
	margin-right:7px;
}

.header_usps li {
	background:none !important;
	display:none;
	text-transform:uppercase;
}

.header_usps li:nth-child(1),
.header_usps li:nth-child(2)
/* #desktop-header .header_usps li:nth-child(3) */
{
	display:flex;
	align-items:center;
}

.header_usps li:nth-child(1) span {
	white-space: nowrap;
	margin-right:25px;
}

.footer-check-marks li {
	position:relative;
	padding-left:25px;
}

.footer-check-marks li img {
	position:absolute;
	left:0;
	top:2px;
}

.title-header-logo {
	margin-right:30px;
}

#sap_kopen {
	display:none !important;
}

.image-slide-banner-mob {
	display:none;
}

@media (max-width: 1600px){
	.navigation-actions li.header_cart  {
		margin-left: 10px;
	}
	.navigation-actions li {
		margin-left: 10px;
	}
	.header_language_switcher {
		padding-left: 10px;
	}
	.header_currency_switcher{
		padding-left: 10px;
		padding-right: 10px
	}
}

@media (max-width: 1024px) {

	.container-main-header a {
		font-size: 13px;
	}

	.container-top-header .mid-desktop {
		display: flex;
	}
	.container-top-header {
		min-width: 2780px;
		justify-self: flex-start;
		animation: slideTopHeaderDesktop 60s linear infinite;
		justify-content: flex-start;
	}

	.wpml-ls-legacy-dropdown .wpml-ls-flag+span {
		text-transform:uppercase;
	}
}

@media (max-width: 1300px) {

	.navigation-pages ul {
		margin-left: 10px;
	}
	.navigation-actions {
		padding-right: 0px;
	}
	.container-main-header > div {
		padding: 0px 10px;
	}

}

@media (max-width: 1185px) {

	.list-item-nav-main-header{
		margin-right: 10px;
	}
	.container-main-header a{
		font-size: 14px;
	}

}

@media (max-width: 768px) {
	.image-slide-banner-mob {
		display:block;
	}
	
	.image-slide-banner {
		display:none;
	}
}

@media (max-width: 1100px) and (min-width:  900px) {

	.container-main-header a {
		font-size: 13px;
	}

	.container-main-header > div > * {
		flex: 0 0 100%;
		justify-content: space-evenly;
	}
	.container-main-header {
		height: auto;
	}
	.container-main-header > div {
		padding: 15px;
		justify-content: center;
	}
	.navigation-pages ul {
		text-align: center;
	}
	.navigation-actions ul {
		flex-direction: inherit;
		justify-content: center;
		flex: 0 0 auto;
		width: auto;
	}
	.navigation-actions {
		flex: 0 0 auto;
	}

}

@keyframes slideTopHeaderMobile {
	0% {
		transform: translate3d(0, 0, 0);
	}
	100% {
		transform: translate3d(calc(-1380px/2), 0, 0);
	}
}

@keyframes slideTopHeaderDesktop {
	0% {
		transform: translate3d(0, 0, 0);
	}
	100% {
		transform: translate3d(-1380px, 0, 0);
	}
}

@keyframes showMenu {
	0% {
		transform: translateX(-100vw);
	}
	100% {
		transform: translateX(0)
	}
}

@keyframes hideMenu {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-100vw)
	}
}

@keyframes rotate {
	from {
		transform: translate(-50%, -50%) rotate(0deg);
	}
	to {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}

@keyframes broaden {
	from {
		width: 50px;
		border-radius: 100%;
	}
	to {
		width: 130px;
		border-radius: 100px;
	}
}

@keyframes narrow {
	from {
		width: 130px;
		border-radius: 100px;
	}
	to {
		width: 111px;
		border-radius: 100%;
	}
}

@keyframes flashBackground {
	0% {
		background-color: #fff;
		transform: scale(1);
	}
	50% {
		background-color: #e2e2e2;
		transform: scale(1.05);
	}
	100% {
		background-color: #fff;
		transform: scale(1);
	}
}
