/*
 * Main theme styles.
 *
 * Every .css file in assets/css/ is auto-enqueued on the front-end by
 * Theme::autoEnqueueStyles() (handle: theme-<filename>, version = filemtime).
 * Split styles across multiple files here as the project grows — no need to
 * register each one manually.
 *
 * Carried over from the old "van-heck" child theme (Impreza 4.5) where Impreza has no setting for it.
 */

/* Vertical rhythm of Impreza 4.5: WPBakery headings had the theme heading margin, the last list item and the
   last paragraph of a text block kept their margins */
.l-section .vc_custom_heading {
	margin-bottom: 1.5rem;
}
h1, h2, h3, h4, h5, h6 {
	padding-top: 1rem;
}
.wpb_text_column li:last-child {
	margin-bottom: 0.5rem;
}
.wpb_text_column + .wpb_text_column {
	margin-top: 1.5rem;
}

/* Treatment page heroes ("header-row" rows with only a background image) */
.l-section.header-row {
	height: 850px;
}

/* Text boxes over a background image on the home page */
.blue-box > .vc_column-inner {
	background-color: rgba(9, 59, 134, 0.8);
	padding-top: 35px !important;
	padding-bottom: 35px !important;
}
.white-box > .vc_column-inner {
	background-color: rgba(255, 255, 255, 0.8);
	padding-top: 35px !important;
	padding-bottom: 35px !important;
}

#treatments ul li {
	margin: 0 0 1px;
}

/* Treatment tiles (replaces Essential Grid "behandelingen") */
.vh-tile .post_image {
	position: relative;
}
.vh-tile .post_image::after {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(255, 255, 255, 0.75) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23404650' stroke-width='1.5'%3E%3Cpath d='M9 4l8 8-8 8'/%3E%3C/svg%3E") center / 40px no-repeat;
	opacity: 0;
	transition: opacity 0.4s linear;
	pointer-events: none;
}
.vh-tile:hover .post_image::after {
	opacity: 1;
}

/* Contact form 7 */
.wpcf7 input[type="submit"] {
	width: 100%;
	border-radius: 0;
}

/* Tables (opening hours) */
td {
	padding: 0 !important;
	border: 0;
}

/* Footer */
.l-footer .color_footer-top .w-image img {
	width: 100%;
}
.l-footer .widget_nav_menu li {
	position: relative;
	margin-bottom: 8px;
	padding-left: 20px;
}
.l-footer .widget_nav_menu li::before {
	content: '';
	position: absolute;
	top: 6px;
	left: 0;
	width: 8px;
	height: 12px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 12' fill='none' stroke='%23ffffff' stroke-opacity='0.7' stroke-width='1.3'%3E%3Cpath d='M1.5 1l5 5-5 5'/%3E%3C/svg%3E") center / contain no-repeat;
}
.footer-socials .w-socials-item-link {
	background: #ffffff !important;
	color: #093b86 !important;
}
.keurmerk img {
	width: 65px !important;
	height: 65px !important;
}
.l-footer .color_footer-bottom a {
	color: #ffffff;
}

/* Native-looking acceptance checkbox, as on the old site */
.wpcf7 input[type="checkbox"] {
	border-color: #767676;
	border-radius: 2px;
	vertical-align: middle;
}

/* Header on smaller screens (from the old child theme) */
@media screen and (max-width: 1150px) {
	.l-header .ush_btn_1 {
		margin-left: 0 !important;
		padding-left: 1em;
		padding-right: 1em;
	}
	.l-header .ush_btn_1 .w-btn-label {
		font-size: 12px;
	}
	.header_hor .l-header .ush_menu_1.type_desktop .w-nav-list.level_1 > .menu-item > a {
		padding-left: 15px;
		padding-right: 15px;
	}
}

/* Home slider arrows as large as the old Slider Revolution ones */
.w-slider .rsArrow {
	font-size: 40px;
}