.fu-alert {
  position: relative;
  color: black;
  background-color: #F5DA52;
  text-align: center;
/*  font-size: 1.5625rem; */
/*  font-size: 1.25rem; */
  font-size: 1.1875rem;
  font-weight: bold;
  line-height: 1.6rem;
  margin: 0;
/*  padding: 1.625rem 1.75rem 1.5625rem 1.75rem; */
/*  padding: 1.125rem 1.5rem 1.0625rem 1.5rem; */
  padding: .9375rem 1.875rem .625rem 1.875rem;
}

.fu-alert a {
  color: black;
  text-decoration: underline;
}

.fu-alert a:active,
.fu-alert a:focus,
.fu-alert a:hover {
  color: black;
  background-color: transparent;
  text-decoration: none;
  outline: .125rem solid black;
  outline-offset: .125rem;
}

.fu-alert .fa-exclamation-triangle {
  color: #8A421A;
/*  margin-right: .5rem; */
  margin-right: .4375rem;
/*  font-size: 1.875rem; */
/*  font-size: 1.4375rem; */
  font-size: 1.375rem;
}

.fu-alert-close {
  position: absolute;
  color: #666;
  background: transparent;
  font-size: 1.25rem;
  top: .3125rem;
  right: .3125rem;
  border: .125rem solid transparent;
}

.fu-alert-close:focus {
  border: .125rem solid #666;
  border-radius: .25rem;
  outline: none;
}

/* used to display "please don't edit" in LG boxes with custom content */
.fu-edit-mode-only { display: none; }

#s-lg-public-skiplink {
  color: white;
  background-color: black;
}


.fu-wrapper {
  background-color: white;
  position: relative;
}

#fu-header {
  width: 100%;
}

#fu-header > section {
  position: relative;
}


/* 2018 */
.fu-header-logo-wrapper {
  position: relative;
  display: block;
  float: left;
  width: 17.25rem;
  height: 5.625rem;
  background-color: #e6e6e6;
  margin: 0 auto;
/*  padding: 1.25rem 0 0 .5rem; */
  padding: 1.25rem 0 0 1.275rem;
  z-index: 100;
}

.fu-header-logo-link img {
/*  width: 15.5625rem; */
  width: 15rem;
}


.fu-header-logo-link:focus {
  outline: 1px solid black;
}


.fu-library-name-narrow {
  display: none;
}

.fu-main-nav {
 /* Note: reduce z-index below #divSecondNav for transparency effect on expanded menus */
  z-index: 3;
}


h1.fu-library-name {
  color: #582c83;
  margin: 0 0 .75rem .7rem;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 3.4rem;
  font-weight: 500;
/*
  font-weight: 100;
  letter-spacing: -.06em;
*/
}

h1.fu-library-name a,
h1.fu-library-name a:hover {
  color: #582c83;
  text-decoration: none;
}

.fu-hours-row {
  margin-top: .5rem;
}

.fu-hours-row .fu-hours-first a {
  font-family: 'Lato', sans-serif;
  font-size: 1.25rem;
}

#fu-dropdown-hours a {
  font-size: 1.125rem;
}

.fu-hours-row div.col-md-4 {
  float: right;
}

.fu-header-action-row {
  color: #201547;
  background-color: white;
  background-image: none;
  margin-top: 0;
/*  height: 2.8125rem; */
  /* for zoom */
  /*  height: 3.0625rem; */
  min-height: 3.0625rem;
/*  padding: .4375rem 0 .1875rem 0; */
  padding: .5625rem 0 .3125rem 0;
  float: none;
}

.fu-header-action-row ul {
  list-style-type: none;
  /* for zoom */
  /* display: inline; */
  display: block;
  /* for zoom */
  /* float: right; */
  text-align: right;
  margin: 0 1rem 0 0;
}


/*
.fu-header-action-row ul a {
  color: white;
  background-color: transparent;
  display: inline-block;
  padding: .6825rem .9375rem .5rem .9375rem;
}


.fu-header-action-row ul a:hover {
  text-decoration: none;
}
*/

.fu-header-action-row ul a,
.fu-wrapper .fu-header-action-row div[id^="libchat_"] button {
  color: #201547;
  background-color: white;
  display: inline-block;
  font-size: .875rem;
  border: 1px solid #201547 !important;
  border-radius: 24px !important;
  padding: 2px 12px !important;
  text-align: center;
  min-width: 7.5rem;
  transition: background-color .2s,color .2s;
}

.fu-wrapper .fu-header-action-row ul a:hover,
.fu-wrapper .fu-header-action-row ul a:focus,
.fu-header-action-row div[id^="libchat_"] button:hover,
.fu-header-action-row div[id^="libchat_"] button:focus,
.fu-header-action-row div[id^="libchat_"] button:active {
  color: white !important;
  background-color: #201547 !important;
}

.fu-header-action-row ul a:hover .fa,
.fu-header-action-row div[id^="libchat_"]:hover .fa,
.fu-header-action-row div[id^="libchat_"]:hover button {
  color: white;
  background-color: #201547;
}


.fu-header-action-row .fa {
  display: none;
}


.fu-header-action-row ul li {
  display: inline-block;
  margin: 0 .25rem;
  padding: 0;
}


.fu-narrow-only {
  display: none;
}

.fu-offscreen {
/* Note: must use clip vs. left or top to avoid scrolling with keyboard focus. */
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding:0 !important;
  border:0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

div[id^="libchat_"] button span {
  display: inline-block;
}

.fu-header-action-row ul a:hover,
.fu-header-action-row ul a:focus,
.fu-header-action-row div[id^="libchat_"]:hover,
.fu-header-action-row div[id^="libchat_"] button:focus {
  outline: none;
}

.fu-header-action-row ul a:hover .fa,
.fu-header-action-row div[id^="libchat_"]:hover .fa,
.fu-header-action-row div[id^="libchat_"]:hover button {
  color: black;
  background-color: white;
}


.fu-header-action-row .fa + span {
  display: inline-block;
  font-size: .8125rem;
}

.fu-header-action-row .fa-search {
  font-size: 1.25rem
}

.fu-hours-row-narrow {
  display: none;
}

.fu-hours-first {
  display: block;
  /* was floated as of 7/18/2018 */
  /*  float: right; */
  /* margin: 1rem 2.375rem 0 4.25rem; */
  /* rule as of 7/18/2018 */
  /*  margin: .7rem 0 0 4.25rem; */
  margin: .7rem 0 0 5rem;
}

.fu-hours-first ul {
  margin: 0;
  padding-top: .625rem;
  padding-right: 0;
  top: 0;
  left: 0;
}

.fu-hours-first button {
  color: white;
  background-color: transparent;
  display: block !important;
  padding: 0;
  border: none;
  text-align: left;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.fu-hours-first .fa-chevron-down {
  /* padding-top: .3125rem; */
  color: black;
  font-size: 1rem;
  vertical-align: middle;
}

.fu-header-action-row ul .fu-hours-first a:hover {
  color: white !important;
  background-color: transparent !important;
  text-decoration: underline !important;
}

.fu-hours-first a {
  color: black;
  font-size: 1.4375rem;
  font-weight: 900;
  font-family: Lato, sans-serif;
/*  letter-spacing: -.005em; */
  float: none;
}

.fu-hours-first a {
  color: black;
}

#fu-hours-wrapper .btn {
  background-color: transparent;
  line-height: 32rem;
}

/* first, always visible hours */
#fu-hours-wrapper > .btn-group > .btn a {
  color: #582c83;
  font-size: 1.5rem;
}

#fu-hours-wrapper > .btn-group > .btn a:hover {
  text-decoration: underline !important;
}

.fu-hours-first .dropdown-toggle {
  position: absolute;
  float: none;
  left: -1.25rem;
}

.fu-hours-first .dropdown-toggle:focus {
  outline: 2px solid black;
}

.fu-hours-first .btn.dropdown-toggle[aria-expanded="true"],
.fu-hours-first .btn.dropdown-toggle[aria-expanded="false"] {
  box-shadow: none;
}

.fu-hours-first .dropdown-menu {
/*
  color: #1D0A35;
  background-color: #d8cbe7;
*/
  color: white;
  background-color: #201547;
  padding-top: 1.25rem;
  padding-bottom: 1rem;
  border-radius: 0;
  margin-top: 4rem;
}

.fu-hours-first .dropdown-menu > li {
/*
  color: #1D0A35;
  background-color: #d8cbe7;
*/
  color: white;
  background-color: #201547;
  margin-left: 0;
  font-size: .9375rem;
  font-family: Lato, sans-serif;
}

.fu-hours-first .dropdown-menu > li > a {
  display: inline-block;
  color: white;
  background-color: #201547;
  margin-bottom: .75rem;
  font-weight: bold;
  width: 100%;
}

.fu-hours-first .dropdown-menu > li:last-of-type > a {
  margin-bottom: 0;
}

/*
.fu-hours-first .dropdown-menu > li:hover,
.fu-hours-first .dropdown-menu > li > a span:hover,
.fu-hours-first .dropdown-menu > li > a span:active {
  color: black;
  background-color: white;
  text-decoration: underline;
}
*/


/* .fu-hours-first .dropdown-menu > li:hover, */
.fu-hours-first .dropdown-menu > li:hover > a span,
.fu-hours-first .dropdown-menu > li > a:focus span {
  color: black;
  background-color: white;
  text-decoration: none;
}





