/* ===========================
   SISU buttons mobile fix
   =========================== */
	#sb_instagram {
    height: auto !important;

}
#sb_instagram #sbi_images {
    padding-bottom: 0;
}
div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium {
    border: 1px solid #000;
}


div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-classic select {
    border: 1px solid #000;
    height: 46px;
    color: #000;
}
/* Keep button text on one line */
.mobile-stack-buttons .wp-block-button__link {
  white-space: nowrap;
  word-break: normal;
  overflow-wrap: normal;
}

/* --- Stack buttons vertically on mobile --- */
@media (max-width: 768px) {
  /* Target the WordPress button container correctly */
  .mobile-stack-buttons.wp-block-buttons {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center;
    gap: 10px !important; /* adds nice spacing */
  }

  /* Make each button full width */
  .mobile-stack-buttons .wp-block-button {
    width: 100% !important;
    max-width: 250px; /* optional, for symmetry */
  }

  .mobile-stack-buttons .wp-block-button__link {
    display: block;
    width: 100%;
    text-align: center;
  }
}

/* ===========================
   MOBILE BOX GRID FIX
   =========================== */

/* Force spacing between stacked boxes on mobile */
@media (max-width: 768px) {
  .mobile-box-grid {
    display: flex !important;
    flex-direction: column !important;
  }

  /* Add spacing between every box */
  .mobile-box-grid > * {
    margin-bottom: 20px !important;
  }

  /* Remove bottom margin on the last box for neatness */
  .mobile-box-grid > *:last-child {
    margin-bottom: 0 !important;
  }
}
/* === SISU Instagram Feed — perfectly full-width, centered === */

/* Remove theme container width limits */
body #sb_instagram,
body .wp-block-shortcode #sb_instagram {
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 calc(50% - 50vw) !important; /* centers it perfectly */
  padding: 0 !important;
  position: relative;
  left: 0 !important;
  right: 0 !important;
  overflow: hidden;
  background: transparent;
}

/* Inner feed layout */
#sb_instagram .sbi_feed {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
  gap: 0 !important;
}

/* Posts */
#sb_instagram .sbi_item {
  flex: 1 1 auto;
  aspect-ratio: 1 / 1;
  margin: 0 !important;
  padding: 0 !important;
}

/* Images */
#sb_instagram img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block;
  border-radius: 0 !important;
}



/* ✅ Make FAQ text normal sentence case */
.schema-faq-question,
.schema-faq-answer {
  text-transform: none !important;
}

/* ✅ Remove bold from questions */
.schema-faq-question {
  font-weight: normal !important;
}

/* Optional – tweak spacing and font size for a cleaner look */
.schema-faq-question {
  font-size: 1.1rem;
  margin-bottom: 0.25em;
}

.schema-faq-answer {
  font-size: 1rem;
  color: #333;
  line-height: 1.6;
}


/* Make Image Hover plugin images fluid */
[class*="iheu_ultimate_oxi"] img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: cover !important;
}

/* Prevent overflow issues inside hover containers */
[class*="iheu_ultimate_oxi"],
[class*="iheu_ultimate_oxi"] .ih-item {
  width: 100% !important;
  height: auto !important;
  overflow: hidden !important;
}
	/* --- True responsive fix for Aether Cover block --- */

/* Target the PARENT of hero-cover (the actual background container) */
.hero-cover.wp-block-group {
  position: relative;
}

