body, html {
  font-family: myriad-pro, sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  line-height: 1.5em; }

h1, h2, h3, h4, h5, h6 {
  font-family: myriad-pro-semiextended, sans-serif;
  font-weight: 700;
  line-height: 1.25em; }

h1, .h1 {
  font-size: 2.875em; }

h2, .h2 {
  font-size: 1.75em; }

h3, .h3 {
  font-size: 1.5em; }

h4, .h4 {
  font-size: 1.25em; }

.big-text {
  font-size: 1.125em; }

.small-text {
  font-size: 14px; }

strong, b {
  font-weight: 700; }

a.text-dark-blue:hover {
  border-bottom: 1px solid #0E426C; }
a.text-maroon:hover {
  border-bottom: 1px solid #710225; }
a.text-yellow:hover {
  border-bottom: 1px solid #FFC652; }
a.text-green:hover {
  border-bottom: 1px solid #76B691; }
a.text-light-blue:hover {
  border-bottom: 1px solid #577898; }
a.text-white:hover {
  border-bottom: 1px solid #ffffff; }

.text-left {
  justify-content: flex-start;
  text-align: left; }

.text-right {
  justify-content: flex-end;
  text-align: right; }

.text-center {
  justify-content: center;
  text-align: center; }

.text-middle {
  align-items: center; }

.fa-125 {
  font-size: 1.25em; }

.text-dark-blue {
  color: #0E426C; }

.text-maroon {
  color: #710225; }

.text-yellow {
  color: #FFC652; }

.text-green {
  color: #76B691; }

.text-light-blue {
  color: #577898; }

.text-white {
  color: #ffffff; }
  .text-white a {
    color: #710225; }

.c-text-blue {
  color: #127dc2; }

.c-text-purple {
  color: #64329f; }

.c-text-yellow {
  color: #d4c205; }

.c-text-green {
  color: #8fb605; }

.c-text-orange {
  color: #ff810a; }

.c-text-red {
  color: #fe1413; }

.c-text-light-blue {
  color: #1da0dd; }

.y-text-blue {
  color: #0058e7; }

.y-text-yellow {
  color: #d7ff04; }

.y-text-green {
  color: #038744; }

.c-text-orange {
  color: #ffa701; }

.c-text-red {
  color: #fe2626; }

.c-text-light-blue {
  color: #1a6cb3; }

.bg-dark-blue {
  color: #ffffff;
  background: #0E426C; }
  .bg-dark-blue a {
    color: #FFC652; }

.bg-maroon {
  color: #ffffff;
  background: #710225; }

.bg-yellow {
  color: #222222;
  background: #FFC652; }
  .bg-yellow a {
    color: #710225; }

.bg-light-blue {
  color: #ffffff;
  background: #577898; }
  .bg-light-blue a {
    color: #ffffff;
    border-bottom: 1px solid #ffffff; }

.bg-green {
  color: #091523;
  background: #76B691; }
  .bg-green a {
    color: #FFC652; }
    .bg-green a.text-dark-blue {
      color: #0E426C; }

.c-bg-blue {
  background: #127dc2;
  color: #ffffff; }

.c-bg-purple {
  background: #64329f;
  color: #ffffff; }

.c-bg-green {
  background: #8fb605;
  color: #ffffff; }

.c-bg-orange {
  background: #ff810a;
  color: #ffffff; }

.c-bg-red {
  background: #fe1413;
  color: #ffffff; }

.c-bg-light-blue {
  background: #1da0dd;
  color: #ffffff; }

.c-bg-yellow {
  background: #d4c205;
  color: #ffffff; }

.y-bg-blue {
  background: #0058e7;
  color: #ffffff; }

.y-bg-green {
  background: #038744;
  color: #ffffff; }

.y-bg-yellow {
  background: #d7ff04;
  color: #0058e7; }

.y-bg-orange {
  background: #ffa701;
  color: #ffffff; }

.y-bg-red {
  background: #fe2626;
  color: #ffffff; }

.y-bg-light-blue {
  background: #1a6cb3;
  color: #ffffff; }

body {
  width: 100%;
  *zoom: 1; }
  body:before, body:after {
    content: "";
    display: table;
    flex-basis: 0;
    order: 1; }
  body:after {
    clear: both; }

html {
  scroll-behavior: smooth; }

.container-fluid {
  width: 100%;
  display: block; }

.col1 {
  display: inline-flex;
  width: 6.50104%;
  flex-wrap: wrap; }

.col2 {
  display: inline-flex;
  width: 14.96458%;
  flex-wrap: wrap; }

.col3 {
  display: inline-flex;
  width: 23.42813%;
  flex-wrap: wrap; }

.col4 {
  display: inline-flex;
  width: 31.89167%;
  flex-wrap: wrap; }

.col5 {
  display: inline-flex;
  width: 40.35521%;
  flex-wrap: wrap; }

.col6 {
  display: inline-flex;
  width: 48.81875%;
  flex-wrap: wrap; }

.col7 {
  display: inline-flex;
  width: 57.28229%;
  flex-wrap: wrap; }

.col8 {
  display: inline-flex;
  width: 65.74583%;
  flex-wrap: wrap; }

.col9 {
  display: inline-flex;
  width: 74.20938%;
  flex-wrap: wrap; }

.col10 {
  display: inline-flex;
  width: 82.67292%;
  flex-wrap: wrap; }

.col11 {
  display: inline-flex;
  width: 91.13646%;
  flex-wrap: wrap; }

.col12 {
  margin-left: 0;
  margin-right: 0;
  display: block;
  width: 100%; }

.span1 {
  display: inline;
  width: 7.68229%;
  margin: 0; }

.span2 {
  display: inline;
  width: 16.14583%;
  margin: 0; }

.span3 {
  display: inline;
  width: 24.60938%;
  margin: 0; }

.span4 {
  display: inline;
  width: 33.07292%;
  margin: 0; }

.span5 {
  display: inline;
  width: 41.53646%;
  margin: 0; }

.span6 {
  display: inline;
  width: 50%;
  margin: 0; }

.span7 {
  display: inline;
  width: 58.46354%;
  margin: 0; }

.span8 {
  display: inline;
  width: 66.92708%;
  margin: 0; }

.span9 {
  display: inline;
  width: 75.39063%;
  margin: 0; }

.span10 {
  display: inline;
  width: 83.85417%;
  margin: 0; }

.span11 {
  display: inline;
  width: 92.31771%;
  margin: 0; }

.span12 {
  display: inline;
  width: 100.78125%;
  margin: 0; }

.push0 {
  margin-right: 0; }

.push1 {
  margin-left: 9.24479%; }

.push2 {
  margin-left: 17.70833%; }

.push3 {
  margin-left: 26.17188%; }

.push4 {
  margin-left: 34.63542%; }

.push5 {
  margin-left: 43.09896%; }

.push6 {
  margin-left: 51.5625%; }

.push7 {
  margin-left: 60.02604%; }

.push8 {
  margin-left: 68.48958%; }

.push9 {
  margin-left: 76.95313%; }

.push10 {
  margin-left: 85.41667%; }

.push11 {
  margin-left: 93.88021%; }

.push12 {
  margin-left: 102.34375%; }

.col-first {
  margin-left: 0; }

.col-last {
  margin-right: 0; }

a {
  text-decoration: none;
  cursor: pointer; }

#top-bar a {
  color: #ffffff; }
  #top-bar a:hover {
    color: #FFC652;
    border-bottom: 0px; }

.equal_col {
  flex: 1; }

a.btn {
  padding: 10px 20px;
  display: inline-block;
  margin: 25px auto;
  text-align: center;
  font-weight: 700;
  border: 1px solid #ffffff; }
  a.btn.bg-green {
    color: #091523 !important; }
    a.btn.bg-green:hover {
      background: #57a277; }
  a.btn.bg-yellow {
    color: #710225 !important; }
    a.btn.bg-yellow:hover {
      background: #ffb51f; }

.stacked {
  flex-direction: column; }

.linear {
  flex-direction: row; }

.modal {
  display: inline-block;
  margin: 0 auto;
  padding: 45px !important;
  max-width: 600px !important; }
  .modal h4 {
    padding-bottom: 15px;
    color: #0E426C; }
  .modal .top-pad {
    padding-top: 25px; }
  .modal p {
    padding-bottom: 15px; }

.no-bullets {
  margin-left: 0;
  padding-left: 0;
  padding-top: 15px; }

.list-6 {
  columns: 6;
  -webkit-columns: 6;
  -moz-columns: 6; }
  .list-6 li {
    display: block; }

.list-3 {
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3; }

.list-2 {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2; }
  .list-2 li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid; }

.top-pad {
  padding-top: 25px; }

.book-list.text-white li {
  background-image: url("/assets/images/book-open-white.svg"); }
.book-list.text-green li {
  background-image: url("/assets/images/book-open-green.svg"); }
.book-list li {
  background: url("/assets/images/book-open.svg");
  background-repeat: no-repeat;
  background-size: 20px;
  padding-left: 30px;
  color: inherit;
  line-height: 20px;
  padding-bottom: 15px; }

#footer .xl_col3 {
  padding: 50px 35px 75px;
  align-content: flex-start; }
#footer .big-text {
  padding: 20px 0;
  font-weight: 700; }
#footer a {
  color: #ffffff;
  padding-bottom: 10px;
  display: inline-block; }
  #footer a:hover {
    color: #FFC652; }
#footer #footer-social-icons {
  padding-top: 20px; }
  #footer #footer-social-icons a {
    padding-right: 10px; }
    #footer #footer-social-icons a:hover {
      border-bottom: 0px; }

#copyright p.small-text {
  padding-bottom: 10px; }
#copyright p a {
  color: #ffffff; }

#page-header {
  background-image: url(/assets/images/banner.png);
  background-size: cover;
  height: 150px;
  align-items: center;
  display: flex;
  padding: 0 45px;
  background-blend-mode: luminosity;
  margin-bottom: 35px;
  margin-top: 5px; }

div {
  box-sizing: border-box; }

em {
  font-style: italic; }

.add-gutters div:first-of-type {
  padding-right: 35px; }
.add-gutters div:last-of-type {
  padding-left: 35px; }

#footer-container {
  margin-top: 35px; }

.wrap {
  flex-wrap: wrap; }

#top-bar {
  padding: 11px 0;
  box-sizing: border-box; }

.skiptranslate.goog-te-gadget div {
  display: inline-block;
  max-width: 150px;
  padding-right: 25px;
  color: #ffffff !important; }

.goog-logo-link, .goog-te-gadget {
  color: #ffffff !important; }

.skiptranslate.goog-te-gadget span {
  color: #ffffff !important; }

#logo {
  font-size: 30px;
  font-family: le-monde-livre-classic-byol, serif;
  font-weight: 500;
  line-height: 1; }
  #logo span {
    letter-spacing: 1.5px;
    display: block; }
    #logo span.bull, #logo span.town {
      display: inline-block; }
  #logo a {
    color: #0E426C; }
  #logo p.logo-details {
    line-height: 14px; }
    #logo p.logo-details .details {
      font-size: 12px;
      font-family: myriad-pro, sans-serif;
      display: inline-block;
      white-space: nowrap; }
      @media screen and (max-width: 479px) {
        #logo p.logo-details .details {
          white-space: normal; }
          #logo p.logo-details .details .bull {
            display: none; }
          #logo p.logo-details .details .town {
            display: block; } }

#top-bar a {
  margin-right: 10px; }

@media all and (min-width: 961px) {
  #nav a {
    color: #222222; }

  .dropdown, #nav > div > ul > li:not(.dropdown) {
    display: inline-block;
    position: relative; }

  .dropdown .dropbtn, #nav > div > ul > li:not(.dropdown) {
    font-size: 16px;
    border: none;
    outline: none;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
    vertical-align: top;
    line-height: normal; }

  .dropdown-content {
    display: none;
    position: absolute;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 90;
    right: 15px;
    background: #ffffff; }

  .dropdown-content a {
    float: none;
    color: #222222;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    border-bottom: 1px solid #ccc; }

  .dropdown-content li:hover {
    background: #710225; }
    .dropdown-content li:hover a {
      color: #ffffff !important; }
  .dropdown-content li:last-of-type a {
    border-bottom: 0px solid #ccc; }

  .dropdown:hover .dropdown-content {
    display: block; }

  #nav {
    align-items: center; }

  #menu.row {
    padding: 25px 10px 14px; } }
#main-header img {
  object-fit: cover;
  max-height: 100%;
  overflow: hidden; }

#mainImg {
  border: 10px solid #FFC652; }

#main-header {
  max-height: 638px;
  padding-bottom: 0; }

#main-header h1 {
  padding: 0 0 25px; }

#main-header .inner {
  max-width: 400px;
  margin: auto;
  display: block;
  text-align: center; }

#aboutRow {
  flex: stretch; }
  #aboutRow h4, #aboutRow .h4 {
    padding-top: 35px;
    padding-bottom: 10px; }
  #aboutRow p {
    padding: 0 50px 10px;
    text-align: left;
    display: block; }
    #aboutRow p.hours, #aboutRow p.day {
      display: inline-flex !important;
      box-sizing: border-box;
      padding: 0 15px 10px; }
    #aboutRow p.day {
      min-width: 145px;
      padding-left: 50px; }
    #aboutRow p.h4.text-green {
      padding-left: 50px; }
    #aboutRow p.top-pad {
      padding-top: 25px; }
    #aboutRow p.highlight {
      text-align: center;
      border: 1px solid #fff;
      max-width: 270px;
      margin: 10px auto 20px;
      padding: 25px;
      box-sizing: border-box; }
  #aboutRow .stacked a:not(.text-maroon) {
    color: #ffffff;
    border-bottom: 1px solid #ffffff; }
  #aboutRow .xl_col6:last-of-type {
    padding-bottom: 25px; }

#directions {
  align-items: flex-start; }
  #directions .xl_col6 {
    vertical-align: top; }

#digital-services-header .xl_col12 {
  padding: 30px; }
  #digital-services-header .xl_col12 p {
    padding: 10px 0 0; }
    #digital-services-header .xl_col12 p .bull {
      padding: 0 4px; }

#service-section {
  flex-direction: row;
  flex-wrap: wrap;
  align-content: space-evenly;
  align-items: flex-start;
  padding-top: 45px;
  padding-bottom: 25px; }
  #service-section .width33 {
    justify-content: center;
    display: inline-flex; }
    #service-section .width33 img {
      width: 90%;
      max-width: 80px;
      height: auto; }
  #service-section a {
    display: block;
    color: #222222; }
  #service-section .service-item {
    margin-bottom: 45px; }
  #service-section .width66 {
    padding-right: 5px;
    box-sizing: border-box; }

#world-languages {
  padding: 50px 50px 85px 50px;
  position: relative;
  box-sizing: border-box; }
  #world-languages p.intro {
    width: 50%;
    padding-top: 25px; }
  #world-languages #globe {
    position: absolute;
    top: 50px;
    right: 50px;
    max-width: 250px; }
  #world-languages .btn {
    margin-left: 0; }
  #world-languages #available {
    padding-bottom: 24px; }
  #world-languages #all-languages {
    flex-direction: row;
    display: flex; }
    #world-languages #all-languages .xl_col6 {
      display: inline-flex;
      flex-direction: column; }
  #world-languages #request-btn {
    position: absolute;
    right: 70px;
    bottom: 35px; }

#upcoming-events, #card-info {
  padding: 50px;
  position: relative;
  box-sizing: border-box;
  height: 50%; }
  #upcoming-events h2, #upcoming-events h4, #card-info h2, #card-info h4 {
    padding-bottom: 25px; }
  #upcoming-events .event, #card-info .event {
    padding-bottom: 10px;
    display: flex;
    flex-direction: row; }
    #upcoming-events .event .eventDate, #card-info .event .eventDate {
      width: 75px; }
    #upcoming-events .event .eventTime, #card-info .event .eventTime {
      width: 90px; }

#card-info .xl_col6 {
  display: inline-block;
  vertical-align: top; }
  #card-info .xl_col6 h4 {
    padding-bottom: 0;
    margin-left: 10px;
    display: inline-flex; }
  #card-info .xl_col6 svg {
    font-size: 30px;
    display: inline-flex; }
  #card-info .xl_col6 .btn {
    display: inline-flex;
    align-items: center;
    margin: 0 auto 40px;
    min-width: 205px; }