/* For "disabled" list items containing hours. */
/*
.fu-hours-first .dropdown-menu > li.disabled,
.fu-hours-first .dropdown-menu > li.disabled:hover {
  color: #333;
  display: inline-block;
  width: 100%;
  line-height: 1.4375rem;
  margin-bottom: 1.08rem;
  padding-left: 1.25rem;
  padding-right: .375rem;
  border-bottom: 1px solid #b3b3b3;
}

.fu-hours-first .dropdown-menu > li.disabled:last-of-type,
.fu-hours-first .dropdown-menu > li.disabled:hover:last-of-type {
  margin-bottom: .72rem;
}
*/

/*
.fu-hours-first .dropdown-menu > li:hover {
  background-color: white;
}
*/



.fu-hours-first .dropdown-menu > li.divider {
  display: none;
}

/* End new styles for Furmanized template */


html {
  /* override Bootstrap */
  font-size: 100%;
}

body {
  color: black;
  background-color: #ccc;
  padding: 0 0 0 0;
  /* override Bootstrap */
  font-size: 100%;
  font-family: 'Lato', sans-serif;
  line-height: 1.5rem;
}

body a {
  color: #582c83;
}

body a:hover {
  color: #582c83;
  text-decoration: underline;
}

header {
  position: relative;
  color: #333333;
  background-color: transparent;
  margin: 0;
  padding: 0;
/*  font-family: 'Yantramanav', sans-serif; */
}

#fu-header .navbar-nav {
  float: none;
}

#fu-header .navbar-nav .fa-chevron-down {
  color: white;
  margin-left: 4px;
  font-size: .875rem;
  vertical-align: middle;
}

.navbar .nav .open a.dropdown-toggle[aria-expanded="true"] .fa-caret-down {
  /* color: #472174; */
  background-color: #f2f2f2;
  /* 2018 uni design see also ~line 865 for expanded menu item */
  color: white;
  background-color: #201547;
}

/* ################   F O O T E R  ############# */
.fu-footer-top-band {
  background-color: #1D0E33;
  background-image: none;
  min-height: 10.75rem;
  padding: 1.625rem 0;
}

.fu-footer-top-left {
  margin: 0;
  float: left;
  border-right: 1px solid white;
  width: 55.25%;
  height: 7.25rem;
}

.fu-footer-top-left svg {
  display: none;
}

.fu-footer-top-left img {
  margin: .5rem 0 0 248px;
}

.fu-footer-top-left address {
  margin: .75rem 0 0 248px;
  font-size: .75rem;
  font-weight: 600;
}

.fu-footer-top-right {
  float: left;
/*  padding-top: 1.3rem; */
  padding-left: 1.2rem;
}

.fu-footer-top-right a {
  display: block;
  color: white;
  font-size: .875rem;
  margin-left: 1.25rem;
}

.fu-footer-top-right a:last-of-type {
  margin-top: .5rem;
}

.fu-footer-top-right a:hover,
.fu-footer-top-right a:focus {
  color: white;
  text-decoration: underline;
  outline: none;
}




.fu-footer-top-right .dropdown-menu a {
  color: #201547;
  background-color: white;
  padding-left: 1.625rem;
}

.fu-footer-top-right .dropdown-menu a:hover,
.fu-footer-top-right .dropdown-menu a:focus {
  color: white;
  background-color: #201547;
}

.fu-footer-top-right .dropdown-menu a:last-of-type {
  margin-bottom: .5rem;
}

.fu-footer-top-right .dropdown-menu li {
  margin-left: -1.25rem;
}

.fu-footer-top-right-list {
  list-style-type: none;
  margin-left: -40px;
  margin-bottom: .3125rem;
}

.fu-footer-top-right-list > li:nth-of-type(3),
.fu-footer-top-right-list > li:nth-of-type(4) {
  margin-top: .3125rem;
}



.fu-footer-bottom-band {
  background-color: #2C1D42;
/*  height: 4rem; */
  text-align: center;
  padding-top: 1rem;
  padding-bottom: .7rem;
  /* remove extraneous white space below in IE and Edge */
  overflow: hidden;
}

.fu-logo-narrow {
  display: none;
}

.fu-vision-logo {
  display: block;
  margin: 0 0 0 .4375rem;
}


.fu-social-icon-list {
  list-style-type: none;
  margin: 0 0 0 -2.5rem;
}

.fu-social-icon-list a {
  position: relative;
/*  font-size: 2.5rem; */
  padding: .25rem;
}

/*
  Prevent false reporting of color contrast errors in
  social networking and hours toggle off-screen text.
*/
.fu-social-icon-list a .sr-only,
.fu-hours-first button .sr-only {
  color: black;
  background-color: white;
}

.fu-social-icon-list a:before {
  color: white;
/*  font-size: 2.5rem; */
  font-size: 2.0rem;
  font-family: FontAwesome;
  display: inline-block;
/*  vertical-align: middle; */
  top: 0;
}

/*
.fu-social-icon-list a:last-of-type:before {
  margin-right: 0;
}
*/

.fu-footer-youtube a:before {
  content:"\f16a";
}

.fu-footer-facebook a:before {
  content:"\f230";
}

.fu-footer-wordpress a:before {
  content:"\f19a";
}

.fu-footer-rss a:before {
  content: "\f09e";
}

.fu-footer-twitter a:before {
  content: "\f099";
}

.fu-footer-instagram a:before {
  content: "\f16d";
}


.fu-social-icon-list a:focus {
  outline: 1px solid white;
  outline-offset: .1875rem;
}

.fu-social-icon-list li {
  display: inline-block;
/*  margin: 0 1rem 0 0; */
  margin: 0 .8rem 0 0;
  padding: 0;
}

.fu-social-icon-list li:last-of-type {
  margin-right: 0;
}


.fu-footer-top-right .fu-sign-in-button,
.fu-footer-top-right .fu-sign-in-button:hover {
  color: white;
  background-color: transparent;
  font-size: .875rem;
  padding: 0;
  margin-bottom: 0;
}

.fu-footer-top-right .fu-sign-in-button:focus,
.fu-footer-top-right .fu-sign-in-button:active,
.fu-footer-top-right .fu-sign-in-button:active:focus {
  border-color: transparent !important;
  outline: 1px solid white !important;
  outline-offset: .25rem;
}


.fu-footer-top-right .fu-sign-in-button .fu-sign-in-chevron {
  font-size: .75rem;
  float: left;
  margin-right: .4375rem;
/*  padding-top: .3125rem; */
}

.fu-footer-top-right .fu-sign-in-button,
.fu-footer-top-right .dropdown-menu {
  border-radius: 0;
}

.fu-footer-top-right .fu-sign-in-button:after {
  content: "";
  display: table;
  clear: both;
}

.fu-footer-top-right .dropdown-menu {
  margin-left: -.33rem;
  margin-bottom: .5rem;
}

.container { padding: 0; }

/* 2016 template */
.row {
  margin-left: .625rem;
  margin-right: .625rem;
}

/*
   When multiple Bootstrap columns are present, they'd all get .9375rem left and
   right padding, which would give 1.875rem between 2nd - nth columns.  This style
   reduces that white space.  Note: we revert this in 975px media query to
   normalize left margins on collapsed columns.
*/
div[class^="col-"] + div[class^="col-"] {
  padding-left: .3125rem;
}


.panel,
.panel-heading {
  background-color: transparent;
  border-radius: 0;
}

.fu-search-anywhere-wrapper .nav-pills>li.active>a,
.fu-search-anywhere-wrapper .nav-pills>li.active>a:focus,
.fu-search-anywhere-wrapper .nav-pills>li.active>a:hover {
  color: inherit;
  background-color: inherit;
}

#fu-header nav {
  border-top: none !important;
  margin: 0;
  padding: 0;
}

#fu-header .nav .dropdown-menu {
/*
  color: #1d0a35;
  background-color: #d8cbe7;
*/
  /* 2018 uni design see also ~line 860 menu item hover */
  color: white;
  background-color: #201547;

  min-width: 13.125rem;
  border: 1px solid #808080 !important;
  border-radius: 0;
}

#fu-header .navbar-nav > li > .dropdown-menu {
    margin-top: -1px;
    margin-right: -1px;
    right: 0;
    left: auto;
}

#fu-header .nav .dropdown-menu:hover {
/*
  color: #1d0a35;
  background-color: #d8cbe7;
*/
  /* 2018 uni design see also ~line 860 menu item hover */
  color: white;
  background-color: #201547;
  text-decoration: none;
}

#fu-header .nav .dropdown-menu a {
/*
  color: #1d0a35 !important;
  background-color: #d8cbe7 !important;
*/
  /* 2018 uni design see also ~line 860 menu item hover */
  color: white;
  background-color: #201547;
  /* font-size: .875rem; */
  font-size: 1.125rem;
  font-family: 'Lato', sans-serif;
  line-height: 1.66em;
  min-width: 13.125rem;
}


#fu-header .navbar-default .nav .dropdown-menu a:hover,
#fu-header .navbar-default .nav .dropdown-menu a:focus {
  /* color: #1d0a35 !important; */
  /* 2018 uni design see also ~line 860 menu item hover */
  color: black !important;
  background-color: white !important;
}

/*
#fu-header .navbar-default .navbar-nav > li > a.fu-first-nav-link {
  margin-left: 1.5rem;
}
*/


.fu-address-name {
  display: none;
}



/* provides leading space for above */
.fu-footer-left-bar:before {
/*
  display: inline-block;
  position: absolute;
  height: 85% !important;
  top: 15%;
  left: -50%;
*/
  border-left: 1px solid white;
  content: "\00a0 ";
  display: inline-block;
  margin: 0 .125rem;
}


/* #fu-hours-wrapper .dropdown-toggle, */
#fu-header .nav .open,
#fu-header .navbar .nav .open a.dropdown-toggle {
  color: #ABA1B7;
  background-color: #582c83;
  border: none !important;
  z-index: 2;
}

