/*
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
* --------------------------------------------- */