/*
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
*/

/* ---- Craft difficulty badges + label ------------------------------------ */
.nectar-post-grid-item .meta-category .craft-level-badge {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 6px;
	padding: 4px 11px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
	line-height: 1.5;
	color: #fff;
	box-shadow: 0 1px 4px rgba(0,0,0,.25);
}
.craft-level-badge.craft-level-simple       { background: #2e9e5b; }
.craft-level-badge.craft-level-intermediate { background: #e08a1e; }
.craft-level-badge.craft-level-difficult    { background: #c43d3d; }

.craft-level-label {
	display: inline-block;
	margin-top: 14px;
}
.craft-level-label span {
	display: inline-block;
	padding: 5px 14px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: #fff;
}
.craft-level-label.craft-level-simple span       { background: #2e9e5b; }
.craft-level-label.craft-level-intermediate span { background: #e08a1e; }
.craft-level-label.craft-level-difficult span    { background: #c43d3d; }

/* ---- Hoofdmenu compacter (centered-logo layout, alleen desktop) ---------- */
@media only screen and (min-width: 1000px) {
	#header-outer #top nav ul.sf-menu:not(.buttons) > li > a {
		padding-left: 12px !important;
		padding-right: 12px !important;
		letter-spacing: 0 !important;
		white-space: nowrap;
	}
}

/* ---- Afgeschermde Events/News-pagina: login-kaart ingebed ---------------- */
body.page-id-668 .urcr-access-card,
body.page-id-663 .urcr-access-card {
	margin-top: 170px !important;
	margin-bottom: 90px !important;
}

/* ---- "Start your own chapter"-knop even groot als de menu/Log Out-tekst --- */
body.page-id-708 .nectar-button.large {
	font-size: 1.4rem !important;
}

/* ---- Submit (UR-form) + Sign up (login-kaart) in de "Join Us"-stijl ------- */
.ur-submit-button,
.urcr-access-card .urcr-signup-link {
	background-color: #4b5640 !important;
	color: #ffffff !important;
	font-size: 1.4rem !important;
}
.ur-submit-button:hover,
.urcr-access-card .urcr-signup-link:hover {
	background-color: #3d4634 !important;
	color: #ffffff !important;
}

/* ---- Craft-detail: dubbele niveau-weergave weg ---------------------------- */
body.single-portfolio ul.project-attrs {
	display: none !important;
}

/* ---- Craft-detail: featured image uniform formaat ------------------------ */
/* Originelen verschillen sterk (liggend, staand, klein). We tonen ze allemaal
   in hetzelfde ruime kader (zelfde breedte + hoogte) met object-fit: cover,
   zodat elke craftfoto even groot en prominent staat. */
body.single-portfolio .post-area img.wp-post-image {
	display: block !important;
	width: 100% !important;
	max-width: 820px !important;
	height: 540px !important;
	object-fit: cover !important;
	object-position: center !important;
	margin: 0 auto 30px !important;
	border-radius: 6px;
}
@media only screen and (max-width: 690px) {
	body.single-portfolio .post-area img.wp-post-image {
		height: 320px !important;
	}
}

/* ---- Login-gate fade-teaser (craft- + event-detail, uitgelogd) ----------- */
.tcx-gate { position: relative; }
.tcx-gate__teaser {
	position: relative;
	max-height: 6em;
	overflow: hidden;
}
.tcx-gate__teaser::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 4.5em;
	background: linear-gradient(to bottom, rgba(250,244,230,0) 0%, #faf4e6 90%);
	pointer-events: none;
}
.tcx-gate__cta {
	text-align: center;
	margin-top: 18px;
}
.tcx-gate__cta h3 { margin: 0 0 6px; }
.tcx-gate__cta p { margin: 0 auto 18px; max-width: 420px; color: #6b6b6b; }
.tcx-gate__btn {
	display: inline-block;
	margin: 0 6px;
	padding: 12px 30px;
	border-radius: 4px;
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
}
.tcx-gate__btn--login {
	background: transparent;
	color: #4b5640;
	text-decoration: underline;
}
.tcx-gate__btn--signup {
	background: #4b5640;
	color: #ffffff;
}
.tcx-gate__btn--signup:hover { background: #3d4634; color: #ffffff; }

/* Fade-gradient boven WPBakery-lagen tonen (bv. event-detail met vc_row) */
.tcx-gate__teaser { z-index: 0; }
.tcx-gate__teaser::after { z-index: 10; }

/* ---- Start Your Own Chapter: ronde ledenportretten ----------------------- */
.tcx-portrait {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	object-fit: cover;
	display: block;
	margin: 0 auto 14px;
}

/* ---- Start Your Own Chapter: knoppen, feature-kaarten, portretten -------- */
body.page-id-707 .nectar-button.large { font-size: 1.4rem !important; }

.tcx-feature {
	background: #ffffff;
	border-radius: 12px;
	padding: 30px 26px;
	box-shadow: 0 4px 18px rgba(0,0,0,.06);
	height: 100%;
}
.tcx-feature h3 {
	display: table;
	margin: 0 auto 18px;
	padding: 8px 22px;
	background: #4b5640;
	color: #ffffff;
	border-radius: 8px;
	font-size: 1.7rem;
	line-height: 1.25;
}

.tcx-portrait {
	width: 170px !important;
	height: 170px !important;
	border-radius: 50%;
	object-fit: cover;
	display: block;
	margin: 0 auto 14px;
}

/* ---- Dropdown / submenu in thema-stijl ----------------------------------- */
#header-outer #top nav .sf-menu ul.sub-menu {
	background-color: #faf4e6 !important;
	border: 1px solid rgba(75,86,64,0.14);
	border-radius: 10px;
	box-shadow: 0 14px 34px rgba(40,32,16,0.14);
	padding: 8px 0 !important;
	margin-top: 6px;
	overflow: hidden;
}
#header-outer #top nav .sf-menu ul.sub-menu li {
	border: none !important;
	background: transparent !important;
}
#header-outer #top nav .sf-menu ul.sub-menu li a {
	color: #4e4e4e !important;
	background: transparent !important;
	font-size: 1.15rem !important;
	letter-spacing: 0 !important;
	padding: 10px 24px !important;
	line-height: 1.4 !important;
	transition: background-color .2s ease, color .2s ease;
}
#header-outer #top nav .sf-menu ul.sub-menu li a:hover {
	color: #4b5640 !important;
	background-color: rgba(75,86,64,0.08) !important;
}
/* kleine punt/caret van de dropdown in dezelfde crème-kleur */
#header-outer #top nav .sf-menu ul.sub-menu:before {
	border-bottom-color: #faf4e6 !important;
}

/* Dropdown-item hover: witte tekst op volle groene achtergrond (leesbaar) */
#header-outer #top nav .sf-menu ul.sub-menu li a:hover {
	color: #ffffff !important;
	background-color: #4b5640 !important;
}

/* ---- Our Chapters: overzicht-grid ---------------------------------------- */
.tcx-chapters-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	margin: 10px 0 20px;
}
@media (max-width: 999px) { .tcx-chapters-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 690px) { .tcx-chapters-grid { grid-template-columns: 1fr; } }
.tcx-chapter-card {
	background: #ffffff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 18px rgba(40,32,16,0.08);
	display: flex;
	flex-direction: column;
	text-align: left;
}
.tcx-chapter-card__media img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	display: block;
}
.tcx-chapter-card__body { padding: 22px 24px 26px; }
.tcx-chapter-status {
	display: inline-block;
	background: #e08a1e;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
	padding: 3px 11px;
	border-radius: 999px;
	margin-bottom: 10px;
}
.tcx-chapter-card__title { margin: 0 0 4px; }
.tcx-chapter-card__city { margin: 0 0 10px; color: #4b5640; font-weight: 600; }
.tcx-chapter-card__excerpt { margin: 0 0 12px; color: #6b6b6b; }
.tcx-chapter-card__founder { margin: 0; font-size: .9rem; color: #999; }

/* Knop-fontgrootte ook op de Our Chapters-pagina gelijktrekken */
body.page-id-741 .nectar-button.large { font-size: 1.4rem !important; }

/* Chapter-kaart klikbaar */
a.tcx-chapter-card { text-decoration: none !important; color: inherit; transition: transform .2s ease, box-shadow .2s ease; }
a.tcx-chapter-card * { text-decoration: none !important; }
a.tcx-chapter-card:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(40,32,16,0.16); }
a.tcx-chapter-card .tcx-chapter-card__title { color: #1a1a1a; transition: color .2s ease; }
a.tcx-chapter-card:hover .tcx-chapter-card__title { color: #4b5640; }

/* ---- Submit a Craft form: blauw -> groen (Gravity Forms orbital) --------- */
#gform_wrapper_1 {
	--gf-color-primary: #4b5640 !important;
	--gf-color-primary-rgb: 75,86,64 !important;
	--gf-color-primary-contrast: #ffffff !important;
	--gf-color-primary-contrast-rgb: 255,255,255 !important;
	--gf-color-primary-darker: #3d4634 !important;
	--gf-color-primary-lighter: #5c6a4f !important;
}
#gform_wrapper_1 .gform_button,
#gform_wrapper_1 input[type=submit] {
	background-color: #4b5640 !important;
	border-color: #4b5640 !important;
	color: #ffffff !important;
}
#gform_wrapper_1 .gform_button:hover,
#gform_wrapper_1 input[type=submit]:hover {
	background-color: #3d4634 !important;
	border-color: #3d4634 !important;
}
#gform_wrapper_1 .gfield input:focus,
#gform_wrapper_1 .gfield textarea:focus,
#gform_wrapper_1 .gfield select:focus {
	border-color: #4b5640 !important;
	box-shadow: 0 0 0 2px rgba(75,86,64,0.25) !important;
	outline-color: #4b5640 !important;
}

