/*
Theme Name: Myy Twenty Twenty Five Child Theme
Theme URI: https://example.com
Description: A child theme for Twenty Twenty Five.
Author: woy
Author URI: https://www.woywodt.de
Template: twentytwentyfive
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root {
  --wp--preset--font-size--xxxlarge: clamp(2.712rem, 2.712rem + ((1vw - 0.2rem) * 3.903), 5.2rem);
  --font-weight-bold: 700;
  --form--border-radius: 5px;
  --form--spacing-unit: 10px;
  --blue-grey-lighten-3: #b0bec5;
}

:root :where(.wp-element-button, .wp-block-button__link) {
  background-color: var(--wp--preset--color--contrast);
  border-width: 0;
  color: var(--wp--preset--color--base);
  font-family: inherit;
  font-weight: 700;
  line-height: inherit;
  padding: 0.7rem 1.45rem;
  text-decoration: none;
}

body {
  font-size: var(--wp--preset--font-size--medium);
}

a {
  transition: 0.4s;
}

b {
  font-weight: var(--font-weight-bold);
}

.hero em {
  background-color: rgba(0, 0, 0, 0.3);
  font-style: normal;
}

h1.h1large {
  font-size: clamp(2.244rem, 2.244rem + (1vw - 0.2rem) * 2.911, 4.1rem);
  padding: var(--wp--preset--spacing--50) 16px;
  font-weight: 100;
}

.hidden {
  display: none !important;
}

.reqrd {
  color: red;
}

.width100 {
  width: 100%;
}

.has-xxx-large-font-size {
  font-size: var(--wp--preset--font-size--xxxlarge);
}

header .wp-block-navigation .wp-block-navigation-item {
  color: #fff;
}
header .wp-block-navigation .wp-block-navigation-item.current-menu-item {
  font-weight: var(--font-weight-bold);
  color: #fff;
  display: none;
}

.timeline .item .is-layout-flex.is-vertical {
  gap: 0.4rem;
}
.timeline.concerts .date {
  min-width: 140px;
  text-align: right;
}

.locations {
  font-size: var(--wp--preset--font-size--large);
}
.locations p {
  border: 1px solid #000;
  border-radius: 9999px;
  width: 160px;
  height: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #000;
  color: #fff;
}
.locations p br {
  display: none;
}

.covergallery .wp-block-image {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}

.wp-block-social-links li {
  background: #fff;
}
.wp-block-social-links li .wp-block-social-link-anchor svg {
  fill: #000 !important;
}

p.date {
  min-width: 150px;
  text-align: right;
}

@media only screen and (max-width: 600px) {
  .page-vincent-meissner-trio .hero {
    min-height: unset !important;
    height: 440px !important;
  }
  .henrireichmanndrummin .wp-block-cover__image-background {
    background-attachment: unset !important;
  }
}
/*
.rotatecontain{
    overflow:scroll;
    > .wp-block-group{
        display: flex;
        height:440px;
        > .item{
         p,h3   {
            rotate: 270deg;
            //flex-basis:  100px;
            //width:120px;
        }
    }
    }
}
    */
.socialbtns {
  margin-block-start: 0 !important;
}
.socialbtns .is-style-text-annotation {
  transition: 0.5s;
}
.socialbtns .is-style-text-annotation:hover {
  background: #fff;
  color: #000;
}

/*
.hero{
    position: relative;
    min-height:100vw !important;
    height:100vw !important;

    .wp-block-heading{
        transition: 1s;
        &:not(.relativ){
            position: fixed;
            bottom:10%;
            transition: 1s;
        }
    }
}
*/
/*
// 1. The Parent Block - wp-block-cover
.wp-block-cover {
    // Use min-height: 200vh or calc() to ensure it's taller than the screen
    min-height: 200vh;
    // Important: position: relative is usually on the parent for positioning children.
     //  We will use JavaScript to check its position relative to the viewport.
}
*/
.page-start .hero .wp-block-heading {
  position: fixed;
  bottom: 50px;
  z-index: 100;
  /*
      left: 50%; // Center it horizontally (if not already handled by its parent/alignment) //
      transform: translateX(-50%);
      width: 100%; // Adjust as needed //
      max-width: 900px; // Or whatever the content's max width is //

      margin: 0; // Remove default margins that might interfere //
      text-align: center; // Center the text inside the heading //
  */
  transition: position 0s, bottom 0.3s;
}
.page-start .hero .wp-block-heading.unstick {
  position: relative !important;
  /*
  position: absolute !important; // Changes it to position relative to its parent //
  bottom: 100px !important; // Remains 100px from the bottom of the parent //
  // When it's 'position: absolute' inside the cover, 'bottom: 100px'
  //  will place it 100px from the bottom of the *parent cover block*. //
  transform: translateX(-50%); // Keep centering */
}/*# sourceMappingURL=style.css.map */