/*
  Theme Name: Kita Heide Süd
  Author: Jan & Jan
  Description: Das Theme für die Website der Kita Heide Süd. Es ist entworfen als ein modernes Block-/Full-Site-Editing Theme, das es ermöglicht alle einzelne Seiten der Website frei anzupassen. Dazu können Wordpress-Standard-Blöcke verwendet werden oder auch spezielle Blöcke, die das Design der Kita-Website betonen. Diese Block-Bausteine sind verfügbar über das Plugin 'Blöcke: Kita "Heide Süd"' - bitte immer sicherstellen, dass dieses Plugin aktiviert ist, um die volle Funktionalität der Website zu gewährleisten.
  Version: 0.4.0
*/

/*** GENERAL STYLINGS ***/

:root {
  accent-color: var(--wp--preset--color--primary);
}

/* For stretching out the main content so that the footer is always at the bottom, even with no main content. */
.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-stretch {
  flex-grow: 1;
}

/* Currently used on the blog-index-page for the two teaser cards add top, so that they overlap the hero image a bit */
.shift-up {
	margin-top: calc(-25vmin * 9 /16)!important;
    position: relative!important;
    z-index: 2!important;
}

.is-hidden {
	display: none!important;
}

/*** TEXT STYLINGS ***/

ul, ol {
  list-style-position: outside;
}

li {
  padding-left: var(--wp--preset--spacing--4);
  padding-block: var(--wp--preset--spacing--2);
}

li::marker {
  color: var(--wp--preset--color--primary);
  font-weight: 500;
  margin-right: 8px;
}

::-moz-selection {
  color: var(--wp--preset--color--white);
  background: var(--wp--preset--color--primary);
}
::selection {
  color: var(--wp--preset--color--white);
  background: var(--wp--preset--color--primary);
}

a {
  text-underline-offset: 2px;
  text-decoration-color: var(--wp--preset--color--primary);
  text-decoration-thickness: 2px;
}

/* a:focus,
a:hover,
a:active {
  text-decoration-color: var(--wp--preset--color--text);
} */

.wp-block-post-navigation-link[data-title="Vorheriger Beitrag"] > [aria-label="Vorheriger Beitrag"], /* FSE */
.wp-block-post-navigation-link[data-title="Nächster Beitrag"] > [aria-label="Nächster Beitrag"], /* FSE */
.post-navigation-link-next > a,
.post-navigation-link-previous > a,
.taxonomy-category > a {
  text-decoration: none;
  position: relative;
}

.wp-block-post-navigation-link[data-title="Nächster Beitrag"] > [aria-label="Nächster Beitrag"]::after, /* FSE */
.post-navigation-link-next > a::after {
  content: url(./assets/svg/arrow-right.svg);
  position: absolute;
  width: var(--wp--preset--spacing--32);
  left: 125%;
  top: 5%;
}

.wp-block-post-navigation-link[data-title="Vorheriger Beitrag"] > [aria-label="Vorheriger Beitrag"]::before, /* FSE */
.post-navigation-link-previous > a::before {
  content: url(./assets/svg/arrow-left.svg);
  position: absolute;
  width: var(--wp--preset--spacing--32);
  right: 125%;
  top: 5%;
}

/*** BLOCK STYLINGS ***/

.wp-block-post-title::after {
  content: '.';
  color: var(--wp--preset--color--primary);
  font-size: inherit;
  margin-left: -1.5%;
  line-height: 0.9;
}

.wp-block-image.responsive-site-logo a > img {
	width: var(--wp--custom--fluid-logo-size);
}