/*
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
* --------------------------------------------- */
input[type='text'],
input[type='email'],
input[type='url'],
input[type='password'],
input[type='search'],
input[type='number'],
input[type='tel'],
input[type='range'],
input[type='date'],
input[type='month'],
input[type='week'],
input[type='time'],
input[type='datetime'],
input[type='datetime-local'],
input[type='color'],
textarea {
  color: #4a4a49;
  border: 4px solid #4a4a49 !important;
  border-radius: 0;
  min-height: 80px !important;
  padding: 1rem;
  font-size: 1rem;
  width: 100%;
  background-color: #fff;
}
.acf-label {
  margin-top: 2rem;
  font-weight: 800;
  margin-bottom: 1rem;
}

button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
  color: #4a4a49;
  border: 4px solid #4a4a49 !important;
}

.acf-form-submit {
  padding-inline: 16px;
}
.acf-field .acf-label label {
  font-weight: 800 !important;
}
ul.acf-radio-list li label,
ul.acf-checkbox-list li label {
  font-size: 1rem !important;
  font-weight: 800 !important;
}

input[type='radio'] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid black;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  transition: background-color 0.3s, border-color 0.3s;
}
input[type='radio']:checked {
  background-color: black;
  border-color: black;
}

/* * Password protected pages
* --------------------------------------------- */
#page:has(.post-password-form) {
  display: flex;
  justify-content: center;
  align-items: center;
}

.entry-content:has(.post-password-form) {
  display: flex;
  justify-content: center;
  align-items: center;
}

.post-password-form {
  padding: 2rem;
  max-width: 600px;
}

.post-password-form * {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  margin-top: 0;
  margin-bottom: 1rem;
  border-radius: 10px;
}

.post-password-form input[type='password'] {
  border: 2px solid #000;
  color: #000;
}

.post-password-form input[type='submit'] {
  border: 2px solid #000;
}