/* 2026-09-16 v1.3
 * - Made inline link colours follow the active light or dark website palette.
 * 2026-09-10 v1.2
 * - Preserved each button's readable foreground on hover and active states.
 * - Added a subtle context-coloured border and arrow response without markup variants.
 * 2026-08-21 v1.1
 * - Removed legacy header and menu colour rules.
 */

.button:is(a, div), .button-group, button {
	 user-select: none;
}

body {
	background-color: #060404;
}
body, a  {
	color:#fff;
}
.big-block-light-blue {
	background-color:#B7D9ED!important; 
}
.big-block-light-gray {
	background-color:#EAECED!important; 
	
}
.big-block-gray {
	background-color:#646A6B!important; 
	color:#fff;
}
.big-block-gray .longstory p { 
/*	color:#EAECED;*/
}
.blue-image-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-image: linear-gradient(to bottom, #06040430, #060404 100%);
}
.big-block-slider > *:not(.big-block-slider-controls) > *, .portfolio-item-inner > * { 
	background-color:rgba(0,55,122,0.5);
	background-image: linear-gradient(to bottom, rgba(0,55,122,0), rgba(0,55,122,0.5) 75vh, rgba(0,55,122,0.5) 100%);
	transition: 2s ease all;
}
.portfolio-item-inner > * .button:is(a, div) {
	opacity: 0!important;
}
.portfolio-item-inner:hover > * { 
	background-color:rgba(0,55,122,0);
	transition: 0.3s ease all;
}

 
.holthin-cart-submenu ul li a::after  { 
	display: block; 
	content: ' ';
	height: 4px;
	width: 0.000001px;
	
	background-color: #A58970;
	transition:0.1s ease all;
}

