/*
Theme Name: Fairdruckt
Template: k2022
Theme URI: https://github.com/kuetemeier-org
Author: Kütemeier
Author URI: https://kuetemeier.org
Description: Customized K2022 Childtheme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fairdruckt

Kuetemeier WordPress Theme, (C) 2022 Kuetemeier GmbH
*/

 
p {
	letter-spacing: 0.01em !important;
	word-spacing: 0.05em !important;
}

li {
	font-weight: 300 !important;
	line-height: var(--wp--custom--typography--line-height--large) !important;
}

/* Ausrichtung Site-Title und Menu items vertikal zentriert */
.wp-container-4 {
	align-items: center !important;
}

/* Header menu links in Medium */
header a {
	font-weight: 500 !important;
}
header .wp-block-template-part .wp-block-spacer {
	height: 0 !important;
}


/* H4 Heading mit Absatzlinie in rot ("Infos zum Produkt") */

h4 {
  position: relative;
	padding-bottom: 0.4em;
}

h4:after {
	content: "";
	background: var(--wp--preset--color--primary) !important;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 2px;
	width: 45%;
}

/* variable Text und Füllfarbe für social icons */
.k_social-icons {
	color: var(--wp--preset--color--background) !important;
	background-color: var(--wp--preset--color--tertiary) !important;
	font-size: var(--wp--preset--font-size--huge) !important;
}

/* styling of figcaption (single post page) */
.wp-block-image figcaption {
	background: white !important;
    color: var(--wp--preset--color--foreground) !important;
    width: 100%;
	font-family: var(--wp--preset--font-family--roboto);
	font-weight: 300 !important;
	font-size: var(--wp--preset--font-size--medium) !important;
	text-align: left !important;
	padding: 0.3em 0 0 !important;
	position: relative !important;
}

/* remove padding-left from unordered lists */
ul {
	padding-left: 20px !important;
}

/* post excerpt */
.wp-block-post-excerpt__excerpt {
	font-family: var(--wp--preset--font-family--roboto-mono) !important;
	font-weight: 300 !important;
	font-size: var(--wp--preset--font-size--tiny) !important;
	line-height: var(--wp--custom--typography--line-height--tiny) !important;
	color: var(--wp--preset--color--quartiary) !important;
}

/* Abstand 0 zwischen Header und Cover block */
.wp-container-5 {
	margin-bottom: 0 !important;
}
main {
	margin-top: 0 !important;
}

/* Accordion ohne Rahmen */
.wp-block-getwid-accordion__content {
	padding: 1.5em 0 !important;
	border: 0 !important;
}
.wp-block-getwid-accordion .wp-block-getwid-accordion__header-wrapper:first-child, .wp-block-getwid-accordion .wp-block-getwid-accordion__header-wrapper {
	border: 0 !important;
}
.wp-block-getwid-accordion .wp-block-getwid-accordion__header {
	padding: .5em 0 !important;
}

/* Accordion Überschriften */
.wp-block-getwid-accordion__icon {
	color: var(--wp--preset--color--primary) !important;
}
.wp-block-getwid-accordion__header a {
	color: var(--wp--preset--color--foreground) !important;
	font-weight: 700 !important;
}
.wp-block-getwid-accordion h1, h2, h3, h4, h5, h6 {
	font-family: var(--wp--preset--font-family--roboto) !important;
	font-weight: 700 !important;
}
.wp-block-getwid-accordion h1 {
	font-size: var(--wp--preset--font-size--site-title) !important;
	line-height: var(--wp--custom--typography--line-height--normal) !important;
}
.wp-block-getwid-accordion h2 {
	font-size: var(--wp--preset--font-size--gigantic) !important;
	line-height: var(--wp--custom--typography--line-height--title) !important;
}
.wp-block-getwid-accordion h3 {
	font-size: var(--wp--preset--font-size--huge) !important;
	line-height: var(--wp--custom--typography--line-height--medium) !important;
}
.wp-block-getwid-accordion h4 {
	font-size: var(--wp--preset--font-size--x-large) !important;
	line-height: var(--wp--custom--typography--line-height--small) !important;
}
.wp-block-getwid-accordion h5 {
	font-size: var(--wp--preset--font-size--large) !important;
	line-height: var(--wp--custom--typography--line-height--small) !important;
}
.wp-block-getwid-accordion h6 {
	font-size: var(--wp--preset--font-size--normal) !important;
	line-height: var(--wp--custom--typography--line-height--mediumnormal) !important;
}

/* Farben im Menu (mobile Ansicht / Hamburger menu offen) */
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
 background-color: #000;
    color: #FFF;
}