/*
Theme Name: Spiel
Theme URI: https://wordpress.com/theme/spiel
Author: Automattic
Author URI: https://automattic.com/
Description: Spiel is a game magazine theme. The rich and dense old-school homepage layout could still work well for pro-bloggers.
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 5.7
Version: 1.0.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: spiel
Tags: blog, news, grid-layout, two-columns, right-sidebar, block-styles, featured-images, full-site-editing, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-patterns
*/

/*
 * Button Block
 * Control the hover stylings of outline block style.
 * Unnecessary once block styles are configurable via theme.json
 * https://github.com/WordPress/gutenberg/issues/42794
 */
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):hover {
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
	border-color: var(--wp--preset--color--primary);
}

/*
 * Pull quote Block
 * Reset the browser default margins for blockquote element
 * https://github.com/WordPress/gutenberg/issues/44129
 */
.wp-block-pullquote blockquote,
.wp-block-pullquote p {
	margin: 0;
}

/* Only animate mobile menu */
@media (max-width: 768px) {
  .wp-block-navigation__responsive-container .wp-block-navigation-item {
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.4s ease, transform 0.4s ease;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
    opacity: 1;
    transform: translateY(0);
  }

  /* Staggered animation */
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:nth-child(1) { transition-delay: 0.1s; }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:nth-child(2) { transition-delay: 0.2s; }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:nth-child(3) { transition-delay: 0.3s; }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:nth-child(4) { transition-delay: 0.4s; }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:nth-child(5) { transition-delay: 0.5s; }
}