/* TPNMTC Library: accessible visual layer for the Akasia OPAC theme. */
:root {
  --college-teal: #0b4d57;
  --college-teal-dark: #06343b;
  --college-gold: #e0ad3b;
  --college-ink: #17323a;
  --college-paper: #f7faf9;
}

body {
  color: var(--college-ink);
  background: var(--college-paper);
}

.s-background:after {
  background: linear-gradient(135deg, rgba(6, 52, 59, .88), rgba(11, 77, 87, .68));
  content: "";
  inset: 0;
  position: fixed;
  z-index: -1;
}

.s-header {
  border-bottom: 1px solid rgba(255, 255, 255, .24);
  padding-bottom: 1.2rem;
}

.s-brand h1 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.45rem, 3.2vw, 2.25rem);
  letter-spacing: .01em;
  margin-bottom: .25rem;
}

.s-brand-tagline,
.college-context {
  letter-spacing: .03em;
  margin: 0;
}

.college-context {
  color: rgba(255, 255, 255, .88);
  font-size: .92rem;
  margin-top: .65rem;
}

.s-main-search {
  background: rgba(255, 255, 255, .96);
  border: 1px solid rgba(224, 173, 59, .65);
  border-radius: 1rem;
  box-shadow: 0 1.5rem 3rem rgba(3, 27, 31, .26);
  color: var(--college-ink);
  margin-top: 3.2rem;
  padding: clamp(1.5rem, 4vw, 3rem);
}

.s-main-search h1,
.s-main-title {
  color: var(--college-teal);
  font-family: Georgia, "Times New Roman", serif;
  letter-spacing: .04em;
}

.s-search {
  border: 2px solid #bdd4d2 !important;
  border-radius: .6rem 0 0 .6rem !important;
  color: var(--college-ink) !important;
  min-height: 3.25rem;
}

.s-search:focus {
  border-color: var(--college-gold) !important;
  box-shadow: 0 0 0 .22rem rgba(224, 173, 59, .28) !important;
  outline: 0;
}

.s-btn {
  background: var(--college-teal) !important;
  border-radius: 0 .6rem .6rem 0 !important;
  font-weight: 700;
  min-height: 3.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.s-btn:hover,
.s-btn:focus {
  background: var(--college-teal-dark) !important;
  color: #fff !important;
}

.s-search-advances {
  color: var(--college-teal) !important;
  display: inline-block;
  font-weight: 700;
  margin-top: 1rem;
}

.s-menu-content {
  background: var(--college-teal-dark);
}

.s-menu-content h1,
.s-menu-content a {
  color: #fff !important;
}

.s-menu-content a:hover,
.s-menu-content a:focus {
  color: var(--college-gold) !important;
}

.s-footer {
  background: rgba(6, 52, 59, .96);
  border-top: 3px solid var(--college-gold);
}

.s-footer-tagline strong,
.s-footer-tagline span {
  display: block;
}

.s-footer-tagline strong {
  color: #fff;
  font-size: 1rem;
}

.s-footer-tagline span {
  color: #d8e8e6;
  font-size: .9rem;
  margin-top: .25rem;
}

.s-footer-menu a {
  color: #fff !important;
}

.s-footer-menu a:hover,
.s-footer-menu a:focus {
  color: var(--college-gold) !important;
}

@media (max-width: 767px) {
  .s-main-search {
    margin: 1.5rem 1rem;
  }

  .s-search,
  .s-btn {
    border-radius: .6rem !important;
    margin: .35rem 0;
    width: 100%;
  }
}