/* Submit a Craft: GF orbital hoofd-primary overal groen (exact GF-selectors) */
#gform_wrapper_1[data-form-index="0"].gform-theme,
[data-parent-form="1_0"] {
	--gf-color-primary: #4b5640 !important;
	--gf-color-primary-rgb: 75,86,64 !important;
	--gf-color-primary-darker: #3d4634 !important;
	--gf-color-primary-lighter: #5c6a4f !important;
	--gf-color-primary-contrast: #ffffff !important;
	--gf-color-primary-contrast-rgb: 255,255,255 !important;
}

/* Start a Chapter form (id 3): blauw -> groen */
#gform_wrapper_3[data-form-index="0"].gform-theme,
[data-parent-form="3_0"] {
	--gf-color-primary: #4b5640 !important;
	--gf-color-primary-rgb: 75,86,64 !important;
	--gf-color-primary-darker: #3d4634 !important;
	--gf-color-primary-lighter: #5c6a4f !important;
	--gf-color-primary-contrast: #ffffff !important;
	--gf-color-primary-contrast-rgb: 255,255,255 !important;
}
#gform_wrapper_3 .gform_button, #gform_wrapper_3 input[type=submit] {
	background-color: #4b5640 !important; border-color: #4b5640 !important; color: #fff !important;
}
#gform_wrapper_3 .gform_button:hover, #gform_wrapper_3 input[type=submit]:hover {
	background-color: #3d4634 !important; border-color: #3d4634 !important;
}
#gform_wrapper_3 .gfield input:focus, #gform_wrapper_3 .gfield textarea:focus, #gform_wrapper_3 .gfield select:focus {
	border-color: #4b5640 !important; box-shadow: 0 0 0 2px rgba(75,86,64,0.25) !important; outline-color: #4b5640 !important;
}

