/* Import Lato font from Google */

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
/* Make banner text Lato to match branding */
.vp-banner-text {
font-family: "Lato", sans-serif;
font-weight: 700;
font-style: normal;
text-shadow: 5px 5px 8px rgba(0, 0, 0, .9);
}


/* Ensure headings use correct bold weights */
:root {
  --K15t-font-family-body: 'Lato', sans-serif !important;
  --K15t-font-headline-bold: 700 1.5rem/1.3 'Lato', sans-serif !important;
}
h1, h2, h3, h4, h5, h6,
strong, b,
.vp-title, .title, .section-header {
  font-family: "Lato", sans-serif !important;
  font-weight: 700 !important;
}

/* Make Z index of footer 11 for the HS button */
.footer {
  z-index: 11 !important;
  position: relative !important; /* Required for z-index to work */
}
/* Put Always on board footer image to the right */

/* Force flex layout for the main wrapper */
.footer--alignment {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap;
}

/* Left side: attribution block */
.footer--alignment > .grid {
  order: 1;
  flex: 1 1 auto;
}

/* Right side: logo wrapper */
.footer--alignment > .flex {
  order: 2;
  flex: 0 0 auto;
  margin-left: auto !important;
}

/* Mobile view footer fixes */
@media (max-width: 768px) {
  .footer--alignment {
    flex-direction: column-reverse !important; /* 👈 Flip the stack order */
    align-items: center !important;
    text-align: center;
  }

  .footer--alignment > .grid,
  .footer--alignment > .flex {
    width: 100% !important;
    margin: 0 auto !important;
  }

  .footer--alignment > .grid {
    margin-top: 1rem !important; /* spacing under logo */
  }
}


/* Remove styling on the outer figure container */
figure.confluence-embedded-image {
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  background: none !important;
}

/* Also remove any potential border or box-shadow on the lightbox component */
vp-lightbox-toggle {
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  background: none !important;
}

/* Remove border from images themselves */
figure.confluence-embedded-image img {
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  background: none !important;
}

/* Fix HelpScout chat beacon mobile view */
#beacon-container {
 /*position: absolute;*/
 z-index: 10;
}

#vp-js-mobile__navigation {
display: none;
}

button[data-cy="beacon-close-button"] {
	top: 5%;
	z-index: 20;
}

/* Push down chat beacon close button for mobile */
@media (max-width: 768px) {
  button[data-cy="beacon-close-button"].is-mobile {
    top: 60px !important; /* push down 60px */
    position: fixed !important; /* make sure it doesn't scroll out of view */
    z-index: 99999 !important; /* stay on top */
  }
}

/* Center footer logo on mobile */
@media (max-width: 768px) {
  .footer__logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .footer .flex {
    justify-content: center;
  }
}