/*  
    base - slight modifications to override base Bootstrap
    these values are configurable using theme.yml > Theme Fonts area 
    or by editing base variables in custom.scss
*/
body {
  font-family: "Public Sans", sans-serif;
  font-size: 1em;
  color: #111;
}

a {
  color: #191919;
}
a:hover {
  color: #111;
  text-decoration: underline;
}

/* skip nav for accessibility, based on https://webaim.org/techniques/skipnav/ */
#skip-to-content a {
  padding: 6px;
  position: absolute;
  top: -45px;
  left: 0px;
  color: white;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  border-bottom-right-radius: 8px;
  background: #BF1722;
  -webkit-transition: top 1s ease-out;
  transition: top 1s ease-out;
  z-index: 100;
}

#skip-to-content a:focus {
  position: absolute;
  left: 0px;
  top: 0px;
  outline-color: transparent;
  -webkit-transition: top 0.1s ease-in;
  transition: top 0.1s ease-in;
}

/* banner */
.title-card {
  background-color: rgba(37, 36, 36, 0.5215686275);
  background-color: rgba(37, 36, 36, 0.72);
  color: white !important;
}

.featured-link {
  background: rgba(0, 0, 0, 0.5);
  padding: 0.5em;
}

#home-title-box img {
  height: 40px;
}

@media screen and (max-width: 600px) {
  #home-banner {
    max-height: 500px;
  }
}

@media screen and (max-width: 600px) {
  .display-4 {
    font-size: 1.75em;
  }
}

@media screen and (max-width: 600px) {
  #home-tagline {
    font-size: 0.85em;
  }
}

/* nav bar */
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}

#mobile-nav-image {
  max-height: 1.5em;
}

/* footer */
#footer-credits img {
  height: 40px;
}

/* scroll to top */
#scroll-to-top {
  display: none;
  position: fixed;
  bottom: 38px;
  right: 22px;
  z-index: 99;
  font-size: 40px;
}

/* base */
body {
  font-family: "Public Sans", sans-serif;
  font-size: 1em;
  color: #191919;
}

a {
  color: #00AEC7;
  text-decoration: none;
}
a:hover {
  color: #111;
  text-decoration: underline;
}

/* banner */
#title a {
  color: #111;
}
#title h1 {
  line-height: 1;
}
#title p {
  font-size: 13.5px;
  line-height: 1;
}

/* nav bar */
.navbar-light .navbar-nav .nav-link {
  font-size: 18px;
  color: #111;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  text-decoration: underline;
}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
  color: black;
  text-decoration: underline;
}

/* item page */
.gallery-img {
  cursor: pointer;
}

.jumbotron {
  height: 400px;
}
@media screen and (max-width: 600px) {
  .jumbotron {
    height: 430px;
  }
}

dt {
  font-size: 20px;
}

.glossary-def {
  font-size: 26px;
}

.lg-outer .lg-thumb-outer {
  background-color: transparent !important;
}

.nav-link {
  font-size: 20px !important;
}

.jumbo-text {
  background: rgba(171, 167, 167, 0);
}

.card-title {
  font-size: 1.5rem;
}

.collection-list {
  list-style: none;
  padding-left: 10px;
}
.collection-list ul {
  list-style: none;
  padding-left: 20px;
}
.collection-list a {
  font-weight: normal;
}

#collectionslink {
  cursor: pointer;
  z-index: 999;
  position: absolute;
  right: 0px;
  top: 0px;
  color: white;
  font-size: 14px;
  background: #999;
  border-radius: 0px 0px 0px 20px;
  padding: 5px 20px;
  border-bottom: 1px #dadada solid;
  margin: 0;
}

#collectionslink p {
  margin: 0;
}

/* glossary */
#glossary-list a {
  text-decoration: underline;
}

.text-underline {
  text-decoration: underline;
}

.btn-pride-gold {
  color: #fff;
  background-color: #F1B300;
  border-color: #F1B300;
}
.btn-pride-gold:hover {
  background-color: rgb(215.5, 160.0601659751, 0);
  border-color: #F1B300;
  color: white;
}

.btn-outline-pride-gold {
  color: #F1B300;
  background-color: transparent;
  background-image: none;
  border-color: #F1B300;
}
.btn-outline-pride-gold:hover {
  background-color: #F1B300;
  color: white;
}

.pride-gold {
  color: #F1B300 !important;
}

.background-pride-gold {
  color: white;
  background-color: #F1B300 !important;
}

.border-pride-gold {
  border-color: #F1B300 !important;
}

.btn-garnet {
  color: #fff;
  background-color: #D22630;
  border-color: #D22630;
}
.btn-garnet:hover {
  background-color: rgb(188.4072580645, 34.0927419355, 43.064516129);
  border-color: #D22630;
  color: white;
}

.btn-outline-garnet {
  color: #D22630;
  background-color: transparent;
  background-image: none;
  border-color: #D22630;
}
.btn-outline-garnet:hover {
  background-color: #D22630;
  color: white;
}

.garnet {
  color: #D22630 !important;
}

.background-garnet {
  color: white;
  background-color: #D22630 !important;
}

.border-garnet {
  border-color: #D22630 !important;
}

.btn-wild-rose {
  color: #fff;
  background-color: #E10098;
  border-color: #E10098;
}
.btn-wild-rose:hover {
  background-color: rgb(199.5, 0, 134.7733333333);
  border-color: #E10098;
  color: white;
}

