/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

@media only screen and (min-width: 641px) {
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
    width: calc(100% - 8px)!important;
}
}

#slide-out-widget-area {background-color: #dbbebd!important;}

body[data-footer-reveal="1"] #ajax-content-wrap, body[data-footer-reveal="1"] #ajax-content-wrap > .blurred-wrap {overflow: initial;}



body h1 {font-family: Merriweather!important;}
html body .row .col.section-title h1 {font-family: Merriweather!important;}
body #header-secondary-outer nav >ul >li >a {font-size: 14px;}

h1.hero-header {display: inline-block; background: #d4abab; bottom: 0px!important; position: absolute; padding: 20px;}
h1.subpaginas{text-align: center; font-size: 32px;  font-family: Nunito!important;}

p.homezin a {color: #ffffff;}

body h2 {line-height: 36px!important;}

a.nectar-button span {text-transform: none!important;}

div.vc_wp_custommenu.wpb_content_element.submenu li {display: inline-block; padding: 0 8px;}
/* subnav */
div.widget.widget_nav_menu {
	    display: block;
    margin: 0 auto;
    position: relative;
    max-width: 100%;
    text-align: center;
}

#header-secondary-outer #social {
    float: right;
}

#header-secondary-outer {
    background-color: #d4aaab;
	color: #ffffff;
}
#header-secondary-outer nav ul li a{
	color: #ffffff;
}
div.verbergen {display: none!important;}

#footer-outer #copyright a, #footer-outer, #footer-outer a:not(.nectar-button) {color: #555555!important;}


/* ==========================================================================
   Locaties: Haarlem & Santpoort-Noord
   ========================================================================== */
:root {
	--luna-haarlem: #7DA785;        /* saliegroen (accent) */
	--luna-haarlem-donker: #4C7555; /* voor tekst en knoppen: contrast met wit 5,27, met lichte tint 4,57 */
	--luna-haarlem-licht: #E8F1EA;
	--luna-santpoort: #C97577;      /* oudroze (accent) */
	--luna-santpoort-donker: #9E5356; /* voor tekst en knoppen: contrast met wit 5,49, met lichte tint 4,78 */
	--luna-santpoort-licht: #F6EDEE;  /* lichte Luna-roze (zelfde als boog homepage) */
}
.luna-loc--haarlem { --luna-loc: var(--luna-haarlem-donker); --luna-loc-accent: var(--luna-haarlem); --luna-loc-licht: var(--luna-haarlem-licht); }
.luna-loc--santpoort-noord { --luna-loc: var(--luna-santpoort-donker); --luna-loc-accent: var(--luna-santpoort); --luna-loc-licht: var(--luna-santpoort-licht); }

/* menu: gekleurd bolletje per locatie */
#header-outer .luna-menu-loc > a .menu-title-text::before,
#slide-out-widget-area .luna-menu-loc > a::before {
	content: ""; display: inline-block; width: 10px; height: 10px; margin-right: 8px;
	border-radius: 50%; background: var(--luna-loc-menu); vertical-align: middle;
}
.luna-menu-loc--haarlem { --luna-loc-menu: var(--luna-haarlem); --luna-loc-menu-donker: var(--luna-haarlem-donker); }
.luna-menu-loc--santpoort-noord { --luna-loc-menu: var(--luna-santpoort); --luna-loc-menu-donker: var(--luna-santpoort-donker); }
#header-outer .luna-menu-loc--haarlem > a:hover { color: var(--luna-haarlem-donker) !important; }
#header-outer .luna-menu-loc--santpoort-noord > a:hover { color: var(--luna-santpoort-donker) !important; }

/* hero */
/* achtergrond hero/team/CTA via bg_color van de WPBakery-rij */
.luna-loc-hero .luna-loc-label {
	display: inline-block; padding: 4px 14px; border-radius: 20px; margin-bottom: 16px;
	background: var(--luna-loc); color: #fff; font-size: 13px; letter-spacing: .08em; text-transform: uppercase;
}
.luna-loc-hero h1.luna-loc-titel { color: var(--luna-loc); font-size: 44px; line-height: 1.2; }
.luna-loc-hero .luna-loc-adres { font-size: 18px; margin-bottom: 24px; }
.luna-loc-hero .nectar-button { margin-right: 12px; }
@media only screen and (max-width: 999px) {
	.luna-loc-hero h1.luna-loc-titel { font-size: 32px; }
	.luna-loc-hero-tekst { margin-bottom: 30px !important; }
}

