sul-dlss/exhibits

body {
  font-size: 0.9375rem;
  line-height: 1.428571429;
}

.bg-cardinal-red {
  background-color: $color-cardinal-red !important;
}

.topbar {
  @extend .bg-cardinal-red;
}

.breadcrumb {
  border-bottom: 1px solid lighten($heading-border-color, 5%);
  padding-left: 0;
}

.nav a {
  color: $nav-link-color;
}

.nav-link:hover {
  text-decoration: underline;
}

.nav-tabs > li.active > a {
  color: $color-gray-90;
  font-weight: 600;
}

.nav-pills > li > a {
  background-color: $color-beige-10;
  border: 1px solid $color-gray-80;
  margin-left: 3px;
  margin-right: 3px;
}

.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
  background-color: $color-beige-30;
}

a:hover {
  border-radius: $border-radius;
}

.form-group .col-form-label {
  @extend .text-right;
  @extend .font-weight-bold;
}

th {
  color: $color-black-80;
  font-size: 15px;
}

.btn-secondary,
.btn-outline-secondary {
  @include button-variant($sul-btn-secondary-color, $sul-btn-secondary-border);
}

.blockquote {
  border-left: 5px solid $border-color;
  padding-left: 1rem;
}

.carousel-indicators li {
  background-color: transparent;
  border: 1px solid $white;
  border-radius: 10px;
  cursor: pointer;
  display: inline-block;
  height: 10px;
  margin: 1px 3px;
  text-indent: -999px;
  width: 10px;

  &.active {
    background-color: $white;
  }
}

.carousel-control-prev,
.carousel-control-next {
  svg {
    fill: $white;
    height: 36px;
    width: 36px;
  }
}

.carousel-control-prev {
  @include gradient-x($start-color: rgba(0 , 0 , 0, .5) , $end-color: rgba(0 ,0 , 0, .0001));
}

.carousel-control-next {
  @include gradient-x($start-color: rgba(0 ,0 , 0, .0001), $end-color: rgba(0 , 0 , 0, .5));
}