.hero-text {
  font-size: 1.3em;
  font-family: var(--elastisys-headings-font);
  font-weight: var(--elastisys-headings-weight);
}

.menu-callout {
  background-color: var(--elastisys-northern-lights-1);
  border: none;
  color: var(--elastisys-night-blue);
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  transition-duration: 0.4s;
  font-family: var(--elastisys-details-font);
  font-weight: var(--elastisys-details-weight);
}

.menu-callout:hover {
  background-color: var(--elastisys-hover);
}

.header-links {
    display: block;
    list-style-type: none;
    margin-block-start: 0px;
    margin-block-end: 0px;
    padding: 0;
    padding-inline-start: 0;
}

.header-links li {
    display: inline;
}

header .header-links li {
    margin-left: 2em;
}

.header-links li:first-child {
    margin-left: 0px;
}

/* Highlight external links */
a[href*="//"]:not([href*="elastisys."])::after {
    content: ' ↗';
}

/* Firefox does not support the :has pseudo-selector.
 * Fortunately, we only have one image link in the docs */
.header-links a[href*="//"]:not([href*="elastisys."])::after {
    content: '';
}
.header-links a[href*="//"]:not([href*="elastisys."]) {
    border-bottom: 2px dashed #a8b1be;
}

/* Configure the `welkin-managed` custom admonition
 * https://squidfunk.github.io/mkdocs-material/reference/admonitions/#custom-admonitions
 */
.md-typeset .admonition.welkin-managed,
.md-typeset details.welkin-managed {
  border-color: var(--elastisys-sky-blue);
}
.md-typeset .welkin-managed > .admonition-title,
.md-typeset .welkin-managed > summary {
  background-color: var(--elastisys-sky-blue);
  color: var(--elastisys-midnight-dark);
  padding-left: .6rem;
}
.md-typeset .welkin-managed.welkin-managed > .admonition-title::before,
.md-typeset .welkin-managed.welkin-managed > summary::before {
  content: none;
}

/* Configure the `welkin-enterprise` custom admonition
 * https://squidfunk.github.io/mkdocs-material/reference/admonitions/#custom-admonitions
 */
.md-typeset .admonition.welkin-enterprise,
.md-typeset details.welkin-enterprise {
  border-color: var(--elastisys-northern-lights-2);
}
.md-typeset .welkin-enterprise.welkin-enterprise > .admonition-title,
.md-typeset .welkin-enterprise.welkin-enterprise > summary {
  background-color: var(--elastisys-northern-lights-2);
  color: white;
  padding-left: .6rem;
}
.md-typeset .welkin-enterprise.welkin-enterprise > .admonition-title::before,
.md-typeset .welkin-enterprise.welkin-enterprise > summary::before {
  content: none;
}

/* Add space around the footer */
.md-copyright {
  padding: 24px 0;
}

.banner {
  text-align: center;
  background-color: var(--elastisys-northern-lights-1);
  color: var(--elastisys-night-blue);
}

#sidebar-welkin-logo {
  height: 180px;
  display: block;
  margin: 3em auto;
}
