/*
 * This file should only comprise of @imports.
 * Place all styles in appropriately named files.
 * See the ToC in _site.scss
 */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* LIBRARY
 * -----------------------------------------------------------------------------
 * Styling for custom elements used throughout the site.
 * -----------------------------------------------------------------------------*/
/*
 * TABLE OF CONTENTS
 * ---------------------------------------------------------------------------
 * 1. Utilities
 * 2. Buttons
 * 3. Forms
 * 4. Lists
 * 5. Navigation
 * 6. Tables
 * 7. Other/Misc
 * ---------------------------------------------------------------------------
 */
/**** Utilities ****/
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.clearfix {
  display: block;
}

.selfclear {
  clear: both;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.text-left {
  text-align: left;
}

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

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

.valign-top {
  vertical-align: top;
}

.valign-middle {
  vertical-align: middle;
}

.valign-bottom {
  vertical-align: bottom;
}

.relative {
  position: relative;
}

.no-margin {
  margin: 0;
}

.no-padding {
  padding: 0;
}

.hide {
  display: none;
}

/**** Buttons ****/
button {
  border: none;
  background: none;
}

.btn, .btn-primary, .content-primary .btn-search-large,
.mobile-search .btn-search-large, .content-primary .btn-search,
.mobile-search .btn-search, .btn-inverse, .btn-more, .search.dropdown > .dropdown-pane fieldset .btn-search-large, .btn-inverse:visited, .btn:visited, .btn-primary:visited, .content-primary .btn-search-large:visited,
.mobile-search .btn-search-large:visited, .content-primary .btn-search:visited,
.mobile-search .btn-search:visited, .btn-inverse:visited, .btn-more:visited, .search.dropdown > .dropdown-pane fieldset .btn-search-large:visited {
  border: 1px solid #C3C3C3;
  border-radius: 3px;
  color: #333333;
  display: inline-block;
  font-size: 0.9em;
  font-weight: bold;
  margin-top: 1px;
  padding: 0.3em 1.5em;
  text-decoration: none;
  vertical-align: text-bottom;
  background-color: #fefefe;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, lightgrey));
  background-image: -webkit-linear-gradient(#fefefe, lightgrey);
  background-image: linear-gradient(#fefefe, lightgrey);
}
.btn:hover, .btn-primary:hover, .content-primary .btn-search-large:hover,
.mobile-search .btn-search-large:hover, .content-primary .btn-search:hover,
.mobile-search .btn-search:hover, .btn-inverse:hover, .btn-more:hover, .search.dropdown > .dropdown-pane fieldset .btn-search-large:hover, .btn:visited:hover, .btn-primary:visited:hover, .content-primary .btn-search-large:visited:hover,
.mobile-search .btn-search-large:visited:hover, .content-primary .btn-search:visited:hover,
.mobile-search .btn-search:visited:hover, .btn-inverse:visited:hover, .btn-more:visited:hover, .search.dropdown > .dropdown-pane fieldset .btn-search-large:visited:hover {
  color: #333333;
  background-color: white;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, lightgrey));
  background-image: -webkit-linear-gradient(white, lightgrey);
  background-image: linear-gradient(white, lightgrey);
}
.btn:active, .btn-primary:active, .content-primary .btn-search-large:active,
.mobile-search .btn-search-large:active, .content-primary .btn-search:active,
.mobile-search .btn-search:active, .btn-inverse:active, .btn-more:active, .search.dropdown > .dropdown-pane fieldset .btn-search-large:active, .btn:visited:active, .btn-primary:visited:active, .content-primary .btn-search-large:visited:active,
.mobile-search .btn-search-large:visited:active, .content-primary .btn-search:visited:active,
.mobile-search .btn-search:visited:active, .btn-inverse:visited:active, .btn-more:visited:active, .search.dropdown > .dropdown-pane fieldset .btn-search-large:visited:active {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 1px 0 white;
  color: #333333;
  padding-top: 0.325em;
  padding-bottom: 0.275em;
  background-color: lightgrey;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, lightgrey), color-stop(100%, #fefefe));
  background-image: -webkit-linear-gradient(lightgrey, #fefefe);
  background-image: linear-gradient(lightgrey, #fefefe);
}
.btn.btn-disabled, .btn-disabled.btn-primary, .content-primary .btn-disabled.btn-search-large,
.mobile-search .btn-disabled.btn-search-large, .content-primary .btn-disabled.btn-search,
.mobile-search .btn-disabled.btn-search, .btn-disabled.btn-inverse, .btn-disabled.btn-more, .search.dropdown > .dropdown-pane fieldset .btn-disabled.btn-search-large, .btn:visited.btn-disabled, .btn-primary:visited.btn-disabled, .content-primary .btn-search-large:visited.btn-disabled,
.mobile-search .btn-search-large:visited.btn-disabled, .content-primary .btn-search:visited.btn-disabled,
.mobile-search .btn-search:visited.btn-disabled, .btn-inverse:visited.btn-disabled, .btn-more:visited.btn-disabled, .search.dropdown > .dropdown-pane fieldset .btn-search-large:visited.btn-disabled {
  background: #D3D3D3;
}

.btn-disabled {
  box-shadow: none !important;
  cursor: not-allowed;
  opacity: 0.5;
}

.btn-primary, .content-primary .btn-search-large,
.mobile-search .btn-search-large, .content-primary .btn-search,
.mobile-search .btn-search {
  border: none;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  color: #783e15;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
  background-color: #e1b370;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1b370), color-stop(100%, #dda85b));
  background-image: -webkit-linear-gradient(#e1b370, #dda85b);
  background-image: linear-gradient(#e1b370, #dda85b);
}
.btn-primary:hover, .content-primary .btn-search-large:hover,
.mobile-search .btn-search-large:hover, .content-primary .btn-search:hover,
.mobile-search .btn-search:hover, .btn-primary:active, .content-primary .btn-search-large:active,
.mobile-search .btn-search-large:active, .content-primary .btn-search:active,
.mobile-search .btn-search:active {
  color: #783e15;
  background-color: #e6be85;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6be85), color-stop(100%, #dda85b));
  background-image: -webkit-linear-gradient(#e6be85, #dda85b);
  background-image: linear-gradient(#e6be85, #dda85b);
}
.btn-primary.btn-disabled, .content-primary .btn-disabled.btn-search-large,
.mobile-search .btn-disabled.btn-search-large, .content-primary .btn-disabled.btn-search,
.mobile-search .btn-disabled.btn-search {
  background: #dda85b;
}

.btn-inverse, .btn-more, .search.dropdown > .dropdown-pane fieldset .btn-search-large, .btn-inverse:visited, .btn-more:visited, .search.dropdown > .dropdown-pane fieldset .btn-search-large:visited {
  border: none;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  color: white;
  background-color: #4f4f4f;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4f4f4f), color-stop(100%, #333333));
  background-image: -webkit-linear-gradient(#4f4f4f, #333333);
  background-image: linear-gradient(#4f4f4f, #333333);
}
.btn-inverse:hover, .btn-more:hover, .search.dropdown > .dropdown-pane fieldset .btn-search-large:hover, .btn-inverse:visited:hover, .btn-more:visited:hover, .search.dropdown > .dropdown-pane fieldset .btn-search-large:visited:hover {
  color: white;
  background-color: #5c5c5c;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5c5c5c), color-stop(100%, #333333));
  background-image: -webkit-linear-gradient(#5c5c5c, #333333);
  background-image: linear-gradient(#5c5c5c, #333333);
}
.btn-inverse:active, .btn-more:active, .search.dropdown > .dropdown-pane fieldset .btn-search-large:active, .btn-inverse:visited:active, .btn-more:visited:active, .search.dropdown > .dropdown-pane fieldset .btn-search-large:visited:active {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
  color: white;
  padding-top: 0.4em;
  padding-bottom: 0.3em;
  background-color: #333333;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #4f4f4f));
  background-image: -webkit-linear-gradient(#333333, #4f4f4f);
  background-image: linear-gradient(#333333, #4f4f4f);
}
.btn-inverse.btn-disabled, .btn-disabled.btn-more, .search.dropdown > .dropdown-pane fieldset .btn-disabled.btn-search-large, .btn-inverse:visited.btn-disabled, .btn-more:visited.btn-disabled, .search.dropdown > .dropdown-pane fieldset .btn-search-large:visited.btn-disabled {
  background: #333333;
}

.btn-more {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  padding: 0.5em 1.0em;
}
.btn-more:after {
  background: url("icon-arrow-right.png") no-repeat 0 0;
  content: '';
  display: inline-block;
  height: 19px;
  margin: 0 0 0 0.5em;
  width: 19px;
  vertical-align: middle;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .btn-more:after {
    background-image: url("icon-arrow-right_2x.png");
    background-size: 19px 19px;
  }
}
.btn-more:active {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.15);
  padding-top: 0.6em;
  padding-bottom: 0.4em;
}

.btn-calendar {
  color: #333333;
  font-weight: bold;
}
.btn-calendar:before {
  background: url("icon-calendar.png") no-repeat 0 0;
  content: '';
  display: inline-block;
  height: 21px;
  margin-right: 0.6em;
  vertical-align: bottom;
  width: 18px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .btn-calendar:before {
    background-image: url("icon-calendar_2x.png");
    background-size: 18px 21px;
  }
}

.btn-prev:before {
  content: '\25C0';
  font-size: 0.75em;
  margin-right: 0.5em;
  vertical-align: middle;
}

.btn-next:after {
  content: '\25B6';
  font-size: 0.75em;
  margin-left: 0.5em;
  vertical-align: middle;
}

.btn-small {
  font-size: 0.75em;
  padding: 0.1em 0.8em;
}
.btn-small:active {
  padding-top: 0.15em;
  padding-bottom: 0.075em;
}

.btn-large, .content-primary .btn-search-large,
.mobile-search .btn-search-large, .search.dropdown > .dropdown-pane fieldset .btn-search-large {
  font-size: 1.25em;
  padding: 0.45em 1.5em;
  vertical-align: top;
}
.btn-large:active, .content-primary .btn-search-large:active,
.mobile-search .btn-search-large:active, .search.dropdown > .dropdown-pane fieldset .btn-search-large:active {
  padding-top: 0.5em;
  padding-bottom: 0.45em;
}

/**** Forms ****/
form {
  margin-bottom: 2em;
}

input,
input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"],
label {
  font-size: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input.input-mega,
input[type="email"].input-mega, input[type="number"].input-mega, input[type="password"].input-mega, input[type="search"].input-mega, input[type="tel"].input-mega, input[type="text"].input-mega, input[type="url"].input-mega, input[type="color"].input-mega, input[type="date"].input-mega, input[type="datetime"].input-mega, input[type="datetime-local"].input-mega, input[type="month"].input-mega, input[type="time"].input-mega, input[type="week"].input-mega,
label.input-mega {
  font-size: 1.15em;
  padding: 0.5em 0.75em;
}

input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"] {
  height: 100%;
  line-height: 1.0em;
}

select {
  width: auto;
}

label {
  font-size: 0.92857em;
  font-weight: 500;
}

.form-inline-grouped .control-group {
  display: inline-block;
}

.form-gray {
  background: #efefef;
  border-radius: 3px;
  padding-top: 1px;
}
.form-gray header,
.form-gray fieldset {
  padding: 0 1em;
}
.form-gray h1 {
  border-bottom: 1px solid #D4D4D4;
  font-size: 1.857em;
  padding-bottom: 0.5em;
}
.form-gray .form-actions {
  border: none;
  border-radius: 0 0 3px 3px;
  margin-bottom: 0;
}

.form-actions {
  background: #E3E3E3;
}

.tabbable form {
  margin-bottom: 0;
}

.full-width-search .search-query-field {
  margin-right: 1%;
  width: 83%;
}
.full-width-search button {
  padding-left: 2% !important;
  padding-right: 2% !important;
  width: 15%;
}

form.horizontal .field-group {
  float: left;
}
form.horizontal label {
  float: left;
  margin-right: 2%;
  margin-top: .3em;
}
form.horizontal input[type="email"], form.horizontal input[type="number"], form.horizontal input[type="password"], form.horizontal input[type="search"], form.horizontal input[type="tel"], form.horizontal input[type="text"], form.horizontal input[type="url"], form.horizontal input[type="color"], form.horizontal input[type="date"], form.horizontal input[type="datetime"], form.horizontal input[type="datetime-local"], form.horizontal input[type="month"], form.horizontal input[type="time"], form.horizontal input[type="week"], form.horizontal select, form.horizontal textarea, form.horizontal .selector {
  float: left;
}

/**** Lists ****/
.list-horizontal, .nav-simple, #library-address,
#nav-footer-tools, .nav-social, #nav-footer-social > ul, #nav-utilities, #nav-primary > ul, .breadcrumbs > ul {
  margin: 0;
  padding: 0;
}
.list-horizontal > li, .nav-simple > li, #library-address > li,
#nav-footer-tools > li, .nav-social > li, #nav-footer-social > ul > li, #nav-utilities > li, #nav-primary > ul > li, .breadcrumbs > ul > li {
  display: inline-block;
}

.list-unstyled, .nav-simple-list, .dropdown > .dropdown-pane {
  margin: 0;
  padding: 0;
}
.list-unstyled > li, .nav-simple-list > li, .dropdown > .dropdown-pane > li {
  list-style: none;
}

/**** Navigation ****/
.nav-simple > li:after, #library-address > li:after,
#nav-footer-tools > li:after {
  color: #555555;
  content: '|';
  display: inline-block;
  padding: 0 0.5em 0 0.55em;
}
.nav-simple > li:last-child:after, #library-address > li:last-child:after,
#nav-footer-tools > li:last-child:after {
  content: '';
  display: none;
}
.nav-simple > li > a, #library-address > li > a,
#nav-footer-tools > li > a {
  font-weight: 500;
  text-decoration: none;
}

#nav-use-library > ul > li > a {
  background: url("icon-use-library.png") no-repeat 0 3px;
  display: block;
  padding-left: 35px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #nav-use-library > ul > li > a {
    background-image: url("icon-use-library_2x.png");
    background-size: 365px 195px;
  }
}
#nav-use-library > ul > li > a:hover {
  background-position: -344px 3px;
}
#nav-use-library > ul > li.interlibrary-loan > a {
  background-position: 0 -33px;
}
#nav-use-library > ul > li.interlibrary-loan > a:hover {
  background-position: -344px -33px;
}
#nav-use-library > ul > li.oak > a {
  background-position: 0 -68px;
}
#nav-use-library > ul > li.oak > a:hover {
  background-position: -344px -68px;
}
#nav-use-library > ul > li.research-guides > a {
  background-position: 0 -104px;
}
#nav-use-library > ul > li.research-guides > a:hover {
  background-position: -344px -104px;
}
#nav-use-library > ul > li.study-rooms > a {
  background-position: 0 -139px;
}
#nav-use-library > ul > li.study-rooms > a:hover {
  background-position: -344px -139px;
}
#nav-use-library > ul > li.technology > a {
  background-position: 0 -174px;
}
#nav-use-library > ul > li.technology > a:hover {
  background-position: -344px -174px;
}

