@import url(https://fonts.googleapis.com/css?family=Roboto);
ul li a {
  text-decoration: none;
  font-size: 0.9rem;
  font-family: verdana;
  color: #292929;
}
ul li a:hover {
  text-decoration: none;
}
.menutop {
  color: #ffffff;
  background: #486486;
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  font-size: 1rem;
  letter-spacing: 0.5px;
  padding: 0px;
  height: 60px;
}
.menutop div {
  padding: 0 27px 0 27px;
}
.menutop span {
  color: #ffffff;
  font-style: normal;
  margin: 0;
}
.menuItem:hover {
  background-color: #5a7da7;
}
#LoginButton {
  text-decoration: none;
}
.body h1 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 2.5rem;
  letter-spacing: 0.4px;
  color: #292929;
  text-align: center;
  margin: 30px 0 30px 0;
  /* different from landing page with banner */
}
.body {
  color: #292929;
  text-align: center;
  margin: 0 auto;
  background-color: #ffffff;
}
.body p {
  font-family: 'Montserrat', sans-serif;
  line-height: 30px;
  font-size: 1rem;
  letter-spacing: 0.2px;
  text-align: center;
  width: 100%;
  margin: 30px 0 0 0;
}
.body div {
  clear: both;
}
.btn2 {
  text-decoration: none;
  background-color: #486486;
  padding: 20px 44px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  font-size: 1rem;
  letter-spacing: 1px;
  border-radius: 5px;
  color: #ffffff;
}
.btn2:hover {
  background-color: #364b65;
  transition: 0.15s ease-in-out;
  box-shadow: 1px 1px 5px #b5b5b5;
  color: #ffffff;
}
.buttonpad {
  padding: 0px 0 30px 0;
}
.collectionDesc {
  min-height: 300px;
  margin: 0 20px;
}
.footer {
  background-color: #486486;
  float: left;
  width: 100%;
}
.footer p {
  font-family: 'Raleway', sans-serif;
  padding: 52px 0 25px 0;
  line-height: 30px;
  font-size: 1rem;
  letter-spacing: 0.3px;
  color: #ffffff;
  text-align: center;
  margin: 0 auto;
  width: 90%;
  max-width: 750px;
}
.lunafooter {
  background-color: #1f1f1f;
  min-height: 75px;
  float: left;
  width: 100%;
}
.lunafooter p {
  font-family: 'Raleway', sans-serif;
  padding: 24px;
  line-height: 26px;
  font-size: 1rem;
  letter-spacing: 0.4px;
  color: #cacaca;
  text-align: center;
  margin: 0 auto;
  width: 90%;
  max-width: 800px;
}
.lunafooter a {
  color: #5ab8ff;
  text-decoration: none;
  transition: 0.1s;
  font-weight: bold;
}
.lunafooter a:hover {
  color: #159aff;
}
#CollectionDescContainer,
#InstitutionNameContainer {
  margin: 20px;
}
#TitleContainer h3 {
  font-family: sans-serif;
  font-weight: 800;
  font-size: 1.2rem;
  color: #000;
  text-align: center;
}
#TitleContainer a {
  color: #292929;
}
#InstitutionNameContainer,
#ColDescContainer {
  max-height: 0px;
  overflow: hidden;
  transition: max-height 0.15s ease-out;
}
#InstitutionNameContainer.in,
#ColDescContainer.in {
  transition: max-height 0.25s ease-in;
}
#InstitutionNameContainer.in {
  max-height: 50px;
}
#ColDescContainer.in {
  max-height: 700px;
  overflow: auto;
}
#CollectionNameContainer a {
  text-decoration: none;
  font-weight: bold;
  color: #292929;
}
#CollectionNameContainer:not(.no-expand) a i {
  font-family: 'Material Icons';
  font-weight: bold;
  font-size: 1em;
  color: #757575;
  vertical-align: middle;
  font-feature-settings: 'liga';
}
#CollectionNameContainer a.expanded i {
  font-family: 'Material Icons';
  font-weight: bold;
  font-size: 1em;
  color: #757575;
  vertical-align: middle;
}
#ColDescContainer div {
  width: 70%;
  margin: auto;
}
#ThumbnailContainer .thumbnailItem {
  padding: 15px 18px 15px 18px;
  margin: 0;
  /*float: left;*/
  display: inline-block;
  text-align: center;
  vertical-align: top;
  /*overflow: hidden;*/
}
#ThumbnailContainer .thumbnailItem a,
#ThumbnailContainer .thumbnailItem a:visited,
#ThumbnailContainer .thumbnailItem a:active {
  margin: auto;
  text-decoration: none;
  border: 0 solid white;
}
#ThumbnailContainer .thumbnailItem img {
  padding-bottom: 4px;
  margin: auto;
  border: 0;
  max-width: 95vw;
}
#ThumbnailContainer .thumbnailItem blockquote,
#ThumbnailContainer .thumbnailItem blockquote a {
  /*height: 14px;*/
  padding-top: 0px;
  margin: 0;
  overflow: hidden;
  vertical-align: middle;
  text-align: left;
}
#ThumbnailContainer .resolution1 {
  /*height: 265px;*/
}
#ThumbnailContainer .resolution0 img {
  max-height: 96px;
}
#ThumbnailContainer .resolution1 img {
  max-height: 192px;
}
#ThumbnailContainer .resolution2 img {
  max-height: 384px;
}
#ThumbnailContainer .thumbnailItem.resolution0 blockquote,
#ThumbnailContainer .thumbnailItem.resolution0 span {
  font-size: 0.7rem;
}
#ThumbnailContainer .thumbnailItem.resolution1 blockquote,
#ThumbnailContainer .thumbnailItem.resolution1 span {
  font-size: 0.85rem;
}
#ThumbnailContainer .thumbnailItem.resolution1 blockquote,
#ThumbnailContainer .thumbnailItem.resolution1 span {
  font-size: 1rem;
}
/* Fixing displaced cursor issue */
div.modal {
  position: absolute;
}
/* */
.modal {
  text-align: center;
}
.modal-body {
  background-color: #ffffff;
  margin: unset;
  font-style: normal;
}
@media screen and (min-width: 768px) {
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 50%;
  }
}
.modal-dialog {
  display: block;
  text-align: left;
  vertical-align: middle;
}
.modal-header {
  background-color: #486486;
  color: #ffffff;
  font-style: normal;
  margin: unset;
}
.simpleSearch,
.landingSearch {
  position: relative;
}
.simpleSearch input,
.landingSearch input {
  padding-right: 30px;
}
.simpleSearch button,
.landingSearch button {
  top: 0px;
  position: absolute;
  right: 0px;
  padding: 11px 12px;
  pointer-events: auto;
  pointer: cursor;
}
/* Modal slide in from left to right */
#Refine.modal.fade:not(.in) .modal-dialog {
  -webkit-transform: translate3d(-25%, 0, 0);
  transform: translate3d(-25%, 0, 0);
}
#Refine .modal-dialog {
  top: 0;
  position: absolute;
  left: 0;
  margin: 0;
  height: 100%;
  width: 320px;
}
#Refine .refineHeader {
  position: relative;
  padding: 5px;
}
#Refine .refineHeader i {
  font-family: 'Material Icons';
  color: #757575;
  font-size: 1.5em;
  padding: 0;
  text-align: center;
  margin-top: 0;
  position: absolute;
  top: calc(33%);
  bottom: 0;
  right: 0;
  width: 16%;
  font-feature-settings: 'liga';
}
#Refine .refineHeader.open:after {
  color: #757575;
  font-family: 'Material Icons';
  font-feature-settings: 'liga';
}
.refineHeader a {
  text-decoration: none;
  color: #292929;
  margin-left: -2%;
  font-weight: bold;
}
.listHeader {
  font-weight: bold;
  padding-left: 5px;
}
.w4List,
.listTop,
#ResolutionSize {
  font-weight: normal;
  margin-bottom: 8px;
  padding-left: 12px;
}
.w4List li {
  cursor: pointer;
  font-size: small;
}
#accordion1.collapse.in,
#accordion2.collapse.in {
  border-bottom: 2px solid #efefef;
  font-weight: normal;
}
#accordion0.collapse.in {
  border-bottom: 2px solid #efefef;
  font-weight: bold;
}
#CollectionList li {
  cursor: pointer;
  text-transform: uppercase;
  font-size: small;
  margin-bottom: 8px;
  border-bottom: 1px solid #efefef;
}
#CollectionList li:hover {
  background-color: #efefef;
}
@keyframes ripple {
  0% {
    box-shadow: 0px 0px 0px 1px transparent;
  }
  50% {
    box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1);
  }
  100% {
    box-shadow: 0px 0px 0px 15px transparent;
  }
}
.showMore,
.showLess {
  font-weight: bold;
  cursor: pointer;
  color: #5c5c5c;
}
.md-radio {
  margin: 16px 0;
}
.md-radio.md-radio-inline {
  display: inline-block;
}
.md-radio input[type="radio"] {
  display: none;
}
.md-radio input[type="radio"]:checked + label:before {
  border-color: #337ab7;
  animation: ripple 0.2s linear forwards;
}
.md-radio input[type="radio"]:checked + label:after {
  transform: scale(1);
}
.md-radio label {
  display: inline-block;
  height: 20px;
  position: relative;
  padding: 0 30px;
  margin-bottom: 0;
  cursor: pointer;
  vertical-align: bottom;
}
.md-radio label:before,
.md-radio label:after {
  position: absolute;
  content: '';
  border-radius: 50%;
  transition: all .3s ease;
  transition-property: transform, border-color;
}
.md-radio label:before {
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid rgba(0, 0, 0, 0.54);
}
.md-radio label:after {
  top: 5px;
  left: 5px;
  width: 10px;
  height: 10px;
  transform: scale(0);
  background: #337ab7;
}
.relatedItems {
  float: left;
}
.relatedItems:hover {
  text-decoration: underline;
  cursor: pointer;
}
.filterRemove {
  background: rgba(72, 100, 134, 0.2);
  display: inline-block;
  margin: 5px;
  padding: 2px;
  font-size: 1rem;
}
.filterRemove span,
.filterRemove i {
  line-height: 22px;
  float: left;
}
.filterRemove i {
  cursor: pointer;
}
span[class^="icon-"] {
  width: 22px;
  height: 22px;
  right: 5px;
  bottom: 5px;
  position: absolute;
}
span.icon-Book {
  background-image: url(/ll/images/icon-book-media.gif);
}
span.icon-MISC {
  background-image: url(/ll/images/icon-misc-media.gif);
}
span.icon-AUDIO {
  background-image: url(/ll/images/icon-audio-media.png);
}
span.icon-VIDEO {
  background-image: url(/ll/images/icon-video-media.gif);
}
span.icon-PDF {
  background-image: url(/ll/images/icon-pdf-media.gif);
}
/* detail view */
#PageForwardBar {
  right: 0px;
}
#PageBackBar {
  left: 0px;
}
.pageBar svg {
  margin: auto;
}
.pageBar {
  height: 100px;
  width: 50px;
  position: fixed;
  display: flex;
  align-items: center;
  background-color: transparent;
  z-index: 100;
  top: 50%;
  pointer: cursor;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.pageBar:hover {
  background-color: #757575;
  opacity: 0.25;
  cursor: pointer;
}
#Viewer {
  min-height: 90vh;
}
.viewer {
  margin: 0px 50px;
}
#LiteUV {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  min-height: 90vh;
}
.container-fluid {
  padding: 0px;
  float: left;
}
.hidden-panel {
  width: 0%;
}
#CarouselPanels {
  list-style: none;
}
/* end detail view */
/* Media Touch Panel */
#MediaContainer {
  position: relative;
}
#MediaContainer .frame {
  vertical-align: top;
  float: left;
}
#MediaContainer.animate,
.mediaContainer .animate {
  transition: 0.5s ease-in-out;
}
.mtpOpen,
.uvpOpen {
  position: absolute;
  margin-top: 0px;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1020;
}
.uvpOpen {
  z-index: 1030;
  background: white;
}
.mtpClose,
.uvpClose {
  position: absolute;
  height: 0px;
  display: none;
}
.mtpContainer {
  touch-action: pan-y;
}
.mtpContainer,
.uvpContainer {
  background: white;
}
.mtpContainer img,
.mtpContainer .lvmedia {
  transition: .5s ease;
  opacity: 1;
}
.mtpSubContainer {
  width: 100%;
  height: 200px;
  float: left;
}
.showOv .frame {
  opacity: 0.3;
  transition: .5s ease;
}
i.dvIcon {
  font-size: 4em;
  font-weight: bold;
  color: #949494;
}
#CloseBtn,
#UVPCloseBtn {
  right: 0;
  height: 56px;
  width: 56px;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 0;
  z-index: 1030;
  display: none;
}
.mtpOpen #CloseBtn,
.uvpOpen #UVPCloseBtn {
  display: unset;
}
#CloseBtn i,
#UVPCloseBtn i {
  font-family: 'Material Icons';
  color: rgba(255, 255, 255, 0.5);
  vertical-align: middle;
  font-size: 2em;
  padding: 0px;
  background-color: rgba(0, 0, 0, 0.2);
  font-feature-settings: 'liga';
}
#ActionIconsContainer,
#ActionIconsContainer2 {
  height: 44px;
}
#ActionIconsContainer i,
#ActionIconsContainer2 i {
  font-family: 'Material Icons';
  vertical-align: middle;
  color: #757575;
  font-size: 2.2rem;
  padding: 8px;
  -webkit-font-feature-settings: 'liga';
  -moz-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
}
#RelayButtonContainer {
  padding: 3%;
}
#RelayButtonContainer .btn-custom {
  color: #ffffff;
  background-color: #486486;
  border-color: #364b65;
}
div.relay a {
  text-decoration: none;
  float: right;
  margin: 10px 50px;
  padding: 10px 50px;
  background: #486486;
  color: #ffffff;
}
.float {
  transition: .5s ease;
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  background: transparent;
  width: 30%;
}
#MTPZoom,
#MTPZoom2 {
  float: right;
}
#MTPShare,
#MTPShare2 {
  float: left;
}
#FieldValueContainer .first {
  cursor: pointer;
}
#FieldValueContainer .first i {
  font-family: 'Material Icons';
  color: #757575;
  vertical-align: middle;
  float: right;
  font-weight: bold;
  font-size: 1em;
  font-feature-settings: 'liga';
}
#FieldValueContainer:not(.in) .fld,
#FieldValueContainer.in .prvwFld,
#FieldValueContainer:not(.in) .prvwFld0,
#FieldValueContainer:not(.in) .prvwFld1,
#FieldValueContainer:not(.in) .prvwFld2,
#FieldValueContainer:not(.in) .prvwFld3 {
  display: none;
}
#FieldValueContainer.in .fld,
#FieldValueContainer:not(.in) .prvwFld,
#FieldValueContainer.in .prvwFld0,
#FieldValueContainer.in .prvwFld1,
#FieldValueContainer.in .prvwFld2,
#FieldValueContainer.in .prvwFld3 {
  display: block;
}
#RelatedItemContainer .thumbnailItem {
  margin: 0;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  overflow: hidden;
}
#RelatedItemContainer .thumbnailItem a,
#RelatedItemContainer .thumbnailItem a:visited,
#RelatedItemContainer .thumbnailItem a:active {
  margin: auto;
  text-decoration: none;
  border: 0 solid white;
}
#RelatedItemContainer .thumbnailItem img {
  padding-bottom: 4px;
  margin: auto;
  border: 0;
  max-width: 95vw;
}
#RelatedItemContainer .resolution1 {
  /*height: 265px;*/
}
#RelatedItemContainer .resolution0 img {
  max-height: 96px;
}
#RelatedItemContainer .resolution1 img {
  max-height: 192px;
}
#RelatedItemContainer .resolution2 img {
  max-height: 384px;
}
#RelatedItemContainer .thumbnailItem.resolution0 blockquote,
#RelatedItemContainer .thumbnailItem.resolution0 span {
  font-size: 0.7rem;
}
#RelatedItemContainer .thumbnailItem.resolution1 blockquote,
#RelatedItemContainer .thumbnailItem.resolution1 span {
  font-size: 0.85rem;
}
#RelatedItemContainer .thumbnailItem.resolution1 blockquote,
#RelatedItemContainer .thumbnailItem.resolution1 span {
  font-size: 1rem;
}
#ThumbnailContainer .vgallery {
  clear: unset;
}
.vgallery {
  float: left;
}
#ThumbnailContainer .vgallery .resolution0 img,
#RelatedItemContainer .vgallery .resolution0 img {
  max-width: 100%;
  max-height: unset;
}
#ThumbnailContainer .vgallery .resolution1 img,
#RelatedItemContainer .vgallery .resolution1 img {
  max-width: 100%;
  max-height: unset;
}
.modal li {
  clear: both;
}
.modal:before {
  display: inline-block;
  vertical-align: middle;
  content: " ";
  height: 20%;
}
#Sharethis li {
  display: table-cell;
}
#Sharethis li a {
  margin: 10px;
}
.force-select-all {
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
}
/* End Media Touch Panel */
@media only screen and (max-width: 1366px) {
  /* For mobile: */
  .lunafooter p {
    max-width: 196px;
  }
  .pageBar {
    width: 30px;
  }
  .viewer {
    margin: 5px;
  }
  .container-fluid {
    padding: 0px;
  }
  #Viewer {
    width: 100%;
    display: flex;
  }
  #ColDescContainer div {
    width: 100%;
  }
  #TitleContainer {
    width: 100%;
  }
  #ThumbnailContainer .thumbnailItem {
    padding: 5px;
  }
  #ThumbnailContainer .pop {
    position: absolute;
    transition: 0.5s ease;
    left: 0;
    background-color: white;
    z-index: 100;
  }
  /* carousel */
  #Viewer,
  #Viewer ul,
  #Viewer li {
    min-height: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    position: relative;
  }
  #Viewer.uv {
    width: unset;
    margin: 5px;
  }
  #Viewer {
    overflow: hidden;
    width: 100%;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -webkit-transform-style: preserve-3d;
  }
  #Viewer ul.animate {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
  }
  #Viewer ul {
    transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
    -webkit-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
  }
  #Viewer ul {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    position: relative;
  }
  #Viewer li {
    float: left;
    overflow: hidden;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: translate3d(0, 0, 0);
  }
  #Viewer li h2 {
    color: #ffffff;
    font-size: 1.9rem;
    text-align: center;
    position: absolute;
    top: 40%;
    left: 0;
    width: 100%;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
  }
  #Viewer img {
    width: 100%;
    height: 100%;
    margin: auto;
  }
}
@media only screen and (max-width: 595px) {
  /* For mobile: */
  .body h1 {
    font-size: 1.9rem;
  }
  #ThumbnailContainer .thumbnailItem img,
  .viewer img {
    width: 100%;
    max-height: none;
  }
  #ThumbnailContainer .resolution1 img {
    max-width: 70vw;
  }
  #ThumbnailContainer .resolution2 img {
    max-width: 100vw;
  }
}
@media only screen and (max-width: 436px) {
  /* For mobile: */
  .body h1 {
    font-size: 1.9rem;
    line-height: 28px;
  }
  .menutop div {
    padding: 0;
  }
}