/*
Theme Name: Hello Elementor Child
Description: A plain-vanilla & lightweight child-theme for Elementor page builder
Author: Ole Ohrt (Bela IN_HOUSE)
Template: hello-elementor
*/



/* Typo 
################################################## */

@font-face {
    font-family: "Faustina";
    src: url("fonts/faustina-v22-latin-regular.woff2") format("woff2"),
         url("fonts/faustina-v22-latin-regular.ttf") format("ttf");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Faustina";
    src: url("fonts/faustina-v22-latin-700.woff2") format("woff2"),
         url("fonts/faustina-v22-latin-700.ttf") format("ttf");
    font-weight: 700;
    font-style: normal;
}

@font-face {
	font-family: "Schibsted Grotesk";
	src: url("fonts/schibsted-grotesk-v6-latin-regular.woff2") format("woff2"),
	     url("fonts/schibsted-grotesk-v6-latin-regular.ttf") format("ttf");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Schibsted Grotesk";
	src: url("fonts/schibsted-grotesk-v6-latin-italic.woff2") format("woff2"),
	     url("fonts/schibsted-grotesk-v6-latin-italic.ttf") format("ttf");
	font-weight: 400;
	font-style: italic;
}



/*--------------*/

* {
	font-family: "Schibsted Grotesk", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Faustina", serif;
}

h1, h2, h6 {
    font-weight: 700;
}



/* Farben
################################################## */

:root {
    --color-primary: #E2271D;
    --color-secondary: #707271;
    --color-text: #707271;
    --color-accent: #000000;
    --color-info: #91B7D9;
    --color-light: #EDEDED;
    --color-success: #B7BF75;
    --color-ui-elements: #D5D7D5;
    --color-warning: #D5D7D5;
    --color-white: #FFFFFF;
}



/* Basis 
################################################## */

html {
    font-size: 24px;
	scroll-behavior: smooth;
}

.elementor-button span {
	font-family: inherit;
}



/* Produkt-Gruppe
################################################## */

/* Suche */
#content .wpc-filters-widget-content .wpc-filters-section input[type="text"] {
	border: 1px solid var(--color-ui-elements);
	border-radius: 0;
}

#content .wpc-filters-widget-content .wpc-filters-section input[type="text"]:hover {
	border: 1px solid var(--color-primary);
}

#content .wpc-filters-section {
	hyphens: auto;
}


/* Filter geschlossen */
#content .wpc-filter-header .wpc-filter-title button {
    flex-direction: row-reverse;
    gap: 24px;
	text-transform: uppercase;
	font-family: "Faustina";
	font-weight: bold;
}

#content .wpc-closed .wpc-filter-header .wpc-filter-title button {
	border: 1px solid var(--color-ui-elements);
	border-radius: 0;
	padding: 15px 24px;
}


/* Filter offen */
#content .wpc-filters-section:not(.wpc-closed, .wpc-filter-layout-search-field) {
	border: 1px solid var(--color-ui-elements);
	padding: 15px 24px;
}

#content .wpc-filters-ul-list {
	padding-left: 32px;
}

#content .wpc-filters-main-wrap .wpc-term-item-content-wrapper {
	align-items: flex-start;
}

#content .wpc-filters-main-wrap input[type="checkbox"] {
	border: 1px solid var(--color-ui-elements);
	background: #ffffff;
	border-radius: 0px;
	min-width: 20px;
}

#content .wpc-filters-main-wrap input[type="checkbox"]:hover {
    border-color: var(--color-primary);
}

#content .wpc-filters-main-wrap input[type="checkbox"]::after {
	left: 3px;
	top: 3px;
	width: 12px;
	height: 12px;
	background-color: var(--color-primary);
	transform: rotate(0);
	border: none;
}

#content .wpc-filter-link {
	color: var(--color-text);
}




/* Produkt-Detailseite
################################################## */

.naehrwerte, .beschreibung {
	display: flex;
	flex-direction: column;
	gap: 24px;
	font-weight: normal;
    color: var(--color-text);
}

.naehrwerte h6, .beschreibung h6 {
	margin: 0 0 12px;
}

.naehrwerte .nw-titel, .naehrwerte .nw-werte {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}

.naehrwerte .nw-titel {
	flex-direction: column;
	margin-bottom: 8px;
}

.naehrwerte .nw-titel h6 {
	margin: 0;
}

.naehrwerte .nw-werte {
	border-bottom: 1px solid var(--color-ui-elements);
	margin-bottom: 4px;
	padding: 2px 0;
}

.naehrwerte .nw-werte.nw-einzug {
	margin-left: 12px;
}

.naehrwerte .nw-werte:last-of-type {
    border-bottom: none;
}




/* Formulare
################################################## */

.wpcf7-form {
	font-weight: normal;
	font-size: 0.75rem;
}

.cf7-block {
	margin-bottom: 48px;
}

.wpcf7-form-control.wpcf7-radio {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

#content .wpcf7 input[type="date"], 
#content .wpcf7 input[type="email"],
#content .wpcf7 input[type="number"],
#content .wpcf7 input[type="password"],
#content .wpcf7 input[type="search"],
#content .wpcf7 input[type="tel"],
#content .wpcf7 input[type="text"],
#content .wpcf7 input[type="url"],
#content .wpcf7 select, 
#content .wpcf7 textarea {
	border: 1px solid var(--color-ui-elements);
	border-radius: 0;
	background-color: var(--color-white);
	line-height: 0.75rem;
	padding: 12px;
}

#content .wpcf7 [type="button"], 
#content .wpcf7 [type="submit"], 
#content .wpcf7 button {
	border: 1px solid var(--color-primary);
	border-radius: 0px;
	color: var(--color-primary);
}

#content .wpcf7 [type="button"]:focus, 
#content .wpcf7 [type="button"]:hover, 
#content .wpcf7 [type="submit"]:focus, 
#content .wpcf7 [type="submit"]:hover, 
#content .wpcf7 button:focus, 
#content .wpcf7 button:hover {
	background-color: var(--color-primary);
	color: var(--color-white);
}




/* Store Locator
################################################## */

#wpsl-wrap {
	font-weight: normal;
}

#wpsl-result-list li p {
	margin: 0 0 8px 0;
}

.wpsl-directions {
	display: none;
}

#wpsl-search-wrap .wpsl-input, #wpsl-search-wrap .wpsl-select-wrap {
	display: flex;
	align-items: center;
}




/* Footer
################################################## */

@media screen and (max-width: 900px) {
	#footersome {
		max-width: 80px;
	}
}