/*
Theme Name: Morhammer 25 (Twenty Twenty-Five Child)
Theme URI: https://84ghz.de
Description: Child theme for the Twenty Twenty-Five theme
Author: Your Name
Author URI: https://
Template: twentytwentyfive
Version: 1.0
Text Domain: morhammer-xxv
*/

/* THIS/THAT
----------------------------------------------- */
body {
  overflow-x: hidden;
}

/* SITE LOGO DIFFERENT ON TOP
----------------------------------------------- */
body.home .wp-block-site-logo {
  transform:
      translate(
          calc(50vw - 50%),
          calc(50vh - 50%)
      )
  scale(3.5);
  transition: transform 2s ease, scale 2s ease;
  max-width: 30%;
}
body.scrolled .wp-block-site-logo,
body:not(.at-top) .wp-block-site-logo {
  scale: 1;
  transform: none;
}
body.scrolled .wp-block-site-logo {
  transition: none;
}

/* SHOW/HIDE HEADER ON SCROLLING
----------------------------------------------- */
header.wp-block-template-part {
  position: sticky;
  top: 0;
  transition: transform 0.35s ease, opacity 0.35s ease;
  z-index: 1000;
}
body.header-visible header.wp-block-template-part {
  transform: translateY(0);
  opacity: 1;
  margin-bottom: -100px;
}
body.header-hidden header.wp-block-template-part {
  transform: translateY(-100%);
  opacity: 0;
}

/* MOVE HEADINGS H5 AFTER ENTERING VIEW
----------------------------------------------- */
.wp-block-cover h5.wp-block-heading {
  transition: transform 2s ease;
}
.wp-block-cover:nth-of-type(odd) h5.wp-block-heading {
  transform: translateX(-50vw);
}
.wp-block-cover:nth-of-type(even) h5.wp-block-heading {
  transform: translateX(50vw);
}
.wp-block-cover h5.wp-block-heading.scrolled-into-view {
  transform: translateX(0);
}
/* MOVE HEADINGS H5 AFTER ENTERING VIEW
----------------------------------------------- */
.wp-block-columns h2.wp-block-heading {
  transition: transform 2s ease;
}
.wp-block-columns:nth-of-type(odd) h2.wp-block-heading {
  transform: translateX(-20vw);
}
.wp-block-columns:nth-of-type(even) h2.wp-block-heading {
  transform: translateX(20vw);
}
.wp-block-columns h2.wp-block-heading.scrolled-into-view {
  transform: translateX(0);
}

/* FIX MENU
----------------------------------------------- */
.wp-block-navigation__responsive-container {
  height: 100vh;
}

/* NO HAMBURGER MENU
----------------------------------------------- */
.wp-block-navigation__responsive-container-open svg {
  display: none !important;
}
.wp-block-navigation__responsive-container-open::after {
  content: "Menü";
  font-size: 18px;
  font-weight: 600;
  color: inherit;
}
.wp-block-navigation__responsive-container-open {
  margin-left: 30px !important;
  margin-right: 30px !important;
}
nav.wp-block-navigation {
  background-color: #4e4e4e00 !important;
}
.has-modal-open nav.wp-block-navigation {
  background-color: #4e4e4e !important;
}
.wp-block-navigation__responsive-container-open:focus {
  outline: none;
  box-shadow: none;
}