/* Change color scheme from purple to blue - Override just-the-docs theme */
/* Links - be more specific */
.main-content a,
.main-content a:not([class]),
.side-bar a,
.nav-list-link,
a {
  color: #2c84fa !important;
}

.main-content a:hover,
.main-content a:focus,
.side-bar a:hover,
.side-bar a:focus,
.nav-list-link:hover,
.nav-list-link:focus {
  color: #2869e6 !important;
}

/* Navigation active states */
.nav-list-item .nav-list-link.active,
.nav-list-item .nav-list-link.active:hover {
  color: #2869e6 !important;
  background-color: rgba(44, 132, 250, 0.1) !important;
}

/* Primary buttons */
.btn-primary {
  background-color: #2c84fa !important;
  border-color: #2c84fa !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #2869e6 !important;
  border-color: #2869e6 !important;
}

/* Search highlighting */
.search-result-highlight {
  background-color: rgba(44, 132, 250, 0.1) !important;
}

/* Site title and button hover effects 
.site-title:hover {
  background-image: linear-gradient(
    -90deg,
    rgba(44, 132, 250, 1) 0%,
    rgba(44, 132, 250, 0.8) 80%,
    rgba(44, 132, 250, 0) 100%
  ) !important;
}*/

.site-button:hover {
  background-image: linear-gradient(
    -90deg,
    rgba(44, 132, 250, 1) 0%,
    rgba(44, 132, 250, 0.8) 100%
  ) !important;
}

/* Breadcrumb links */
.breadcrumb-nav-list-item a { 
  color: #2c84fa !important;
}

.breadcrumb-nav-list-item a:hover {
  color: #2869e6 !important;
}

/* Footer links */
.site-footer a {
  color: #2c84fa !important;
}

.site-footer a:hover {
  color: #2869e6 !important;
}

.site-logo {
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  max-width: 200px;
  height: 60px;
  margin: 0 auto;
}

/* Keep logo on left when navbar collapses on narrow screens */
@media screen and (max-width: 50rem) {
  .site-header {
    justify-content: flex-start !important;
  }
  
  .site-title {
    margin-left: 1rem !important;
    margin-right: auto !important;
  }
  
  .site-logo {
    margin: 0 !important;
  }
}

.main-content .anchor-heading svg {
  color: #2c84fa !important;
}

@media screen and (min-width: 50rem) {
  .main {
    margin-left: max(16.5rem, (100% - 66.5rem) / 2 + 16.5rem) !important;
  }
}