/**
 * Copyright 2020-2025 Ping Identity Corporation
 *
 * Use of this code requires a commercial software license with Ping Identity.
 * or with one of its affiliates. All use shall be exclusively subject
 * to such license between the licensee and Ping Identity.
 */

@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;600&family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&family=Material+Icons&family=Material+Icons+Outlined&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,600;1,700&display=swap');
@import url('https://cdn.forgerock.com/docs-ui/adoc/prod-ping/vendor.antora-styles.css');
@import url('https://cdn-docs.pingidentity.com/search/atomic/themes/coveo.css');
@import url('https://cdn-docs.pingidentity.com/search/build/atomic-ping-ft.css');


:root {
  --link-font-color: #1a73e8;
  --link_hover-font-color: #1151a5;
  --link_active-font-color: #1151a5;
  --body-font-color: #23282e;
  --color-light-blue: #eaf2fd;
}

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--body-font-color);
}

body div.projectReimagine a,
body div.projectReimagine a:visited {
  color: var(--link-font-color);
  text-decoration: none;
}

body div.projectReimagine a:hover,
body div.projectReimagine a:active {
  color: var(--link_hover-font-color);
  text-decoration: underline;
}

body div.projectReimagine .buttonComponent {
  margin-top: 1rem;
}

body div.projectReimagine .buttonComponent a {
  color: var(--body-font-color);
  text-decoration: none;
}

body div.projectReimagine .buttonComponent a:hover {
  background: var(--color-light-blue);
}

h2.subheading--secondary {
  margin-bottom: 0.5rem;
}

.s6 {
  height: 6rem;
}

.s8 {
  height: 8rem;
}

ul.side-nav-items li a {
  color: var(--body-font-color);
  text-decoration: none;
}

ul.side-nav-items li a:hover,
ul.side-nav-items li a:active {
  color: var(--link_hover-font-color);
  text-decoration: none;
}

/* mobile first */
div#searchContainer {
  position: fixed;
  top: 0.75rem;
  left: 0;
  right: 0;
  margin: auto;
  padding: 0;
  width: 95%;
  height: auto;
  max-height: 100vh;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  z-index: 10000;
  overflow-y: scroll;
}

div#searchContainer .search-tips {
  display: none;
  width: 90%;
  margin: 2rem auto;
  font-size: 0.9375rem;
}

div#searchContainer .search-tips p:first-child {
  font-size: 1rem;
  font-weight: 600;
}

/* desktop */
@media screen and (min-width: 992px) {
  div#searchContainer {
    top: unset;
    width: 75%;
    margin: 45vh auto 0;
    max-width: 900px;
    min-height: 30rem;
    transform: translateY(-50%);
  }

  div#searchContainer ping-search-box {
    margin: 1rem;
  }

  div#searchContainer .search-tips {
    display: block;
  }
}

.popup {
  display: none;
}

.popup.show {
  display: block;
  animation: fadeIn 0.8s;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

html body .heading--primary {
  font-size: 56px;
  font-weight: 700
}

html body div[data-overlay-container="true"] .tooltip-icon {
  position: absolute;
  padding: 0.5rem;
  width: 14rem;
  text-align: center;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: white;
  background-color: var(--link_hover-font-color);
}

html body div[data-overlay-container="true"] .tooltip-icon [data-popover-arrow="arrow"] {
  background-color: var(--link_hover-font-color);
}

html body div[data-overlay-container="true"] .tooltip-icon [data-popover-arrow="arrow"]::before {
  border-bottom-color: var(--link_hover-font-color) !important;
}

#cboxOverlay {
  background: linear-gradient(160deg, #ffffff, #666666);
  opacity: 0.95;
}