/*!
 * jQuery photoWall.js v1.0.0
 * https://jeremyjcpaul.com
 * https://github.com/jeremyjcpaul/photowall
 *
 * Copyright 2013 Jeremy JC Paul
 * Released under the MIT license.
 * https://github.com/jeremyjcpaul/photowall/blob/master/MIT-LICENSE.txt
 *
 * Date: 21/11/2013
 */
.photowall { position:relative; width:100%; height:100%; margin:0 auto; max-width:1647px; }
.pw-slide-group { clear:both; }
/*.pw-slide { position:relative; float:left; margin:5px 0.5%; cursor:pointer; width:19%; text-align:center; }*/
.pw-slide {
position: relative;
float: left;
margin: 1%;
cursor: pointer;
width: 18%;
text-align: center;
}
.pw-slide .pw-image { max-height:220px; max-width: 100%;  }
.pw-slide .pw-image-desc { display:none; }
/*.pw-previewer { position:relative; float:left; width:99%; margin:0 0.5%; padding:50px 0; color:#EEE; background:#333; }*/
.pw-previewer {
position: relative;
float: left;
width: 98%;
margin: 0 1%;
/*padding: 50px 0;*/
padding: 40px 0;
color: #EEE;
background: #333;
margin-top: 1%;
margin-bottom: 1%;
}
.pw-previewer.hide { display:none; }
.pw-previewer .pw-previewer-close {
position: absolute;
right: 10px;
top: 10px;
font-size: 10px;
font-family: Verdana, Arial, sans-serif;
color: #FFF;
border: 1px solid #FFF;
/* padding: 10px; */
width: 50px;
height: 50px;
/* line-height: 50px; */
text-align: center;
}
.pw-previewer .pw-previewer-close:hover { cursor:pointer; color:#555; }
.pw-previewer .pw-image-container { float: left; width:50%; max-height: 500px; margin:0px 2% 0 2%; text-align: center;}
.pw-previewer .pw-image-container .pw-image { max-width:100%; max-height: 500px; margin:0px; }
.pw-previewer > div { float:left; width:44%; margin:0 2% 0 0; font-size: 13px; }

@media only screen and (max-width: 850px) {
  .pw-slide { width:31%; }
	/*.pw-previewer .pw-previewer-close { right:10px; top:0px; font-size:30px; }*/
	/*.pw-previewer .pw-image-container { float: left; width:98%; max-height: 500px; margin:0px 1%; text-align: center;}*/
	/*.pw-previewer > div { float:left; width:98%; margin:0px 1%; }*/
	.pw-slide .pw-image { max-height:100%;}
	.pw-previewer > div {
float: left;
width: 92%;
margin: 0px 4%;
margin-top: 20px;
}
	.pw-previewer .pw-image-container {
	float: left;
width: 92%;
	max-height: 500px;
margin: 0px 4%;
	text-align: center;
	}
}

@media only screen and (max-width: 550px) {
  .pw-slide {
width: 31.333333333%;
}
}

@media only screen and (max-width: 450px) {
  .pw-slide { width:48%; }
}

/*
     FILE ARCHIVED ON 12:30:22 Feb 17, 2017 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 13:37:33 Sep 15, 2017.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/