.nav-social > li, #nav-footer-social > ul > li {
  margin: 0 0 0 0.2em;
  vertical-align: top;
}
.nav-social > li > a, #nav-footer-social > ul > li > a {
  background: #222222 url("icon-social.png") no-repeat 6px 5px;
  border-radius: 3px;
  display: block;
  height: 27px;
  width: 27px;
  color: transparent;
  font: 0/0 a;
  text-shadow: none;
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .nav-social > li > a, #nav-footer-social > ul > li > a {
    background-image: url("icon-social_2x.png");
    background-size: auto 17px;
  }
}
.nav-social > li > a:hover, #nav-footer-social > ul > li > a:hover {
  background-color: #3c3c3c;
}
.nav-social > li.facebook > a, #nav-footer-social > ul > li.facebook > a {
  background-position: -17px 5px;
}
.nav-social > li.rss > a, #nav-footer-social > ul > li.rss > a {
  background-position: -40px 5px;
}

.nav-widget.widget .widget-title {
  font-size: 1.714em;
}
.nav-widget > ul {
  font-size: 0.9em;
  margin: 0;
  padding: 0;
}
.nav-widget > ul > li {
  display: inline-block;
  padding: 0.7em 0;
  width: 100%;
}
@media screen and (min-width: 400px) {
  .nav-widget > ul > li {
    width: 48%;
  }
}
@media screen and (min-width: 768px) {
  .nav-widget > ul > li {
    width: 32%;
  }
}
@media screen and (min-width: 850px) {
  .nav-widget > ul > li {
    display: list-item;
    width: auto;
  }
}
.nav-widget a, .nav-widget a:visited {
  color: #333333;
  text-decoration: none;
}
.nav-widget a:hover, .nav-widget a:active {
  color: #003d48;
}

