.top-bar {
  background: linear-gradient(135deg, #26279d 33%, white 30%);  color: white;
  min-height: 100px; /* Use min-height for flexibility */
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
}



/* Flex container for the header */
.header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

/* Dropdown button styling */
.dropdown-btn {
  background-color: #808080;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
}

.dropdown-btn:hover {
  background-color: #45a049;
}

/* Dropdown menu styling */
.dropdown-menu {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
  z-index: 2;
  padding: 10px;
  border-radius: 5px;
}

.dropdown-menu a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-menu a:hover {
  background-color: #ddd;
}

.footer__language-picker-container{
  background-color: none;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
}

.vp-dropdown--outline .vp-dropdown__button{
 border: none; 
  color: white;
  
}

.footer__language-picker {
  margin-top: 0.2rem;
}
img[src="./__assets-3cf5b6a3-f564-40df-b9e6-06e7a763cbe6/image/Screenshot%202025-03-26%20164348.png"] {
    width: 1000px;
    height: 600px;
}
[data-vp-component="toc"] {
--foreground-color: blue;
}

.tile {
    border-radius: 12px;  /* Makes corners rounded */
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2); /* Adds shadow effect */
    transition: box-shadow 0.3s ease-in-out; /* Smooth shadow transition */
}

.tile:hover {
    box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.3); /* Stronger shadow on hover */
}
.vp-article.vp-container.article {
    border-radius: 12px; /* Makes corners rounded */
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2); /* Adds shadow effect */
    transition: box-shadow 0.3s ease-in-out; /* Smooth shadow transition */
}

  
/* Logo image styles */
.header__navigation--logo img {
  max-height: 80px; /* Prevents the image from stretching too tall */
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}


/* Dropdown button styling */
.dropdown-btn {
  background-color: #808080;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
}

.dropdown-btn:hover {
  background-color: #45a049;
}

/* Dropdown menu styling */
.dropdown-menu {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
  z-index: 2;
  padding: 10px;
  border-radius: 5px;
}

.dropdown-menu a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-menu a:hover {
  background-color: #ddd;
}

.footer__language-picker-container{
  background-color: none;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
}

.vp-dropdown--outline .vp-dropdown__button{
 border: none; 
  color: white;
  
}

.footer__language-picker {
  margin-top: 0.2rem;
}
img[src="./__assets-3cf5b6a3-f564-40df-b9e6-06e7a763cbe6/image/Screenshot%202025-03-26%20164348.png"] {
    width: 1000px;
    height: 600px;
}
[data-vp-component="toc"] {
--foreground-color: blue;
}

.tile {
    border-radius: 12px;  /* Makes corners rounded */
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2); /* Adds shadow effect */
    transition: box-shadow 0.3s ease-in-out; /* Smooth shadow transition */
}

.tile:hover {
    box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.3); /* Stronger shadow on hover */
}


/* Dropdown button styling */
.dropdown-btn {
  background-color: #808080;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
}

.dropdown-btn:hover {
  background-color: #45a049;
}

/* Dropdown menu styling */
.dropdown-menu {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
  z-index: 2;
  padding: 10px;
  border-radius: 5px;
}

.dropdown-menu a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-menu a:hover {
  background-color: #ddd;
}

.footer__language-picker-container{
  background-color: none;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
}

.vp-dropdown--outline .vp-dropdown__button{
 border: none; 
  color: white;
  
}

.footer__language-picker {
  margin-top: 0.2rem;
}
li:has([i18nkey="footer.poweredBy.label"]) {
    display: none !important;
}

/* STEP 1: Parent flex */
.grid.lg\:flex.footer--alignment.hc-footer-font-color.vp-container {
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 40px;
}

/*Inner content also flex */
.grid.lg\:flex.footer--alignment.hc-footer-font-color.vp-container > .grid {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  gap: 20px;
}

/*Make font slightly smaller */
.footer__links a {
  font-size: 12px;
}

div.flex.hc-footer-font-color {
  display: flex !important;
}

