/*Hero banner css*/

/* Full viewport hero */
.hero-rotator {
  position: relative;
  height: 100vh;
  width: 100%;
  overflow: hidden;
}

/* If Spectra adds inner wrappers, make sure they don't constrain height */
.hero-rotator .uagb-container-inner-blocks-wrap,
.hero-rotator .uagb-container__inner-wrap {
  height: 100%;
}
.hero-rotator .hero-rotator__media {
  position: absolute !important;
  inset: 0;
}

/* Media layer fills hero */
.hero-rotator__media {
  position: absolute;
  inset: 0;å
  z-index: 0;
}

/* Each item covers */
.hero-rotator__item {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;

  opacity: 0;
  transition: opacity 900ms ease;
  pointer-events: none;
}

/* Active item fades in */
.hero-rotator__item.is-active {
  opacity: 1;
}

/* Never start blank */
.hero-rotator__media .hero-rotator__item:first-child {
  opacity: 1;
}

/* Put any normal hero content above media (headings/buttons you add later) */
.hero-rotator > *:not(.hero-rotator__media) {
  position: relative;
  z-index: 1;
}





/*navigation css*/


/* --- LUXURY OVERLAY ANIMATION (fade + slight slide + subtle scale) --- */
.DB_NAV.wp-block-navigation .wp-block-navigation__responsive-container {
  /* your charcoal overlay */
  background-color: rgba(40, 40, 40, 0.85) !important;

  /* animation setup */
  opacity: 0;
  transform: translateY(-10px) scale(0.985);
  transition:
    opacity 1320ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 1420ms cubic-bezier(0.16, 1, 0.3, 1);

  /* avoid click when closed */
  pointer-events: none;

  /* helps smooth rendering */
  will-change: opacity, transform;
}

/* When menu is open, WordPress adds .is-menu-open */
.DB_NAV.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

/* Optional: make the inner dialog slightly delayed for a "staged" reveal */
.DB_NAV.wp-block-navigation .wp-block-navigation__responsive-dialog {
  background: transparent !important;

  opacity: 0;
  transform: translateY(6px);
  transition:
    opacity 260ms cubic-bezier(0.16, 1, 0.3, 1) 1080ms,
    transform 360ms cubic-bezier(0.16, 1, 0.3, 1) 1080ms;

  will-change: opacity, transform;
}

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

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .DB_NAV.wp-block-navigation .wp-block-navigation__responsive-container,
  .DB_NAV.wp-block-navigation .wp-block-navigation__responsive-dialog {
    transition: none !important;
    transform: none !important;
  }
}

.DB_NAV.wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open {
color: white !important;
 
}




.DB_NAV a {
    text-decoration: none !important;
}




 /*nav bar css*/
 


/* Your header block (outer wrapper) */
.wp-block-group.alignfull.is-position-sticky {
  width: 100%;
  left: 0;
  top: 0;
  z-index: 9999;
  transition: padding 200ms ease, background 200ms ease, box-shadow 200ms ease;
}

/* Before hero is passed: header sits at top but NOT sticky */
.wp-block-group.alignfull.is-position-sticky.header--overlay {
  position: absolute !important;
  background: transparent;
  box-shadow: none;
}

/* After hero is passed: sticky header */
.wp-block-group.alignfull.is-position-sticky.header--sticky {
  position: fixed !important;
  background: rgba(255,255,255,0.95);
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

/* Hide tagline + navigation in sticky mode (logo-only) */
 

/* Keep logo tidy */
.wp-block-group.alignfull.is-position-sticky .wp-block-site-logo img {
  height: 48px;
  width: auto;
}

/*services at bottom of hero*/
.Hero-Bottom{
	margin-top:auto;
}

.Hero-Bottom-Right{
	text-align: right;
padding: 35px;
	    margin-top: auto;
}
.Hero-Bottom-Left{
	text-align: left;
padding: 35px;
	    margin-top: auto;
}


@media (max-width: 767px) {
    .Hero-Project-Btn {
         display: inline-block;
        position: fixed !important;
		left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    }
}



/*featured developments page*/
.featured-developments {
  display: none !important;
}

/* Show when toggled */
.featured-developments.is-open {
  display: flex !important;
}