#fu-hours-wrapper .dropdown-toggle[aria-expanded="true"],
#fu-header .navbar .nav .open a.dropdown-toggle[aria-expanded="true"] {
  color: #f2f2f2;
  border: none !important;
}


#fu-hours-wrapper .dropdown-toggle[aria-expanded="true"],
#fu-header .navbar .nav .open a.dropdown-toggle[aria-expanded="true"] {
/*
  color: #582c83;
  background-color: white;
*/
  /* 2018 uni design see also ~line 860 menu item hover */
  color: white;
  background-color: #201547;

  border: none !important;
  text-decoration: none;
}

#fu-hours-wrapper .fa-angle-down {
  color: #ABA1B7;
  background-color: #582c83;
/*
  font-size: 1.25rem;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: .75rem;
  padding: 1px 0 0 2px;
*/
  font-size: .875rem;
  height: 1.05rem;
  width: 1.05rem;
  border-radius: .525rem;
  padding: 1px 0 0 0;
}

.fu-logo {
  margin: 4.9375rem 0 0 0;
}

.fu-credits {
  margin-top: 1.5rem;
  font-size: .75rem;
}


/* FU submenus
   background-color: #3D255B;
*/

h3, h4, h5, h6 {
  font-family: 'Barlow Condensed', sans-serif;
}

h3 {
  font-size: 1.625rem;
}

h4 {
  font-size: 1.3125rem;
}

h5 {
  font-size: 1.125rem;
}

h6 {
  font-size: 1rem;
}

.dropdown-menu h3,
.dropdown-menu h4 {
  color: #333;
/*  background-color: #351C53; */
  background-color: white;
  font-weight: bold;
  margin: .5em 1.25rem;
}


.dropdown-menu h3 {
  font-size: 1.25em;
}


.dropdown-menu h4 {
  font-size: 1.15em;
}


.fu-wrapper footer {
  color: white;
}

/*
#fu-header .navbar.navbar-default {
  float: left;
  margin: 0;
  height: 2.8125rem;
  border-radius: 0;
  border: none;
  width: 100%;
}
*/

#fu-header .navbar {
  background-color: #582C83;
  width: 100%;
/*
  height: 2.8125rem;
  min-height: 2.8125rem;
  max-height: 2.8125rem;
*/
  /* for zoom */
  /* height: 2.5625rem; */
  min-height: 2.5625rem;
  /* for zoom */
  /* max-height: 2.5625rem; */
  border-radius: 0;
  border: none;
}


#fu-header .navbar .nav {
  /* margin: 0 0 0 31.75rem; */
  /* for zoom */
  /* margin: 0 0 0 31.5rem; */
  margin: 0 0 0 504px;
}

#fu-header .navbar-collapse.collapse {
  display: inline;
/*  height: 2.8125rem !important; */
  height: 2.5625rem !important;
  width: 100%;
}

#fu-header .navbar-collapse,
#fu-header .navbar .container-fluid {
  margin-top: 0;
  padding: 0;
}

#fu-header .navbar-default .navbar-nav > li {
/*  margin-right: 2.1875rem; */
  margin-right: 2.8125rem;
}

#fu-header .navbar-default li.dropdown.fu-last-nav-label {
  margin-right: 0;
}


#fu-header .navbar-default .navbar-nav > li > a {
  color: white;
  /*font-size: .875rem; */
  font-size: 1.4rem;
  /* font-family: Lato, sans-serif; */
  font-family: 'Barlow Condensed', sans-serif;
/*  padding: .75rem .4375rem; */
  padding: .625rem .4375rem;
  vertical-align: middle;
/* following prevents display jumping on hover */
/*  border: 1px solid transparent; */
}

#fu-header .navbar-default .navbar-nav > li li a:hover,
#fu-header .navbar-default .navbar-nav > li li a:active,
#fu-header .navbar-default .navbar-nav > li li a:focus {
  color: white;
  outline: none;
/*
  Text-decoration mirrors uni site behavior,
  but conflicts with required behavior of hours
  display: hours label links to that library's
  hours page and hours toggle opens/closes
  hours dropdown.
*/
/*  text-decoration: underline; */
/*  border: 1px solid white; */
}

#fu-header .navbar-default .navbar-nav > li > a:hover,
#fu-header .navbar-default .navbar-nav > li > a:focus {
/*
  color: #582c83;
  background-color: white;
*/
  /* 2018 uni design see also ~line 716 for expanded menu */
  color: white;
  background-color: #201547;
  outline: none;
}

#fu-header .navbar-default .navbar-nav > li > a:hover .fa-caret-down,
#fu-header .navbar-default .navbar-nav > li > a:focus .fa-caret-down {
/*  color: #582c83; */
  /* 2018 uni design see also ~line 860 for menu item hover */
  color: white;
  background-color: #201547;
}

#fu-header .navbar-default .fa-angle-down {
  font-size: .75rem !important;
}

#fu-header .navbar .dropdown.fu-signin-btn a {
/*  font-size: .875rem; */
  margin: .1875rem .3125rem 0 .75rem;
/*  padding: .375rem .75rem; */
/*  vertical-align: middle; */
}

#fu-header .navbar-right .dropdown-toggle {
  margin-left: 1.875rem;
}

#fu-header .navbar-toggle {
  margin-top: -1em;
}

#s-lib-footer-login-link a {
  color: white;
  display: inline;
}

.fu-search-adv {
  display: none;
}

#fu-search-bar {
/*  background-color: #1a1a1a; */
  background-color: #262626;
  padding: .75rem 0 1.375rem 0;
  position: absolute;
}


#fu-search-catalog-wrapper,
#fu-search-articles-wrapper,
#fu-search-databases-wrapper,
#fu-search-ejournals-wrapper,
#fu-search-digital-wrapper,
#fu-search-website-wrapper {
  display: table;
}



#fu-search-dropdown {
    display: inline-block;
}

#fu-search-input {
    float: left;
}

.fu-search-wrapper {
  color: #582c83;
  /* float: right; */
  padding: .1875rem .75rem 0 0;
  width: 45%;
}

/* override LG Bootstrap */
.form-control {
  font-size: .875rem;
  height: 2.125rem;
  border-radius: 0;
}

.fu-search-wrapper .form-control {
  font-size: 1rem;
  width: 20rem;
}

span[id^='hours'] {
  color: white;
  background-color: #201547;
  font-weight: 400;
  display: block;
}

.fu-hours-first .dropdown-menu > li > a:hover span[id^='hours'],
span[id^='hours']:hover,
.fu-hours-first .dropdown-menu > li > a:focus span[id^='hours'],
span[id^='hours']:focus {
  color: black;
  background-color: white;
  text-decoration: none !important;
}

.fu-hours-first .dropdown-menu span {
  display: table;
  line-height: 2.2rem;
  width: 100%;
}

.fu-hours-first .dropdown-menu span[id^="hours"] {
  margin-top: -.2rem;
}

span#fu-default-hours {
  position: relative;
  font-size: .875rem;
}

span#fu-default-hours a {
  line-height: 1.42857143em;
}


/* default view of hours in header */
#fu-default-hours > span {
  color: black;
  background-color: white;
  font-size: 1.375rem;
  line-height: 1.42857143em;
}

#fu-search-dropdown {
  float: right;
/*  margin-right: 0 !important; */
  margin-right: 0;
}

/* for BS buttons that are sort of teal-like */
.label-info,
#s-lg-guide-main .label-info:hover,
#s-lib-public-main .label-info:hover,
#s-lg-guide-main .label-info:active,
#s-lib-public-main .label-info:active {
  color: white;
  background-color: #582c83 !important;
}

#s-lg-guide-main .label-info:focus,
#s-lib-public-main .label-info:focus {
/*
  color: #582c83;
  background-color: #D8CBE7 !important;
*/
  color: white;
  background-color: #582c83 !important;
  /* doesn't look right -- there's a border radius... */
  outline: 1px solid #4D90FE;
}

.s-lib-box {
/* Note: uncomment following for white bg in right column only */
/* Note: also uncomment next rule with adjacency selector */
/*  background-color: transparent !important; */
  border: .1875rem solid #dedede;
  border-radius: 0;
  box-shadow: none;
}

/*
div[class^="col-"] + div[class^="col-"] .s-lib-box {
  background-color: white !important;
  border: 1px solid #ccc;
}
*/


.s-lib-box-container {
  margin-bottom: 1em;
}



#s-lg-col-0 .s-lib-box-content,
#s-lg-guide-main .s-lib-box-content {
/*  padding: .625rem 1.5625rem; */
  padding: 0 1.5625rem .625rem 1.5625rem;
}

/* style for larger box title in "first" LG box */
/* commented out because of LG tab vs. side-nav layout differences, and floating boxes */
/*
#s-lg-col-1 > .s-lg-col-boxes > div:first-of-type .s-lib-box-title {
  font-size: 2.25rem;
  padding-top: .75rem;
}
*/


#s-lg-guide-main a,
#s-lib-public-main a {
  font-weight: 900;
}

#s-lg-guide-main a:active,
#s-lg-guide-main a:focus,
#s-lib-public-main a:active,
#s-lib-public-main a:focus {
  color: #582c83;
  text-decoration: inherit;
}

/* for "table of contents", like in http://furman.beta.libguides.com/c.php?g=486722&p=3328672 (How Do I... > Start my Research) */
#s-lg-guide-main .well {
  background-color: white;
  margin: auto 1.5625rem;
  border-radius: 0;
}

#s-lg-tabs-container {
/*  margin-left: 1.625rem; */
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
  margin-bottom: .75rem;
  margin-top: .1875rem;
}

