uhlibraries-digital/greens

/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *
 *= require_tree .
 *= require_self
 */
 @import "bootstrap";
 @import "font-awesome";
 @import "uh";


.home-content {
  margin: 20px 0;
}

.pagination {
  margin: 20px 0;
}

.page-item.active .page-link {
  background-color: $red;
  border-color: $brick;
}

.home-search {
  margin: 0 auto;
  padding: 2rem 2rem 0rem;
  position: relative;
  width: 100%;
  border-radius: 4px;
  background: #f5f5f5;
  border: 1px solid #ccc;

  ul.search-links {
    font: bold 1rem 'Milo', sans-serif;
    line-height: 3rem;
    display: inline-block;
    padding: 0 0;
    margin: 0rem 0 0;
    vertical-align: middle;
    width: 100%;

    li {
      display: inline-block;
      margin: 0 1.5rem 0 0;

      a {
        text-decoration: none;

        &:after {
          content: ' >';
          display: inline;
        }
      }
    }
  }
}

.search-form {
  button[type=submit] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}

#search-q {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.search-results-form {
  margin: 20px 0;
}

.search-results {
  .erc {
    margin: 0;
    padding: 0;
    list-style: none;
  }
}