@charset "UTF-8";
@import url("//fonts.googleapis.com/css?family=Kavoon");
@import url("//fonts.googleapis.com/css?family=Hammersmith+One");
@import url("//fonts.googleapis.com/css?family=Lato:400,700");
@import url("//fonts.googleapis.com/css?family=Ubuntu:400,500,700");
@import url("//fonts.googleapis.com/css?family=Source+Sans+Pro:200,200italic,300,300italic,600italic,600,700,700italic,900,900italic,400italic,400");
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline; }

@font-face {
  font-family: 'jocolibrary';
  src: url("../icons/jocolibrary.eot?") format("eot"), url("../icons/jocolibrary.woff") format("woff"), url("../icons/jocolibrary.ttf") format("truetype"), url("../icons/jocolibrary.svg#liblib") format("svg"); }

@font-face {
  font-family: 'jocolibrary_social01';
  src: url("../icons/jocolibrary_social01.eot?44218305");
  src: url("../icons/jocolibrary_social01.eot?44218305#iefix") format("embedded-opentype"), url("../icons/jocolibrary_social01.woff?44218305") format("woff"), url("../icons/jocolibrary_social01.ttf?44218305") format("truetype"), url("../icons/jocolibrary_social01.svg?44218305#jocolibrary_social01") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'jocolibrary_add01';
  src: url("../icons/jocolibrary_add01.eot?79985956");
  src: url("../icons/jocolibrary_add01.eot?79985956#iefix") format("embedded-opentype"), url("../icons/jocolibrary_add01.woff?79985956") format("woff"), url("../icons/jocolibrary_add01.ttf?79985956") format("truetype"), url("../icons/jocolibrary_add01.svg?79985956#jocolibrary_add01") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'jocolibrary';
  src: url("../icons/jocolibrary.eot?") format("eot"), url("../icons/jocolibrary.woff") format("woff"), url("../icons/jocolibrary.ttf") format("truetype"), url("../icons/jocolibrary.svg#liblib") format("svg"); }

@font-face {
  font-family: 'jocolibrary';
  src: url("../icons/jocolibrary.eot?") format("eot"), url("../icons/jocolibrary.woff") format("woff"), url("../icons/jocolibrary.ttf") format("truetype"), url("../icons/jocolibrary.svg#liblib") format("svg"); }

@font-face {
  font-family: 'jocolibrary_social01';
  src: url("../icons/jocolibrary_social01.eot?44218305");
  src: url("../icons/jocolibrary_social01.eot?44218305#iefix") format("embedded-opentype"), url("../icons/jocolibrary_social01.woff?44218305") format("woff"), url("../icons/jocolibrary_social01.ttf?44218305") format("truetype"), url("../icons/jocolibrary_social01.svg?44218305#jocolibrary_social01") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'jocolibrary_add01';
  src: url("../icons/jocolibrary_add01.eot?79985956");
  src: url("../icons/jocolibrary_add01.eot?79985956#iefix") format("embedded-opentype"), url("../icons/jocolibrary_add01.woff?79985956") format("woff"), url("../icons/jocolibrary_add01.ttf?79985956") format("truetype"), url("../icons/jocolibrary_add01.svg?79985956#jocolibrary_add01") format("svg");
  font-weight: normal;
  font-style: normal; }

h1 {
  font-family: "Source Sans Pro", arial, sans-serif;
  font-size: 3em;
  line-height: 1.25em;
  font-weight: 700;
  margin: 0 0 10px 0; }

h2 {
  font-family: "Source Sans Pro", arial, sans-serif;
  font-size: 2em;
  line-height: 1.25em;
  font-weight: 700;
  margin: 0 0 10px 0; }

h3 {
  font-family: "Source Sans Pro", arial, sans-serif;
  font-size: 1.5em;
  line-height: 1.25em;
  font-weight: 400;
  margin: 0 0 10px 0; }

h4 {
  font-family: "Source Sans Pro", arial, sans-serif;
  font-size: 1.16666667em;
  line-height: 1.25em;
  font-weight: 300;
  margin: 0 0 10px 0; }

body {
  font-family: "Source Sans Pro", arial, sans-serif;
  font-size: 1em;
  line-height: 1.25em; }

p {
  margin-bottom: 10px; }

blockquote {
  font-style: italic;
  border-left: 5px solid #DDEAF5;
  padding-left: 10px;
  margin-bottom: 10px;
  font-size: 0.8em; }

.page ul {
  margin-bottom: 10px; }
  .page ul li {
    padding-bottom: 0px; }

.author-of-node {
  padding: 10px;
  background-color: #FFFFFF; }
  .author-of-node .author-info {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px; }
  .author-of-node .fun-img {
    display: inline-block;
    vertical-align: middle; }
  .author-of-node time {
    margin: 0 0 10px 0; }
  .author-of-node .fun-fact {
    font-size: 0.8em;
    font-style: italic;
    display: block;
    margin: 5px 0; }

.page .block {
  display: block;
  margin: 10px 0; }

.blue-header {
  padding: 10px;
  background-color: #16439b;
  margin: 5px 0;
  color: white;
  font-size: 1.1em;
  font-weight: 600;
  border: 1px solid #7cbbe1; }
  .blue-header div:not(.contextual) a {
    color: #FFFFFF !important;
    text-decoration: underline !important; }

.show-title-banner .block-title {
  display: block;
  background-color: #164375;
  font-size: 28px;
  padding-bottom: 3px;
  color: #FFFFFF;
  line-height: 1.25em;
  border-radius: 0 10px 10px 0;
  position: relative; }
  .show-title-banner .block-title:before {
    content: "\e604";
    font-family: 'jocolibrary';
    display: block;
    float: left;
    color: #FBCC77;
    font-size: 30px;
    margin-top: 0px;
    line-height: 1; }

.show-alt-banner .block-title {
  background-color: #48a5d3;
  display: inline-block;
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  color: white;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1em;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px; }

.show-maker-banner .block-title {
  display: block;
  background-color: #505050;
  font-size: 28px;
  padding: 4px;
  color: #FFFFFF;
  line-height: 1.25em;
  position: relative; }
  .show-maker-banner .block-title:before {
    content: "\e63e";
    font-family: 'jocolibrary';
    display: block;
    float: left;
    margin: 5px;
    color: white;
    font-size: 28px;
    line-height: 1; }

#comments {
  width: 100%; }
  #comments .changed {
    display: none; }
  #comments footer {
    background: transparent;
    text-align: left;
    padding: 0; }
  #comments article:nth-of-type(odd) {
    background-color: rgba(255, 224, 154, 0.4); }
  #comments h3 a {
    font-weight: 600; }
  #comments textarea {
    width: 100%; }
  #comments .filter-wrapper {
    border: none;
    display: none; }
  #comments .g-recaptcha {
    margin: 30px 0 5px 0; }

article.comment {
  border: 1px dotted #F1A051;
  padding: 10px; }
  article.comment time {
    display: inline;
    border: 0px solid blue; }
  article.comment ul.links {
    display: inline-block;
    width: 100%;
    list-style: none !important; }
    article.comment ul.links li {
      list-style: none !important; }
      article.comment ul.links li a {
        display: inline-block;
        background-color: #66B7C5;
        float: left;
        margin: 3px;
        padding: 5px;
        color: #FFFFFF;
        font-weight: 600; }

time {
  display: block;
  margin: 10px 0;
  font-family: "Source Sans Pro", arial, sans-serif;
  font-size: 0.8em; }
  time label {
    font-family: "Source Sans Pro", arial, sans-serif;
    font-size: 1.5em;
    line-height: 1.25em;
    font-weight: 400;
    margin-bottom: 10px;
    display: block; }

.label-inline {
  display: inline; }

.views-field-field-event-library a {
  display: block; }
  .views-field-field-event-library a:before {
    font-family: 'jocolibrary';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    padding-right: 5px;
    padding-top: 2px; }

.field-type-ds {
  display: block;
  margin: 10px 0; }
  .field-type-ds label {
    font-family: "Source Sans Pro", arial, sans-serif;
    font-size: 1.5em;
    line-height: 1.25em;
    font-weight: 400;
    margin-bottom: 10px;
    display: block; }

.field-type-text-long {
  display: block;
  margin: 10px 0; }
  .field-type-text-long label {
    font-family: "Source Sans Pro", arial, sans-serif;
    font-size: 1.5em;
    line-height: 1.25em;
    font-weight: 400;
    margin-bottom: 10px;
    display: block; }
  .field-type-text-long li {
    list-style-type: square;
    margin-left: 1em; }

.field-type-text-with-summary {
  display: block;
  margin: 10px 0; }
  .field-type-text-with-summary label {
    font-family: "Source Sans Pro", arial, sans-serif;
    font-size: 1.5em;
    line-height: 1.25em;
    font-weight: 400;
    margin-bottom: 10px;
    display: block; }
  .field-type-text-with-summary li {
    list-style-type: square;
    margin-left: 1em; }

.field-type-file {
  display: block;
  margin: 10px 0; }
  .field-type-file label {
    font-family: "Source Sans Pro", arial, sans-serif;
    font-size: 1.5em;
    line-height: 1.25em;
    font-weight: 400;
    margin-bottom: 10px;
    display: block; }

.field-type-image {
  display: block;
  margin: 10px 0; }
  .field-type-image label {
    font-family: "Source Sans Pro", arial, sans-serif;
    font-size: 1.5em;
    line-height: 1.25em;
    font-weight: 400;
    margin-bottom: 10px;
    display: block; }
  .field-type-image img {
    margin: 0 auto; }

.field-type-taxonomy-term-reference {
  display: block;
  margin: 10px 0; }
  .field-type-taxonomy-term-reference label {
    font-family: "Source Sans Pro", arial, sans-serif;
    font-size: 1.5em;
    line-height: 1.25em;
    font-weight: 400;
    margin-bottom: 10px;
    display: block; }

.field-type-video-embed-field {
  display: block;
  margin: 10px 0; }
  .field-type-video-embed-field label {
    font-family: "Source Sans Pro", arial, sans-serif;
    font-size: 1.5em;
    line-height: 1.25em;
    font-weight: 400;
    margin-bottom: 10px;
    display: block; }

.field-type-datetime {
  display: block;
  margin: 10px 0; }
  .field-type-datetime label {
    font-family: "Source Sans Pro", arial, sans-serif;
    font-size: 1.5em;
    line-height: 1.25em;
    font-weight: 400;
    margin-bottom: 10px;
    display: block; }

.field-type-list-boolean {
  display: block;
  margin: 10px 0; }
  .field-type-list-boolean label {
    font-family: "Source Sans Pro", arial, sans-serif;
    font-size: 1.5em;
    line-height: 1.25em;
    font-weight: 400;
    margin-bottom: 10px;
    display: block; }

.field-type-text {
  display: block;
  margin: 10px 0; }
  .field-type-text label {
    font-family: "Source Sans Pro", arial, sans-serif;
    font-size: 1.5em;
    line-height: 1.25em;
    font-weight: 400;
    margin-bottom: 10px;
    display: block; }

.field-type-number-integer {
  display: block;
  margin: 10px 0; }
  .field-type-number-integer label {
    font-family: "Source Sans Pro", arial, sans-serif;
    font-size: 1.5em;
    line-height: 1.25em;
    font-weight: 400;
    margin-bottom: 10px;
    display: block; }

.field-type-list-text {
  display: block;
  margin: 10px 0; }
  .field-type-list-text label {
    font-family: "Source Sans Pro", arial, sans-serif;
    font-size: 1.5em;
    line-height: 1.25em;
    font-weight: 400;
    margin-bottom: 10px;
    display: block; }

.field-collection-container {
  display: block;
  margin: 10px 0; }
  .field-collection-container label {
    font-family: "Source Sans Pro", arial, sans-serif;
    font-size: 1.5em;
    line-height: 1.25em;
    font-weight: 400;
    margin-bottom: 10px;
    display: block; }

.field-type-field-collection {
  display: block;
  margin: 10px 0; }
  .field-type-field-collection label {
    font-family: "Source Sans Pro", arial, sans-serif;
    font-size: 1.5em;
    line-height: 1.25em;
    font-weight: 400;
    margin-bottom: 10px;
    display: block; }

.field-type-entityreference {
  display: block;
  margin: 10px 0; }
  .field-type-entityreference label {
    font-family: "Source Sans Pro", arial, sans-serif;
    font-size: 1.5em;
    line-height: 1.25em;
    font-weight: 400;
    margin-bottom: 10px;
    display: block; }

.field-type-fivestar {
  display: block;
  margin: 10px 0; }
  .field-type-fivestar label {
    font-family: "Source Sans Pro", arial, sans-serif;
    font-size: 1.5em;
    line-height: 1.25em;
    font-weight: 400;
    margin-bottom: 10px;
    display: block; }
  .field-type-fivestar label {
    display: inline-block;
    vertical-align: top;
    font-weight: 400;
    margin-left: 5px;
    font-size: 0.8em;
    font-style: italic; }
  .field-type-fivestar .fivestar-average-stars {
    float: left;
    display: block; }
  .field-type-fivestar .label {
    font-weight: 400;
    font-size: 0.8em;
    font-style: italic; }

.field-type-link-field {
  display: block;
  margin: 10px 0; }
  .field-type-link-field label {
    font-family: "Source Sans Pro", arial, sans-serif;
    font-size: 1.5em;
    line-height: 1.25em;
    font-weight: 400;
    margin-bottom: 10px;
    display: block; }

