/* BASIS
-------------------------------------------------- */
body {
	font-family: "articulat-cf";
	font-size: 16px;
	font-weight: 300;
	/*background-color: #342e2f;*/
	background-color: #2b2b46;
	-webkit-font-smoothing: antialiased;
}

@media ( min-width : 1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl,
		.container-xxl {
		max-width: 1620px;
	}
}

.news-fp .image img {
    width: 100%;
    object-fit: cover;
    display: block;
}

a:hover {
	color: #f2e600;
}

.post-titel {
	text-transform: uppercase;
}

.tk-Tektur {
	font-family:'Tektur SemiCondensed';
}

.form-control {
	height: 50px;
}

b, strong {
  font-weight: 900;
}

a {
	text-decoration: none;
	color: #fff;
}

.single h1.post-titel {
	font-size: 60px;
} 

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #fff;
	color: #fff;
}

.form-control::placeholder {
	color: #c6c1c3;
	opacity: 1;
}

.form-control:-ms-input-placeholder {
	color: #c6c1c3;
}

.form-control::-ms-input-placeholder {
	color: #c6c1c3;
}

.text-normal {
	text-transform: normal !important;
}

textarea:hover, input:hover, textarea:active, input:active, textarea:focus,
	input:focus, button:not(.accordion-button):focus, button:not(.accordion-button):active, button:not(.accordion-button):hover, label:focus,
	.btn:active, .btn.active, select:active, select:focus {
	outline: 0px !important;
	box-shadow: none !important;
}

body.home header {
	background-image:
		url('https://www.tomhuissoon.nl/wp-content/uploads/2026/04/Header-foto-copy.jpg');
	background-position: center center;
	height: 800px;
  	background-size: cover;
}

body:not(.home) .header {
	height: 30vh;
	background-image:
		url('https://www.tomhuissoon.nl/wp-content/uploads/2026/04/Veeg-3-copy.png');
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 50% 30vh;
	
}

#menu-hoofdmenu {
	list-style: none;
	padding: 0;
	margin: 0;
}

#menu-hoofdmenu li {
	display: inline;
}

#menu-hoofdmenu li:not(:nth-last-child(-n+2)) {
	padding-right: 25px;
}

#menu-hoofdmenu li a {
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: 1px 1px 2px black;
}

#menu-hoofdmenu li:not(:nth-last-child(-n+2))::after {
	content: " | ";
	color: #fff;
	padding-left: 25px;
}

.bg-image {
	height: 500px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}

.site-footer {
	color: #fff;
}

.form-control {
	border-radius: 0px;
}

.btn {
	border-radius: 0px;
	padding-top: 10px;
	line-height: 20px;
}

.btn-primary {
	background-color: #2b2b46;
	border: 1px solid #fff;
	font-weight: bold;
	font-style: italic;
	font-size: 24px;
}

.btn-primary:hover {
	background-color: #f2e600;
	border-color: #f2e600;
	color: #2b2b46;
}

.swiper-button-prev, .swiper-button-next {
	background-color: #2b2b46 !important;
	color: #fff !important;
	height: 60px;
	width: 60px;
}

.swiper-button-next {
	right: -70px;
}

.swiper-button-prev {
	left: -70px;
}

.swiper-button-prev, .swiper-button-next {
	border-radius: 50%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
}

.swiper-button-next::after, .swiper-button-prev::after {
	font-size: 12px;
}

footer h3 {
	font-weight: bold;
	font-size: 18px;
}

footer a {
	color: #fff;
}