/* Sale prijs bij configureerbare artikelen fix: */
.widget-product-carousel .old-price {
  text-decoration: line-through;
}
.widget-product-carousel .normal-price:has(+ .old-price) {
  color: #ea580c;
  margin-right: 5px;
}



/* Offertemodule: laat een extra text zien na het veld Opmerkingen */
div.control:has(#mp_customer_note):after {
  content: "* Geef desgewenst aan naar welke winkel je deze aanvraag wilt sturen. Wolvega, Leeuwarden of Buitenpost.";
  display: block;
  font-size: 13px;
  line-height: 1.3em;
  color: #555;
}



/* Actiepagina: verstop actie titels! */
body.blog-page div[x-data="initSaleItems"] h2 {
	display: none;
}
/* Overige H2 titels wél tonen (in Page Builder blokken) */
body.blog-page 
div[data-content-type="row"] h2 {
	display: block !important;
}


/* Sticky sidebar on category and brand pages */
@media (min-width: 768px) {
	body.emico_attributelanding-landingpage-view .sidebar-main,
	body.catalog-category-view .sidebar-main {
		position: sticky;
		top: 166px;
		height: calc(100vh - 166px);
		overflow-y: scroll;
	}
}



/* Show an extra warning for local pickup in the checkout! */
fieldset#shipping:after {
	content: "* Onze artikelen zijn verspreid over onze magazijnen in Wolvega en Leeuwarden. Kies je voor afhalen? Dan ontvang je van ons een sms of e-mail zodra je bestelling klaarstaat in het door jou gekozen filiaal. Wil je afhalen in Buitenpost? Neem dan contact op met Kapenga Wonen Buitenpost via 0511-544444.";
	margin-top: 12px;
	display: block;
	font-size: 15px;
}




/* Make the logos grayscaled on certain pages */
.hk-grayscale {
    filter: saturate(0.2);
    opacity: 0.3;
    transition: all 300ms;
}
.hk-grayscale:hover {
    filter: saturate(1);
    opacity: 1;
}


/* Make the HK logo a little smaller */
img[alt="HK"] {
	max-width: 38px;
}
@media (max-width: 639px) {
	img[alt="HK"] {
		max-width: 30px;
	}
}



/* Pinterest pin container and image */
.hk-pin-container {
	display: inline-block;
	position: relative;
	transition: transform 300ms;
}
.hk-pin-container:after {
	content: "";
	width: 32px;
	height: 32px;
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1;
	background: url('https://www.homecenter.nl/media/homecenter/assets/pinterest/pinterest-pin.png') center center no-repeat;
	background-size: contain;
	border-radius: 8px;
	transition: all 250ms;
	box-shadow: -3px 3px 5px rgba(0, 10, 20, 0);
}
.hk-pin-container:hover {
	cursor: pointer;
	transform: scale(1.01);
}
.hk-pin-container:hover:after {
	top: 7px;
	right: 7px;
	box-shadow: -3px 3px 6px rgba(0, 10, 20, 0.3);
}




.hk-bruin .pagebuilder-button-primary,
.hk-wit-bruin .pagebuilder-button-primary,
.hk-kapenga-rood .pagebuilder-button-primary,
.hk-wit-kapenga-rood .pagebuilder-button-primary {
	background: #fff;
	color: #000;
	border-color: #fff;
}

.hk-bruin .pagebuilder-button-primary:hover,
.hk-wit-bruin .pagebuilder-button-primary:hover,
.hk-kapenga-rood .pagebuilder-button-primary:hover,
.hk-wit-kapenga-rood .pagebuilder-button-primary:hover {
	cursor: pointer;
	background: #fff;
	color: #000;
	border-color: #000;
}


.pagebuilder-button-primary {
	text-decoration: none !important;
	font-weight: 400 !important;
}


[class*="hk-"] p {
	margin-top: 0;
	font-size: 18px;
	font-weight: 300;
	font-family: inherit;
}

[class*="hk-"] li {
	font-size: 18px;
	font-weight: 300;
	font-family: inherit;
}
[class*="hk-"] li::marker {
	color: #333 !important;
}


[class*="hk-"] h1 {
	margin-top: 0;
	font-size: 36px;
	line-height: 1.25em;
}

[class*="hk-"] h2 {
	margin-top: 0;
	font-size: 28px;
	line-height: 1.25em;
}

[class*="hk-"] h3 {
	margin-top: 0;
	font-size: 24px;
	line-height: 1.25em;
}

[class*="hk-"] h4 {
	margin-top: 0;
	font-size: 21px;
	line-height: 1.25em;
}

[class*="hk-"] h5 {
	margin-top: 0;
	font-size: 18px;
	line-height: 1.25em;
}


[class*="hk-"] figure,
[class*="hk-"] img {
	margin-top: 0;
	margin-bottom: 0;
}


.prose :where(h1+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
	margin-top: 0;
	margin-bottom: 0;
}