/* intro + contactkaart */
.luna-loc-intro h2 { color: var(--luna-loc); }
.luna-loc-contact {
	background: #fff; border-top: 5px solid var(--luna-loc-accent); border-radius: 10px;
	padding: 28px; box-shadow: 0 6px 24px rgba(0,0,0,.06);
}
.luna-loc-contact h3 { color: var(--luna-loc); }
.luna-loc-contact a { color: var(--luna-loc) !important; }
.luna-loc-spoed { background: var(--luna-loc-licht); padding: 12px 14px; border-radius: 6px; }

/* team */
.luna-sectie-titel { text-align: center; }
.luna-loc-team .luna-sectie-titel { color: var(--luna-loc); }
.luna-team-kaart .img-with-aniamtion-wrap img { aspect-ratio: 3 / 4; object-fit: cover; width: 100%; }
.luna-team-naam { margin: 14px 0 2px; }
.luna-team-rol { color: #777; font-size: 15px; }
.luna-team-meer {
	background: var(--luna-loc-licht); border-radius: 10px; padding: 30px;
}
.luna-team-meer h4 { color: var(--luna-loc); }

/* afsluitende CTA */
.luna-loc-cta h2, .luna-loc-cta p, .luna-loc-cta p a { color: #fff !important; }
.luna-loc-cta p a { text-decoration: underline; }
.luna-loc-cta .nectar-button.luna-btn-wit,
.luna-loc-cta .nectar-button[style*="#ffffff"] { color: var(--luna-loc) !important; }

/* homepage-kaarten */
.luna-loc-kaart .luna-loc-kaart-titel { margin-top: 18px; }
.luna-loc-kaart .luna-loc-kaart-titel a { color: var(--luna-loc) !important; }
.luna-loc-kaart .luna-loc-kaart-titel::before {
	content: ""; display: inline-block; width: 12px; height: 12px; margin-right: 10px;
	border-radius: 50%; background: var(--luna-loc-accent); vertical-align: middle;
}
.luna-loc-kaart .img-with-aniamtion-wrap img { aspect-ratio: 3 / 2; object-fit: cover; width: 100%; }
@media only screen and (max-width: 690px) {
	.luna-loc-kaart { margin-bottom: 40px !important; }
}
.luna-loc-intro a { color: var(--luna-loc) !important; text-decoration: underline; }

/* actieve locatie in het submenu in de eigen locatiekleur */
#header-outer #top nav > ul > li .sub-menu li.luna-menu-loc.current-menu-item > a,
#header-outer #top nav > ul > li .sub-menu li.luna-menu-loc > a:hover {
	background-color: var(--luna-loc-menu-donker) !important; color: #fff !important;
}
#header-outer #top nav .sub-menu li.luna-menu-loc.current-menu-item > a .menu-title-text::before,
#header-outer #top nav .sub-menu li.luna-menu-loc > a:hover .menu-title-text::before { background: #fff; }

/* contactpagina's per locatie */
.luna-contact-info h3, .luna-contact-form h3 { color: var(--luna-loc); }
.luna-contact-info a { color: var(--luna-loc) !important; }
.luna-contact-form { background: #fff; border-top: 5px solid var(--luna-loc-accent); border-radius: 10px; padding: 28px; box-shadow: 0 6px 24px rgba(0,0,0,.06); }
.luna-contact-form .gform_wrapper .gform_footer input[type="submit"] { background-color: var(--luna-loc) !important; }
.luna-contact-algemeen .luna-spoed-algemeen { background: #f3e6e5; padding: 12px 14px; border-radius: 6px; }

/* ==========================================================================
   Knoppen: overal hetzelfde formaat (ook jumbo/medium uit de editor en het formulier)
   ========================================================================== */
#ajax-content-wrap a.nectar-button,
#ajax-content-wrap a.nectar-button.small,
#ajax-content-wrap a.nectar-button.medium,
#ajax-content-wrap a.nectar-button.large,
#ajax-content-wrap a.nectar-button.jumbo,
#ajax-content-wrap .gform_wrapper .gform_footer input[type="submit"],
#ajax-content-wrap .gform_wrapper .gform_footer button {
	font-size: 15px !important;
	line-height: 22px !important;
	padding: 16px 32px !important;
	min-height: 0 !important;
	box-sizing: border-box;
	border-radius: 6px !important;
}
#ajax-content-wrap a.nectar-button span { font-size: inherit !important; line-height: inherit !important; }
#ajax-content-wrap a.nectar-button { margin: 0 14px 14px 0; }
#ajax-content-wrap .centered-text a.nectar-button,
#ajax-content-wrap .luna-loc-cta a.nectar-button { margin-left: 7px; margin-right: 7px; }
/* ruimte tussen tekst en de knoppen eronder */
#ajax-content-wrap .wpb_text_column ~ a.nectar-button,
#ajax-content-wrap .img-with-aniamtion-wrap ~ a.nectar-button { margin-top: 28px; }
#ajax-content-wrap .gform_wrapper .gform_footer { margin-top: 28px; padding-top: 0; }

/* ==========================================================================
   Ruimere opzet locatie- en contactpagina's
   ========================================================================== */
#ajax-content-wrap .luna-loc-hero { padding-top: 90px !important; padding-bottom: 90px !important; }
.luna-loc-hero .luna-loc-label { margin-bottom: 22px; }
.luna-loc-hero h1.luna-loc-titel { margin-bottom: 20px; }
.luna-loc-hero .luna-loc-adres { line-height: 1.75; padding-bottom: 0; margin-bottom: 0; }
@media only screen and (max-width: 999px) {
	#ajax-content-wrap .luna-loc-hero { padding-top: 60px !important; padding-bottom: 60px !important; }
	.luna-loc-hero-tekst { margin-bottom: 40px !important; }
}

/* intro + contactkaart */
.luna-loc-intro h2, .luna-loc-intro h3 { margin-bottom: 20px; }
.luna-loc-intro p { padding-bottom: 22px; }
.luna-loc-contact, .luna-contact-form { padding: 40px 36px; }
.luna-loc-contact h3, .luna-contact-form h3 { margin-bottom: 20px; }
.luna-loc-contact p, .luna-contact-form p { padding-bottom: 20px; }
.luna-loc-spoed, .luna-contact-algemeen .luna-spoed-algemeen { padding: 18px 20px !important; margin: 8px 0 26px; line-height: 1.7; }
.luna-contact-info h3 { margin-top: 44px; margin-bottom: 16px; }
.luna-contact-info h3:first-child { margin-top: 0; }
.luna-contact-info p { padding-bottom: 20px; }
.luna-contact-info ~ .nectar-google-map, .luna-loc-intro .nectar-google-map { margin-top: 20px; }
.luna-contact-form .gform_wrapper .gfield { margin-bottom: 22px; }
@media only screen and (max-width: 999px) {
	.luna-loc-intro { margin-bottom: 50px !important; }
	.luna-loc-contact, .luna-contact-form { padding: 30px 24px; }
}

/* team */
.luna-loc-team .luna-sectie-titel { margin-bottom: 30px; }
.luna-team-kaart { margin-bottom: 50px !important; }
.luna-team-naam { margin: 22px 0 6px; }
.luna-team-rol { line-height: 1.6; }
.luna-team-meer { padding: 40px 36px; }
.luna-team-meer h4 { margin-bottom: 14px; }

/* afsluitende CTA */
#ajax-content-wrap .luna-loc-cta { padding-top: 70px !important; padding-bottom: 70px !important; }
.luna-loc-cta h2 { margin-bottom: 18px; }
.luna-loc-cta p { line-height: 1.8; padding-bottom: 0; }

/* homepage- en overzichtskaarten */
.luna-home-locaties .luna-sectie-titel { margin-bottom: 16px; }
.luna-loc-kaart .luna-loc-kaart-titel { margin-top: 28px; margin-bottom: 12px; }
.luna-loc-kaart p { line-height: 1.75; padding-bottom: 0; }
.luna-contact-algemeen h3 { margin-top: 40px; margin-bottom: 16px; }
.luna-contact-algemeen h3:first-child { margin-top: 0; }
.luna-contact-algemeen p { padding-bottom: 20px; }
/* omlijnde knop: rand (2px) compenseren zodat hij even hoog is */
#ajax-content-wrap a.nectar-button.see-through,
#ajax-content-wrap a.nectar-button.see-through-2,
#ajax-content-wrap a.nectar-button.see-through-extra-color-gradient-1 { padding: 14px 30px !important; }
/* kop "Onze locaties" dichter op de kaarten */
#ajax-content-wrap .luna-home-locaties:has(.luna-sectie-titel) { padding-top: 70px !important; padding-bottom: 30px !important; }

/* footer: beide locaties */
#footer-outer .luna-footer-adressen p { padding-bottom: 0; margin-bottom: 18px; line-height: 1.7; }
#footer-outer .luna-footer-adressen p:last-child { margin-bottom: 0; }
#footer-outer .luna-footer-loc strong { font-size: 1.05em; }