#best-sellers {
  padding: 45px 20px;
  text-align: center; }

#best-sellers-row {
  padding-top: 20px;
  justify-content: space-evenly; }
  #best-sellers-row .book {
    margin-right: 15px; }
    @media screen and (max-width: 1099px) {
      #best-sellers-row .book.kids {
        margin-right: 3px; } }
    @media screen and (max-width: 639px) {
      #best-sellers-row .book.kids {
        margin-right: 15px; } }
    @media screen and (max-width: 479px) {
      #best-sellers-row .book.kids:last-of-type {
        display: none; } }
    #best-sellers-row .book .image {
      width: 100%;
      margin-bottom: 10px;
      border: 1px solid #222222; }
      #best-sellers-row .book .image a {
        display: block; }
        #best-sellers-row .book .image a img {
          max-width: 100%;
          object-fit: cover;
          display: block; }
    #best-sellers-row .book .title a {
      color: #0E426C;
      text-transform: capitalize; }

#hours-title span {
  display: block;
  padding-left: 23px;
  font-size: 16px; }

#main-about h2 {
  padding-bottom: 15px; }
#main-about p {
  display: block;
  padding-bottom: 15px; }
#main-about div.xl_col12 {
  margin-bottom: 35px; }
#main-about div.xl_col8 {
  align-content: flex-start; }
#main-about div.xl_col4 {
  padding-left: 45px;
  justify-content: center; }
  #main-about div.xl_col4 img {
    width: 100%;
    max-width: 300px;
    object-fit: contain; }

#map {
  padding-left: 45px; }

h2 .more {
  font-size: 12px;
  margin-left: 15px;
  display: inline-block;
  vertical-align: middle; }
  @media screen and (max-width: 1099px) {
    h2 .more {
      display: block;
      margin: 10px auto 0; } }
  h2 .more a {
    padding: 10px; }

#main-job-center p {
  padding-bottom: 15px; }

.jobs-faqs h2 {
  color: #656060;
  font-size: 1.75em;
  line-height: 48px;
  text-align: center;
  font-style: normal; }
.jobs-faqs a {
  text-decoration: none;
  color: #710225; }
  .jobs-faqs a:hover {
    text-decoration: underline; }

.job-faq {
  padding: 0px; }
  .job-faq p {
    margin: 0; }
  .job-faq dt, .job-faq dd {
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 30px;
    padding: 10px 30px 10px 20px;
    background: #efefef;
    color: #710225;
    vertical-align: middle;
    font-size: 1.25em;
    font-weight: 700; }
  .job-faq dt {
    margin-top: 10px;
    cursor: pointer; }
    .job-faq dt.open {
      background: #710225;
      color: #ffffff; }
      .job-faq dt.open + dd {
        display: block; }
    .job-faq dt:hover {
      background: #710225;
      color: #ffffff; }
    .job-faq dt .toggle {
      position: absolute;
      width: 38px;
      height: 38px;
      right: 20px;
      top: 50%;
      margin-top: -19px;
      text-indent: 100%;
      background: url(../images/toggle.png) no-repeat left center transparent;
      overflow: hidden; }
  .job-faq dd {
    display: none;
    padding-bottom: 0; }
    .job-faq dd ul.book-list li {
      font-size: 16px;
      font-weight: 400; }
  .job-faq .marker {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    font-size: 2.875em;
    line-height: 50px;
    font-weight: 700;
    color: #577898; }

.job-faq .open .toggle {
  background-position: right center; }

.jobs-faqs .align-center {
  text-align: center; }

.jobs-faqs a.external {
  background: url(../images/icon_external.png) no-repeat scroll right center transparent;
  padding: 5px 28px 5px 0; }

.fb-holder {
  padding: 0px 20px; }

#facebook {
  width: 100%; }
  #facebook .profile {
    overflow: hidden;
    border-radius: 50px;
    height: 50px;
    width: 50px;
    display: inline-flex; }
    #facebook .profile img {
      object-fit: fill; }
  #facebook a {
    color: #222222; }
  #facebook .fb-byline {
    display: flex;
    padding: 10px; }
    #facebook .fb-byline .fb-by {
      font-weight: 700;
      color: #710225; }
    #facebook .fb-byline .fb-date {
      font-size: 14px; }
    #facebook .fb-byline .who {
      padding-left: 15px; }
  #facebook .fb-title {
    padding: 0 0 10px 10px; }

#childrens-room #page-header {
  margin-bottom: 0px; }
#childrens-room #footer-container {
  margin-top: 0px; }
#childrens-room #digital_resources {
  padding: 40px 0px;
  margin-top: 55px; }
  #childrens-room #digital_resources > .container {
    padding: 0 40px;
    margin-bottom: 35px; }
  #childrens-room #digital_resources .container.row {
    align-items: center;
    justify-content: space-around;
    width: 100%; }
  #childrens-room #digital_resources .resource {
    justify-content: center;
    flex-direction: column;
    text-align: center;
    align-items: center;
    align-self: flex-start; }
    #childrens-room #digital_resources .resource img {
      object-fit: contain;
      max-width: 100%; }
    #childrens-room #digital_resources .resource p {
      color: #ffffff;
      padding-top: 15px;
      font-weight: bold;
      line-height: 20px; }
      #childrens-room #digital_resources .resource p span {
        font-size: 14px;
        font-weight: normal; }
  #childrens-room #digital_resources h3 {
    padding: 0 0 15px; }
  #childrens-room #digital_resources h2 {
    justify-content: center;
    padding: 0 0 20px;
    text-align: center; }

#childrens-container {
  padding: 0px;
  align-items: flex-start; }
  #childrens-container .author {
    padding-bottom: 25px;
    display: block; }

#childrens-nav {
  padding: 0px; }
  #childrens-nav ul {
    display: flex;
    justify-content: space-between;
    width: 100%; }
    #childrens-nav ul li {
      display: inline-flex;
      width: 25%;
      justify-content: center;
      flex-direction: column;
      transition: background 1s; }
      @media screen and (max-width: 479px) {
        #childrens-nav ul li {
          width: 50%; } }
      #childrens-nav ul li:nth-of-type(6n + 1) {
        background: #64329f;
        border-top: 10px solid #331a51; }
        #childrens-nav ul li:nth-of-type(6n + 1):hover {
          background: #4c2678;
          border-top: 10px solid #4c2678; }
      #childrens-nav ul li:nth-of-type(6n + 2) {
        background: #127dc2;
        border-top: 10px solid #094165; }
        #childrens-nav ul li:nth-of-type(6n + 2):hover {
          background: #0e5f93;
          border-top: 10px solid #0e5f93; }
      #childrens-nav ul li:nth-of-type(6n + 3) {
        background: #8fb605;
        border-top: 10px solid #415302; }
        #childrens-nav ul li:nth-of-type(6n + 3):hover {
          background: #688404;
          border-top: 10px solid #688404; }
      #childrens-nav ul li:nth-of-type(6n + 4) {
        background: #d4c205;
        border-top: 10px solid #706703; }
        #childrens-nav ul li:nth-of-type(6n + 4):hover {
          background: #a29404;
          border-top: 10px solid #a29404; }
      #childrens-nav ul li:nth-of-type(6n + 5) {
        background: #ff810a;
        border-top: 10px solid #a34f00; }
        #childrens-nav ul li:nth-of-type(6n + 5):hover {
          background: #d66800;
          border-top: 10px solid #d66800; }
      #childrens-nav ul li:nth-of-type(6n + 6) {
        background: #fe1413;
        border-top: 10px solid #aa0101; }
        #childrens-nav ul li:nth-of-type(6n + 6):hover {
          background: #dd0201;
          border-top: 10px solid #dd0201; }
      #childrens-nav ul li a {
        display: block;
        padding: 30px 20px;
        text-align: center;
        color: #ffffff; }

#main-slider .owl-stage-outer {
  max-height: 550px !important; }

#widgets {
  align-items: flex-start;
  margin-top: 50px; }

.home-box #fb-logo {
  padding: 0 20px; }
  .home-box #fb-logo img {
    max-width: 50%; }