.nav-simple-list {
  border-top: 1px solid #B1B1B1;
}
.nav-simple-list > li {
  border-bottom: 1px solid #B1B1B1;
  border-top: 1px solid #ECECEC;
  padding: 0.5em 0;
}
.nav-simple-list > li:last-child {
  border-bottom: none;
}
.nav-simple-list a {
  font-family: "Roboto Condensed", Helvetica, sans-serif;
  font-size: 1.143em;
  font-weight: 700;
  text-decoration: none;
}
.nav-simple-list .link-label {
  display: none;
  font-size: 0.857em;
  line-height: 1.5em;
}
@media screen and (min-width: 1000px) {
  .nav-simple-list .link-label {
    display: block;
  }
}

.dropdown {
  position: relative;
}
.dropdown > a {
  margin-bottom: 0.4em;
}
.dropdown.active > a {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  margin-bottom: 0;
  padding-bottom: 0.4em !important;
}
.dropdown.active > .dropdown-pane {
  display: block;
}
.dropdown > a:after {
  content: '\25BC';
  display: inline-block;
  font-size: 0.6em;
  margin: 0 0 0 5px;
}
.dropdown > .dropdown-pane {
  background: #474747;
  border-radius: 0 3px 3px 3px;
  display: none;
  left: 0;
  padding: 0.5em 0;
  position: absolute;
  text-align: left;
  top: 100%;
  width: 200px;
  z-index: 100;
}
.dropdown > .dropdown-pane > li > a {
  display: block;
  padding: 0.5em 1.0em !important;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

.dropdown.off-screen > .dropdown-pane {
  border-radius: 3px 0 3px 3px;
  left: auto;
  right: 0;
}

.no-touch .dropdown > ul:hover a {
  color: #999999 !important;
}
.no-touch .dropdown > ul:hover a:hover {
  color: white !important;
}

.upper {
  text-transform: uppercase;
}

.nav-tabs {
  font-weight: bold;
  padding-left: 0;
}
.nav-tabs > li > a {
  border: 1px solid #C1C1C1;
  border-bottom: none;
  color: #333333;
  font-size: 0.929em;
  margin: 0;
  padding: 0.25em 1em;
  text-decoration: none;
  text-shadow: 1px solid white;
  background-color: #e7e7e7;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e7e7e7), color-stop(100%, #dddddd));
  background-image: -webkit-linear-gradient(#e7e7e7, #dddddd);
  background-image: linear-gradient(#e7e7e7, #dddddd);
}
.nav-tabs > li > a:hover {
  border-color: #C1C1C1;
  background-color: #f4f4f4;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #dddddd));
  background-image: -webkit-linear-gradient(#f4f4f4, #dddddd);
  background-image: linear-gradient(#f4f4f4, #dddddd);
}
.nav-tabs > li.active > a {
  background: white;
}

.list-link {
  color: #555555;
  font-weight: bold;
  margin-right: .5em;
  text-decoration: none;
}
.list-link:hover {
  color: #333333;
}

/**** Tables ****/
.table-bordered th, .table-bordered td {
  border-left-width: 0;
}
.table-bordered th:first-child, .table-bordered td:first-child {
  border-left-width: 1px;
}

.table-nested {
  border-bottom: 1px solid #DDDDDD;
}
.table-nested th, .table-nested td {
  border-top: none;
}
.table-nested table {
  border-top: 1px solid #DDDDDD;
  margin-bottom: 0;
}

.table-blue thead th,
.table-blue tbody td {
  font-size: 0.857em;
  text-align: center;
}
.table-blue thead tr:first-child th {
  background: #00687b;
  color: #9ecad6;
  border-left-width: 0;
}
.table-blue thead tr:first-child th:first-child {
  border-left-width: 1px;
  color: white;
  font-size: 1.0714em;
  text-align: left;
}
.table-blue thead th {
  background: #D8D8D8;
  border-left: 1px solid #BFBFBF;
  color: #333333;
}
.table-blue tbody td {
  background: #F3F3F3;
  border-left: 1px solid #BFBFBF;
  font-weight: 400;
}
.table-blue tbody td:first-child {
  text-align: left;
}

th.label, th.division, td.label, td.division {
  color: #555555;
}
th.name, td.name {
  font-weight: bold;
}
th.phone, td.phone {
  min-width: 106px;
}
th.email, td.email {
  min-width: 250px;
}

/**** Other/Misc ****/
.oucampus-wysiwyg {
  background: #fff;
}

.logo-vandy-library {
  background: url("logo-vandy-library.png") no-repeat 0 0;
  display: inline-block;
  height: 100px;
  width: 255px;
  color: transparent;
  font: 0/0 a;
  text-shadow: none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .logo-vandy-library {
    background-image: url("logo-vandy-library_2x.png");
    background-size: 255px 100px;
  }
}
.logo-vandy-library > a {
  display: block;
  height: 60px;
  width: 100%;
}
.logo-vandy-library > a.location-link {
  height: 40px;
}

.library-central .logo-vandy-library {
  background-image: url("logo-vandy-library-central.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .library-central .logo-vandy-library {
    background-image: url("logo-vandy-library-central_2x.png");
  }
}

.library-management .logo-vandy-library {
  background-image: url("logo-vandy-library-management.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .library-management .logo-vandy-library {
    background-image: url("logo-vandy-library-management_2x.png");
  }
}

.library-law .logo-vandy-library {
  background-image: url("logo-vandy-library-law.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .library-law .logo-vandy-library {
    background-image: url("logo-vandy-library-law_2x.png");
  }
}

.library-science .logo-vandy-library {
  background-image: url("logo-vandy-library-science.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .library-science .logo-vandy-library {
    background-image: url("logo-vandy-library-science_2x.png");
  }
}

.library-peabody .logo-vandy-library {
  background-image: url("logo-vandy-library-peabody.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .library-peabody .logo-vandy-library {
    background-image: url("logo-vandy-library-peabody_2x.png");
  }
}

.library-divinity .logo-vandy-library {
  background-image: url("logo-vandy-library-divinity.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .library-divinity .logo-vandy-library {
    background-image: url("logo-vandy-library-divinity_2x.png");
  }
}

.library-music .logo-vandy-library {
  background-image: url("logo-vandy-library-music.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .library-music .logo-vandy-library {
    background-image: url("logo-vandy-library-music_2x.png");
  }
}

.library-eskind .logo-vandy-library {
  background-image: url("logo-vandy-library-eskind.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .library-eskind .logo-vandy-library {
    background-image: url("logo-vandy-library-eskind_2x.png");
  }
}

.library-special .logo-vandy-library {
  background-image: url("logo-vandy-library-special.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .library-special .logo-vandy-library {
    background-image: url("logo-vandy-library-special_2x.png");
  }
}

.no-results {
  color: #999999;
  font-weight: bold;
}

.post-title,
.entry-title {
  margin-top: 0;
}

.sub-head {
  color: #555555;
  font-size: 1.25em;
  margin: -0.75em 0 2.0em 0;
}

.no-feature .post-title {
  margin-top: 0;
}

.callout-text {
  color: #993d1b;
  display: inline-block;
  font-style: italic;
  font-weight: 500;
}

.callout-title {
  color: #dda85b;
  font-family: "Roboto", Helvetica, sans-serif;
  font-size: 1.643em;
  margin: 0.5em 0;
}

.callout-link,
.callout-link:visited {
  color: #993d1b;
  font-weight: 500;
  text-decoration: none;
}
.callout-link:hover,
.callout-link:visited:hover {
  color: #833417;
}

.callout-box {
  background: #efefef;
  border-radius: 3px;
  margin-bottom: 3em;
}
.callout-box h4 {
  background: #00687b;
  border-radius: 3px 3px 0 0;
  color: white;
  font-size: 1.643em;
  font-weight: 400;
  margin: 0;
  padding: 0.5em 3%;
}
.callout-box h5 {
  font-size: 1.357em;
}
.callout-box .callout-content {
  margin-top: 1em;
  padding: 0 3% 1em;
}
.callout-box .callout-content img {
  border-radius: 3px;
  height: auto;
  max-width: 100%;
}
.callout-box .callout-content ul {
  font-size: 1.071em;
  font-weight: 400;
  padding-left: 1.5em;
}
.callout-box .callout-content a {
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .callout-small {
    float: right;
    margin-left: 4%;
    max-width: 450px;
    width: 55%;
  }
}

.blue-box, .embed-video .embed-text {
  background: #00687b;
  color: white;
  padding: 1.0em 1.75em;
}
.blue-box h1, .embed-video .embed-text h1 {
  color: white;
  font-family: "Roboto", Helvetica, sans-serif;
  font-weight: 500;
  margin: 0;
}
.blue-box h3, .embed-video .embed-text h3 {
  color: #99C3CC;
  font-size: 1.357em;
  font-family: "Roboto", Helvetica, sans-serif;
  margin: 0 0 1.0em 0;
}
.blue-box h6, .embed-video .embed-text h6 {
  border-bottom: 1px solid #99C3CC;
  color: #99C3CC;
  font-family: "Roboto Condensed", Helvetica, sans-serif;
  font-size: 1.071em;
  padding-bottom: 0.5em;
}

.lead {
  font-size: 1.214em;
  line-height: 1.5em;
}

.well {
  background: #efefef;
  border-radius: 3px;
  padding: 1em;
}
.well > *:last-child {
  margin-bottom: 0;
}

.title-link,
.title-link:visited {
  color: black;
  text-decoration: none;
}
.title-link:hover,
.title-link:visited:hover {
  color: #555555;
}

.more-link, .more-link-large,
.more-link:visited,
.more-link-large:visited {
  color: #222222;
  float: right;
  font-size: 0.714em;
  font-weight: 500;
  text-decoration: none;
}
.more-link:after, .more-link-large:after,
.more-link:visited:after,
.more-link-large:visited:after {
  background: url("icon-arrow-right-gold.png") no-repeat 0 0;
  content: '';
  display: inline-block;
  height: 15px;
  margin-left: 0.5em;
  vertical-align: middle;
  width: 15px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .more-link:after, .more-link-large:after,
  .more-link:visited:after,
  .more-link-large:visited:after {
    background-image: url("icon-arrow-right-gold_2x.png");
    background-size: 15px 15px;
  }
}

p > .more-link, p > .more-link-large {
  display: inline-block;
  float: none;
  font-size: 0.92857em;
  margin-left: 0.5em;
}

.more-link-large {
  font-size: 1.0em;
  font-weight: bold;
}
.more-link-large:after {
  background: url("icon-arrow-right-gold-large.png") no-repeat 0 0;
  height: 19px;
  width: 19px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .more-link-large:after {
    background-image: url("icon-arrow-right-gold-large_2x.png");
    background-size: 19px 19px;
  }
}

.more-link-simple {
  display: block;
  font-size: 0.92857em;
  text-decoration: none;
  font-weight: 700;
}

.section-header {
  border-bottom: 1px solid #efefef;
  color: #993d1b;
  display: block;
  font-size: 1.2em;
  margin-bottom: 2em;
  padding-bottom: 1em;
}

.widget {
  border-bottom: 1px solid #efefef;
  margin-bottom: 1em;
  padding-bottom: 1em;
  *zoom: 1;
}
.widget:before, .widget:after {
  content: " ";
  display: table;
}
.widget:after {
  clear: both;
}
.widget:last-child {
  border-bottom: none;
}
.widget .widget-title {
  font-family: "Roboto Condensed", Helvetica, sans-serif;
  font-size: 1.429em;
  font-weight: 300;
}
.widget .widget-subhead {
  color: #222222;
  font-family: "Roboto Condensed", Helvetica, sans-serif;
  font-size: 1.071em;
  font-weight: 400;
  margin-bottom: 0.25em;
  text-transform: none;
}
.widget img {
  border-radius: 3px;
  height: auto;
  width: 100%;
}
.widget p {
  font-size: 0.85em;
}

.widget:first-child .widget-title {
  margin-top: 0;
}
@media screen and (min-width: 850px) {
  .widget:first-child .widget-title {
    margin-top: 0.67em;
  }
}

.widget-teaser {
  display: none;
}
@media screen and (min-width: 850px) {
  .widget-teaser {
    display: block;
  }
}
.widget-teaser p {
  margin-bottom: 0;
}

.ui-datepicker {
  font-size: 14px;
  margin: 2.5em 0 0 -2em;
}

.ui-state-default,
.ui-state-hover {
  background: none !important;
  border: none !important;
}

.ui-state-hover {
  opacity: 0.8;
  top: 2px !important;
}

.ui-datepicker-prev-hover {
  left: 2px !important;
}

.ui-datepicker-next-hover {
  right: 2px !important;
}

.collections .collection {
  margin-bottom: 1.5em;
}
@media screen and (min-width: 768px) {
  .collections .collection {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 31.76157%;
  }
  .collections .collection:last-child {
    margin-right: 0;
  }
  .collections .collection:nth-child(3n+3) {
    margin-right: 0;
  }
}
.collections .collection a {
  text-decoration: none;
}
.collections .collection h4 {
  font-family: "Roboto Condensed", Helvetica, sans-serif;
  font-size: 1.286em;
  font-weight: 400;
  margin-top: 0.25em;
  min-height: 42px;
}
.collections .collection img {
  border-radius: 3px;
  height: auto;
  width: 100%;
}

.header-tabbed {
  border-bottom: 1px solid #E1E1E1;
  margin-bottom: 2em;
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 100%;
}
.header-tabbed:last-child {
  margin-right: 0;
}
.header-tabbed h1 {
  margin-bottom: 0.25em;
}
@media screen and (min-width: 850px) {
  .header-tabbed h1 {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 40.29137%;
  }
  .header-tabbed h1:last-child {
    margin-right: 0;
  }
}
.header-tabbed .nav-simple, .header-tabbed #library-address,
.header-tabbed #nav-footer-tools {
  margin-bottom: 0.75em;
}
@media screen and (min-width: 850px) {
  .header-tabbed .nav-simple, .header-tabbed #library-address,
  .header-tabbed #nav-footer-tools {
    margin-top: 2em;
    text-align: right;
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 57.35098%;
  }
  .header-tabbed .nav-simple:last-child, .header-tabbed #library-address:last-child,
  .header-tabbed #nav-footer-tools:last-child {
    margin-right: 0;
  }
}
.header-tabbed .nav-simple li, .header-tabbed #library-address li,
.header-tabbed #nav-footer-tools li {
  margin-left: 1em;
}
.header-tabbed .nav-simple li:first-child, .header-tabbed #library-address li:first-child,
.header-tabbed #nav-footer-tools li:first-child {
  margin-left: 0;
}
.header-tabbed .nav-simple li:after, .header-tabbed #library-address li:after,
.header-tabbed #nav-footer-tools li:after {
  display: none;
}
.header-tabbed .nav-simple a, .header-tabbed #library-address a,
.header-tabbed #nav-footer-tools a {
  font-weight: 500;
  text-decoration: none;
}

