/*
Theme Name:	Theater Budenzauber
Theme URI: 	https://www.wp-up2date.de/
Description:	An individually modified theme for the Theater Budenzauber (Twenty Twenty child theme).
Author:		WP UP2DATE™
Author URI:	https://www.wp-up2date.de/
Template:	twentytwenty
Version:	2.0
Text Domain:	twenty-twenty-child

(Parent theme style enqueued via functions.php)
*/



/* Farben
#800 – dark red
#faf0d6 – extra light red
#f7e7bf – light red
#f4dfa9 – middle light red
*/



/* Allgemein */
body {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.color-accent, .color-accent-hover:hover, .color-accent-hover:focus, :root .has-accent-color, .has-drop-cap:not(:focus)::first-letter, .wp-block-button.is-style-outline, a {
  color: #800;
}

.header-titles .site-description {
  display: none;
}

.post-meta-wrapper {
  display: none;
}

@media screen and (min-width: 782px) {
.wp-block-column:not(:first-child) {
  margin-left: 4rem;
}
}



/* Header */
.overlay-header #site-header {
  background: -moz-linear-gradient(top, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%);
}



/* Navigation */
.primary-menu ul {
  width: 22rem;
  background: #fff !important;
  color: #800 !important;
}
.primary-menu ul::after {
  border-bottom-color: #fff !important;
}
.primary-menu #menu-item-2679 ul {
  width: 27rem;
}

body:not(.overlay-header) .primary-menu ul {
  background-color: #fff;
  filter: drop-shadow(0 0 3px rgba(0, 0, 0, .1));
}
body:not(.overlay-header) .primary-menu > li > ul::after {
  border-bottom-color: #fff;
}

body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu a, .footer-menu a, .footer-widgets a, #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote::before, .singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover {
  color: #800 !important;
}



/* Cover-Template: Erster Group-Block kein Anstand nach oben */
body.template-cover .cover-header + .post-inner {
  padding-top: 5rem;
}

@media screen and (min-width: 700px) {
body.template-cover .cover-header + .post-inner {
  padding-top: 5rem;
}
}

@media screen and (min-width: 1220px) {
body.template-cover .cover-header + .post-inner {
  padding-top: 5rem;
}
}



/* Content */
.cover-header .entry-header * {
  text-shadow: 0 0 8px rgba(0,0,0,.33);
}

h1, h2, h3, h4, h5, h6, .faux-heading {
  font-weight: 600;
}

.entry-content a {
  color: #800;
}

.entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
  max-width: 64rem;
}

[class*="__inner-container"] > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
  max-width: 64rem;
  width: 100%;
}

.no-margin-top-bottom {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.no-margin-top {
  margin-top: 0 !important;
}

.no-margin-bottom {
  margin-bottom: 0 !important;
}

figure.plakat img {
  padding: 2px;
  border: 2px solid #faf0d6;
}



/* Gallery */
.blocks-gallery-grid .blocks-gallery-item figcaption {
  padding: 26px 18px 18px;
  font-size: 2.0rem;
  font-weight: 300;
  text-shadow: 0 0 8px rgba(0,0,0,.66);
}

figcaption a {
  color: #fff !important;
  text-decoration: none;
  border-bottom: 1px solid
rgba(255,255,255,0.33);
}

figcaption a:hover {
  border-bottom-style: dotted;
}



/* Event Ankündigung */
figure.event-image {
  position: relative;
}

figure.event-image figcaption {
  position: absolute;
  bottom: 0;
  width: 100%;
  max-height: 100%;
  padding: 26px 18px 13px;
  overflow: auto;
  color: #fff;
  font-size: 3.2rem;
  font-weight: 200;
  text-shadow: 0 0 8px rgba(0,0,0,.66);
  background: linear-gradient(0deg,
rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);
}

.event-icons {
  width: 20px;
  height: 20px;
  margin: 0 2px 0 0;
  display: inline-block;
}



/* Button */

/* Style outline */
.wp-block-button.is-style-outline .wp-block-button__link,
button.wp-block-button.is-style-outline.wpcf7-submit {
  color: #800 !important;
  background-color: #FFF !important;
  border: 2px solid #800 !important;
  transition: all .2s ease-out;
}

.wp-block-button.is-style-outline .wp-block-button__link:focus,
.wp-block-button.is-style-outline .wp-block-button__link:hover,
button.wp-block-button.is-style-outline.wpcf7-submit:focus,
button.wp-block-button.is-style-outline.wpcf7-submit:hover {
  text-decoration: none;
  color: #000 !important;
  background-color: #FFF !important;
  border: 2px solid #000 !important;
}

/* Style fill */
.wp-block-button.is-style-fill .wp-block-button__link {
  color: unset !important;
  border: 0 !important;
  transition: all .2s ease-out;
}

button.wp-block-button.is-style-fill.wpcf7-submit {
  color: #FFF !important;
  background-color: #800 !important;
  transition: all .2s ease-out;
}

.wp-block-button.is-style-fill .wp-block-button__link:focus,
.wp-block-button.is-style-fill .wp-block-button__link:hover,
button.wp-block-button.is-style-fill.wpcf7-submit:focus,
button.wp-block-button.is-style-fill.wpcf7-submit:hover {
  text-decoration: none;
  color: #FFF !important;
  border-width: 0 !important;
  filter: brightness(1.1);
}



/* Footer */
body.home #site-footer,
body.page-id-18 #site-footer {
  margin-top: 0 !important;
}

@media screen and (min-width: 700px) {
body.home #site-footer,
body.page-id-18 #site-footer {
  margin-top: 0 !important;
}
}

#site-footer {
  background-color: #800 !important;
  color: #fff;
}

#site-footer a {
  color: #fff;
}

.footer-copyright {
  font-weight: 400;
}



/* Forms */
.wpcf7-not-valid-tip {
  font-size: 1.6rem !important;
}