/* General site CSS */

body {
  font-family: Helvetica,Arial,sans-serif;
  background: rgb(248,250,252);
  background: linear-gradient(0deg, rgba(248,250,252,1) 80%, rgba(248,250,252,1) 97%, rgba(66,106,147,0.10968137254901966) 100%);
}

a,
.page-link {
  color: rgba(20,75,117);
}

a:hover {
  text-decoration: underline !important;
  text-decoration-color: #eb4242 !important;
}

.header {
  padding-bottom: 20px;
}

.nav-bar {
  max-height: 60px;
}

.navbar, 
.navbar>.container, 
.navbar>.container-fluid {
  align-items: stretch;
}

.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link {
  color: rgba(15,74,118);
  font-weight: bold;
}

.navbar-light .navbar-nav .nav-link:hover {
  color: rgba(20,75,117);
}

.navbar-light .navbar-nav .nav-link:after {
  color: rgba(235,54,66);
}

.navbar-text {
  position: absolute; 
  top: 50px;
  left: 60px;
  color: rgba(20,75,117) !important;
  font-size: .8em;
  white-space: normal;
}
@media (max-width: 576px) {
  .navbar-text {
    top: 48px;
    left: 62px;
    font-size: .7em;
    width: 320px;
    line-height: 1em;
  }
}

.nasa-logo {
  max-height: 50px;
  margin-top: 5px;
}

.ve-logo {
  max-height: 25px;
}

.form-control {
  padding: 0px 10px 0 20px;
}

.form-rounded {
  border-radius: 1rem;
  border-right: none;
}

@media (max-width: 576px) {
  .searchbtn {
    padding-top: 20px;
  }
  .nav-tools {
    padding-top: 20px;
  }
}

#searchbtn { 
  padding: 0px 10px;
  color: rgba(15,74,118);
  background-color: #fff;
  font-weight: bold;
  border: 1px solid #ced4da;
  border-radius: 0 50px 50px 0 !important;
  border-left: none;
}
#searchbtn:hover {
  color: rgba(20,75,117);
  background-color: #f8fafc;
}
@media (max-width: 576px) {
  #searchbtn {
    padding: .375rem .75rem;
    margin-top: 0 !important;
  }
}

.btn-primary {
  color: #fff;
  background-color: rgba(20,75,117);
  border-color: rgba(20,75,117);
}

.btn-link {
    color: rgba(20,75,117);
}

.dropdown-menu {
  min-width: 200px;
}
.dropdown-menu.columns-2 {
  min-width: 400px;
}
.dropdown-menu.columns-3 {
  min-width: 600px;
}
.dropdown-menu.columns-4 {
  min-width: 800px;
}
.dropdown-menu li a {
  padding: 5px 15px;
}
.sub-item {
  padding-left: 8px;
}
.multi-column-dropdown {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.multi-column-dropdown li a {
  display: block;
  clear: both;
  line-height: 1;
  color: #333;
  white-space: normal;
}
.multi-column-dropdown li a:hover {
  text-decoration: none !important;
  background-color: #f8f9fa;
}
 
@media (max-width: 767px) {
  .dropdown-menu.multi-column {
    min-width: 240px !important;
    overflow-x: hidden;
  }
}

.page-item.active .page-link {
    background-color: rgba(20,75,117);
    border-color: rgba(20,75,117);
}

#dropdownMenuButton {
  margin-bottom: 20px;
}

#date-filter {
  border-left: 1px solid #ced4da;
}
@media (max-width: 576px) {
  #date-filter {
    padding-top: 12px;
    border: none;
    border-top: 1px solid #ced4da;
  }
}

#date-filter label {
  margin-bottom: 0;
}
#date-filter label.disabled {
  color: #7d7d7d;
}

.text-area {
  width: 100%;
  margin: 0 auto;
  padding: 10px 20px 8px 20px;
}


.footer {
  margin-top: 80px;
  padding-top: 80px;
  padding-bottom: 40px;
  background-color: #fff;
  border-top: 1px solid #dee2e6;
}

.footer-logo {
  padding-bottom: 40px;
}

.footer .footer-links {
  padding: 0rem 2rem;
}

.footer .nav-link {
  padding: .5rem 0rem;
}

.footer-nav-header {
  width: 100%;
  color: #144b75;
  font-size: 1.2rem;
  font-weight: bold;
  border-bottom: 1px solid #dee2e6;
  padding: .5rem 0rem;
}