.promo-photo {
  color: white;
  margin-bottom: 1em;
  max-width: 415px;
  position: relative;
}
.promo-photo img {
  border-radius: 3px;
  height: auto;
  vertical-align: top;
  width: 100%;
}
.promo-photo .promo-text {
  display: block;
  bottom: 0;
  padding: 1em 4%;
  position: absolute;
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(15%, rgba(0, 0, 0, 0.25)), color-stop(100%, rgba(0, 0, 0, 0.65)));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 15%, rgba(0, 0, 0, 0.65));
  background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 15%, rgba(0, 0, 0, 0.65));
}
.promo-photo h3 {
  color: white;
  display: inline-block;
  font-family: "Roboto", Helvetica, sans-serif;
  font-size: 1.05em;
  font-weight: 400;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .promo-photo h3 {
    font-size: 1.929em;
  }
}
.promo-photo .caption {
  display: none;
}
@media screen and (min-width: 768px) {
  .promo-photo .caption {
    display: inline-block;
  }
}
.promo-photo .more-link-large {
  color: white;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .promo-photo .more-link-large {
    margin-top: 0.5em;
  }
}
@media screen and (min-width: 768px) {
  .promo-photo.promo-caption h3 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    display: block;
    margin-bottom: 0.45em;
    padding-bottom: 0.25em;
  }
}
.promo-photo.promo-caption .more-link-large {
  margin-top: 0;
}

