compiled.scss

        left: -240px;
        padding: 5px;
        width: $search-input-width-fixed;
      }
    }
  }

  @media screen and (min-width: $screen-sm-min) {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: -webkit-box;
    display: flex;
  }
}

// ++++++ Adv. Search Link
.adv-srch-btn {
  color: $white;
  display: inline-block;
  margin-top: 1em;
  text-decoration: underline;
}

// ++++++ Adv. Search Link - END

// ********************************************************

// headr
// ********************************************************

// ++++ SEARCH BOX - END

// ++ HEADER - END

// ++ SEARCH-RESULTS PAGE

/*#filter-header {
  background-color: $midnight-medium;
  padding: 0;
}*/

.offcanvas-right .close-offcanvas::before {
  content: none;
}

.container .sidebar.right {
  @media screen and (max-width: $screen-xs-max) {
    padding: 0;
    select {
      max-width: none;
    }
  }
  select {
    @include result-list-border($black);
    background-color: $white;
    height: $search-input-height-fixed;
    width: 100%;
  }
  .btn-link {
    color: $black;
  }
  #filter-header {
    padding: 12px;
  }
}

.search-header {
  margin-bottom: 4em;
  margin-top: 2em;
  width: $search-panel-width-xs;
}

.result-body, .author {
  color: $asphalt;
}

.search-stats {
  .offcanvas-toogler {
    float: none;
  }
  .search-filter-toggle {
    @include result-list-border($black);
    background-color: $white;
    height: $search-input-height-fixed;
    line-height: 2;
    width: 100%;

    &::after {
      content: none;
    }

    i {
      margin: 5px;
    }
  }
}

.search-controls {
  select {
    @include result-list-border($black);
    background-color: $white;
  }
  label {
    position: absolute;
    margin-top: -2em;
  }
  .limit {
    label {
      padding-top: 6px;
    }
    select {
      min-width: 8em;
    }
  }
  .mailsave {
    span {
      margin-left: 1em;
    }
  }
}

.result {
  border-bottom: 3px solid $midnight-medium;
  .format {
    background-color: $white;
    color: $asphalt;
  }
  @media screen and (max-width: $screen-xs-max) {
    a {
      text-decoration: none;
    }
  }
  .title {
    font-family: $font-family-monospace;
    font-size: 24px;
    font-weight: bold;
  }
  @media screen and (min-width: $screen-sm-min) {
    &:first-of-type {
      border-top: 3px solid $midnight-medium;
    }
  }
}

.result-getitbox {
  margin-top: 3em;
}

.result-links {
  .save-record, #toolbar-menu {
    color: $violet;
  }
  // move favorites and other icons to the right
  text-align: right;
}

.result:nth-of-type(2n) {
  background-color: transparent;
}

#filter-header {
  background-color: $midnight-medium;
}

.sidebar {
  hyphens: auto; // avoid ugly linebreaks with overlong words
  // set colors for selected filters in sidebar
  .active-filters, .facet-group {
    .facet {
      &:hover {
        background-color: transparent;
      }
      .text {
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: -webkit-box;
        display: flex;
        & > span {
          display: inline-block;
        }
      }
    }
  }
  .active-filters {
    @include result-list-border($violet !important);
    margin-top: 1em;
    .facet {
      background-color: transparent;
      color: $violet;
    }
  }
}

.exclude i {
  color: $black;
}

// FACET GROUP
.facet-group {
  @include result-list-border($midnight-medium);
  .active {
    background-color: transparent;
    color: $violet;
  }
  [data-toggle="collapse"]::after {
    content: '\2212';
  }
  .collapsed::after {
    content: '\ff0b';
  }
  .collapse,
  .collapsing,
  .facet {
    border: 0;
  }
  .checkbox, .facet {
    border: 0;
    //padding: 10px 15px;
    padding: .75em 1em;
    width: 100%;
  }
  .title {
    border: none;
    color: $azure;
    font-family: $font-family-monospace;
    text-transform: uppercase;
  }
}

// DATE-RANGE slider
.slider-container {
  margin-bottom: 1.5em;
  padding-right: ($content-l-r-padding / 2);
  .slider-handle,
  .slider-handle.round {
    border-radius: 100%;
  }
  .slider-track {
    background-color: $midnight-medium;
  }
  .slider-selection {
    background-color: $azure;
  }
}

// add thick border to date range inputs
#publishDateSortFilter {
  input.form-control {
    background-color: $white;
    @include result-list-border($black);
  }

  .btn-default {
    background-color: $amber;
    margin-top: $content-top-padding;
    min-width: 98px;
  }
}
// DATE-RANGE slider - END
// ++ SEARCH-RESULTS PAGE - END