.home-box .widget {
  width: 90%;
  margin: auto;
  background: white;
  border-radius: 20px;
  padding: 60px 20px;
  box-sizing: border-box;
  text-align: center; }
  .home-box .widget#w-computer {
    box-shadow: 0px 6px 0px 0px #331a51;
    background: linear-gradient(180deg, #f4f4f4 0%, #dadada 46%, #64329f 46%, #64329f 100%); }
  .home-box .widget#w-collections {
    box-shadow: 0px 6px 0px 0px #415302;
    background: linear-gradient(180deg, #f4f4f4 0%, #dadada 46%, #8fb605 46%, #8fb605 100%); }
  .home-box .widget#w-program {
    box-shadow: 0px 6px 0px 0px #706703;
    background: linear-gradient(180deg, #f4f4f4 0%, #dadada 46%, #d4c205 46%, #d4c205 100%); }
  .home-box .widget .widget-body {
    margin-top: 10px; }
    .home-box .widget .widget-body .widget-image {
      margin: 20px 0 0; }
    .home-box .widget .widget-body .widget-more {
      margin-top: 20px; }
      .home-box .widget .widget-body .widget-more .more-btn {
        display: inline-block;
        padding: 10px 20px;
        box-sizing: border-box;
        border-radius: 20px;
        width: 100px;
        color: #ffffff;
        font-weight: 700; }
        .home-box .widget .widget-body .widget-more .more-btn.c-bg-purple {
          box-shadow: 0px 6px 0px 0px #331a51;
          background: #7038b2;
          transition: box-shadow 0.5s; }
          .home-box .widget .widget-body .widget-more .more-btn.c-bg-purple:hover {
            box-shadow: 0px 0px 0px 0px #331a51; }
        .home-box .widget .widget-body .widget-more .more-btn.c-bg-green {
          box-shadow: 0px 6px 0px 0px #415302;
          background: #a3cf06;
          transition: box-shadow 0.5s; }
          .home-box .widget .widget-body .widget-more .more-btn.c-bg-green:hover {
            box-shadow: 0px 0px 0px 0px #415302; }
        .home-box .widget .widget-body .widget-more .more-btn.c-bg-yellow {
          box-shadow: 0px 6px 0px 0px #706703;
          background: #edd906;
          transition: box-shadow 0.5s; }
          .home-box .widget .widget-body .widget-more .more-btn.c-bg-yellow:hover {
            box-shadow: 0px 0px 0px 0px #706703; }
    .home-box .widget .widget-body .widget-description {
      margin: auto;
      width: 230px; }

#ya-nav {
  padding: 0px; }
  #ya-nav ul {
    display: flex;
    justify-content: space-between;
    width: 100%; }
    #ya-nav ul li {
      display: inline-flex;
      width: 20%;
      justify-content: center;
      flex-direction: column;
      transition: background 1s;
      background: #091540;
      border-right: 3px solid #ABD2FA;
      /*&:nth-of-type(4n + 1)
       * background: $y-green
       * border-top: 10px solid darken( $y-green, 20% )
       * &:hover
       *     background: darken( $y-green, 10% )
       *     border-top: 10px solid darken( $y-green, 10% ) */
      /*&:nth-of-type(4n + 2)
       * background: $y-blue
       * border-top: 10px solid darken( $y-blue, 20% )
       * &:hover
       *     background: darken( $y-blue, 10% )
       *     border-top: 10px solid darken( $y-blue, 10% ) */
      /*&:nth-of-type(4n + 3)
       * background: $y-orange
       * border-top: 10px solid darken( $y-orange, 20% )
       * &:hover
       *     background: darken( $y-orange, 10% )
       *     border-top: 10px solid darken( $y-orange, 10% ) */
      /*&:nth-of-type(4n + 4)
       * background: $y-red
       * border-top: 10px solid darken( $y-red, 20% )
       * &:hover
       *     background: darken( $y-red, 10% )
       *     border-top: 10px solid darken( $y-red, 10% ) */ }
      #ya-nav ul li:last-of-type {
        border-right-color: #091540; }
      #ya-nav ul li:hover {
        background: #0f246d; }
      #ya-nav ul li a {
        display: block;
        padding: 30px 20px;
        text-align: center;
        color: #ffffff; }

/* multiple slides */
/*#ya-slider
 * margin-top: 25px
 * .ya-book-image
 *     width: 40%
 *     padding: 20px 0
 *     box-sizing: border-box
 *     justify-content: center
 *     margin: auto
 * .owl-item
 *     &.active.center
 *         .ya-book-slider
 *             box-shadow: 0px 0px 12px 5px rgba($dark-grey, 0.45)
 *     .ya-book-slider
 *         border: 1px solid $y-light-blue
 *         padding: 20px
 *         margin: auto
 *         max-width: 90%
 *         background: lighten($y-light-blue, 60%)
 * .ya-author
 *     padding-bottom: 10px
 *     display: block
 * .ya-btn
 *     margin: 35px auto
 *     display: inline-block       
 *     text-align: center
 *     a
 *         color: $y-yellow
 *         font-weight: bold
 *         padding: 10px 25px
 *         transition: background 1s
 *         display: block
 *         background: $y-light-blue
 *         &:hover
 *             background: darken($y-light-blue, 10%)
 *         border-radius: 2px */
#ya-slider {
  margin-top: 25px; }
  #ya-slider .ya-book-image {
    width: 20%;
    padding: 40px 0;
    box-sizing: border-box;
    display: inline-flex;
    flex-direction: column;
    min-width: 240px; }
  #ya-slider .owl-item {
    padding: 20px; }
    #ya-slider .owl-item .ya-book-slider {
      border: 3px solid #1a6cb3;
      padding: 40px 70px;
      margin: auto;
      background: rgba(26, 108, 179, 0.2);
      display: flex;
      align-items: flex-start;
      border-radius: 20px;
      box-shadow: 0px 0px 12px 5px rgba(34, 34, 34, 0.45); }
  #ya-slider .ya-book-info {
    display: inline-flex;
    flex-direction: column;
    padding: 40px 0 0 40px; }
  #ya-slider .ya-author {
    padding-bottom: 25px;
    display: block; }
  #ya-slider .ya-btn {
    margin: 35px 0;
    display: inline-block; }
    #ya-slider .ya-btn a {
      color: #d7ff04;
      font-weight: bold;
      padding: 10px 25px;
      transition: background 1s;
      display: inline-block;
      background: #1a6cb3;
      border-radius: 2px; }
      #ya-slider .ya-btn a:hover {
        background: #145186; }

#ya-fb {
  padding-top: 43px; }
  #ya-fb .owl-stage-outer {
    max-height: 850px; }
  #ya-fb #ya-events {
    border-bottom: 1px solid gray;
    padding: 0 0 15px;
    margin-bottom: 15px; }
    #ya-fb #ya-events > div {
      margin-bottom: 10px;
      flex-wrap: wrap;
      padding: 0 20px; }
      #ya-fb #ya-events > div > div {
        display: inline-flex;
        width: 100%; }
        #ya-fb #ya-events > div > div.eventDate, #ya-fb #ya-events > div > div.eventTime {
          background: #1a6cb3;
          color: #ffffff;
          width: 50%;
          padding: 2px 10px; }
        #ya-fb #ya-events > div > div.eventDate {
          align-self: flex-start; }
        #ya-fb #ya-events > div > div.eventTime {
          justify-content: flex-end; }
        #ya-fb #ya-events > div > div.eventName {
          padding: 10px 10px 0; }
          #ya-fb #ya-events > div > div.eventName a {
            color: #038744; }
    #ya-fb #ya-events h3 {
      padding: 0px 0px 15px;
      text-align: center;
      margin: 0px 20px; }

.ya-container #best-sellers .book {
  padding-bottom: 15px; }

.filterButton {
  display: block;
  max-width: 200px;
  padding: 20px 10px;
  color: #ffffff;
  border: 0px;
  font-size: 16px;
  border-bottom: 1px solid #fff; }

.filterButton:first-of-type {
  color: #222222; }

.appIcon {
  border-radius: 15px;
  width: 100px;
  height: 100px;
  overflow: hidden;
  margin: auto; }
  .appIcon img {
    object-fit: cover; }
  .appIcon.ya {
    width: 125px;
    height: 125px;
    border: 3px solid #222222; }
    .appIcon.ya img {
      max-width: 100%; }

.mix {
  text-align: center;
  align-items: flex-start;
  justify-content: space-around;
  padding-top: 30px; }
  .mix:hover {
    background: #efefef !important; }
  .mix.xl_col3 {
    width: 25%; }
    @media screen and (max-width: 1099px) {
      .mix.xl_col3 {
        width: 33.33%; } }
  .mix .appIcon {
    margin: 0 auto 20px; }
  .mix p {
    padding: 5px !important;
    box-sizing: border-box;
    width: 100%; }
  .mix a {
    color: #ffffff;
    width: 100%;
    display: block;
    text-align: center; }

.cool-stuff p, button[data-filter=".cool-stuff"] {
  background: #09152E; }

.general p, button[data-filter=".general"] {
  background: #062466; }

.scholarships p, button[data-filter=".scholarships"] {
  background: #487DF0; }

.biographies p, button[data-filter=".biographies"] {
  background: #2B51A1; }

.college p, button[data-filter=".college"] {
  background: #0236A8; }

.current-events p, button[data-filter=".current-events"] {
  background: #2D467D; }

.study p, button[data-filter=".study"] {
  background: #5581E0; }

.money p, button[data-filter=".money"] {
  background: #011D59; }

.generalC p, button[data-filter=".generalC"] {
  background: #1da0dd; }

.databases p, button[data-filter=".databases"] {
  background: #64329f; }

.educational p, button[data-filter=".educational"] {
  background: #8fb605; }

button:hover {
  cursor: pointer;
  opacity: 0.9; }

#ya-links > div:nth-of-type(2n+1), #links-row > div:nth-of-type(2n+1) {
  background: #f8f8f8; }

#childrens-events {
  margin-top: 25px;
  border-bottom: 1px solid gray;
  padding: 0 0 15px;
  margin-bottom: 15px; }
  #childrens-events > div {
    margin-bottom: 10px;
    flex-wrap: wrap;
    padding: 0 20px;
    width: 100%; }
    #childrens-events > div > div {
      display: inline-flex; }
      #childrens-events > div > div.eventDate, #childrens-events > div > div.eventTime {
        background: #1a6cb3;
        color: #ffffff;
        width: 50%;
        padding: 2px 10px; }
      #childrens-events > div > div.eventDate {
        align-self: flex-start; }
      #childrens-events > div > div.eventTime {
        justify-content: flex-end; }
      #childrens-events > div > div.eventName {
        padding: 10px 10px 0; }
        #childrens-events > div > div.eventName a {
          color: #038744; }
  #childrens-events h3 {
    padding: 0px 0px 15px;
    text-align: center;
    margin: 0px 20px; }

.container#links {
  align-items: flex-start; }

.escape#links-row {
  padding-top: 40px; }

#summer {
  max-width: 100%;
  padding-bottom: 25px;
  display: block; }
  #summer img {
    object-fit: contain;
    max-width: 100%; }

#yearbook-grid .xl_col12 {
  justify-content: space-between; }
  #yearbook-grid .xl_col12 > div {
    justify-content: center;
    margin-bottom: 20px; }
    #yearbook-grid .xl_col12 > div a {
      display: flex; }
    #yearbook-grid .xl_col12 > div .book-cover {
      height: 290px;
      overflow: hidden;
      position: relative; }
      #yearbook-grid .xl_col12 > div .book-cover img {
        max-width: 100%;
        object-fit: fill; }
    #yearbook-grid .xl_col12 > div .book-link {
      position: absolute;
      background: rgba(34, 34, 34, 0.6);
      font-size: 20px;
      font-weight: 700;
      color: #ffffff;
      padding: 10px 20px; }

#special-collections .xl_col4, #special-collections .xl_col3 {
  padding: 0 20px;
  align-content: flex-start; }
#special-collections h3 {
  padding: 30px 25px 15px;
  color: #0E426C; }

.world-languages #world-languages {
  padding: 0px; }
  .world-languages #world-languages #request-btn {
    bottom: -25px; }
  .world-languages #world-languages #globe {
    top: 0px; }
  .world-languages #world-languages p:first-of-type.intro {
    padding-top: 0; }

#sitios a {
  color: #0E426C; }