.embed-video {
  margin-bottom: 2em;
  overflow: hidden;
  z-index: 0;
}
.embed-video .embed-date {
  color: #99C3CC;
  font-size: 0.786em;
  text-transform: uppercase;
}
.embed-video h1 {
  font-size: 1.429em;
}
.embed-video h6 {
  margin-top: 0;
}
.embed-video p {
  font-size: 0.929em;
}
.embed-video p:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 850px) {
  .embed-caption-side {
    display: table;
  }
}
@media screen and (min-width: 850px) {
  .embed-caption-side .embed-frame {
    display: table-cell;
    padding-right: 2.35765%;
    width: 68.23843%;
    padding: 0;
  }
  .embed-caption-side .embed-frame:last-child {
    width: 65.88078%;
    padding-right: 0;
  }
}
@media screen and (min-width: 850px) {
  .embed-caption-side .embed-text {
    vertical-align: top;
    display: table-cell;
    padding-right: 2.35765%;
    width: 34.11922%;
    padding: 0.75em 1.5em !important;
  }
  .embed-caption-side .embed-text:last-child {
    width: 31.76157%;
    padding-right: 0;
  }
}
@media screen and (min-width: 850px) {
  .embed-caption-side .embed-text h1 {
    font-size: 2em;
    margin: 0.75em 0;
  }
}
@media screen and (min-width: 850px) {
  .embed-caption-side .embed-text h6 {
    margin-top: 0.67em;
  }
}

/**** WordPress defaults ****/
.aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.alignright {
  float: right;
}

.alignleft {
  float: left;
}

.wp-caption {
  background: #fff;
  max-width: 100%;
  text-align: center;
}
.wp-caption a {
  display: block;
}
.wp-caption .wp-caption-text {
  font-size: 0.786em;
  margin: 0;
  padding: 0 0.3em 0.4em;
}

/*
 * PLEASE, PLEASE, PLEASE...
 * Organize your CSS. Do not simply throw your CSS at the end
 * of this file. Read the table of contents and _use_ it.
 */
/*
 * TABLE OF CONTENTS
 * ---------------------------------------------------------------------------
 * 1. Globals - Default HTML element styling.
 * 2. Template - Styling for the structure of the site.
 * 3. Legacy Browsers - Styling and fixes for legacy browsers.
 * ---------------------------------------------------------------------------
 */
/* Things to place in separate files...
 * ---------------------------------------------------------------------------
 * _library.scss: Styling for custom classes used throughout the site.
 * _page_name.scss: Styling for page/state specific elements. Name the
 *                  file appropriately.
 * ---------------------------------------------------------------------------
 */
/* GLOBALS
 * -----------------------------------------------------------------------------
 * Styling for default HTML elements.
 * -----------------------------------------------------------------------------*/
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  -webkit-font-smoothing: antialiased;
}

a, a:visited {
  color: #00687b;
}

a:hover, a:active {
  color: #003d48;
}

p {
  margin: 0 0 1.5em 0;
}

blockquote {
  border-left: 8px solid #DDDDDD;
  margin-left: 0;
  padding-left: 2em;
}
blockquote > p {
  font-size: 1.5em;
  line-height: 1.3em;
}