.field-type-office-hours {
  display: block;
  margin: 10px 0 20px 0; }
  .field-type-office-hours label {
    font-family: "Source Sans Pro", arial, sans-serif;
    font-size: 1.5em;
    line-height: 1.25em;
    font-weight: 400;
    margin-bottom: 10px; }
  .field-type-office-hours .closed-flag {
    display: block;
    padding: 5px 8px;
    background-color: #FF6919;
    color: #FFFFFF;
    font-family: "Source Sans Pro", arial, sans-serif;
    font-size: 1.16666667em;
    line-height: 1.25em;
    font-weight: 300;
    text-align: center; }
  .field-type-office-hours .open-flag {
    display: block;
    padding: 5px 8px;
    background-color: #3382c4;
    color: #FFFFFF;
    font-family: "Source Sans Pro", arial, sans-serif;
    font-size: 1.16666667em;
    line-height: 1.25em;
    font-weight: 300;
    text-align: center; }

.primary-devices {
  display: block;
  margin: 10px 0; }
  .primary-devices label {
    font-family: "Source Sans Pro", arial, sans-serif;
    font-size: 1.5em;
    line-height: 1.25em;
    font-weight: 400;
    margin-bottom: 10px;
    display: block; }

.secondary-devices {
  display: block;
  margin: 10px 0; }
  .secondary-devices label {
    font-family: "Source Sans Pro", arial, sans-serif;
    font-size: 1.5em;
    line-height: 1.25em;
    font-weight: 400;
    margin-bottom: 10px;
    display: block; }

.pdf-doc {
  display: block;
  margin: 10px 0; }
  .pdf-doc label {
    font-family: "Source Sans Pro", arial, sans-serif;
    font-size: 1.5em;
    line-height: 1.25em;
    font-weight: 400;
    margin-bottom: 10px;
    display: block; }
  .pdf-doc a {
    display: block; }
    .pdf-doc a:before {
      font-family: 'jocolibrary';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      padding-right: 5px;
      font-size: 0.65em;
      color: tint(#231F20, 15%);
      text-decoration: none; }

.alt-doc {
  display: block;
  margin: 10px 0;
  margin: 0;
  font-size: 0.9em; }
  .alt-doc label {
    font-family: "Source Sans Pro", arial, sans-serif;
    font-size: 1.5em;
    line-height: 1.25em;
    font-weight: 400;
    margin-bottom: 10px;
    display: block; }
  .alt-doc a {
    display: block; }
    .alt-doc a:before {
      font-family: 'jocolibrary';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      padding-right: 5px;
      font-size: 0.65em;
      color: tint(#231F20, 15%);
      text-decoration: none; }

.views-row {
  margin-bottom: 10px; }

.hide {
  display: none; }

.textformatter-list li {
  list-style-type: square;
  margin-left: 1em; }

footer {
  clear: both;
  padding: 10px 0 0 0;
  display: block;
  width: 100%; }

#menu_bottom_wrapper {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  text-align: left; }
  #menu_bottom_wrapper nav ul:not(.contextual-links) {
    display: block;
    z-index: 999;
    float: left;
    width: 32.9%;
    list-style: none;
    margin: 8px 2px; }
    #menu_bottom_wrapper nav ul:not(.contextual-links) li {
      border: 1px solid #CCCCCC;
      margin-bottom: 2px;
      list-style: none;
      margin-left: 0; }
      #menu_bottom_wrapper nav ul:not(.contextual-links) li a {
        display: block;
        padding: 5px 8px;
        background-color: #FFFFFF;
        color: #164375;
        font-weight: 600;
        border-left: 8px solid #164375; }
        #menu_bottom_wrapper nav ul:not(.contextual-links) li a:hover {
          background-color: #EFEFEF;
          text-decoration: none; }
        #menu_bottom_wrapper nav ul:not(.contextual-links) li a::after {
          display: block;
          float: right;
          content: "»"; }
        #menu_bottom_wrapper nav ul:not(.contextual-links) li a[href*="esp"] {
          color: #F05C28;
          border-left-color: #F05C28; }
        #menu_bottom_wrapper nav ul:not(.contextual-links) li a[href*="jocogov"] {
          color: #8A5D3B;
          border-left-color: #8A5D3B; }
  #menu_bottom_wrapper #block-helpjoingive {
    width: 100%;
    margin-bottom: 15px; }
    #menu_bottom_wrapper #block-helpjoingive .hjg_block {
      color: #FFFFFF;
      display: flex;
      line-height: 2.1em;
      padding: 5px 10px;
      margin-bottom: 5px; }
      #menu_bottom_wrapper #block-helpjoingive .hjg_block:hover {
        opacity: .85;
        text-decoration: none; }
      #menu_bottom_wrapper #block-helpjoingive .hjg_block .hjg_label {
        font-size: 2.1em;
        font-weight: 700;
        border-right: 1px solid #FFFFFF;
        width: 85px;
        margin-right: 10px;
        text-decoration: none; }

.button_help {
  background-color: #148C23; }

.button_join {
  background-color: #FF6919; }

.button_give {
  background-color: #0A46E6; }

.instagram-link {
  display: flex;
  justify-items: center;
  align-items: center;
  background-color: #DDEAF5;
  margin: 5px 0; }

.instagram-icon a:before {
  content: "\e80c";
  margin: 0;
  padding: 8px;
  border-radius: 10px;
  line-height: 1;
  font-family: "jocolibrary_social01";
  speak: none;
  display: inline-block;
  font-size: 40px;
  color: white;
  background-color: #036e81; }

.instagram-text {
  font-weight: 700;
  font-size: 1.2em;
  margin: 0.5rem; }

.help_join_give_footer {
  width: 100%;
  max-width: 300px;
  display: inline-block; }

.footer-sub {
  background: #DDEAF5;
  width: 100%;
  margin: 0;
  padding: 0 10px;
  overflow: auto; }
  .footer-sub #social-media-wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding-top: 15px; }
    .footer-sub #social-media-wrapper #social-media-sites {
      padding-left: 0;
      width: 48%;
      display: inline-block;
      float: left; }
      .footer-sub #social-media-wrapper #social-media-sites h2 {
        display: block;
        width: 100%;
        margin-bottom: 10px;
        color: #164375;
        font-weight: 700;
        font-size: 1.5em; }
      .footer-sub #social-media-wrapper #social-media-sites a {
        display: inline-block;
        text-decoration: none;
        color: #FFFFFF;
        background-color: #036e81;
        margin: 0 .5rem .5rem 0;
        padding: 8px;
        border-radius: 10px;
        width: 56px;
        text-align: center;
        vertical-align: top; }
        .footer-sub #social-media-wrapper #social-media-sites a:before {
          line-height: 1;
          font-family: "jocolibrary_social01";
          speak: none;
          display: block;
          font-size: 40px; }
        .footer-sub #social-media-wrapper #social-media-sites a.fb-footer:before {
          content: "\e803"; }
        .footer-sub #social-media-wrapper #social-media-sites a.tw-footer:before {
          content: "\e818"; }
        .footer-sub #social-media-wrapper #social-media-sites a.yt-footer:before {
          content: "\e820"; }
        .footer-sub #social-media-wrapper #social-media-sites a.pinterest-footer:before {
          content: "\e810"; }
        .footer-sub #social-media-wrapper #social-media-sites a.tumblr-footer:before {
          content: "\e815"; }
        .footer-sub #social-media-wrapper #social-media-sites a.instagram-footer:before {
          content: "\e80c"; }
        .footer-sub #social-media-wrapper #social-media-sites a.podcast-footer:before {
          content: "\e61b";
          font-family: "jocolibrary"; }
        .footer-sub #social-media-wrapper #social-media-sites a span.text {
          display: none; }
        .footer-sub #social-media-wrapper #social-media-sites a:hover {
          background-color: #164375;
          color: #FFFFFF; }
        .footer-sub #social-media-wrapper #social-media-sites a:active {
          color: #FFE09A; }
      .footer-sub #social-media-wrapper #social-media-sites #logo_jocolibrary {
        display: inline-block;
        max-width: 300px;
        margin-top: 10px;
        background-color: #FFFFFF; }
    .footer-sub #social-media-wrapper #footer_support_library {
      width: 52%;
      float: left;
      display: inline-block; }
      .footer-sub #social-media-wrapper #footer_support_library a:hover {
        color: #3382c4; }
      .footer-sub #social-media-wrapper #footer_support_library h2 {
        color: #164375;
        font-size: 1.5em; }
      .footer-sub #social-media-wrapper #footer_support_library .help_join_give {
        margin-bottom: 10px; }
        .footer-sub #social-media-wrapper #footer_support_library .help_join_give a {
          display: inline-block;
          padding: 10px 15px;
          color: #FFFFFF;
          font-weight: 700;
          font-size: 1.6em;
          margin-right: 4px; }
      .footer-sub #social-media-wrapper #footer_support_library #contact_wrapper {
        display: inline-block;
        width: 100%;
        border-radius: 60px; }
        .footer-sub #social-media-wrapper #footer_support_library #contact_wrapper a.contact_button {
          font-weight: 400;
          min-width: 200px;
          font-weight: 600;
          color: #000000;
          display: inline-block;
          float: left;
          margin: 0 10px 6px 0;
          background-color: rgba(255, 255, 255, 0.5);
          border-radius: 20px;
          padding: 3px 8px 5px 5px; }
          .footer-sub #social-media-wrapper #footer_support_library #contact_wrapper a.contact_button:before {
            content: "\e646";
            display: inline-block;
            margin: -3px 5px -3px -8px;
            padding: 7px 8px 5px;
            border: 1px solid #CCCCCC;
            border-radius: 50%;
            background-color: #FFFFFF;
            font-family: "jocolibrary";
            color: #036e81; }
          .footer-sub #social-media-wrapper #footer_support_library #contact_wrapper a.contact_button:hover {
            color: #036e81; }

@media screen and (max-width: 1135px) {
  #get_involved_header {
    display: inline-block;
    width: 100%; } }

@media screen and (max-width: 1024px) {
  #social-media-wrapper {
    padding: 0 10px 0 10px; }
  .footer-sub #social-media-wrapper #social-media-sites {
    width: 100%;
    padding: 10px 0 10px 0; }
  #footer_support_library {
    width: 100%;
    margin-top: 10px; }
  #footer_support_library div[class*="footer"] {
    max-width: 200px; }
  #footer_support_library .footer_donate {
    clear: none; }
  #menu_bottom_wrapper nav ul:not(.contextual-links) {
    width: 32.5%; } }

@media screen and (max-width: 768px) {
  footer {
    padding: 0;
    overflow: hidden; }
  footer div[id*="menu-menu-footer"] {
    margin: 0px;
    width: 100%;
    padding: 0; }
  #menu_bottom_wrapper nav ul:not(.contextual-links) {
    margin: 0px;
    width: 100%;
    padding: 0; }
  #footer_get_involved {
    padding-left: 10px; }
  .hjg_block {
    line-height: 1.2em; }
  .hjg_label {
    line-height: 1.1em; } }

@media screen and (max-width: 687px) {
  #footer_get_involved {
    width: 100%; }
  #social-media-sites {
    width: 100%; }
  .footer-sub #social-media-wrapper #footer_support_library {
    width: 100%; } }

@media screen and (max-width: 475px) {
  #joco_logo {
    width: 100%; }
  #footer_support_library div[class*="footer"] {
    width: 100%;
    max-width: 100%; } }

@media screen and (max-width: 430px) {
  #logo_jocolibrary {
    width: 100%;
    padding-right: 5px; }
  #logo_joco {
    width: 100%; }
  #footer_get_involved {
    text-align: center; }
  #footer_get_involved h2 {
    text-align: left; } }

@media screen and (max-width: 385px) {
  #social-media-sites a {
    display: block;
    margin-bottom: 8px; } }

