/* line 1, ../sass/simplelightbox.scss */
body.hidden-scroll {overflow: hidden;}

/* line 4, ../sass/simplelightbox.scss */
.sl-overlay {position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: var(--dark-blue); opacity: 0.8; display: none; z-index: 1006;}

/* line 15, ../sass/simplelightbox.scss */
.sl-wrapper {z-index: 1000;}

/* line 17, ../sass/simplelightbox.scss */
.sl-wrapper button {border: 0 none; background: transparent; font-size: 36px; color: rgba(0,0,0,0); padding: 0; cursor: pointer; opacity: 0.5; text-indent: -9999px;}

/* line 23, ../sass/simplelightbox.scss */
.sl-wrapper button:hover {
  opacity: 1;
}
/* line 28, ../sass/simplelightbox.scss */
.sl-wrapper .sl-close {display: none; height: 1.5rem; width: 1.5rem; position: fixed; right: 0.5rem; top: 1rem; z-index: 1015; overflow: visible;}
.sl-wrapper .sl-close:before, .sl-wrapper .sl-close:after {content: ''; display: block; width: 1.5rem; height: 0.25rem; background: rgba(255,255,255,1); position: absolute; top: 1.25rem;}
.sl-wrapper .sl-close:before {transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);}
.sl-wrapper .sl-close:after {transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);}

/* line 36, ../sass/simplelightbox.scss */
.sl-wrapper .sl-counter {display: none; position: fixed; bottom: 2rem; left: 0.75rem; color: rgba(255,255,255,1); z-index: 1015;}

/* line 44, ../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation {width: 100%; display: none;}

/* line 47, ../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation button {position: fixed; top: 50%; margin-top: -1.25rem; height: 2.5rem; width: 1.5rem; display: block; z-index: 1015;}

.sl-wrapper .sl-navigation button.sl-next {right: 0.75rem;}
.sl-wrapper .sl-navigation button.sl-prev {left: 0.75rem;}

button.sl-prev:after, button.sl-next:after {content: ''; width: 0; height: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: all .3s; -webkit-transition: all .3s; border-style: solid;}

button.sl-prev:after {border-width: 1rem 1.75rem 1rem 0; border-color: transparent rgba(255,255,255,1) transparent transparent;}
button.sl-next:after {border-width: 1rem 0 1rem 1.75rem; border-color: transparent transparent transparent rgba(255,255,255,1);}

.sl-wrapper .sl-image {position: fixed; -ms-touch-action: none; touch-action: none; z-index: 10000;}

/* line 73, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image img {margin: 0; padding: 0; display: block; border: 0.5rem solid rgba(255,255,255,1);}

/* line 78, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image iframe {border: 0 none; background: #000;}

/* line 82, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image .sl-caption {display: none; color: rgba(0,0,0,1); position: absolute; background: rgba(255,255,255,1); bottom: 0; left: 0; right: 0;}

/* line 93, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image .sl-caption.pos-top {padding: 0.375rem 1rem 0.375rem 1rem; bottom: auto; top: 0;}

/* line 98, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image .sl-caption.pos-outside {padding: 0 1rem 0.375rem 1rem; bottom: auto;}

/* line 103, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image .sl-download {display: none; position: absolute; bottom: 5px; right: 5px; color: #fff; z-index: 1005;}

/* line 114, ../sass/simplelightbox.scss */
.sl-spinner {display: none; border: 5px solid #333; border-radius: 40px; height: 40px; left: 50%; margin: -20px 0 0 -20px; opacity: 0; position: fixed; top: 50%; width: 40px; z-index: 1007;
-webkit-animation: pulsate 1s ease-out infinite; -moz-animation: pulsate 1s ease-out infinite; -ms-animation: pulsate 1s ease-out infinite; -o-animation: pulsate 1s ease-out infinite; animation: pulsate 1s ease-out infinite;}

/* line 133, ../sass/simplelightbox.scss */
.sl-scrollbar-measure {position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll;}

@-webkit-keyframes pulsate {
0% {transform: scale(0.1); opacity: 0.0;}
50% {opacity: 1;}
100% {transform: scale(1.2); opacity: 0;}
}
@keyframes pulsate {
0% {transform: scale(0.1); opacity: 0.0;}
50% {opacity: 1;}
100% {transform: scale(1.2); opacity: 0;}
}
@-moz-keyframes pulsate {
0% {transform: scale(0.1); opacity: 0.0;}
50% {opacity: 1;}
100% {transform: scale(1.2); opacity: 0;}
}
@-o-keyframes pulsate {
0% {transform: scale(0.1); opacity: 0.0;}
50% {opacity: 1;}
100% {transform: scale(1.2);opacity: 0;}
}
@-ms-keyframes pulsate {
0% {transform: scale(0.1); opacity: 0.0;}
50% {opacity: 1;}
100% {transform: scale(1.2); opacity: 0;}
}

@media screen and (min-width:64em) {
.sl-wrapper .sl-counter {left: 1.375rem;}

.sl-wrapper .sl-close {display: none; height: 2.75rem; width: 2.75rem; right: 1rem; top: 2.25rem;}
.sl-wrapper .sl-close:before, .sl-wrapper .sl-close:after {width: 2.25rem; height: 0.25rem;}

.sl-wrapper .sl-navigation button {margin-top: -1.5rem; height: 3rem; width: 3rem;}
.sl-wrapper .sl-navigation button.sl-next {right: 1.375rem;}
.sl-wrapper .sl-navigation button.sl-prev {left:1.375rem;}

button.sl-prev:before, button.sl-next:before {top: 0.75rem;}
button.sl-prev:before, button.sl-prev:after, button.sl-next:before, button.sl-next:after {width: 1.875rem;}
}