small {
  font-size: 85%;
}

h1, h2, h3, .h3, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Roboto Condensed", Helvetica, sans-serif;
  font-weight: 300;
  line-height: 1.2em;
  margin: 0.67em 0;
}

h1, .h1 {
  color: #993d1b;
  font-size: 2.642em;
  line-height: 1.2em;
  margin: 0.5em 0;
}

h2, h3, .h3, .h2 {
  color: #993d1b;
  font-size: 2.215em;
  font-weight: 400;
  line-height: 1.2em;
}

h3, .h3 {
  color: #00687b;
}

h4, .h4 {
  color: #993d1b;
  font-family: "Roboto", Helvetica, sans-serif;
  font-size: 1.357em;
  font-weight: 700;
}

h5, .h5 {
  font-family: "Roboto", Helvetica, sans-serif;
  font-size: 1.071em;
  font-weight: 500;
  line-height: 1.5em;
}

h6, .h6 {
  color: #555555;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.857em;
  font-weight: 700;
  line-height: 1.5em;
  text-transform: uppercase;
}

dl {
  color: #555555;
  margin-bottom: 22px;
}

dt,
dd {
  line-height: 22px;
}

dt {
  font-weight: bold;
}

dd {
  margin-bottom: 2em;
  margin-left: 0;
}

.dl-horizontal dt {
  clear: left;
  float: left;
  text-align: right;
  width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dl-horizontal dd {
  margin-left: 130px;
}

hr {
  background-color: #DADADA;
  border: none;
  height: 1px;
}

menu, ol, ul {
  padding: 0 1.5em;
}

/* TEMPLATE
 * -----------------------------------------------------------------------------
 * Styling for the structure of the site.
 * -----------------------------------------------------------------------------*/
.wrap {
  *zoom: 1;
  max-width: 77.71429em;
  margin-left: auto;
  margin-right: auto;
}
.wrap:before, .wrap:after {
  content: " ";
  display: table;
}
.wrap:after {
  clear: both;
}

#header-primary,
#content-page,
#footer-primary {
  padding: 0 1em;
}
@media screen and (min-width: 768px) {
  #header-primary,
  #content-page,
  #footer-primary {
    padding: 0 1.25em;
  }
}

#header-primary {
  background: #0b0b0b url("bg-header.jpg") repeat-x 0 0;
  border-top: 2px solid #dda85b;
  padding-bottom: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #header-primary {
    background-image: url("bg-header_2x.jpg");
    background-size: 117px 122px;
  }
}
#header-primary .branding {
  margin-top: 2em;
  margin-bottom: 0.5em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #header-primary .branding {
    margin-top: 0.5em;
    text-align: left;
  }
}
@media screen and (min-width: 1015px) {
  #header-primary .branding {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 23.23176%;
  }
  #header-primary .branding:last-child {
    margin-right: 0;
  }
}
#header-primary .logo-vandy-library {
  margin-left: -15px;
}

#nav-utilities {
  background: #dda85b;
  border-radius: 0 0 3px 3px;
  color: white;
  font-size: 0.85em;
  font-weight: 400;
  padding: 0.25em 1.5em;
  position: absolute;
  right: 0;
  top: 0;
}
#nav-utilities > li {
  border-left: 1px solid white;
  margin-left: 0.6em;
  padding-left: 0.8em;
}
#nav-utilities > li:first-child {
  border: none;
  margin-left: 0;
  padding-left: 0;
}
#nav-utilities > li.nav-peoplefinder, #nav-utilities > li.nav-email {
  display: none;
}
@media screen and (min-width: 768px) {
  #nav-utilities > li.nav-peoplefinder, #nav-utilities > li.nav-email {
    display: inline-block;
  }
}
#nav-utilities a {
  color: white;
  text-decoration: none;
}
#nav-utilities a:hover {
  color: #e6e6e6;
}

#nav-primary {
  font-size: 0.9em;
  font-weight: 500;
  margin-bottom: 2em;
  *zoom: 1;
}
#nav-primary:before, #nav-primary:after {
  content: " ";
  display: table;
}
#nav-primary:after {
  clear: both;
}
@media screen and (min-width: 768px) {
  #nav-primary {
    display: block;
  }
}
@media screen and (min-width: 1015px) {
  #nav-primary {
    margin-top: 4em;
    text-align: right;
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 74.41059%;
    margin-right: 0;
  }
  #nav-primary:last-child {
    margin-right: 0;
  }
}
#nav-primary .nav-mobile {
  text-align: center;
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 100%;
}
#nav-primary .nav-mobile:last-child {
  margin-right: 0;
}
@media screen and (min-width: 768px) {
  #nav-primary .nav-mobile {
    display: none;
  }
}
#nav-primary .nav-mobile > li {
  width: 48%;
}
#nav-primary .nav-mobile a {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
#nav-primary .nav-mobile .locations a {
  background-color: #4e4e4e;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4e4e4e), color-stop(100%, #333333));
  background-image: -webkit-linear-gradient(#4e4e4e, #333333);
  background-image: linear-gradient(#4e4e4e, #333333);
}
#nav-primary .nav-tablet {
  display: none;
}
@media screen and (min-width: 768px) {
  #nav-primary .nav-tablet {
    display: block;
  }
}
#nav-primary > ul > li {
  margin: 0 0.2em;
}
#nav-primary > ul > li:first-child {
  margin-left: 0;
}
#nav-primary > ul > li:last-child {
  margin-right: 0;
}
#nav-primary > ul > li > a,
#nav-primary .dropdown-pane > li > a {
  border-radius: 3px;
  color: white;
  display: block;
  padding: 0.15em 1em;
  text-decoration: none;
  text-shadow: 0 1px 0 black;
}
#nav-primary > ul > li > a:after,
#nav-primary .dropdown-pane > li > a:after {
  color: #999999;
}
#nav-primary .search > a {
  background: #dda85b;
  color: #783e15;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}
#nav-primary .search > a:after {
  color: #783e15;
}
#nav-primary .hours > a {
  background-color: #4e4e4e;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4e4e4e), color-stop(100%, #333333));
  background-image: -webkit-linear-gradient(#4e4e4e, #333333);
  background-image: linear-gradient(#4e4e4e, #333333);
}

.no-touch #nav-primary > ul > li > a:hover,
#nav-primary > ul > li.active > a {
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #6e6e6e;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6e6e6e), color-stop(100%, #474747));
  background-image: -webkit-linear-gradient(#6e6e6e, #474747);
  background-image: linear-gradient(#6e6e6e, #474747);
}
.no-touch #nav-primary > ul > li > a:hover:after,
#nav-primary > ul > li.active > a:after {
  color: white;
}

.mobile-search {
  text-align: center;
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 100%;
}
.mobile-search:last-child {
  margin-right: 0;
}
@media screen and (min-width: 768px) {
  .mobile-search {
    display: none;
  }
}
.mobile-search .search-query-field {
  margin: 0 2% 0 0;
  width: 80%;
}
.mobile-search .btn-search-large {
  padding: 0.55em 0;
  width: 15%;
}

#content-page {
  background: #efefef;
}
#content-page > .wrap {
  background: white;
  position: relative;
  z-index: 1;
}

