/*
Theme Name: Xandy Theme
Theme URI: https://www.xandy.at
Author: Alexander Leonhartsberger-Schrott
Author URI: https://www.xandy.at
Requires at least: 6.6
Tested up to: 6.6
Requires PHP: 8.0
Version: 1.22
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: xandyfse
Details URI: https://blockswordpress.cloud08.webhome.at/web-crossing-block-theme-changelog
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

*,
*::before,
*::after {
  box-sizing: border-box;
}

input,
button,
textarea,
select {
  font: inherit;
}

html {
  scroll-behavior: smooth;
  scroll-padding: 100px;
}

/* If a headline breaks, break it balanced */
h1,
h2,
h3,
h4,
h5,
h6,
.wp-blocks-xandy-blocks-fake-heading {
  text-wrap: balance;
}

body {
  min-height: 100vh;
}

/* Media responsive */
img,
picture,
svg,
video {
  max-width: 100%;
}

/* pretty text wrap to prevent orphaned words and a max-width of 60 characters for paragraphs, list items and figcaptions */
p,
li,
figcaption {
  text-wrap: pretty;
}

.fake-heading-h1 {
  font-size: var(--wp--preset--font-size--xx-large);
}
.fake-heading-h2 {
  font-size: var(--wp--preset--font-size--x-large);
}
.fake-heading-h3 {
  font-size: var(--wp--preset--font-size--large);
}
.fake-heading-h4 {
  font-size: clamp(1.1rem, 1.1rem + ((1vw - 0.2rem) * 0.767), 1.5rem);
}
.fake-heading-h5 {
  font-size: var(var(--wp--preset--font-size--medium));
}
.fake-heading-h6 {
  font-size: var(--wp--preset--font-size--small);
}

.is-style-sideallax {
  outline: 2px solid var(--wp--preset--color--contrast);
}

.is-style-sideallax:hover {
  outline: 1px solid var(--wp--preset--color--accent);
  transition: outline 0.3s ease-in-out;
}

/* SVG Logo Animation */
#site-logo {
  /* Ensure SVG has proper dimensions if needed */
  width: auto;
  height: auto;
}

#site-logo path {
  fill: none; /* Remove any fill */
  stroke-width: 4px !important; /* Adjust as needed */
  stroke-dasharray: 1000; /* Adjust based on your path length */
  stroke-dashoffset: 1000; /* Initially hide the stroke */
}

/* Apply staggered delay to each group */
svg g#first path {
  animation-delay: 0.2s;
}

svg g#second path {
  animation-delay: 0;
}

svg g#third path {
  animation-delay: 0.5s;
}

svg g#fourth path {
  animation-delay: 1.4s;
}

svg g#fifth path {
  animation-delay: 1.8s;
}

svg g#sixth path {
  animation-delay: 2.1s;
}

svg g#seventh path {
  animation-delay: 2.5s;
}

/* Animation to draw the stroke */
@keyframes draw-path {
  to {
    stroke-dashoffset: 0;
  }
}

/* Optional: Add fill animation after stroke is drawn */
#site-logo path {
  animation: draw-path 2s forwards;
}

/*wp block cover with class hero-cover should have a slight zoom effect on the image over 5 seconds */
@keyframes zoom {
  0% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
.hero-cover img {
  animation: zoom 5s ease-in-out forwards;
}

#start-title {
  /*textshadow*/
  text-shadow: 0 0 10px var(--wp--preset--color--contrast);
}
#start-title::after {
  content: "&";
  display: block;
  position: absolute;
  right: 0;
  font-size: 20vh;
  color: var(--wp--preset--color--accent);
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
}

#storyslider {
  overflow: hidden;
  position: relative;
}
#storyslider .background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  background-size: cover;
  background-position: center;
  filter: blur(10px);
  margin-top: -30px !important;
  margin-bottom: -30px !important;
  z-index: -1;
  transition: opacity 0.3s ease-in-out;
}

.query-loop-swiper-button-prev,
.query-loop-swiper-button-next {
  max-width: 35px;
  max-height: 35px;
}

.wp-block-xandy-blocks-grid .wp-block-cover {
  border: 2px solid transparent;
  transition: border 0.3s ease-in-out;
}

.wp-block-xandy-blocks-grid .wp-block-cover:hover {
  border: 2px solid var(--wp--preset--color--accent);
}

@media (min-width: 1100px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: none !important;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(
      .is-menu-open
    ) {
    display: block !important;
  }
}
@media (min-width: 600px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(
      .is-menu-open
    ) {
    display: none;
  }
}

@media (max-width: 1100px) {
  .wp-block-navigation__container .wp-block-navigation-item > a {
    color: #fff;
    position: relative;
    transition: color 0.2s;
  }

  .wp-block-navigation__responsive-container {
    background-color: #171717 !important;
  }

  .wp-block-navigation__responsive-container
    :where(.wp-block-navigation-item a) {
    color: white !important;
    font-size: 30px !important;
    font-family: var(--wp--preset--font-family--merriweather) !important;
  }

  /* Make the navigation close icon white */
  .wp-block-navigation__responsive-container-close,
  .wp-block-navigation__responsive-container-close svg,
  .wp-block-navigation__responsive-container-close path {
    color: #fff !important;
    fill: #fff !important;
    stroke: #fff !important;
  }
}

.link-overlay {
  transition: all 0.3s ease-in-out;
  outline: 1px solid transparent;
}

.link-overlay:hover {
  transition: all 0.3s ease-in-out;
  outline: 1px solid var(--wp--preset--color--accent, #e53935);
}

.current-menu-item .wp-block-navigation-item__label,
.wp-block-read-more {
  border-bottom: 1px solid var(--wp--preset--color--accent, #e53935);
  transition: all 0.3s ease-in-out;
}

.wp-block-read-more:hover {
  color: var(--wp--preset--color--accent, #e53935);
}

.wp-block-navigation-item__label {
  border-bottom: 1px solid transparent;
}
.entry-content p:not(.wp-block-post-title) a:where(:not(.wp-element-button)),
.wp-block-navigation-item__label:hover {
  transition: all 0.3s ease-in-out;
  /* Your styles here */
  border-bottom: 1px solid var(--wp--preset--color--accent, #e53935);
}

.entry-content p a:where(:not(.wp-element-button)):hover {
  color: var(--wp--preset--color--accent, #e53935);
  /* example hover color */
}

.wp-block-polylang-language-switcher {
  list-style: none;
  padding-left: 0;
}
.sib-form .input {
  color: black !important;
}