[data-md-color-scheme="light-mode"] {
  --md-button-bg-color: #7a756a;
  --md-button-font-color: #8a8e91;
  --md-header-bg-color: #7a756a;
  --md-header-font-color: #FFFFFF;
  --md-tabs-bg-color: #a7a090;
  --md-tabs-font-color: #FFFFFF;
  --md-search-field-color: #ebeced99;
  --md-search-field-hover-color: #a7a090;
  --md-search-field-color-expand: #7a756a;
  --md-search-font-color: #FFFFFF;
  --md-search-meta-bg-color: #EBECED;
  --md-search-meta-font-color: #FFFFFF;
  --md-search-mark: #4dd55d33;
  --md-nav-title-bg-color: #a7a090;
  --md-nav-font-color: #FFFFFF;
  --md-nav-font-color-active: #4dd55d;
  --md-nav-font-color-passed: #8a8e91;
  --md-main-bg-color: #7a756a;
  --md-main-font-color: #FFFFFF;
  --md-code-button: #FFFFFF33;
  --md-code-button-hover-passive: #FFFFFF;
  --md-code-button-hover: #4dd55d;
  --md-details-bg-color: #7a756a;
  --md-details-font-color: #FFFFFF;
  --md-details-focus-color: #ebeced99;
  --md-footer-bg-color: #7a756a;
  --md-footer-font-color: #FFFFFF;
  --md-scrollbar: #00000052;
  --md-scrollbar-hover: #FFFFFFaa;
  --md-cc-button: #4dd55d;
  --md-cc-button-hover: #4dd55d;
  --md-code-hl-number-color: #d52a2a;
  --md-code-hl-special-color: #db1457;
  --md-code-hl-function-color: #a846b9;
  --md-code-hl-constant-color: #6e59d9;
  --md-code-hl-keyword-color: #3f6ec6;
  --md-code-hl-string-color: #1c7d4d;
  --md-code-hl-name-color: #36464e;
  --md-code-hl-operator-color: #0000008a;
  --md-code-hl-punctuation-color: #0000008a;
  --md-code-hl-comment-color: #0000008a;
  --md-code-hl-generic-color: #0000008a;
  --md-code-hl-variable-color: #0000008a;
  --md-code-fg-color: #36464e;
  --md-code-bg-color: #f5f5f5;
  --md-code-hl-color: #4287ff;
  --em-color: #ebeced99;
  --acp-darkgrey: #FFFFFF;
  --acp-lightgrey: #EBECED;
  --acp-red: #4dd55d;
}
[data-md-color-scheme="dark-mode"] {
  --md-button-bg-color: #313c42;
  --md-button-font-color: #EBECEDcc;
  --md-header-bg-color: #3D4A52;
  --md-header-font-color: #FFFFFF;
  --md-tabs-bg-color: #3d4a52cc;
  --md-tabs-font-color: #FFFFFF;
  --md-search-field-color: #2b353baa;
  --md-search-field-hover-color: #2b353b;
  --md-search-field-color-expand: #3D4A52;
  --md-search-font-color: #FFFFFF;
  --md-search-meta-bg-color: #2b353b;
  --md-search-meta-font-color: #EBECED;
  --md-search-mark: #ff5c7499;
  --md-nav-title-bg-color: #3D4A52;
  --md-nav-font-color: #EBECEDcc;
  --md-nav-font-color-active: #ff5a72;
  --md-nav-font-color-passed: #EBECED77;
  --md-code-button: #EBECED33;
  --md-code-button-hover-passive: #EBECED66;
  --md-code-button-hover: #ff5a72;
  --md-main-bg-color: #3D4A52;
  --md-main-font-color: #EBECEDcc;
  --md-details-bg-color: #3D4A52;
  --md-details-font-color: #EBECEDcc;
  --md-details-focus-color: #00000022;
  --md-footer-bg-color: #3D4A52;
  --md-footer-font-color: #EBECEDcc;
  --md-scrollbar: #FFFFFF52;
  --md-scrollbar-hover: #EBECEDcc;
  --md-cc-button: #ff5a72;
  --md-cc-button-hover: #ff5a72;
  --md-code-hl-number-color: #e6695b;
  --md-code-hl-special-color: #f06090;
  --md-code-hl-function-color: #c973d9;
  --md-code-hl-constant-color: #9383e2;
  --md-code-hl-keyword-color: #6791e0;
  --md-code-hl-string-color: #2fb170;
  --md-code-hl-name-color: #d5d8e2d1;
  --md-code-hl-operator-color: #e2e4e98f;
  --md-code-hl-punctuation-color: #e2e4e98f;
  --md-code-hl-comment-color: #e2e4e98f;
  --md-code-hl-generic-color: #e2e4e98f;
  --md-code-hl-variable-color: #e2e4e98f;
  --md-code-fg-color: #d5d8e2d1;
  --md-code-bg-color: #272a35;
  --md-code-hl-color: #2977ff;
  --em-color: #ebeced99;
  --acp-darkgrey: #3D4A52;
  --acp-lightgrey: #EBECED;
  --acp-red: #F00F40;
}