#s-lg-guide-tabs .nav-tabs > li {
/* #s-lg-tabs-container li { */
  /* gives effective margin-top to #s-lig-tabs-container of .5rem with spacing for line-wrap of li's */
  margin-top: .4375rem;
}

#s-lg-guide-tabs-title-bar {
  border-top: none;
}

#s-lg-tabs-container .nav-tabs > li > a,
#s-lg-tabs-container .nav-tabs > .active > a/*,
#s-lg-tabs-container .nav-tabs > li > a:hover*/ {
  margin-right: 0;
  font-weight: normal;
  box-shadow: none;
}

#s-lg-guide-tabs .nav-tabs > li > a:hover,
#s-lg-guide-tabs .nav-tabs > li > a:focus {
  outline: 1px solid #582C83;
  outline-offset: 2px;
  z-index: 3;
}

/* override LG style element */
#s-lg-tabs-container .nav-tabs > li > a.s-lg-tab-drop {
  border-left: 2px solid #582c83;
}

#s-lg-tabs-container .nav-tabs > li > a.s-lg-tab-drop:hover,
#s-lg-tabs-container .nav-tabs > li > a.s-lg-tab-drop:focus {
  background-color: #201547 !important;
  border-left: 2px solid white;
  outline: none;
}


/* LG horizontal tab sub-menus */
.s-lg-subtab-ul.dropdown-menu {
  padding: 0;
  border-radius: 0;
  border: 1px solid #444;
}

/*
.s-lg-subtab-ul.dropdown-menu:hover,
.s-lg-subtab-ul.dropdown-menu:focus {
  border: 1px solid #444;
}
*/

.s-lg-subtab-ul.dropdown-menu>li>a {
  color: white;
  background-color: #201547;
  line-height: 150%;
  font-size: .875rem;
  padding: .25rem 20px;
  border-top: 1px solid white;
  border-bottom: none;
}

.s-lg-subtab-ul.dropdown-menu>li.active>a {
  border-top-color: #201547;
  border-bottom-color: #201547 !important;
}


.s-lg-subtab-ul.dropdown-menu:first-child {
  border-top: none;
}

.s-lg-subtab-ul.dropdown-menu>li>a:hover,
.s-lg-subtab-ul.dropdown-menu>li>a:focus {
  color: #201547;
  background-color: white;
  outline: none;
}




/*
#s-lg-tabs-container .nav-tabs > li:last-child a {
  border-right-width: 1px !important;
}
*/

/*
#s-lg-tabs-container .nav-tabs > .active > a:hover {
  cursor: default;
  color: #0d0d0d;
  background-color: #d8cbe7;
  font-weight: normal;
}

#s-lg-tabs-container .nav-tabs > li > a:hover {
  color: #9668cf;
  background-color: white;
}
*/


h1#s-lg-guide-name {
/*
  color: #582c83;
  margin: 1em 0 .5em 1.625rem;
  font-size: 1.625rem;
  font-weight: bold;
*/
  color: black;
/*  margin: 1em 0 .25em 3.125rem; */
/*  margin: .5em 0 1.3125em 3.125rem; */
  margin: 0 1.5625rem .65rem 1.5625rem;
/*  font-family: 'Yantramanav', sans-serif; */
  font-size: 2rem;
  font-weight: normal;
/*  letter-spacing: 0.03em; */
/*  font-weight: 100 !important; */
/*  font-weight: bold !important; */
/*  letter-spacing: 0.03em; */
}

#s-lg-guide-desc-container {
  margin-left: 1.5625rem;
}


/* '#s-lg-col-0' is 1st column in side-nav */
#s-lg-col-0 .s-lib-box,
#s-lg-guide-main .s-lib-box {
  background-color: white;
  border-radius: 0;
}



#s-lg-col-1 .s-lib-box-content,
#s-lg-col-2 .s-lib-box-content {
/*  padding: .625rem 1.6875rem .625rem 1.6875rem; */
}

/* Right Pane Template Only */
/*
#s-lg-col-2 .s-lib-box {
  margin: auto .9375rem auto .3125rem;
}
*/

/* div[class^="col-1"] { */
#s-lg-guide-main #s-lg-col-1 {
/*  margin-left: .9375rem; */
  margin-left: 0;
/*  padding-left: 0;
  padding-right: 0;
*/
}

/* '#s-lg-col-0' is 1st column in side-nav */
#s-lg-col-0 .s-lib-box-title,
#s-lg-guide-main .s-lib-box-title {
  color: #582c83;
  background-color: transparent;
/*  margin-top: -1px; */
  position: relative;
  font-size: 1.875rem;
  font-weight: 600;
  font-family: 'Barlow Condensed', sans-serif;
  text-transform: uppercase;
/*  letter-spacing: 0.05em; */
/* 2016 template */
/*  margin-left: -1px; */
/*  padding: .375rem 1.6875rem .375rem 1.625rem; */
  /*padding: .375rem .75rem .375rem .75rem; */
/*  padding: .375rem 1.5625rem .375rem 1.5625rem; */
/*  padding: .5625rem 1.5625rem .5625rem 1.5625rem; */
/* Note: for boxes with h2 background color, restore padding to top/bottom .75em */
/* Note: also restore .s-lib-box-content { margin-top; .625rem } */
/*  padding: .94875em 1.5625rem .359375em 1.5625rem; */
  padding: 1rem 1.5625rem .75rem 1.5625rem;
  border: none;
/*
  border-bottom: 1px solid #d9d9d9 !important;
  border-bottom-width: 66% !important;
*/
  border-radius: 0;
  box-shadow: none;
  /* z-index: 1; */
}


/* h1 for az.php */
#s-lib-public-header {
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
}

#s-lib-footer-brand,
#s-lib-footer-rights,
#s-lib-footer-print-link,
#s-lib-footer-support-link {
  display: none;
}

#s-lib-footer-public #s-lg-guide-header-meta {
  margin-left: 0;
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
}

#s-lg-guide-header-attributes .s-lg-guide-label,
#fu-s-lg-guide-header-attributes2 .s-lg-guide-label,
#s-lg-guide-header-subjects .s-lg-guide-label,
#s-lg-guide-header-tags .s-lg-guide-label {
  color: #666;
  font-size: .8125rem;
}

#s-lg-guide-header-subjects {
  padding-left: .625rem;
}

#s-lg-guide-header-tags {
  padding-right: 1.5625rem;
}

#s-lg-guide-header-attributes .s-lg-text-greyout {
  color: #757575;
  font-size: .8125rem;
}

/* allow long tab labels to linewrap at narrow widths */
.s-lib-jqtabs .ui-tabs-anchor {
  white-space: normal;
}

/* LGv2 "floating boxes" remove borders. This style adds them back. */
.s-lib-box.s-lib-floating-box {
  border: .1875rem solid #dedede;
/*
  padding-top: 1.25em;
  padding-bottom: 1em;
*/
}




/* hide search box on Profiles landing page -- can't put this on that page */

#s-lg-profile-search-div,
#s-lg-profile-az-div,
#s-lg-profile-help-div {
  display: none;
}

.s-lib-profile-image img {
  border: none;
  box-shadow: none;
  padding: 0;
  max-width: 100%;
}

.s-lib-profile-name {
  font-weight: normal;
  font-size: 1.5rem;
}



.s-lib-profile-email .label-info {
  display: inline-block;
  font-size: .875rem !important;
  font-weight: normal;
  text-transform: lowercase;
  padding: .3125rem 1rem;
  border: 2px solid #582c83;
  border-radius: .75rem;
}

#s-lg-guide-main .s-lib-profile-email .label-info:hover,
#s-lg-guide-main .s-lib-profile-email .label-info:focus {
  color: #582c83 !important;
  background-color: white !important;
  border: 2px solid #582c83;
  outline: none;
}

/* override of Springshare's Bootstrap overrides */





/*

#s-lg-guide-tabs .nav-tabs > li > .dropdown-menu::before {
  position: absolute;
  top: -.4375rem;
  left: .5625rem;
  display: inline-block;
  border-right: .4375rem solid transparent;
  border-bottom: .4375rem solid #CCC;
  border-left: .4375rem solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}


#s-lg-guide-tabs .nav-tabs > li > .dropdown-menu::after {
  position: absolute;
  top: -.375rem;
  left: .625rem;
  display: inline-block;
  border-right: .375rem solid transparent;
  border-bottom: .375rem solid white;
  border-left: .375rem solid transparent;
  content: '';
}

*/

/*
#s-lg-guide-tabs .nav-tabs .s-lg-tab-drop .caret {
  background-color: red;
}
*/



/* for LG profiles landing page /prf.php */
#s-lg-profile-name-btn a,
#s-lg-profile-name-btn a:hover,
#s-lg-profile-name-btn a:focus,
#s-lg-profile-subject-btn a,
#s-lg-profile-subject-btn a:hover,
#s-lg-profile-subject-btn a:focus {
  font-weight: 700;
  border-radius: 0;
  border-color: #582c83;
}

#s-lg-profile-name-btn a:focus,
#s-lg-profile-subject-btn a:focus {
  border-color: #582c83;
  outline: 1px solid #582c83;
  outline-offset: 2px;
}


#s-lg-profile-cols a.btn:active.focus,
#s-lg-profile-cols a.btn:active.hover {
  color: white;
  background-color: #582c83;
}



#s-lg-profile-cols a.btn {
  font-weight: normal;
  padding-left: 20px;
  padding-right: 20px;
  border-color: #582c83;
}


.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover,
#s-lg-profile-name-btn.active,
#s-lg-profile-subject-btn.active,
#s-lg-profile-name-btn.active a,
#s-lg-profile-subject-btn.active a {
  color: white;
  background-color: #582c83;
}



