/**
 * Theme Name: Zaraz Child
 * Template:   twentytwentyfive
 */

/* Header and Snapping */

:root {
  --header-height: 100px;
}

html {
	scroll-snap-type: y mandatory;
	scroll-padding-top: var(--header-height);
}

.snap-group-vh {
	height: calc(100vh - var(--header-height)) !important;
}

.snap-group {
	scroll-snap-align: start;
	scroll-snap-stop: always;
}

/* Nav Styling */

a:hover {
	text-decoration: none !important;
}

.wp-block-navigation-item {
	position: relative;
}

.wp-block-navigation-item::before,
.wp-block-navigation-item::after {
  content: "";
  position: absolute;
  display: block;
  border: 0 solid transparent;
  width: 0%;
  height: 0%;
  transition: all 0.3s ease;
}

.wp-block-navigation-item::after {
  top: -5px;
  left: -10px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
}

.wp-block-navigation-item::before {
  right: -10px;
  bottom: -5px;
  border-bottom: 2px solid transparent;
  border-right: 2px solid transparent;
}

.wp-block-navigation-item:hover::before,
.wp-block-navigation-item:hover::after {
  
width: 10px;
  height: 10px;
  border-color: var(--wp--preset--color--accent-3);
}
.current-menu-item::before,
.current-menu-item::after {
  content: "";
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
}

.current-menu-item::after {
  top: -5px;
  left: -10px;
  border-top: 2px solid;
  border-left: 2px solid;
}

.current-menu-item::before {
  right: -10px;
  bottom: -5px;
  border-bottom: 2px solid;
  border-right: 2px solid;
}