@font-face {
  font-family: "Apex New Book"; 
  font-weight: normal; 
  font-style: normal;
  src: url("../fonts/Apex/ApexNew-Book.otf");
}


:root {
  --md-text-font: "Apex New Book";
  color: var(--md-header-font-color);
}

/** Header **/
.md-header {
  color: var(--md-header-font-color);
  background-color: var(--md-header-bg-color);
}

.md-header__button.md-logo img, .md-header__button.md-logo svg {
  height: 2.4rem;
}

.md-header__topic:first-child {
  font-weight: 400;
}

#logo_light_mode {
  display: var(--md-footer-logo-light-mode);
}

#logo_dark_mode {
  display: var(--md-footer-logo-dark-mode);
}

[data-md-color-scheme="light-mode"] {
  --md-footer-logo-dark-mode:         none;
  --md-footer-logo-light-mode:         block;
}

[data-md-color-scheme="dark-mode"] {
  --md-footer-logo-dark-mode:         block;
  --md-footer-logo-light-mode:         none;
}

@media screen and (min-width: 60em) {
  .md-search__form {
    background-color: var(--md-search-field-color);
  }
  .md-search__form:hover {
    background-color: var(--md-search-field-hover-color);
  }
  .md-search__input {
    color: var(--md-search-font-color);
  }
  .md-search__input+.md-search__icon, .md-search__input::placeholder {
    color: var(--md-search-font-color);
  }
  [data-md-toggle=search]:checked~.md-header .md-search__input+.md-search__icon {
    color: var(--md-search-font-color);
  }
  .md-search__scrollwrap:hover {
    scrollbar-color: var(--md-scrollbar-hover) #0000;
  }
}

[data-md-toggle=search]:checked~.md-header .md-search__form {
  background-color: var(--md-search-field-color-expand);
}

.md-search__options>.md-icon {
  color: var(--md-search-font-color);
}

.md-search-result {
  color: var(--md-search-font-color);
}

.md-search-result__meta {
  background-color: var(--md-search-meta-bg-color);
  color: var(--md-search-meta-font-color);
}

.md-search__scrollwrap {
  background-color: var(--md-search-field-color-expand);
  scrollbar-color: var(--md-scrollbar) #0000;
}

.md-search-result mark {
  background-color: var(--md-search-mark);
  color: var(--md-search-meta-font-color);
  text-decoration: none;
}

.md-search-result__more>summary>div {
  color: var(--md-search-meta-font-color)
}

.md-search-result__more>summary:focus>div, .md-search-result__more>summary:hover>div {
  background-color: var(--md-search-field-color);
  color: var(--md-search-meta-font-color);
}

.md-search-result__link:focus, .md-search-result__link:hover {
  background-color: var(--md-search-field-color);
}

