/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
z-index: 91500;
z-index: 99999;
-webkit-text-size-adjust: 100%;
/* create separate layer, to avoid paint on window.onscroll in webkit/blink */
-webkit-backface-visibility: hidden;
outline: none; }
.pswp * {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.pswp img {
max-width: none; 
*border:10px solid red;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
/* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
opacity: 0.001;
will-change: opacity;
/* for open/close transition */
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open {
display: block; }

.pswp--zoom-allowed .pswp__img {
/* autoprefixer: off */
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }

.pswp--zoomed-in .pswp__img {
/* autoprefixer: off */
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab; }

.pswp--dragging .pswp__img {
/* autoprefixer: off */
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing; }

/*
Background is added as a separate element.
As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
*background: #000;
background: #fff;
opacity: 0;
-webkit-backface-visibility: hidden;
will-change: opacity; }

.pswp__scroll-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden; }

.pswp__container,
.pswp__zoom-wrap {
-ms-touch-action: none;
touch-action: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0; }

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }

.pswp__zoom-wrap {
position: absolute;
width: 100%;
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
/* for open/close transition */
-webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg {
will-change: opacity;
/* for open/close transition */
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
-webkit-transition: none;
transition: none; }

.pswp__container,
.pswp__zoom-wrap {
-webkit-backface-visibility: hidden;
will-change: transform; }

.pswp__item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden; }

.pswp__img {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0; 
}

/*
stretched thumbnail or div placeholder element (see below)
style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
-webkit-backface-visibility: hidden; }

/*
div element that matches size of large image
large image loads on top of it
*/
.pswp__img--placeholder--blank {
background: #222;
background:rgba(10,10,10,.05);
}

.pswp--ie .pswp__img {
width: 100% !important;
height: auto !important;
left: 0;
top: 0; }

/*
Error message appears when image is not loaded
(JS option errorMsg controls markup)
*/
.pswp__error-msg {
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 16px;
margin-top: -8px;
color: #CCC; }

.pswp__error-msg a { color: #CCC; text-decoration: underline; }

/* photoswipe
*/

/* photoswipe
*/
.photo-gallery {
width: 100%;
display:block;
position:relative;
margin:0;
}
.photo-gallery a {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-touch-callout: none;
position:relative;
*line-height:0;
display:inline-block;
float:left;
margin:0;
padding:0.25rem; 
text-decoration: none;
}
.photo-gallery a:hover { }
/*
.photo-gallery figure { display: none; }
*/
.photo-gallery figure,
.pswp__caption {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
}
.photo-gallery figure.display--none {
display:none;
}
.photo-gallery figure.has-long-text {
padding:1rem 0;
margin:0;
line-height: 1.2;
font-size:70%;
height:6rem;
overflow-y: auto;
color:black;

}
.photo-gallery figure.has-long-text2 {
padding:1rem 0;
margin:0;
line-height: 1.2;
font-size:70%;
height:8rem;
overflow-y: auto;
color:black;
}

@media (max-width:800px) {
.photo-gallery figure.has-long-text,
.photo-gallery figure.has-long-text2 {
line-height: 1.2;
font-size:70%;
height:5rem;
overflow-y: auto;
margin-bottom:10px;
}
}

.grid { margin:0; padding:0; width:100%; }
.grid:before,
.grid:after { content: ''; display: block; clear: both; }
.grid-sizer,
.grid-item { width:0%; }

.grid-item .bgimg15 {
height:160px; 
background-size:cover; 
background-position:50% 50%;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
-webkit-box-shadow: 0 8px 8px -8px rgba(50,50,50,0.5) !important; -moz-box-shadow: 0 8px 8px -8px rgba(50,50,50,0.5) !important; box-shadow: 0 8px 8px -8px rgba(50,50,50,0.5) !important;
}
.grid-item .bgimg15:hover {
-webkit-transform:scale(1.025); -moz-transform:scale(1.025); -ms-transform:scale(1.025);
-o-transform:scale(1.025); transform:scale(1.025); 
-webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in;
-o-transition:all 0.2s ease-in; transition:all 0.2s ease-in;
}

.grid-item .bgimg20 {
height:180px; 
background-size:cover; 
background-position:50% 50%;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
-webkit-box-shadow: 0 8px 8px -8px rgba(50,50,50,0.5) !important; -moz-box-shadow: 0 8px 8px -8px rgba(50,50,50,0.5) !important; box-shadow: 0 8px 8px -8px rgba(50,50,50,0.5) !important;
}
.grid-item .bgimg20:hover {
-webkit-transform:scale(1.025); -moz-transform:scale(1.025); -ms-transform:scale(1.025);
-o-transform:scale(1.025); transform:scale(1.025); 
-webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in;
-o-transition:all 0.2s ease-in; transition:all 0.2s ease-in;
}

.grid-item.w20 { width: 20%; }
.grid-item.w20 img { border:none; }

.grid-item.w25 { width: 25%; }
.grid-item.w25 img { border:none; }
.grid-item .bgimg25 {
height:240px; 
background-size:cover; 
background-position:50% 50%;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
-webkit-box-shadow: 0 8px 8px -8px rgba(50,50,50,0.5) !important; -moz-box-shadow: 0 8px 8px -8px rgba(50,50,50,0.5) !important; box-shadow: 0 8px 8px -8px rgba(50,50,50,0.5) !important;
}
.grid-item .bgimg25:hover {
-webkit-transform:scale(1.025); -moz-transform:scale(1.025); -ms-transform:scale(1.025);
-o-transform:scale(1.025); transform:scale(1.025); 
-webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in;
-o-transition:all 0.2s ease-in; transition:all 0.2s ease-in;
}

.grid-item.w30 { width: 30%; }
.grid-item.w30 img { border:none; }
.grid-item .bgimg30 {
height:360px; 
background-size:cover; 
background-position:50% 50%;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
-webkit-box-shadow: 0 8px 8px -8px rgba(50,50,50,0.5) !important; -moz-box-shadow: 0 8px 8px -8px rgba(50,50,50,0.5) !important; box-shadow: 0 8px 8px -8px rgba(50,50,50,0.5) !important;
}
.grid-item .bgimg30:hover {
-webkit-transform:scale(1.025); -moz-transform:scale(1.025); -ms-transform:scale(1.025);
-o-transform:scale(1.025); transform:scale(1.025); 
-webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in;
-o-transition:all 0.2s ease-in; transition:all 0.2s ease-in;
}

.grid-item.w40 { width: 40%; }
.grid-item.w40 img { border:none; }
.grid-item .bgimg40 {
height:488px; 
background-size:cover; 
background-position:50% 50%;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
-webkit-box-shadow: 0 8px 8px -8px rgba(50,50,50,0.5) !important; -moz-box-shadow: 0 8px 8px -8px rgba(50,50,50,0.5) !important; box-shadow: 0 8px 8px -8px rgba(50,50,50,0.5) !important;
}
.grid-item .bgimg40:hover {
-webkit-transform:scale(1.025); -moz-transform:scale(1.025); -ms-transform:scale(1.025);
-o-transform:scale(1.025); transform:scale(1.025); 
-webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in;
-o-transition:all 0.2s ease-in; transition:all 0.2s ease-in;
}

.grid-item.w43 {
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
width:25%;
display:inline-block;
vertical-align: top;
}

.grid-item.w50 { width: 50%; }
.grid-item.w50 img { border:none; }

@media (min-width:0px) and (max-width:960px) {

.grid-item.w20,
.grid-item.w30,
.grid-item.w40 { width: 33.33%; }
.grid-item .bgimg30,
.grid-item .bgimg40 { height:320px; }

}
@media (min-width:961px) and (max-width:1199px) { 

.grid-item .bgimg30,
.grid-item .bgimg40 { height:360px; }

}