/* F&B Pferde: Grundgestaltung der ganzen Seite (Gruen, helle Schrift, goldene Ueberschriften, Kopf- und Fusszeile).
   Liegt im Plugin, damit die Seite unabhaengig von Theme-Einstellungen und Zusatz-CSS gleich aussieht.
   Abschaltbar unter Pferde > Einstellungen > Seitengestaltung. Farben kommen aus den Plugin-Einstellungen. */

html:root {
	--fbp-gruen: #2c3820;
	--theme-text-color: var(--fbp-text, #F1EEE3);
	--theme-headings-color: var(--fbp-namen, #FCD178);
	--theme-link-initial-color: var(--fbp-akzent, #DBB158);
	--theme-link-hover-color: var(--fbp-namen, #FCD178);
}
html,
body {
	background: var(--fbp-gruen) !important;
	color: var(--fbp-text, #F1EEE3);
}
body .site-main,
body .entry-content {
	color: var(--fbp-text, #F1EEE3);
}
body h1,
body h2,
body h3 {
	color: var(--fbp-namen, #FCD178);
}

/* Kopfzeile: dunkelgruen, ohne Rand, Seitenname neben dem Logo ausgeblendet, Logo 84 px hoch */
header#header:not(.ct-panel) [data-row],
header#masthead,
header.site-header {
	background: var(--fbp-gruen) !important;
	border: 0 !important;
}
header#header:not(.ct-panel) [data-row] { box-shadow: none !important; }
header#header:not(.ct-panel) .site-title,
header#header:not(.ct-panel) .site-description {
	display: none !important;
}
@media (min-width: 1000px) {
	header#header:not(.ct-panel) .site-logo-container { --logo-max-height: 84px !important; }
	header#header:not(.ct-panel) .site-logo-container img {
		max-height: 84px !important;
		height: 84px !important;
		width: auto !important;
	}
	/* Theme-Sticky-Header mit Verkleinern: Das Logo folgt der von Blocksy berechneten Hoehe (--logo-shrink-height,
	   Anteil von --logo-max-height), sonst ragt es unter die geschrumpfte Leiste. Endgroesse bei 60 %: 42 px */
	header#header:not(.ct-panel) [data-sticky*="yes"] .site-logo-container { --logo-max-height: 70px !important; }
	header#header:not(.ct-panel) [data-sticky*="yes"] .site-logo-container img {
		max-height: var(--logo-shrink-height, 56px) !important;
		height: var(--logo-shrink-height, 56px) !important;
	}
	header#header:not(.ct-panel) .site-logo-container img { transition: height .25s ease, max-height .25s ease; }
}
header#header:not(.ct-panel) .ct-menu-link,
header#header:not(.ct-panel) .ct-header-search,
header#header:not(.ct-panel) .ct-header-trigger,
header#header:not(.ct-panel) .ct-toggle-dropdown-desktop {
	color: var(--fbp-akzent, #DBB158) !important;
}
header#header:not(.ct-panel) .ct-menu-link:hover,
header#header:not(.ct-panel) .current-menu-item > .ct-menu-link {
	color: var(--fbp-namen, #FCD178) !important;
}
header#header:not(.ct-panel) .sub-menu { background: var(--fbp-gruen) !important; }
header#header:not(.ct-panel) svg { fill: var(--fbp-akzent, #DBB158) !important; }

/* Handy-Menue (Blocksy #offcanvas) ebenfalls gruen und gold */
#offcanvas .ct-panel-inner { background: var(--fbp-gruen) !important; }
#offcanvas .ct-menu-link { color: var(--fbp-akzent, #DBB158) !important; }
#offcanvas .ct-menu-link:hover,
#offcanvas .current-menu-item > .ct-menu-link { color: var(--fbp-namen, #FCD178) !important; }
#offcanvas svg { fill: var(--fbp-akzent, #DBB158) !important; }

/* Fusszeile */
footer#footer.ct-footer,
footer#footer.ct-footer [data-row],
footer.site-footer {
	background: var(--fbp-gruen) !important;
	color: #a2a78f !important;
}

/* Eigener Seitentitel aus den Vorlagen (Block mit Klasse fbp-seitentitel): dann den Theme-Titel ausblenden,
   sonst stuende die Ueberschrift doppelt da oder fehlte, je nachdem wie das Theme eingestellt ist. */
body:has(.fbp-seitentitel) .hero-section,
body:has(.fbp-seitentitel) .page-header,
body:has(.fbp-seitentitel) .entry-header {
	display: none !important;
}