#s-lg-tabs-container .nav-tabs > li {
  margin-right: 2px;
}

#s-lg-tabs-container .nav-tabs > li.active > a {
  margin-right: 0;
}


/* '.nav-tabs' are horizontal, '.nav-pills' are side-nav */
#s-lg-tabs-container .nav-tabs > li > a,
#s-lg-tabs-container .nav-pills > li > a {
  font-weight: normal !important;
  color: white !important;
  background-color: #582C83 !important;
  border: 1px solid #582C83;
  box-shadow: none;
}

#s-lg-tabs-container .nav-tabs > li.active > a,
#s-lg-tabs-container .nav-pills > li.active > a,
#s-lg-tabs-container .nav-tabs > li.active > a:hover,
#s-lg-tabs-container .nav-pills > li.active > a:hover {
  cursor: default;
  color: black !important;
  background-color: #e6e6e6 !important;
  border: 1px solid #e6e6e6;
  box-shadow: none;
}


#s-lg-tabs-container .nav .dropdown-toggle .caret {
  border-top-color: white;
  border-top: .25rem dashed;
  border-right: .25rem solid transparent;
  border-left: .25rem solid transparent;
}

#s-lg-tabs-container li.dropdown .s-lg-tab-drop {
/*  display: none; */
}

#s-lg-tabs-container li.dropdown .s-lg-tab-top-link > span {
  position: relative;
}


#s-lg-tabs-container li.dropdown .s-lg-tab-top-link > span::after {
/*
  position: absolute;
  top: -.375rem;
  left: .625rem;
  display: inline-block;
*/
/*  margin: -2px auto auto .375rem; */
/*
  border-left: .3125rem solid transparent;
  border-right: .3125rem solid transparent;
  border-top: .3125rem solid #582c83;
  content: '';
*/
}


.fa-external-link {
  color: white;
  font-size: .5625rem !important;
  margin-left: 3px;
}


/* for 09-06-2016 Springshare updates */
.s-lg-rss-date,
.s-lg-title .fa-external-link {
  display: none;
}


/* Bootstrap Forms and Buttons */

.s-lib-main .btn,
#s-lg-guide-main .btn[id^="Button"],
#az-search-col-1 .btn-default {
  color: white !important;
  background-color: #582c83 !important;
  background-image: none !important;
  font-size: 1.125rem;
  /* padding: 3px 10px 4px 11px; */
  padding: .1875rem .625rem .25rem .6875rem;
  outline: none;
  border: 2px solid #582c83;
  border-radius: 20px;
  z-index: 1;
}

.s-lib-main .btn:hover,
.s-lib-main .btn:focus,
.fu-search-any-wrapper .btn[id^="fuButton"]:hover,
.fu-search-any-wrapper .btn[id^="fuButton"]:focus,
#s-lg-guide-main .btn[id^="Button"]:hover,
#s-lg-guide-main .btn[id^="Button"]:focus,
#az-search-col-1 .btn-default:hover,
#az-search-col-1 .btn-default:focus {
  color: #582C83 !important;
  background-color: white !important;
  transition: background-color .2s,color .2s;
}


/* if button is attached to text input, a la Bootstrap */
.input-group-btn .btn {
  border: 1px solid #582c83 !important;
  border-radius: 0 !important;
}

.input-group-btn .btn:hover,
.input-group-btn .btn:focus {
  color: white !important;
  background-color: #582c83 !important;
  outline: 1px solid #582c83;
  outline-offset: 3px;
}

.s-lib-main .s-lg-label-more,
.s-lib-main .s-lg-label-more:hover,
.s-lib-main .s-lg-label-less,
.s-lib-main .s-lg-label-less:hover {
  color: #582C83 !important;
  background-color: transparent !important;
  background-image: none !important;
  font-size: 1rem;
  font-weight: bold;
  padding: 0;
  outline: none;
  border: none;
  border-radius: 0;
}

#fu-btn-liaisons,
.form-inline .s-lg-btn-api-drop,
#fu-btn-liaisons:hover,
.form-inline .s-lg-btn-api-drop:hover,
#fu-btn-liaisons:focus,
.form-inline .s-lg-btn-api-drop:focus {
  border-radius: 0 !important;
  color: white !important;
  background-color: #582c83 !important;
}


/* next selector overrides Bootstrap */
.btn:active:focus,
#fu-btn-liaisons:hover,
.form-inline .s-lg-btn-api-drop:hover,
#fu-btn-liaisons:focus,
.form-inline .s-lg-btn-api-drop:focus {
  border-color: #582c83;
  outline: 1px solid #582c83 !important;
  outline-offset: 3px;
}



div[id^="google_search_box"] .btn,
div[id^="google_search_box"] .btn:active,
div[id^="google_search_box"] .btn:hover,
div[id^="google_search_box"] .btn:focus,
#s-lg-guide-main .fu-square-btn,
#s-lg-guide-main .fu-square-btn a,
#s-lg-guide-main .fu-square-btn a:active,
#s-lg-guide-main .fu-square-btn a:hover,
#s-lg-guide-main .fu-square-btn a:focus,
#s-lg-guide-main .s-lg-title .btn-close,
#s-lg-guide-main .s-lg-title .btn-close:active,
#s-lg-guide-main .s-lg-title .btn-close:hover,
#s-lg-guide-main .s-lg-title .btn-close:focus {
  color: white !important;
  background-color: #582C83 !important;
  border: 2px solid #582c83;
  border-radius: 0;
  font-size: 1rem;
  font-weight: 700 !important;
}


div[id^="google_search_box"] .btn:hover,
div[id^="google_search_box"] .btn:focus,
#s-lg-guide-main .fu-square-btn:hover,
#s-lg-guide-main .fu-square-btn:focus,
#s-lg-guide-main .s-lg-title .btn-close:focus {
  outline: 1px solid #582c83 !important;
  outline-offset: 3px;
}

#s-lg-guide-main .s-lg-title .btn-close {
  margin-bottom: .5rem;
}

#s-lg-guide-main .s-lg-title .btn-close:hover,
#s-lg-guide-main .s-lg-title .btn-close:focus {
  text-decoration: none;
}


.fu-oval-btn,
.fu-oval-btn a,
.fu-oval-btn a:active,
.fu-oval-btn a:hover,
.fu-oval-btn a:focus {
  color: white !important;
  background-color: #582C83 !important;
  border: 2px solid #582c83;
  border-radius: 1.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-size: 1rem;
  font-weight: 700 !important;
}

.fu-oval-btn:active,
.fu-oval-btn:hover,
.fu-oval-btn:focus,
.fu-dcc-btn:active,
.fu-dcc-btn:hover,
.fu-dcc-btn:focus {
  color: #582C83 !important;
  background-color: white !important;
  transition: background-color .2s,color .2s;
  outline: none !important;
}

div[id^="s-lg-rss"] button[id^="s-ui-helptip-btn"] {
  color: #666 !important;
  background-color: white !important;
  border: none !important;
  outline: none !important;
  padding: 0 !important;
}

div[id^="s-lg-rss"] button[id^="s-ui-helptip-btn"]:focus {
  color: #666 !important;
  outline: 1px solid #666 !important;
  outline-offset: 2px;
}

.input-group select,
.input-group .form-control:first-child, .input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

#s-lg-guide-header-attributes {
  /* normalize margin with other footer elements */
  /* margin-right: .9375rem; */
}

/* locally-created list containing guide subjects and tabs */
#fu-s-lg-guide-header-attributes2 {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

#s-lg-guide-header-subjects .s-lg-small a,
#s-lg-guide-header-tags .s-lg-small a {
  font-size: .8125rem;
}

#s-lg-public-skiplink {
  top: -4rem;
  z-index: 1000;
  font-size: 1.1rem;
  padding: 1rem;
}

.s-lg-az-result-badge-featured {
  display: none;
}

select {
  height: 1.8rem;
}

caption {
  color: #666;
}


.fu-floor-plan {
  height: 1.25rem;
  margin-left: .125rem;
}


.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
  z-index: 1;
}


/* BEGIN STYLES FOR SIDE-TAB NAV TEMPLATE */

#s-lg-guide-header > .pull-right,
#s-lg-guide-print-url,
#s-lib-footer-login-link,
#s-lib-bc,
#s-lib-bc-list,
.breadcrumb > li {
  display: none !important;
}

#s-lg-side-nav-content #s-lg-tabs-container {
  margin-left: 0;
  /* following 2 rules added 5/19/2016 */
  padding-left: 0;
  padding-right: 0;
}

#s-lg-side-nav-content #s-lg-col-1 {
  /* following 2 rules added 5/19/2016 */
  padding-left: 0;
  padding-right: 0;
}

#s-lib-footer-public.s-lib-footer {
  background-color: #eceadd;
  border-top: none;
/*
  margin-left: .625rem;
  margin-right: .625rem;
*/
}

#s-lg-guide-header-tags {
  margin-left: 1.5625rem;
}

#s-lg-guide-header-url.s-lg-h-separator {
  border-right: none;
}


/* END STYLES FOR SIDE-TAB NAV TEMPLATE */



/* BEGIN STYLES FOR LGv2 DEFAULT HOME PAGE */

.alert-info {
  color: #0d0d0d;
  background-color: transparent;
  border: none;
}

#s-lg-index-list .panel-heading .badge {
/*  background-color: #582c83; */
  background-color: #8a8a8a;
}

#s-lg-index-list .s-lib-box-idx-guide-list {
  background-color: #f5f5f5;
  border-radius: 0;
  margin-top: .1875rem;
}

#s-lg-index-list #s-lg-index-cols {
  margin: auto 0;
}

