html {
  height: 100%;
  margin-bottom: 1px;
  overflow-y: scroll; }

a, a:active {
  outline: none; }

a:-moz-any-link:focus {
  outline: none; }

.capitalized, .facet {
  text-transform: capitalize; }

.fullscreen-container {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  position: absolute;
  width: 100%;
  overflow: hidden;
  padding-top: 40px;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  background-color: #272822;
  color: white; }

.entity-title-ellipsis, .entity-subtitle-ellipsis, .entity-tile .entity-tile-wrapper .entity-tile-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 75%; }

.entity-subtitle-ellipsis {
  color: grey; }

/*---------- INPUT           -------------- */
input,
button,
select,
.navbar-search .search-query,
textarea {
  font-family: inherit; }

/*---------- FACETS           -------------- */
#facetingView {
  border: none;
  #padding-left: 5px; }

.facet-to-drop:hover {
  text-decoration: line-through; }

.facet .facetValue {
  display: none; }
  .facet .facetValue div {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 10px; }

#facetingView .nav-header {
  cursor: pointer;
  padding-left: 8px; }
#facetingView .nav-header:before {
  content: '\25B8\0020\0020'; }
#facetingView .nav-header:hover {
  color: black; }
#facetingView .nav-header.open {
  color: black; }
#facetingView .nav-header.open:before {
  content: '\25BE\0020\0020'; }
#facetingView .facetValue {
  display: none; }

/*---------- ENTITIES           -------------- */
.entity-tile {
  height: 230px;
  float: left;
  line-height: 15px;
  overflow: hidden; }
  .entity-tile .entity-tile-wrapper {
    padding: 0 10px 10px 0px; }
    .entity-tile .entity-tile-wrapper .entity-title-image {
      width: 100%;
      height: 160px;
      margin-bottom: 7px;
      background-position: center center;
      background-size: 100%;
      background-repeat: no-repeat; }
    .entity-tile .entity-tile-wrapper .entity-tile-ellipsis {
      color: #5572a1;
      max-width: 250px; }

.entity-tile.entity-tile-2columns {
  width: 50%; }

.entity-tile.entity-tile-3columns {
  width: 33.33%; }

/* ------------- SECTIONS -------------------- */
#sections ul {
  list-style-type: none;
  margin: 30px 0; }
  #sections ul span {
    margin: 20px 0 10px 0;
    display: block;
    font-size: 120%;
    text-decoration: none; }
  #sections ul ul {
    list-style-type: none;
    margin: 0 0 10px 25px; }
    #sections ul ul span {
      font-weight: bold;
      font-size: 90%;
      margin: 0;
      margin-right: 10px;
      float: left;
      min-width: 120px;
      width: 20%;
      text-decoration: none; }
    #sections ul ul ul {
      list-style-type: none;
      display: table-cell;
      padding: 0 0 15px 15px; }
      #sections ul ul ul li {
        /* display: inline; */
        line-height: 20px; }
      #sections ul ul ul span {
        text-decoration: none; }
    #sections ul ul ul.table {
      display: block;
      list-style-type: disc; }
      #sections ul ul ul.table li {
        display: list-item; }

/* LANDER -----------*/
.appetizer {
  display: inline-block;
  position: relative;
  margin-bottom: 10px; }
  .appetizer a {
    opacity: 0; }
  .appetizer div {
    position: absolute;
    opacity: 0;
    color: white;
    font-size: 85%;
    bottom: 0px;
    right: 0px;
    left: 0px;
    width: auto;
    padding: 3px 6px;
    background-color: rgba(0, 0, 0, 0.3); }

.appetizer:hover div {
  opacity: 1; }

.lander .thumbnail {
  margin-bottom: 20px; }
.lander .nav-list {
  padding: 2px; }
.lander h4 {
  font-weight: 600; }

/* ------------- IMAGES VIEW ----------------- */
#images-view {
  margin-bottom: 30px; }

.images-view-btn {
  float: left;
  position: absolute;
  color: black;
  background-color: rgba(255, 255, 255, 0.5);
  height: 100%;
  width: 50px;
  font-size: 26px;
  text-align: center;
  cursor: pointer; }
  .images-view-btn i {
    position: absolute;
    top: 50%;
    left: 50%;
    right: 50%;
    margin-left: -9px;
    margin-top: -11px; }

#images-view-btn-prev,
#images-view-btn-next {
  display: none; }

.images-view-btn {
  opacity: 0; }

#images-view-preview:hover > .images-view-btn,
#images-view-preview:hover > #images-view-subtitle {
  opacity: 1; }

#images-view-subtitle {
  width: 100%;
  text-align: center;
  overflow: hidden;
  opacity: 0;
  font-size: 90%; }

#images-view-fullscreen-btn {
  border: 10px solid rgba(255, 255, 255, 0);
  display: inline;
  font-size: 22px;
  height: 20px;
  left: 50%;
  position: absolute;
  right: 50%;
  width: 20px;
  margin: 4px 0 0 -15px; }

.images-view-btn:hover {
  background-color: rgba(255, 255, 255, 0.65); }

#images-view-preview {
  overflow-y: hidden;
  position: relative;
  background-color: white; }

.arachne-thumbnail {
  height: 70px;
  width: 70px;
  float: left;
  overflow: hidden;
  margin-right: 3px;
  background-color: #eeeeee;
  text-align: center;
  cursor: pointer;
  position: relative; }
  .arachne-thumbnail img {
    max-width: 150px;
    height: 100%; }

.arachne-thumbnail.active {
  border: solid 3px #3A87AD;
  width: 64px;
  height: 64px; }

/* -------------- MENU AND PAGINATION --------------- */
#affix-pagination.affix {
  box-shadow: 0px 2px 2px silver; }

/* ------------- USER FUNCTION MENU ----------------- */
.entity-function-menu-icon {
  font-size: 190%;
  opacity: .3;
  cursor: pointer; }

.bookmarked {
  color: #a5232b;
  opacity: 1.0; }

.bookmarked:before {
  content: "\f02e"; }

.bookmarked:hover:before {
  content: "\f097"; }

.entity-function-menu-icon:hover {
  opacity: 1; }

/* ------------- STATIC CONTENT ----------------- */
.static-content-div {
  margin-bottom: 10px; }

.static-content-ul {
  margin-bottom: 10px;
  margin-top: 10px; }

.static-content-li {
  margin-bottom: 10px; }

#arachne-content {
  overflow: hidden;
  display: none;
  background-color: #f1f1f1; }

.cms-submenu {
  background-color: #FFFFFF;
  border-radius: 0 0 0 0;
  padding: 0;
  width: 100%;
  margin-bottom: 20px; }
  .cms-submenu .icon-chevron-right {
    float: right;
    position: absolute;
    right: 6px;
    top: 32%;
    opacity: 0.25; }

.cms-submenu > li {
  float: none;
  position: relative; }

.cms-submenu > li > a {
  border: 1px solid #E5E5E5;
  display: block;
  margin: 0 0 -1px;
  padding: 8px 24px 8px; }

.cms-submenu > .active > a {
  border: 0 none;
  padding: 9px 15px;
  position: relative;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
  z-index: -2; }

.cms-submenu > li > a:hover {
  background-color: #F5F5F5; }

.cms-submenu a:hover .icon-chevron-right {
  opacity: 0.5; }

/* ------------- TILED IMAGE FuN ----------------- */
#tiledImageWrapper {
  background: none repeat scroll 0 0 transparent;
  height: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 0; }