/* OWN STYLES */
body.cms-page-view div[data-content-type="row"] {
	margin-bottom: 96px;
	padding: 0;
}


div[data-content-type="row"]:has(div[class*="hk-"]) {
	margin-bottom: 0;
}


div[data-content-type="row"] hr {
	width: 100%;
	height: 1px;
	border: none;
	background: #ccc;
}



.hk-white-title,
.hk-witte-titel,
.hk-witte-titel h1,
.hk-witte-titel h2,
.hk-witte-titel h3,
.hk-witte-titel h4,
.hk-witte-titel h5 {
	color: #fff !important;
}


.hk-white-button .pagebuilder-button-primary,
.hk-white-buttons .pagebuilder-button-primary,
.hk-witte-button .pagebuilder-button-primary,
.hk-witte-buttons .pagebuilder-button-primary {
	background: #fff !important;
	border-color: #fff !important;
	color: #000 !important;
	border-radius: 12px;
}




.hk-middle .pagebuilder-column-line > * {
	justify-content: center !important;
	align-items: center !important;
	text-align: center;
}



.pagebuilder-column-line {
	gap: 48px;
}



.hk-no-gap {
	margin-bottom: 96px !important;
	padding: 0 !important;
}
.hk-no-gap .pagebuilder-column-line {
	gap: 0;
}



.hk-pad,
.hk-padding {
	padding: 24px !important;
}



.hk-middle {
	margin-bottom: 96px !important;
}





/****************************************************************************************/
.hk-margin-bottom {
	margin-bottom: 96px !important;
	padding: 0 !important;
}

.hk-negative-margin-1x {
	margin-top: -96px !important;
	padding: 0 !important;
}

.hk-negative-margin-2x {
	margin-top: -192px !important;
	padding: 0 !important;
}

.hk-negative-margin-3x {
	margin-top: -288px !important;
	padding: 0 !important;
}



/****************************************************************************************/
/*************************************** KLEUREN ****************************************/
.hk-achtergrondkleur {
	position: relative;
	margin-bottom: 96px !important;
	padding: 48px 0 !important;
	text-align: center;
}
.hk-achtergrondkleur:before {
	content: "";
	width: 100vw;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 calc(50% - 50vw);
	transform: translateY(-48px);
	z-index: -1;
}


