/**
 * This file is part of Shadowbox <http://shadowbox-js.com/>
 */

#shadowbox {
  position: fixed;
  margin: 0;
  padding: 0;
  top: 0 !important;
  z-index: 9999999999999;
  text-align: left;
  visibility: hidden;
  display: none;
}

#shadowbox img {
  border: none;
}

#shadowbox * {
  outline: 0; /* Disable dotted outline in Firefox */
}

#sb-overlay {
  position: relative;
  width: 100%;
  height: 100%;
}

#sb-wrapper {
  position: absolute;
  display: block;
  visibility: hidden;
  left: 50%;
  top: 50%;
}

#sb-body,
#sb-content,
#sb-cover {
  position: absolute;
  width: 100%;
  height: 100%;
}

#sb-body {}

#sb-content { background: black }

#sb-cover {
  background: black;
}

#sb-close{
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 31c8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15C7.716 1 1 7.716 1 16c0 8.284 6.716 15 15 15ZM20.5 11.5l-9 9M11.5 11.5l9 9' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  position: absolute;
  cursor: pointer;
}

#sb-next{
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7.416h12.833M7.417 13.833l6.416-6.416L7.417 1' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  position: absolute;
  cursor: pointer;
}

#sb-prev{
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 7.583H1.167M7.583 1.167 1.166 7.583 7.583 14' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  position: absolute;
  cursor: pointer;
}

#shadowbox.active #sb-close,
#shadowbox.has-next #sb-next,
#shadowbox.has-prev #sb-prev {
  display: block;
}

#sb-close {
  top: 0;
  right: 0;
  width: 32px;
  height: 32px;
  margin-right: 20px;
  margin-top: 20px;
}

#sb-next {
  right: 0;
  top: 50%;
  width: 15px;
  height: 15px;
  margin-right: 30px;
}

#sb-prev {
  left: 0;
  top: 50%;
  width: 15px;
  height: 15px;
  margin-left: 30px;
}