/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/*Global elemente */ 

.eyebrow {
	text-align: left;
}

.eyebrow p {
	margin-bottom: 0!important;
	text-transform: uppercase;
	color: #d99460;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 6px;
	letter-spacing: 2px;
	width: fit-content;
}

.eyebrow p::before {
	content: "";
	display: inline-block;
	width: 34px;
	height: 2px;
	background-color: #d99460;
	flex-shrink: 0;
}

.post-content {
	z-index: 1;
}
/* Gruener Unterstrich unter den Footer-Ueberschriften.

   Die Klasse footer-headline sitzt am Avada-Titel-Element, das
   die Ueberschrift umschliesst. Der Strich haengt deshalb am
   Element selbst und steht damit immer unter der Ueberschrift,
   auch wenn sie zweizeilig umbricht.

   Avadas eigener Titeltrenner steht auf "none" (geprueft auf der
   Stage), es entsteht also keine doppelte Linie. Falls doch eine
   zweite erscheint: im Titel-Element den Separator auf "None"
   stellen. */

.footer-headline::after {
	content: "";
	display: block;
	width: 40px;
	height: 2px;
	margin-top: 12px;
	background-color: var(--awb-color5, #74763b);
}

/* =========================================================
   Newsletter-Formulare (MailPoet)

   Ursache: Im MailPoet-Formular sind Ueberschrift und Absaetze
   als "Code" formatiert (<code> -> Schreibmaschinenschrift),
   die Absaetze zusaetzlich per Schriftwaehler auf Georgia
   gestellt (Inline-Style). Beides passt nicht zur Seite.

   Die Regeln holen die Schriften der Seite zurueck:
   Ueberschriften Fira Sans wie die Abschnittstitel, Text
   Source Serif 4. !important nur dort, wo MailPoet die Schrift
   inline setzt - anders ist ein style-Attribut nicht zu
   ueberstimmen.
   ========================================================= */

/* <code> uebernimmt einfach Schrift und Farbe der Umgebung */
.mailpoet_form code {
	padding: 0;
	background: none;
	color: inherit;
	font: inherit;
	letter-spacing: inherit;
}

/* Fliesstext: Schrift der Seite statt Georgia */
.mailpoet_form .mailpoet_form_paragraph,
.mailpoet_form .mailpoet_form_paragraph .mailpoet-has-font,
.mailpoet_form .mailpoet_form_paragraph a {
	font-family: var(--body_typography-font-family, "Source Serif 4", serif) !important;
}

/* Ueberschrift wie die Abschnittstitel ("Unser Sortiment"):
   Fira Sans, normale Staerke, Versalien */
.mailpoet_form .mailpoet-heading,
.mailpoet_form .mailpoet-heading .mailpoet-has-font {
	font-family: var(--h3_typography-font-family, "Fira Sans", sans-serif) !important;
}

.mailpoet_form .mailpoet-heading {
	text-transform: uppercase;
	letter-spacing: -0.015em;
}

.mailpoet_form .mailpoet-heading strong {
	font-weight: inherit;
}


/* =========================================================
   FAQ und Toggles auf dem Smartphone

   Gilt fuer alle Avada-Elemente "FAQ" und "Toggles" (beide
   nutzen .fusion-accordian), auf jeder Seite.

   Die Fragen standen mobil in 20px Inter, Staerke 600, mit
   der Zeilenhoehe des Fliesstexts (1.72 = 34px je Zeile) - fuer
   eine Aufzaehlung viel zu wuchtig. Bis 640px jetzt 17px mit
   Zeilenhoehe 1.35; die Tippflaeche bleibt durch 14px Polster
   oben und unten gross genug. Gemessen auf der Startseite
   (375px): die ersten acht Fragen 625px statt 857px hoch.

   Spezifitaet: Avada gibt die Schriftgroesse als Inline-CSS
   mit ID aus (.fusion-accordian #accordian-1 .panel-title a).
   #wrapper plus doppelte Klasse liegt darueber - ohne
   !important und unabhaengig von der laufenden Nummer.
   ========================================================= */

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

	#wrapper .fusion-accordian .panel-title.panel-title {
		line-height: 1.35;
	}

	#wrapper .fusion-accordian .panel-title.panel-title a {
		padding: 14px 0;
		font-size: 17px;
		line-height: 1.35;
	}

	#wrapper .fusion-accordian .panel-title.panel-title .fusion-toggle-heading {
		margin-left: 14px;
	}

	/* Plus/Minus mittig zur ersten Zeile */
	#wrapper .fusion-accordian .panel-title.panel-title .fusion-toggle-icon-wrapper {
		height: auto;
		line-height: 1;
	}
}


/* =========================================================
   Grundpreis (.hpt-unitprice)

   Das Plugin "Hofmanufaktur Produktangaben" haengt den
   Grundpreis an den Preis an. Er stand dadurch in derselben
   Zeile und in derselben Groesse wie der Verkaufspreis -
   "16,90 € 56,33 € / 1 l" las sich wie zwei Preise.

   Jetzt eine eigene Zeile darunter, 0.8-fache Schriftgroesse
   und leicht zurueckgenommen. Die Farbe wird geerbt, damit der
   Grundpreis auf hellem Grund dunkel und auf den orangen
   Produktkarten weiss bleibt.

   Gilt ueberall: Shop-Listing, Kategorieseiten und
   Produktseite (dort auch in .hpt-unitprice-line).
   ========================================================= */

.hpt-unitprice {
	display: block;
	/* Das Plugin setzt margin-left:0.35em fuer die fruehere
	   Darstellung in derselben Zeile; in eigener Zeile stand der
	   Grundpreis dadurch 4px eingerueckt. */
	margin-left: 0;
	margin-top: 2px;
	font-size: 0.8em;
	line-height: 1.35;
	opacity: 0.75;
}