form {
  font-family: "Source Sans Pro", arial, sans-serif; }
  form input {
    box-sizing: border-box; }
    form input:focus {
      border: 2px solid #3382c4; }
  form label {
    font-weight: 700;
    display: block; }
  form legend {
    font-weight: 700;
    font-size: 1.2em;
    text-transform: uppercase; }
  form input[type="text"] {
    width: 100%;
    padding: 5px 8px; }
    form input[type="text"]:focus {
      border: 2px solid #3382c4; }
  form textarea {
    width: 100%;
    padding: 5px 8px; }
    form textarea:focus {
      border: 2px solid #3382c4; }
  form input[type="number"] {
    width: 100%;
    padding: 5px 8px; }
    form input[type="number"]:focus {
      border: 2px solid #3382c4; }
  form input[type="password"] {
    padding: 5px 8px; }
    form input[type="password"]:focus {
      border: 2px solid #3382c4; }
  form input[type="email"] {
    width: 100%;
    padding: 5px 8px; }
    form input[type="email"]:focus {
      border: 2px solid #3382c4; }
  form .form-textarea-wrapper textarea {
    display: block;
    margin: 0;
    width: 100%;
    box-sizing: border-box; }
  form textarea {
    padding: 5px 8px; }
    form textarea:focus {
      border: 2px solid #3382c4; }
  form input[type="submit"] {
    padding: 5px 8px;
    display: block; }

form[id^="webform"] {
  display: block;
  padding: 10px;
  border-radius: 10px; }
  form[id^="webform"].no-fieldset {
    background: url("/themes/custom/liblib/dist/img/bright_squares.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #CCCCCC;
    float: none;
    display: block;
    max-width: 600px;
    padding: 10px;
    margin: 0 auto;
    border-radius: 10px;
    margin-bottom: 10px; }
  form[id^="webform"] fieldset[class*="webform-type-fieldset"] {
    background: url("/themes/custom/liblib/dist/img/bright_squares.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    max-width: 600px;
    margin: 0 auto;
    display: block;
    margin-bottom: 12px;
    padding: 10px; }
  form[id^="webform"].two-col-form {
    display: inline-block;
    width: 100%;
    max-width: 100%; }
    form[id^="webform"].two-col-form fieldset[class*="webform-type-fieldset"] {
      display: inline-block;
      width: 50%;
      max-width: 500px;
      padding: 10px;
      float: left; }
      form[id^="webform"].two-col-form fieldset[class*="webform-type-fieldset"]:nth-child(2) {
        margin-left: 1%;
        width: 49%; }
  form[id^="webform"].wide-form {
    width: 100%;
    max-width: 100%;
    background: none; }
    form[id^="webform"].wide-form input:not(.button) {
      width: 100%; }
    form[id^="webform"].wide-form .button {
      margin: 5px 0; }
  form[id^="webform"] label[class*="required"]:after {
    content: '*';
    margin-left: 2px; }
  form[id^="webform"] legend {
    color: #FFFFFF;
    background-color: #036e81;
    padding: 5px 0 5px 5px; }
  form[id^="webform"] .form-actions {
    clear: both;
    display: block;
    width: 100%;
    padding: 5px;
    border-top: 2px dotted #CCCCCC;
    text-align: center; }
    form[id^="webform"] .form-actions input {
      margin: 0 auto;
      font-weight: 700; }

@media screen and (max-width: 640px) {
  form[id^="webform"] fieldset[class*="webform-type-fieldset"],
  form[id^="webform"] fieldset[class*="webform-type-fieldset"]:nth-child(2) {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important; } }

#s-la-widget-6721 .s-la-widget-header {
  display: none; }

#utility {
  padding-bottom: 0px; }
  #utility .utility-wrapper {
    padding: 0;
    margin-left: 0;
    margin-bottom: 12px;
    width: 100%; }
    #utility .utility-wrapper input[id*="block-menu-menu"] + label {
      display: none;
      opacity: 0; }
    #utility .utility-wrapper input[id*="block-menu-menu"] + label + div[id*="block-menu-menu"] {
      display: block;
      opacity: 1; }
    #utility .utility-wrapper div[id*="block-menu-menu"] {
      width: 100%;
      background-color: #164375; }
    #utility .utility-wrapper div[class*="container-contentmenu"] label {
      display: block;
      padding: 5px 10px;
      margin: 0;
      position: relative; }
    #utility .utility-wrapper .megamenu div[class*="container-contentmenu"] label {
      cursor: default;
      padding: 0;
      color: #5a5a5a; }
    #utility .utility-wrapper .megamenu div[id*="block-menu-menu"] ul.menu li a {
      padding: 3px;
      color: #5a5a5a; }
    #utility .utility-wrapper .main-menu {
      background-color: #164375;
      display: flex;
      justify-content: center; }
      #utility .utility-wrapper .main-menu .navbar {
        margin-bottom: 0px;
        position: initial; }
    #utility .utility-wrapper #search_block {
      max-width: 1000px;
      width: 100%;
      background-color: #FFE09A;
      margin: 0 auto;
      padding: 10px 0 0 0;
      text-align: center;
      overflow: hidden;
      border-bottom-left-radius: 20px;
      border-bottom-right-radius: 20px; }
      #utility .utility-wrapper #search_block:after {
        content: "";
        display: table;
        clear: both; }
      #utility .utility-wrapper #search_block #globalSearch {
        padding-top: 0; }
      #utility .utility-wrapper #search_block .searchOptions {
        display: inline-block;
        width: 100%;
        padding: 0; }
        #utility .utility-wrapper #search_block .searchOptions label {
          padding-left: 5px;
          display: inline-block;
          font-weight: 400; }
          #utility .utility-wrapper #search_block .searchOptions label:last-of-type {
            margin-right: 10px; }
      #utility .utility-wrapper #search_block .form-item, #utility .utility-wrapper #search_block .form-wrapper {
        display: inline-block; }
      #utility .utility-wrapper #search_block input.text {
        padding: 6px 5px;
        border: 1px solid #bfbfbf;
        border-radius: 3px;
        margin-right: 5px;
        margin-bottom: 5px; }
      #utility .utility-wrapper #search_block input[type="submit"] {
        border-radius: 3px;
        padding: 6px 5px;
        border: 1px solid #bfbfbf;
        margin-bottom: 5px;
        display: inline-block; }
      #utility .utility-wrapper #search_block input[type="radio"] {
        margin-left: 8px;
        display: inline-block; }
      #utility .utility-wrapper #search_block select {
        color: #231f20;
        padding: 5px 18px 5px 5px;
        margin: 0 5px 5px 0;
        border: 1px solid #bfbfbf;
        border-radius: 3px;
        -webkit-appearance: normal;
        -moz-appearance: normal;
        appearance: normal;
        cursor: pointer;
        text-indent: 0.01px;
        text-overflow: '';
        background-image: url("../img/select_arrow.png");
        background-position: center right;
        background-repeat: no-repeat; }

