@font-face {
    font-family: 'Aktifo-B';
    src: url('https://explore-frontend-dev.s3.us-west-2.amazonaws.com/static/media/Aktifo-B-Black.f04c5126b84a58823a55.woff2') format('woff2'),
        url('https://explore-frontend-dev.s3.us-west-2.amazonaws.com/static/media/Aktifo-B-Black.cdd5c68ce635ce0c69ef.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Aktifo-B';
    src: url('https://explore-frontend-dev.s3.us-west-2.amazonaws.com/static/media/Aktifo-B-ExtraBold.067bb2a3e033f319cc15.woff2') format('woff2'),
        url('https://explore-frontend-dev.s3.us-west-2.amazonaws.com/static/media/Aktifo-B-ExtraBold.a6cace908d0a713f0298.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Aktifo-B';
    src: url('https://explore-frontend-dev.s3.us-west-2.amazonaws.com/static/media/Aktifo-B-Bold.c8a70cbbf8dd5485aa68.woff2') format('woff2'),
        url('https://explore-frontend-dev.s3.us-west-2.amazonaws.com/static/media/Aktifo-B-Bold.b2867f19282d5d73beca.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Aktifo-B';
    src: url('https://explore-frontend-dev.s3.us-west-2.amazonaws.com/static/media/Aktifo-B-SemiBold.59c8f5cfd9235c756983.woff2') format('woff2'),
        url('https://explore-frontend-dev.s3.us-west-2.amazonaws.com/static/media/Aktifo-B-SemiBold.071129e374f077c22da6.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Aktifo-B';
    src: url('https://explore-frontend-dev.s3.us-west-2.amazonaws.com/static/media/Aktifo-B-Medium.02987303d2ce0c99cb8b.woff2') format('woff2'),
        url('https://explore-frontend-dev.s3.us-west-2.amazonaws.com/static/media/Aktifo-B-Medium.d3550e1fff34bf18c8b5.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Aktifo-B';
    src: url('https://explore-frontend-dev.s3.us-west-2.amazonaws.com/static/media/Aktifo-B-Book.adb071b6a82121ccb416.woff2') format('woff2'),
        url('https://explore-frontend-dev.s3.us-west-2.amazonaws.com/static/media/Aktifo-B-Book.c3f427c572042d3f3998.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Aktifo-B';
    src: url('https://explore-frontend-dev.s3.us-west-2.amazonaws.com/static/media/Aktifo-B-Light.cf92770b1c02d9a1474a.woff2') format('woff2'),
        url('https://explore-frontend-dev.s3.us-west-2.amazonaws.com/static/media/Aktifo-B-Light.03bd3106b99700bd3578.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }
  
  :root {
    --vp-font-size-standard: 14px;
    --vp-color-blue: #1D5DC3;
    --K15t-background-neutral-subtle-hovered: var(--K15t-color-neutral-50);
    --K15t-border-neutral: #E4F0F2;
  }
  
  body, h1, h2, h3, h4, h5, h6, p,
  body .portal__header__content__intro--heading,
  body .portal__header__content__intro--intro,
  body .portal__content__heading h2,
  body .space-overview__hero__header__content__intro--heading,
  body .space-overview__hero__header__content__intro--intro,
  body .space-overview__content__heading h2,
  body .tile__headline {
    font-family: 'Aktifo-B', sans-serif;
  }
  
  body, .space-overview > main {
    background-color: #f3f3f5;
  }
  
  .toc-link.is-active-link::before {
    background-color: #F18A08;
  }

  h2 {
    margin-bottom: 2rem;
}
  
  /* product icons on homepage */
  .space-overview__content .tile {
    border: none;
  }
  
  /* HEADER */
  .portal__header {
      padding-bottom: 6rem;
  }
  
  .portal .hc-portal-background-image {
      box-shadow: none;
  }
  
  
  .portal__header__content__intro--heading {
      font-size: 2.6rem;
      margin-bottom: 0;
      font-weight: 600;
  }
  
  .portal__header__content__intro--intro {
      font-size: 1.5rem;
      opacity:  .7;
      padding-bottom: .1rem;
      padding-top: .2rem;
  }
  
  .render-links--link a {
      display: inline-block;
      background-image: linear-gradient(90deg,#A6AEB8 0,#A6AEB8);
      background-repeat: no-repeat;
      background-position: 0 95%;
      background-size: 0 1px;
      transition: background-size .20s cubic-bezier(.785,.135,.15,.5) 0s;
      text-decoration: none;
      padding: 0.1rem;
      margin:  0.7rem 2.5rem;
  }
  .render-links--link a:active, .render-links--link a:focus, .render-links--link a:hover {
      text-decoration: none;
  }
  
  .render-links--link a:hover {
      background-size: 100% 1px;
      text-decoration: none;
      color: Black;
  }
  
  .render-links--link a:last-child {
      margin-right: 0;
  }
  
  /* MAIN */
  
  hr {
  border: none;
  margin: 0;
  }

  /* SEARCH  */
.vp-search-suggestion-option__info:not(:last-child):after {
	content: "·";
}

[data-vp-component=dropdown][data-vp-variant=searchbar] {
	--background-color-button: White;
}

.vp-dropdown--searchbar .vp-dropdown__button:focus-within, .vp-dropdown--searchbar .vp-dropdown__button[aria-expanded=true] {
	background-color: #F9F9FA;
	color:  Black;
}

.vp-dropdown--searchbar .vp-dropdown__button {
	color:  #444;
	padding-left: 1rem;
	padding-right: 1rem;
}

.vp-search-bar-container {
	max-width: 660px;
}

.vp-search-bar {
	max-width: 100%;
}

[data-vp-component="search-bar"] {
	 --border-radius: 8px;
}
.vp-search-input__icon {
	color: #A3A3A3;
}

.vp-dropdown__button-icon--chevron span {
	font-size: 20px;
    line-height: 24px;
}

  
  
  /* TILES */
  .space-overview .hc-spaceHome-background-image {
      margin-bottom: 3rem;
  }
  
  .tile {
      box-shadow: none;
      transition: all .2s ease-in-out;
  }
  .tile:hover {
      background-color: White;
      box-shadow: 0 8px 24px 0 rgb(0 0 0 / 18%);
  }
  
  .portal__content [data-vp-id="portal-space-tile"] {
  border-radius: 8px;
  border: none;
  }
  
  .tile--compact .tile__image {
  inline-size: 42px;
  }
  
  .tile--compact {
  column-gap: 20px;
  padding-bottom: 20px;
  }
  
  .tile--compact .tile__body {
  justify-content: flex-start;
  padding-top: 6px;
  }
  
  
  .portal__content .tile__headline, .portal__content .tile__description {
      background-color: white;
      display: block;
      margin: 0;
      text-align: left;
      padding-right: 0.25rem;
  }
  
  .portal__content .tile__headline {
      transition: all .2s ease-in-out;
  }
  
  .tile:hover .tile__headline {
      color: #F18A08;
  }
  
  .tile__headline {
      font-weight: 500;
      font-size: 1.25rem;
  }
  
  .tile__description {
      font-size: .8125rem;
      line-height: 1.25rem;
  }

.vp-search-bar-container {
  display:none;
}


.portal__content > div > .grid {
  opacity: 0;
  transition: all ease-in-out 1s;
}

.portal__content.ready > div > .grid {
  opacity: 1;
}