/**
 * Theme Name: Maple Leaf Wintercup - by Youcke Laven
 * Template: extendable
 * Author: Youckelaven
 * Author URL:youckelaven.com
 * Theme URL:youckelaven.com
 * Text Domain: YouckeLaven
 * Version: 0.1.8
 * Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, wide-blocks, block-editor-patterns, block-editor-styles, block-themes, buddyPress, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, front-page-posting, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, style-variations, template-editing, theme-options, threaded-comments, translation-ready, blog, e-commerce, education, entertainment, food-and-drink, holiday, news, portfolio
 */

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

|| Normalize
|| Typography
	-- Headings
	-- Global
	-- Buttons
	-- Links
|| Elements
	-- Top Header
	-- Logo
	-- Footer
|| Navigation
	-- Links
	-- Menus
|| Widgets
|| Content
	-- Buttons
	-- Posts and pages
	-- Comments
|| Infinite scroll
|| Media
	-- Images
	-- Video
	-- Captions
	-- Galleries
|| Forms
|| Utilities
	-- Responsiveness
	-- Accessibility
	-- Alignments
--------------------------------------------------------------*/

/* || NORMALIZE */
/* Fallback for deprecate variables.
---------------------------------------------------------------------------- */
:root {
	--wp--custom--spacing--small: var(--wp--preset--spacing--30, clamp(1.5rem, 5vw, 2rem));
	--wp--custom--spacing--medium: var(--wp--preset--spacing--50, clamp(2.5rem, 8vw, 4rem));
	--wp--custom--spacing--large: var(--wp--preset--spacing--60, clamp(2.5rem, 8vw, 6rem));
	--wp--custom--spacing--outer: max(1.25rem, 4vw);
}

/* --- Header --- */

main.sticky-header {
	margin-top: 0px; 
	margin-bottom: 0px
}

a {
	text-decoration-style: var(--wp--custom--elements--link--static--text-decoration-style, solid);
	text-decoration-thickness: var(--wp--custom--elements--link--text-decoration-thickness, 1px);
	text-underline-offset: var(--wp--custom--elements--link--text-underline-offset, 0.25ch);
}

a:hover,
a:focus {
	text-decoration-style: var(--wp--custom--elements--link--interactive--text-decoration-style, dashed);
}

:where(.wp-site-blocks *:focus) {
	outline-width:1px;
	outline-style:solid
}

a:active {
	text-decoration: none;
}

/* --- Navigation --- */
/* Don't display the homepage in the Page List block, when located inside a navigation element. */
nav .wp-block-pages-list__item.wp-block-navigation-item.menu-item-home {
	display: block;
}

:where(header .wp-block-navigation a) {  /* Selecteert alle links in de navigatie */
	color: var(--wp--preset--color--foreground);
	text-decoration: none; 
	font-weight: 700;
}

:where(header .wp-block-navigation a:hover),
:where(header .wp-block-navigation a:focus),
:where(header .wp-block-navigation a:active) {
	color: var(--wp--preset--color--secondary)!important;
	text-decoration:none!important;
	text-decoration-style: solid;
}

/* --- Hide on desktop --- */
@media screen and (min-width:550px) {
  .mobile-hide { display:none }
}

/* --- Menu shadows --- */
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    background-color: #fff;
    border: 0px;
    border-radius: 50px;
    box-shadow: 0px 0px 7px 0px #21212121;
}

/* --- Menu submenu hiding in mobile menu --- */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
	display: none;
}

.scroll-to {
  /*Adds margin to the top of the viewport*/
  scroll-margin-block-start: 250px;
  /*Adds margin to the bottom of the viewport*/
  scroll-margin-block-end: 120px;
}