.md-search-result__icon {
  color: var(--md-search-meta-font-color);
}

.md-search-result .md-typeset h1 {
  color: var(--md-search-meta-font-color);
}

.md-search-result .md-typeset h2 {
  color: var(--md-search-meta-font-color);
}

.md-typeset h2 {
  margin: 0!important;
}
.md-search-result .md-typeset {
  color: var(--md-search-meta-font-color);
}

.md-header__title {
    visibility: hidden;
}

.md-header__title::before {
    content: "Software for renewables";
    visibility: visible;
}
.md-typeset h1:first-of-type {
  display: none;
}
/** Tabs **/
.md-tabs {
  color: var(--md-tabs-font-color);
  background-color: var(--md-tabs-bg-color);
}

/** Main **/
body[data-md-color-scheme="dark-mode"] img[alt="image.png"] {
  -webkit-filter: brightness(0.9);
  filter: brightness(0.9);
}

.md-main, .md-main h1 {
  background-color: var(--md-main-bg-color);
  color: var(--md-main-font-color);
}

.md-main__inner.md-grid {
  /*flex-direction: row-reverse;*/
  }

.md-typeset hr {
    height: .03rem;
    background-color: var(--md-main-font-color);
}
.md-typeset table:not([class]) {
  border: .05rem solid var(--md-scrollbar);
}

.md-typeset table:not([class]) td {
  border-top: .05rem solid var(--md-scrollbar);
}

.md-typeset a {
  color: var(--md-main-font-color);
  word-break: break-word;
  text-decoration: underline;
}

.md-typeset a:focus, .md-typeset a:hover {
  color: var(--md-main-font-color);
}
  
.md-typeset table:not([class]) {
  background-color: var(--md-main-bg-color);
}

.md-typeset table:not([class]) tbody tr:hover {
  background-color: var(--md-search-field-color);
  box-shadow: none;
}

.md-typeset table:not([class]) {
  font-size: 0.65rem;
}

.md-clipboard {
  color: var(--md-code-button);
}

:hover>.md-clipboard {
    color: var(--md-code-button-hover-passive);
    background-color: var(--md-pre-button-bg-color);
}

.md-clipboard:focus, .md-clipboard:hover {
  color: var(--md-code-button-hover);
}

.md-typeset pre>code:hover {
  scrollbar-color: #FFFFFFaa #0000;
}

.md-typeset code {
  font-size: 0.65rem;
}

.md-typeset .admonition, .md-typeset details {
  background-color: var(--md-main-bg-color);
  color: var(--md-main-font-color);
}

.md-typeset .admonition-title, .md-typeset summary {
  font-weight: 400;
}

details[open] {
  padding-bottom: 0.6em;
} 

details[open] summary {
  margin-bottom: 0.6em!important;
}

em {
  color: var(--em-color);
  font-style: normal;
}

/** Sidebar **/
/*li.md-nav__item.md-nav__item--nested label, li.md-nav__item.md-nav__item--active label {
  display: none;
}*/

.md-nav__link[for=__nav_2],
.md-nav__link[for=__nav_3]{
  display: none;
}

.md-nav__link[id^="__nav_2_"],
.md-nav__link[id^="__nav_3_"]{
  color: var(--md-nav-font-color)!important;
  opacity: .6; 
}

.md-nav__item {
  color: var(--md-nav-font-color);
}

.md-nav__item .md-nav__link--active, .md-nav__item .md-nav__link--active code {
  color: var(--md-nav-font-color-active);
  box-shadow: none!important;
  background-color:var(--md-header-bg-color)!important;
}

.md-nav__item .md-nav__link--active:hover {
  color: var(--md-nav-font-color-active)!important;
}

.md-nav__link[for]:focus, .md-nav__link[for]:hover, .md-nav__link[href]:focus, .md-nav__link[href]:hover {
  color: var(--md-nav-font-color);
  text-decoration: underline;
}