#s-lg-index-cols > #col-1 {
  padding-left: 0;
  padding-right: 0;
}

#s-lg-index-cols #s-lg-guide-name {
  margin-left: 0;
  margin-right: 0;
}

#s-lg-hp-nav {
  background-color: transparent;
}

#form-group-s-lg-guide-order {
  margin-left: 0;
  margin-right: -.9375rem;
}


/* END STYLES FOR LGv2 DEFAULT HOME PAGE */



/* Gale Search Forms */

/*
.fu-gale-widget {
 margin: 1em auto 1.5em auto;
}
.fu-gale-widget .btn .fa {
  margin-right: .3125rem;
}
*/

.fu-gale-widget {
  margin: 1em 0 1.5em 0;
  max-width: 20rem;
}
.fu-gale-widget-inner {
  /* Branding 'background-image' is styled inline for each Gale search widget. */
  height: 4.1875rem;
  max-width: 20rem;
  border: 1px solid #ccc;
}
.fu-gale-widget .form-control {
  border:  1px solid #ccc !important;
  border-right: 1px solid #ccc !important;
  border-radius:  0;
  border-top: none;
}
.fu-gale-widget .btn,
.fu-gale-widget .btn:hover,
.fu-gale-widget .btn:focus {
  border-radius: 0;
  background-color: #f2f2f2 !important;
  background-image: none;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-color:  #ccc !important;
  border-top-color: #f2f2f2 !important;
}

#s-lg-guide-main .fu-gale-widget .btn:hover,
#s-lg-guide-main .fu-gale-widget .btn:focus {
  outline: 2px solid #666 !important;
  outline-offset: 1px;
}

.fu-gale-widget .fa-search {
  color: #444;
}
/* REMOVE STYLE AFTER UPDATING GALE SEARCH FORMS */
.fu-gale-widget .btn .fa {
  margin-right: .3125rem;
}
.fu-gale-widget .btn-primary .fa-search {
  color: white !important;
}
/* End Gale Search Forms */





/* Oxford Reference Search Forms */

.fu-OxRef {
  max-width: 18.75rem;
}
.fu-OxRef img {
  width: 100%;
  max-width: 18.75rem;
  margin-bottom: 1em;
}
.fu-OxRef p {
  margin-top: 1em;
  font-size: .9em;
}
.fu-OxRef img + p {
  margin-top: 0;
  font-size: x-large;
}
.fu-OxRef .btn,
.fu-OxRef .btn:hover,
.fu-OxRef .btn:focus {
  color: white !important;
  background-color: #F5613B !important;
  border-color: #F5613B !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

#s-lg-guide-main .fu-OxRef .btn:hover,
#s-lg-guide-main .fu-OxRef .btn:focus {
  outline: 1px solid #666 !important;
}

.fu-OxRef .fa-search {
  color: white;
  background-color: #F5613B;
}

/* end Oxford Ref */



/* Credo Search Forms */

form[name^="credo"] {
  margin-bottom: 1rem;
}

form[name^="credo"] label {
  display: block;
  margin: 1em 0 -.25em 0;
}

.fu-credo {
  margin-bottom: 1rem;
  width: 80%;
  max-width: 15rem;
}

.fu-credo label {
  display: block;
  margin: 1rem 0 .5rem 0 !important;
}

.fu-credo .btn,
.fu-credo .btn:hover,
.fu-credo .btn:focus {
  color: white !important;
  background-color: #616885 !important;
  border-color: #616885 !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

#s-lg-guide-main .fu-credo .btn:hover,
#s-lg-guide-main .fu-credo .btn:focus {
  outline: 1px solid #616885 !important;
}

.fu-credo .fa-search {
  color: white;
  background-color: #616885;
}

/* end Credo */




/* BEGIN STYLES FOR A-Z LIST TEMPLATE */

.badge {
/*  background-color: #582c83; */
  background-color: #8a8a8a;
}

#s-lg-db-label .badge {
  margin-top: -.1875rem;
  margin-right: .1875rem;
  vertical-align: middle;
}

#s-lg-db-label-text {
  color: #0d0d0d;
}

#s-lg-az-search-bar {
  margin-top: .9375rem;
  /* height: 4.5rem; */
  height: auto;
}

#az-search-col-1 {
  height: 100%;
}

#s-lg-az-search-bar .navbar {
  min-height: 3.125rem;
  position: relative;
  top: auto;
  left: auto;
}

#s-lg-az-filter-cols {
  margin-left: 0;
}

#s-lg-az-filter-cols > #col-subjects {
  padding-left: 0;
}

/* override Springshare's .pad-right.sm class */
#s-lg-az-index {
  margin-right: 0 !important;
}

#s-lg-az-index a,
#s-lg-az-index span {
  font-size: 1.0625rem;
  font-weight: bold;
  margin-right: 2px;
  padding: .1875rem .375rem;
}

#s-lg-az-index #s-lg-az-first-all {
  margin-right: 0 !important;
}

/* END STYLES FOR A-Z LIST TEMPLATE */






/* START STYLES FOR PERSONNEL DIRECTORY LISTINGS */

.fu-personnel-table,
.fu-personnel-table-brief {
  width: 100%;
  margin-top: .6em;
  margin-bottom: 1.25em;
}
.fu-personnel-table th,
.fu-personnel-table-brief th,
.fu-personnel-table > tbody > tr > td,
.fu-personnel-table-brief > tbody > tr > td {
/*  padding-left: .5rem; */
  padding: .3125rem 0 .3125rem .5rem;
}

.fu-personnel-table,
.fu-personnel-table-brief {
  border: 1px solid #a6a6a6;
  border-spacing: 1rem 2px;
}

.fu-personnel-table th,
.fu-personnel-table-brief th {
  white-space: nowrap;
  background-color: #cfcfcf;
  color: #333333;
  border-bottom: 1px solid #999999;
  text-align: left;
  padding: .1875rem .5rem;
}

.fu-empty-thead-td {
  background-color: #cfcfcf;
  border-bottom: 1px solid #999999;
}

.fu-personnel-table tr,
.fu-personnel-table-brief tr,
.fu-personnel-table th,
.fu-personnel-table-brief th,
.fu-personnel-table td,
.fu-personnel-table-brief td {
  line-height: 1.6em;
}

/* Next selector stripes odd rows, beginning with 3rd tr, to avoid conflicts with th styles */
.fu-personnel-table > tbody > tr:nth-child(2n+2),
.fu-personnel-table-brief  > tbody > tr:nth-child(2n+2) {
  background-color: #e6e6e6;
}


@media screen and (max-width: 700px) {
  .fu-personnel-table,
  .fu-personnel-table thead,
  .fu-personnel-table tbody,
  .fu-personnel-table th,
  .fu-personnel-table td,
  .fu-personnel-table tr {
    display: block;
  }

  .fu-personnel-table .fu-empty-thead-td {
    display: none;
  }

  .fu-personnel-table tr { line-height: 1.6em; }
  .fu-personnel-table td { border-bottom: 1px solid #d9d9d9; }

  /*  Add darker border above the first td in each row (so, every 6th td, starting with the first td). */
  .fu-personnel-table td:nth-child(6n+1) { padding-top: .25em; padding-bottom: .25em; border-top: 1px solid #8c8c8c; }

  .fu-personnel-table tr td:last-of-type { border-bottom: none; }

  .fu-personnel-table > tbody > tr:nth-child(2n+2) { border-bottom-color: #b3b3b3; }

  /* Avoid double margins. */
  .fu-personnel-table td:first-of-type {
    margin-top: -1px;
  }
/*
  .fu-personnel-table td span {

  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;

  }
*/

  /*
   On narrow displays, each tr, th, td is set to 'display; block'.
   This breaks JAWS and VO's recognition of tables, so th won't
   be read for each td.  This is my compromise for nice, responsive
   display and A11y.
  */
  /* Used as labels for long table headings on narrow displays. */
  .fu-narrow-only {
    display: inline-block;
  }

  /* Used as labels for short table heading on narrow displays. */
/*
  .fu-personnel-table td:nth-child(6n):before {
    display: inline-block;
    content: 'Room ';
    margin-right: .25em;
  }
*/

  /* Used as labels for short table heading on narrow displays. */
  .fu-personnel-table td:nth-child(5n):before {
    display: inline-block;
    content: "Ext. ";
    margin-right: .25em;
  }

/*  .fu-personnel-table tr td:last-of-type { border-bottom: none; } */
}

/* END STYLES FOR PERSONNEL DIRECTORY LISTINGS */








@media screen and (max-width: 1200px) {

  #fu-header .navbar .nav {
    /* for zoom */
    /* margin-left: 22.25rem; */
    margin-left: 356px;
  }

  #fu-hours-wrapper {
    top: 3.6875rem;
    left: 46.5625rem;
  }

  #fu-hours-wrapper > .btn-group > .btn a {
    font-size: 1.25rem;
  }

  #fu-hours-wrapper .dropdown-menu {
    margin: -.1875rem 0 0 -2.5rem;
  }

  .fu-hours-first {
    margin-top: .75rem;
    margin-left: 1.5625rem;
  }

  .fu-hours-first .dropdown-menu {
    left: -1.25rem;
    margin-top: 3.25rem;
  }

  .fu-hours-first a {
    font-size: 1.3125rem;
  }

  .fu-hours-first > button > span[id^="hours"] {
    font-size: 1.1825rem;
  }

  /* New hours dropdown style */
  span#fu-default-hours a {
    font-size: 1.3125rem;
  }

  /* default view of hours in header */
  #fu-default-hours > span {
  /* #hoursMain { */
    margin-top: -.6875rem;
    margin-top: -.5625rem;
    font-size: 1.3125rem;
  }