/* Trend colors */
.hk-colour-grid { color: #fff !important; }
.hk-colour-grid:before { background: #805170; }

.hk-cosmic-future { color: #fff !important; }
.hk-cosmic-future:before { background: #1b538f; }

.hk-neo-narrative { color: #fff !important; }
.hk-neo-narrative:before { background: #8c5641; }

.hk-blush-and-blond { color: #fff !important; }
.hk-blush-and-blond:before { background: #ac6f4e; }

.hk-slow-life:before { background: #cb9b79; }

/* 2026 */
.hk-serene-craftmanship:before { background: #5c88c6; }
.hk-hidden-wonders:before { background: #7aa1ab; }
.hk-intriguing-decor:before { background: #9d8bbb; }

.hk-marble-muse { color: #fff !important; }
.hk-marble-muse:before { background: #936358; }




.hk-bruin {
	position: relative;
	margin-bottom: 96px !important;
	padding: 48px 0 !important;
	color: #fff !important;
	text-align: center;
}
.hk-bruin:before {
	content: "";
	width: 100vw;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 calc(50% - 50vw);
	transform: translateY(-48px);
	z-index: -1;
	background: #665e4a;
}

.hk-bruin a,
.hk-bruin a:visited {
	color: #fff !important;
}

.hk-bruin a.pagebuilder-button-primary,
.hk-bruin a.pagebuilder-button-primary:visited {
	color: #000 !important;
}

.hk-grijs {
	position: relative;
	margin-bottom: 96px !important;
	padding: 48px 0 !important;
	text-align: center;
}
.hk-grijs:before {
	content: "";
	width: 100vw;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 calc(50% - 50vw);
	transform: translateY(-48px);
	z-index: -1;
	background: #a29e93;
}


.hk-zand {
	position: relative;
	margin-bottom: 96px !important;
	padding: 48px 0 !important;
	text-align: center;
}
.hk-zand:before {
	content: "";
	width: 100vw;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 calc(50% - 50vw);
	transform: translateY(-48px);
	z-index: -1;
	background: #c7b299;
}


.hk-creme {
	position: relative;
	margin-bottom: 96px !important;
	padding: 48px 0 !important;
	text-align: center;
}
.hk-creme:before {
	content: "";
	width: 100vw;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 calc(50% - 50vw);
	transform: translateY(-48px);
	z-index: -1;
	background: #ded7c9;
}




 /* Home Center kleuren */
.hk-homecenter-creme {
	position: relative;
	margin-bottom: 96px !important;
	padding: 48px 0 !important;
	text-align: center;
}
.hk-homecenter-creme:before {
	content: "";
	width: 100vw;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 calc(50% - 50vw);
	transform: translateY(-48px);
	z-index: -1;
	background: #ede7df;
}


.hk-homecenter-taupe {
	position: relative;
	margin-bottom: 96px !important;
	padding: 48px 0 !important;
	text-align: center;
}
.hk-homecenter-taupe:before {
	content: "";
	width: 100vw;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 calc(50% - 50vw);
	transform: translateY(-48px);
	z-index: -1;
	background: #d0bfb5;
}



/* Kapenga kleuren */
.hk-kapenga-rood {
	position: relative;
	margin-bottom: 96px !important;
	padding: 48px 0 !important;
	color: #fff !important;
	text-align: center;
}
.hk-kapenga-rood:before {
	content: "";
	width: 100vw;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 calc(50% - 50vw);
	transform: translateY(-48px);
	z-index: -1;
	background: #d0043c;
}

.hk-kapenga-rood a,
.hk-kapenga-rood a:visited {
	color: #fff !important;
}

.hk-kapenga-rood a.pagebuilder-button-primary,
.hk-kapenga-rood a.pagebuilder-button-primary:visited {
	color: #000 !important;
}


.hk-kapenga-grijs {
	position: relative;
	margin-bottom: 96px !important;
	padding: 48px 0 !important;
	text-align: center;
}
.hk-kapenga-grijs:before {
	content: "";
	width: 100vw;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 calc(50% - 50vw);
	transform: translateY(-48px);
	z-index: -1;
	background: #ededed;
}



.hk-bruin h1, .hk-bruin h2, .hk-bruin h3, .hk-bruin h4, .hk-bruin h5, .hk-bruin h6,
.hk-kapenga-rood h1, .hk-kapenga-rood h2, .hk-kapenga-rood h3,
.hk-kapenga-rood h4, .hk-kapenga-rood h5, .hk-kapenga-rood h6 {
	color: #fff !important;
}









.hk-wit-bruin,
.hk-wit-grijs,
.hk-wit-zand,
.hk-wit-creme,
.hk-wit-homecenter-creme,
.hk-wit-homecenter-taupe,
.hk-wit-kapenga-rood,
.hk-wit-kapenga-grijs {
	position: relative;
	margin-bottom: 96px !important;
	padding: 0 0 48px 0 !important;
	text-align: center;
}
.hk-wit-bruin:before,
.hk-wit-grijs:before,
.hk-wit-zand:before,
.hk-wit-creme:before,
.hk-wit-homecenter-creme:before,
.hk-wit-homecenter-taupe:before,
.hk-wit-kapenga-rood:before,
.hk-wit-kapenga-grijs:before {
	content: "";
	width: 100vw;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 calc(50% - 50vw);
	/* transform: translateY(-48px); */
	z-index: -1;
	background: #fff;
}
.hk-wit-bruin .pagebuilder-column-line,
.hk-wit-grijs .pagebuilder-column-line,
.hk-wit-zand .pagebuilder-column-line,
.hk-wit-creme .pagebuilder-column-line,
.hk-wit-homecenter-creme .pagebuilder-column-line,
.hk-wit-homecenter-taupe .pagebuilder-column-line,
.hk-wit-kapenga-rood .pagebuilder-column-line,
.hk-wit-kapenga-grijs .pagebuilder-column-line {
	gap: 48px;
	text-align: center;
}

.hk-wit-bruin,
.hk-wit-kapenga-rood {
	color: #fff !important;
	text-align: center;
}

.hk-wit-bruin:before {
	background: #665e4a;
	background:    -moz-linear-gradient(180deg, #fff 0%, #fff 192px, #665e4a 192px, #665e4a 100%);
	background: -webkit-linear-gradient(180deg, #fff 0%, #fff 192px, #665e4a 192px, #665e4a 100%);
	background:         linear-gradient(180deg, #fff 0%, #fff 192px, #665e4a 192px, #665e4a 100%);
}
.hk-wit-grijs:before {
	background: #a29e93;
	background:    -moz-linear-gradient(180deg, #fff 0%, #fff 192px, #a29e93 192px, #a29e93 100%);
	background: -webkit-linear-gradient(180deg, #fff 0%, #fff 192px, #a29e93 192px, #a29e93 100%);
	background:         linear-gradient(180deg, #fff 0%, #fff 192px, #a29e93 192px, #a29e93 100%);
}
.hk-wit-zand:before {
	background: #c7b299;
	background:    -moz-linear-gradient(180deg, #fff 0%, #fff 192px, #c7b299 192px, #c7b299 100%);
	background: -webkit-linear-gradient(180deg, #fff 0%, #fff 192px, #c7b299 192px, #c7b299 100%);
	background:         linear-gradient(180deg, #fff 0%, #fff 192px, #c7b299 192px, #c7b299 100%);
}
.hk-wit-creme:before {
	background: #ded7c9;
	background:    -moz-linear-gradient(180deg, #fff 0%, #fff 192px, #ded7c9 192px, #ded7c9 100%);
	background: -webkit-linear-gradient(180deg, #fff 0%, #fff 192px, #ded7c9 192px, #ded7c9 100%);
	background:         linear-gradient(180deg, #fff 0%, #fff 192px, #ded7c9 192px, #ded7c9 100%);
}
.hk-wit-homecenter-creme:before {
	background: #ede7df;
	background:    -moz-linear-gradient(180deg, #fff 0%, #fff 192px, #ede7df 192px, #ede7df 100%);
	background: -webkit-linear-gradient(180deg, #fff 0%, #fff 192px, #ede7df 192px, #ede7df 100%);
	background:         linear-gradient(180deg, #fff 0%, #fff 192px, #ede7df 192px, #ede7df 100%);
}
.hk-wit-homecenter-taupe:before {
	background: #d0bfb5;
	background:    -moz-linear-gradient(180deg, #fff 0%, #fff 192px, #d0bfb5 192px, #d0bfb5 100%);
	background: -webkit-linear-gradient(180deg, #fff 0%, #fff 192px, #d0bfb5 192px, #d0bfb5 100%);
	background:         linear-gradient(180deg, #fff 0%, #fff 192px, #d0bfb5 192px, #d0bfb5 100%);
}
.hk-wit-kapenga-rood:before {
	background: #d0043c;
	background:    -moz-linear-gradient(180deg, #fff 0%, #fff 192px, #d0043c 192px, #d0043c 100%);
	background: -webkit-linear-gradient(180deg, #fff 0%, #fff 192px, #d0043c 192px, #d0043c 100%);
	background:         linear-gradient(180deg, #fff 0%, #fff 192px, #d0043c 192px, #d0043c 100%);
}
.hk-wit-kapenga-grijs:before {
	background: #ededed;
	background:    -moz-linear-gradient(180deg, #fff 0%, #fff 192px, #ededed 192px, #ededed 100%);
	background: -webkit-linear-gradient(180deg, #fff 0%, #fff 192px, #ededed 192px, #ededed 100%);
	background:         linear-gradient(180deg, #fff 0%, #fff 192px, #ededed 192px, #ededed 100%);
}





.hk-grijs-links,
.hk-zand-links,
.hk-creme-links,
.hk-homecenter-creme-links,
.hk-homecenter-taupe-links,
.hk-kapenga-grijs-links {
	position: relative;
	margin-bottom: 96px !important;
	padding: 48px 0 !important;
	text-align: center;
}
.hk-grijs-links:before,
.hk-zand-links:before,
.hk-creme-links:before,
.hk-homecenter-creme-links:before,
.hk-homecenter-taupe-links:before,
.hk-kapenga-grijs-links:before {
	content: "";
	width: 100vw;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 calc(50% - 50vw);
	transform: translateY(-48px);
	z-index: -1;
	background: #fff;
}

.hk-grijs-links:before {
	background: #a29e93;
	background:    -moz-linear-gradient(90deg, #a29e93 0%, #a29e93 33%, #fff 33%, #fff 100%);
	background: -webkit-linear-gradient(90deg, #a29e93 0%, #a29e93 33%, #fff 33%, #fff 100%);
	background:         linear-gradient(90deg, #a29e93 0%, #a29e93 33%, #fff 33%, #fff 100%);
}
.hk-zand-links:before {
	background: #c7b299;
	background:    -moz-linear-gradient(90deg, #c7b299 0%, #c7b299 33%, #fff 33%, #fff 100%);
	background: -webkit-linear-gradient(90deg, #c7b299 0%, #c7b299 33%, #fff 33%, #fff 100%);
	background:         linear-gradient(90deg, #c7b299 0%, #c7b299 33%, #fff 33%, #fff 100%);
}
.hk-creme-links:before {
	background: #ded7c9;
	background:    -moz-linear-gradient(90deg, #ded7c9 0%, #ded7c9 33%, #fff 33%, #fff 100%);
	background: -webkit-linear-gradient(90deg, #ded7c9 0%, #ded7c9 33%, #fff 33%, #fff 100%);
	background:         linear-gradient(90deg, #ded7c9 0%, #ded7c9 33%, #fff 33%, #fff 100%);
}
.hk-homecenter-creme-links:before {
	background: #ede7df;
	background:    -moz-linear-gradient(90deg, #ede7df 0%, #ede7df 33%, #fff 33%, #fff 100%);
	background: -webkit-linear-gradient(90deg, #ede7df 0%, #ede7df 33%, #fff 33%, #fff 100%);
	background:         linear-gradient(90deg, #ede7df 0%, #ede7df 33%, #fff 33%, #fff 100%);
}
.hk-homecenter-taupe-links:before {
	background: #d0bfb5;
	background:    -moz-linear-gradient(90deg, #d0bfb5 0%, #d0bfb5 33%, #fff 33%, #fff 100%);
	background: -webkit-linear-gradient(90deg, #d0bfb5 0%, #d0bfb5 33%, #fff 33%, #fff 100%);
	background:         linear-gradient(90deg, #d0bfb5 0%, #d0bfb5 33%, #fff 33%, #fff 100%);
}
.hk-kapenga-grijs-links:before {
	background: #ededed;
	background:    -moz-linear-gradient(90deg, #ededed 0%, #ededed 33%, #fff 33%, #fff 100%);
	background: -webkit-linear-gradient(90deg, #ededed 0%, #ededed 33%, #fff 33%, #fff 100%);
	background:         linear-gradient(90deg, #ededed 0%, #ededed 33%, #fff 33%, #fff 100%);
}






.hk-grijs-rechts,
.hk-zand-rechts,
.hk-creme-rechts,
.hk-homecenter-creme-rechts,
.hk-homecenter-taupe-rechts,
.hk-kapenga-grijs-rechts {
	position: relative;
	margin-bottom: 96px !important;
	padding: 48px 0 !important;
	text-align: center;
}
.hk-grijs-rechts:before,
.hk-zand-rechts:before,
.hk-creme-rechts:before,
.hk-homecenter-creme-rechts:before,
.hk-homecenter-taupe-rechts:before,
.hk-kapenga-grijs-rechts:before {
	content: "";
	width: 100vw;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 calc(50% - 50vw);
	transform: translateY(-48px);
	z-index: -1;
	background: #fff;
}


.hk-grijs-rechts:before {
	background: #a29e93;
	background:    -moz-linear-gradient(90deg, #fff 0%, #fff 70%, #a29e93 70%, #a29e93 100%);
	background: -webkit-linear-gradient(90deg, #fff 0%, #fff 70%, #a29e93 70%, #a29e93 100%);
	background:         linear-gradient(90deg, #fff 0%, #fff 70%, #a29e93 70%, #a29e93 100%);
}
.hk-zand-rechts:before {
	background: #c7b299;
	background:    -moz-linear-gradient(90deg, #fff 0%, #fff 70%, #c7b299 70%, #c7b299 100%);
	background: -webkit-linear-gradient(90deg, #fff 0%, #fff 70%, #c7b299 70%, #c7b299 100%);
	background:         linear-gradient(90deg, #fff 0%, #fff 70%, #c7b299 70%, #c7b299 100%);
}
.hk-creme-rechts:before {
	background: #ded7c9;
	background:    -moz-linear-gradient(90deg, #fff 0%, #fff 70%, #ded7c9 70%, #ded7c9 100%);
	background: -webkit-linear-gradient(90deg, #fff 0%, #fff 70%, #ded7c9 70%, #ded7c9 100%);
	background:         linear-gradient(90deg, #fff 0%, #fff 70%, #ded7c9 70%, #ded7c9 100%);
}
.hk-homecenter-creme-rechts:before {
	background: #ede7df;
	background:    -moz-linear-gradient(90deg, #fff 0%, #fff 70%, #ede7df 70%, #ede7df 100%);
	background: -webkit-linear-gradient(90deg, #fff 0%, #fff 70%, #ede7df 70%, #ede7df 100%);
	background:         linear-gradient(90deg, #fff 0%, #fff 70%, #ede7df 70%, #ede7df 100%);
}
.hk-homecenter-taupe-rechts:before {
	background: #d0bfb5;
	background:    -moz-linear-gradient(90deg, #fff 0%, #fff 70%, #d0bfb5 70%, #d0bfb5 100%);
	background: -webkit-linear-gradient(90deg, #fff 0%, #fff 70%, #d0bfb5 70%, #d0bfb5 100%);
	background:         linear-gradient(90deg, #fff 0%, #fff 70%, #d0bfb5 70%, #d0bfb5 100%);
}
.hk-kapenga-grijs-rechts:before {
	background: #ededed;
	background:    -moz-linear-gradient(90deg, #fff 0%, #fff 70%, #ededed 70%, #ededed 100%);
	background: -webkit-linear-gradient(90deg, #fff 0%, #fff 70%, #ededed 70%, #ededed 100%);
	background:         linear-gradient(90deg, #fff 0%, #fff 70%, #ededed 70%, #ededed 100%);
}


.hk-grijs-rechts .pagebuilder-column-line,
.hk-zand-rechts .pagebuilder-column-line,
.hk-creme-rechts .pagebuilder-column-line,
.hk-homecenter-creme-rechts .pagebuilder-column-line,
.hk-homecenter-taupe-rechts .pagebuilder-column-line,
.hk-kapenga-grijs-rechts .pagebuilder-column-line {
	gap: 48px;
	text-align: center;
}








.hk-hoekje img,
img.hk-hoekje {
	border-radius: 0 24px 24px 24px !important;
}

.hk-hoekje-medium img,
img.hk-hoekje-medium {
	border-radius: 0 48px 48px 48px !important;
}

.hk-hoekje-large img,
img.hk-hoekje-large {
	border-radius: 0 96px 96px 96px !important;
}


.hk-boogje img,
img.hk-boogje {
	border-radius: 50% 50% 0 0 !important;
}

.hk-boogje-onder img,
img.hk-boogje-onder {
	border-radius: 0 0 50% 50% !important;
}


.hk-rondje img,
img.hk-rondje {
	border-radius: 50% !important;
}

.hk-afgerond img,
img.hk-afgerond {
	border-radius: 48px !important;
}



.hk-witte-rand img,
img.hk-witte-rand {
	border: 2px solid #fff;
}





/****************************************************************************************/
.hk-foto-links {
	margin-bottom: 96px !important;
	padding: 0 !important;
}
.hk-foto-links .pagebuilder-column-line {
	gap: 0;
}
.hk-foto-links .pagebuilder-column-line > * {
	justify-content: center !important;
	align-items: center !important;
}

.hk-foto-links .pagebuilder-column:last-child {
	display: block;
	margin-top: 8%;
	margin-bottom: 8%;
	transform: translateX(-100px);
	z-index: 2;
	background: #fff;
	padding: 24px 24px 48px 24px !important;
	text-align: center;
}
.hk-foto-links .pagebuilder-column:first-child {
	z-index: 1;
}
.hk-foto-links img {
	display: block;
}



.hk-foto-rechts {
	margin-bottom: 96px !important;
	padding: 0 !important;
}
.hk-foto-rechts .pagebuilder-column-line {
	gap: 0;
}
.hk-foto-rechts .pagebuilder-column-line > * {
	justify-content: center !important;
	align-items: center !important;
}
.hk-foto-rechts .pagebuilder-column:first-child {
	display: block;
	margin-top: 8%;
	margin-bottom: 8%;
	transform: translateX(100px);
	z-index: 2;
	background: #fff;
	padding: 24px 24px 48px 24px !important;
	text-align: center;
}
.hk-foto-rechts .pagebuilder-column:last-child {
	z-index: 1;
}
.hk-foto-rechts img {
	display: block;
}



.hk-drop-image {
	margin-bottom: 192px !important;
	padding: 0 !important;
}
.hk-drop-image:before {
	transform: translateY(0);
}
.hk-drop-image .pagebuilder-column-line > * {
	justify-content: center !important;
	align-items: center !important;
	text-align: center;
}
.hk-drop-image img {
	transform: translateY(96px);
}




.hk-carousel {
	margin-bottom: 96px !important;
	position: relative;
	text-align: center;
}
.hk-carousel .pagebuilder-column-line {
	gap: 48px;
}




/****************************************************************************************/
/* Visibility */
.hk-alleen-desktop { display: flex !important; }
.hk-alleen-mobiel { display: none !important; }



/****************************************************************************************/
/* Home Center and Kapenga footer: */
.hk-footer {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0 !important;
}

.hk-footer .pagebuilder-column {
	padding: 120px 30px 30px 30px;
}

.hk-footer .pagebuilder-button-primary {
	background: #fff !important;
	color: #000 !important;
	border-color: #fff !important;
	border-radius: 14px !important;
}

div[data-content-type="row"]:has(div.hkStoreFooter) {
  margin-bottom: 0 !important;
}


/****************************************************************************************/
/* No margin at the bottom */
.hk-no-bottom-margin,
.hk-no-margin-bottom,
.hk-geen-marge-onder {
	margin-bottom: 0 !important;
}


div[data-content-type="row"].hk-beeldvullend,
.hk-beeldvullend,
div[data-content-type="row"].hk-aflopend,
.hk-aflopend,
div[data-content-type="row"].hk-categorie-banner,
.hk-categorie-banner {
	width: 100vw;
	margin: 0 calc(50% - 50vw) 24px calc(50% - 50vw) !important;
}


/* Show WHITE buttons inside of the image, instead of under the image: */
.hk-buttons-inside div[data-content-type="buttons"] {
	margin-top: -64px;
	
}

.hk-buttons-inside div[data-content-type="buttons"] .pagebuilder-button-primary {
	background: #fff;
	color: #000;
	border: none;
	font-size: 0.9em;
	padding: 8px 16px !important;
}



/****************************************************************************************/
/* Store page for Kapenga /kapenga-wonen */
.hk-kapenga-winkelkeuze h2,
.hk-kapenga-winkelkeuze p {
  color: #fff;
}
.hk-kapenga-winkelkeuze div[data-content-type="buttons"] .pagebuilder-button-primary {
	background: #fff;
	color: #000;
	border: none;
}




/****************************************************************************************/
/* Attribute landing pages */
body.emico_attributelanding-landingpage-view div[data-content-type="row"] p {
	margin: 0 0 1rem 0;
}

body.emico_attributelanding-landingpage-view div[data-content-type="row"] h1,
body.emico_attributelanding-landingpage-view div[data-content-type="row"] h2,
body.emico_attributelanding-landingpage-view div[data-content-type="row"] h3,
body.emico_attributelanding-landingpage-view div[data-content-type="row"] h4,
body.emico_attributelanding-landingpage-view div[data-content-type="row"] h5 {
	margin: 0 0 1.5rem 0;
	line-height: 1.25em;
}

body.emico_attributelanding-landingpage-view div[data-content-type="row"] h1 { font-size: 36px; }
body.emico_attributelanding-landingpage-view div[data-content-type="row"] h2 { font-size: 28px; }
body.emico_attributelanding-landingpage-view div[data-content-type="row"] h3 { font-size: 24px; }
body.emico_attributelanding-landingpage-view div[data-content-type="row"] h4 { font-size: 21px; }
body.emico_attributelanding-landingpage-view div[data-content-type="row"] h5 { font-size: 18px; }

body.emico_attributelanding-landingpage-view div[data-content-type="row"]  a {
	font-weight: 500;
	text-decoration: underline;
}


/****************************************************************************************/
/* Actiepagina banners */
.hk-actie-banner {
	position: relative;
	margin-bottom: 96px !important;
	padding: 48px 0 !important;
	text-align: center;
}
.hk-actie-banner:before {
	content: "";
	width: 100vw;
	height: 66%;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 calc(50% - 50vw);
	transform: translateY(-48px);
	z-index: -1;
	background: #ded7c9;
}

.hk-actie-banner .pagebuilder-column:first-child img,
.hk-actie-banner .pagebuilder-column:first-child figure {
  max-width: 180px;
  margin: 0 auto;
}

.hk-actie-banner .pagebuilder-column:last-child img,
.hk-actie-banner .pagebuilder-column:last-child figure {
  margin-bottom: 12px;
}

@media (max-width: 1023px) {
  .hk-actie-banner:before {
    height: 100%;
  }
}






/* Fix category bottom content headers: */
.category-bottom-wrapper h2 {
	margin: 1.5em 0 0.5em 0;
	font-size: 28px;
	line-height: 1.25em;
}

.category-bottom-wrapper h3 {
	margin: 1.5em 0 0.5em 0;
	font-size: 24px;
	line-height: 1.25em;
}

.category-bottom-wrapper h4 {
	margin: 1.5em 0 0.5em 0;
	font-size: 21px;
	line-height: 1.25em;
}



@keyframes scrollright {
	0% { transform: translateX(0); }
	88% { transform: translateX(-8px); }
	100% { transform: translateX(0); }
}




/* Folderpagina */
div[data-content-type="row"]:has(.hk-folder-blokje) {
	width: calc((100% - 150px) / 5) !important;
	margin: 15px !important;
	padding: 15px !important;
	display: inline-block;
	background: #ede7df;
}

@media (max-width: 1279px) {
	div[data-content-type="row"]:has(.hk-folder-blokje) {
		width: calc((100% - 120px) / 4) !important;
	}
}

@media (max-width: 1023px) {
	div[data-content-type="row"]:has(.hk-folder-blokje) {
		width: calc((100% - 90px) / 3) !important;
	}
}

@media (max-width: 639px) {
	div[data-content-type="row"]:has(.hk-folder-blokje) {
		width: calc((100% - 40px) / 2) !important;
		margin: 10px !important;
		padding: 10px !important
	}
}





@media (max-width: 1023px) {
	.hk-alleen-desktop { display: none !important; }
	.hk-alleen-mobiel { display: block !important; }
}


/****************************************************************************************/
@media (max-width: 767px) {
	div[data-content-type="row"],
	.hk-bruin,
	.hk-grijs,
	.hk-zand,
	.hk-creme,
	.hk-homecenter-creme,
	.hk-homecenter-taupe,
	.hk-kapenga-rood,
	.hk-kapenga-grijs,
	.hk-wit-bruin,
	.hk-wit-grijs,
	.hk-wit-zand,
	.hk-wit-creme,
	.hk-wit-homecenter-creme,
	.hk-wit-homecenter-taupe,
	.hk-wit-kapenga-rood,
	.hk-wit-kapenga-grijs,.hk-grijs-links,
	.hk-zand-links,
	.hk-creme-links,
	.hk-homecenter-creme-links,
	.hk-homecenter-taupe-links,
	.hk-kapenga-grijs-links,
	.hk-grijs-rechts,
	.hk-zand-rechts,
	.hk-creme-rechts,
	.hk-homecenter-creme-rechts,
	.hk-homecenter-taupe-rechts,
	.hk-kapenga-grijs-rechts,
	.hk-foto-links,
	.hk-foto-rechts,
	.hk-carousel {
		margin-bottom: 24px !important;
	}
	
	
	.hk-no-bottom-margin,
	.hk-no-margin-bottom,
	.hk-geen-marge-onder,
	div[data-content-type="row"]:has(.hk-no-bottom-margin),
	div[data-content-type="row"]:has(.hk-no-margin-bottom),
	div[data-content-type="row"]:has(.hk-geen-marge-onder) {
		margin-bottom: 0 !important;
	}
	
	
	.hk-negative-margin-1x,
	.hk-negative-margin-2x,
	.hk-negative-margin-3x {
		margin-top: 0 !important;
	}
	
	.hk-foto-links .pagebuilder-column:last-child {
		margin: -16% 8% 0 8% !important;
		transform: none;
	}
	.hk-foto-rechts .pagebuilder-column:first-child {
		margin: 8% 8% -16% 8% !important;
		transform: none;
	}
	.hk-drop-image {
		margin-bottom: 96px !important;
		padding: 24px 0 !important;
	}
	.hk-drop-image:before {
		transform: translateY(-15px);
	}
	.hk-drop-image img {
		margin: 0;
		transform: translateY(0) !important;
	}
	
	.hk-carousel {
		width: 100vw;
		margin-left: calc(50% - 50vw) !important;
		margin-right: calc(50% - 50vw) !important;
		padding-left: 24px !important;
		overflow-y: scroll;
	}
	.hk-carousel .pagebuilder-column-line {
		flex-wrap: nowrap;
	}
	.hk-carousel .pagebuilder-column {
		flex: 0 0 80%;
	}
	.hk-carousel:after {
		content: ">";
		width: 40px;
		height: 40px;
		position: absolute;
		bottom: 10px;
		right: 10px;
		border-radius: 50%;
		background: #fff;
		font-size: 23px;
		line-height: 39px;
		text-align: center;
		color: #000 !important;
		box-shadow: 0 3px 6px rgba(0, 10, 20, 0.3);
		animation: scrollright 1.2s ease-in-out infinite
	}
	
	
	.hk-carousel.hk-bruin:before,
	.hk-carousel.hk-grijs:before,
	.hk-carousel.hk-zand:before,
	.hk-carousel.hk-creme:before,
	.hk-carousel.hk-homecenter-creme:before,
	.hk-carousel.hk-homecenter-taupe:before,
	.hk-carousel.hk-kapenga-rood:before,
	.hk-carousel.hk-kapenga-grijs:before {
		display: none !important;
	}
	.hk-carousel.hk-bruin {
		background: #665e4a;
	}
	.hk-carousel.hk-grijs {
		background: #a29e93;
	}
	.hk-carousel.hk-zand {
		background: #c7b299;
	}
	.hk-carousel.hk-creme {
		background: #ded7c9;
	}
	
	.hk-carousel.hk-homecenter-creme {
		background: #ede7df;
	}
	.hk-carousel.hk-homecenter-taupe {
		background: #d0bfb5;
	}
	
	.hk-carousel.hk-kapenga-rood {
		background: #d0043c;
	}
	.hk-carousel.hk-kapenga-grijs {
		background: #ededed;
	}
	
	
	
	.hk-grijs-links:before { background: #a29e93; }
	.hk-zand-links:before { background: #c7b299; }
	.hk-creme-links:before { background: #ded7c9; }
	.hk-homecenter-creme-links:before { background: #ede7df; }
	.hk-homecenter-taupe-links:before { background: #d0bfb5; }
	.hk-kapenga-grijs-links:before { background: #ededed; }
	
	.hk-grijs-rechts:before { background: #a29e93; }
	.hk-zand-rechts:before { background: #c7b299; }
	.hk-creme-rechts:before { background: #ded7c9; }
	.hk-homecenter-creme-rechts:before { background: #ede7df; }
	.hk-homecenter-taupe-rechts:before { background: #d0bfb5; }
	.hk-kapenga-grijs-rechts:before { background: #ededed; }
	
	
	.pagebuilder-column-line {
		gap: 48px;
	}
	
	.hk-mobile-50 .pagebuilder-column-line {
		gap: 24px;
	}
	.hk-mobile-50 .pagebuilder-column {
		flex: 0 0 calc(50% - 12px);
	}
	
	.hk-buttons-inside div[data-content-type="buttons"] {
		margin-top: -54px !important;
	}
	
	.hk-no-gap .pagebuilder-column-line {
		gap: 0;
	}
	
	.hk-pad,
	.hk-padding {
		padding: 12px !important;
	}
	
	.hk-footer .pagebuilder-column {
		padding: 180px 30px 30px 30px;
	}
	
	.hk-footer:before {
		background: #fff !important;
	}
}



@media (max-width: 480px) {
	.hk-footer .pagebuilder-column {
		padding: 140px 30px 30px 30px;
	}
}