/*
Theme Name: Twenty Twenty-Five Child
Description: A child theme for the Twenty Twenty-Five WordPress theme
Template: twentytwentyfive
Version: 1.0.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive-child
*/

/* Import the parent theme's styles */
@import url("../twentytwentyfive/style.css");
@import url("./assets/css/typography.css");
@import url("./assets/css/form.css");

/* Add your custom styles below */

/* Navigation */
.admin-bar header {
  top: 32px;
}
header {
  position: absolute;
  width: 100%;
  z-index: 100;
}

.wp-block-navigation a:hover {
  text-decoration: none;
}
.wp-block-navigation a.wp-block-navigation-item__content:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  transform: translateY(0.4rem);
  height: 0.5rem;
  width: 100%;
  background: url("./assets/img/strich_kurz.svg") no-repeat center;
  background-size: contain;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.wp-block-navigation a:hover:after,
.wp-block-navigation a:focus:after,
.wp-block-navigation a:active:after {
  opacity: 1;
}

/* Components */
/* img */
img {
  vertical-align: middle !important;
}

/* button */
:root :where(.wp-element-button, .wp-block-button__link) {
  transition: all 0.3s ease-in-out;
}
:root :where(.wp-element-button:hover, .wp-block-button__link:hover) {
  background-color: var(--wp--preset--color--accent-4) !important;
  color: var(--wp--preset--color--accent-1) !important;
}

/* modules */
/* banner */
.banner {
  position: relative;
}
.banner p img {
  margin: 0 3rem;
}
.banner .egg img {
  position: absolute;
  transform: translate(-100%, -50%);
}