/*
  h1#s-lg-guide-name {
    font-size: 2.125rem;
    margin-top: .625rem;
  }
*/


  #fu-header .navbar-default .navbar-nav > li {
      margin-right: 2rem;
  }

  /* 2018 */
  .fu-footer-top-left img,
  .fu-footer-top-left address {
    margin-left: 176px;
  }

  .fu-footer-top-left img {
    margin-top: .75rem;
  }

  .fu-vision-logo {
    width: 298px;
    height: 53px;
  }

} /* end 1200px media query */






@media screen and (max-width: 990px) {

/* Move to A-Z list template */
  #s-lg-az-filter-cols > #col-types,
  #s-lg-az-filter-cols > #col-vendors {
    padding-left: 0;
  }


  .fu-header-logo-wrapper {
    display: none;
  }

  .fu-library-name-narrow {
    display: block;
  }

  .fu-library-name-narrow .fu-logo-narrow {
    display: block;
    margin: .1875rem 0 0 1.25rem;
    height: 2.125rem;
    width: 10.75rem;
  }

  /* narrow fu-logo in header and footer */
  .fu-logo-narrow:focus {
    outline: 1px solid white;
  }

  /* narrow fu-logo in footer */
  .fu-footer-top-left .fu-logo-narrow:focus {
    outline-offset: 4px;
  }

  .fu-header-action-row {
    margin: /* 2.8125rem */ 0 auto 0 auto;
    float: none;
    text-align: center;
  }

  .fu-header-action-row-narrow {
    /* Note: must use clip vs. left or top to avoid scrolling with keyboard focus. */
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
  }

  .fu-header-action-row ul {
    display: inline-block;
    float: none;
    margin: 0 auto;
/*  padding-right: 0; */
    padding: 0;
  }

  .fu-header-action-row ul .fa {
    font-size: 1.1825rem;
  }

  .fu-header-action-row .fa + span {
    font-size: .9rem;
  }

  #fu-header .navbar.navbar-default {
/*    margin-top: -5.625rem; */
    height: 2.625rem;
  }

  h1.fu-library-name {
    text-align: center;
    margin-left: 0;
  }

  .fu-hours-row {
    margin: 0;
  }

  div.row.fu-hours-row div.col-md-4 {
    background-color: #e6e6e6;
    text-align: center;
/*    margin: 0 -.625rem; */
    padding: .01rem 0 .5rem 0;
    float: none;
  }

  div.row.fu-hours-row div.col-md-8 {
    margin: .75rem 0 0 0;
  }

  .fu-hours-first {
    margin: 1rem 0 0 .9375rem;
    text-align: center;
    float: none;
  }

  .fu-hours-first > .btn {
    line-height: 1.5em;
  }

  .fu-hours-first a {
    float: none;
    font-size: 1.125rem;
  }

  .fu-hours-first .fa-chevron-down {
    padding-top: 0;
  }

  /* added 7/19/2018 */
  .fu-hours-first .dropdown-toggle {
    top: -2px;
  }

  /* New hours dropdown style */
  #fu-default-hours {
    line-height: 1.3125rem;
    /* restrict button width to text content */
    display: inline-block;
  }

  /* New hours dropdown style */
  span#fu-default-hours {
    font-size: .875rem;
    line-height: 1.5em;
  }

  /* New hours dropdown style */
  span#fu-default-hours a {
    font-size: 1.125rem;
    line-height: 1.3125rem;
  }

  /* default view of hours in header */
  /* New hours dropdown style */
  #fu-default-hours > span {
  /* #hoursMain { */
    background-color: #E6E6E6;
    font-size: 1.125rem;
    margin: 0 auto 0 auto;
    line-height: 1.3125rem;
  }

  .fu-hours-first .dropdown-menu {
    margin-top: 3.25rem;
    margin-left: -40%;
    left: 10%;
  }

  .fu-hours-row-narrow {
  /*    background-color: #C8C6CD; */
    background-color: white;
    display: block;
    height: 3.75rem;
    /* for less height in narrow hours row, and see also .fu-hours-first ~ln# 1621 */
    /* height: 3.375rem; */
  }

  h1#s-lg-guide-name {
    font-size: 1.9375rem;
  }

  #s-lg-guide-header-attributes {
    margin: 0 auto;
  }

  #s-lg-guide-header-attributes li {
    display: inline;
    float: none;
  }

  .fu-wrapper footer {
    text-align: center;
  }

  .fu-footer-top-left {
    float: none;
    border-right: none;
    width: 100%;
  }

  .fu-footer-top-right {
    float: none;
    padding-left: 0;
  }

  .fu-footer-top-left .fu-logo-narrow {
    display: block;
    margin: 0 auto;
    width: 10.75rem;
  }

  .fu-footer-top-left .fu-logo-narrow img {
    margin: 0;
  }

  .fu-address-street,
  .fu-address-city,
  .fu-address-phone {
    display: block;
  }

  .fu-footer-left-bar:before {
    display: none;
  }

  .fu-vision-logo {
    display: none;
  }

  .fu-address-name {
    display: none;
  }

/*
  .fu-footer-top-right a:last-of-type {
    display: none;
  }
*/

  .fu-footer-top-left address {
    margin-left: 0;
    font-size: .9rem
  }

  .fu-footer-top-right .fu-sign-in-button,
  .fu-footer-top-right .fu-sign-in-button:hover {
    margin: 1rem 0 .5rem 0;
    font-size: 1.2rem;
  }

  .fu-footer-top-right .dropdown-menu {
      margin-bottom: -1.2rem;
  }

  .fu-footer-top-right-list > li:nth-of-type(3),
  .fu-footer-top-right-list > li:nth-of-type(4) {
    margin-top: .375rem;
  }

  .fu-social-icon-list {
    float: none;
  }


  #fu-hours-wrapper {
    top: 2.6875rem;
    left: 32.1875rem;
  }

  #fu-hours-wrapper .btn {
    background-color: #ebeadc;
  }

  nav {
    /* Replaces border-bottom on h2 at this width */
    /* commented out next line 6/28/2019  SDS  */
    /* border-top: 1px solid #4d4d4d !important; */
    padding-left: 0;
  }

  #fu-header .navbar .nav {
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 5;
  }

  #fu-header .nav.navbar-nav > li > .dropdown-menu {
    padding: 0;
    position: relative;
    width: 100%;
  }

  #fu-header .nav .dropdown-menu a {
    font-size: 1.1875rem;
    line-height: 2.0em !important;
    padding: .3125rem 1.25rem !important;
  }

  #fu-header .navbar-header {
    float: none;
  }

  #fu-header .navbar-left,
  #fu-header .navbar-right {
    float: none !important;
  }

  #fu-header .navbar-default .navbar-toggle,
  #fu-header .navbar-default .navbar-toggle:active,
  #fu-header .navbar-default .navbar-toggle:focus {
    color: #d9d9d9;
    background-color: transparent;
    display: block;
    border: none;
    font-size: 1.25rem;
/*    font-family: 'Roboto', sans-serif; */
    position: absolute;
    float: none;
    top: 1.4375rem;
    right: 1.625rem;
    right: .625rem;
/*    padding: .375rem .5rem; */
    padding: .25rem .5rem;
  }

  #fu-header .navbar-default .navbar-toggle:focus {
/*    color: #1d0a35; */
    /* background-color: #D6D3C0; */
  }


  #fu-header .navbar-default .navbar-toggle:hover,
  #fu-header .navbar-default .navbar-toggle:focus {
    color: #1d0a35;
    background-color: #f2f2f2;
  }

  #fu-header .navbar-default:hover .navbar-collapse.collapse.in .navbar-toggle {
    background-color: white;
  }

  #fu-header .navbar-collapse {
    position: relative;
    /* following replaces margin on .navbar-nav */
/*    margin-top: 2.6875rem; */
/*    margin-top: 2px; */
    /* z-index: 100; */
    z-index: 4;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }

  #fu-header .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }

  #fu-header .navbar-collapse.collapse {
    display: none!important;
/*    margin-top: 2.6875rem; */
/*    margin-top: .7rem; */
    margin-top: .575rem;
    width: 100%;
  }

  #fu-header .navbar-collapse.collapse in {
    width: 100%;
  }

  #fu-header .navbar-collapse.collapsing {
/*
    overflow-x: visible !important;
    overflow-y: auto !important;
*/
/*    margin-top: 2.6875rem; */
/*    margin-top: .7rem; */
    margin-top: .575rem;
    width: 100%;
  }

  #fu-header .navbar.navbar-default {
    width: 100%;
  }

  #fu-header .navbar-nav {
    float: none !important;
    margin-top: .46875rem;
    height: auto !important;
    overflow: hidden;
  }

  #fu-header .navbar-nav .dropdown-menu > li {
    border-bottom: 1px solid #b3b3b3;
  }


  #fu-header .navbar-default .navbar-nav > li {
    border-bottom: 1px solid #b3b3b3;
  }

  #fu-header .navbar-default .navbar-nav > li {
    color: white;
    background-color: #582C83;
    float: none;
    margin: 0;
/*    padding: .66em 0 0 0; */
    padding: 0;
    font-size: 1.125rem;
    border: 1px solid #D8CBE7;
    width: 100%;
  }

  #fu-header .navbar-default .navbar-nav > li:hover,
  #fu-header .navbar-default .navbar-nav > li:active,
  #fu-header .navbar-default .navbar-nav > li:focus {
  }



  #fu-header .navbar .nav li.dropdown.open {
    color: #582c83;
    background-color: white !important;
    border: 2px solid #808080 !important;
    /* ##############################################    ADD BORDER AROUND THE ACTIVE MOBILE NAV LABEL ####################### */
  }


  #fu-header .navbar-default .navbar-nav > li > a {
    font-family: 'Lato', sans-serif;
    font-size: 1.25rem;
  }



  /* undoing earlier anchor el styles */
  #fu-header .navbar-default .navbar-nav > li > a:hover,
  #fu-header .navbar-default .navbar-nav > li > a:focus {
    color: white;
    background-color: #201547;
    outline: none;
  }

