/* Rem Unit font sizes with relative fallback http:/seesparkbox.com/foundry/scss_rem_mixin_now_with_a_better_fallback
	Usage: @include font-size(1, large);
*/
.si-modal figcaption,
.si-modal caption {
  display: none !important;
}

button.media[data-toggle=modal].remote_video, button.media[data-toggle=modal].audio, button.media[data-toggle=modal].video, button.media[data-toggle=modal].image,
.si-modal button.media[data-toggle=modal].remote_video,
.si-modal button.media[data-toggle=modal].audio,
.si-modal button.media[data-toggle=modal].video,
.si-modal button.media[data-toggle=modal].image {
  padding: 0;
  width: auto;
  max-width: 100%;
  background: transparent;
  border: none;
  position: relative;
  height: auto;
  border-radius: 0;
  margin: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
button.media[data-toggle=modal].remote_video .fa, button.media[data-toggle=modal].audio .fa, button.media[data-toggle=modal].video .fa, button.media[data-toggle=modal].image .fa,
.si-modal button.media[data-toggle=modal].remote_video .fa,
.si-modal button.media[data-toggle=modal].audio .fa,
.si-modal button.media[data-toggle=modal].video .fa,
.si-modal button.media[data-toggle=modal].image .fa {
  position: absolute;
  z-index: 100;
}
button.media[data-toggle=modal].remote_video:hover .fa, button.media[data-toggle=modal].remote_video:focus .fa, button.media[data-toggle=modal].audio:hover .fa, button.media[data-toggle=modal].audio:focus .fa, button.media[data-toggle=modal].video:hover .fa, button.media[data-toggle=modal].video:focus .fa, button.media[data-toggle=modal].image:hover .fa, button.media[data-toggle=modal].image:focus .fa,
.si-modal button.media[data-toggle=modal].remote_video:hover .fa,
.si-modal button.media[data-toggle=modal].remote_video:focus .fa,
.si-modal button.media[data-toggle=modal].audio:hover .fa,
.si-modal button.media[data-toggle=modal].audio:focus .fa,
.si-modal button.media[data-toggle=modal].video:hover .fa,
.si-modal button.media[data-toggle=modal].video:focus .fa,
.si-modal button.media[data-toggle=modal].image:hover .fa,
.si-modal button.media[data-toggle=modal].image:focus .fa {
  opacity: 1;
}
button.media[data-toggle=modal].remote_video .fa, button.media[data-toggle=modal].audio .fa, button.media[data-toggle=modal].video .fa,
.si-modal button.media[data-toggle=modal].remote_video .fa,
.si-modal button.media[data-toggle=modal].audio .fa,
.si-modal button.media[data-toggle=modal].video .fa {
  display: flex;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 9rem;
  color: #FFF;
  border: none;
  padding-left: 1rem;
  border-radius: 4.5rem;
  width: 9rem;
  height: 9rem;
  justify-content: center;
  align-items: center;
  opacity: 0.6;
}
button.media[data-toggle=modal].remote_video .field--name-name, button.media[data-toggle=modal].audio .field--name-name, button.media[data-toggle=modal].video .field--name-name,
.si-modal button.media[data-toggle=modal].remote_video .field--name-name,
.si-modal button.media[data-toggle=modal].audio .field--name-name,
.si-modal button.media[data-toggle=modal].video .field--name-name {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}
.media--audio.no-image button.media[data-toggle=modal].audio,
.media--audio.no-image .si-modal button.media[data-toggle=modal].audio {
  padding-bottom: 25%;
}
button.media[data-toggle=modal].image .fa,
.si-modal button.media[data-toggle=modal].image .fa {
  width: 2.4rem;
  height: 2.4rem;
  font-size: 2.4rem;
  bottom: 1.2rem;
  right: 1rem;
  opacity: 0.75;
  text-shadow: 0px 0px 2px black, 0px 0px 2px black;
}

.si-admin .modal-dialog {
  margin: 9rem auto 2.4rem;
}

.modal-body {
  color: #fff;
  padding: 0;
}
.modal-body .media--image {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}

div[data-type=entity--media-audio] iframe,
div[data-type=entity--media-audio] .modal-dialog {
  max-width: 640px !important;
}

iframe.entity--media.remote_video, iframe.entity--media.video {
  min-height: 56.25%;
}
iframe.entity--media {
  min-height: 630px;
}

.si-modal + .field--name-field-text {
  margin-top: 2.4rem;
}

#si-modal-div .close {
  text-decoration: none !important;
  font-size: 2rem;
}
#si-modal-div .close:hover > .text {
  text-decoration: none !important;
}
#si-modal-div .close > .text {
  color: white !important;
}
#si-modal-div .close > .text:hover {
  text-decoration: none !important;
}
/*# sourceMappingURL=../maps/components/si-modal.css.map */