/* Anker-offset voor de vaste header */
.tcx-anchor { display: block; position: relative; scroll-margin-top: 120px; }

/* Start a Chapter form: velden links uitlijnen (i.p.v. gecentreerd door de sectie) */
#gform_wrapper_3,
#gform_wrapper_3 .gfield,
#gform_wrapper_3 .gfield_label,
#gform_wrapper_3 label,
#gform_wrapper_3 input,
#gform_wrapper_3 textarea,
#gform_wrapper_3 select,
#gform_wrapper_3 .ginput_container {
	text-align: left !important;
}

/* ---- My Account-pagina: blauw -> huisstijl-groen ------------------------- */
body.page-id-683,
body.page-id-683 .user-registration,
body.page-id-683 .ur-frontend-form,
body.page-id-683 .ur-my-account {
	--ur-primary-color: #4b5640 !important;
	--ur-primary-dark: #3d4634 !important;
	--ur-primary-light: #5c6a4f !important;
	--ur-button-background-normal-color: #4b5640 !important;
	--ur-button-background-hover-color: #3d4634 !important;
	--ur-button-text-normal-color: #ffffff !important;
	--ur-button-text-hover-color: #ffffff !important;
	--wp-admin-theme-color: #4b5640 !important;
}
/* actieve menu-tab / knop */
body.page-id-683 .ur-form-container .button.is-active,
body.page-id-683 .user-registration .button.is-active,
body.page-id-683 .user-registration .button.is-active:hover,
body.page-id-683 .user-registration .button.is-active:focus,
body.page-id-683 .user-registration .button.is-active:active,
body.page-id-683 .ur-my-account-tab.is-active,
body.page-id-683 .user-registration-MyAccount-navigation li.is-active a {
	background: #4b5640 !important;
	border-color: #4b5640 !important;
	color: #ffffff !important;
}
/* tekst-links */
body.page-id-683 .user-registration a:not(.button):not([class*="button"]) { color: #4b5640 !important; }
body.page-id-683 .user-registration a:not(.button):not([class*="button"]):hover { color: #3d4634 !important; }
/* input-focus + blauwe icoon-fills */
body.page-id-683 .user-registration input:focus,
body.page-id-683 .user-registration textarea:focus,
body.page-id-683 .user-registration select:focus {
	border-color: #4b5640 !important;
	box-shadow: 0 0 0 1px #4b5640 !important;
}
body.page-id-683 [fill="#475bb2"] { fill: #4b5640 !important; }

/* My Account "Save changes"-knop: zelfde fontgrootte + groen als andere knoppen */
body.page-id-683 .user-registration-Button.button-primary,
body.page-id-683 input[name="save_account_details"] {
	font-size: 1.4rem !important;
	background-color: #4b5640 !important;
	border-color: #4b5640 !important;
	color: #ffffff !important;
}
body.page-id-683 .user-registration-Button.button-primary:hover,
body.page-id-683 input[name="save_account_details"]:hover {
	background-color: #3d4634 !important;
	border-color: #3d4634 !important;
	color: #ffffff !important;
}

/* ---- Join Us: inlog-scherm voor bestaande leden -------------------------- */
.tcx-login-box {
	max-width: 520px;
	margin: 0 auto 40px;
	padding: 28px 30px;
	background: #ffffff;
	border-radius: 12px;
	box-shadow: 0 4px 18px rgba(40,32,16,0.08);
}
.tcx-login-box h3 { margin-top: 0; }
/* UR-elementen op de Join Us-pagina in huisstijl-groen */
body.page-id-706,
body.page-id-706 .user-registration,
body.page-id-706 .ur-frontend-form {
	--ur-primary-color: #4b5640 !important;
	--ur-primary-dark: #3d4634 !important;
	--ur-primary-light: #5c6a4f !important;
	--ur-button-background-normal-color: #4b5640 !important;
	--ur-button-background-hover-color: #3d4634 !important;
	--ur-button-text-normal-color: #ffffff !important;
	--ur-button-text-hover-color: #ffffff !important;
}
body.page-id-706 .user-registration a:not(.button):not([class*="button"]) { color: #4b5640 !important; }
body.page-id-706 [fill="#475bb2"] { fill: #4b5640 !important; }
body.page-id-706 .user-registration input:focus,
body.page-id-706 .user-registration textarea:focus,
body.page-id-706 .user-registration select:focus {
	border-color: #4b5640 !important; box-shadow: 0 0 0 1px #4b5640 !important;
}

/* ---- Join Us: login + registratie naast elkaar --------------------------- */
.tcx-join-flex {
	display: flex;
	gap: 34px;
	align-items: flex-start;
	flex-wrap: wrap;
}
.tcx-join-col {
	flex: 1 1 0;
	min-width: 280px;
	background: #ffffff;
	border-radius: 12px;
	padding: 30px 32px;
	box-shadow: 0 4px 18px rgba(40,32,16,0.08);
	box-sizing: border-box;
}
.tcx-join-col h3 { margin-top: 0; }
.tcx-join-flex--single { display: block; }
@media (max-width: 820px) {
	.tcx-join-flex { flex-direction: column; }
	.tcx-join-col { width: 100%; }
}

/* Join Us: enkel-kolom registratie + Log in-link */
.tcx-join-single { max-width: 640px; margin: 0 auto; }
.tcx-join-heading { margin-top: 0; }
.tcx-login-link {
	font-size: 1rem;
	font-weight: 600;
	color: #4b5640;
	margin-left: 12px;
	text-decoration: underline;
}
.tcx-login-link:hover { color: #3d4634; }


/* === Chapter hub (single chapter) === */
.tcx-chapter-hero{
	background:#4b5640;
	color:#faf4e6;
	padding:22px 28px;
	border-radius:6px;
	margin:0 0 30px;
}
.tcx-chapter-hero__meta{ font-size:1.1rem; line-height:1.5; }
.tcx-chapter-hero__loc{ font-weight:600; }
.tcx-chapter-hero__sep{ margin:0 10px; opacity:.55; }
.tcx-chapter-badge{
	display:inline-block;
	margin-top:14px;
	font-size:.78rem;
	letter-spacing:.05em;
	text-transform:uppercase;
	padding:4px 14px;
	border-radius:999px;
}
.tcx-chapter-badge--active{ background:#faf4e6; color:#3b4631; }
.tcx-chapter-badge--forming{ background:#c98a3a; color:#fff; }

.tcx-chapter-hub{ margin-top:44px; }
.tcx-chapter-section{ margin:0 0 50px; }
.tcx-chapter-section__title{
	font-family:'Cormorant Garamond',serif;
	color:#4b5640;
	font-size:2.1rem;
	margin:0 0 20px;
	padding-bottom:10px;
	border-bottom:1px solid #e3dac4;
}
.tcx-chapter-grid{ display:grid; gap:22px; }
.tcx-chapter-grid--crafts{ grid-template-columns:repeat(3,1fr); }
.tcx-chapter-grid--events{ grid-template-columns:repeat(2,1fr); }
.tcx-chapter-grid--news{ grid-template-columns:repeat(2,1fr); }
@media (max-width:999px){
	.tcx-chapter-grid--crafts{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:690px){
	.tcx-chapter-grid{ grid-template-columns:1fr !important; }
}

.tcx-hub-card{
	display:block;
	background:#fff;
	border:1px solid #e3dac4;
	border-radius:8px;
	overflow:hidden;
	text-decoration:none;
	transition:transform .2s ease, box-shadow .2s ease;
}
.tcx-hub-card:hover{ transform:translateY(-3px); box-shadow:0 8px 22px rgba(75,86,64,.15); }
.tcx-hub-card__media{ aspect-ratio:4/3; overflow:hidden; }
.tcx-hub-card__media img{ width:100%; height:100%; object-fit:cover; display:block; }
.tcx-hub-card__body{ padding:14px 16px; }
.tcx-hub-card__title{ font-family:'Cormorant Garamond',serif; color:#33301f; font-size:1.4rem; margin:0 0 6px; line-height:1.2; }

.tcx-hub-event{
	display:flex; gap:16px; align-items:center;
	background:#fff; border:1px solid #e3dac4; border-radius:8px;
	padding:16px 18px; text-decoration:none;
	transition:transform .2s ease, box-shadow .2s ease;
}
.tcx-hub-event:hover{ transform:translateY(-3px); box-shadow:0 8px 22px rgba(75,86,64,.15); }
.tcx-hub-event__date{
	flex-shrink:0; text-align:center; background:#4b5640; color:#faf4e6;
	border-radius:6px; padding:8px 12px; line-height:1; min-width:58px;
}
.tcx-hub-event__day{ display:block; font-size:1.6rem; font-weight:600; }
.tcx-hub-event__mon{ display:block; font-size:.7rem; letter-spacing:.1em; margin-top:4px; }
.tcx-hub-event__body .tcx-hub-card__title{ margin-bottom:2px; }
.tcx-hub-event__meta{ font-size:.85rem; color:#7a7256; }

.tcx-hub-news{
	display:flex; background:#fff; border:1px solid #e3dac4; border-radius:8px;
	overflow:hidden; text-decoration:none;
	transition:transform .2s ease, box-shadow .2s ease;
}
.tcx-hub-news:hover{ transform:translateY(-3px); box-shadow:0 8px 22px rgba(75,86,64,.15); }
.tcx-hub-news__media{ width:130px; flex-shrink:0; }
.tcx-hub-news__media img{ width:100%; height:100%; object-fit:cover; display:block; }
.tcx-hub-news__body{ padding:14px 16px; }
.tcx-hub-news__date{ font-size:.85rem; color:#7a7256; }

.tcx-chapter-empty{ color:#7a7256; font-style:italic; }

/* ---- Chapter single: auteur/datum-byline verbergen ---------------------- */
.single-chapter .featured-media-under-header__meta-wrap{ display:none; }

/* ---- Difficulty-badge op de chapter-hub kaarten ------------------------- */
.tcx-hub-card__body .craft-level-badge{
	display:inline-block;
	margin-top:6px;
	padding:5px 14px;
	border-radius:999px;
	font-size:11px;
	font-weight:700;
	letter-spacing:.06em;
	text-transform:uppercase;
	line-height:1.5;
	color:#fff !important;
}

/* ---- Chapter single: grote hero-uitgelichte foto verbergen -------------- */
.single-chapter .featured-media-under-header__featured-media{ display:none; }

/* ---- Chapter single: minder ruimte tussen titel en groene band ---------- */
.single-chapter .main-content .featured-media-under-header{ padding-bottom:24px; }
.single-chapter .featured-media-under-header h1{ margin-bottom:14px; }

/* ---- Chapter single: minder ruimte tussen navigatie en titel ------------ */
.single-chapter .main-content .featured-media-under-header{ padding-top:32px; }

/* ---- Verplicht-veld indicator: overal een rode asterisk ----------------- */
.gfield_required_asterisk,
.gfield_required .gfield_required_asterisk{ color:#c0392b !important; }
.user-registration abbr.required,
.ur-frontend-form abbr.required,
abbr.required[title="required"]{
	color:#c0392b !important;
	text-decoration:none !important;
	border:0 !important;
	cursor:default;
}

/* ---- Gravity Forms: "* indicates required fields"-legenda verbergen ------ */
.gform_required_legend{ display:none !important; }

/* ---- Submit a Craft: meer ruimte tussen hero-foto en formulier-titel --- */
body.page-id-691 .gform_wrapper{ margin-top:70px; }

/* ---- Join Us / Account nav-knop: altijd groen + witte tekst ------------- */
#header-outer .sf-menu > li.button_solid_color > a,
#header-outer .sf-menu > li.button_solid_color > a .menu-title-text{
	color:#fff !important;
}
#header-outer .sf-menu > li.button_solid_color > a:hover,
#header-outer .sf-menu > li.button_solid_color > a:hover .menu-title-text{
	color:#fff !important;
}

/* ---- Dropdown: actief/huidig item niet groen laten, alleen op hover ----- */
#header-outer #top nav .sf-menu ul.sub-menu li.current-menu-item > a,
#header-outer #top nav .sf-menu ul.sub-menu li.current_page_item > a,
#header-outer #top nav .sf-menu ul.sub-menu li.current-menu-ancestor > a,
#header-outer #top nav .sf-menu ul.sub-menu li.current-menu-parent > a{
	background-color: transparent !important;
	color: #4e4e4e !important;
}
#header-outer #top nav .sf-menu ul.sub-menu li.current-menu-item > a:hover,
#header-outer #top nav .sf-menu ul.sub-menu li.current_page_item > a:hover,
#header-outer #top nav .sf-menu ul.sub-menu li.current-menu-ancestor > a:hover,
#header-outer #top nav .sf-menu ul.sub-menu li.current-menu-parent > a:hover{
	background-color: #4b5640 !important;
	color: #ffffff !important;
}

/* ---- Dropdown: groen volledig weg, altijd leesbaar (ook transparante header) */
html body #header-outer #top nav .sf-menu ul.sub-menu li,
html body[data-transparent-header] #header-outer #top nav .sf-menu ul.sub-menu li{
	background: transparent !important;
}
html body #header-outer #top nav .sf-menu ul.sub-menu li > a,
html body #header-outer #top nav .sf-menu ul.sub-menu li.current-menu-item > a,
html body #header-outer #top nav .sf-menu ul.sub-menu li.current_page_item > a,
html body #header-outer #top nav .sf-menu ul.sub-menu li.current-menu-ancestor > a,
html body #header-outer #top nav .sf-menu ul.sub-menu li.current-menu-parent > a,
html body[data-transparent-header] #header-outer #top nav .sf-menu ul.sub-menu li > a,
html body[data-transparent-header] #header-outer #top nav .sf-menu ul.sub-menu li.current-menu-item > a,
html body[data-transparent-header] #header-outer #top nav .sf-menu ul.sub-menu li.current_page_item > a{
	background-color: transparent !important;
	color: #4e4e4e !important;
}
html body #header-outer #top nav .sf-menu ul.sub-menu li > a:hover,
html body #header-outer #top nav .sf-menu ul.sub-menu li.sfHover > a,
html body #header-outer #top nav .sf-menu ul.sub-menu li > a:focus,
html body[data-transparent-header] #header-outer #top nav .sf-menu ul.sub-menu li > a:hover,
html body[data-transparent-header] #header-outer #top nav .sf-menu ul.sub-menu li.sfHover > a{
	background-color: #efe6d2 !important;
	color: #33301f !important;
}

/* ---- Dropdown: ook actief item nooit groen op hover (alle header-staten) - */
html body #header-outer #top nav .sf-menu ul.sub-menu li.current-menu-item > a:hover,
html body #header-outer #top nav .sf-menu ul.sub-menu li.current-menu-item.sfHover > a,
html body #header-outer #top nav .sf-menu ul.sub-menu li.current_page_item > a:hover,
html body #header-outer #top nav .sf-menu ul.sub-menu li.current_page_item.sfHover > a,
html body #header-outer #top nav .sf-menu ul.sub-menu li.current-menu-ancestor > a:hover,
html body #header-outer #top nav .sf-menu ul.sub-menu li.current-menu-parent > a:hover,
html body[data-transparent-header="true"] #header-outer #top nav .sf-menu ul.sub-menu li.current-menu-item > a:hover,
html body[data-transparent-header="true"] #header-outer #top nav .sf-menu ul.sub-menu li.current-menu-item.sfHover > a,
html body[data-transparent-header="true"] #header-outer #top nav .sf-menu ul.sub-menu li.current_page_item > a:hover,
html body[data-transparent-header="true"] #header-outer #top nav .sf-menu ul.sub-menu li.current_page_item.sfHover > a{
	background-color: #efe6d2 !important;
	color: #33301f !important;
}

/* ---- Log in nav-knop (uitgelogd): groene outline naast Join Us --------- */
#header-outer .sf-menu > li.tcx-login-nav > a{
	border: 2px solid #4b5640 !important;
	background-color: transparent !important;
	color: #4b5640 !important;
	margin-right: 8px;
}
#header-outer .sf-menu > li.tcx-login-nav > a .menu-title-text{ color: #4b5640 !important; }
#header-outer .sf-menu > li.tcx-login-nav > a:hover{ background-color: #4b5640 !important; color: #ffffff !important; }
#header-outer .sf-menu > li.tcx-login-nav > a:hover .menu-title-text{ color: #ffffff !important; }

/* ===== Top bar (account-knoppen: Log in + Join Us) ====================== */
#header-secondary-outer{
	background-color: #faf4e6 !important;
	border-bottom: 1px solid rgba(75,86,64,0.14);
}
#header-secondary-outer .container{ padding-top: 8px; padding-bottom: 8px; }
#header-secondary-outer nav{ display: flex; justify-content: flex-end; }
#header-secondary-outer ul.sf-menu{ display: flex; align-items: center; gap: 10px; float: none; }
#header-secondary-outer ul.sf-menu > li{ margin: 0; height: auto; }
#header-secondary-outer ul.sf-menu > li > a{
	padding: 6px 18px !important;
	font-size: 1.05rem !important;
	line-height: 1.4 !important;
	height: auto !important;
}
/* Join Us: vol groen + witte tekst */
#header-secondary-outer .sf-menu > li.button_solid_color > a,
#header-secondary-outer .sf-menu > li.button_solid_color > a .menu-title-text{
	background-color: #4b5640 !important;
	color: #ffffff !important;
}
#header-secondary-outer .sf-menu > li.button_solid_color > a:hover,
#header-secondary-outer .sf-menu > li.button_solid_color > a:hover .menu-title-text{
	background-color: #3d4634 !important;
	color: #ffffff !important;
}
/* Log in: groene outline, wit op hover */
#header-secondary-outer .sf-menu > li.tcx-login-nav > a{
	border: 2px solid #4b5640 !important;
	background: transparent !important;
	color: #4b5640 !important;
}
#header-secondary-outer .sf-menu > li.tcx-login-nav > a .menu-title-text{ color: #4b5640 !important; }
#header-secondary-outer .sf-menu > li.tcx-login-nav > a:hover{ background: #4b5640 !important; color: #ffffff !important; }
#header-secondary-outer .sf-menu > li.tcx-login-nav > a:hover .menu-title-text{ color: #ffffff !important; }

