/*
Theme Name:  Salient Child Theme
Description: Child theme voor forwardmentor.nl
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author:      ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template:    salient
Version:     1.1
*/

/* ==========================================================================
   1. Utilities
   ========================================================================== */

/* Roboto wordt alleen geladen in 300/400/700; 600 (Salient-default voor strong)
   laat elke browser zelf gokken. Vastzetten op 700 = overal hetzelfde. */
strong, b { font-weight: 700; }

.gray-scale-img        { filter: grayscale(1) !important; }
.padding-left-removal  { padding-left: 0 !important; }
.padding-right-removal { padding-right: 0 !important; }

.w-100 {
	width: 100% !important;
	object-fit: cover !important;
}

.w-50 { width: 50% !important; }

.pos-ab-right-50 {
	position: absolute;
	top: 50%;
	right: 0;
}


/* ==========================================================================
   2. Componenten
   ========================================================================== */

/* Knoppen — 1-op-1 gelijk aan de footer-button "Maak een afspraak":
   outline-pill, 1px rand, 15px 22px, Roboto 300 16px.
   #ajax-content-wrap is nodig om Salient's dynamic styles
   (.regular-button.extra-color-3 … !important) te overrulen. */
#ajax-content-wrap a.nectar-button {
	display: inline-block;
	height: auto !important;
	padding: 15px 22px !important;
	font-family: Roboto, sans-serif !important;
	font-weight: 300 !important;
	font-size: 16px !important;
	line-height: 19px !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	color: #1d1d1b !important;              /* op lichte achtergrond */
	background-color: transparent !important;
	background-image: none !important;
	border: 1px solid currentColor !important;
	border-radius: 50px !important;
	box-shadow: none !important;
	transition: opacity .2s ease;
}

/* Witte variant: op donkere achtergrond / foto */
#ajax-content-wrap .light a.nectar-button,
#ajax-content-wrap a.nectar-button[data-color-override="#ffffff"],
#ajax-content-wrap a.nectar-button[data-color-override="#fff"] {
	color: #fff !important;
}

/* Salient-extra's uit: iconen, hover-fills, tekst-verschuiving */
#ajax-content-wrap a.nectar-button > span {
	padding: 0 !important;
	left: 0 !important;
	transform: none !important;
	color: inherit !important;
}

#ajax-content-wrap a.nectar-button i,
#ajax-content-wrap a.nectar-button::before,
#ajax-content-wrap a.nectar-button::after {
	display: none !important;
}

#ajax-content-wrap a.nectar-button:hover {
	opacity: .7;
	background-color: transparent !important;
}