p a, label a, .button:is(a, div), button { 
	color:#76372D;
	font-weight: bold;
}
p a:not(.button), label a {
	color:var(--font-color,#fff);
	
	box-shadow: 0px 2px 0px 0px var(--color_accents,currentColor);
}
p a:active:not(.button), label a:active {
    color:#76372D;
    text-decoration: underline;
}
.button:is(a, div), button {
	cursor: pointer;
	border: none;
	background: none;
	/*border: 2px solid #76372D;*/
	border: 3px solid #E8E8D9;
	padding: 7.5px 15px;
	/*padding: 5px 15px;
	border-radius: 6px;*/
	color:#E8E8D9;
}
@supports(--css: variables) {
	.content-wrapper .button:is(a, div), .content-wrapper button {
		color:var(--color_form_button_text);
		border-color:var(--color_form_button_text);
	}
}
.button:is(a, div), button {
    transition: 0.2s ease all;
}
.button:is(a, div):hover, button:hover {
    transition: 0.1s ease all;
}
.button:is(a, div) .fa-chevron-right, button .fa-chevron-right {
	margin-left: 5px!important;
	transition:transform 0.15s ease;
}
.home-button-arrow {
	transition:transform 0.15s ease;
}
@media (hover:hover) and (pointer:fine) {
	:where(.button:is(a, div), button):hover,
	:where(div[onClick*="window"]:hover .button:is(a, div), .utr-opened:hover .button:is(a, div)) {
		border-color:currentColor;
	}
	@supports (color:color-mix(in srgb, currentColor 70%, transparent)) {
		:where(.button:is(a, div), button):hover,
		:where(div[onClick*="window"]:hover .button:is(a, div), .utr-opened:hover .button:is(a, div)) {
			border-color:color-mix(in srgb, currentColor 70%, transparent);
		}
	}
	:where(a.button, div.button, button[type="submit"]):hover,
	:where(div[onClick*="window"]:hover .button:is(a, div), .utr-opened:hover .button:is(a, div)) {
		box-shadow:inset 0 0 0 1px currentColor;
	}
	@supports (color:color-mix(in srgb, currentColor 35%, transparent)) {
		:where(a.button, div.button, button[type="submit"]):hover,
		:where(div[onClick*="window"]:hover .button:is(a, div), .utr-opened:hover .button:is(a, div)) {
			box-shadow:inset 0 0 0 1px color-mix(in srgb, currentColor 35%, transparent);
		}
	}
	:where(.button:is(a, div), button):hover .fa-chevron-right,
	:where(.button:is(a, div), button):hover .home-button-arrow,
	:where(div[onClick*="window"]:hover .button:is(a, div), .utr-opened:hover .button:is(a, div)) .fa-chevron-right {
		transform:translateX(2px);
	}
}
.big-block-white .button:is(a, div):hover, .big-block-white button:hover {
	border-color:#003F85;
	color:#003F85;
}
:where(.button:is(a, div), button):active {
	border-color:currentColor;
}
.big-block-slider-controls > *.selected .control-inner {
	background-color:#76372D;
}
.holthin-cart-submenu ul li a:hover::after,
.holthin-cart-submenu ul:not(:hover) li.selected a::after {

	height: 4px;
	width: 100%;
	min-width: 10px;

}
.big-block-blue, .big-block-slider, .portfolio-wrapper, .big-padding-v, .hoftijzer-specialisaties {
	background-color:rgba(0,0,0,0.1);
}
.big-padding-v[class*="full"] {
	background-color:rgba(0,0,0,0.2);
}
.big-block-white {
	background-color: #fff;
}
.big-block-white, .big-block-light-blue, .big-block-light-gray , .big-block-white td {
	color:#060404;
}

.big-block-white a, .big-block-light-blue a, .big-block-light-gray a {
	color:#060404;
}
.big-block-white a:hover, .big-block-light-blue a:hover, .big-block-light-gray a:hover {
	color:#04C6E7;
}

.big-block-white p a:not(.phone), .big-block-light-blue p a:not(.phone), .big-block-light-gray p a:not(.phone) {
	/*border-bottom:2px solid #fff;*/
	display: inline-block;
}

.big-block-white p a, .big-block-light-blue p a, .big-block-light-gray p a {
	box-shadow: 0px 2px 0px 0px #04C6E7;
}


div.button {
	display: inline-flex;
	
}
p {
	
}
.longstory p, .longstory ul   { 
/*	color:#646A6B;*/
}
.thumb-image {
	/*border:1px solid #C2C6C7;*/
	background-color: #C2C6C7;
/*	box-shadow:inset 0px 0px 0px 3px #EEEFEF;*/
	background-image: url('https://images.unsplash.com/photo-1543847036-e3f67c53b7f4?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1350&q=80');
	background-size: cover!important;
	background-size: 100% auto!important;
	background-position: center!important;
	
	transition: 0.3s ease all!important;
	
	box-shadow:inset 0px -0.00001px 0px 0px #04C6E7; 
	filter: brightness(90%)!important;
}
.thumb-image:hover, .thumb-image:active {
	border-color:#060404;
	box-shadow:inset 0px -4px 0px 0px #04C6E7; 
	
	background-size: 106% auto!important;
	filter: brightness(100%)!important;
}
.thumb-grid-item:nth-child(2) .thumb-image {
	background-image: url('https://images.unsplash.com/photo-1547895749-c4209c6796b4?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=700&q=80');
	background-position: bottom;
}
.thumb-grid-item:nth-child(3) .thumb-image {
	background-image: url('https://images.unsplash.com/photo-1580419808482-c53ae77dd278?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1350&q=80');
}
.thumb-grid-item:nth-child(4) .thumb-image {
	background-image: url('https://images.unsplash.com/photo-1543847036-e3f67c53b7f4?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1350&q=80');
}
.thumb-grid-item:nth-child(5) .thumb-image { 
	background-image: url('https://images.unsplash.com/photo-1580419808482-c53ae77dd278?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1350&q=80');
}


@supports ((-webkit-backdrop-filter: blur(2em)) or (backdrop-filter: blur(2em))) {
	.button:is(a, div) {
	
		backdrop-filter: blur(5px) brightness(90%) contrast(150%);
	}
}
footer[class*="big-block-blue"] .keurmerk-item img {
	filter: grayscale(100%);
	mix-blend-mode: luminosity;
}
footer.big-block-white {
	border-top:2px solid #002B60;
	box-shadow: 0px 100px 0px 0px #fff;
}