/* ---- Log in knop identiek aan Join Us (vol groen i.p.v. outline) -------- */
#header-outer .sf-menu > li.tcx-login-nav > a,
#header-outer .sf-menu > li.tcx-login-nav > a .menu-title-text{
	border: none !important;
	background-color: #4b5640 !important;
	color: #ffffff !important;
}
#header-outer .sf-menu > li.tcx-login-nav > a:hover,
#header-outer .sf-menu > li.tcx-login-nav > a:hover .menu-title-text{
	background-color: #3d4634 !important;
	color: #ffffff !important;
}

/* ---- Chapters-pagina (707): compactere veldafstand in Gravity Form ----- */
body.page-id-707 #gform_wrapper_3 .gform_fields{
	grid-row-gap: 12px !important;
	row-gap: 12px !important;
}
body.page-id-707 #gform_wrapper_3 .gfield{
	margin-top: 0 !important;
	padding-top: 0 !important;
}
body.page-id-707 #gform_wrapper_3 .gfield--type-html,
body.page-id-707 #gform_wrapper_3 .gform_heading{ margin-bottom: 0 !important; }

/* ---- Compactere veldafstand in alle formulieren (behalve Chapters/707) - */
body:not(.page-id-707) .gform_wrapper .gform_fields{
	grid-row-gap: 12px !important;
	row-gap: 12px !important;
}
body:not(.page-id-707) .gform_wrapper .gfield{
	margin-top: 0 !important;
	padding-top: 0 !important;
}
/* User Registration: kleinere veldafstand (standaard 20px) */
.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item{
	margin-bottom: 12px !important;
}

