/*
Theme Name: JCW HMD
Text Domain: jcw-hmd
Version: 1.0.10
Author: Just Code Works
Description: HMD WordPress theme converted from exported static pages.
*/

.page-template-page-contact .hmd-contact-form-shell .form-grid, .page-id-15 .hmd-contact-form-shell .form-grid {
    padding: 20px;
    gap: 20px 22px;
}

body.jcw-embed-preview .hero-slide {
	min-height: 0;
	height: 100%;
}

body.jcw-embed-preview .hero-bg,
body.jcw-embed-preview .hero-overlay,
body.jcw-embed-preview .hero-content {
	height: 100%;
}

.jcw-featured-diensten {
	padding: 80px 0 50px;
}

.jcw-featured-diensten__card {
	height: 100%;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	background: #fff;
}

.jcw-featured-diensten__media {
	display: block;
	background: #f5f5f5;
}

.jcw-featured-diensten__image,
.jcw-featured-diensten__placeholder {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
}

.jcw-featured-diensten__placeholder {
	background: linear-gradient(135deg, #f3f3f3 0%, #e4e4e4 100%);
}

.jcw-featured-diensten__body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	padding: 24px;
}

.jcw-featured-diensten__body .mt-tilte a {
	color: inherit;
}

.jcw-featured-diensten__excerpt {
	margin-bottom: 16px;
	color: #5f5f5f;
}

.jcw-featured-diensten__body .site-button-link {
	margin-top: auto;
}

@media (max-width: 991px) {
	.jcw-featured-diensten {
		padding: 60px 0 30px;
	}
}

.jcw-hmd-utility-bar {
	background: #050505;
	color: #f5f5f5;
}

.jcw-hmd-utility-bar .container {
	min-height: 44px;
	display: flex;
	align-items: center;
}

.jcw-hmd-utility-bar__grid {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	align-items: center;
	column-gap: 24px;
	row-gap: 8px;
}

.jcw-hmd-utility-bar__slot {
	min-width: 0;
}

.jcw-hmd-utility-bar__item {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	min-width: 0;
	max-width: 100%;
	font-size: 14px;
	line-height: 1.3;
}

.jcw-hmd-utility-bar__icon,
.jcw-hmd-utility-bar__label {
	color: #7ac143;
	flex: 0 0 auto;
}

.jcw-hmd-utility-bar__label {
	font-weight: 700;
}

.jcw-hmd-utility-bar__link {
	color: #f5f5f5;
	min-width: 0;
	overflow-wrap: anywhere;
}

.jcw-hmd-utility-bar__link:hover,
.jcw-hmd-utility-bar__link:focus {
	color: #7ac143;
}

@media (max-width: 991px) {
	.jcw-hmd-utility-bar .container {
		min-height: 0;
		padding-top: 8px;
		padding-bottom: 8px;
	}

	.jcw-hmd-utility-bar__grid {
		grid-template-columns: 1fr;
		row-gap: 0;
	}

	.jcw-hmd-utility-bar__item {
		display: flex;
		font-size: 13px;
	}
}

@media (min-width: 992px) {
	.header-style-2 .header-middle .container {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr);
		align-items: center;
		column-gap: 36px;
	}

	.header-style-2 .header-info {
		width: 100%;
		min-width: 0;
	}

	.header-style-2 .header-info > ul.jcw-hmd-header-shortcuts {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		gap: 18px 22px;
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}

	.header-style-2 .header-info > ul.jcw-hmd-header-shortcuts li {
		display: flex;
		align-items: center;
		padding: 8px 0;
		min-width: 0;
	}

	.header-style-2 .jcw-hmd-header-card {
		flex: 0 1 230px;
	}

	.header-style-2 .jcw-hmd-header-card .icon-sm {
		flex: 0 0 auto;
		margin-right: 14px;
	}

	.header-style-2 .jcw-hmd-header-card .icon-content {
		min-width: 0;
	}

	.header-style-2 .jcw-hmd-header-card__value {
		display: block;
		overflow-wrap: anywhere;
	}

	.header-style-2 .header-info > ul.jcw-hmd-header-shortcuts li.btn-col-last {
		flex: 0 0 auto;
		padding-left: 4px;
	}

	.header-style-2 .jcw-hmd-header-cta {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 46px;
		padding: 12px 28px;
		max-width: 300px;
		font-size: 15px;
		line-height: 1.2;
		text-align: center;
		white-space: normal;
	}
}