.navbar-we-mega-menu {
  background-color: transparent;
  font-family: "Source Sans Pro", arial, sans-serif;
  max-width: 1200px; }
  .navbar-we-mega-menu.click-action .we-mega-menu-ul .dropdown-menu.clicked {
    position: static;
    background-color: #FFFFFF;
    border-color: #000000;
    box-shadow: 2px 0px 0px 0px rgba(0, 0, 0, 0.5);
    border-width: 1px 1px 0;
    border-style: solid; }
    .navbar-we-mega-menu.click-action .we-mega-menu-ul .dropdown-menu.clicked a {
      color: #036e81;
      font-weight: 700; }
      .navbar-we-mega-menu.click-action .we-mega-menu-ul .dropdown-menu.clicked a.is-active:before {
        font-family: 'jocolibrary';
        content: "\e608";
        color: #FBCC77;
        padding-right: 5px;
        display: inline-block; }
  .navbar-we-mega-menu .we-mega-menu-ul {
    position: relative;
    list-style: none; }
    .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li {
      border: none;
      font-family: "Source Sans Pro", arial, sans-serif;
      background-color: transparent;
      text-transform: none;
      font-size: 1.2rem;
      line-height: 1.1em;
      font-weight: 500;
      color: #FFFFFF;
      padding: 0 5px; }
      .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li a {
        padding: 0 5px; }
      .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li.active a {
        background-color: transparent;
        color: #FFFFFF; }
      .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li:hover {
        background-color: transparent;
        color: #FFFFFF; }
      .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li:focus {
        background-color: transparent;
        color: #FFFFFF; }
      .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li.dropdown-menu {
        position: initial;
        letter-spacing: .035em;
        padding: 7px 0 7px 16px; }
        .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li.dropdown-menu a {
          padding: 0 20px 0 0; }
          .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li.dropdown-menu a:before {
            display: none; }
          .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li.dropdown-menu a:after {
            opacity: 1;
            right: 8px;
            margin-top: -10px;
            width: .5rem;
            height: .5rem;
            content: '\e851';
            font-family: 'jocolibrary_add01';
            background-image: none; }
        .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li.dropdown-menu .title a {
          padding: 0;
          margin-top: 0; }
          .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li.dropdown-menu .title a:after {
            content: ''; }
      .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu {
        margin-top: -.025rem;
        width: 99.49vw !important;
        left: calc(50% - 50vw);
        font-family: "Source Sans Pro", arial, sans-serif;
        border-width: 0 1px 1px;
        border-color: #000000;
        box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.4) !important; }
        .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu nav[id='block-locations'] ul:not(.contextual-links) {
          display: flex;
          flex-flow: column wrap;
          height: 14em;
          margin-right: 10px; }
          .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu nav[id='block-locations'] ul:not(.contextual-links) li:nth-child(2) {
            border-bottom: 1px solid #CCCCCC;
            margin-bottom: 5px;
            padding-bottom: 5px;
            margin-right: 10px; }
        .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu nav[id='block-usingthelibrarymenu'] ul:not(.contextual-links) {
          display: flex;
          flex-flow: column wrap;
          height: 12em;
          margin-right: 10px; }
        .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .menu_feature {
          text-align: center;
          color: #000000; }
          .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .menu_feature img {
            margin: 0 auto; }
            .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .menu_feature img:after {
              content: ''; }
          .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .menu_feature a {
            color: #036e81;
            padding: 0;
            font-weight: 500;
            font-family: "Source Sans Pro", arial, sans-serif; }
            .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .menu_feature a:hover {
              color: #164375; }
            .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .menu_feature a:after {
              content: ''; }
            .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .menu_feature a img:after {
              content: ""; }
        .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu ul {
          list-style: none; }
          .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu ul li {
            list-style: none; }
            .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu ul li a {
              color: #666666 !important;
              font-family: "Source Sans Pro", arial, sans-serif;
              font-size: 16px;
              padding: 0;
              font-weight: 400 !important; }
              .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu ul li a:hover {
                text-decoration: underline; }
              .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu ul li a:after {
                content: ''; }
          .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu ul h2 {
            font-family: "Source Sans Pro", arial, sans-serif; }
            .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu ul h2 a {
              color: #000000;
              padding: 0;
              font-weight: 600; }
              .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu ul h2 a:hover {
                text-decoration: underline; }
              .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu ul h2 a:after {
                content: ''; }
        .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col {
          margin: 0;
          padding: .75rem; }
          .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col p {
            letter-spacing: .035rem; }
          .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.yellow-bg {
            background-color: #FFF5D2;
            color: #000000;
            font-size: 1rem;
            line-height: 20px; }
            .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.yellow-bg h2, .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.yellow-bg h2 a {
              text-align: center;
              font-weight: 700;
              font-size: 19px;
              line-height: 24px;
              padding: 0;
              color: #000000; }
              .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.yellow-bg h2:hover, .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.yellow-bg h2 a:hover {
                text-decoration: underline; }
              .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.yellow-bg h2:after, .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.yellow-bg h2 a:after {
                content: ''; }
            .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.yellow-bg .readmore {
              float: right;
              color: #C96429;
              background-color: #f5e1b9;
              padding: 6px 8px;
              font-weight: 700;
              margin: 10px -12px 0 0; }
              .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.yellow-bg .readmore:after {
                content: ''; }
            .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.yellow-bg .views-field-body {
              font-style: italic; }
              .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.yellow-bg .views-field-body p::before, .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.yellow-bg .views-field-body p::after {
                content: '"'; }
          .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.teal-bg {
            background-color: #036e81;
            font-family: "Source Sans Pro", arial, sans-serif; }
            .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.teal-bg p {
              color: #FFFFFF;
              font-family: "Source Sans Pro", arial, sans-serif; }
            .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.teal-bg a {
              color: #FBCC77;
              font-weight: 600;
              padding: 0;
              font-family: "Source Sans Pro", arial, sans-serif; }
              .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.teal-bg a:after {
                content: ''; }
            .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.teal-bg h2, .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.teal-bg h2 a {
              text-align: left;
              font-weight: 700;
              font-size: 20px;
              line-height: 1.4rem;
              padding: 0;
              color: #FFFFFF;
              font-family: "Source Sans Pro", arial, sans-serif; }
              .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.teal-bg h2:hover, .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.teal-bg h2 a:hover {
                text-decoration: underline; }
              .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.teal-bg h2:after, .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.teal-bg h2 a:after {
                content: ''; }
            .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.teal-bg time {
              margin-top: 0;
              color: #FFFFFF;
              font-size: 0.8em;
              display: inline-block;
              font-family: "Source Sans Pro", arial, sans-serif; }
            .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.teal-bg .date-display-range {
              display: inline-block; }
            .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.teal-bg .menu_event_agegroup, .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.teal-bg .menu_event_category {
              margin-top: 10px;
              display: inline-block; }
            .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.teal-bg .menu_event_agegroup a, .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.teal-bg .menu_event_category a {
              background-color: #B6DBE2;
              color: #036e81;
              padding: 5px 8px;
              font-family: "Source Sans Pro", arial, sans-serif;
              font-weight: 700; }
              .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.teal-bg .menu_event_agegroup a:after, .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.teal-bg .menu_event_category a:after {
                content: ''; }
            .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.teal-bg .readmore {
              text-align: right;
              display: block;
              margin-top: 5px;
              font-family: "Source Sans Pro", arial, sans-serif; }
              .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.teal-bg .readmore:after {
                content: "\00bb" !important;
                margin-left: 5px; }
          .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.add-divider {
            border-right: 1px solid #CCCCCC; }
          .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.add-dotted-divider {
            border-right: 4px dotted #00844a; }
          .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.featured-book {
            border-right: 2px solid #FCEDD7;
            text-align: center; }
            .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.featured-book h2 {
              font-size: 1.2rem;
              font-weight: 700;
              line-height: 1.2em; }
            .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.featured-book .book-feed .feed-item {
              background-color: transparent;
              margin: 0; }
            .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.featured-book .book_list_itemset a {
              color: #036e81;
              padding: 0;
              font-weight: 500; }
              .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.featured-book .book_list_itemset a:after {
                content: ''; }
            .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.featured-book .book_list_itemset img {
              margin: 0 auto 2px; }
              .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.featured-book .book_list_itemset img:after {
                content: ''; }
            .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.featured-book .book-feed-itemset a {
              color: #036e81;
              padding: 0;
              font-weight: 400;
              font-size: 1rem; }
              .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.featured-book .book-feed-itemset a:after {
                content: ''; }
            .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.featured-book .book-feed-itemset img {
              margin: 0 auto; }
              .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.featured-book .book-feed-itemset img:after {
                content: ''; }
          .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col .featured-locations-map {
            height: 150px;
            overflow: hidden;
            display: block; }
        .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .type-of-block {
          font-family: "Source Sans Pro", arial, sans-serif !important; }
          .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .type-of-block h2 {
            font-family: "Source Sans Pro", arial, sans-serif !important;
            text-transform: unset;
            font-size: 16px;
            margin-bottom: .25rem;
            font-weight: 600;
            color: #000000; }
          .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .type-of-block a {
            font-family: "Source Sans Pro", arial, sans-serif !important; }
          .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .type-of-block nav {
            cursor: pointer; }
        .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu p {
          font-family: "Source Sans Pro", arial, sans-serif;
          font-size: 16px;
          color: #000000; }
        .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-submenu-inner {
          width: 80%;
          max-width: 850px;
          margin: 0 auto; }
          .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-submenu-inner button {
            padding: 5px;
            border: none;
            font-weight: 700;
            opacity: .85;
            font-family: "Source Sans Pro", arial, sans-serif; }
            .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-submenu-inner button:hover {
              text-decoration: underline;
              opacity: 1; }

.we-mega-menu-ul > .dropdown-menu:hover > a, .we-mega-menu-ul > .dropdown-menu:hover > span, .we-mega-menu-ul > .dropdown-menu:focus > a, .we-mega-menu-ul > .dropdown-menu:focus > span {
  background: transparent;
  color: #FFFFFF; }

body:not(.we-mega-menu-backend) .navbar-we-mega-menu .always-show .caret, body:not(.we-mega-menu-backend) .navbar-we-mega-menu [class*="hidden-collapse"] > .nav-child, body:not(.we-mega-menu-backend) .navbar-we-mega-menu [class*="hidden-collapse"] .caret, body:not(.we-mega-menu-backend) .navbar-we-mega-menu [class*="hidden-collapse"] > a:after, body:not(.we-mega-menu-backend) .navbar-we-mega-menu [class*="hidden-collapse"] > a:before, body:not(.we-mega-menu-backend) .navbar-we-mega-menu .hidden-collapse, body:not(.we-mega-menu-backend) .navbar-we-mega-menu .always-show .dropdown-submenu > a:after, body:not(.we-mega-menu-backend) .navbar-we-mega-menu .always-show .dropdown-submenu > a:before {
  display: block !important; }

@media screen and (max-width: 991px) {
  .navbar-toggle {
    display: none; }
  .region-we-mega-menu {
    padding: 0;
    margin-bottom: 0;
    background-color: #164375; }
  .navbar-we-mega-menu.navbar {
    display: block;
    width: 100%;
    z-index: 100; }
    .navbar-we-mega-menu.navbar ul > li ul {
      padding: 0 0 10px 10px; }
  .navbar-we-mega-menu .we-mega-menu-row {
    display: flex; }
  .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li {
    border-bottom: solid 1px #FFFFFF;
    background-color: #164375;
    padding: 5px 0 5px 12px;
    overflow: hidden;
    right: 0;
    font-size: 1.1rem;
    border-top: none; }
    .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li:hover {
      background-color: #164375; }
  .navbar-we-mega-menu.navbar ul a:hover, .navbar-we-mega-menu.navbar ul a:focus, .navbar-we-mega-menu.navbar ul .we-megamenu-nolink:hover, .navbar-we-mega-menu.navbar ul .we-megamenu-nolink:focus {
    border-top: none; }
  .navbar-we-mega-menu.navbar .we-mega-menu-ul > li > a, .navbar-we-mega-menu.navbar .we-mega-menu-ul > li > .we-megamenu-nolink {
    border-top: none;
    padding-left: 8px; }
  .navbar-we-mega-menu.navbar .nav-tabs > li.active > a, .navbar-we-mega-menu.navbar .nav-tabs > li.active > a:focus, .navbar-we-mega-menu.navbar .nav-tabs > li.active > a:hover {
    background-color: #164375;
    border-top: none;
    padding: 0 0 0 8px;
    width: 100%;
    cursor: pointer; }
  .navbar-we-mega-menu.navbar .nav .open > a, .navbar-we-mega-menu.navbar .nav .open > a:focus, .navbar-we-mega-menu.navbar .nav .open > a:hover {
    color: #036e81 !important;
    background-color: #FFFFFF;
    text-shadow: none;
    border: none; }
  .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu {
    display: block;
    background-color: #FFFFFF;
    height: 0;
    visibility: hidden; }
    .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-submenu-inner {
      width: 100%;
      background-color: #FFFFFF; }
      .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-submenu-inner .add-dotted-divider {
        border-right: none; }
  .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li.clicked {
    border-top: none !important; }
    .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li.clicked a.we-mega-menu-li {
      background-color: transparent;
      color: #036e81 !important;
      text-shadow: none; }
      .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li.clicked a.we-mega-menu-li:hover {
        background-color: transparent;
        color: #036e81 !important; }
      .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li.clicked a.we-mega-menu-li:focus {
        background-color: transparent;
        color: #036e81 !important; }
      .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li.clicked a.we-mega-menu-li:after {
        content: '\e612'; }
    .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li.clicked .we-mega-menu-submenu {
      height: auto;
      visibility: visible;
      background-color: #FFFFFF; }
      .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li.clicked .we-mega-menu-submenu:hover {
        background-color: #FFFFFF; }
    .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li.clicked.dropdown-menu:hover {
      background-color: #FFFFFF; }
    .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li.clicked.dropdown-menu.clicked a.is-active {
      background-color: transparent; }
  nav[id='block-locationsmenu'] ul:not(.contextual-links) li {
    margin-right: 10px; }
  .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li.dropdown-menu a {
    padding: 0 10px; }
    .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li.dropdown-menu a:after {
      content: '\e614';
      font-family: 'jocolibrary';
      right: 25px;
      margin-top: -10px;
      width: 10px;
      height: 5px; }
  .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li.dropdown-menu:hover {
    background-color: #164375; }
  .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col {
    margin: 1px 0 0 4px; }
  .navbar-we-mega-menu .type-of-block {
    display: block; }
  .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu ul li a {
    padding: 2px 0;
    color: #666666;
    font-weight: 400;
    border-bottom: 1px solid #CCCCCC;
    line-height: 1.2rem; }
    .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu ul li a:after {
      content: ''; }
    .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu ul li a:hover {
      border-top: none; }
  .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu ul li:last-of-type a {
    border-bottom: none; }
  body:not(.we-mega-menu-backend) .navbar-we-mega-menu .always-show .caret, body:not(.we-mega-menu-backend) .navbar-we-mega-menu [class*="hidden-collapse"] > .nav-child, body:not(.we-mega-menu-backend) .navbar-we-mega-menu [class*="hidden-collapse"] .caret, body:not(.we-mega-menu-backend) .navbar-we-mega-menu [class*="hidden-collapse"] > a:after, body:not(.we-mega-menu-backend) .navbar-we-mega-menu [class*="hidden-collapse"] > a:before, body:not(.we-mega-menu-backend) .navbar-we-mega-menu .hidden-collapse, body:not(.we-mega-menu-backend) .navbar-we-mega-menu .always-show .dropdown-submenu > a:after, body:not(.we-mega-menu-backend) .navbar-we-mega-menu .always-show .dropdown-submenu > a:before {
    display: none !important; }
  div[data-block="readingideas"], div[data-block="eventsbytopic"] {
    flex: 0 0 47.87234% !important; }
  div[data-block="elibrarymenu"], div[data-block="locationsmenu"] {
    flex: 0 0 98.87% !important; }
  .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu nav[id='block-locations'] ul:not(.contextual-links) li:nth-child(2) {
    border-bottom: none;
    margin-bottom: unset;
    padding-bottom: unset;
    margin-right: unset; } }

.latest-review-menu .staff-reviews-list.views-row {
  margin: 0;
  width: 100%;
  border: 0;
  padding: 0;
  box-shadow: none; }

.elibary-menu img {
  margin: 0 auto; }

.elibary-menu .elibrary-featured-item picture {
  padding: 0; }

.elibary-menu .elibrary-resource.views-row {
  margin: 0; }

.elibary-menu a {
  padding: 0 !important; }
  .elibary-menu a::after {
    display: none; }

.research-menu .views-row img {
  margin: 0 auto; }

.research-menu .views-row h2 {
  font-size: 1.2rem !important;
  text-align: center; }

.research-menu .views-row a {
  padding: 0 !important; }
  .research-menu .views-row a::after {
    display: none; }

@media screen and (max-width: 768px) {
  #search-block-toggle + label span.icon::after {
    height: 4em; } }

@media screen and (max-width: 600px) {
  #utility .utility-wrapper #search_block {
    display: none;
    opacity: 0;
    border-radius: 0; }
  #search_block #search_right #search_box {
    width: 100%; }
  #search_block-toggle + label {
    clear: both;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    margin: 10px auto 0;
    padding: 0;
    border-radius: 0;
    display: block;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.25em;
    width: 96%; }
  #search_block-toggle:checked + label {
    background-color: #FFE094;
    border-bottom: 0px; }
  #search_block-toggle:checked + label + #search_block {
    display: block;
    opacity: 1;
    width: 96%;
    z-index: 1;
    padding: 0 10px;
    border: 1px solid #CCCCCC;
    border-top: none; }
  #search_block-toggle + label:hover {
    background-color: #FFE094; }
  #search_block-toggle + label span.icon {
    font-family: "jocolibrary";
    line-height: 1; }
  #search_block-toggle + label span.icon:active:before {
    color: #164375; }
  #search_block-toggle + label span.icon-text {
    display: block;
    padding-bottom: 0;
    font-size: 1em;
    font-weight: 700;
    color: #C96429; }
  #search_block-toggle + label:before {
    padding-left: 10px;
    color: #164375;
    display: inline-block;
    float: left;
    font-size: 0.75em;
    padding: 0px 8px 0 3px;
    content: "\e625"; }
  div[data-block="readingideas"], div[data-block="eventsbytopic"] {
    flex: 0 0 98.87% !important; }
  nav[id='block-locationsmenu'] ul:not(.contextual-links), nav[id='block-usingthelibrarymenu'] ul:not(.contextual-links) {
    height: auto !important; }
  .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li.clicked a.we-mega-menu-li {
    margin-bottom: 6px; }
  .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.yellow-bg, .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.teal-bg {
    display: none; }
  .we-mega-menu-col {
    flex: 0 0 98.87% !important; }
  .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.add-divider {
    border: none; }
  .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-col.collapse {
    padding: 0 0 0 12px; }
  div[class*="collapse"] > .type-of-block > .block-inner > nav > ul {
    display: none; }
  div[class*="collapse"] > .type-of-block > .block-inner > nav > h2:before {
    display: block;
    float: left;
    content: "\e633";
    font-family: 'jocolibrary';
    font-weight: 100;
    margin-right: 4px; }
  .menu-feature {
    display: none; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .dropdown-menu {
    position: absolute;
    min-width: 0px; }
  #utility .utility-wrapper .main-menu .navbar {
    position: relative; }
  select::-ms-expand {
    display: none; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) and (min-width: 992px) {
  .we-mega-menu-ul > .we-mega-menu-li > a, .we-mega-menu-ul > .we-mega-menu-li .we-megamenu-nolink {
    flex: 0 0 auto; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) and (max-width: 991px) {
  .navbar-we-mega-menu.navbar {
    right: 0px; }
  .navbar-we-mega-menu .we-mega-menu-row {
    flex-wrap: nowrap; }
  .navbar-we-mega-menu .we-mega-menu-ul .we-mega-menu-li .we-mega-menu-submenu nav ul:not(.contextual-links) {
    margin-right: 0px; } }

header {
  position: relative;
  margin-bottom: 0; }
  header .header-region {
    padding: 0 0 10px 0;
    font-family: "Source Sans Pro", arial, sans-serif; }
    header .header-region #block-liblib-branding {
      max-width: 1100px;
      margin: 0 auto; }
    header .header-region #menu_top_wrapper {
      position: relative;
      max-width: 1000px;
      margin: 0 auto; }
      header .header-region #menu_top_wrapper #bibliobar {
        position: absolute;
        right: 0;
        top: 0; }
        header .header-region #menu_top_wrapper #bibliobar .dropdown {
          z-index: 101; }
        header .header-region #menu_top_wrapper #bibliobar ul,
        header .header-region #menu_top_wrapper #bibliobar li {
          list-style: none; }
        header .header-region #menu_top_wrapper #bibliobar .dropdown-menu {
          left: auto !important;
          right: 0 !important; }
  header:after {
    content: "";
    display: table;
    clear: both; }

@media screen and (max-width: 1000px) {
  header .header-region #menu_top_wrapper #bibliobar {
    position: relative;
    text-align: right;
    background-color: white;
    border-bottom: 2px solid #004b8d; } }

@media screen and (max-width: 767px) {
  header .header-region #menu_top_wrapper #bibliobar {
    margin-left: -11px; } }

@font-face {
  font-family: 'liblib';
  src: url("../icons/liblib.eot?") format("eot"), url("../icons/liblib.woff") format("woff"), url("../icons/liblib.ttf") format("truetype"), url("../icons/liblib.svg#liblib") format("svg"); }

img {
  display: block;
  max-width: 100%;
  height: auto; }

a {
  color: shade(#3382c4, 20%); }
  a:hover {
    color: shade(#3382c4, 30%); }
  a:active {
    color: #FFE09A; }

.file a.mime-application-pdf:before {
  width: 18px;
  height: 18px;
  background: url("/themes/custom/liblib/dist/img/file/application-pdf.png") no-repeat 0 0 transparent;
  content: '';
  background-size: contain;
  float: left;
  margin-top: 1px; }

a {
  color: #036e81;
  text-decoration: none; }
  a:hover {
    color: #164375; }

#page_wrapper_main {
  display: block;
  max-width: 1200px;
  margin: 0 auto; }

.page {
  padding-bottom: 10px; }
  .page ul {
    list-style: outside disc;
    margin-left: 1em; }
    .page ul li {
      margin-left: 1em;
      padding-bottom: 0; }
  .page ol {
    margin-left: 1em; }
    .page ol li {
      margin-left: 1em; }

#main-content {
  padding: 10px 1em 0;
  background-color: white;
  display: inline-block;
  width: 75%;
  max-width: 1100px;
  margin-right: 12px; }
  #main-content .breadcrumb {
    margin: 0;
    padding: 8px 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
    font-weight: 600; }
    #main-content .breadcrumb a {
      color: #036e81; }
      #main-content .breadcrumb a:hover {
        color: #164375; }
  #main-content .item-list ul {
    margin: 0; }
    #main-content .item-list ul li {
      list-style: outside none square;
      margin-left: 1em; }
      #main-content .item-list ul li a {
        color: #036e81; }
        #main-content .item-list ul li a:hover {
          color: #164375; }

h1 {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #F1A051; }
  h1:empty {
    display: none; }

.view-header h2 {
  border-radius: 0 10px 10px 0; }

ul {
  list-style: none; }
  ul li {
    list-style: outside none disc;
    position: relative; }
    ul li a {
      color: #036e81; }
      ul li a:hover {
        color: #164375; }

.easy-breadcrumb {
  font-style: italic;
  color: #000000;
  display: inline-block;
  padding: 5px; }
  .easy-breadcrumb a {
    color: #164375; }

.content-bottom {
  width: 79%;
  margin: 20px 0 20px 18%; }

.application_types {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-bottom: 10px; }
  .application_types h2 {
    text-align: center;
    margin: 0;
    color: #000000 !important; }
  .application_types h3 {
    text-align: center;
    font-size: 1.1rem !important;
    color: #164375;
    padding-top: 5px;
    font-weight: 600; }
  .application_types .application_ecard, .application_types .application_print {
    border: 1px solid #CCCCCC;
    width: 48%;
    padding: 0 10px 10px;
    display: inline-block; }

.bright-squares-block {
  float: right;
  display: block;
  max-width: 500px;
  margin: 0 10px 10px 10px;
  border: 1px solid #CCCCCC;
  background: url("/themes/custom/liblib/dist/img/bright_squares.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 10px; }

blockquote {
  font-style: italic;
  border-left: 5px solid #DDEAF5;
  padding-left: 10px;
  margin-bottom: 10px;
  font-size: 0.8em; }

a[href="#top"] {
  display: block;
  color: #FFFFFF;
  background-color: #0074b0;
  padding: 4px; }
  a[href="#top"]:before {
    line-height: 1;
    content: "\e612";
    display: block;
    float: left;
    color: #FFFFFF;
    font-size: 20px;
    margin-top: -2px; }

.ds-2col-stacked-fluid .group-left {
  float: left;
  width: 50%; }

.ds-2col-stacked-fluid .group-right {
  float: right;
  width: 50%; }

.ds-2col-stacked-fluid .group-footer {
  clear: both; }

.ds-2col {
  display: flex; }
  .ds-2col .group-left {
    float: none;
    order: 1;
    width: 50%;
    padding-right: 15px; }
  .ds-2col .group-right {
    float: none;
    width: 50%;
    order: 2; }

.using-the-library .field-items div.odd, .using-the-library .field-items div.even {
  border-bottom: 1px dotted #FBCC77; }
  .using-the-library .field-items div.odd h3, .using-the-library .field-items div.even h3 {
    color: #164375;
    padding-top: 5px;
    font-weight: 600; }

.page-educators .field-type-file {
  border: 1px solid #CCCCCC;
  width: auto;
  margin: 10px;
  background: url("/themes/custom/liblib/dist/img/dimension_30.png") repeat scroll 0 0 rgba(3, 135, 159, 0.1);
  border-radius: 10px;
  display: block; }
  .page-educators .field-type-file label {
    display: block;
    background-color: #336363;
    color: #FFFFFF;
    padding: 5px;
    border-radius: 8px 8px 0 0; }
  .page-educators .field-type-file .file {
    margin: -5px 0 8px 10px; }

.page-educators .field-collection-container .field-item {
  width: 45%;
  float: left;
  border: 1px dotted #FBCC77;
  padding: 5px;
  margin: 1%; }
  .page-educators .field-collection-container .field-item:nth-child(odd) {
    clear: left; }
  .page-educators .field-collection-container .field-item .field-type-link-field {
    border: 1px solid #CCCCCC;
    padding: 10px;
    width: auto;
    margin: 0 10px;
    background: url("/themes/custom/liblib/dist/img/dimension_30.png") repeat scroll 0 0 rgba(3, 135, 159, 0.1);
    border-radius: 10px;
    font-size: 1.2rem; }
  .page-educators .field-collection-container .field-item .field-type-text-long {
    display: block;
    margin: 10px 0;
    padding: 8px; }

.local-music-text > div:nth-child(1) .field-collection-container {
  float: right;
  margin: 0 0 10px 10px; }

.local-music-text .field-type-video-embed-field {
  margin-right: 0;
  margin: 0 auto;
  width: 100%; }
  .local-music-text .field-type-video-embed-field .embedded-video {
    margin: 0 auto;
    max-width: 640px; }
    .local-music-text .field-type-video-embed-field .embedded-video .player {
      margin: 0 auto; }
      .local-music-text .field-type-video-embed-field .embedded-video .player .fluid-width-video-wrapper {
        width: 100%;
        position: relative;
        padding: 0; }
      .local-music-text .field-type-video-embed-field .embedded-video .player .fluid-width-video-wrapper iframe {
        width: 100%;
        height: 360px; }

.local-music-text .field-type-image {
  float: none;
  margin-left: 0;
  max-width: 100%;
  width: auto;
  display: block;
  margin: 10px 0; }
  .local-music-text .field-type-image img {
    max-height: 300px;
    max-width: 400px;
    width: auto;
    float: none; }

.image-with-caption p {
  text-align: center;
  font-style: italic;
  margin: 0;
  color: #666666; }

.page-about h3 {
  font-weight: 600; }

.page-about #strategic_sidebar {
  float: right;
  display: inline-block;
  margin: 0 15px 15px 15px;
  max-width: 200px;
  border: 0; }
  .page-about #strategic_sidebar img {
    width: 100%;
    max-width: 200px; }
  .page-about #strategic_sidebar #strat_plan_button {
    margin-top: 3px;
    text-align: center;
    border-radius: 10px;
    border: 2px solid #d4ebf1;
    padding: 8px;
    background: transparent linear-gradient(to bottom, #e6f0f8 0%, #80b4dd 100%) repeat scroll 0 0;
    font-weight: 700;
    color: #0c5565; }
    .page-about #strategic_sidebar #strat_plan_button a {
      color: #0c5565; }
    .page-about #strategic_sidebar #strat_plan_button.gray {
      margin-top: 3px;
      text-align: center;
      border-radius: 0;
      border: 0;
      padding: 8px;
      background: #3c3c3c;
      font-weight: 700;
      color: #0c5565; }
      .page-about #strategic_sidebar #strat_plan_button.gray a {
        color: #fac828;
        font-size: 1.2rem; }
  .page-about #strategic_sidebar #director_signature {
    padding: 5px;
    text-align: center;
    border: 1px solid #F9C167;
    background-color: #fede92;
    border-radius: 8px; }

.page-about-policies .policies_featured {
  display: flex;
  flex-wrap: wrap; }
  .page-about-policies .policies_featured .policy {
    width: 50%;
    padding: 5px; }
    .page-about-policies .policies_featured .policy a {
      color: white;
      display: block;
      font-size: 1.3em;
      line-height: 1.25em;
      text-align: center;
      padding: 5px 8px;
      text-decoration: none;
      background: #327350;
      border-radius: 5px; }
      .page-about-policies .policies_featured .policy a:hover {
        background-color: #3d84cc; }
    .page-about-policies .policies_featured .policy:nth-child(n+3):nth-child(-n+5) a {
      background: #164375; }
      .page-about-policies .policies_featured .policy:nth-child(n+3):nth-child(-n+5) a:hover {
        background-color: #3d84cc; }

.page-about-policies .all-plans {
  clear: both;
  display: block;
  text-align: center;
  padding: 10px; }
  .page-about-policies .all-plans a {
    display: block;
    padding: 5px 8px;
    text-align: center;
    background-color: #4595E5;
    color: #FFFFFF; }

.page-about-policies #main-content .view-content h3 {
  border-bottom: 1px solid #F9B95A;
  display: inline-block;
  width: 100%; }
  .page-about-policies #main-content .view-content h3::empty {
    display: none; }

.page-about-policies .policies-list ul {
  display: flex;
  flex-wrap: wrap; }
  .page-about-policies .policies-list ul li.pdf-doc {
    margin-left: 0 !important;
    margin-top: 5px;
    width: 50%; }
    .page-about-policies .policies-list ul li.pdf-doc a {
      display: block; }
      .page-about-policies .policies-list ul li.pdf-doc a::before {
        margin-left: -15px; }

.page-about-policies .policies-list .policy-num {
  font-size: 0.8em;
  font-style: italic; }

.page-about-policies .view-footer a {
  display: block;
  padding: 5px 8px;
  background-color: #4595E5;
  text-decoration: none;
  color: #FFFFFF;
  text-align: center; }

.bg-green {
  background-color: #00844a; }

.bg-orange {
  background-color: #FF6919; }

.bg-blue {
  background-color: #3382c4; }

.bg-brt-blue {
  background-color: #0A46E6; }

.border-green {
  border: solid 2px #00844a; }

.border-orange {
  border: solid 2px #FF6919; }

.border-blue {
  border: solid 2px #3382c4; }

.border-red {
  border: solid 2px #B41F24; }

.not-front #main-content {
  background-color: white;
  padding: 0 10px;
  border: 1px solid #EFEFEF;
  display: inline-block;
  max-width: 890px;
  width: 100%; }

.not-front.page-development #main-content {
  max-width: 100%; }

.not-front.page-development .content-bottom {
  width: 100%;
  margin: 10px 0; }

.not-front.page-development .sidebar-top {
  padding-left: 12px; }

.not-front.page-research #main-content {
  max-width: 100%; }

.not-front.page-research .content-bottom {
  width: 100%;
  margin: 10px 0; }

.not-front.page-research .sidebar-top {
  padding-left: 12px; }

.not-front.page-search #main-content {
  max-width: 100%; }

.not-front.page-search .sidebar-top {
  padding-left: 12px; }

.not-front.page-admin-story-schedule #main-content {
  max-width: 100%; }

.not-front.page-admin-story-schedule .sidebar-top {
  padding-left: 12px; }

.not-front.page-contact #main-content {
  max-width: 100%; }

.not-front.page-research-pages #main-content {
  max-width: 100%; }

.not-front.page-research-pages .sidebar-top {
  padding-left: 12px; }

.not-front.page-general #main-content {
  max-width: 100%; }

.not-front.page-general .sidebar-top {
  padding-left: 12px; }

.not-front.page-holiday-closings #main-content {
  max-width: 100%; }

.not-front.page-holiday-closings .sidebar-top {
  padding-left: 12px; }

.not-front.page-newsroom #main-content {
  background-color: transparent;
  border: 0; }

.not-front.page-unblock-request #main-content {
  max-width: 100%; }

.not-front.page-unblock-request .sidebar-top {
  padding-left: 12px; }

.not-front.page-sidebar-right #main-content {
  max-width: 715px; }

.not-front.page-sidebar-right.sidebar-second {
  width: 100%;
  max-width: 250px;
  float: right;
  clear: right; }

.sidebar-as-header {
  display: none !important; }

@media screen and (max-width: 1205px) {
  .not-front.page-sidebar-right #main-content {
    max-width: 79%;
    margin-right: 6px; }
  .not-front #main-content {
    max-width: 79%;
    margin-right: 6px; }
  .sidebar-as-header {
    display: block !important; }
    .sidebar-as-header.strip {
      background-color: transparent !important;
      font-style: italic;
      padding: 0 !important;
      border-left: none !important; }
      .sidebar-as-header.strip:before {
        content: '' !important; } }

@media screen and (max-width: 991px) {
  .not-front #main-content {
    max-width: 100%; }
  .not-front.page-sidebar-right #main-content {
    max-width: 100%; }
  .content-bottom {
    width: 100%;
    margin: 0; } }

@media screen and (max-width: 600px) {
  #main-content h1 {
    font-size: 2em;
    line-height: 1.25em; } }

.pager {
  padding-left: 0;
  margin: 20px 0 20px 25px;
  list-style: none;
  text-align: left; }
  .pager ul.pager__items {
    margin: 15px 0;
    padding: 0;
    display: block; }
    .pager ul.pager__items li.pager__item {
      margin: 0 7px 5px 1em;
      text-transform: lowercase;
      list-style: none;
      display: inline-block; }
      .pager ul.pager__items li.pager__item a {
        text-decoration: none;
        color: #FFFFFF !important;
        padding: 5px 10px;
        background-color: #4da6ff;
        display: inline-block;
        border: none;
        border-radius: 0;
        margin-bottom: 8px; }
        .pager ul.pager__items li.pager__item a:hover {
          background-color: #0074b0; }
      .pager ul.pager__items li.pager__item.is-active a {
        background-color: #FBCC77;
        color: #000000 !important; }

#globalSearch {
  padding-top: 10px; }

select {
  color: #231F20;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 20px;
  padding-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  border: 1px solid shade(#FFFFFF, 25%);
  border-radius: 3px;
  -webkit-padding-end: 20px;
  -webkit-padding-start: 5px;
  -webkit-appearance: none;
  -moz-appearance: normal;
  appearance: normal;
  cursor: pointer;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  background-image: url("../img/select_arrow.png");
  background-position: center right;
  background-repeat: no-repeat; }

input.text {
  padding: 6px 5px;
  border: 1px solid shade(#FFFFFF, 25%);
  border-radius: 3px;
  margin-right: 5px;
  margin-bottom: 5px; }

input.search_button {
  border-radius: 3px;
  padding: 6px 5px;
  border: 1px solid shade(#FFFFFF, 25%);
  display: inline-block;
  margin-bottom: 5px; }

.searchOptions {
  padding: 5px;
  clear: both; }

.searchOptionsOne {
  display: inline-block;
  clear: both;
  margin-right: 10px; }
  .searchOptionsOne input {
    display: inline-block;
    vertical-align: middle; }
  .searchOptionsOne label {
    padding-left: 5px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400; }

.searchOptionsTwo {
  display: inline-block;
  clear: both;
  margin-right: 10px; }
  .searchOptionsTwo input {
    display: inline-block;
    vertical-align: middle; }
  .searchOptionsTwo label {
    padding-left: 5px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400; }

.searchOptionsThree {
  display: inline-block;
  clear: both; }
  .searchOptionsThree input {
    display: inline-block;
    vertical-align: middle; }
  .searchOptionsThree label {
    padding-left: 5px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400; }

a.moreSearch {
  clear: both;
  display: block;
  margin-top: 10px;
  text-decoration: none;
  text-align: center;
  font-size: 0.8em;
  color: #FFFFFF;
  padding: 5px 8px;
  border-radius: 3px;
  background-color: shade(#3382c4, 30%); }
  a.moreSearch:hover {
    color: #FFFFFF;
    background-color: shade(#3382c4, 50%); }
  a.moreSearch:active {
    color: shade(#3382c4, 30%);
    background-color: #FFE09A; }
  a.moreSearch:after {
    display: inline-block;
    content: "»";
    padding-left: 5px; }

.page-search .search-results {
  border: 1px dotted #CCCCCC;
  display: block;
  padding: 10px;
  margin: 5px;
  color: #000000; }
  .page-search .search-results a {
    font-weight: 700; }
    .page-search .search-results a.search-results-url {
      color: #DD8142;
      font-weight: 500;
      font-style: italic;
      display: block; }
  .page-search .search-results .views-field-search-api-excerpt strong {
    background-color: yellow; }

.page-search .form-item-terms {
  max-width: 250px;
  float: left;
  margin-right: 15px; }

.sidebar-first {
  clear: both;
  width: 19%;
  max-width: 200px;
  float: left;
  margin-right: 10px;
  background: url("/themes/custom/liblib/dist/img/dimension_30.png") rgba(255, 224, 154, 0.7);
  position: relative; }
  .sidebar-first .block {
    margin: 0; }
    .sidebar-first .block + .block {
      margin-top: -3px; }
  .sidebar-first ul {
    padding: 3px;
    list-style: none;
    margin: 0; }
    .sidebar-first ul li {
      border-bottom: 1px solid rgba(255, 224, 154, 0.8);
      list-style: none;
      margin-left: 0; }
      .sidebar-first ul li a {
        color: #000000;
        background-color: #FBCC77;
        display: block;
        padding: 5px;
        margin: 0 0px 1px 1px; }
        .sidebar-first ul li a:hover {
          background-color: rgba(255, 224, 154, 0.8); }
        .sidebar-first ul li a.star::before {
          font-family: 'jocolibrary';
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          content: "\e608";
          font-size: 0.8em;
          color: rgba(70, 0, 0, 0.5);
          margin-right: 3px; }
        .sidebar-first ul li a.is-active {
          font-weight: 700; }
          .sidebar-first ul li a.is-active:hover {
            text-decoration: none;
            background-color: #FBCC77;
            /* cursor: none; */ }
  .sidebar-first .sidebar-menu-mobile h2 {
    display: none; }

@media screen and (max-width: 992px) {
  .sidebar-first {
    max-width: 100%;
    width: 100%;
    background-color: #ffe09a; }
    .sidebar-first nav {
      display: none !important; }
    .sidebar-first .sidebar__browse-by h2 {
      display: block;
      opacity: 1;
      z-index: 2;
      cursor: pointer;
      background-color: #FF6919;
      clear: both;
      color: white;
      margin: 5px;
      padding: 5px;
      border-radius: 0;
      font-size: 1rem;
      background-image: none; }
      .sidebar-first .sidebar__browse-by h2:before {
        content: ''; }
      .sidebar-first .sidebar__browse-by h2.open {
        color: #000000; }
        .sidebar-first .sidebar__browse-by h2.open .icon:after {
          content: "\e612"; }
      .sidebar-first .sidebar__browse-by h2 .icon {
        float: right; }
        .sidebar-first .sidebar__browse-by h2 .icon:before {
          line-height: 1.25em;
          padding: 0 0 3px 3px;
          content: "\e633";
          font-family: 'jocolibrary'; }
        .sidebar-first .sidebar__browse-by h2 .icon:after {
          float: right;
          font-family: "jocolibrary";
          line-height: 1.25em;
          padding: 0 0 3px;
          content: "\e614"; }
    .sidebar-first .sidebar__browse-by .category-sidebar {
      display: none;
      background: none; }
      .sidebar-first .sidebar__browse-by .category-sidebar .views-row {
        margin: 0 5px 5px 5px;
        padding: 0px;
        width: 49.25%; }
        .sidebar-first .sidebar__browse-by .category-sidebar .views-row:nth-child(even) {
          margin: 0 0 5px 0; }
    .sidebar-first #block-views-block-elementia-block-block-1 h2 {
      display: block;
      opacity: 1;
      z-index: 2;
      cursor: pointer;
      background-color: #FF6919;
      clear: both;
      color: white;
      margin: 5px;
      padding: 5px;
      border-radius: 0;
      font-size: 1rem;
      background-image: none; }
      .sidebar-first #block-views-block-elementia-block-block-1 h2:after {
        float: right;
        line-height: 1.25em;
        padding: 0 0 3px 3px;
        content: "\e633";
        font-family: 'jocolibrary'; }
      .sidebar-first #block-views-block-elementia-block-block-1 h2:before {
        float: right;
        font-family: "jocolibrary";
        line-height: 1.25em;
        padding: 0 0 3px;
        content: "\e614"; }
      .sidebar-first #block-views-block-elementia-block-block-1 h2.open {
        color: #000000; }
        .sidebar-first #block-views-block-elementia-block-block-1 h2.open:before {
          content: "\e612"; }
    .sidebar-first #block-views-block-elementia-block-block-1 .elementia-previous-issues {
      display: none;
      background: none; }
      .sidebar-first #block-views-block-elementia-block-block-1 .elementia-previous-issues .views-row {
        margin: 0 5px 5px 5px;
        padding: 0px;
        width: 49.25%;
        float: left; }
        .sidebar-first #block-views-block-elementia-block-block-1 .elementia-previous-issues .views-row:nth-child(even) {
          margin: 0 0 5px 0; }
    .sidebar-first .sidebar-menu-mobile {
      display: block !important; }
      .sidebar-first .sidebar-menu-mobile h2 {
        display: block;
        opacity: 1;
        z-index: 2;
        cursor: pointer;
        background-color: #03879F;
        clear: both;
        color: white;
        margin: 5px;
        padding: 5px;
        border-radius: 0;
        font-size: 1rem;
        background-image: none; }
        .sidebar-first .sidebar-menu-mobile h2:after {
          float: right;
          line-height: 1.25em;
          padding: 0 0 3px 3px;
          content: "\e633";
          font-family: 'jocolibrary'; }
        .sidebar-first .sidebar-menu-mobile h2:before {
          float: right;
          font-family: "jocolibrary";
          line-height: 1.25em;
          padding: 0 0 3px;
          content: "\e614"; }
        .sidebar-first .sidebar-menu-mobile h2.open {
          color: #000000; }
          .sidebar-first .sidebar-menu-mobile h2.open:before {
            content: "\e612"; }
      .sidebar-first .sidebar-menu-mobile ul:not([class=contextual-links]) {
        display: none; }
  .tag-cloud h2 {
    display: block;
    opacity: 1;
    z-index: 2;
    cursor: pointer;
    background-color: #03879F;
    clear: both;
    color: white;
    margin: 5px;
    padding: 5px;
    border-radius: 0;
    font-size: 1rem;
    background-image: none; }
    .tag-cloud h2:before {
      content: ''; }
    .tag-cloud h2.open {
      color: #000000; }
      .tag-cloud h2.open .icon:after {
        content: "\e612"; }
    .tag-cloud h2 .icon {
      float: right; }
      .tag-cloud h2 .icon:before {
        line-height: 1.25em;
        padding: 0 0 3px 3px;
        content: "\e633";
        font-family: 'jocolibrary'; }
      .tag-cloud h2 .icon:after {
        float: right;
        font-family: "jocolibrary";
        line-height: 1.25em;
        padding: 0 0 3px;
        content: "\e614"; }
  .tag-cloud .tag-cloud-wrapper {
    display: none;
    background: none; }
    .tag-cloud .tag-cloud-wrapper .views-row {
      padding: 1px;
      width: 33%;
      margin: 0; }
      .tag-cloud .tag-cloud-wrapper .views-row .tag-term a {
        width: 100%;
        border-radius: 0; }
        .tag-cloud .tag-cloud-wrapper .views-row .tag-term a span {
          float: right; } }

@media screen and (max-width: 600px) {
  .category-sidebar .views-row, .tag-cloud-wrapper .views-row {
    width: 99.5% !important;
    margin: 0 0 5px 2px !important; } }

.sidebar-top {
  padding-left: 220px;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto; }
  .sidebar-top ol {
    list-style: none; }
    .sidebar-top ol li {
      font-style: italic;
      color: #000000;
      display: inline-block;
      padding: 5px 2px; }
      .sidebar-top ol li a {
        color: #164375; }
      .sidebar-top ol li:after {
        content: "\00bb";
        margin-left: 2px; }
      .sidebar-top ol li:last-of-type:after {
        content: '';
        margin-left: 0; }

@media screen and (max-width: 992px) {
  .sidebar-top {
    padding-left: 12px; } }

.page-user #block-breadcrumbs nav > ol > li:nth-child(2) {
  display: none; }

.page-contact #block-breadcrumbs nav > ol > li:nth-child(3) {
  display: none; }

.sidebar-second {
  width: 23.5%;
  max-width: 250px;
  display: inline-block;
  vertical-align: top; }
  .sidebar-second .block {
    margin: 0; }

@media screen and (max-width: 1207px) {
  .sidebar-second {
    width: 100%;
    max-width: 100%; }
    .sidebar-second.pushed {
      width: 79%;
      margin: 20px 0 20px 18%; }
    .sidebar-second #block-seeeventsblock, .sidebar-second #block-seeholidayscheduleblock, .sidebar-second #block-public-building-image {
      display: none; } }

@media screen and (max-width: 991px) {
  .sidebar-second {
    width: 100%;
    max-width: 100%; }
    .sidebar-second.pushed {
      width: 97%;
      margin: 20px 1.5%; } }

.custom {
  margin: 0 auto 10px;
  display: block;
  border: none;
  border-radius: 5px;
  padding: 10px 25px; }
  .custom a {
    font-size: 1.3rem;
    font-weight: 600; }
    .custom a.sidebar {
      font-size: 1.1rem; }
    .custom a:hover {
      text-decoration: none !important; }
    .custom a:before {
      margin: 0 8px 0 -10px;
      padding: 6px;
      font-size: 1.1rem;
      border-radius: 50%; }
  .custom.red {
    background-color: #8F1620; }
    .custom.red a {
      color: #FFFFFF !important; }
      .custom.red a:before {
        content: '';
        background-color: #FFFFFF;
        color: #8F1620 !important; }
    .custom.red:hover {
      background-color: #164375; }
      .custom.red:hover > :before {
        color: #164375 !important; }
  .custom.yellow {
    background-color: #FFE09A;
    border: solid 1px #8F1620; }
    .custom.yellow a {
      color: #8F1620 !important; }
      .custom.yellow a:before {
        content: '';
        background-color: #8F1620;
        color: #FFFFFF !important; }
    .custom.yellow:hover {
      background-color: #8F1620; }
      .custom.yellow:hover a {
        color: #FFFFFF !important; }
      .custom.yellow:hover > :before {
        background-color: #FFE09A;
        color: #8F1620 !important; }
  .custom.green {
    background-color: #00844a; }
    .custom.green a {
      color: #FFFFFF !important; }
    .custom.green:hover {
      background-color: #3382c4; }
  .custom.blue {
    background-color: #164375; }
    .custom.blue a {
      color: #FFFFFF !important; }
    .custom.blue:hover {
      background-color: #3382c4; }
  .custom.blue-full {
    color: #FFFFFF;
    display: block;
    background-color: #3382c4;
    border-radius: 0;
    width: 100%; }
    .custom.blue-full a {
      color: #FFFFFF !important; }
    .custom.blue-full:hover {
      text-decoration: underline !important; }
  .custom.teal {
    background-color: #036e81;
    border-radius: 0;
    text-align: left;
    padding: 8px; }
    .custom.teal a {
      color: #FFFFFF !important;
      font-size: 1.25rem;
      line-height: 1.2em; }
    .custom.teal:hover {
      background-color: #164375; }
  .custom.apply {
    background-color: #036e81;
    border: none;
    padding: 5px;
    width: 70%; }
    .custom.apply a {
      color: #FFFFFF !important;
      font-size: 1rem; }
      .custom.apply a:before {
        content: ''; }
    .custom.apply:hover {
      background-color: #FBCC77; }
      .custom.apply:hover a {
        color: #000000 !important; }
  .custom.ill_worldcat {
    background: #0074b0;
    background-image: linear-gradient(to bottom, #5c99bb, #196899);
    border: solid #164375 1px; }
    .custom.ill_worldcat:hover {
      background-image: linear-gradient(to bottom, #196899, #5c99bb); }
    .custom.ill_worldcat a {
      color: #FFFFFF !important;
      font-size: 1rem; }
      .custom.ill_worldcat a:before {
        content: ''; }
  .custom.orange-full {
    color: #FFFFFF;
    display: block;
    background-color: #FF6919;
    border-radius: 0;
    width: 100%;
    text-align: left;
    padding: 8px 15px; }
    .custom.orange-full a {
      color: #FFFFFF !important;
      font-size: 1.2rem;
      line-height: 1.3em;
      font-weight: 700; }
      .custom.orange-full a:hover {
        text-decoration: underline !important; }
      .custom.orange-full a:before {
        color: #FFE09A;
        float: left;
        display: block; }
    .custom.orange-full.volunteer:hover {
      background: #4da6ff; }
  .custom.event_register_button {
    margin: 3px 0px;
    padding: 5px;
    background-color: rgba(200, 200, 200, 0.2);
    border: 1px solid #CCCCCC;
    border-radius: 8px;
    max-width: 220px;
    width: auto; }
    .custom.event_register_button a {
      display: inline;
      font-weight: 700;
      color: #036e81; }
      .custom.event_register_button a:before {
        font-family: 'jocolibrary_add01';
        speak: none;
        display: inline-block;
        line-height: 1;
        background-color: rgba(255, 255, 255, 0.9);
        border-radius: 50%;
        content: "\e873";
        padding: 5px;
        font-size: 17px;
        margin: 0 4px; }
  .custom.edit a:before {
    content: '\e63b'; }
  .custom.announce a:before {
    content: '\e61f'; }
  .custom.volunteer a:before {
    content: "\e62b";
    font-size: 1.5rem;
    text-decoration: none !important; }
  .custom.send a:before {
    content: "\e62c";
    text-decoration: none !important; }
  .custom.facebook a:before {
    line-height: 1;
    display: block;
    font-size: 30px;
    content: "\e609";
    text-decoration: none !important;
    margin: 0;
    float: left;
    margin: -5px 0 0 -5px; }

#block-views-temp-users-display-block .user-info,
#block-views-temp-users-display-block-1 .user-info {
  display: block;
  margin: 10px 0;
  text-align: center; }

#block-views-temp-users-display-block img,
#block-views-temp-users-display-block-1 img {
  display: block;
  margin: 0 auto; }

#block-views-temp-users-display-block .user-info-text span,
#block-views-temp-users-display-block-1 .user-info-text span {
  display: block; }

#block-views-temp-users-display-block .user-info-text .name,
#block-views-temp-users-display-block-1 .user-info-text .name {
  font-weight: 700;
  margin-top: 5px; }

#block-views-temp-users-display-block .user-info-text .position,
#block-views-temp-users-display-block-1 .user-info-text .position {
  font-size: 0.8em;
  font-style: italic; }

#block-views-temp-users-display-block .user-info-text .contact,
#block-views-temp-users-display-block-1 .user-info-text .contact {
  display: inline-block;
  margin: 5px auto;
  font-family: "Source Sans Pro", arial, sans-serif; }
  #block-views-temp-users-display-block .user-info-text .contact a,
  #block-views-temp-users-display-block-1 .user-info-text .contact a {
    display: inline-block;
    vertical-align: middle;
    padding: 5px 8px;
    background-color: shade(#3382c4, 10%);
    color: #FFFFFF; }
    #block-views-temp-users-display-block .user-info-text .contact a:before,
    #block-views-temp-users-display-block-1 .user-info-text .contact a:before {
      font-family: 'jocolibrary';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: inline-block;
      vertical-align: top;
      content: "";
      padding: 2px 5px 0 0; }
    #block-views-temp-users-display-block .user-info-text .contact a:hover,
    #block-views-temp-users-display-block-1 .user-info-text .contact a:hover {
      text-decoration: none;
      background-color: shade(#3382c4, 30%); }

#block-views-board-home-page-block-2 .views-row {
  display: block;
  margin: 10px 0;
  text-align: center; }

#block-views-board-home-page-block-2 img {
  display: block;
  margin: 0 auto; }

#block-views-board-home-page-block-2 .views-field-title {
  margin-top: 5px; }

#block-views-board-home-page-block-2 .views-field-field-boardmember-term {
  font-size: 0.8em;
  font-style: italic;
  font-family: "Source Sans Pro", arial, sans-serif; }
  #block-views-board-home-page-block-2 .views-field-field-boardmember-term time {
    font-size: 1em;
    display: inline; }

#block-views-board-home-page-block-2 .view-footer {
  display: inline-block;
  margin: 5px auto;
  font-family: "Source Sans Pro", arial, sans-serif; }
  #block-views-board-home-page-block-2 .view-footer a {
    display: inline-block;
    vertical-align: middle;
    padding: 5px 8px;
    background-color: shade(#3382c4, 10%);
    color: #FFFFFF; }
    #block-views-board-home-page-block-2 .view-footer a:before {
      font-family: 'jocolibrary';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: inline-block;
      vertical-align: top;
      content: "";
      padding: 2px 5px 0 0; }
    #block-views-board-home-page-block-2 .view-footer a:hover {
      text-decoration: none;
      background-color: shade(#3382c4, 30%); }

#block-views-board-home-page-block-1 {
  padding: 10px;
  background-color: #FFFFFF; }
  #block-views-board-home-page-block-1 .view-header {
    display: block;
    font-family: "Source Sans Pro", arial, sans-serif;
    font-size: 1.5em;
    line-height: 1.25em;
    font-weight: 400; }
  #block-views-board-home-page-block-1 .view-footer {
    text-align: right;
    margin-top: 15px; }
    #block-views-board-home-page-block-1 .view-footer a:after {
      content: "»";
      display: inline-block;
      padding-left: 5px; }

.page-about-policies h3 {
  padding-top: 10px; }

.page-about-policies .ann-report a {
  text-decoration: none;
  display: block;
  padding: 5px 8px;
  background-color: shade(#3382c4, 10%);
  color: #FFFFFF;
  text-align: center;
  font-family: "Source Sans Pro", arial, sans-serif;
  font-size: 1.16666667em;
  line-height: 1.25em;
  font-weight: 300; }
  .page-about-policies .ann-report a:hover {
    background-color: shade(#3382c4, 20%); }

.page-about-policies .strat-plan a {
  text-decoration: none;
  display: block;
  padding: 5px 8px;
  background-color: shade(#3382c4, 10%);
  color: #FFFFFF;
  text-align: center;
  font-family: "Source Sans Pro", arial, sans-serif;
  font-size: 1.16666667em;
  line-height: 1.25em;
  font-weight: 300; }
  .page-about-policies .strat-plan a:hover {
    background-color: shade(#3382c4, 20%); }

.page-about-policies .views-field-field-armpage-pdf .pdf-doc a {
  padding-left: 15px; }
  .page-about-policies .views-field-field-armpage-pdf .pdf-doc a:before {
    margin-left: -15px; }

.page-about-policies .views-field-field-armpage-pdf .pdf-doc .policy-num {
  padding-left: 15px;
  font-size: 0.8em;
  font-family: "Source Sans Pro", arial, sans-serif;
  font-style: italic; }

.page-about-policies .view-footer a {
  display: block;
  padding: 5px 8px;
  background-color: shade(#3382c4, 10%);
  text-decoration: none;
  color: #FFFFFF;
  text-align: center; }
  .page-about-policies .view-footer a:hover {
    background-color: shade(#3382c4, 20%); }

.page-community-matters .drupal-messages ~ .view-content .views-row {
  margin-bottom: 10px;
  border-bottom: 1px solid shade(#FFFFFF, 10%);
  padding-bottom: 10px; }

.resource-link {
  display: block;
  vertical-align: middle;
  background-color: tint(#FFE09A, 10%);
  color: shade(#3382c4, 30%);
  padding: 5px 8px;
  text-align: center; }

#block-views-elibrary-pages-block-2 .read-more {
  display: inline-block;
  vertical-align: middle;
  background-color: #3382c4;
  color: shade(#3382c4, 30%);
  padding: 5px 8px;
  font-family: "Source Sans Pro", arial, sans-serif;
  font-size: 1.16666667em;
  line-height: 1.25em;
  font-weight: 300;
  color: #FFFFFF;
  text-align: center;
  margin-right: 3px; }
  #block-views-elibrary-pages-block-2 .read-more:hover {
    background-color: shade(#3382c4, 10%); }

#block-views-elibrary-pages-block-2 .pop-resource {
  margin-bottom: 10px; }

.elib-subpage .learn-more {
  display: inline-block;
  vertical-align: middle;
  background-color: #3382c4;
  color: shade(#3382c4, 30%);
  padding: 5px 8px;
  font-family: "Source Sans Pro", arial, sans-serif;
  font-size: 1.16666667em;
  line-height: 1.25em;
  font-weight: 300;
  text-align: center;
  color: #FFFFFF; }
  .elib-subpage .learn-more:hover {
    background-color: shade(#3382c4, 10%); }

.elib-subpage .audience {
  display: block;
  margin-top: 10px; }

.elib-subpage .gen-devices {
  margin-top: 5px; }

.elib-subpage .resource-link {
  margin-top: 10px; }

.elib-subpage .views-row {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid shade(#FFFFFF, 30%); }

.primary-devices .views-field-field-elib-device-primary {
  font-family: "Source Sans Pro", arial, sans-serif;
  font-size: 1.5em;
  line-height: 1.25em;
  font-weight: 400; }

.primary-devices .views-field-field-elib-resource-dlapplink a {
  display: block;
  background-color: #3382c4;
  padding: 5px 8px;
  font-family: "Source Sans Pro", arial, sans-serif;
  font-size: 1.16666667em;
  line-height: 1.25em;
  font-weight: 300;
  color: #FFFFFF;
  font-weight: 600;
  text-align: center; }
  .primary-devices .views-field-field-elib-resource-dlapplink a:hover {
    background-color: shade(#3382c4, 10%); }

.primary-devices .views-field-field-elib-resource-refguide .guide-link {
  display: block;
  background-color: shade(#3382c4, 10%);
  padding: 3px 6px;
  color: #FFFFFF;
  text-align: center;
  margin-top: 10px; }
  .primary-devices .views-field-field-elib-resource-refguide .guide-link:hover {
    background-color: shade(#3382c4, 20%); }

.primary-devices .d-2325:before {
  width: 200px;
  height: 200px;
  background-image: url("../img/android.png");
  content: " ";
  display: block;
  margin: 0 auto; }

.primary-devices .d-2324:before {
  width: 200px;
  height: 200px;
  background-image: url("../img/ios.png");
  content: " ";
  display: block;
  margin: 0 auto; }

.primary-devices .d-2327:before {
  width: 200px;
  height: 200px;
  background-image: url("../img/kindle-hd.png");
  content: " ";
  display: block;
  margin: 0 auto; }

.primary-devices .d-2326:before {
  width: 200px;
  height: 200px;
  background-image: url("../img/kindle.png");
  content: " ";
  display: block;
  margin: 0 auto; }

.primary-devices .views-row {
  margin-bottom: 20px; }

.secondary-devices .title {
  font-family: "Source Sans Pro", arial, sans-serif;
  font-size: 1.16666667em;
  line-height: 1.25em;
  font-weight: 300;
  font-weight: 600;
  display: inline-block;
  padding-top: 10px; }

.secondary-devices .views-row {
  margin-bottom: 1em;
  background-color: #FFFFFF;
  text-align: center; }
  .secondary-devices .views-row .views-field {
    padding: 0 10px; }

.secondary-devices .app-link {
  display: block;
  margin-bottom: 10px; }
  .secondary-devices .app-link a {
    display: block;
    background-color: tint(#FFE09A, 10%);
    padding: 3px 6px; }

.secondary-devices .guide-link {
  display: block;
  background-color: tint(#3382c4, 10%);
  padding: 3px 6px;
  margin-bottom: 10px;
  color: #FFFFFF; }

.elib-guide-title {
  font-family: "Source Sans Pro", arial, sans-serif;
  font-size: 1.5em;
  line-height: 1.25em;
  font-weight: 400; }

.page-elibrary .slick-slide img {
  max-width: 500px;
  width: 100%; }

.elibrary-row-wrapper {
  display: flex; }

.elibrary-row-item {
  border: 1px solid #b4b4b4;
  width: 50%;
  border-radius: 10px;
  margin: 5px;
  color: black;
  font-size: 1em;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden; }

.elibrary-item-header {
  flex: 0 0 100%;
  font-size: 2em;
  font-weight: 700;
  padding: 15px;
  color: #FFFFFF; }

.elibrary-item-image {
  flex: 0 0 50%;
  max-width: 125px; }

.elibrary-item-content {
  display: flex;
  flex-direction: column;
  flex: 1 0 50%; }

.elibrary-item-text {
  flex: 1 0 auto;
  padding: 10px; }

.elibrary-item-link {
  border-radius: 3px;
  width: 80%;
  padding: 5px;
  flex-shrink: 0;
  text-align: center;
  margin: 15px auto 8px; }

.elibrary-item-link a {
  display: block;
  color: #FFFFFF;
  font-size: 1.1em;
  font-weight: 700;
  text-decoration: underline !important; }

.elibrary-row-item.block-streamingvid {
  background-color: #CCCCCC; }

.elibrary-row-item.block-streamingvid .elibrary-item-header {
  background-color: #666666; }

.elibrary-row-item.block-streamingvid .elibrary-item-link {
  background-color: #666666; }

.elibrary-row-item.block-research {
  background-color: #FFCCCC; }

.elibrary-row-item.block-research .elibrary-item-header {
  background-color: #61271D; }

.elibrary-row-item.block-research .elibrary-item-link {
  background-color: #61271D; }

.elibrary-row-item.block-eaudiobooks {
  background-color: #CCCCFF; }

.elibrary-row-item.block-eaudiobooks .elibrary-item-header {
  background-color: #1D3561; }

.elibrary-row-item.block-eaudiobooks .elibrary-item-link {
  background-color: #1D3561; }

.elibrary-row-item.block-emagazines {
  background-color: #FFCCFF; }

.elibrary-row-item.block-emagazines .elibrary-item-header {
  background-color: #70164C; }

.elibrary-row-item.block-emagazines .elibrary-item-link {
  background-color: #70164C; }

.elibrary-row-item.block-elearning {
  background-color: #FFEA8F; }

.elibrary-row-item.block-elearning .elibrary-item-header {
  background-color: #B78C19; }

.elibrary-row-item.block-elearning .elibrary-item-link {
  background-color: #B78C19; }

.elibrary-row-item.block-emusic {
  background-color: #CCFFFF; }

.elibrary-row-item.block-emusic .elibrary-item-header {
  background-color: #14969F; }

.elibrary-row-item.block-emusic .elibrary-item-link {
  background-color: #14969F; }

.elibrary-row-item.block-enewspapers {
  background-color: #FFFFCC; }

.elibrary-row-item.block-enewspapers .elibrary-item-header {
  background-color: #DB7C00; }

.elibrary-row-item.block-enewspapers .elibrary-item-link {
  background-color: #DB7C00; }

.elibrary-row-item.block-ebooks {
  background-color: #CCFFFF; }

.elibrary-row-item.block-ebooks .elibrary-item-header {
  background-color: #1C6A70; }

.elibrary-row-item.block-ebooks .elibrary-item-link {
  background-color: #1C6A70; }

@media screen and (max-width: 740px) {
  .elibrary-row-wrapper {
    flex-wrap: wrap; }
  .elibrary-row-item {
    width: 100%; }
  .elibrary-item-image {
    flex-shrink: 1;
    max-width: 100px; }
  .elibrary-item-content {
    flex-grow: 1; } }

.front #main-content {
  padding: 0;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto; }
  .front #main-content h1 {
    display: none; }

.front .page {
  padding: 0 10px;
  width: 100%;
  display: block; }

.apply-here-button {
  display: block;
  text-align: center;
  padding: 5px 8px;
  background-color: #3382c4;
  color: #FFFFFF;
  text-decoration: none; }
  .apply-here-button:hover {
    background-color: shade(#3382c4, 20%); }

.page-jobs .views-row {
  margin-bottom: 20px; }

.page-jobs .views-field-title {
  font-family: "Source Sans Pro", arial, sans-serif;
  font-size: 1.5em;
  line-height: 1.25em;
  font-weight: 400;
  margin-bottom: 10px; }

.page-jobs .read-more {
  display: block;
  text-align: left;
  padding: 3px 6px;
  background-color: tint(#3382c4, 60%);
  color: shade(#3382c4, 20%); }
  .page-jobs .read-more:after {
    display: block;
    float: right;
    content: "»"; }

.page-newsroom-newsletters .doc-block {
  padding: 10px;
  text-align: center;
  background-color: shade(#FFFFFF, 8%); }
  .page-newsroom-newsletters .doc-block .title {
    display: block;
    font-weight: 300; }
  .page-newsroom-newsletters .doc-block .season {
    display: block;
    font-family: "Source Sans Pro", arial, sans-serif;
    font-size: 1.16666667em;
    line-height: 1.25em;
    font-weight: 300;
    margin-bottom: 8px; }
  .page-newsroom-newsletters .doc-block .pdf {
    display: block;
    padding: 5px;
    text-decoration: none; }
    .page-newsroom-newsletters .doc-block .pdf:after {
      font-family: 'jocolibrary';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      display: block;
      text-decoration: none;
      padding: 10px;
      font-size: 2em; }
  .page-newsroom-newsletters .doc-block .Summer {
    background-color: shade(#FFE09A, 10%);
    color: #FFFFFF; }
    .page-newsroom-newsletters .doc-block .Summer:hover {
      background-color: shade(#FFE09A, 20%);
      color: #FFFFFF; }
  .page-newsroom-newsletters .doc-block .Winter {
    background-color: #3382c4;
    color: #FFFFFF; }
    .page-newsroom-newsletters .doc-block .Winter:hover {
      background-color: shade(#3382c4, 15%); }
  .page-newsroom-newsletters .doc-block .Fall {
    background-color: #FF6919;
    color: #FFFFFF; }
    .page-newsroom-newsletters .doc-block .Fall:hover {
      background-color: shade(#FF6919, 15%); }
  .page-newsroom-newsletters .doc-block .Spring {
    background-color: #00844a;
    color: #FFFFFF; }
    .page-newsroom-newsletters .doc-block .Spring:hover {
      background-color: shade(#00844a, 15%); }
  .page-newsroom-newsletters .doc-block .alt-doc {
    font-size: 0.8em;
    display: block;
    margin: 5px 0 0 0;
    padding: 3px 6px;
    background-color: #FFFFFF;
    text-decoration: none; }
    .page-newsroom-newsletters .doc-block .alt-doc:hover {
      background-color: shade(#FFFFFF, 10%); }

.outreach-services-volunteer {
  display: block;
  padding: 5px 8px;
  background-color: #3382c4;
  color: #FFFFFF;
  text-align: center;
  font-family: "Source Sans Pro", arial, sans-serif;
  font-size: 1.16666667em;
  line-height: 1.25em;
  font-weight: 300;
  font-weight: 700; }
  .outreach-services-volunteer:hover {
    background-color: shade(#3382c4, 10%);
    color: #FFFFFF; }

.meeting-room-page .views-row, .art-stacks-space .views-row {
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px solid shade(#FFFFFF, 25%); }

.meeting-room-page .field-type-entityreference, .art-stacks-space .field-type-entityreference {
  font-family: "Source Sans Pro", arial, sans-serif;
  font-size: 1.5em;
  line-height: 1.25em;
  font-weight: 400; }

.meeting-room-page .location-term, .meeting-room-block .location-term {
  font-family: "Source Sans Pro", arial, sans-serif;
  font-size: 1.5em;
  line-height: 1.25em;
  font-weight: 400; }

.meeting-room-page p.reserve-button, .meeting-room-block p.reserve-button {
  background-color: #3382c4;
  font-weight: 700;
  font-family: "Source Sans Pro", arial, sans-serif;
  font-size: 1.16666667em;
  line-height: 1.25em;
  font-weight: 300;
  padding: 5px 8px;
  vertical-align: middle; }
  .meeting-room-page p.reserve-button:hover, .meeting-room-block p.reserve-button:hover {
    background-color: shade(#3382c4, 10%); }
  .meeting-room-page p.reserve-button a, .meeting-room-block p.reserve-button a {
    color: #FFFFFF; }

.art-stacks-space .field-type-text-with-summary label {
  font-family: "Source Sans Pro", arial, sans-serif;
  font-size: 1.16666667em;
  line-height: 1.25em;
  font-weight: 300; }

.locations .branch_map iframe {
  width: 100%;
  height: 200px; }

.support .bookstore_locations {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around; }
  .support .bookstore_locations > div {
    min-width: 200px;
    width: 100%;
    max-width: 250px;
    padding: 10px;
    margin-bottom: 5px; }
  .support .bookstore_locations .antioch {
    border: 2px solid #3296f0; }
  .support .bookstore_locations .bluevalley {
    border: 2px solid #46aa14; }
  .support .bookstore_locations .central {
    border: 2px solid #d23c64; }

.layout-builder-form #edit-actions input {
  display: inline-block; }
  .layout-builder-form #edit-actions input#edit-revert {
    display: none; }

.layout-builder-form #drupal-off-canvas th:first-child,
.layout-builder-form #drupal-off-canvas td:first-child {
  width: auto; }

.role-site_administrator .layout-builder-form #edit-actions input#edit-revert,
.role-administrator .layout-builder-form #edit-actions input#edit-revert {
  display: inline-block; }

.contact_section {
  border: 1px solid #8CD2E6;
  border-radius: 10px;
  background-color: rgba(208, 233, 242, 0.3);
  padding: 15px;
  margin: 10px auto;
  max-width: 700px; }

h3.contact_button {
  color: #154476;
  display: block;
  font-weight: 700;
  font-size: 1.8em;
  line-height: 1.7em;
  margin: -15px -15px 10px; }

h3.contact_button:before {
  background-color: white;
  border: 1px solid #8cd2e6;
  border-radius: 50%;
  color: #0688A0;
  padding: 6px;
  margin: 0 10px 0 5px;
  font-size: 0.8em; }

h3.contact_button.knowledgebase:before {
  content: "\e646"; }

h3.contact_button.email:before {
  content: "\e62c"; }

h3.contact_button.call:before {
  content: "\e61d"; }

h3.contact_button.text:before {
  content: "\e61e"; }

.page-sitemap .node__page .block--system_menu_block h2 {
  display: block;
  opacity: 1;
  background-color: #c8e6fa;
  padding: 5px 5px 5px 10px;
  margin: 8px;
  font-size: 16px; }

.page-sitemap .node__page .block--system_menu_block > ul {
  margin-left: 50px; }
  .page-sitemap .node__page .block--system_menu_block > ul > li {
    background-color: #e6f0fa;
    padding: 5px;
    margin: 2px;
    list-style: outside none none !important;
    margin-left: 0 !important; }
    .page-sitemap .node__page .block--system_menu_block > ul > li::before {
      content: "-";
      display: inline;
      font-family: "jocolibrary";
      color: #036e81;
      font-size: 11px;
      vertical-align: top;
      padding-right: 8px; }

/* -------------------------------------------------------------------------*/
/* GLOBAL */
body {
  background: #FFFFFF url("/themes/custom/liblib/dist/img/grey.png") repeat scroll 0 0;
  overflow-x: hidden; }
  body .overlay {
    z-index: 1000; }

/* Tim Pietrusky advanced checkbox hack (Android <= 4.1.2) */
body {
  -webkit-animation: bugfix infinite 1s; }

@-webkit-keyframes bugfix {
  from {
    padding: 0; }
  to {
    padding: 0; } }

.toggle-check {
  display: none; }

.toggle {
  display: none; }

.front #main-content > h1 {
  display: none; }

.item-list ul {
  margin: 0; }
  .item-list ul li {
    margin: 0; }

a:link, a:visited {
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

:before {
  font-family: 'jocolibrary';
  font-weight: 100; }

.text-right {
  display: block;
  text-align: right; }