@font-face {
  font-family: "Roboto";
  src:
    local("Roboto Bold"),
    local("RobotoBold"),
    url("../fonts/roboto-bold-webfont.woff2") format("woff2"),
    url("../fonts/roboto-bold-webfont.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src:
    local("Roboto Bold Italic"),
    local("RobotoBoldItalic"),
    url("../fonts/roboto-bolditalic-webfont.woff2") format("woff2"),
    url("../fonts/roboto-bolditalic-webfont.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src:
    local("Roboto Italic"),
    local("RobotoItalic"),
    url("../fonts/roboto-italic-webfont.woff2") format("woff2"),
    url("../fonts/roboto-italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src:
    local("Roboto"),
    url("../fonts/roboto-regular-webfont.woff2") format("woff2"),
    url("../fonts/roboto-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  src:
    local("Poppins"),
    local("PoppinsBold"),
    url("../fonts/poppins-bold-webfont.woff2") format("woff2"),
    url("../fonts/poppins-bold-webfont.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  src:
    local("Poppins"),
    local("PoppinsBoldItalic"),
    url("../fonts/poppins-bolditalic-webfont.woff2") format("woff2"),
    url("../fonts/poppins-bolditalic-webfont.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "Poppins ExtraBold";
  src:
    local("Poppins ExtraBold"),
    local("PoppinsExtraBold"),
    url("../fonts/poppins-extrabold-webfont.woff2") format("woff2"),
    url("../fonts/poppins-extrabold-webfont.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Poppins ExtraBold";
  src:
    local("Poppins ExtraBold Italic"),
    local("PoppinsExtraBoldItalic"),
    url("../fonts/poppins-extrabolditalic-webfont.woff2") format("woff2"),
    url("../fonts/poppins-extrabolditalic-webfont.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}

html,
body,
p,
dt,
dd,
h4,
h5,
h6,
.h1,
.h2,
.h4,
.h5,
.h6,
input[type="text"],
input[type="url"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
textarea,
select,
select[multiple="multiple"] {
  font-family: "Roboto", Arial, sans-serif;
}

html,
body,
dt,
dd,
input[type="text"],
input[type="url"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
textarea,
select,
select[multiple="multiple"] {
  font-size: 0.9rem;
  line-height: 1.7em;
}

address,
div.prom-location-hours,
p {
  font-size: 1.2rem;
  line-height: 1.8rem;
}

.prom-body-content-container .digital-library-card-header {
  font-size: 1.2rem;
}

.prom-body-content-container ul,
.prom-body-content-container ol {
  padding-left: 1rem;
  font-size: 1.2rem;
  line-height: 1.8rem;
}

.navbanner-link-text {
  font-size: 1.1rem;
}

a {
  color: #006eb5;
}

body {
  background-color: #ffffff;
}

button,
.btn {
  background-color: #ffffff;
  color: #132048;
  border-radius: 0;
  font-family: "Poppins", Arial, sans-serif;
  font-weight: bold;
  font-size: 1rem;
}

.btn-close:hover {
  background-color: transparent;
}

h1,
.h1 {
  font-family: "Poppins ExtraBold", Arial, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 2rem;
  color: #132048;
}

h2,
.h2 {
  font-family: "Poppins", Arial, sans-serif;
  font-weight: bold;
  font-size: 1.7rem;
  color: #132048;
}

h3,
.h3 {
  font-family: "Roboto", Arial, sans-serif;
  font-weight: bold;
  font-size: 1.3rem;
  color: #333333;
}

.prom-body-content h1.prom-title {
  background-color: #132048;
  color: white;
  display: block;
  font-family: "Poppins ExtraBold", Arial, sans-serif;
  font-size: calc(1rem + 3vw);
  font-weight: bold;
  margin-bottom: 1rem;
  padding-bottom: 2rem;
  padding-top: 2rem;
  text-align: center;
  text-transform: none;
}

.item-title,
dt,
.prom-alert > p,
.prom-alert > ul {
  font-family: "Poppins", Arial, sans-serif;
  font-weight: bold;
  font-size: 1.2rem;
  color: #132048;
}

.prom-tile > svg {
  width: 50px;
}

.prom-tile:hover {
  background-color: #f26724;
  color: #ffffff;
  text-decoration: none;
}

.prom-tile:hover > svg path,
.prom-tile:hover > svg polygon {
  fill: #ffffff;
  stroke: #ffffff;
}

.prom-tile > svg path,
.prom-tile > svg polygon {
  stroke: #f26724;
  fill: #f26724;
}

.prom-tile > p {
  margin-top: 0.75rem;
  font-family: "Roboto", Arial, sans-serif;
  color: #130248;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}

.prom-content {
  max-width: 1500px;
}

.prom-alert {
  color: #f26724;
  background-color: #f3f3f3;
  border: 1px solid #f26724;
  border-radius: 0;
}

.prom-box-border {
  border: 3px solid #f26724;
  border-radius: 0;
}

.prom-nav-top,
.prom-content-container {
  background-color: #ffffff;
}

.prom-nav-top {
  font-size: 1rem;
}

footer {
  background-color: #132048;
}

.prom-nav-top > .prom-right-nav > li > div.btn-group {
  height: inherit;
}

.prom-nav-top > .prom-right-nav > li > div.btn-group > a > div.btn {
  height: 100%;
}

.prom-nav-top > .prom-right-nav > li {
  height: 2.5rem;
}

.prom-nav-top-button {
  border: 2px solid;
  border-color: #f26729;
  background-color: white;
  color: #f26279;
  font-weight: bold;
}

li.d-sm-none.prom-nav-top-button {
  border-color: #0070b9;
  background-color: white;
  color: #0070b9;
}

.prom-nav-top-button:nth-of-type(odd) {
  border-color: #1e988a;
  color: #1e988a;
}

.prom-nav-top > .prom-right-nav > li > a:hover {
  color: #131d28;
  text-decoration: none;
}

.prom-nav-top > .prom-right-nav > li > a {
  padding: 0.25rem 0;
  color: inherit;
}

.prom-nav-top > .prom-right-nav > li > a > span.far,
.prom-nav-top > .prom-right-nav > li > a > span.fas {
  padding-top: 0.2rem;
}

.prom-nav-logo {
  background-color: #132048;
}

.prom-nav-middle-parent {
  background-color: #131d28;
  font-size: 1rem;
  color: #fff;
}

.prom-nav-middle .navbar-toggler {
  background-color: #132048;
}

.prom-nav-middle .nav-link-text,
.prom-nav-middle .nav-link {
  font-size: 1.1rem;
  border-radius: 0;
  line-height: 1.5rem;
}

.prom-nav-middle li.prom-nav-link {
  text-align: center;
  font-weight: bold;
  background-color: #132048;
}

.prom-nav-middle a:active .prom-nav-middle .navbar-toggler:active {
  color: #fff;
  background-color: #f26724;
}

.prom-nav-middle li a.nav-link.show {
  color: #fff;
  background-color: #f26724;
}

.prom-nav-middle .prom-dropdown-swap-link.show > .nav-link {
  color: white;
}

.prom-leftnav-container > div > a > img {
  margin-bottom: 1rem;
}

.prom-leftnav a:hover {
  color: #f26724;
}

.prom-leftnav .accordion-body {
  padding: 0.5rem;
}

.prom-leftnav .accordion-body ul {
  margin-bottom: 0.5rem;
  padding: 0;
  list-style: none;
}

.prom-leftnav .accordion-body ul li {
  text-indent: -1rem;
  padding-left: 1rem;
}

.prom-leftnav .accordion-body ul li:before {
  content: ">";
  color: #f26724;
  font-size: 1rem;
  font-family: "Poppins", Arial, sans-serif;
  font-weight: bold;
}

.prom-leftnav .accordion-button {
  color: #132048;
  padding: 0.5rem 0.75rem;
}

.prom-leftnav .accordion-button:not(.collapsed) {
  background-color: #132048;
  color: white;
}

.prom-leftnav a.prom-leftnav-featurette-button {
  color: #132048;
  font-family: "Poppins", Arial, sans-serif;
  font-weight: bold;
  background-color: #ffffff;
}

.prom-leftnav a.prom-leftnav-featurette-button:hover {
  background-color: #f26724;
}

ul.prom-nav-middle-social a {
  color: #132048;
}

ul.prom-nav-footer-social a {
  color: #ffffff;
  font-size: 1.2rem;
}

.prom-footer-contact {
  background: #0070b9;
}

.prom-footer-contact .footer-contact:nth-child(even) > a {
  color: #131d28;
}

.prom-footer-contact .footer-contact:nth-child(even) {
  background: #d8dfe1;
  color: #131d28;
}

a.prom-leftnav-social-link {
  color: #006ebf;
}

a.prom-leftnav-social-link:hover {
  color: #f26724;
}

.prom-segment-nav {
  color: #132048;
  text-decoration: none;
  font-weight: bold;
}

.prom-location-tile {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.125);
  font-family: "Poppins", Arial, sans-serif;
  font-weight: bold;
  font-size: 1.7rem;
  background-color: #ffffff;
}

.prom-location .todays-status {
  background-color: #131d28;
  border: 3px solid #f26724;
  padding: 0.4rem;
  text-align: center;
  color: white;
  font-size: 1.2rem;
}

.prom-see-services-at-all {
  font-style: italic;
}

.prom-features a:hover {
  color: #f26724;
}

footer a span {
  padding-top: 0.25rem;
}

.prom-faq-icons {
  color: #132048;
  font-family: "Poppins", Arial, sans-serif;
  font-weight: bold;
}

.badge.eaudiobooks {
  background-color: #f5cba7;
}

.badge.ebooks {
  background-color: #fee2a1;
}

.badge.magazines {
  background-color: #d8a7ad;
}

.badge.moviesandtv {
  background-color: #dccbdd;
}

.badge.music {
  background-color: #dddfbb;
}

.badge.newspapers {
  background-color: #6699cc;
}

.btn-active-purple {
  color: #123048;
  background-color: #f26724;
}

.h4.playlist-prompt {
  color: #132048;
  font-size: 1.2rem;
}

div.prom-top-searchbar > div.prom-catalog-search {
  max-width: 600px;
}

div.home-catalog-search #textboxTerm,
.search-box {
  border-radius: 0;
  min-height: 2.75rem;
}

div.home-catalog-search .search-button,
.search-button {
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  background-color: #132048;
  height: 3.5rem;
  width: 3.5rem;
  font-size: 1.4rem;
}

.form-control:focus,
.form-select:focus {
  border-color: #f26724;
  box-shadow: 0 0 0 0.1rem #f26724;
}

.location-feature-link a {
  color: #132048;
}

.location-feature-button {
  background-color: #c8dbd8;
}

.prom-text-color {
  color: #f26724;
}

.prom-background-color {
  background-color: #f26724;
}

.bg-prom-primary {
  background-color: #0070b9;
  --bs-btn-bg: #0070b9;
  --bs-btn-active-bg: #0070b9;
}

.border-prom-primary {
  --bs-border-opacity: 1;
  border-color: #0070b9;
  --bs-border-color: #0070b9;
}

.prom-nav-middle li.prom-nav-link:nth-child(even) {
  background-color: #424466;
}

@media (min-width: 576px) {
  .prom-nav-middle li.prom-nav-link {
    background-color: #424466;
  }

  .prom-nav-middle li.prom-nav-link:nth-child(even) {
    background-color: #132048;
  }

  div.home-catalog-search .search-button,
  .search-button {
    height: 2.5rem;
    width: 2.5rem;
  }
}

@media (hover: hover) {
  .prom-nav-middle a:hover,
  .prom-nav-middle .navbar-toggler:hover,
  .home-catalog-search .search-button:hover {
    color: #fff;
    background-color: #f26724;
  }
}