/*
  #fu-hours-wrapper .dropdown-toggle[aria-expanded="true"], .navbar .nav .open a.dropdown-toggle[aria-expanded="true"] {
    color: #582c83;
    background-color: white;
    border: none !important;
    text-decoration: none;
}
*/

  #fu-header .navbar-default .navbar-nav > li:hover .fa-caret-down,
  /* #fu-header .navbar-default .navbar-nav > li > a:focus .fa-caret-down */
  #fu-header .navbar-default .navbar-nav > li > a:hover .fa-caret-down {
    /* color: #582c83; */
    color: white !important;
    background-color: #462174 !important;
    box-shadow: none;
  }

  #fu-header .navbar .nav .open a.dropdown-toggle[aria-expanded="true"] {
    color: black;
    background-color: white;
    font-weight: bold;
  }

  #fu-header .navbar .nav .open a.dropdown-toggle[aria-expanded="true"] .fa-chevron-down {
    color: black;
    background-color: white;
    font-weight: normal;
}

/*
  #fu-header .navbar .nav .open a.dropdown-toggle[aria-expanded="true"] .fa-caret-down {
    color: #582c83 !important;
    background-color: white !important;
  }
*/


  #fu-header .container-fluid > .navbar-collapse,
  #fu-header .container-fluid>.navbar-header,
  #fu-header .container>.navbar-collapse,
  #fu-header .container>.navbar-header {
    margin-right: 0;
    margin-left: 0;
  }

  #fu-header .collapse.in {
    display:block !important;
    height: auto !important;
  }


  /* FOR SIDE NAV TEMPLATE */
  #s-lg-side-nav-content #s-lg-tabs-container {
    /* following rules commented out 5/19/2016 */

    margin-left: 0;
    margin-right: 0;

  }

  #s-lg-guide-name.fu-side-nav-guide-title {
    margin-left: 3.125rem;
    margin-right: 3.125rem;
  }


} /* end 990px media query */






@media screen and (max-width: 983px) {

}



@media screen and (max-width: 975px) {
  /* See note at first instance of this selector */
  div[class^="col-"] + div[class^="col-"] {
    padding-left: .9375rem;
  }
} /* end 975px media query */




/*
@media screen and (max-width: 950px) {
  h1.fu-library-name { font-size: 3.75rem; }
}


@media screen and (max-width: 900px) {
  h1.fu-library-name { font-size: 3.625rem; }
}



@media screen and (max-width: 850px) {
  h1.fu-library-name { font-size: 3.5625rem; }
}
*/


@media screen and (max-width: 800px) {
  h1.fu-library-name { font-size: 3.375rem; }
}


/*  ALSO HAVE TO OVERRIDE COLORS OF MOBILE NAV MENU SOMEWHERE AROUND HERE..... ############################### */
/* override a Bootstrap style */
@media (max-width: 767px) {
/*
  #fu-header .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #262626;
    padding: .1875rem 1.25rem;
    line-height: 2.0em;
  }
*/
}


@media screen and (max-width: 750px) {
  .fu-h2 {
    /* margin-bottom: 1.625rem; */
    margin-bottom: 0;
  }

  .fu-h2 span {
    font-size: 2.625rem;
  }


  #fu-header .navbar-form {
    display: none;
  }
  #fu-header .navbar-right .dropdown-toggle {
    margin-left: 0;
  }



  #fu-header .navbar-default .navbar-toggle,
  #fu-header .navbar-default .navbar-toggle:active,
  #fu-header .navbar-default .navbar-toggle:focus {
/*  #fu-header .navbar-default .navbar-toggle { */
    margin: 0;
    /* top: 0; */
    top: .3125rem;
    /* right: 1.25rem; */
    right: 1.625rem;
  }

  #fu-hours-wrapper {
    position: static;
    top: 0;
    bottom: 0;
    text-align: center;
    /* margin: 7.5em auto 0 auto; */
    margin: 7.5em auto .375rem auto;
    position: relative;
    left: auto;
    top: 3.125rem;
  }


  h1.fu-library-name {
    font-size: 3rem;
  }

  .fu-hours-first {
    /* margin: -15.125rem 0 0 0; */
  }

  #s-lg-guide-header-attributes li/*,
  #fu-s-lg-guide-header-attributes2 li */ {
    display: block;
  }

  #s-lg-guide-header-attributes .s-lg-h-separator {
    border-right: none;
  }


} /* end 750px media query */



/*
@media screen and (max-width: 700px) {
  h1.fu-library-name { font-size: 3.125rem; }
}
*/

/*
@media screen and (max-width: 660px) {
  h1.fu-library-name { font-size: 3rem; }
}
*/


@media screen and (max-width: 600px) {
  h1.fu-library-name {
    font-size: 2.875rem;
  }
  div[id^="libchat_"] .fu-chat-verbose {
    display: none;
  }
  .fu-header-action-row ul a,
  .fu-wrapper .fu-header-action-row div[id^="libchat_"] button {
    min-width: 5rem;
  }
}



@media screen and (max-width: 580px) {
  .fu-header-action-row ul .fa {
    font-size: 1.375rem;
  }
/*  .fu-header-action-row .fa + span { */
  .fu-header-action-row-narrow {
  /*  display: none; */
    position:absolute;
    left: -62.5rem;
    top: -62.5rem;
    width:1px;
    height:1px;
    text-align: left;
    overflow:hidden;
  }
  .fu-library-name-narrow { left: 1.5rem; }
  .fu-library-name-narrow span { display: none; }


/* ############################################################## */
/*
    Start rules to hide LibChat at this narrow width if chat is offline
    I drafted this because offline LibChat icon links to same URL as
    adjacent Self Help icon, and we drop the "offline" text at this
    narrow width.  So there's no indication to the user that chat
    isn't available, and the functionality of the offline chat button
    is duplicated by adjacent icon anyway.  Only loss is indication to
    user that a chat functionality exists, but at this narrow width
    some non-critical functionality may be dropped.

    Note that to normalize spacing between remaining icons, we remove
    margins from "all" list item siblings and then add it only to LibChat
    icon (at this width or narrower), which only displays if chat is
    online.  If chat is offline, remaining action bar icons display
    properly close together.

*/

  .fu-header-action-row div[id^="libchat_"] .libchat_offline {
    display: none !important;
  }

/*
  .fu-header-action-row ul li {
    margin: 0 .75rem 0 0;
  }
*/

  .fu-header-action-row ul .fa {
    margin-right: 0;
  }

/*
  .fu-header-action-row ul li {
    margin-left: 0;
  }
*/

/* End rules to hide LibChat icon at this narrow width */
}




@media screen and (max-width: 500px) {
/*  h1.fu-library-name { font-size: 3.125rem; line-height: 1em; } */
  .s-lg-guide-label { display: block; }
  #s-lg-guide-header-url .s-lg-guide-label,
  #fu-s-lg-guide-header-attributes2 .s-lg-guide-label { margin-top: .75em; }
/*
  .fu-library-name-narrow svg {
    margin: .75rem 0 0 1.625rem;
    height: 1.33rem;
  }
*/
}





@media screen and (max-width: 450px) {
  .fu-header-action-row ul a,
  .fu-wrapper .fu-header-action-row div[id^="libchat_"] button {
    border: none;
  }
  .fu-header-action-row ul a span {
/*  .fu-wrapper .fu-header-action-row div[id^="libchat_"] button span { */
    display: none;
  }

  h1.fu-library-name a,
  h1.fu-library-name a:hover {
    font-size: 2.5rem;
  }

  h1#s-lg-guide-name {
    font-size: 1.625rem;
  }
}




@media screen and (max-width: 400px) {

 .fu-library-name-narrow .fu-logo-narrow {
   margin-left: 1rem;
 }

  #fu-header .navbar-default .navbar-toggle,
  #fu-header .navbar-default .navbar-toggle:active,
  #fu-header .navbar-default .navbar-toggle:focus {
    right: 1rem;
  }

  .fu-vision-logo {
    display: none;
  }

  .fu-social-icon-list {
    float: none;
  }

  #fu-header .nav .fa-chevron-down {
    margin-right: .625rem;
  }

}  /* end 400px media query */




@media screen and (max-width: 380px) {
  header h2 {
    font-size: 1.875rem;
    margin-top: 4.5625rem;
  }
  #fu-hours-wrapper {
    height: 4rem;
  }
  #fu-hours-wrapper:after {
    content: "";
    display: table;
    clear: both;
  }
  #fu-hours-wrapper .btn {
    /* line-height: 2.5rem; */
    margin-right: 0;
    margin: 0 15% 0 15%;
    padding-left: .375rem;
    padding-right: .375rem;
    white-space: normal;
    width: 70%;
  }
  #fu-hours-wrapper .btn-group {
    float: none;
    margin-right: 0;
    width: 100%;
  }
  #fu-hours-wrapper .dropdown-menu {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  #fu-hours-wrapper .dropdown-toggle {
    width: auto;
  }
  #fu-hours-wrapper .dropdown-menu > li > a {
    line-height: 2.625rem;
  }


} /* end 380px media query */


@media screen and (max-width: 325px) {
  .fu-logo-narrow svg {
    height: 1.35rem;
  }
}