.btn-outline-wild-rose {
  color: #E10098;
  background-color: transparent;
  background-image: none;
  border-color: #E10098;
}
.btn-outline-wild-rose:hover {
  background-color: #E10098;
  color: white;
}

.wild-rose {
  color: #E10098 !important;
}

.background-wild-rose {
  color: white;
  background-color: #E10098 !important;
}

.border-wild-rose {
  border-color: #E10098 !important;
}

.btn-palouse-green {
  color: #fff;
  background-color: #00AF66;
  border-color: #00AF66;
}
.btn-palouse-green:hover {
  background-color: rgb(0, 149.5, 87.1371428571);
  border-color: #00AF66;
  color: white;
}

.btn-outline-palouse-green {
  color: #00AF66;
  background-color: transparent;
  background-image: none;
  border-color: #00AF66;
}
.btn-outline-palouse-green:hover {
  background-color: #00AF66;
  color: white;
}

.palouse-green {
  color: #00AF66 !important;
}

.background-palouse-green {
  color: white;
  background-color: #00AF66 !important;
}

.border-palouse-green {
  border-color: #00AF66 !important;
}

.btn-clearwater {
  color: #fff !important;
  background-color: #00AEC7;
  border-color: #00AEC7;
}
.btn-clearwater:hover {
  background-color: rgb(0, 151.7035175879, 173.5);
  border-color: #00AEC7;
  color: white;
}

.btn-outline-clearwater {
  color: #00AEC7;
  background-color: transparent;
  background-image: none;
  border-color: #00AEC7;
}
.btn-outline-clearwater:hover {
  background-color: #00AEC7;
  color: white;
}

.clearwater {
  color: #00AEC7 !important;
}

.background-clearwater {
  color: white;
  background-color: #00AEC7 !important;
}

.border-clearwater {
  border-color: #00AEC7 !important;
}

.btn-clearwater-light {
  color: #fff;
  background-color: #8BD5E5;
  border-color: #8BD5E5;
}
.btn-clearwater-light:hover {
  background-color: rgb(118.1690140845, 205.4577464789, 224.3309859155);
  border-color: #8BD5E5;
  color: white;
}

.btn-outline-clearwater-light {
  color: #8BD5E5;
  background-color: transparent;
  background-image: none;
  border-color: #8BD5E5;
}
.btn-outline-clearwater-light:hover {
  background-color: #8BD5E5;
  color: white;
}

.clearwater-light {
  color: #8BD5E5 !important;
}

.background-clearwater-light {
  color: white;
  background-color: #8BD5E5 !important;
}

.border-clearwater-light {
  border-color: #8BD5E5 !important;
}

.btn-payette-blue {
  color: #fff;
  background-color: #003E51;
  border-color: #003E51;
}
.btn-payette-blue:hover {
  background-color: rgb(0, 42.4814814815, 55.5);
  border-color: #003E51;
  color: white;
}

.btn-outline-payette-blue {
  color: #003E51;
  background-color: transparent;
  background-image: none;
  border-color: #003E51;
}
.btn-outline-payette-blue:hover {
  background-color: #003E51;
  color: white;
}

.payette-blue {
  color: #003E51 !important;
}

.background-payette-blue {
  color: white;
  background-color: #003E51 !important;
}

.border-payette-blue {
  border-color: #003E51 !important;
}

.btn-ponderosa-pine {
  color: #fff;
  background-color: #004E42;
  border-color: #004E42;
}
.btn-ponderosa-pine:hover {
  background-color: rgb(0, 52.5, 44.4230769231);
  border-color: #004E42;
  color: white;
}

.btn-outline-ponderosa-pine {
  color: #004E42;
  background-color: transparent;
  background-image: none;
  border-color: #004E42;
}
.btn-outline-ponderosa-pine:hover {
  background-color: #004E42;
  color: white;
}

.ponderosa-pine {
  color: #004E42 !important;
}

.background-ponderosa-pine {
  color: white;
  background-color: #004E42 !important;
}

.border-ponderosa-pine {
  border-color: #004E42 !important;
}

.btn-black-color {
  color: #fff;
  background-color: #191919;
  border-color: #191919;
}
.btn-black-color:hover {
  background-color: rgb(12.25, 12.25, 12.25);
  border-color: #191919;
  color: white;
}

.btn-outline-black-color {
  color: #191919;
  background-color: transparent;
  background-image: none;
  border-color: #191919;
}
.btn-outline-black-color:hover {
  background-color: #191919;
  color: white;
}

.black-color {
  color: #191919 !important;
}

.background-black-color {
  color: white;
  background-color: #191919 !important;
}

.border-black-color {
  border-color: #191919 !important;
}

.btn-grey-color {
  color: #fff;
  background-color: #808080;
  border-color: #808080;
}
.btn-grey-color:hover {
  background-color: rgb(115.25, 115.25, 115.25);
  border-color: #808080;
  color: white;
}

.btn-outline-grey-color {
  color: #808080;
  background-color: transparent;
  background-image: none;
  border-color: #808080;
}
.btn-outline-grey-color:hover {
  background-color: #808080;
  color: white;
}

.grey-color {
  color: #808080 !important;
}

.background-grey-color {
  color: white;
  background-color: #808080 !important;
}

.border-grey-color {
  border-color: #808080 !important;
}

/*# sourceMappingURL=main.css.map */