/* ---- Join Us (706): meer ruimte tussen hero en "Create your free account" */
body.page-id-706 .tcx-join-single{ margin-top: 50px; }

/* ============================================================
   KLANT-FEEDBACK BATCH
   ============================================================ */

/* ---- (8) Feature-titels op Start Your Own Chapter: geen button-pill ---- */
.tcx-feature h3 {
	display: block !important;
	margin: 0 auto 14px !important;
	padding: 0 0 10px !important;
	background: none !important;
	color: #4b5640 !important;
	border-radius: 0 !important;
	font-size: 1.7rem;
	line-height: 1.25;
	position: relative;
}
.tcx-feature h3::after {
	content: ""; display: block; width: 46px; height: 3px;
	background: #4b5640; margin: 12px auto 0; border-radius: 2px;
}

/* ---- (4) Log in nav-knop: outline + icoon ----------------------------- */
#header-outer .sf-menu > li.tcx-login-outline > a,
#header-outer .sf-menu > li.tcx-login-outline > a .menu-title-text {
	border-color: #4b5640 !important;
	background: transparent !important;
	color: #4b5640 !important;
}
#header-outer .sf-menu > li.tcx-login-outline > a:hover,
#header-outer .sf-menu > li.tcx-login-outline > a:hover .menu-title-text {
	background: #4b5640 !important;
	color: #ffffff !important;
}
#header-outer .sf-menu > li.tcx-login-outline > a .menu-title-text::before {
	content: ""; display: inline-block; width: 16px; height: 16px;
	margin-right: 8px; vertical-align: -3px; background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 17l5-5-5-5v3H3v4h7v3zm9-14H5c-1.1 0-2 .9-2 2v4h2V5h14v14H5v-4H3v4c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E") no-repeat center / contain;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 17l5-5-5-5v3H3v4h7v3zm9-14H5c-1.1 0-2 .9-2 2v4h2V5h14v14H5v-4H3v4c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E") no-repeat center / contain;
}

