/* breakpoints */

.container {
  max-width: 1251px;
}

.library-listing {
  font-family: Open Sans;
}

.library-listing__dropdowns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media only screen and (min-width: 992px) {
  .library-listing__dropdowns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.library-listing .search__search-box {
  padding-right: 11.2rem;
}

@media only screen and (min-width: 992px) {
  .library-listing .search__search-box {
    padding-right: 0;
  }
}

.library-listing__description {
  font-size: 1.6rem;
  font-weight: 100;
}

.library-listing__link {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.library-listing__icon {
  position: absolute;
  left: 0;
  padding-left: 1.5rem;
  --text-opacity: 1;
  color: #004987;
  color: rgba(0, 73, 135, var(--text-opacity));
  top: 2.7rem;
}

.library-listing__icon .Podcast:before {
  font-family: FontAwesome;
  font-style: normal;
  content: '\f2ce';
}

.library-listing__icon .Journal:before {
  font-family: FontAwesome;
  font-style: normal;
  content: '\f1ea';
}

.library-listing__icon .Book:before {
  font-family: FontAwesome;
  font-style: normal;
  content: '\f02d';
}

.library-listing .search-filters__wrapper {
  padding: 0 !important;
}

@media only screen and (min-width: 768px) {
  .library-listing .search-filters__wrapper {
    padding-left: 3rem !important;
    margin: 0 !important;
  }
}

.library-listing__results-alpha > .col {
  padding: 0;
}

.library-listing__result-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding-bottom: 2rem;
  border-bottom: 1px dashed #ced4da;
}

.library-listing__result-list > li > a {
  font-weight: 500;
  font-size: 1.6rem;
  color: #004987;
  text-underline-offset: 7px;
  text-decoration: underline;
}

.library-listing__result-list > li > a.disabled {
  --text-opacity: 1;
  color: #f5f5f5;
  color: rgba(245, 245, 245, var(--text-opacity));
  cursor: text;
  pointer-events: none;
}

.library-listing__result-list > li > a.active:hover {
  text-decoration: underline;
}

.library-listing__item {
  margin-top: 8rem;
}

.library-listing__items {
  margin-bottom: 8rem;
}

.library-listing__header {
  font-size: 4.2rem;
  font-weight: 300;
  pointer-events: none;
  cursor: text;
  color: #004987;
  margin-top: 20px;
}

.library-listing__resource {
  position: relative;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 2.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 4rem;
}

.library-listing__resource:before {
  display: block;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  border-bottom-color: #666;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  content: '';
}

.library-listing__resource:after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: transparent;
  content: '';
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.library-listing__resource:hover:after {
  width: 100%;
  border-color: #004987;
}

.library-listing__resource:focus:after {
  width: 100%;
  border-color: #004987;
}

.library-listing__resource:before {
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.library-listing__resource:after {
  border-width: 2px;
}

.library-listing__resource a {
  padding-left: 0;
  font-size: 1.6rem;
  color: #51626f;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: 'Open Sans';
  border: none;
  text-decoration: none;
  --text-opacity: 1;
  color: #004987;
  color: rgba(0, 73, 135, var(--text-opacity));
}

.library-listing__resource a:after {
  position: absolute;
  font-size: 1.6rem;
  color: #51626f;
  right: 0;
  font-weight: 100;
  font-family: FontAwesome;
  content: '\f178';
}

.library-listing__resource a:hover {
  color: #004987;
}

.library-listing__resource a:after {
  padding-right: 1.5rem;
}

.library-listing__item-wrap:first-of-type {
  margin-top: 4rem;
}

.library-listing .search-filters__tag .filter-key {
  display: none;
}

.library-listing .search-filters__tag .filter-label:after {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  content: '|';
}