.hero-cover.wp-block-group:has(> .wp-block-cover) .wp-block-cover {
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* Mobile fix: prevent overcropping */
@media (max-width: 768px) {
  .hero-cover.wp-block-group:has(> .wp-block-cover) .wp-block-cover {
    background-size: contain !important;
    background-position: center top !important;
    min-height: 60vh !important;
  }
}

/* Text responsiveness */
.hero-cover h1,
.hero-cover h2,
.hero-cover .wp-block-heading {
  font-size: clamp(1.5rem, 5vw, 3rem);
  line-height: 1.2;
  color: #fff;
  text-align: center;
}

.hero-cover p {
  font-size: clamp(1rem, 3vw, 1.25rem);
  line-height: 1.6;
  color: #fff;
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

/* Optional overlay for text contrast */
.hero-cover.wp-block-group::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 0;
}
.hero-cover.wp-block-group > * {
  position: relative;
  z-index: 1;
}
/* --- True responsive fix for Aether Cover block --- */

/* Target the PARENT of hero-cover (the actual background container) */
.hero-cover.wp-block-group {
  position: relative;
}

.hero-cover.wp-block-group:has(> .wp-block-cover) .wp-block-cover {
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* Mobile fix: prevent overcropping */
@media (max-width: 768px) {
  .hero-cover.wp-block-group:has(> .wp-block-cover) .wp-block-cover {
    background-size: contain !important;
    background-position: center top !important;
    min-height: 60vh !important;
  }
}

/* Text responsiveness */
.hero-cover h1,
.hero-cover h2,
.hero-cover .wp-block-heading {
  font-size: clamp(1.5rem, 5vw, 3rem);
  line-height: 1.2;
  color: #fff;
  text-align: center;
}

.hero-cover p {
  font-size: clamp(1rem, 3vw, 1.25rem);
  line-height: 1.6;
  color: #fff;
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

/* Optional overlay for text contrast */
.hero-cover.wp-block-group::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 0;
}
.hero-cover.wp-block-group > * {
  position: relative;
  z-index: 1;
}
/* --- True responsive fix for Aether Cover block --- */

/* Target the PARENT of hero-cover (the actual background container) */
.hero-cover.wp-block-group {
  position: relative;
}

.hero-cover.wp-block-group:has(> .wp-block-cover) .wp-block-cover {
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* Mobile fix: prevent overcropping */
@media (max-width: 768px) {
  .hero-cover.wp-block-group:has(> .wp-block-cover) .wp-block-cover {
    background-size: contain !important;
    background-position: center top !important;
    min-height: 60vh !important;
  }
}

/* Text responsiveness */
.hero-cover h1,
.hero-cover h2,
.hero-cover .wp-block-heading {
  font-size: clamp(1.5rem, 5vw, 3rem);
  line-height: 1.2;
  color: #fff;
  text-align: center;
}

.hero-cover p {
  font-size: clamp(1rem, 3vw, 1.25rem);
  line-height: 1.6;
  color: #fff;
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

/* Optional overlay for text contrast */
.hero-cover.wp-block-group::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 0;
}
.hero-cover.wp-block-group > * {
  position: relative;
  z-index: 1;
}/* --- True responsive fix for Aether Cover block --- */

/* Target the PARENT of hero-cover (the actual background container) */
.hero-cover.wp-block-group {
  position: relative;
}

.hero-cover.wp-block-group:has(> .wp-block-cover) .wp-block-cover {
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* Mobile fix: prevent overcropping */
@media (max-width: 768px) {
  .hero-cover.wp-block-group:has(> .wp-block-cover) .wp-block-cover {
    background-size: contain !important;
    background-position: center top !important;
    min-height: 60vh !important;
  }
}

/* Text responsiveness */
.hero-cover h1,
.hero-cover h2,
.hero-cover .wp-block-heading {
  font-size: clamp(1.5rem, 5vw, 3rem);
  line-height: 1.2;
  color: #fff;
  text-align: center;
}

.hero-cover p {
  font-size: clamp(1rem, 3vw, 1.25rem);
  line-height: 1.6;
  color: #fff;
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

/* Optional overlay for text contrast */
.hero-cover.wp-block-group::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 0;
}
.hero-cover.wp-block-group > * {
  position: relative;
  z-index: 1;
}
/* --- True responsive fix for Aether Cover block --- */

/* Target the PARENT of hero-cover (the actual background container) */
.hero-cover.wp-block-group {
  position: relative;
}

.hero-cover.wp-block-group:has(> .wp-block-cover) .wp-block-cover {
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* Mobile fix: prevent overcropping */
@media (max-width: 768px) {
  .hero-cover.wp-block-group:has(> .wp-block-cover) .wp-block-cover {
    background-size: contain !important;
    background-position: center top !important;
    min-height: 60vh !important;
  }
}

/* Text responsiveness */
.hero-cover h1,
.hero-cover h2,
.hero-cover .wp-block-heading {
  font-size: clamp(1.5rem, 5vw, 3rem);
  line-height: 1.2;
  color: #fff;
  text-align: center;
}

.hero-cover p {
  font-size: clamp(1rem, 3vw, 1.25rem);
  line-height: 1.6;
  color: #fff;
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

/* Optional overlay for text contrast */
.hero-cover.wp-block-group::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 0;
}
.hero-cover.wp-block-group > * {
  position: relative;
  z-index: 1;
}
/* --- True responsive fix for Aether Cover block --- */

/* Target the PARENT of hero-cover (the actual background container) */
.hero-cover.wp-block-group {
  position: relative;
}

.hero-cover.wp-block-group:has(> .wp-block-cover) .wp-block-cover {
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* Mobile fix: prevent overcropping */
@media (max-width: 768px) {
  .hero-cover.wp-block-group:has(> .wp-block-cover) .wp-block-cover {
    background-size: contain !important;
    background-position: center top !important;
    min-height: 60vh !important;
  }
}

/* Text responsiveness */
.hero-cover h1,
.hero-cover h2,
.hero-cover .wp-block-heading {
  font-size: clamp(1.5rem, 5vw, 3rem);
  line-height: 1.2;
  color: #fff;
  text-align: center;
}

.hero-cover p {
  font-size: clamp(1rem, 3vw, 1.25rem);
  line-height: 1.6;
  color: #fff;
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

/* Optional overlay for text contrast */
.hero-cover.wp-block-group::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 0;
}
.hero-cover.wp-block-group > * {
  position: relative;
  z-index: 1;
}
/* ✅ Hide all but the first 3 images inside the gallery grid on mobile */
@media (max-width: 768px) {
  .sisu-gallery-mobile-limit > *:nth-child(n+4) {
    display: none !important;
  }
}

/* Remove extra space above and below Instagram feed */
.insta-feed-section {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Optional: ensure the feed touches the footer */
.insta-feed-section + footer {
  margin-top: 0 !important;
}

/* Make sure the Instagram feed spans the full width */
.insta-feed-section .sbi_feed {
  margin-bottom: 0 !important;
}
@media (max-width: 768px) {
  .insta-spacer {
    display: none !important;
  }
}
/* Remove unwanted space before footer only for the Instagram feed section */
.insta-feed-section {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Remove extra padding applied to the section above the footer */
.insta-feed-section.wp-block-group {
  margin-block-end: 0 !important;
}

/* Fix the theme's default bottom padding before footer */
main > .wp-block-group:last-of-type {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* Optional: ensure full width on mobile */
#sb_instagram {
  width: 100% !important;
}
/* Remove gap before footer */
main.wp-site-content {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* Ensure the Instagram feed section has no spacing below */
.insta-feed-section {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Make footer sit directly below the feed */
.insta-feed-section + footer {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* Change WPForms confirmation message background */
.wpforms-confirmation-container-full {
  background-color: transparent !important; /* your beige site tone */
  border: none !important;
  color: #3a3329 !important; /* readable text */
  font-size: 16px;
  text-align: center;
  padding: 20px 25px !important;
  border-radius: 6px;
  max-width: 600px;
  margin: 20px auto !important;
}
	a{
		text-decoration: none !important
	}
/* 1) Put the site header on top of the cover */
.wp-site-header,
header.wp-block-template-part {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 9999 !important;
  background: transparent !important; /* keep it visually over the video */
  border-bottom: none !important;
}

/* Stretch the header wrapper from edge to edge */
.full-width-header {
  width: 100vw !important;
  max-width: 100% !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

/* Optional – avoid sideways scrollbars if something overruns */
html, body { overflow-x: hidden; }

/* Change navigation text color on hover */
.wp-block-navigation a:hover {
  color: #CA978D !important;
  transition: color 0.3s ease;
}
.wp-block-navigation a {
  transition: color 0.3s ease;
}
/* Hover color */
.wp-block-navigation a:hover {
  color: #CA978D !important;
  transition: color 0.3s ease;
}

/* Active/current page color */
.wp-block-navigation .wp-block-navigation-item__content[aria-current="page"],
.wp-block-navigation .current-menu-item > a {
  color: #CA978D !important;
}
/* Hover color */
.wp-block-navigation a:hover {
  color: #CA978D !important;
  transition: color 0.3s ease;
}

/* Active/current page color + bold */
.wp-block-navigation .wp-block-navigation-item__content[aria-current="page"],
.wp-block-navigation .current-menu-item > a {
  color: #CA978D !important;
  font-weight: 700; /* makes it bold */
}
.wp-block-navigation a {
  transition: color 0.3s ease, font-weight 0.3s ease;
}
/* --- Remove header bottom border line --- */
header,
header .wp-block-group,
header .alignfull {
  border-bottom: none !important;
  box-shadow: none !important; /* just in case it’s a shadow instead */
}
/* --- Header layout fix (logo left, nav spaced in) --- */
header.wp-block-template-part > .wp-block-group {
  width: 100%;
  max-width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
}

/* Space between logo + nav */
header .wp-block-group.is-content-justification-space-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 3vw;  /* move in slightly from the left */
  padding-right: 5vw; /* move in slightly from the right */
}

/* Prevent nav overflow */
header .wp-block-navigation { flex: 1 1 auto; }

/* Mobile: burger alignment */
@media (max-width: 768px) {
  header .wp-block-navigation__responsive-container-open {
    margin-left: auto;
  }
}

/* --- Logo sizing --- */
header .wp-block-site-logo img,
.wp-block-image img[alt="SISU_LOGO_TEXT"] {
  width: auto !important;
  height: auto !important;
  max-width: 180px !important; /* desktop */
}

@media (max-width: 768px) {
  header .wp-block-site-logo img,
  .wp-block-image img[alt="SISU_LOGO_TEXT"] {
    max-width: 85px !important; /* mobile */
  }
}
.wp-site-header,
header.wp-block-template-part 
.wp-site-header,
header.wp-block-template-part {
  position: relative;
  top: 30px; /* move header/nav further down */
  margin-top: 5px !important; /* optional fine-tune */
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important; /* removes any faint dividing line */
  background: transparent !important;
}

/* --- MOBILE HEADER RESPONSIVE FIXES --- */
@media (max-width: 768px) {

  /* Make the SISU logo smaller and scale correctly */
  .wp-block-image img[alt="SISU_LOGO_TEXT"],
  header .wp-block-site-logo img {
    max-width: 80px !important; /* smaller mobile size */
    height: auto !important;
  }

  /* Keep the header layout tidy */
  header .wp-block-group.is-content-justification-space-between {
    padding-left: 12px !important;
    padding-right: 12px !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  /* Move the burger icon to the very left edge */
  header .wp-block-navigation__responsive-container-open,
  header button[class*="wp-block-navigation__responsive-container"] {
    margin-left: 0 !important;
    margin-right: 0 !important;
    position: relative;
    left: 0;
    transform: none;
  }

  /* Prevent horizontal scroll from header overflow */
  header,
  body {
    overflow-x: hidden !important;
  }
/* === SISU header logo – force correct sizing === */

/* Desktop */
header .wp-block-image.sisu-header-logo img {
  width: auto !important;
  height: auto !important;
  max-width: 180px !important;   /* adjust to taste */
  display: block;
  margin: 0 auto;                 /* keep centered */
  object-fit: contain;
}

/* Prevent the wrapper from stretching the image */
header .wp-block-image.sisu-header-logo {
  flex: 0 0 auto !important;
}

/* Mobile */
@media (max-width: 768px) {
  header .wp-block-image.sisu-header-logo img {
    max-width: 85px !important;  /* adjust for phones */
    width: auto !important;
    height: auto !important;
  }
}
	/* === Remove unwanted top space above header (Customizer-safe) === */

/* Remove any top padding or margin from the body and main wrapper */
html, body {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.wp-site-blocks {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Remove any theme-injected padding inside the header container */
header.wp-block-template-part {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* If there’s a wrapper around the header (common in Aether) */
header.wp-block-template-part > .wp-block-group {
  margin-top: 0 !important;
  padding-top: 0 !important;
  background: transparent !important;
}

/* Extra safeguard – removes top margin on first section after header */
body > div.wp-site-blocks > *:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* Smooth transition */
.hover-button .wp-block-button__link {
    transition: all 0.3s ease !important;
}

/* Hover styling override */
.hover-button .wp-block-button__link:hover {
    background-color: #ca978d !important;   /* hover background */
    color: #ffffff !important;              /* hover text */
    border-color: #ca978d !important;       /* for outline buttons */
}

/* Smooth transition on all primary buttons */
a.wp-block-button__link.has-custom-primary-background-color {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
	
/* Momence reviews – make outer box same colour as card */
#momence-plugin-reviews,
#momence-plugin-reviews > div,
#momence-plugin-reviews .sc-1ufyb6l-0,
#momence-plugin-reviews .blaSQZ {
    background-color: #c9bdaf !important;
    border: none !important;
    box-shadow: none !important;
}