#sitios .list-3 {
  column-gap: 100px; }

#librarian {
  justify-content: space-evenly;
  flex-wrap: wrap; }
  #librarian p {
    padding-bottom: 20px; }

#ask-a-librarian {
  display: flex;
  flex-direction: column;
  width: 70%;
  margin: auto; }
  #ask-a-librarian label {
    font-weight: 700;
    color: #710225;
    padding-bottom: 5px; }
    #ask-a-librarian label span {
      color: red;
      font-size: 14px; }
  #ask-a-librarian input, #ask-a-librarian textarea {
    padding: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid rgba(34, 34, 34, 0.5);
    margin-bottom: 10px;
    outline: none; }
  #ask-a-librarian input[type=submit] {
    font-weight: 700;
    transition: background 1s;
    color: #710225; }
    #ask-a-librarian input[type=submit]:hover {
      background: #ffd785;
      cursor: pointer; }
  #ask-a-librarian .form-message {
    padding: 20px;
    border: 1px solid #222222;
    margin: auto; }
    #ask-a-librarian .form-message.success {
      background: rgba(118, 182, 145, 0.5);
      border-color: #76B691; }
    #ask-a-librarian .form-message.failure {
      background: rgba(113, 2, 37, 0.5);
      border-color: #710225; }

.access-btn {
  display: inline-flex;
  padding: 10px;
  transition: background 1s;
  color: #ffffff;
  width: 155px;
  justify-content: center;
  margin-right: 5px;
  max-height: 30px;
  margin-top: 10px; }
  .access-btn.home {
    background: #0E426C; }
    .access-btn.home:hover {
      background: rgba(14, 66, 108, 0.8); }
  .access-btn.library {
    background: #710225; }
    .access-btn.library:hover {
      background: rgba(113, 2, 37, 0.8); }

#databases .xl_col12 .xl_col2 {
  display: inline; }
  #databases .xl_col12 .xl_col2 img {
    max-width: 150px;
    width: 100%; }
#databases .xl_col12 .xl_col10 {
  padding-left: 18px;
  box-sizing: border-box; }

#databases .container.xl_col12 {
  padding: 25px;
  box-sizing: border-box; }
  #databases .container.xl_col12:nth-of-type(2n+1) {
    background: #e1e1e1; }
  #databases .container.xl_col12:first-of-type {
    margin-top: 35px; }

#searchDiv {
  display: flex; }
  #searchDiv #encoreForm {
    display: flex;
    padding: 50px; }
    #searchDiv #encoreForm > div:first-of-type {
      padding-top: 35px; }
    #searchDiv #encoreForm > div h4 {
      display: inline-flex;
      padding-right: 20px; }
    #searchDiv #encoreForm .xl_col6 {
      flex: 1; }
      #searchDiv #encoreForm .xl_col6.spaced-even {
        justify-content: space-around; }
      #searchDiv #encoreForm .xl_col6 #encoreSearchInput {
        width: 80%;
        height: 30px;
        padding: 0 10px; }
      #searchDiv #encoreForm .xl_col6 .btn.bg-maroon, #searchDiv #encoreForm .xl_col6 .btn.c-bg-orange, #searchDiv #encoreForm .xl_col6 .btn.y-bg-yellow {
        height: 34px;
        padding: 10px;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        border: none;
        transition: background 1s; }
        #searchDiv #encoreForm .xl_col6 .btn.bg-maroon:hover, #searchDiv #encoreForm .xl_col6 .btn.c-bg-orange:hover, #searchDiv #encoreForm .xl_col6 .btn.y-bg-yellow:hover {
          background: rgba(113, 2, 37, 0.6);
          cursor: pointer; }
      #searchDiv #encoreForm .xl_col6 .xl_col5 h4 {
        padding-bottom: 10px; }
      #searchDiv #encoreForm .xl_col6 .xl_col5 .bg-maroon, #searchDiv #encoreForm .xl_col6 .xl_col5 .c-bg-orange, #searchDiv #encoreForm .xl_col6 .xl_col5 .y-bg-yellow {
        padding: 30px;
        position: relative;
        flex: 1; }
        #searchDiv #encoreForm .xl_col6 .xl_col5 .bg-maroon div, #searchDiv #encoreForm .xl_col6 .xl_col5 .c-bg-orange div, #searchDiv #encoreForm .xl_col6 .xl_col5 .y-bg-yellow div {
          display: block;
          flex-direction: row; }
        #searchDiv #encoreForm .xl_col6 .xl_col5 .bg-maroon button, #searchDiv #encoreForm .xl_col6 .xl_col5 .c-bg-orange button, #searchDiv #encoreForm .xl_col6 .xl_col5 .y-bg-yellow button {
          position: absolute;
          right: 20px;
          top: 20px;
          color: #ffffff;
          -webkit-appearance: none;
          -moz-appearance: none;
          -ms-appearance: none;
          -o-appearance: none;
          appearance: none;
          border: non;
          padding: 10px;
          transition: background 1s; }
          #searchDiv #encoreForm .xl_col6 .xl_col5 .bg-maroon button.bg-dark-blue, #searchDiv #encoreForm .xl_col6 .xl_col5 .c-bg-orange button.bg-dark-blue, #searchDiv #encoreForm .xl_col6 .xl_col5 .y-bg-yellow button.bg-dark-blue {
            border: 1px solid #577898; }
            #searchDiv #encoreForm .xl_col6 .xl_col5 .bg-maroon button.bg-dark-blue:hover, #searchDiv #encoreForm .xl_col6 .xl_col5 .c-bg-orange button.bg-dark-blue:hover, #searchDiv #encoreForm .xl_col6 .xl_col5 .y-bg-yellow button.bg-dark-blue:hover {
              background: #1a79c6;
              cursor: pointer; }
          #searchDiv #encoreForm .xl_col6 .xl_col5 .bg-maroon button.c-bg-purple, #searchDiv #encoreForm .xl_col6 .xl_col5 .c-bg-orange button.c-bg-purple, #searchDiv #encoreForm .xl_col6 .xl_col5 .y-bg-yellow button.c-bg-purple {
            border: 1px solid #64329f; }
            #searchDiv #encoreForm .xl_col6 .xl_col5 .bg-maroon button.c-bg-purple:hover, #searchDiv #encoreForm .xl_col6 .xl_col5 .c-bg-orange button.c-bg-purple:hover, #searchDiv #encoreForm .xl_col6 .xl_col5 .y-bg-yellow button.c-bg-purple:hover {
              background: #9768cf;
              cursor: pointer; }
          #searchDiv #encoreForm .xl_col6 .xl_col5 .bg-maroon button.y-bg-green, #searchDiv #encoreForm .xl_col6 .xl_col5 .c-bg-orange button.y-bg-green, #searchDiv #encoreForm .xl_col6 .xl_col5 .y-bg-yellow button.y-bg-green {
            border: 1px solid #038744; }
            #searchDiv #encoreForm .xl_col6 .xl_col5 .bg-maroon button.y-bg-green:hover, #searchDiv #encoreForm .xl_col6 .xl_col5 .c-bg-orange button.y-bg-green:hover, #searchDiv #encoreForm .xl_col6 .xl_col5 .y-bg-yellow button.y-bg-green:hover {
              background: #05eb76;
              cursor: pointer; }
      #searchDiv #encoreForm .xl_col6 #catalogButton {
        padding: 20px 0px;
        display: inline-flex;
        height: 40px;
        align-items: center;
        margin-top: 10px;
        width: 90%;
        max-width: 300px; }
        #searchDiv #encoreForm .xl_col6 #catalogButton select {
          -webkit-appearance: none;
          -moz-appearance: none;
          -ms-appearance: none;
          -o-appearance: none;
          appearance: none;
          border: none;
          background: transparent;
          outline: none;
          border: none;
          height: 30px;
          font-size: 16px;
          width: 100%;
          padding-left: 30px;
          background-image: url("../images/chevron-down.svg");
          background-repeat: no-repeat;
          background-position: 92% center;
          background-size: 12px;
          cursor: pointer;
          color: #fff; }
        #searchDiv #encoreForm .xl_col6 #catalogButton.y-bg-yellow select {
          color: #0058e7; }
    #searchDiv #encoreForm.c-bg-purple {
      margin-top: 45px; }
    #searchDiv #encoreForm.y-bg-blue {
      margin-top: 45px; }

@media screen and (max-width: 960px) {
  .mobile {
    background-color: #19b698;
    border: 0 solid #333;
    border-width: 50px 15px;
    border-radius: 12px;
    box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.6);
    margin: 20px auto;
    max-width: 300px;
    height: 560px;
    overflow: hidden;
    position: relative; }

  header {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    height: 50px; }

  .logo {
    color: #fff;
    font-size: 20px;
    line-height: 50px;
    padding: 0 0 0 20px;
    text-transform: capitalize; }

  /* menu button */
  .menuBtn {
    height: 30px;
    width: 30px;
    position: absolute;
    right: 20px;
    top: 70px;
    z-index: 101; }
    .menuBtn > span {
      background-color: #000;
      border-radius: 1px;
      height: 2px;
      width: 100%;
      position: absolute;
      left: 50%;
      top: 50%;
      margin: -1px 0 0 -15px;
      transition: height 100ms; }
      .menuBtn > span:after, .menuBtn > span:before {
        content: "";
        background-color: #222222;
        border-radius: 1px;
        height: 2px;
        width: 100%;
        position: absolute;
        left: 50%;
        margin-left: -15px;
        transition: all 200ms; }
      .menuBtn > span:after {
        top: -7px; }
      .menuBtn > span:before {
        bottom: -7px; }
    .menuBtn.act > span {
      height: 0; }
      .menuBtn.act > span:after, .menuBtn.act > span:before {
        background-color: #008877;
        top: 1px; }
      .menuBtn.act > span:after {
        transform: rotate(45deg); }
      .menuBtn.act > span:before {
        transform: rotate(-45deg); }

  /* main menu block */
  .mobile-menu {
    background-color: #222222;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
    height: 100%;
    width: 50%;
    display: flex;
    flex-direction: column;
    text-align: center;
    opacity: 0;
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transform: scale(0); }
    .mobile-menu.act {
      opacity: 1;
      transform: scale(1); }
      .mobile-menu.act ul li {
        opacity: 1;
        transform: translateX(0); }
    .mobile-menu > ul {
      display: flex;
      flex-direction: column;
      vertical-align: middle; }
    .mobile-menu > li {
      padding: 8px 0;
      transition: all 400ms 510ms;
      opacity: 0;
      display: flex; }
      .mobile-menu > li:nth-child(odd) {
        transform: translateX(30%); }
      .mobile-menu > li:nth-child(even) {
        transform: translateX(-30%); }
      .mobile-menu > li:last-child {
        transform: none; }
      .mobile-menu > li a {
        color: #FFC652;
        display: inline-block;
        padding: 20px;
        border-bottom: 1px solid #ffffff;
        font-size: 18px;
        outline: none; }
        .mobile-menu > li a.suBtn {
          color: #fff; }
    .mobile-menu #mobile-menu {
      margin-top: 95px; }
      .mobile-menu #mobile-menu li a, .mobile-menu #mobile-menu li button, .mobile-menu #mobile-menu li.dropdown a, .mobile-menu #mobile-menu li.dropdown button {
        padding: 20px;
        color: #FFC652;
        border: none;
        border-bottom: 1px solid #ffffff;
        font-size: 16px;
        display: flex;
        max-width: 100%;
        background: transparent;
        text-align: left; }
      .mobile-menu #mobile-menu li button.dropbtn, .mobile-menu #mobile-menu li.dropdown button.dropbtn {
        width: 100%; }
      .mobile-menu #mobile-menu li button svg, .mobile-menu #mobile-menu li.dropdown button svg {
        height: 1.3em;
        padding-left: 6px; }
      .mobile-menu #mobile-menu li button:hover, .mobile-menu #mobile-menu li.dropdown button:hover {
        background: #710225;
        color: #ffffff; }
      .mobile-menu #mobile-menu li.dropdown:hover {
        cursor: pointer;
        color: #ff0000 !important; }
        .mobile-menu #mobile-menu li.dropdown:hover .dropdown-content {
          display: flex;
          max-height: 800px; }
      .mobile-menu #mobile-menu .dropdown-content {
        background: rgba(255, 255, 255, 0.3);
        width: 100%;
        display: none;
        position: relative;
        flex-direction: column;
        max-height: 0;
        transition-property: all;
        transition-duration: 0.5s;
        transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
        overflow-y: hidden; }
        .mobile-menu #mobile-menu .dropdown-content.out {
          display: flex;
          max-height: 800px; }

  #menu .md_col3 {
    width: 60%; }
  #menu .md_col9 {
    width: 40%; }

  h1, .h1 {
    font-size: 2.65em; }

  #searchDiv #encoreForm {
    flex-wrap: wrap;
    justify-content: space-between; }
    #searchDiv #encoreForm > div:first-of-type {
      padding-top: 15px; }
    #searchDiv #encoreForm .xl_col6 {
      flex: none;
      justify-content: center; }
    #searchDiv #encoreForm .md_col5, #searchDiv #encoreForm .md_col7 {
      width: 100%; }
    #searchDiv #encoreForm .md_col5 .stacked {
      text-align: center;
      padding-top: 10px;
      padding-bottom: 30px; }
    #searchDiv #encoreForm #format {
      margin-left: 0px; }
    #searchDiv #encoreForm #encoreSearchInput {
      width: 80% !important;
      min-width: 221px; }
  #searchDiv .spaced-even .md_col5 {
    flex: 1 !important; }

  .link-cols {
    justify-content: space-around; }
    .link-cols img {
      max-width: 100%;
      height: auto; } }