.feature-piece {
  background: #999999;
  border-radius: 3px;
  margin: -20px 0 1em 0;
  -webkit-transition: background-color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
@media screen and (min-width: 768px) {
  .feature-piece {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 100%;
    margin-right: 0;
  }
  .feature-piece:last-child {
    margin-right: 0;
  }
}
.feature-piece > * {
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.feature-piece > img {
  border-radius: 3px 3px 0 0;
  height: auto;
  vertical-align: top;
  width: 100%;
}

.breadcrumbs {
  color: #666666;
  font-size: 0.929em;
  font-weight: 500;
  margin-bottom: 1em;
  padding: 0 1em;
}
@media screen and (min-width: 768px) {
  .breadcrumbs {
    padding: 0 1em;
  }
}
@media screen and (min-width: 850px) {
  .breadcrumbs {
    padding: 0 2em;
  }
}
.breadcrumbs > ul {
  border-bottom: 1px solid #efefef;
  padding-bottom: 1em;
}
.breadcrumbs > ul > li {
  line-height: 2.0em;
}
.breadcrumbs > ul > li:after {
  background: url("icon-breadcrumb-arrow.png") no-repeat 0 0;
  content: '';
  display: inline-block;
  height: 15px;
  margin: 0 0.25em;
  vertical-align: middle;
  width: 7px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .breadcrumbs > ul > li:after {
    background-image: url("icon-breadcrumb-arrow_2x.png");
    background-size: 7px 15px;
  }
}
.breadcrumbs > ul li:last-child:after {
  display: none;
}
.breadcrumbs > ul li.home > a {
  background: url("icon-home.png") no-repeat 0 center;
  padding-left: 1.5em;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .breadcrumbs > ul li.home > a {
    background-image: url("icon-home_2x.png");
    background-size: 12px 11px;
  }
}
.breadcrumbs a, .breadcrumbs a:visited {
  color: #666666;
  text-decoration: none;
}
.breadcrumbs a:hover {
  color: #4d4d4d;
}

#sidebar-primary {
  display: none;
  padding: 0 1em;
}
@media screen and (min-width: 850px) {
  #sidebar-primary {
    display: block;
    display: block;
    float: left;
    margin-right: 3.16844%;
    width: 19.75788%;
    padding: 0 0 0 2em;
  }
  #sidebar-primary:last-child {
    margin-right: 0;
  }
}

.content-primary {
  background: white;
  margin-bottom: 2em;
  min-height: 300px;
  padding: 0 1em;
}
@media screen and (min-width: 850px) {
  .content-primary {
    display: block;
    float: left;
    margin-right: 3.16844%;
    width: 77.07368%;
    padding: 0.75em 2em 0 2em;
  }
  .content-primary:last-child {
    margin-right: 0;
  }
}
.content-primary .alignnone,
.content-primary img.pull-right, .content-primary .alignright,
.content-primary img.pull-left, .content-primary .alignleft {
  margin-bottom: 1em;
}
.content-primary img.pull-right, .content-primary .alignright {
  margin-left: 5%;
}
.content-primary img.pull-left, .content-primary .alignleft {
  margin-right: 5%;
}

@media screen and (min-width: 850px) {
  .sidebar .content-primary {
    border-left: 1px solid #CDCDCD;
    border-width: 0 0 0 1px;
    -webkit-border-image: -webkit-linear-gradient( white 1%, #cecece 2%, #cecece 98%, white 99%) 1 100%;
    -moz-border-image: -moz-linear-gradient( white 1%, #cecece 2%, #cecece 98%, white 99%) 1 100%;
    -o-border-image: -o-linear-gradient( white 1%, #cecece 2%, #cecece 98%, white 99%) 1 100%;
    border-image: linear-gradient( white 1%, #cecece 2%, #cecece 98%, white 99%) 1 100%;
    position: relative;
    padding: 0.75em 2em 0 2.5em;
  }
  .sidebar .content-primary:before {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
    content: "";
    position: absolute;
    z-index: -2;
    bottom: 10px;
    border-radius: 10px / 100px;
    height: 92%;
    left: 0;
    right: 50%;
    top: 4%;
  }
}

.full-width .content-primary {
  display: block;
  float: left;
  margin-right: 2.35765%;
  width: 100%;
}
.full-width .content-primary:last-child {
  margin-right: 0;
}

#footer-primary {
  border-top: 5px solid #dda85b;
  background: #333333;
  color: #999999;
}
#footer-primary .wrap {
  background: url("bg-footer.png") no-repeat 0 0;
  min-height: 264px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #footer-primary .wrap {
    background-image: url("bg-footer_2x.png");
    background-size: 327px 264px;
  }
}
#footer-primary .footer-top {
  *zoom: 1;
}
#footer-primary .footer-top:before, #footer-primary .footer-top:after {
  content: " ";
  display: table;
}
#footer-primary .footer-top:after {
  clear: both;
}
#footer-primary .footer-bottom {
  border-top: 1px solid #555555;
  font-size: 0.857em;
}
#footer-primary .footer-bottom a, #footer-primary .footer-bottom a:visited {
  color: #999999;
  text-decoration: none;
}
#footer-primary .footer-bottom a:hover, #footer-primary .footer-bottom a:active {
  color: gray;
}

#footer-callout,
#nav-footer-social {
  margin-bottom: 2.0em;
}

#footer-callout {
  margin-top: 2em;
}
@media screen and (min-width: 768px) {
  #footer-callout {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 74.41059%;
  }
  #footer-callout:last-child {
    margin-right: 0;
  }
}
#footer-callout .give-now {
  background: url("text-give-now.png") no-repeat 0 0;
  height: 72px;
  float: left;
  width: 83px;
  color: transparent;
  font: 0/0 a;
  text-shadow: none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #footer-callout .give-now {
    background-image: url("text-give-now_2x.png");
    background-size: 83px 72px;
  }
}
#footer-callout .callout-block {
  padding-left: 110px;
}

@media screen and (min-width: 768px) {
  #nav-footer-social {
    margin-top: 2.7em;
    text-align: right;
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 23.23176%;
  }
  #nav-footer-social:last-child {
    margin-right: 0;
  }
}
#nav-footer-social .nav-title {
  color: #dda85b;
  font-family: "Roboto", Helvetica, sans-serif;
  font-size: 1.071em;
}
#nav-footer-social > ul {
  display: inline-block;
}

#library-address,
#nav-footer-tools {
  margin-top: 1.0em;
  margin-bottom: 1.0em;
  font-weight: 400;
}

@media screen and (min-width: 768px) {
  #library-address {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 57.35098%;
  }
  #library-address:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 768px) {
  #nav-footer-tools {
    text-align: right;
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 40.29137%;
  }
  #nav-footer-tools:last-child {
    margin-right: 0;
  }
}

/* LEGACY BROWSERS
 * -----------------------------------------------------------------------------
 * Styling and fixes for legacy browsers.
 * -----------------------------------------------------------------------------*/
body.search .search-all-tab > a,
.search.dropdown .search-all-tab > a {
  padding-right: 2em;
  padding-left: 2em;
}
body.search .scope,
body.search .selector,
.search.dropdown .scope,
.search.dropdown .selector {
  float: right;
  font-size: 0.92857em;
  line-height: 1.42857em;
  margin-top: 0.15em;
  margin-bottom: 0;
}
body.search .search-tips,
.search.dropdown .search-tips {
  display: inline-block;
  margin-top: 0.15em;
  text-decoration: none;
}
body.search .all-ejournals-link,
.search.dropdown .all-ejournals-link {
  display: inline-block;
  line-height: 20px;
  margin-top: 5px;
  margin-left: 40px;
  vertical-align: middle;
}
body.search select,
.search.dropdown select {
  width: 190px;
}
body.search .selector select,
.search.dropdown .selector select {
  width: 100%;
}