/* Plans – 3 kolommen met gutter */
.plans-section.full-width-content.vc_row-fluid {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.plans-section.full-width-content.vc_row-fluid .column_container {
	margin-left: 10px !important;
	margin-right: 10px !important;
	width: calc(33.33% - 20px);
}

/* CTA – 2 beeldkolommen met gutter */
.cta-images-2col.full-width-content.vc_row-fluid .column_container {
	margin-left: 15px !important;
	margin-right: 0 !important;
	width: calc(50% - 15px);
	background-position: center center !important;
	background-size: cover !important;
}

.cta-images-2col.full-width-content.vc_row-fluid .column_container:first-child {
	margin-left: 0 !important;
	margin-right: 15px !important;
}

/* CTA – 3 kolommen met gutter */
.cols-3-cta.full-width-content.vc_row-fluid {
	padding-left: 7.5px !important;
	padding-right: 7.5px !important;
}

.cols-3-cta.full-width-content.vc_row-fluid .wpb_column {
	margin-left: 7.5px !important;
	margin-right: 7.5px !important;
	width: calc(33.33% - 15px);
}

/* Logo-carousel */
.logo-carousel .owl-carousel.owl-theme .owl-item { cursor: default !important; }

.logo-carousel .owl-item {
	display: flex;
	align-items: center;
	justify-content: center;
}

.logo-carousel .owl-item img {
	max-height: 100px;
	width: auto;
	filter: grayscale(1);
	transition: filter .3s ease;
}

.logo-carousel .owl-item:hover img { filter: none; }

.carousel-item .inner {
	display: flex;
	align-items: center;
	height: 80px;
}

/* Hexagon-blokken (voorstelronde) */
.hexagon-content h3 { margin-bottom: 0; }

.hexagon-content h1 {
	margin-top: -10px;
	margin-bottom: 15px;
}

/* Twee afbeeldingen naast elkaar */
.side-by-side-image img {
	width: 50% !important;
	float: left !important;
}


/* ==========================================================================
   3. Tablet (≤ 1024px)
   ========================================================================== */

@media only screen and (max-width: 1024px) {

	/* Gutter-kolommen stapelen */
	.plans-section.full-width-content.vc_row-fluid .column_container,
	.cta-images-2col.full-width-content.vc_row-fluid .column_container,
	.cta-images-2col.full-width-content.vc_row-fluid .column_container:first-child,
	.cols-3-cta.full-width-content.vc_row-fluid .wpb_column {
		width: calc(100% - 20px) !important;
		margin: 10px !important;
	}

	.mob-only-padding-banner {
		padding-top: 30% !important;
		padding-bottom: 30% !important;
	}
}


/*
 * FIX: in Salient → Custom CSS (en in de pagina-CSS van Voorstelronde) staat
 * .container-wrap { margin-top: -93px !important; } ≤ 1000px.
 * Dat trekt alle content onder de sticky header. Liefst daar weghalen;
 * deze regel neutraliseert het als vangnet.
 */
@media only screen and (max-width: 1000px) {
	body .container-wrap { margin-top: 0 !important; }
}


/* ==========================================================================
   4. Mobiel (≤ 767px)
   ========================================================================== */

@media only screen and (max-width: 767px) {

	/* ---------- 4.1 Layout-basis ---------- */

	.container.main-content {
		width: 100% !important;
		max-width: 100% !important;
	}

	/*
	 * FIX: Salient trekt full-width rijen uit de container met
	 * left: 50% + een negatieve margin-left. We zetten de margin op 0,
	 * dus left moet ook terug naar 0 — anders schuift de rij 50% naar rechts.
	 */
	.full-width-content { margin-left: 0 !important; }

	.wpb_row.full-width-content,
	.wpb_row.full-width-section {
		left: 0 !important;
		margin-left: 0 !important;
		width: 100% !important;
	}

	body .vc_row-fluid .wpb_column { margin-bottom: 0 !important; }

	body .row .col p {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	/* ---------- 4.2 Mobiele utility-classes ---------- */

	.remove-pad-top-mob { padding-top: 0 !important; }

	body .mob-left-right-padd-15,
	.remove-pad-leftright-mob {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	body .mob-left-right-15 {
		margin-left: 15px !important;
		margin-right: 15px !important;
		width: calc(100% - 30px) !important;
	}

	.mob-height-380 { height: 380px; }

	.mob-aspect-ratio-250 {
		aspect-ratio: 1 / 1;
		margin-bottom: 30px;
	}

	.full-width-content.vc_row-fluid .vc_col-sm-6.min-height-400-mob { height: 400px !important; }
	body .min-height-400-mob .nectar-button.medium { margin-top: 200px; }

	.fix-title-to-left-mob {
		width: 100%;
		font-size: 25.5px !important;
		text-align: center !important;
	}

	.custom-pieter-position      { margin-top: 0 !important; }
	.custom-padding-mob-for-img  { padding: 50px 0 !important; }

	/* ---------- 4.3 Componenten ---------- */

	.col.dark .nectar-button.see-through {
		margin-left: 0 !important;
		text-align: center;
	}

	.nectar-google-map { max-height: 425px !important; }

	.using-mobile-browser .divider-small-border[data-animate="yes"] {
		margin: 30px auto !important;
	}

	/* CTA 2 kolommen: tekst in de rechterhelft */
	.cta-images-2col .dark h2 {
		margin-top: 20px !important;
		margin-bottom: 20px !important;
		margin-left: 30px !important;
	}

	.cta-images-2col .dark h4 {
		width: 50%;
		margin-left: 50% !important;
		margin-right: 30px !important;
		margin-bottom: 200px !important;
	}

	body.home .cta-images-2col .dark h2 {
		width: 50%;
		margin-left: 50% !important;
	}

	/* Uitleg-blok (momentum) */
	.utileg-mobile-adj h2,
	.utileg-mobile-adj h3 { margin-left: 0 !important; }

	.utileg-mobile-adj h2    { margin-top: -65px !important; }
	.utileg-mobile-adj h2 br { display: none; }
	.utileg-mobile-adj h3    { margin-bottom: 65px !important; }

	.utileg-mobile-adj .pos-ab-right-50 { position: static !important; }

	.utileg-mobile-adj .using-image { position: relative; }

	.utileg-mobile-adj .using-image::after {
		content: '';
		position: absolute;
		inset: 0;
		background: rgba(0, 0, 0, .5);
	}

	/* ---------- 4.4 Per pagina ---------- */

	/* Home */
	body.home .main-banner {
		margin-top: 0 !important;
		padding-top: 40px !important;
	}

	body.home .main-banner .nectar-button.see-through { margin-top: 30px !important; }

	body.home .logo-carousel {
		padding-top: 20px !important;
		margin-bottom: 0 !important;
	}

	body.home .full-width-section.parallax_section,
	body.page-id-1395 .plans-section.full-width-content.vc_row-fluid {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	/* Samenwerking (1395) */
	body.page-id-1395 .mob-height-380 h2 { margin-top: 60% !important; }

	/* Voorstelronde (1399) */
	body.page-id-1399 .vc_custom_1731493685960 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	body.page-id-1399 .cta-images-2col .dark h2 { font-size: 25.5px !important; }

	body.page-id-1399 .main-banner .using-image,
	body.page-id-1742 .main-banner .using-image {
		background-position: 50% 15% !important;
	}

	body.page-id-1399 .what-is-fm .remove-pad-leftright-mob { padding-top: 50px !important; }

	body.page-id-1399 .mobile-img-content h2 {
		position: relative;
		top: 150px;
	}

	body.page-id-1399 .mobile-img-content h4 {
		position: relative;
		top: 130px;
		left: 30px;
		margin-left: 0 !important;
	}

	body.page-id-1399 .nectar-button.has-icon,
	body.page-id-1399 .nectar-button.tilt.has-icon {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	/* Momentum (1407) */
	body.page-id-1407 .top-banner .row-bg { background-position: 50% 36% !important; }

	body.page-id-1407 .utileg-mobile-adj h2 {
		width: 50% !important;
		margin-top: -30px !important;
	}

	body.page-id-1407 .mobile-only-margin-top { margin-top: 30px; }

	/* Case (1742) */
	body.page-id-1742 .vc_custom_1729770533890 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.vc_custom_1730898702581.remove-margin-top-mobile {
		margin-top: -30px !important;
		margin-left: -30px !important;
	}

	.vc_custom_1730898702581.remove-margin-top-mobile br { display: none; }

	/* Uitleg (oud, uitleg-3) */
	.container.main-content .vc_custom_1518389421289 { padding: 0 !important; }
}