@media screen and (min-width: 770px) {
  .mobile {
    display: none; }

  .menu-icon {
    display: none; } }
@media screen and (min-width: 961px) and (max-width: 1159px) {
  #nav > div > ul > li:not(.dropdown), .dropdown .dropbtn {
    padding: 14px 8px 20px;
    font-size: 15px; } }
@media screen and (min-width: 961px) and (max-width: 1071px) {
  #logo {
    font-size: 26.5px; } }
@media screen and (max-width: 1099px) {
  #resource-icons {
    /*justify-content: center !important */
    flex-wrap: wrap; }
    #resource-icons > div:nth-of-type(-n + 3) {
      margin-bottom: 10px; } }
@media screen and (min-width: 770px) and (max-width: 1099px) {
  .container {
    max-width: 1099px;
    margin: auto;
    display: flex;
    padding: 0 10px;
    box-sizing: border-box; }

  .row {
    max-width: 1099px;
    padding: 10px;
    box-sizing: border-box; }

  .md_col1 {
    display: inline-flex;
    width: 7.05%;
    flex-wrap: wrap; }

  .md_col2 {
    display: inline-flex;
    width: 15.5%;
    flex-wrap: wrap; }

  .md_col3 {
    display: inline-flex;
    width: 23.95%;
    flex-wrap: wrap; }

  .md_col4 {
    display: inline-flex;
    width: 32.4%;
    flex-wrap: wrap; }

  .md_col5 {
    display: inline-flex;
    width: 40.85%;
    flex-wrap: wrap; }

  .md_col6 {
    display: inline-flex;
    width: 49.3%;
    flex-wrap: wrap; }

  .md_col7 {
    display: inline-flex;
    width: 57.75%;
    flex-wrap: wrap; }

  .md_col8 {
    display: inline-flex;
    width: 66.2%;
    flex-wrap: wrap; }

  .md_col9 {
    display: inline-flex;
    width: 74.65%;
    flex-wrap: wrap; }

  .md_col10 {
    display: inline-flex;
    width: 83.1%;
    flex-wrap: wrap; }

  .md_col11 {
    display: inline-flex;
    width: 91.55%;
    flex-wrap: wrap; }

  .md_col12 {
    display: inline-flex;
    width: 100%;
    flex-wrap: wrap; }

  #main-header .equal_col.bg-maroon {
    padding: 20px;
    box-sizing: border-box; }

  #aboutRow {
    flex-direction: column; }
    #aboutRow .bg-light-blue {
      padding-bottom: 40px; }

  #hours {
    max-width: 320px; }

  #beforeNYT, #card-info {
    flex-direction: column; }

  #footer {
    flex-wrap: wrap; }

  #footer-contact {
    flex-direction: column; }

  #footer-quickLinks, #footer-resources {
    padding-bottom: 0px !important; }

  #world-languages #globe {
    position: absolute;
    top: 50px;
    right: 20px;
    max-width: 230px; }

  .md_push1 {
    margin-left: 8.95%; }

  .md_push2 {
    margin-left: 17.4%; }

  .md_push3 {
    margin-left: 25.85%; }

  .md_push4 {
    margin-left: 34.3%; }

  .md_push5 {
    margin-left: 42.75%; }

  .md_push6 {
    margin-left: 51.2%; }

  .md_push7 {
    margin-left: 59.65%; }

  .md_push8 {
    margin-left: 68.1%; }

  .md_push9 {
    margin-left: 76.55%; }

  .md_push10 {
    margin-left: 85%; }

  .md_push11 {
    margin-left: 93.45%; }

  .md_push12 {
    margin-left: 101.9%; }

  #w-program {
    margin-top: 40px; } }
@media all and (min-width: 1100px) and (max-width: 1500px) {
  #best-sellers-row {
    justify-content: space-evenly; }
    #best-sellers-row > div:last-of-type {
      display: none; }

  #childrens-container #best-sellers-row > div:last-of-type {
    display: inline-flex; }

  h1, .h1 {
    font-size: 2.65em; }

  #main-header .equal_col.bg-maroon {
    padding: 20px;
    box-sizing: border-box; }

  #world-languages #globe {
    max-width: 180px;
    top: 100px; }
  #world-languages #all-languages {
    flex-direction: column; }
    #world-languages #all-languages .xl_col6 {
      width: 100%;
      margin-top: 20px; }

  #card-info .xl_col6 .btn {
    margin-top: 40px;
    min-width: 170px; }
  #card-info .xl_col6.text-right {
    justify-content: center;
    text-align: center; }

  .container {
    max-width: 1480px;
    margin: auto;
    display: flex;
    padding: 0 10px;
    box-sizing: border-box; }

  .row {
    max-width: 1480px;
    padding: 10px;
    box-sizing: border-box; }

  .lg_col1 {
    display: inline-flex;
    width: 7.05%;
    flex-wrap: wrap; }

  .lg_col2 {
    display: inline-flex;
    width: 15.5%;
    flex-wrap: wrap; }

  .lg_col3 {
    display: inline-flex;
    width: 23.95%;
    flex-wrap: wrap; }

  .lg_col4 {
    display: inline-flex;
    width: 32.4%;
    flex-wrap: wrap; }

  .lg_col5 {
    display: inline-flex;
    width: 40.85%;
    flex-wrap: wrap; }

  .lg_col6 {
    display: inline-flex;
    width: 49.3%;
    flex-wrap: wrap; }

  .lg_col7 {
    display: inline-flex;
    width: 57.75%;
    flex-wrap: wrap; }

  .lg_col8 {
    display: inline-flex;
    width: 66.2%;
    flex-wrap: wrap; }

  .lg_col9 {
    display: inline-flex;
    width: 74.65%;
    flex-wrap: wrap; }

  .lg_col10 {
    display: inline-flex;
    width: 83.1%;
    flex-wrap: wrap; }

  .lg_col11 {
    display: inline-flex;
    width: 91.55%;
    flex-wrap: wrap; }

  .lg_col12 {
    display: inline-flex;
    width: 100%;
    flex-wrap: wrap; }

  .xl_span1 {
    display: inline;
    width: 7.95%;
    margin: 0; }

  .xl_span2 {
    display: inline;
    width: 16.4%;
    margin: 0; }

  .xl_span3 {
    display: inline;
    width: 24.85%;
    margin: 0; }

  .xl_span4 {
    display: inline;
    width: 33.3%;
    margin: 0; }

  .xl_span5 {
    display: inline;
    width: 41.75%;
    margin: 0; }

  .xl_span6 {
    display: inline;
    width: 50.2%;
    margin: 0; }

  .xl_span7 {
    display: inline;
    width: 58.65%;
    margin: 0; }

  .xl_span8 {
    display: inline;
    width: 67.1%;
    margin: 0; }

  .xl_span9 {
    display: inline;
    width: 75.55%;
    margin: 0; }

  .xl_span10 {
    display: inline;
    width: 84%;
    margin: 0; }

  .xl_span11 {
    display: inline;
    width: 92.45%;
    margin: 0; }

  .xl_span12 {
    display: inline;
    width: 100.9%;
    margin: 0; }

  .xl_push1 {
    margin-left: 8.95%; }

  .xl_push2 {
    margin-left: 17.4%; }

  .xl_push3 {
    margin-left: 25.85%; }

  .xl_push4 {
    margin-left: 34.3%; }

  .xl_push5 {
    margin-left: 42.75%; }

  .xl_push6 {
    margin-left: 51.2%; }

  .xl_push7 {
    margin-left: 59.65%; }

  .xl_push8 {
    margin-left: 68.1%; }

  .xl_push9 {
    margin-left: 76.55%; }

  .xl_push10 {
    margin-left: 85%; }

  .xl_push11 {
    margin-left: 93.45%; }

  .xl_push12 {
    margin-left: 101.9%; }

  .xl_pull1 {
    margin-right: 8.95%; }

  .xl_pull2 {
    margin-right: 17.4%; }

  .xl_pull3 {
    margin-right: 25.85%; }

  .xl_pull4 {
    margin-right: 34.3%; }

  .xl_pull5 {
    margin-right: 42.75%; }

  .xl_pull6 {
    margin-right: 51.2%; }

  .xl_pull7 {
    margin-right: 59.65%; }

  .xl_pull8 {
    margin-right: 68.1%; }

  .xl_pull9 {
    margin-right: 76.55%; }

  .xl_pull10 {
    margin-right: 85%; }

  .xl_pull11 {
    margin-right: 93.45%; }

  .xl_pull12 {
    margin-right: 101.9%; } }
@media all and (min-width: 1500px) {
  .container {
    max-width: 1500px;
    margin: auto;
    display: flex;
    padding: 0 10px;
    box-sizing: border-box; }

  .row {
    max-width: 1500px;
    padding: 10px;
    box-sizing: border-box; }

  .xl_col1 {
    display: inline-flex;
    width: 7.05%;
    flex-wrap: wrap; }

  .xl_col2 {
    display: inline-flex;
    width: 15.5%;
    flex-wrap: wrap; }

  .xl_col3 {
    display: inline-flex;
    width: 23.95%;
    flex-wrap: wrap; }

  .xl_col4 {
    display: inline-flex;
    width: 32.4%;
    flex-wrap: wrap; }

  .xl_col5 {
    display: inline-flex;
    width: 40.85%;
    flex-wrap: wrap; }

  .xl_col6 {
    display: inline-flex;
    width: 49.3%;
    flex-wrap: wrap; }

  .xl_col7 {
    display: inline-flex;
    width: 57.75%;
    flex-wrap: wrap; }

  .xl_col8 {
    display: inline-flex;
    width: 66.2%;
    flex-wrap: wrap; }

  .xl_col9 {
    display: inline-flex;
    width: 74.65%;
    flex-wrap: wrap; }

  .xl_col10 {
    display: inline-flex;
    width: 83.1%;
    flex-wrap: wrap; }

  .xl_col11 {
    display: inline-flex;
    width: 91.55%;
    flex-wrap: wrap; }

  .xl_col12 {
    display: inline-flex;
    width: 100%;
    flex-wrap: wrap; }

  .xl_span1 {
    display: inline;
    width: 7.95%;
    margin: 0; }

  .xl_span2 {
    display: inline;
    width: 16.4%;
    margin: 0; }

  .xl_span3 {
    display: inline;
    width: 24.85%;
    margin: 0; }

  .xl_span4 {
    display: inline;
    width: 33.3%;
    margin: 0; }

  .xl_span5 {
    display: inline;
    width: 41.75%;
    margin: 0; }

  .xl_span6 {
    display: inline;
    width: 50.2%;
    margin: 0; }

  .xl_span7 {
    display: inline;
    width: 58.65%;
    margin: 0; }

  .xl_span8 {
    display: inline;
    width: 67.1%;
    margin: 0; }

  .xl_span9 {
    display: inline;
    width: 75.55%;
    margin: 0; }

  .xl_span10 {
    display: inline;
    width: 84%;
    margin: 0; }

  .xl_span11 {
    display: inline;
    width: 92.45%;
    margin: 0; }

  .xl_span12 {
    display: inline;
    width: 100.9%;
    margin: 0; }

  .xl_push1 {
    margin-left: 8.95%; }

  .xl_push2 {
    margin-left: 17.4%; }

  .xl_push3 {
    margin-left: 25.85%; }

  .xl_push4 {
    margin-left: 34.3%; }

  .xl_push5 {
    margin-left: 42.75%; }

  .xl_push6 {
    margin-left: 51.2%; }

  .xl_push7 {
    margin-left: 59.65%; }

  .xl_push8 {
    margin-left: 68.1%; }

  .xl_push9 {
    margin-left: 76.55%; }

  .xl_push10 {
    margin-left: 85%; }

  .xl_push11 {
    margin-left: 93.45%; }

  .xl_push12 {
    margin-left: 101.9%; }

  .xl_pull1 {
    margin-right: 8.95%; }

  .xl_pull2 {
    margin-right: 17.4%; }

  .xl_pull3 {
    margin-right: 25.85%; }

  .xl_pull4 {
    margin-right: 34.3%; }

  .xl_pull5 {
    margin-right: 42.75%; }

  .xl_pull6 {
    margin-right: 51.2%; }

  .xl_pull7 {
    margin-right: 59.65%; }

  .xl_pull8 {
    margin-right: 68.1%; }

  .xl_pull9 {
    margin-right: 76.55%; }

  .xl_pull10 {
    margin-right: 85%; }

  .xl_pull11 {
    margin-right: 93.45%; }

  .xl_pull12 {
    margin-right: 101.9%; } }