.search.dropdown > .dropdown-pane {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 1em 0 0 0;
  width: 600px;
}
.search.dropdown > .dropdown-pane h1 {
  color: #e0e0e0;
  font-family: "Roboto", Helvetica, sans-serif;
  font-size: 1.71429em;
  margin: 0.35em 0;
  padding: 0 2%;
}
.search.dropdown > .dropdown-pane .nav-tabs {
  border-bottom: none;
  margin-bottom: 0;
  padding: 0 2%;
}
.search.dropdown > .dropdown-pane .nav-tabs > li {
  margin-bottom: 0;
}
.search.dropdown > .dropdown-pane .nav-tabs > li > a {
  color: #a3a3a3;
  border-color: #171717;
  text-shadow: 0 1px 0 black;
  background-color: #2e2e2e;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2e2e2e), color-stop(100%, #272727));
  background-image: -webkit-linear-gradient(#2e2e2e, #272727);
  background-image: linear-gradient(#2e2e2e, #272727);
}
.search.dropdown > .dropdown-pane .nav-tabs > .active > a,
.search.dropdown > .dropdown-pane .nav-tabs > .active > a:hover,
.search.dropdown > .dropdown-pane .nav-tabs > .active > a:focus {
  background: #B7B7B7;
  border-color: #BFBFBF;
  border-bottom-width: 0;
  color: #333333;
  text-shadow: 0 1px 0 white;
}
.search.dropdown > .dropdown-pane .tab-content {
  border-radius: 0 0 3px 3px;
  background: #b7b7b7;
  padding: 1em 2%;
}
.search.dropdown > .dropdown-pane fieldset {
  border-radius: 3px;
  margin-bottom: 1em;
  padding: 0.75em;
  background-color: #dda85b;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dda85b), color-stop(97%, #b58412));
  background-image: -webkit-linear-gradient(#dda85b, #b58412 97%);
  background-image: linear-gradient(#dda85b, #b58412 97%);
}
.search.dropdown > .dropdown-pane fieldset .search-query-field {
  height: 36px;
  margin-bottom: 0;
  width: 74%;
}
.search.dropdown > .dropdown-pane fieldset .search-query-field::-webkit-input-placeholder {
  color: #999999;
  font-style: italic;
}
.search.dropdown > .dropdown-pane fieldset .search-query-field:-moz-placeholder {
  color: #999999;
  font-style: italic;
}
.search.dropdown > .dropdown-pane fieldset .search-query-field::-moz-placeholder {
  color: #999999;
  font-style: italic;
}
.search.dropdown > .dropdown-pane fieldset .search-query-field:-ms-input-placeholder {
  color: #999999;
  font-style: italic;
}
.search.dropdown > .dropdown-pane fieldset .btn-search-large {
  padding-left: 2%;
  padding-right: 2%;
  text-shadow: inset 0 1px 0 black;
  width: 25%;
}
.search.dropdown > .dropdown-pane fieldset .selector {
  margin-top: 10px;
}

.mobile-search .search-query-field {
  height: 40px;
}

body.search .feature-piece,
body.search #nav-use-library {
  display: none;
}
@media screen and (min-width: 768px) {
  body.search .feature-piece,
  body.search #nav-use-library {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  body.search .nav-tabs {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  body.search .tab-pane {
    display: none;
  }
  body.search .tab-pane#search-all {
    display: block;
  }
  body.search .tab-pane#search-all form, body.search .tab-pane#search-all .search-tips {
    display: none;
  }
}

body.search .content-primary .tab-content {
  overflow: inherit;
}
body.search .content-primary #search-all {
  *zoom: 1;
}
body.search .content-primary #search-all:before, body.search .content-primary #search-all:after {
  content: " ";
  display: table;
}
body.search .content-primary #search-all:after {
  clear: both;
}
body.search .content-primary #search-header {
  color: #333333;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  body.search .content-primary #search-header {
    border-top: 1px solid #DADADA;
    margin-top: 1em;
    padding-top: 0.5em;
  }
}
body.search .content-primary .search-subheader {
  color: #00687b;
  font-weight: 700;
}
body.search .content-primary #search-results {
  *zoom: 1;
}
body.search .content-primary #search-results:before, body.search .content-primary #search-results:after {
  content: " ";
  display: table;
}
body.search .content-primary #search-results:after {
  clear: both;
}
body.search .content-primary .search-source {
  margin-bottom: 3em;
}
@media screen and (min-width: 768px) {
  body.search .content-primary .search-source {
    display: block;
    float: left;
    margin-right: 4.82916%;
    width: 30.11389%;
  }
  body.search .content-primary .search-source:last-child {
    margin-right: 0;
  }
  body.search .content-primary .search-source:nth-child(3n+3) {
    margin-right: 0;
  }
}
body.search .content-primary .search-source .results-list {
  min-height: 40px;
  *zoom: 1;
}
body.search .content-primary .search-source .results-list:before, body.search .content-primary .search-source .results-list:after {
  content: " ";
  display: table;
}
body.search .content-primary .search-source .results-list:after {
  clear: both;
}
body.search .content-primary .search-source .results-list .more-link-large {
  color: #555555;
  float: none;
}
body.search .content-primary .search-source .results-list .more-link-large:hover {
  color: black;
}
body.search .content-primary .search-source .search-result-item {
  color: #555555;
  font-size: 0.92857em;
  font-weight: 400;
  margin-bottom: 2.0em;
}
body.search .content-primary .search-source .no-results {
  color: #999999;
  font-weight: bold;
  margin-top: 1.5em;
  text-align: center;
}
body.search .content-primary #search-results-researcher p {
  margin-bottom: 0;
}
body.search .content-primary .researcher-photo {
  border-radius: 3px;
  float: left;
  height: 57px;
  width: 57px;
}
body.search .content-primary .researcher-info {
  padding-left: 70px;
}

.database-header {
  font-size: 1.5em;
  font-weight: bold;
  margin-top: 0;
}

.name-field {
  width: 100%;
}
.name-field label {
  margin-top: .5em;
  width: 8%;
}
.name-field .search-query-field {
  margin-right: 0;
  width: 90%;
}

.subject-field {
  margin-right: 2%;
  width: 40%;
}

.type-field {
  width: 40%;
}

.btn-search {
  float: right;
}

.database-list {
  border-bottom: 1px solid #999999;
  margin-bottom: 1em;
  padding-bottom: 1em;
}

.results-header {
  color: black;
}

.results-list {
  margin-bottom: 2em;
}

.single-result {
  border-bottom: 1px solid #efefef;
  margin-bottom: 2em;
}
.single-result:last-child {
  border-bottom: none;
}
.single-result h4 {
  color: #00687b;
  font-size: 1em;
  margin-bottom: .2em;
}
.single-result .results-info {
  color: #993d1b;
  font-size: .85em;
}
.single-result .results-info li {
  line-height: 1em;
  padding-right: .5em;
  margin-right: .3em;
}
.single-result .results-info li:last-child {
  border: none;
}
.single-result .results-info .border {
  border-right: 1px solid #999999;
}