/*
Theme Name: bsTheme
Theme URI: http://brotsalz.de/
Author: brot & salz
Author URI: http://www.brotsalz.de
Description: brot & salz Theme
Version: 1.0.1
Tested up to: 6.1.1
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bstheme
Tags: brot&salz, tailor-made-theme

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

bsTheme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/* * Site Header
* --------------------------------------------- */
.site__header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
}

/* Nav open */
.navOpen {
  overflow: hidden;
}

/* Nav down */
.navDown {
  background: #fff;
  box-shadow: 0 4px 3px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 0 4px 3px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0 4px 3px rgba(0, 0, 0, 0.07);
}

/* * Burger Button
* --------------------------------------------- */
#navBurger {
  position: relative;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  transition: 0.2s ease-in;
  padding-block: 15px;
}

#navBurger span {
  display: block;
  width: 60%;
  height: 4px;
  border-radius: 0;
  background: var(--cDef);
}

.navBurgerContainer {
  font-weight: var(--fw-bold);
  cursor: pointer;
}

.navBurgerLabel span {
  content: "";
  position: absolute;
  left: -100%;
  bottom: 0;
  top: 0;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.1s ease-in;
  z-index: 4;
}

.navBurgerContainer:hover .navBurgerLabel span {
  left: 0;
}

/* * Burger Menu
* --------------------------------------------- */
#navOverlayContainer {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  opacity: 0;
  background-color: #fff;
  z-index: -90;
  width: 100%;
  height: 100%;
  transition: 0.22s opacity ease;
}

.ovNavContainer__wrapper {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

#navOverlayContainer.openOverlay {
  transition-delay: 0s;
  opacity: 1;
  z-index: 9;
}

/* * Lorem Ipsum
* --------------------------------------------- */
.wp-block-button__link {
  display: inline-block;
  padding: 0.5rem 1rem 0.75rem !important;
}
a.wp-block-button__link.wp-element-button:after {
  content: "";
  height: 1.15rem;
  width: 1rem;
  background-image: url("data:image/svg+xml,%3Csvg fill='%23FFF' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z'/%3E%3C/svg%3E");
  background-size: 0.55rem;
  background-repeat: no-repeat;
  background-position: center 7px;
  display: inline-block;
}

:root :where(.wp-element-button, .wp-block-button__link) {
  background-color: var(--cBlue);
}

.mw-sm {
  max-width: 476px;
}

.leistBtn .wp-block-button__link {
  background: none;
  padding: 0 !important;
  font-size: 28px;
  text-decoration: underline;
  color: var(--cDef);
}

.leistBtn a.wp-block-button__link.wp-element-button:after {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23000' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z'/%3E%3C/svg%3E");
}

.headNavDesk a {
  display: inline-block;
  margin-left: 20px;
}