@media screen and (min-width: 640px) and (max-width: 769px) {
  .container {
    max-width: 769px;
    margin: auto;
    display: flex;
    padding: 0 10px;
    box-sizing: border-box; }

  .row {
    max-width: 769px;
    padding: 10px;
    box-sizing: border-box; }

  .sm_col1 {
    display: inline-flex;
    width: 7.05%;
    flex-wrap: wrap; }

  .sm_col2 {
    display: inline-flex;
    width: 15.5%;
    flex-wrap: wrap; }

  .sm_col3 {
    display: inline-flex;
    width: 23.95%;
    flex-wrap: wrap; }

  .sm_col4 {
    display: inline-flex;
    width: 32.4%;
    flex-wrap: wrap; }

  .sm_col5 {
    display: inline-flex;
    width: 40.85%;
    flex-wrap: wrap; }

  .sm_col6 {
    display: inline-flex;
    width: 49.3%;
    flex-wrap: wrap; }

  .sm_col7 {
    display: inline-flex;
    width: 57.75%;
    flex-wrap: wrap; }

  .sm_col8 {
    display: inline-flex;
    width: 66.2%;
    flex-wrap: wrap; }

  .sm_col9 {
    display: inline-flex;
    width: 74.65%;
    flex-wrap: wrap; }

  .sm_col10 {
    display: inline-flex;
    width: 83.1%;
    flex-wrap: wrap; }

  .sm_col11 {
    display: inline-flex;
    width: 91.55%;
    flex-wrap: wrap; }

  .sm_col12 {
    display: inline-flex;
    width: 100%;
    flex-wrap: wrap; }

  #main-header .equal_col.bg-maroon {
    padding: 20px;
    box-sizing: border-box; }

  #aboutRow {
    flex-direction: column; }
    #aboutRow .bg-light-blue {
      padding-bottom: 40px; }

  #hours {
    max-width: 320px; }

  #beforeNYT, #card-info {
    flex-direction: column; }

  #footer {
    flex-wrap: wrap; }

  #footer-contact {
    flex-direction: column; }

  #footer-quickLinks, #footer-resources {
    padding-bottom: 0px !important; }

  #world-languages #globe {
    position: absolute;
    top: 50px;
    right: 20px;
    max-width: 230px; }

  #best-sellers-row .sm_col3 {
    margin-bottom: 20px; }

  .sm_push1 {
    margin-left: 8.95%; }

  .sm_push2 {
    margin-left: 17.4%; }

  .sm_push3 {
    margin-left: 25.85%; }

  .sm_push4 {
    margin-left: 34.3%; }

  .sm_push5 {
    margin-left: 42.75%; }

  .sm_push6 {
    margin-left: 51.2%; }

  .sm_push7 {
    margin-left: 59.65%; }

  .sm_push8 {
    margin-left: 68.1%; }

  .sm_push9 {
    margin-left: 76.55%; }

  .sm_push10 {
    margin-left: 85%; }

  .sm_push11 {
    margin-left: 93.45%; }

  .sm_push12 {
    margin-left: 101.9%; }

  #w-program {
    margin-top: 40px; }

  .link-cols .sm_col6 {
    width: 48.5%; } }
@media screen and (min-width: 480px) and (max-width: 639px) {
  .container {
    max-width: 639px;
    margin: auto;
    display: flex;
    padding: 0 10px;
    box-sizing: border-box; }

  .row {
    max-width: 639px;
    padding: 10px;
    box-sizing: border-box; }

  .xs_col1 {
    display: inline-flex;
    width: 7.05%;
    flex-wrap: wrap; }

  .xs_col2 {
    display: inline-flex;
    width: 15.5%;
    flex-wrap: wrap; }

  .xs_col3 {
    display: inline-flex;
    width: 23.95%;
    flex-wrap: wrap; }

  .xs_col4 {
    display: inline-flex;
    width: 32.4%;
    flex-wrap: wrap; }

  .xs_col5 {
    display: inline-flex;
    width: 40.85%;
    flex-wrap: wrap; }

  .xs_col6 {
    display: inline-flex;
    width: 49.3%;
    flex-wrap: wrap; }

  .xs_col7 {
    display: inline-flex;
    width: 57.75%;
    flex-wrap: wrap; }

  .xs_col8 {
    display: inline-flex;
    width: 66.2%;
    flex-wrap: wrap; }

  .xs_col9 {
    display: inline-flex;
    width: 74.65%;
    flex-wrap: wrap; }

  .xs_col10 {
    display: inline-flex;
    width: 83.1%;
    flex-wrap: wrap; }

  .xs_col11 {
    display: inline-flex;
    width: 91.55%;
    flex-wrap: wrap; }

  .xs_col12 {
    display: inline-flex;
    width: 100%;
    flex-wrap: wrap; }

  #main-header .equal_col.bg-maroon {
    padding: 20px;
    box-sizing: border-box; }

  #aboutRow {
    flex-direction: column; }
    #aboutRow .bg-light-blue {
      padding-bottom: 40px; }

  #hours {
    max-width: 320px; }
    #hours.linear {
      flex-direction: column; }
      #hours.linear .day {
        min-width: 155px; }

  #beforeNYT, #card-info {
    flex-direction: column; }

  #footer {
    flex-wrap: wrap; }

  #footer-contact {
    flex-direction: column; }

  #footer-quickLinks, #footer-resources {
    padding-bottom: 0px !important; }

  #world-languages #globe {
    position: absolute;
    top: 50px;
    right: 20px;
    max-width: 230px; }

  #best-sellers-row .xs_col3 {
    margin-bottom: 20px; }

  .xs_push1 {
    margin-left: 8.95%; }

  .xs_push2 {
    margin-left: 17.4%; }

  .xs_push3 {
    margin-left: 25.85%; }

  .xs_push4 {
    margin-left: 34.3%; }

  .xs_push5 {
    margin-left: 42.75%; }

  .xs_push6 {
    margin-left: 51.2%; }

  .xs_push7 {
    margin-left: 59.65%; }

  .xs_push8 {
    margin-left: 68.1%; }

  .xs_push9 {
    margin-left: 76.55%; }

  .xs_push10 {
    margin-left: 85%; }

  .xs_push11 {
    margin-left: 93.45%; }

  .xs_push12 {
    margin-left: 101.9%; }

  #main-header .equal_col.bg-maroon {
    padding: 20px;
    box-sizing: border-box; }

  #aboutRow {
    flex-direction: column; }
    #aboutRow .bg-light-blue {
      padding-bottom: 40px; }

  #copyright {
    padding-top: 20px;
    flex-wrap: wrap; }
    #copyright .text-left, #copyright .text-right {
      justify-content: center;
      text-align: center;
      width: 100%; }

  #hours {
    max-width: 320px; }

  #beforeNYT, #card-info {
    flex-direction: column; }

  #footer {
    flex-wrap: wrap; }

  #footer-contact {
    flex-direction: column; }

  #footer-quickLinks, #footer-resources {
    padding-bottom: 0px !important; }

  #world-languages #globe {
    position: absolute;
    top: 50px;
    right: 20px;
    max-width: 230px; }

  #best-sellers-row .xs_col3 {
    margin-bottom: 20px; }

  #main-header {
    max-height: initial;
    flex-direction: column; }

  #card-info .container-fluid.linear {
    flex-direction: column !important; }
  #card-info .xs_col12 .btn {
    margin-top: 40px;
    margin-bottom: 0px;
    min-width: 170px;
    margin-right: 15px; }
  #card-info .xs_col12.text-right {
    justify-content: center;
    text-align: center; }

  #world-languages #globe {
    max-width: 180px;
    top: 100px; }
  #world-languages #all-languages {
    flex-direction: column; }
    #world-languages #all-languages .xl_col6 {
      width: 100%;
      margin-top: 20px; }
  #world-languages p:last-of-type {
    width: 100%; }
  #world-languages #request-btn {
    position: relative;
    bottom: initial;
    right: initial;
    margin: 35px auto 0; }

  #footer-quickLinks, #footer-resources, #footer-newsletter, #footer xs_col12 {
    padding-bottom: 20px !important; }

  #widgets > div:not(:first-of-type) {
    margin-top: 40px; }

  #resource-icons {
    flex-wrap: wrap; }
    #resource-icons > div:nth-of-type(-n + 4) {
      margin-bottom: 10px; } }