.md-nav__link--passed {
  color: var(--md-nav-font-color-passed);
}

.md-sidebar__scrollwrap {
  scrollbar-color: var(--md-scrollbar) #0000;
}

.md-sidebar__scrollwrap:focus-within, .md-sidebar__scrollwrap:hover {
  scrollbar-color: var(--md-scrollbar-hover) #0000;
}

@media screen and (min-width: 60em) {
  .md-nav--secondary .md-nav__title .md-nav__icon {
      display: none;
  }

  .md-nav--secondary .md-nav__title {
    box-shadow: none;
    font-size: 0.9rem;
    background-color:var(--md-header-bg-color);
    color: var(--md-nav-font-color)!important;
  }
}

@media screen and (max-width: 76.234375em) {
  li.md-nav__item.md-nav__item--nested label, li.md-nav__item.md-nav__item--active label {
    display: flex;
  }

  .md-nav--primary .md-nav__item--active>.md-nav__link {
    color: var(--md-nav-font-color-active);
  }

  .md-nav--primary .md-nav__item--active>.md-nav__link:hover {
    color: var(--md-nav-font-color-active)!important;
  }

  .md-nav--primary .md-nav__item--active>.md-nav__link:focus, .md-nav--primary .md-nav__item--active>.md-nav__link:hover {
    color: var(--md-nav-font-color);
    text-decoration: underline;
  }

  .md-nav--primary .md-nav__title[for=__drawer] {
    background-color: var(--md-header-bg-color);
    color: var(--md-header-font-color);
    font-weight: 700;
  }

  .md-nav--primary .md-nav__title[for=__toc] {
	  color: var(--md-nav-font-color)!important;
    cursor: pointer;
    height: 5.6rem;
    line-height: 2.4rem;
    padding: 3rem .8rem .2rem;
    position: relative;
    white-space: nowrap;
  }

  .md-nav--primary .md-nav__title~.md-nav__list {
    background-color: var(--md-header-bg-color)!important;
  }

  .md-nav--primary .md-nav__title {
    background-color: var(--md-nav-title-bg-color);
    color: var(--md-header-font-color);
  }
}

@media screen and (min-width: 76.25em) {
  [dir=ltr] .md-nav--integrated>.md-nav__list>.md-nav__item--active .md-nav--secondary {
    border-left: .05rem solid var(--md-nav-font-color);
  }
}

/** Footer **/
.md-footer-meta {
  background-color: var(--md-footer-bg-color);
}

.md-copyright {
  color: var(--md-footer-font-color);
}

.md-copyright__highlight {
  color: var(--md-footer-font-color);
}

html .md-footer-meta.md-typeset a {
  color: var(--md-footer-font-color);
}

html .md-footer-meta.md-typeset a:focus, html .md-footer-meta.md-typeset a:hover {
  color: var(--md-footer-font-color);
}

.md-footer-meta__inner {
  justify-content: center;
}

/** Button to top **/
.md-top {
  background-color: var(--md-button-bg-color);
  color: var(--md-button-font-color);
}
.md-top:focus, .md-top:hover {
  background-color: var(--acp-red);
  color: var(--md-accent-bg-color);
}

/** Cookie Consent **/
.md-consent__inner {
  background-color: var(--md-main-bg-color);
}

aside.md-consent__inner {
  color: var(--md-main-font-color);
}

.md-typeset .md-button--primary {
  background-color: var(--md-cc-button);
  border-color: var(--md-cc-button);
  color: var(--md-main-bg-color)!important;
}

.md-typeset .md-button {
  border: .1rem solid;
  border-radius: .55rem;
  color: var(--md-cc-button);
  font-weight: 400;
}

.md-typeset .md-button:focus, .md-typeset .md-button:hover {
  background-color: var(--md-cc-button-hover);
  border-color: var(--md-cc-button-hover);
  color: var(--md-main-bg-color);
}