/* Default state: Show thumbnail, hide slideshow */
.lightbox-wrapper .thumbnail {
	display: block;
	cursor: pointer;
}

.lightbox-wrapper .slideshow-container,
.lightbox-wrapper .close-button {
	display: none;
}

/* When lightbox is targeted, show slideshow & X button, hide thumbnail */
:target.lightbox-wrapper .thumbnail {
	display: none;
}

:target.lightbox-wrapper .slideshow-container,
:target.lightbox-wrapper .close-button {
	display: block;
}

/* When closing, return to default state */
:target#close .thumbnail {
	display: block;
}

:target#close .slideshow-container,
:target#close .close-button {
	display: none;
}


.floating-text-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 5vw;
  z-index: 10;
  pointer-events: none; /* allows background interaction if needed */
}





.force-full-cover {
  position: absolute; /* or fixed if you want it to stay on screen while scrolling */
  top: 0;
  left: 0;
  width: 100vw !important;
  height: 100vh !important;
  max-width: 100vw !important;
	  max-width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
  padding: 0 !important;
  !margin: 0 !important; /* reset margins */
  !padding: 0 !important;
  overflow: hidden;
  z-index: 0; /* higher to ensure on top */
}

/* Ensure internal container doesn't add spacing */
.force-full-cover > .wp-block-cover__inner-container {
  max-width: none !important;
  padding: 0 !important;
}

/* Prevent theme wrappers from causing scroll or visual gaps */
html, body {
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
}

/* Remove side padding from common theme wrappers */
body .wp-site-blocks,
body .site-content,
body .entry-content,
body .container,
body .content-area {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}


.hero-text-overlay {
  position: absolute;
  top: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  z-index: 999;
  pointer-events: none;
	padding-right: 40%;
	padding-left: 85%;
}

.hero-text-content {
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 2.0rem;
  max-width: 790px;
  max-height: 90vh;       /* Limit to 90% vertical height */
  overflow-y: auto;       /* Scroll if content exceeds height */
  font-size: 1.3rem;
  line-height: 1.6;
  pointer-events: auto;
}

.hero-nav-links {
  /* existing layout rules … */
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 50%;
  left: calc(100vw - 540px);
  transform: translateY(-50%);
  text-align: left;
  font-size: 3.2rem;
  line-height: 1.3;
  gap: 1.5rem;
  white-space: nowrap;
  z-index: 1000;
  pointer-events: auto;

  /* 🆕  typography tweaks  */
  font-family: 'Oswald', sans-serif; /* new font */
  font-weight: 900;                 /* extra-bold weight */
  letter-spacing: 0.04em;           /* slight spacing for readability */
  text-transform: uppercase;        /* optional – feels stronger */
}

.hero-nav-links a {
  color: white;
  text-decoration: none;
  transition: opacity 0.2s ease;
  font-weight: inherit;      /* inherits the 900 weight above */
}

.hero-nav-links a:hover {
  opacity: 0.7;
}

.hero-nav-links {
  -webkit-text-stroke: 1px rgba(0,0,0,0.3); /* subtle outline */
}