html {
  scroll-behavior: smooth;
}
/* Old color scheme:
  Standard color: #4573C1
  Darker color: #2C4D89
  off-white: #c0cadc
  */
a:hover {
  color: #65c2e8; /* Standard color */
}

a:focus{
  color: #3ca5de;
}

.md-header {
  background-color: #e1f0f3;
  color: #427177;
  /* background: linear-gradient(to bottom left, #447742, #539441, #76b82a);  */
  /* background-color: #539441; Standard color */
}


/* Make the logo background white */
.md-header-nav .md-flex .md-flex__cell--shrink:nth-child(1)  {
  background: white
}

.md-tabs {
  background-color: #57b3c7;
}



.md-nav__item .md-nav__link--active {
  color: #418194;
}
.md-nav__link:focus, .md-nav__link:hover {
  color: #418194; /* Standard color */
  font-weight: 500;
}

.md-nav__link--active {
  color: #418194; /* Standard color */
  font-weight: 600;
}

.md-footer {
  background-color: #427177; /* Darker color */
}

.md-footer-meta {
  background-color: #418594; /* Standard color */
}

.md-footer-copyright, .md-footer-version, .md-footer-downloadlink {
  margin: 0 .75rem;
  padding: .1rem 0;
  color: white;
  font-size: .64rem;
}

.md-header__button.md-logo img {
  width: auto !important;
  box-shadow: none;
}

.md-nav__title {
  font-size: 18px;
}

.md-nav__link {
  font-size: 16px;
}

.md-container img {
  padding: 4px;
  background-color: #fff;
  /*
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0.3rem 0.3rem 0.3rem rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0.3rem 0.3rem 0.3rem rgba(0, 0, 0, 0.4);
  box-shadow: 0.3rem 0.3rem 0.3rem rgba(0, 0, 0, 0.4);
  */
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img+em {
  text-align: center;
  display: block;
  margin-top: 6px;
  margin-left: auto;
  margin-right: auto;
}

.index-search {
  background-color: #418594; /* Standard color */
  color: #fff;
  float: none;
  margin: 0 auto;
  width: 45%;
}

.index-search>.md-search__form {
  background-color: rgba(0, 0, 0, 0.09);
}

.img-label {
  display: none;
}

@media only screen and (max-width: 76.1875em) {
  html .md-nav--primary .md-nav__title::before {
    color: #ffffff;
  }

  html .md-nav--primary .md-nav__title {
    color: rgba(255, 255, 255, 1);
    background-color: #417b94; /* Standard color */
    font-size: 18px;
  }

  html .md-nav--primary .md-nav__title--site {
    /* background-color: #539441; /* Standard color */

    background-color: white;
    /* Completely hide the header text in the navigation menu on the left */
    height: 0px;
  }

  .md-nav__button img {
    background-color: rgba(0, 0, 0, 0);
    border: 0px solid rgba(0, 0, 0, 0);
    box-shadow: 0rem 0rem 0rem rgba(0, 0, 0, 0);
    moz-box-shadow: 0rem 0rem 0rem rgba(0, 0, 0, 0);
    webkit-box-shadow: 0rem 0rem 0rem rgba(0, 0, 0, 0);
    width: auto;
    height: 37px;
  }
}

@media only screen and (max-width: 59.99em) {
  .img-label {
    position: relative;
    display: block;
    padding: 0;
    margin: auto;
    width: 350px;
  }

  #search-img {
    margin: auto;
    padding: 0;
    width: 350px;
    border: none;
  }

  #search-img:hover {
    transition: .8s ease;
    opacity: 0.75;
  }

  .horizontal_layout{
    display:flex;
    flex-direction: row;
  }
}

img {
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}