:root {
  --md-primary-bg-color: rgba(27, 42, 74, 1);

  --rea-primary-background-color: rgba(255, 255, 255, 1);
  --rea-input-background-color: #F2F1F6;

  --rea-color-gray-primary: #8B92A2;
  --rea-color-gray-secondary: #B9B8BC;
  --rea-color-gray-terciary: #E2E2E2;
  
  --rea-primary-color: rgba(72, 161, 238, 1);
  --rea-primary-dark-color: rgb(48, 107, 159);

  /* https://squidfunk.github.io/mkdocs-material/setup/changing-the-fonts/#additional-fonts-mkdocsyml */
  --md-text-font: Manrope
  --md-text-font-family: var(--md-text-font,_),Manrope,"Manrope Placeholder",-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;
}

.divider {
  width: 100%;
  height: 1px;
  background-color: var(--rea-input-background-color);
}

.md-content__inner.md-typeset {
  color: var(--md-primary-bg-color)
}

.card {
  padding: 16px;
  background-color: var(--rea-input-background-color);
  margin-right: 16px;
  width: 240px;
  border-radius: 16px;
  margin-bottom: 16px;
}

.card > div {
  font-weight: bold;
}

.card p {
  color: var(--md-primary-bg-color);
  margin-top:16px;
}

.card-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.md-typeset img[src$=".webp"] {
  max-width: 80%;
  margin-left: 10%;
}

.md-typeset img[src$=".webp"][alt="Login"] {
  max-width: 100%;
  width: 100%;
  margin-left: 0%;
}

.fl-dir-responsive {
  display: flex;
  flex-direction: row;
}

.fl-dir-responsive > .video-wrapper {
  padding-bottom: 27.5%;
  width: 49%;
}

.video-wrapper {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  padding-bottom: 45%;
  width: 80%;
  display: flex;
  flex-direction: row;
  margin: auto;
}

.video-wrapper > iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.5%;
  width: 99%;
  height: 99%;
  border: 0;
  margin:auto;
  border-radius: 16px;
}

p > a > img.gif[src$=".gif"] {
  width: 50%;
  margin-left: 25%;
}

.md-header{
  color: var(--md-primary-bg-color);
  background-color: var(--rea-primary-background-color);
}

[dir="ltr"] .md-header__title {
  margin-left: 0px;
}
.md-tabs {
  background-color: var(--rea-primary-background-color);
  color: var(--rea-color-gray-primary);
}

.md-tabs__item--active {
  color: var(--md-primary-bg-color);
}

.md-tabs__list {
  border-bottom: 1px solid var(--rea-color-gray-terciary);
}

.md-search__form {
  background-color: var(--rea-input-background-color);
  border: 1px solid var(--rea-input-background-color);
  border-radius: 8px;
}

.md-search__form:hover {
  background-color: var(--rea-input-background-color);
  border: 1px solid var(--rea-primary-color);
}

.md-search__input::placeholder, .md-search__input ~ .md-search__icon {
  color: var(--rea-color-gray-primary) !important;
}

.md-typeset h1, .md-typeset h2, .md-typeset h3 {
  font-family: Manrope, "Manrope Placeholder", sans-serif;
}

.md-typeset h1, .md-typeset h2 {
  font-weight: 600;
}

.md-typeset h1 {
  color: var(--rea-color-gray-primary);
}

.md-typeset h2 {
  color: var(--md-primary-bg-color);
}

.md-nav__link {
  color: var(--rea-color-gray-primary);
}

.md-nav.md-nav--secondary .md-nav__link.md-nav__link--passed {
  color:  var(--rea-color-gray-secondary);
}

.md-nav.md-nav--secondary .md-nav__link.md-nav__link--passed.md-nav__link--active {
  color: var(--rea-primary-color);
}

.md-nav.md-nav--secondary label.md-nav__title{
  color:  var(--rea-color-gray-secondary);
}

.md-tabs__link:hover {
  color: var(--md-primary-bg-color);
}

.md-nav__link:focus, .md-nav__link:hover, .md-nav__link:not(.md-nav__container):hover {
  color: var(--md-primary-bg-color);
}

label.md-nav__link {
  font-family: Manrope, "Manrope Placeholder", sans-serif;
}

.md-nav__item .md-nav__link--active {
  color: var(--rea-primary-color);
}

.md-nav__item a {
  color: var(--rea-color-gray-primary);
}

.md-nav--lifted > .md-nav__list > .md-nav__item > [for] {
  color: var(--rea-color-gray-primary);
}

.md-typeset a {
  color: var(--rea-primary-color);
}
.md-typeset a:hover {
  color: rgb(48, 107, 159);
}

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

.md-footer {
  background: #1B2A4A;
}

@media screen and (max-width: 76.1875em) {
  .md-nav--primary .md-nav__title[for=__drawer] {
    background-color: var(--rea-primary-background-color);
  }

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

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

@media screen and (max-width: 59.9375em) {
  .fl-dir-responsive {
    display: flex;
    flex-direction: column;
  }
  .fl-dir-responsive > .video-wrapper {
    padding-bottom: 45%;
    width: 80%;
  }
}

.md-feedback__icon:not(:disabled).md-icon:hover:nth-child(1) {
  color: #75DB44;
}

.md-feedback__icon.md-icon:nth-child(1) {
  margin-right: 16px;
}

.md-feedback__icon:not(:disabled).md-icon:hover:nth-child(2) {
  color: #F1592A;
}