@media screen and (max-width: 479px) {
  #mainImg img {
    max-width: 100%; }

  .container {
    max-width: 479px;
    margin: auto;
    display: flex;
    padding: 0 10px;
    box-sizing: border-box; }

  .row {
    max-width: 479px;
    padding: 10px;
    box-sizing: border-box; }

  .equal_col {
    flex: initial; }

  .xxs_col1 {
    display: inline-flex;
    width: 7.05%;
    flex-wrap: wrap; }

  .xxs_col2 {
    display: inline-flex;
    width: 15.5%;
    flex-wrap: wrap; }

  .xxs_col3 {
    display: inline-flex;
    width: 23.95%;
    flex-wrap: wrap; }

  .xxs_col4 {
    display: inline-flex;
    width: 32.4%;
    flex-wrap: wrap; }

  .xxs_col5 {
    display: inline-flex;
    width: 40.85%;
    flex-wrap: wrap; }

  .xxs_col6 {
    display: inline-flex;
    width: 49.3%;
    flex-wrap: wrap; }

  .xxs_col7 {
    display: inline-flex;
    width: 57.75%;
    flex-wrap: wrap; }

  .xxs_col8 {
    display: inline-flex;
    width: 66.2%;
    flex-wrap: wrap; }

  .xxs_col9 {
    display: inline-flex;
    width: 74.65%;
    flex-wrap: wrap; }

  .xxs_col10 {
    display: inline-flex;
    width: 83.1%;
    flex-wrap: wrap; }

  .xxs_col11 {
    display: inline-flex;
    width: 91.55%;
    flex-wrap: wrap; }

  .xxs_col12 {
    display: inline-flex;
    width: 100%;
    flex-wrap: wrap; }

  h1, .h1 {
    font-size: 2.4em; }

  .mobile-menu {
    width: 70%; }

  #main-header {
    max-height: initial;
    flex-direction: column; }

  #card-info .container-fluid.linear {
    flex-direction: column !important; }
  #card-info .xs_col12 .btn {
    margin-top: 40px;
    margin-bottom: 0px;
    min-width: 170px;
    margin-right: 0px; }
    #card-info .xs_col12 .btn.text-right {
      justify-content: center;
      text-align: center; }
  #card-info .xs_col12.text-right {
    justify-content: center;
    text-align: center; }

  #world-languages {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 235px; }
    #world-languages p.intro {
      width: 100%; }
    #world-languages #globe {
      max-width: 180px;
      top: 30px;
      left: 0;
      right: 0;
      margin: auto; }
    #world-languages #all-languages {
      flex-direction: column; }
      #world-languages #all-languages .xxs_col12 {
        width: 100% !important;
        margin-top: 20px; }
    #world-languages #request-btn {
      position: relative;
      bottom: initial;
      right: initial;
      margin: 35px auto 0; }
    #world-languages #available {
      padding-bottom: 4px; }

  #logo {
    font-size: 28px; }

  #main-header .inner {
    max-width: 95%;
    padding: 30px; }

  #footer .xxs_col12 {
    padding-bottom: 10px !important;
    padding-top: 20px !important; }
  #footer a {
    font-size: 14px; }

  #aboutRow {
    padding-bottom: 20px;
    flex-direction: column;
    max-height: 999999px; }
    #aboutRow p {
      padding: 0 30px 10px; }
      #aboutRow p:not(.h4) {
        font-size: 16px !important; }
      #aboutRow p.h4.text-green {
        padding-left: 30px; }
      #aboutRow p.closings {
        font-size: 16px !important; }
    #aboutRow .bg-light-blue {
      padding-bottom: 20px; }

  #copyright {
    padding-top: 20px; }
    #copyright .text-left, #copyright .text-right {
      justify-content: center;
      text-align: center; }

  #best-sellers {
    max-height: 999999px; }
    #best-sellers #best-sellers-row .xxs_col6 {
      margin-right: 0px !important;
      margin-bottom: 20px; }

  #hours {
    flex-direction: wrap; }
    #hours p.day {
      padding-left: 34px;
      width: 25%; }
    #hours p.hours {
      width: 53%; }

  #upcoming-events {
    padding-left: 30px;
    padding-right: 30px; }
    #upcoming-events .event {
      flex-wrap: wrap;
      padding-bottom: 20px; }
      #upcoming-events .event .eventDate {
        width: 115px; }
      #upcoming-events .event .eventName {
        width: 100%; }

  #beforeNYT, #card-info {
    flex-direction: column; }

  #footer {
    flex-wrap: wrap; }

  #footer-contact {
    flex-direction: column; }

  #footer-quickLinks, #footer-resources {
    padding-bottom: 0px !important; }

  #copyright {
    padding-top: 20px;
    flex-wrap: wrap; }
    #copyright .text-left, #copyright .text-right {
      justify-content: center;
      text-align: center;
      width: 100%; }

  p.closings {
    font-size: 16px; }

  .book-list.list-2 {
    columns: 1;
    -webkit-columns: 1; }

  .xxs_push1 {
    margin-left: 8.95%; }

  .xxs_push2 {
    margin-left: 17.4%; }

  .xxs_push3 {
    margin-left: 25.85%; }

  .xxs_push4 {
    margin-left: 34.3%; }

  .xxs_push5 {
    margin-left: 42.75%; }

  .xxs_push6 {
    margin-left: 51.2%; }

  .xxs_push7 {
    margin-left: 59.65%; }

  .xxs_push8 {
    margin-left: 68.1%; }

  .xxs_push9 {
    margin-left: 76.55%; }

  .xxs_push10 {
    margin-left: 85%; }

  .xxs_push11 {
    margin-left: 93.45%; }

  .xxs_push12 {
    margin-left: 101.9%; }

  #databases {
    flex-wrap: wrap; }
    #databases .xxs_col12 img {
      margin: auto;
      display: block;
      margin-bottom: 20px; }
    #databases .xxs_col12 .lateral {
      text-align: center;
      margin-top: 20px; }
    #databases > div > div {
      flex-wrap: wrap; }

  #resource-icons {
    flex-wrap: wrap; }
    #resource-icons > div {
      margin-bottom: 10px; } }
@media screen and (max-width: 1099px) {
  #by-appt {
    flex-wrap: wrap; }
    #by-appt > div {
      margin-bottom: 20px; }

  #toBorrow {
    flex-wrap: wrap; }
    #toBorrow > div:not(:last-of-type) {
      margin-bottom: 20px; }

  .book-list.list-3 {
    columns: 2;
    -webkit-columns: 2; }

  #page-header {
    padding: 0 15px; }

  #map {
    padding: 10px 20px; }

  #main-about {
    padding: 0 20px; }
    #main-about #about-image {
      padding-left: 0; }

  .add-gutters.wrap div:last-of-type {
    padding-left: 0; }

  #searchDiv #encoreForm {
    justify-content: space-between; }
    #searchDiv #encoreForm .xl_col6 {
      flex: none; }
    #searchDiv #encoreForm #format {
      margin-left: 15px; }
    #searchDiv #encoreForm #encoreSearchInput {
      width: 50% !important;
      min-width: 221px; }
  #searchDiv .spaced-even .md_col5 {
    flex: 1 !important; }

  #childrens-nav ul li {
    font-size: 15px;
    width: 25%; }
    #childrens-nav ul li span {
      display: none; }
    #childrens-nav ul li a {
      padding: 20px 10px; }

  #childrens-room #digital_resources .container.row {
    justify-content: center;
    flex-wrap: wrap; }
    #childrens-room #digital_resources .container.row .resource {
      padding-bottom: 20px; }
  #childrens-room #digital_resources .xl_push3 {
    display: none; }

  #links-row:not(.escape) .links-block:nth-of-type(2) {
    margin: 30px auto; } }
@media screen and (max-width: 770px) {
  #links-row.escape {
    padding-left: 25px;
    padding-right: 25px;
    justify-content: space-between; }
    #links-row.escape .links-block:nth-of-type(-n + 4) {
      margin: 0 auto 30px; }

  .childrens-content#links {
    flex-wrap: wrap; }
    .childrens-content#links > div:first-of-type {
      flex-direction: row;
      justify-content: center;
      margin: 25px 0; }
    .childrens-content#links .filterButton {
      padding: 10px;
      width: 150px; } }
@media screen and (min-width: 480px) and (max-width: 770px) {
  #childrens-nav ul {
    flex-wrap: wrap; }
    #childrens-nav ul li {
      font-size: 15px;
      width: 25%; }
      #childrens-nav ul li span {
        display: none; }
      #childrens-nav ul li a {
        padding: 10px 10px; } }
@media screen and (max-width: 960px) {
  #searchDiv #encoreForm #encoreSearchInput {
    width: 80% !important; } }
@media screen and (max-width: 640px) {
  #links-row.escape {
    padding-left: 25px;
    padding-right: 25px;
    justify-content: space-between; }
    #links-row.escape .links-block:nth-of-type(-n + 5) {
      margin: 0 auto 30px; }

  .childrens-content#links .filterButton {
    padding: 10px;
    width: 175px;
    font-size: 14px; }
  .childrens-content#links .mix.xl_col3 {
    width: 50%; }
    .childrens-content#links .mix.xl_col3 .appIcon {
      height: 100px;
      width: 100px; } }
@media screen and (max-width: 769px) {
  #yearbook-grid .xl_col12 > div .book-cover {
    height: 100%; }

  .world-languages #all-languages {
    flex-wrap: wrap; }
    .world-languages #all-languages #adult-language {
      padding-bottom: 10px; }
    .world-languages #all-languages p.intro {
      width: 100%; }
  .world-languages #world-languages .btn {
    margin: 20px auto; }
  .world-languages #world-languages #globe {
    max-width: 180px;
    margin: 0 auto 25px;
    position: relative; }
  .world-languages #world-languages #request-btn {
    position: relative;
    bottom: initial;
    right: initial;
    margin: 35px auto 0; }
  .world-languages #world-languages #available {
    padding-bottom: 4px; }

  .book-list.list-3 {
    columns: 1;
    -webkit-columns: 1; }

  #board.list-2 {
    columns: 1;
    -webkit-columns: 1; }

  #ya-slider .ya-book-image {
    width: 10%;
    min-width: 150px; }
  #ya-slider .ya-book-slider {
    flex-wrap: wrap;
    padding: 20px 50px !important; }
  #ya-slider .ya-book-info {
    width: 59%;
    padding-left: 20px; }

  #childrens-room #digital_resources .container.row {
    justify-content: center;
    flex-wrap: wrap; }
    #childrens-room #digital_resources .container.row .resource {
      margin-bottom: 25px; }
  #childrens-room #digital_resources .xl_push3 {
    display: none; }

  #ya-nav ul {
    flex-wrap: wrap; }
    #ya-nav ul li a {
      padding: 10px; }

  .link-cols .push6 {
    display: none; } }
@media screen and (max-width: 520px) {
  #searchDiv #encoreForm {
    padding: 30px; }
    #searchDiv #encoreForm .spaced-even {
      flex-wrap: wrap; }
      #searchDiv #encoreForm .spaced-even .md_col5 {
        flex: none !important; }
    #searchDiv #encoreForm #format {
      margin-left: 0px;
      padding-top: 20px; }
    #searchDiv #encoreForm #encoreSearchInput {
      width: 60% !important;
      min-width: 140px !important; }
    #searchDiv #encoreForm .xl_col6 #catalogButton select {
      font-size: 14px !important;
      padding-left: 10px; } }
@media screen and (max-width: 639px) {
  .owl-carousel#ya-slider .ya-book-slider {
    flex-wrap: wrap;
    padding: 20px 50px !important;
    justify-content: center; }
    .owl-carousel#ya-slider .ya-book-slider .ya-book-info {
      width: 100%;
      padding-left: 0px;
      padding-top: 20px; }
    .owl-carousel#ya-slider .ya-book-slider .ya-book-image {
      width: 10%;
      min-width: 150px; }
  .owl-carousel#ya-slider .owl-item img {
    max-height: 250px;
    width: auto; }

  #childrens-room #digital_resources .container.row {
    justify-content: center;
    flex-wrap: wrap; }
    #childrens-room #digital_resources .container.row .appIcon {
      width: 75px;
      height: 75px; } }
@media screen and (max-width: 479px) {
  #top-bar .skiptranslate.goog-te-gadget div {
    display: block;
    padding-right: 0;
    max-width: initial; }
  #top-bar a.goog-logo-link {
    margin-right: 0 !important; }

  .menuBtn > span {
    top: 140%; }

  #menu .md_col3 {
    width: 70%; }

  #childrens-nav ul {
    flex-wrap: wrap; }
    #childrens-nav ul li {
      font-size: 15px;
      width: 50%; }
      #childrens-nav ul li span {
        display: none; }
      #childrens-nav ul li a {
        padding: 10px 10px; }

  #widgets > div:not(:first-of-type) {
    margin-top: 40px; }

  #ya-nav li {
    font-size: 14px; }
    #ya-nav li:nth-of-type(n+1) {
      width: 25%; }
    #ya-nav li:nth-of-type(n+2) {
      width: 28%; }
    #ya-nav li:nth-of-type(n+3) {
      width: 47%; } }
@media screen and (max-width: 350px) {
  #ya-links h2 {
    max-width: 90%; } }
.width25 {
  width: 25%; }

.width33 {
  width: 33%; }

.width50 {
  width: 50%; }

.width66 {
  width: 66%; }

.width75 {
  width: 75%; }

html * {
  max-height: 1000000000px; }

