/* ELEMENT STYLES */
/** {
    border: 2px solid red !important;
}*/
body {
  background: #f9f9f9 url("../images/old-books.jpg") no-repeat top left;
  background-size: cover;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 10px; }

header, li {
  background-color: #f9f9f9;
  border: 2px solid #a7d7f9;
  margin: 0 0.75rem;
  padding: 1.5em;
  min-width: 310px; }

ul {
  list-style-type: none;
  margin-left: 0;
  padding: 0; }

li {
  margin: 0.75rem; }
  li:hover {
    background-color: #afa3bf; }
    li:hover .searchmatch {
      color: #e2f7ed;
      font-weight: normal; }

h1, h2 {
  font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
  font-weight: 300;
  max-width: 16rem; }

h1 {
  font-size: 3em;
  margin: 0; }

div {
  display: inline-block; }

h1:first-child:first-letter {
  font-size: 2.5em;
  margin-right: -10px; }

h2 {
  margin: -0.5em 0 0.2em 0;
  padding: 0 0 0 0.5em;
  font-size: 2em; }

h3 {
  font-size: 1.8em; }

p {
  font-size: 1.5em; }

button {
  font-size: 1.8em;
  background-color: #a7d7f9;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  padding: 0.2em 0.6em;
  border-radius: 1em;
  border: 2px outset #d7edfc; }
  button:hover {
    background-color: #afa3bf; }
  button:focus {
    border: 2px outset #9585aa; }
  button[type="reset"] {
    font-size: 1.6em;
    position: relative;
    padding: 0.2em;
    background-color: #ccc;
    border-radius: 0;
    border: 2px solid #aaa;
    left: -11px; }
    button[type="reset"]:hover {
      color: #afa3bf; }
  button[type="button"] {
    margin-left: 0.5em;
    background-color: #cef2e0; }
    button[type="button"]:hover {
      background-color: #afa3bf; }

input[type="search"] {
  font-size: 1.6em;
  padding: 0.2em;
  margin: 0.5em;
  margin-bottom: 1em;
  display: inline;
  width: 14em; }

/* CLASS AND ID STYLES */
.logo {
  margin-right: 4em; }

.searchbox {
  position: relative; }

.searchmatch {
  color: #8876a0;
  font-weight: bold; }

.error {
  border: 1px solid #dd3333;
  background-color: #f7cccc; }
  .error:hover {
    background-color: #f7cccc; }

.searchError {
  margin-left: 8px;
  font-size: 1rem;
  margin-top: -16px;
  padding: 0.2em;
  max-width: 234px;
  display: none; }

.showError {
  visibility: visible;
  display: block; }

#resultsList a {
  text-decoration: none;
  color: inherit; }

/* OLD BROWSER WARNING STYLES */
.browserupgrade {
  text-transform: uppercase; }
  .browserupgrade a, .browserupgrade strong {
    color: #dd3333; }

@media screen and (max-width: 890px) {
  .searchbox {
    margin: 0;
    top: 1em; } }
@media screen and (max-width: 599px) {
  header {
    max-width: 290px;
    margin: 0 auto;
    padding: 1.5em 1em; }

  .searchError {
    margin: 1em 0 0.5em 0;
    max-width: inherit; }

  #searchbox button[type="submit"], #searchbox button[type="button"] {
    margin-top: 0.5em; }

  .logo {
    margin: 1em; } }

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