// ++ GENERAL CONTENT PAGE
.main {
  min-height: 1000px;
  &.collapsing {
    height: 0;
    min-height: 0;
    transition: unset;
  }
}
// ++ GENERAL CONTENT PAGE - END

// ++ DETAILS/RECORD VIEW PAGE
.table {
  border: 0;
  & tr {
    border-bottom: 3px solid $midnight-medium;
    @media screen and (min-width: $screen-lg-min) {
      &:first-of-type {
        border-top: 3px solid $midnight-medium;
      }
    }
  }
  & > tbody {
    & > tr {
      & > td {
        color: $asphalt;
      }
      & > th, & > td {
        font-weight: normal;
        padding: 20px;
      }
      &:nth-of-type(2n+1) {
        background-color: transparent;
      }
    }
  }
}
.tab-content {
  .tab-pane {
    a {
      color: $black;
    }
    .table {
      tr {
        border-bottom: 2px solid $midnight-medium;
        @media screen and (min-width: $screen-lg-min) {
          &:first-of-type {
            border-top: 0;
          }
        }
        color: $black;
        & > th, & > td {
          padding: 4px;
        }
      }
    }
  }
}
.toolbar-menu {
  position: relative;
  .dropdown-menu {
    padding-left: 12px;
    padding-right: 12px;
    margin-left: -140px;
  }
}
.title-toolbar {
  h3 {
    font-size: 24px;
  }
  & > .toolbar-details {
    padding-top: 12px;
    & > .toolbar-menu {
      padding-top: 26px;
    }
  }
}
.openurls {
  ul {
    li {
      a {
        color: $asphalt;
        &:hover {
          color: #00359b;
        }
      }
    }
  }
}
.worldcat .openurls {
  ul {
    padding-left: 1em;
  }
}
div[class$="-tab"] {
  .media-body {
    strong {
      color: $asphalt;
    }
  }
  .media-left {
    padding-right: 88px;
  }
}
// ++ DETAILS/RECORD VIEW - END

// ++ ADVANCED SEARCH
// ++ ADVANCED SEARCH - END

// PAGE ELEMENTS (Top --> Down) - END

// +++++ Footer - START
// styling follows mobile first principles

footer {
  // general footer styles
  all: inherit;
  color: white;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('../images/footer-dummy-background.png');

   a:hover,  a:link,  a:active,  a:focus,  a:visited {
    color: white;
  }

  #footer-links {
    font-family: "Ubuntu Mono";
    font-size: em(18px);
    font-weight: bold;
    letter-spacing: em(2px);
    line-height: em(42px);
    text-transform: uppercase;
  }
  #footer-links ul {
    list-style: none;
    padding-left: 0;
  }

  #footer-contact-wrapper {
    background-color:$azure;
  }

  #footer-contact div:first-child {
    font-family: "Ubuntu Mono";
    font-size: em(20px);
    font-weight: bold;
    letter-spacing: em(0.8px);
    line-height: em(20px);
  }

  #footer-contact div:nth-child(2) {
    font-family: "Open Sans";
    font-size: em(18px);
    line-height: em(33px);
  }

  #footer-contact .form {
    font-weight: bold;
  }

  .footer-indent {
    margin: 35px 15px 25px 15px;
  }

  .logo-footer {
    height: 45px;
  }

  #footer-logos {
    font-family: "Open Sans";
    font-size: em(14px);
    line-height: em(19px);
  }

  #footer-copyright {
    font-family: "Open Sans";
    font-size: em(16px);
    line-height: em(22px);
  }

  // Small devices Tablets (<768px)
  @media (max-width: $screen-sm-min - 1px) {
    #footer-contact {
      margin-left: 20px;
      margin-right: 20px;
    }
    #footer-contact-wrapper {
      padding: 35px 15px 20px 15px;
    }
    background-position-y: 60px;
  }

  // Small devices Tablets (≥768px) .col-sm-
  @media (min-width: $screen-sm-min) {
    background-size: calc(100%/2 + #{$container-sm}/4) 100%;
    #footer-links {
      margin-top: 50px;
    }
    #footer-contact-wrapper {
      margin-top: 50px;
      margin-right: 25px;
      padding: 35px;
    }
  }

  // Medium devices Desktops (≥992px) .col-md-
  @media (min-width: $screen-md-min) {
    background-size: calc(100%/2 + #{$container-md}/4) 100%;
    #footer-links {
      font-size: em(24px);
      letter-spacing: em(1px);
      line-height: em(42px);
    }
    #footer-contact div:first-child {
      font-size: em(30px);
      font-weight: bold;
      line-height: em(34px);
    }
    #footer-contact-wrapper {
      margin-right: -15px;
    }
  }

  // Large devices Desktops (≥1200px) .col-lg-
  @media (min-width: $screen-lg-min) {
    background-size: calc(100%/2 + #{$container-lg}/4);
  }
}
// +++++ Footer - END