@media print {
  .container {
    max-width: 1640px;
    margin: auto;
    display: flex;
    padding: 0 10px;
    box-sizing: border-box; }

  .row {
    max-width: 1640px;
    padding: 10px;
    box-sizing: border-box; }

  .xl_col1 {
    display: inline-flex;
    width: 7.05%;
    flex-wrap: wrap; }

  .xl_col2 {
    display: inline-flex;
    width: 15.5%;
    flex-wrap: wrap; }

  .xl_col3 {
    display: inline-flex;
    width: 23.95%;
    flex-wrap: wrap; }

  .xl_col4 {
    display: inline-flex;
    width: 32.4%;
    flex-wrap: wrap; }

  .xl_col5 {
    display: inline-flex;
    width: 40.85%;
    flex-wrap: wrap; }

  .xl_col6 {
    display: inline-flex;
    width: 49.3%;
    flex-wrap: wrap; }

  .xl_col7 {
    display: inline-flex;
    width: 57.75%;
    flex-wrap: wrap; }

  .xl_col8 {
    display: inline-flex;
    width: 66.2%;
    flex-wrap: wrap; }

  .xl_col9 {
    display: inline-flex;
    width: 74.65%;
    flex-wrap: wrap; }

  .xl_col10 {
    display: inline-flex;
    width: 83.1%;
    flex-wrap: wrap; }

  .xl_col11 {
    display: inline-flex;
    width: 91.55%;
    flex-wrap: wrap; }

  .xl_col12 {
    display: inline-flex;
    width: 100%;
    flex-wrap: wrap; }

  .xl_span1 {
    display: inline;
    width: 7.95%;
    margin: 0; }

  .xl_span2 {
    display: inline;
    width: 16.4%;
    margin: 0; }

  .xl_span3 {
    display: inline;
    width: 24.85%;
    margin: 0; }

  .xl_span4 {
    display: inline;
    width: 33.3%;
    margin: 0; }

  .xl_span5 {
    display: inline;
    width: 41.75%;
    margin: 0; }

  .xl_span6 {
    display: inline;
    width: 50.2%;
    margin: 0; }

  .xl_span7 {
    display: inline;
    width: 58.65%;
    margin: 0; }

  .xl_span8 {
    display: inline;
    width: 67.1%;
    margin: 0; }

  .xl_span9 {
    display: inline;
    width: 75.55%;
    margin: 0; }

  .xl_span10 {
    display: inline;
    width: 84%;
    margin: 0; }

  .xl_span11 {
    display: inline;
    width: 92.45%;
    margin: 0; }

  .xl_span12 {
    display: inline;
    width: 100.9%;
    margin: 0; }

  .xl_push1 {
    margin-left: 8.95%; }

  .xl_push2 {
    margin-left: 17.4%; }

  .xl_push3 {
    margin-left: 25.85%; }

  .xl_push4 {
    margin-left: 34.3%; }

  .xl_push5 {
    margin-left: 42.75%; }

  .xl_push6 {
    margin-left: 51.2%; }

  .xl_push7 {
    margin-left: 59.65%; }

  .xl_push8 {
    margin-left: 68.1%; }

  .xl_push9 {
    margin-left: 76.55%; }

  .xl_push10 {
    margin-left: 85%; }

  .xl_push11 {
    margin-left: 93.45%; }

  .xl_push12 {
    margin-left: 101.9%; }

  .xl_pull1 {
    margin-right: 8.95%; }

  .xl_pull2 {
    margin-right: 17.4%; }

  .xl_pull3 {
    margin-right: 25.85%; }

  .xl_pull4 {
    margin-right: 34.3%; }

  .xl_pull5 {
    margin-right: 42.75%; }

  .xl_pull6 {
    margin-right: 51.2%; }

  .xl_pull7 {
    margin-right: 59.65%; }

  .xl_pull8 {
    margin-right: 68.1%; }

  .xl_pull9 {
    margin-right: 76.55%; }

  .xl_pull10 {
    margin-right: 85%; }

  .xl_pull11 {
    margin-right: 93.45%; }

  .xl_pull12 {
    margin-right: 101.9%; }

  #nav a {
    color: #222222; }

  .dropdown, #nav > div > ul > li:not(.dropdown) {
    display: inline-block;
    position: relative; }

  .dropdown .dropbtn, #nav > div > ul > li:not(.dropdown) {
    font-size: 16px;
    border: none;
    outline: none;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
    vertical-align: top;
    line-height: normal; }

  .dropdown-content {
    display: none;
    position: absolute;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 90;
    right: 15px;
    background: #ffffff; }

  .dropdown-content a {
    float: none;
    color: #222222;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    border-bottom: 1px solid #ccc; }

  .dropdown-content li:hover {
    background: #710225; }
    .dropdown-content li:hover a {
      color: #ffffff !important; }
  .dropdown-content li:last-of-type a {
    border-bottom: 0px solid #ccc; }

  .dropdown:hover .dropdown-content {
    display: block; }

  #nav {
    align-items: center; }

  #menu.row {
    padding: 20px 10px; } }
#childrens-room #widgets {
  flex-wrap: wrap; }
#childrens-room #facebook-widget {
  padding-top: 23px;
  align-content: flex-start; }

#ya-fb {
  align-content: flex-start; }

.ya-pages #childrens-container {
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start; }

.childrens-content p {
  padding: 10px 20px; }
  .childrens-content p:first-of-type {
    padding-top: 40px; }

.container.childrens-content {
  padding: 0; }

#links-row {
  /*padding-top: 45px */
  /*display: flex */
  flex-wrap: wrap;
  /*justify-content: space-around */ }
  #links-row .links-block {
    border: 1px solid #222222;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px; }
    #links-row .links-block:first-of-type h2 {
      background: #64329f; }
    #links-row .links-block:nth-of-type(2) h2 {
      background: #ff810a; }
    #links-row .links-block:nth-of-type(3) h2 {
      background: #8fb605; }
    #links-row .links-block:nth-of-type(4) h2 {
      background: #127dc2; }
    #links-row .links-block:nth-of-type(5) h2 {
      background: #d4c205; }
    #links-row .links-block:nth-of-type(6) h2 {
      background: #fe1413; }
    #links-row .links-block:nth-of-type(n + 4) {
      margin-top: 30px; }
    #links-row .links-block h2 {
      border-top-left-radius: 19px;
      border-top-right-radius: 19px;
      color: #ffffff;
      padding: 18px; }
    #links-row .links-block a.text-white {
      color: #ffffff;
      text-decoration: none; }
      #links-row .links-block a.text-white:hover {
        text-decoration: none;
        border-bottom: 0px; }
    #links-row .links-block a:not(.text-white) {
      color: #127dc2; }
      #links-row .links-block a:not(.text-white):hover {
        color: #64329f; }
  #links-row.ya-escape .links-block:nth-of-type(6n + 1) h2 {
    background: #0058e7; }
  #links-row.ya-escape .links-block:nth-of-type(6n + 2) h2 {
    background: #ffa701; }
  #links-row.ya-escape .links-block:nth-of-type(6n + 3) h2 {
    background: #038744; }
  #links-row.ya-escape .links-block:nth-of-type(6n + 4) h2 {
    background: #d7ff04;
    color: #0058e7; }
  #links-row.ya-escape .links-block:nth-of-type(6n + 5) h2 {
    background: #1a6cb3; }
  #links-row.ya-escape .links-block:nth-of-type(6n + 6) h2 {
    background: #fe2626; }
  #links-row.ya-escape .links-block:nth-of-type(n + 5) {
    margin-top: 30px; }
  #links-row.escape:not(.ya-escape) a {
    display: block;
    height: 100%; }
  #links-row.escape:not(.ya-escape) div {
    justify-content: flex-start;
    text-align: center; }
    #links-row.escape:not(.ya-escape) div.xl_col4 {
      flex-wrap: initial; }
      #links-row.escape:not(.ya-escape) div.xl_col4:hover:first-of-type {
        background-color: rgba(100, 50, 159, 0.2); }
      #links-row.escape:not(.ya-escape) div.xl_col4:hover:nth-of-type(2) {
        background-color: rgba(255, 129, 10, 0.2); }
      #links-row.escape:not(.ya-escape) div.xl_col4:hover:nth-of-type(3) {
        background-color: rgba(143, 182, 5, 0.2); }
      #links-row.escape:not(.ya-escape) div.xl_col4:hover:nth-of-type(4) {
        background-color: rgba(18, 125, 194, 0.2); }
      #links-row.escape:not(.ya-escape) div.xl_col4:hover:nth-of-type(5) {
        background-color: rgba(212, 194, 5, 0.2); }
      #links-row.escape:not(.ya-escape) div.xl_col4:hover:nth-of-type(6) {
        background-color: rgba(254, 20, 19, 0.2); }
    #links-row.escape:not(.ya-escape) div img {
      width: auto;
      align-self: center;
      max-height: 250px;
      padding: 20px; }
  #links-row.escape.ya-escape a {
    display: block;
    height: 100%; }
  #links-row.escape.ya-escape div {
    justify-content: flex-start;
    text-align: center; }
    #links-row.escape.ya-escape div.xl_col4 {
      flex-wrap: initial; }
      #links-row.escape.ya-escape div.xl_col4:hover:nth-of-type(6n + 1) {
        background-color: rgba(0, 88, 231, 0.2); }
      #links-row.escape.ya-escape div.xl_col4:hover:nth-of-type(6n + 2) {
        background-color: rgba(255, 167, 1, 0.2); }
      #links-row.escape.ya-escape div.xl_col4:hover:nth-of-type(6n + 3) {
        background-color: rgba(3, 135, 68, 0.2); }
      #links-row.escape.ya-escape div.xl_col4:hover:nth-of-type(6n + 4) {
        background-color: rgba(215, 255, 4, 0.2); }
      #links-row.escape.ya-escape div.xl_col4:hover:nth-of-type(6n + 5) {
        background-color: rgba(26, 108, 179, 0.2); }
      #links-row.escape.ya-escape div.xl_col4:hover:nth-of-type(6n + 6) {
        background-color: rgba(254, 38, 38, 0.2); }
    #links-row.escape.ya-escape div img {
      width: 80%;
      align-self: center;
      max-width: 250px;
      padding: 20px;
      height: auto; }

.link-cols {
  flex-direction: row;
  padding: 0 5px;
  margin: auto; }
  .link-cols div:not(.push6) {
    box-sizing: border-box;
    align-items: center;
    text-align: center;
    justify-content: center; }
    .link-cols div:not(.push6) a {
      padding: 40px;
      width: 100%; }
  .link-cols div.push6 {
    margin-left: 48.5625%; }

#ya-links h3 {
  margin: 45px 20px 20px; }
#ya-links h2 {
  border-bottom: 2px solid #222222;
  width: 100%;
  padding: 30px 0 20px;
  box-sizing: border-box;
  margin: auto 20px 25px; }
  #ya-links h2:nth-of-type(6n + 1) {
    border-color: #0058e7; }
  #ya-links h2:nth-of-type(6n + 2) {
    border-color: #ffa701; }
  #ya-links h2:nth-of-type(6n + 3) {
    border-color: #038744; }
  #ya-links h2:nth-of-type(6n + 4) {
    border-color: #d7ff04; }
  #ya-links h2:nth-of-type(6n + 5) {
    border-color: #1a6cb3; }
  #ya-links h2:nth-of-type(6n + 6) {
    border-color: #fe2626; }

.ya-container .link-cols div a {
  padding: 0px; }
.ya-container .childrens-content p {
  padding-top: 5px;
  padding-bottom: 25px; }

@media screen and (max-width: 943px) {
  #leftSide.md_col8 {
    width: 100%; }
    #leftSide.md_col8 #best-sellers-row {
      padding-bottom: 0px; }

  #childrens-container {
    flex-wrap: wrap; }
    #childrens-container #facebook-widget, #childrens-container #ya-fb {
      padding-top: 0px; }
      #childrens-container #facebook-widget.md_col4, #childrens-container #ya-fb.md_col4 {
        width: 100%; }
    #childrens-container #childrens-events, #childrens-container #ya-events {
      margin-top: 0px; }
      #childrens-container #childrens-events #summer, #childrens-container #ya-events #summer {
        width: 75%;
        margin: auto;
        text-align: center; }

  #ya-nav ul {
    flex-wrap: wrap;
    justify-content: flex-start; }
    #ya-nav ul li {
      width: 33.33% !important;
      box-sizing: border-box; }
      #ya-nav ul li:nth-of-type(3) {
        border-right-color: #091540; }
      #ya-nav ul li:nth-of-type(4), #ya-nav ul li:nth-of-type(5) {
        border-top: 3px solid #ABD2FA;
        width: 50% !important; }
      #ya-nav ul li a {
        padding: 15px 10px !important; } }
/* Constant Contact Form Styling */
div.ctct-form-embed div.ctct-form-defaults {
  padding: 0 !important;
  font-size: 14px !important;
  font-family: myriad-pro, sans-serif !important; }

div.ctct-form-embed form.ctct-form-custom input.ctct-form-element {
  height: 36px !important; }

.ctct-form-embed.form_0 .ctct-form-custom .ctct-form-label {
  display: none; }

div.ctct-form-embed form.ctct-form-custom div.ctct-form-field {
  margin: 0 0 24px 0;
  text-align: left;
  width: 100%;
  display: inline-flex; }