/* -----------------------------------------------------------------------
 * HOME PAGE CSS 
 */

:not(body.scrolled) header.wp-block-template-part > #group-navigation,
:not(body.scrolled) header.wp-block-template-part > .group-navigation {
  background-color: none;
  color: var(--wp--preset--color--base);
}

body header.wp-block-template-part > #group-navigation,
body header.wp-block-template-part > .group-navigation,
body header.wp-block-template-part > #group-navigation.hidden,
body header.wp-block-template-part > .group-navigation.hidden,
body.scrolled header.wp-block-template-part > #group-navigation,
body.scrolled header.wp-block-template-part > .group-navigation,
body.scrolled header.wp-block-template-part > #group-navigation.hidden,
body.scrolled header.wp-block-template-part > .group-navigation.hidden   {
  transition: all 0.8s ease;
  z-index: 1000;
}

body header.wp-block-template-part > #group-navigation,
body header.wp-block-template-part > .group-navigation,
body.scrolled header.wp-block-template-part > #group-navigation,
body.scrolled header.wp-block-template-part > .group-navigation {
  width: 100%;
  top: 0;
}


body.scrolled header.wp-block-template-part > #group-navigation,
body.scrolled header.wp-block-template-part > .group-navigation {
  background-color: rgba(230, 226, 218, 0.85);
  color: var(--wp--preset--color--primary);
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
}

body header.wp-block-template-part > #group-navigation.hidden,
body header.wp-block-template-part > .group-navigation.hidden,
body.scrolled header.wp-block-template-part > #group-navigation.hidden,
body.scrolled header.wp-block-template-part > .group-navigation.hidden {
	top: -114px;
	/* Adjust the value as per your header height */
	opacity: 0;
}



body.scrolled header.wp-block-template-part > #group-navigation:has(.has-modal-open),
body.scrolled header.wp-block-template-part > .group-navigation:has(.has-modal-open),
body.scrolled header.wp-block-template-part > #group-navigation:has(.is-menu-open),
body.scrolled header.wp-block-template-part > .group-navigation:has(.is-menu-open),
body header.wp-block-template-part > #group-navigation:has(.has-modal-open),
body header.wp-block-template-part > .group-navigation:has(.has-modal-open),
body header.wp-block-template-part > #group-navigation:has(.is-menu-open),
body header.wp-block-template-part > .group-navigation:has(.is-menu-open) {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  z-index: 1001;
}

/* -----------------------------------------------------------------------
 * PAGES CSS 
 */

.surface-glass {
  background-color: rgba(230, 226, 218, 0.85);
  color: var(--wp--preset--color--primary);
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
}