/* 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;
}

/* Footer layout — logo pinned right, vertically centered */
footer.footer {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  position: relative !important;
  z-index: 11 !important;
}

/* Hide the dark variant in the footer — dark background needs the light logo */
img.footer-logo.footer-logo--dark {
  display: none !important;
}

img.footer-logo.footer-logo--light {
  position: absolute !important;
  right: 2rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

ul.footer-links,
ul.footer-content,
div.footer-pickers {
  flex: 0 0 auto !important;
  width: 100% !important;
}

/* Mobile: logo static, centered below content */
@media (max-width: 768px) {
  img.footer-logo.footer-logo--light {
    position: static !important;
    transform: none !important;
    display: block !important;
    margin: 1rem auto 0 !important;
  }
}

/* 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 {
  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;
    position: fixed !important;
    z-index: 99999 !important;
  }
}

iframe[src*="network-helper.brnkl.io"] {
  display: block;
  width: 100%;
  border: 0;
  position: static !important;
  margin: 1rem 0 !important;
}

[data-service="external_content"] {
  block-size: auto !important;
  height: auto !important;
}