@media (max-width: 768px) {
  div.flex.hc-footer-font-color {
    display: none !important;
  }
  .top-bar {
  background: linear-gradient(135deg, #26279d 33.33%, #26279d 33.33%);
  color: white;
  height: 150px;
  position: relative;
  z-index: 1;
}
   .header__navigation--logo a {
	max-height: 22px;
    max-width: 274.4px;
  }
  .vp-tree-item__header__icon {
  display: none !important;
}
  [data-id="rest-of-the-pages"] {
  display: none;
}

}

.footer {
    min-height: 50px;
    padding-bottom: 0.15rem;
    padding-top: .75rem;
}

.vp-title-bar.flex-row.justify-between.items-center.gap-4.vp-title-bar--color-header.hide-for-large {
    background: #26279d;
}

@media (max-width: 768px) {
  .dropdown-container {
    top: 15px;
    right: 10px;
    flex-direction: column;
    align-items: flex-end;
    z-index: 100; 
    position: absolute;
  }
}

.vp-accordion-link-group {
  display: flex;
  flex-direction: column;
  gap: 12px; /* spacing between the tiles */
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0;
  margin: 0;
}

.vp-accordion-link-group__item {
  position: relative; /* ensure stacking context */
  border-radius: 10px;
  background-color: #fff !important;
  border: 1px solid #ddd !important;
  box-shadow: none !important;
  overflow: hidden;
  z-index: 1;
}
.vp-accordion-link-group__item:not(:last-child) {
  margin-bottom: 12px;
}
/* Remove native styles */
.vp-accordion-link-group__item summary {
  list-style: none;
  padding: 16px 20px;
  font-weight: 600;
  font-size: 16px;
  user-select: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: none; /* Remove default border */
  outline: none; /* Remove focus outline */
  background-color: transparent;
}

/* Optional: remove default marker in some browsers */
.vp-accordion-link-group__item summary::-webkit-details-marker {
  display: none;
}

/* Custom arrow */
.vp-accordion-link-group__item summary::after {
  content: '›'; /* arrow pointing right */
  transition: transform 0.3s ease;
  font-size: 18px;
  color: #001f5b; /* Match the dark blue in your screenshot */
}

/* Rotate arrow when open */
.vp-accordion-link-group__item[open] summary::after {
  transform: rotate(90deg);
}



.tile img {
  border: none;
  outline: none;
  box-shadow: none;
  filter: drop-shadow(0.2rem 0.2rem 0.2rem rgba(0, 0, 0, 0.5));
  
}

header.hc-header-background-color {
  background: linear-gradient(135deg, #26279d 33.33%, white 33.33%);
}

vp-scroll-shadow::part(breadcrumbs) a {
  font-size: 1.2rem; /* or try 18px, 20px etc. */
  font-weight: bold;
}

.footer__links--separator {
	display:none;
}
.hc-footer-font-color{
  	padding-right: 30px;
}
{
  font-family: 'Nunito', sans-serif;
}
.vp-banner-text.space-overview__hero__header__content__intro--intro.hc-spaceHome-hero-font-color {
  display: none;
}
.header.hc-header-background-color {
  border: none !important;
}
.footer__attribution-line--copyright.hc-footer-font-color {
	width:380px;
}
 .flex.hc-footer-font-color {

  width: fit-content;
}
@media (max-width: 768px) {
  footer[data-vp-component="footer"] {
    display: block;
  }

  footer[data-vp-component="footer"] .grid.lg\:flex.footer--alignment {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }

  footer[data-vp-component="footer"] .grid.lg\:flex.footer--alignment > .grid {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  footer[data-vp-component="footer"] .footer__links {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  footer[data-vp-component="footer"] .footer__links--separator {
    display: none !important;
  }

  footer[data-vp-component="footer"] .footer__logo {
    max-width: 140px;
    margin-bottom: 10px;
  }

  footer[data-vp-component="footer"] ul.footer__attribution-line--copyright {
    padding-left: 0;
    list-style: none;
  }
}
@media (max-width: 768px) {
  .leading-none.align-self-center.header__navigation--logo {
    max-width: 90vw;
    font-size: 1rem; /* Adjust if text is too large */
    justify-content: center;
    padding: 0.5rem;
  }
  .footer__attribution-line--copyright.hc-footer-font-color {
	width:220px;
}
}
.footer__attribution-line--copyright.hc-footer-font-color {
	margin-top:2.5px;
}
.a.block.px-4.py-3.hc-header-font-color img {
	width: 100px;
    height: 30px;
}
.vp-search-result__labels {
  display: none !important;
}
.footer-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flex.hc-footer-font-color {
  order: 3;
}

.footer__links {
  order: 2;
}

.footer__attribution-line--copyright.hc-footer-font-color {
  order: 1;
}
.vp-search-page__filter-horizontal {
  display: none !important;
}