:root {
  --text-color: #FFF;
}
.page--edan-viewer.viewer-mode--page {
  background: #000;
  color: #ccc;
}
.page--edan-viewer .main-content {
  max-width: inherit;
}
.page--edan-viewer #edan-viewer,
.page--edan-viewer #viewer-other {min-height: 75vh;}
.page--edan-viewer #edan-viewer {text-align: center;}
.page--edan-viewer.viewer-mode--page .edan-viewer-container {
  max-width: 96%;
  padding-top: 2em;
  padding-bottom: 2em;
}
.page--edan-viewer .edan-viewer-container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.page--edan-viewer .viewer-embed .edan-viewer-container {
}
#page-wrapper.page--edan-viewer > .content-wrapper {
  background: #000;
}
.page--edan-viewer .media-metadata .btn {
  background: #262626;
}

.page--edan-viewer .fill {
  fill: #FFF;
}

.page--edan-viewer .stroke {
  stroke: #FFF;
}
.page--edan-viewer .svg-bg {
  fill:#262626;
}
.page--edan-viewer .btn:hover,
.page--edan-viewer .btn:focus {
  background: #333F48;
}
.page--edan-viewer .btn:hover .svg-bg,
.page--edan-viewer .btn:focus .svg-bg {
  fill: #333F48;
}
.page--edan-viewer .viewer--embed .heading-tab-usage .svg-bg {
  fill: transparent !important;
}
.page--edan-viewer .viewer--embed .heading-tab-usage .fill {
  fill: #333F48;
}
.page--edan-viewer .btn:hover .fill,
.page--edan-viewer .btn:focus .fill{
  fill: #F0B323;
}
.page--edan-viewer .btn:hover .stroke,
.page--edan-viewer .btn:focus .stroke{
  stroke: #FFF;
}
.page--edan-viewer .btn-usage:hover .fill,
.page--edan-viewer .btn-usage:focus .fill {
  fill: #F0B323;
}

.page--edan-viewer .media-metadata button {
  margin-bottom: 1em;
  width: 35px;
  height: 35px;
}
.page--edan-viewer .edan-image-toolbar button {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.page--edan-viewer .media-metadata svg {
  width: 28px;
}
.page--edan-viewer .heading-tab-download svg {
  width: 22px;
}
.page--edan-viewer .heading-tab-usage svg {
  width: 52px;
}
#rotate-left,
#zoom-previous {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.page--edan-viewer .edan-image-toolbar {
  margin: 0 0 1.5em;
}

.page--edan-viewer .media-metadata,
.page--edan-viewer .accordion-inner {
  margin: 0;
}
.page--edan-viewer .heading-tab-iiif svg{
  width: 19px;
}
.page--edan-viewer .media-metadata .heading-tab-usage {
  background: transparent;
  width: auto;
}

.page--edan-viewer .card-header.heading-tab-usage {
  order: 1;
}
.page--edan-viewer .slick-prev .stroke, .page--edan-viewer .slick-next .stroke {stroke: transparent}
.page--edan-viewer .slick-prev:before,
.page--edan-viewer .slick-next:before{
  border-color:transparent transparent transparent #fff;
}
.page--edan-viewer .slick-prev:after,
.page--edan-viewer .slick-next:after{
  border-color:transparent transparent transparent #000;
}
#viewer-other,
.has-3d #edan-viewer{
  display: none;
}
.has-3d .edan-image-toolbar button {
  display: none;
}

.edan-record.edan-viewer-container .media-metadata .btn, .edan-record.edan-viewer-container .media-metadata button {color: #fff;}

.edan-record .accordion .heading-tab-usage,
.edan-record .has-download .accordion .heading-tab-download,
.edan-record .has-iiif .accordion .heading-tab-iiif,
.has-3d.has-slideshow .edan-image-toolbar #zoom-previous,
.has-3d.has-slideshow .edan-image-toolbar #zoom-next{
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex!important;
  justify-content: center;
  align-items: center;
}
.viewer--embed .edan-record.edan-viewer-container .media-metadata .heading-tab-usage {
  --text-color: #333F48;
  color: var(--text-color);
}

.has-3d #viewer-other {
  display: block;
}
.page--edan-viewer .media-metadata,
.page--edan-viewer .edan-image-toolbar,
.page--edan-viewer .accordion-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row;
  padding: 0;
  width: auto;
  height: auto;
  justify-content: flex-start;
  align-items: flex-start;
}


.page--edan-viewer .btn {
  margin-left: 1em;
}
.page--edan-viewer .slide .slide__content {
  background: #000;
  border: none;
}

.page--edan-viewer .first #zoom-previous {
  opacity: .25;
}

.page--edan-viewer .media-metadata .accordion .heading-tab-usage {
  width: auto;
  background: transparent;
}

.page--edan-viewer #viewer-other,
.page--edan-viewer #edan-viewer,
.page--edan-viewer .media-slider {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.page--edan-viewer .media-slider {
  border-top-color: #222;
}
@media (min-width: 680px) {
  .page--edan-viewer .media-metadata {
    position: absolute;
    left: 0;
    z-index: 100;
  }
  .page--edan-viewer .media-metadata,
  .page--edan-viewer .edan-image-toolbar,
  .page--edan-viewer .accordion-inner{
    flex-flow: column;
    flex-wrap: nowrap;
  }
  .page--edan-viewer .viewer--embed .media-metadata,
  .page--edan-viewer .viewer--embed .edan-image-toolbar,
  .page--edan-viewer .viewer--embed .accordion-inner{
    flex-flow: row;
  }
  .page--edan-viewer .viewer--embed .media-metadata {
    justify-content: space-between;
    right: 0;
  }
  .page--edan-viewer .viewer--embed .media-metadata button {
    margin-right: 1em;
  }

  .page--edan-viewer #viewer-other,
  .page--edan-viewer #edan-viewer,
  .page--edan-viewer .media-slider {
    width: 85%;
  }
  .page--edan-viewer .btn, .page--edan-viewer .btn + .btn {
    margin-left: 0;
  }
}
