
/*
.gallery { width: 100%; }
.gallery-item {
	float: left;
	margin: 0;
        padding: 0;
	text-align: center;
	width: 25%;
}
.gallery-icon .portrait{
    margin: 0;
}
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery img {
	border: 1px solid white;
	background: #f2f2f2;
}
.gallery img {
    width: 100%;
    margin-bottom: -6px;
}
.gallery img:hover {
    background: white;
}
.gallery-columns-2 .attachment-medium {
    height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
    height: auto;
}
.gallery .gallery-caption {
    color: #888;
    font-size: 12px;
    margin: 0 0 12px;
}
.gallery dl, .gallery dt { margin: 0; }
.gallery br+br { display: none; }
*/


/**
*   VARS
**/
/* IE8 Stuff */
.jslghtbx-ie8.jslghtbx { background-image: url("../images/trans-bck.png"); display: none; }
.jslghtbx-ie8.jslghtbx.jslghtbx-active { display: block; }
.jslghtbx-ie8.jslghtbx .jslghtbx-contentwrapper > img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; display: block; }
.jslghtbx-ie8.jslghtbx .jslghtbx-contentwrapper.jslghtbx-wrapper-active > img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

/* Main wrapper */
.jslghtbx { font-family: sans-serif; overflow: auto; visibility: hidden; position: fixed; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; background-color: transparent; }
.jslghtbx.jslghtbx-active { visibility: visible; background-color: rgba(0, 0, 0, 0.85); }

/* loading-animation */
.jslghtbx-loading-animation { margin-top: -60px; margin-left: -60px; width: 120px; height: 120px; top: 50%; left: 50%; display: none; position: absolute; z-index: -1; }
.jslghtbx-loading-animation > span { display: inline-block; width: 20px; height: 20px; border-radius: 20px; margin: 5px; background-color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.jslghtbx-loading-animation > span.jslghtbx-active { margin-bottom: 60px; }

.jslghtbx.jslghtbx-loading .jslghtbx-loading-animation { display: block; }

.jslghtbx-nooverflow { overflow: hidden !important; }

.jslghtbx-contentwrapper { margin: auto; visibility: hidden; }
.jslghtbx-contentwrapper > img { background: #fff; padding: .5em; display: none; height: auto; margin-left: auto; margin-right: auto; opacity: 0; }

.jslghtbx-contentwrapper.jslghtbx-wrapper-active { visibility: visible; }
.jslghtbx-contentwrapper.jslghtbx-wrapper-active > img { display: block; opacity: 1; }

/* Caption */
.jslghtbx-caption { display: none; margin-left: auto; margin-right: auto; margin-top: 5px; margin-bottom: 5px; max-width: 450px; color: #fff; text-align: center; font-size: .9em; }
.jslghtbx-caption a { color: white; }

.jslghtbx-active .jslghtbx-caption { display: block; }

/* Animation Stuff */
.jslghtbx-contentwrapper.jslghtbx-animate > img { opacity: 0; }

.jslghtbx-contentwrapper > img.jslghtbx-animate-transition { -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; }

.jslghtbx-contentwrapper > img.jslghtbx-animating-next { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.jslghtbx-contentwrapper > img.jslghtbx-animating-prev { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.jslghtbx-contentwrapper > img.jslghtbx-animate-init { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.jslghtbx-contentwrapper > img.jslghtbx-animate-transition { cursor: pointer; }

/* Controls */
.jslghtbx-close { position: fixed; right: 23px; top: 23px; margin-top: -4px; font-size: 2em; color: #FFFFFF; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.jslghtbx-close:hover { text-shadow: 0 0 10px #fff; }
@media screen and (max-width: 1060px) { .jslghtbx-close { font-size: 1.5em; } }

.jslghtbx-next, .jslghtbx-prev { display: none; position: fixed; top: 50%; max-width: 6%; max-height: 250px; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; }
.jslghtbx-next.jslghtbx-active, .jslghtbx-prev.jslghtbx-active { display: block; }
.jslghtbx-next > img, .jslghtbx-prev > img { width: 100%; }

.jslghtbx-next { right: .6em; }
.jslghtbx-next.jslghtbx-no-img:hover { border-left-color: #787878; }
@media screen and (min-width: 451px) { .jslghtbx-next { right: .6em; }
  .jslghtbx-next.jslghtbx-no-img { border-top: 110px solid transparent; border-bottom: 110px solid transparent; border-left: 40px solid #FFF; } }
@media screen and (max-width: 600px) { .jslghtbx-next.jslghtbx-no-img { right: 5px; padding-left: 0; border-top: 60px solid transparent; border-bottom: 60px solid transparent; border-left: 15px solid #FFF; } }
@media screen and (max-width: 450px) { .jslghtbx-next { right: .2em; padding-left: 20px; } }

.jslghtbx-prev { left: .6em; }
.jslghtbx-prev.jslghtbx-no-img:hover { border-right-color: #787878; }
@media screen and (min-width: 451px) { .jslghtbx-prev { left: .6em; }
  .jslghtbx-prev.jslghtbx-no-img { border-top: 110px solid transparent; border-bottom: 110px solid transparent; border-right: 40px solid #FFF; } }
@media screen and (max-width: 600px) { .jslghtbx-prev.jslghtbx-no-img { left: 5px; padding-right: 0; border-top: 60px solid transparent; border-bottom: 60px solid transparent; border-right: 15px solid #FFF; } }
@media screen and (max-width: 450px) { .jslghtbx-prev { left: .2em; padding-right: 20px; } }

.jslghtbx-thmb { padding: 2px; max-width: 100%; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
