@import url(//fonts.googleapis.com/css?family=Montserrat);
@import url(//fonts.googleapis.com/css?family=Roboto:300,400,700);
@import url(//fonts.googleapis.com/css?family=Arvo:400,700);
body {
  font-family: "Roboto", Helvetica, Arials, sans-serif;
  background: #e4e3e3; }

a {
  color: #0097dc; }

a:hover {
  color: black;
  text-decoration: underline; }

.main-content a,
footer a {
  border-bottom: 1px dotted #999; }
.main-content a:hover,
.main-content a:active,
.main-content a:focus,
footer a:hover,
footer a:active,
footer a:focus {
  border-bottom: 1px solid #999;
  text-decoration: none; }

p, li {
  font-size: 16px;
  line-height: 1.6em; }

h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
  line-height: 1.4em; }

h2 {
  font-size: 28px; }

h3 {
  font-size: 24px; }

h4 {
  font-size: 20px;
  margin-top: 1em; }

.front h1 {
  font-size: 24px; }

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

.well {
  border-radius: 0;
  box-shadow: none; }

.breadcrumb {
  padding: 0;
  background: inherit;
  margin-bottom: 3em; }
  .breadcrumb li {
    font-size: 12px; }

.cu-identity {
  background: white; }

.cornell-logo {
  margin: 1rem 0;
  background: url("../img/CULibraryRed.svg") no-repeat; }
  .cornell-logo .insignia {
    float: left;
    margin-right: .5em;
    width: 100px;
    height: 100px;
    text-indent: -99999em; }

.library-logo a {
  text-indent: -99999em;
  display: block;
  width: 160px;
  height: 100px;
  margin-left: 150px; }

.mobile-cornell-logo {
  background: url("../img/cornell-reduced-red.svg") no-repeat;
  width: 200px;
  height: 45px;
  display: block;
  text-indent: -99999em;
  margin-top: 1rem; }

.library-logo-mobile {
  display: block;
  background: url("../img/CULWordmark.svg") no-repeat;
  text-indent: -99999em;
  width: 120px;
  height: 45px;
  margin-top: .5rem; }

header {
  background: black; }

.library-brand {
  margin-top: 2em;
  margin-bottom: 2em; }

.brand {
  text-transform: uppercase;
  font-size: 48px;
  font-family: "Arvo", "Palatino Linotype", Georgia, serif;
  display: inline-block;
  color: white;
  line-height: 1em;
  font-weight: 700; }

.brand:hover,
.brand:active,
.brand:focus {
  color: white;
  text-decoration: none; }

.cul-brand {
  color: #e4e3e3;
  font-size: 18px;
  font-family: "Montserrat";
  display: block; }

.cul-brand:hover {
  color: #e4e3e3;
  text-decoration: none; }

.slogan {
  font-family: "Arvo", "Palatino Linotype", Georgia, serif;
  color: white;
  font-size: 16px;
  font-weight: 400;
  margin-top: .25em; }
  .slogan span {
    color: #0097dc; }

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .brand {
    float: left;
    margin-right: .25em;
    padding-right: .25em;
    border-right: 1px solid #444; }

  .slogan {
    font-size: 22px;
    padding-top: .75em; } }
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .brand {
    font-size: 48px !important; } }
/* Large devices (desktops, 1200px and up) */
.hero {
  display: none;
  background: white; }
  .hero .container-fluid {
    text-align: center;
    padding-left: 0;
    padding-right: 0; }
  .hero img {
    max-width: 100%;
    height: auto;
    margin: 0 auto; }

.banner-link {
  display: none;
  padding: 10px 0; }
  .banner-link a {
    color: #666; }
  .banner-link .label {
    display: inline-block;
    font-size: 14px;
    font-weight: 400; }

.main-content {
  background: white;
  min-height: 500px;
  padding: 3em 0 4em 0; }

.main-text {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }
  @media (min-width: 768px) {
    .main-text {
      float: left;
      width: 66.6666666667%; } }

.not-front .main-text {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }
  @media (min-width: 768px) {
    .not-front .main-text {
      float: left;
      width: 66.6666666667%; } }
  @media (min-width: 768px) {
    .not-front .main-text {
      left: 33.3333333333%; } }

.sidebar {
  margin-top: 3em; }

.front .sidebar {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }
  @media (min-width: 768px) {
    .front .sidebar {
      float: left;
      width: 25%; } }
  @media (min-width: 768px) {
    .front .sidebar {
      margin-left: 8.3333333333%; } }

.not-front .sidebar {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }
  @media (min-width: 992px) {
    .not-front .sidebar {
      float: left;
      width: 25%; } }
  @media (min-width: 768px) {
    .not-front .sidebar {
      right: 66.6666666667%; } }

body.admin-menu {
  padding-top: 0 !important; }

#admin-menu li {
  font-size: 9px; }

.block-simplesamlphp-auth {
  margin: 2em 0 3em 0; }

@media (min-width: 768px) {
  .sidebar {
    margin-top: 0; }

  .banner-link {
    display: block; }

  .hero {
    display: block; } }
.navbar {
  border-radius: 0;
  min-height: 0;
  margin-bottom: 0; }

.navbar-nav {
  margin-bottom: -1px; }

nav {
  background: black; }
  nav .nav li {
    float: left;
    margin: 0 50px 0 0; }
    nav .nav li a {
      color: white;
      font-size: 16px;
      padding: 5px 0;
      text-transform: uppercase;
      border-bottom: 5px solid black; }
    nav .nav li a:hover,
    nav .nav li a:active,
    nav .nav li a:focus {
      background: black;
      color: white; }
  nav .nav .active a, nav .nav .active a:hover, nav .nav .active a:active, nav .nav .active a:focus {
    background: black; }

nav .nav li a.home:hover,
nav .nav li.active a.home {
  border-color: #0097dc; }

nav .nav li a.about:hover,
nav .nav li.active-trail .about {
  border-color: #308427; }

nav .nav li a.initiatives:hover,
nav .nav li.active-trail .initiatives {
  border-color: #b31b1b; }

nav .nav li a.grants:hover,
nav .nav li.active-trail .grants {
  border-color: #ec1f76; }

nav .nav li a.projects:hover,
nav .nav li.active-trail .projects {
  border-color: #5b2784; }

nav .nav li a.contact:hover,
nav .nav li.active-trail .contact {
  border-color: #ff7508; }

#mobile-nav {
  background: white; }
  #mobile-nav a {
    color: #222;
    font-size: 14px;
    border-bottom: 1px solid #e4e3e3;
    text-transform: uppercase; }
  #mobile-nav .navbar-nav {
    margin-top: 0;
    margin-bottom: 0; }

.sidebar .block-title {
  margin: 0 0 .25em 0;
  padding: 0 0 0 20px;
  font-size: 16px;
  text-transform: uppercase;
  color: #666; }
  .sidebar .block-title a {
    color: #666;
    border: none; }
.sidebar .nav > li {
  padding: 4px 0;
  font-size: 16px; }
.sidebar .nav > li > a {
  border-bottom: 0;
  border-left: 5px solid #ccc; }
.sidebar .nav > li > a:hover,
.sidebar .nav > li > a:active,
.sidebar .nav > li > a:focus {
  background: inherit;
  border-color: #0097dc; }
.sidebar .nav i {
  margin-right: .4em;
  color: #cbcbcb; }
.sidebar .nav .active a, .sidebar .nav .active a:hover, .sidebar .nav .active a:active, .sidebar .nav .active a:focus {
  color: #222; }
.sidebar li {
  margin-bottom: .25em;
  font-size: 16px; }
.sidebar .nav > li li {
  font-size: 14px;
  margin-bottom: 0;
  padding-bottom: 0; }
  .sidebar .nav > li li a {
    padding: 5px 15px 5px 30px; }

#block-menu-block-5 {
  margin-bottom: 2em; }

.page-grants .sidebar .nav > li > a:hover {
  background: #ec1f76;
  color: white; }
.page-grants .sidebar .nav > li.active > a,
.page-grants .sidebar .nav > li.active > a:hover {
  border-color: #ec1f76;
  color: #222;
  background: white; }

.page-services .sidebar .nav > li > a:hover {
  background: #308427;
  color: white; }
.page-services .sidebar .nav > li.active > a,
.page-services .sidebar .nav > li.active > a:hover {
  border-color: #308427;
  color: #222;
  background: white; }

.page-initiatives .sidebar .nav > li > a:hover {
  background: #b31b1b;
  color: white; }
.page-initiatives .sidebar .nav > li.active > a,
.page-initiatives .sidebar .nav > li.active > a:hover {
  border-color: #b31b1b;
  color: #222;
  background: white; }

.page-about .sidebar .nav > li > a:hover {
  background: #ff7508;
  color: white; }
.page-about .sidebar .nav > li.active > a,
.page-about .sidebar .nav > li.active > a:hover {
  border-color: #ff7508;
  color: #222;
  background: white; }

.page-projects .sidebar .nav > li > a:hover,
.page-node-166 .sidebar .nav > li > a:hover {
  background: #5b2784;
  color: white; }
.page-projects .sidebar .nav > li.active > a,
.page-projects .sidebar .nav > li.active > a:hover,
.page-node-166 .sidebar .nav > li.active > a,
.page-node-166 .sidebar .nav > li.active > a:hover {
  border-color: #5b2784;
  color: #222;
  background: white; }

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  #menu .nav {
    float: right; } }
/* Medium devices (desktops, 992px and up) */
/* Large devices (desktops, 1200px and up) */
.main-content .search-by-page-form .container {
  padding-left: 0; }
.main-content .search-by-page-form .form-group {
  margin-right: .25em;
  width: 50%;
  float: left; }
.main-content .search-by-page-form .btn {
  background: #0097dc;
  border-radius: 0;
  border-color: #0097dc; }
.main-content .search-by-page-form .form-control {
  border-radius: 0; }

.btn-search, .btn-search:hover, .btn-search:active, .btn-search:focus {
  float: right;
  background: #333;
  color: white;
  border-radius: 0; }

.navbar-header {
  float: right; }

.navbar-toggle {
  margin: 0;
  background: #333;
  border-radius: 0;
  color: white;
  padding: 6px 12px;
  margin-left: 3px; }

#mobile-search {
  background: #222;
  padding: 5px 0; }
  #mobile-search form {
    padding: 5px; }
  #mobile-search .form-group {
    width: 80%;
    float: left;
    margin-bottom: 0; }
  #mobile-search .btn {
    background: #0097dc;
    border-radius: 0;
    border: 0; }
  #mobile-search .form-control {
    border-radius: 0; }
  #mobile-search .search-by-page-form .form-control {
    background: #333;
    border-color: #222;
    color: white; }

.search-info {
  display: none; }

@media (min-width: 992px) {
  .brand {
    font-size: 36px; } }
footer {
  padding: 2em 0; }
  footer .nav {
    margin-bottom: 1em; }
  footer .nav > li {
    float: left;
    padding: 0 15px;
    border-left: 1px solid #999; }
  footer .nav > li:first-child {
    padding-left: 0;
    border: none; }
  footer .nav > li > a {
    padding: 0; }
  footer .nav > li > a:hover,
  footer .nav > li > a:active,
  footer .nav > li > a:focus {
    background: inherit;
    text-decoration: none; }
  footer p, footer li {
    font-size: 13px; }

.news-title {
  font-size: 18px;
  margin-bottom: .25em; }

.news-date {
  margin-bottom: 1em; }

.view-news h3 {
  margin-top: 0; }

.pull-right {
  margin: 0 0 1em 1em; }

.pull-left {
  margin: 0 1em 1em 0; }

.highlight-box {
  float: none !important;
  margin-left: 0; }

.toplink {
  font-size: 16px;
  text-align: right; }

.btn-dcaps {
  background: #0097dc;
  border-radius: 0;
  color: white;
  text-transform: uppercase; }
  .btn-dcaps i {
    margin-left: .5em; }

.btn-dcaps:hover,
.btn-dcap:active,
.btn-dcaps:focus {
  background: black;
  color: white; }

.main-content .btn-dcaps,
.main-content .btn-dcaps:hover,
.main-content .btn-dcap:active,
.main-content .btn-dcaps:focus {
  border-bottom: 0; }

.project {
  margin: 0 0 2em 0; }
  .project img {
    padding: 4px;
    border-radius: 4px;
    border: 1px solid #ddd; }
  .project h2 {
    font-size: 20px; }

.project:first-child {
  margin-top: 2em !important; }

.investigators {
  font-size: 16px;
  margin-bottom: .25em; }

.collaborators {
  font-size: 14px; }

.collection-nav {
  font-size: 14px; }

.project-link {
  float: left;
  margin-right: 1em; }

.node-type-projects .field {
  font-size: 16px; }
.node-type-projects .field-label {
  font-weight: normal;
  margin: 0 .25em 0 0; }
.node-type-projects .field-name-body {
  margin-top: 1em; }
.node-type-projects .field-name-field-subtitle {
  font-size: 22px;
  margin-bottom: 1em;
  font-style: italic; }

.field-name-field-project-image {
  max-width: 400px; }
  .field-name-field-project-image img {
    padding: 4px;
    border-radius: 4px;
    border: 1px solid #ddd;
    max-width: 100%;
    height: auto; }

.field-name-field-related-links {
  margin-top: 1.25em; }
  .field-name-field-related-links .field-item {
    margin-bottom: .25em; }

.node-type-news .field {
  font-size: 16px; }
.node-type-news .field-label {
  font-weight: normal;
  margin: 0 .25em .25em 0; }
.node-type-news .field-name-body {
  margin-top: 1em; }

.sidebar .callout .block-title {
  padding: 0;
  margin: 0 0 1em 0;
  color: #b31b1b;
  font-weight: 700; }

.webform-component {
  margin-bottom: 1em; }
  .webform-component .description {
    font-size: 12px;
    color: #666; }

.webform-component-date select {
  width: 25%;
  float: left;
  margin-right: .25em; }
.webform-component-date .year {
  width: 25%; }

.webform-component--return-material-to {
  margin-top: 2em; }

.help-block {
  font-size: 14px;
  color: #222; }

.form-email {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  .form-email:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
  .form-email::-moz-placeholder {
    color: #999;
    opacity: 1; }
  .form-email:-ms-input-placeholder {
    color: #999; }
  .form-email::-webkit-input-placeholder {
    color: #999; }
  .form-email[disabled], .form-email[readonly], fieldset[disabled] .form-email {
    background-color: #eeeeee;
    opacity: 1; }
  .form-email[disabled], fieldset[disabled] .form-email {
    cursor: not-allowed; }

@media (min-width: 768px) {
  .field-name-field-project-image {
    float: right;
    margin: 20px 0 2em 2em;
    max-width: 300px; }

  .highlight-box {
    float: right !important;
    margin-left: 10px;
    width: 40%; } }
@media (min-width: 992px) {
  .field-name-field-project-image {
    max-width: 400px; } }
@media print {
  a[href]:after {
    content: ""; }

  abbr[title]:after {
    content: ""; }

  .cu-identity,
  .navbar-header,
  .library-brand img,
  .breadcrumb,
  .sidebar .block-menu-block,
  footer {
    display: none; } }

/*# sourceMappingURL=style.css.map */
