/* SPDX-License-Identifier: CC-BY-4.0 */
/* Copyright Contributors to the ACES Documentation */


/* Color Schemes */

/* Light mode colors */
[data-md-color-scheme="aces-light"] {
  --md-default-fg-color:        #000000;
  --md-primary-fg-color:        #343434;
  --md-primary-fg-color--light: #343434;
  --md-primary-fg-color--dark:  #8a8a8a;
  --md-primary-bg-color:        #ffffff;
  --md-accent-fg-color:         #957100;
  --md-typeset-a-color:         #BCA14B;
  --top-border-gold-color:      #c1a138;
}

/* Dark mode colors */
[data-md-color-scheme="slate"] {
  --md-hue: 220;
  --md-default-fg-color--light:   #c5c5c5;
  --md-primary-fg-color:          #1d2026;
  --md-primary-fg-color--dark:    #343434;
  --md-primary-bg-color:          #ffffff;
  --md-accent-fg-color:           #BCA14B;
  --md-typeset-a-color:           #BCA14B;
  --top-border-gold-color:        #c1a138;
  --md-footer-bg-color--dark:     var(--md-primary-fg-color);
}

[data-md-color-scheme="aces-light"] img[src$="#only-dark"],
[data-md-color-scheme="aces-light"] img[src$="#gh-dark-mode-only"] {
  display: none; /* Hide dark images in light mode */
}

[data-md-color-scheme="slate"] img[src$="#only-light"],
[data-md-color-scheme="slate"] img[src$="#gh-light-mode-only"] {
  display: none; /* Hide light images in dark mode */
}

/* Gold top line */
.md-header {
  border-style: solid;
  border-color: var(--top-border-gold-color);
  border-top-width: 4px;
  border-right-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
}

/* Hide the site title */
.md-header__title {
    visibility: hidden;
}

/* Table Styles */

/* Table header colors */
.md-typeset table:not([class]) th {
  color: var(--md-primary-bg-color);
  background-color: var(--md-accent-fg-color);
}

/* Navigation Styles */

/* Section Header Style */
.md-nav__item--section > .md-nav__link,
.md-nav--lifted > .md-nav__list > .md-nav__item > [for],
.md-nav__item--section > .md-nav__link[for] {
  color: var(--md-default-fg-color);
  font-weight: 600;
}


.md-header__button:hover {
  opacity: 1.0;
}

.md-nav__title .md-nav__button.md-logo :is(img, svg) {
  height: auto;
  max-width: 100%;
}

/* Format heading level 5 */
.md-typeset h5 {
  color: var(--md-default-fg-color);
  font-size: 1em;
  text-transform: none;
}

/* Center Mermaid Diagrams */
.mermaid {
  text-align: center;
}

.md-typeset h1 {
	color: var(--md-default-fg-color);
	font-size: 2em;
	line-height: 1.3;
	margin: 0 0 1.25em;
  font-weight: 800;
}

.md-typeset h2 {
  font-weight: 700;
}

.md-typeset h3 {
  font-weight: 650;
}

.md-typeset h4 {
  font-weight: 600;
}

/* TOC Title */
.md-nav__title {
  color: var(--md-default-fg-color);
  font-weight: 600;
}

/* Color of selected links in TOC / Navbar */
.md-nav__link[data-md-state="blur"] {
  color: var(--md-default-fg-color--light);
}


.md-nav__item .md-nav__link--active {
  color: var(--md-accent-fg-color);
}

/* Nav section active link and mouse-over color */
.md-tabs__link--active,
.md-tabs__link:is(:focus, :hover) {
  color: var(--md-typeset-a-color);
}

/* Footer Color */

.md-footer-meta {
  background-color: var(--md-primary-fg-color);
}


/* Image Wipe Widge */

.img-comp-container {
/* settings for how the container should be displayed*/
  position: relative;
  height: 400px;
  width: 700px;
  margin: 0 auto;
  display: block;
}

.img-comp-img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.img-comp-img img {
  display: block;
  vertical-align: middle;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.img-comp-overlay {
  width: 100%; /* initial clipped width, will be overwritten by JS */
  z-index: 1;
}

.img-comp-slider {
  position: absolute;
  z-index: 2;
  cursor: ew-resize;

  width: 10px;
  height: 60px;
  background-color: #444444;
  opacity: 0.9;
  border-radius: 10%;
}

/* Reduce spacing between fig and figcaption */
.md-typeset figcaption{
  margin-top: 0em;
  text-align: center;
}