/* ---- (10) Chapter hero: members + accepting badges -------------------- */
.tcx-chapter-badges { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.tcx-chapter-badges .tcx-chapter-badge { margin-top: 0 !important; }
.tcx-chapter-badge--accepting { background: #dfe7d2; color: #2f3d1c; }
.tcx-chapter-badge--closed { background: #e7dad3; color: #5b3b2f; }

/* ---- (11) Auteur op chapter craft-kaarten + crafts-overzicht ---------- */
.tcx-hub-card__author { display: block; font-size: .82rem; color: #7a7256; margin-top: 3px; }
.nectar-post-grid-item .meta-category .tcx-craft-author {
	display: inline-block; margin: 0 0 0 6px; padding: 3px 9px; border-radius: 999px;
	background: rgba(0,0,0,.45); color: #fff; font-size: 10px; vertical-align: middle; line-height: 1.5;
}

/* ---- (3) Events gekoppeld aan chapter --------------------------------- */
.nectar-post-grid-item .meta-category .tcx-event-chapter a {
	display: inline-block; margin-left: 6px; padding: 3px 10px; border-radius: 999px;
	background: #4b5640; color: #fff !important; font-size: 10px; letter-spacing: .04em;
	text-transform: uppercase; line-height: 1.6;
}
.tcx-event-chapter-line { font-size: .95rem; color: #4b5640; font-weight: 600; margin: 0 0 14px; }
.tcx-event-chapter-line a { color: #4b5640 !important; }

/* ---- (6) Registration intro tekst ------------------------------------ */
.tcx-registration-intro { max-width: 680px; margin: 0 auto 8px; text-align: center; }
.tcx-registration-intro h3 { color: #4b5640; font-family: 'Cormorant Garamond', serif; font-size: 1.9rem; margin: 0 0 12px; }
.tcx-registration-intro p { color: #46402f; line-height: 1.6; margin: 0 0 12px; }

/* ---- (12) Chapter "News" overlay-layout (zoals News-pagina) ----------- */
.tcx-chapter-grid--news { grid-template-columns: repeat(2,1fr); }
.tcx-hub-news-card {
	position: relative; display: block; overflow: hidden; border-radius: 8px;
	aspect-ratio: 4/3; text-decoration: none; box-shadow: 0 4px 18px rgba(0,0,0,.10);
}
.tcx-hub-news-card__bg { position: absolute; inset: 0; }
.tcx-hub-news-card__bg img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease; }
.tcx-hub-news-card:hover .tcx-hub-news-card__bg img { transform: scale(1.06); }
.tcx-hub-news-card__overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(20,16,8,.80) 0%, rgba(20,16,8,.28) 45%, rgba(20,16,8,0) 75%); }
.tcx-hub-news-card__content { position: absolute; left: 0; right: 0; bottom: 0; padding: 18px 20px; }
.tcx-hub-news-card__date { display: block; font-size: .8rem; letter-spacing: .04em; color: #f0e8d6; margin-bottom: 4px; }
.tcx-hub-news-card__title { font-family: 'Cormorant Garamond', serif; color: #fff; font-size: 1.5rem; line-height: 1.2; margin: 0; }

/* ---- (14) Geen blauw: User Registration overal groen ------------------ */
.user-registration, .ur-frontend-form, .ur-thank-you, [class*="user-registration"] {
	--ur-primary-color: #4b5640 !important;
	--ur-primary-flat-color: #4b5640 !important;
	--ur-primary-dark: #3d4634 !important;
	--ur-button-background-normal-color: #4b5640 !important;
	--ur-button-background-hover-color: #3d4634 !important;
}
.ur-frontend-form .ur-submit-button,
.user-registration .button,
.user-registration-Button,
.user-registration-Button.button-primary,
input[name="save_account_details"],
.ur-thank-you .button,
.ur-thank-you a.button,
.ur-thank-you-redirect-btn,
.ur-membership-redirect-btn {
	background-color: #4b5640 !important; border-color: #4b5640 !important; color: #fff !important;
}
.ur-frontend-form .ur-submit-button:hover,
.user-registration .button:hover,
.user-registration-Button:hover,
input[name="save_account_details"]:hover,
.ur-thank-you .button:hover {
	background-color: #3d4634 !important; border-color: #3d4634 !important;
}
.user-registration a:not(.button):not([class*="button"]),
.ur-thank-you a:not(.button) { color: #4b5640 !important; }
.user-registration a:not(.button):not([class*="button"]):hover,
.ur-thank-you a:not(.button):hover { color: #3d4634 !important; }
[fill="#475bb2"] { fill: #4b5640 !important; }
.ur-frontend-form input:focus, .ur-frontend-form select:focus, .ur-frontend-form textarea:focus {
	border-color: #4b5640 !important; box-shadow: 0 0 0 1px #4b5640 !important; outline-color: #4b5640 !important;
}
.user-registration-MyAccount-navigation-link.is-active a,
.user-registration-MyAccount-navigation-link.is-active {
	background-color: #4b5640 !important; border-color: #4b5640 !important; color: #fff !important;
}

/* ---- (14) Geen blauw: Gravity Forms overal groen --------------------- */
.gform-theme--framework, .gform_wrapper, [class*="gform_wrapper"] {
	--gf-color-primary: #4b5640 !important;
	--gf-color-primary-rgb: 75,86,64 !important;
	--gf-color-primary-contrast: #ffffff !important;
	--gf-color-primary-darker: #3d4634 !important;
	--gf-color-primary-lighter: #5c6a4f !important;
	--gf-ctrl-checked-color-primary: #4b5640 !important;
	--gf-ctrl-checked-border-color-active: #4b5640 !important;
}
.gform_wrapper .gform_button,
.gform_wrapper .gform-button,
.gform_wrapper input[type="submit"] {
	background-color: #4b5640 !important; border-color: #4b5640 !important; color: #fff !important;
}
.gform_wrapper .gform_button:hover,
.gform_wrapper input[type="submit"]:hover {
	background-color: #3d4634 !important; border-color: #3d4634 !important;
}

/* ============================================================
   KLANT-FEEDBACK BATCH 2
   ============================================================ */

/* (1) Registration: ruimte tussen hero en "Membership is by referral" */
body.page-id-681 .tcx-registration-intro { margin-top: 50px; }

/* (2/5) Login + Account: formulier lager t.o.v. de transparante nav */
body.page-id-682 #user-registration,
body.page-id-683 #user-registration { margin-top: 180px !important; }
@media only screen and (max-width: 999px) {
	body.page-id-682 #user-registration,
	body.page-id-683 #user-registration { margin-top: 120px !important; }
}

/* (3) Log in nav-knop: outline-pil, even rond als Join Us (50px), eigen styling */
#header-outer .sf-menu > li.tcx-login-outline > a {
	display: inline-block;
	border: 2px solid #4b5640 !important;
	border-radius: 50px !important;
	background-color: transparent !important;
	color: #4b5640 !important;
	padding: 10px 26px !important;
	line-height: 1.1 !important;
	transition: background-color .2s ease, color .2s ease;
}
#header-outer .sf-menu > li.tcx-login-outline > a .menu-title-text { color: #4b5640 !important; }
#header-outer .sf-menu > li.tcx-login-outline > a:hover { background-color: #4b5640 !important; color: #ffffff !important; }
#header-outer .sf-menu > li.tcx-login-outline > a:hover .menu-title-text { color: #ffffff !important; }
/* icoon weghalen */
#header-outer .sf-menu > li.tcx-login-outline > a .menu-title-text::before { content: none !important; display: none !important; }

/* (4) Chapter "News": 3 naast elkaar, zoals de News-pagina */
.tcx-chapter-grid--news { grid-template-columns: repeat(3, 1fr); }
@media only screen and (max-width: 999px) {
	.tcx-chapter-grid--news { grid-template-columns: repeat(2, 1fr); }
}
@media only screen and (max-width: 690px) {
	.tcx-chapter-grid--news { grid-template-columns: 1fr; }
}

/* (3b) Log in-knop: geen underline-effect */
#header-outer .sf-menu > li.tcx-login-outline > a,
#header-outer .sf-menu > li.tcx-login-outline > a .menu-title-text { text-decoration: none !important; }
#header-outer .sf-menu > li.tcx-login-outline > a .menu-title-text:after,
#header-outer .sf-menu > li.tcx-login-outline > a .menu-title-text:before,
#header-outer .sf-menu > li.tcx-login-outline > a:after { display: none !important; }

/* Chapter/post single: titel netjes onder de transparante nav */
.single-chapter .main-content .featured-media-under-header,
body.single-post .main-content .featured-media-under-header { padding-top: 160px !important; }
@media only screen and (max-width: 999px) {
	.single-chapter .main-content .featured-media-under-header,
	body.single-post .main-content .featured-media-under-header { padding-top: 110px !important; }
}

/* Crafts (portfolio) single: cream page-header (geen zwart blok / dubbele titel) */
body.single-portfolio #page-header-wrap,
body.single-portfolio #page-header-bg { height: 150px !important; min-height: 0 !important; background-color: #faf4e6 !important; }
body.single-portfolio #page-header-bg .container,
body.single-portfolio #page-header-bg .page-header-bg-image-wrap { display: none !important; }

/* Account: actieve tab tekst wit (anders groen-op-groen, onleesbaar) */
body.page-id-683 .user-registration .user-registration-MyAccount-navigation li.is-active a,
body.page-id-683 .user-registration .user-registration-MyAccount-navigation li.is-active a:hover,
body.page-id-683 .user-registration .user-registration-MyAccount-navigation-link.is-active a { color: #ffffff !important; }

/* Join Us / Registration: 'Create your free account below.' gecentreerd */
.tcx-join-single > p { text-align: center; }

/* Events-pagina: chapter-event layout als volle-breedte kaarten */
.tcx-events-standalone { grid-template-columns: 1fr; gap: 16px; }

/* Chapter: Facebook-groep knop in de hero */
.tcx-chapter-fb { display: inline-block; margin-top: 14px; padding: 8px 18px; border-radius: 8px; background: #4b5640; color: #fff !important; text-decoration: none; font-size: .95rem; }
.tcx-chapter-fb:hover { background: #3d4634; color: #fff !important; }

/* Registratie-bevestigingspagina (686) */
.tcx-confirmation { max-width: 620px; margin: 0 auto; text-align: center; }
.tcx-confirmation__logo { max-width: 200px; height: auto; margin: 0 auto 24px; display: block; }
.tcx-confirmation h1 { color: #4b5640; margin: 0 0 16px; }
.tcx-confirmation p { color: #46402f; line-height: 1.6; font-size: 1.1rem; margin: 0 0 24px; }
.tcx-confirmation__btn { display: inline-block; padding: 12px 30px; border-radius: 50px; background: #4b5640; color: #fff !important; text-decoration: none; font-size: 1.05rem; }
.tcx-confirmation__btn:hover { background: #3d4634; color: #fff !important; }

/* Chapter: Facebook-link als badge naast 'Accepting new members' */
.tcx-chapter-badges .tcx-chapter-fb {
	margin-top: 0 !important;
	padding: 4px 14px !important;
	border-radius: 999px !important;
	font-size: .78rem !important;
	letter-spacing: .05em;
	text-transform: uppercase;
	background: #4b5640 !important;
	color: #ffffff !important;
	text-decoration: none;
}
.tcx-chapter-badges .tcx-chapter-fb:hover { background: #3d4634 !important; }

/* Facebook-badge: blauw voor contrast op de groene hero */
.tcx-chapter-badges .tcx-chapter-fb { background: #1877f2 !important; color: #ffffff !important; }
.tcx-chapter-badges .tcx-chapter-fb:hover { background: #145fd0 !important; }

/* Bevestigingspagina (686): inhoud onder de transparante nav houden */
body.page-id-686 .tcx-confirmation { margin-top: 90px; }
@media only screen and (max-width: 999px) { body.page-id-686 .tcx-confirmation { margin-top: 60px; } }