@charset "utf-8";
/* CSS Document */


html,body {
	height: 100%;
}
*{
	outline: none;
}
body {
	margin: 0px; 
	padding: 0px;
  background: #000;
	}
#toolbar {
	position: fixed; 
	z-index: 3; 
	right: 10px; 
	top: 10px; 
	padding: 5px; 
	background: url(https://www.montrealcouncilofwomen.ca/gallery/images/fs_img_g_bg.png);
}
#toolbar img {
	border: none;
}
#img_title { 
	position: fixed; 
	z-index: 3; 
	left: 10px; 
	top: 10px; 
	width: 100%;	
	height: 110px;
	padding: 10px;  
	font-family: 'Lato', sans-serif;
	color: #fff;
	font-size: 30px; 
	/*line-height: 250px;*/
  text-shadow: 2px 1px 1px #613659;
}
#bg {
	position: fixed; 
	z-index: 1; 
	overflow: hidden; 
	width: 100%; 
	height: 100%;
}
#bgimg {
	display: none; 
	-ms-interpolation-mode: bicubic;
}
#preloader{
	position: relative; 
	z-index: 3; 
	width: 32px; 
	padding: 20px; 
	top: 80px; 
	margin: auto; 
	background: #000;
}
.thumb {	
  display: block;
  width:  120px;
  height: inherit;
	max-height: 110px;
}	
#thumbnails_wrapper {
	z-index: 2; 
	position: fixed; 
	bottom: 0; 
	width: 100%; 
	background: url(https://www.montrealcouncilofwomen.ca/gallery/images/empty.gif);
}
#outer_container {
	position: relative; 
	padding: 0; 
	width: 100%;
	margin: 20px auto;
}
#outer_container .thumbScroller {
	position: relative; 
	overflow: hidden; 
	background: url(https://www.montrealcouncilofwomen.ca/gallery/images/fs_img_g_bg.png);
}
#outer_container .thumbScroller, #outer_container .thumbScroller .container, #outer_container .thumbScroller .content {
	height: 130px;
}
#outer_container .thumbScroller .container{
	position: relative; 
	left: 0;
}
#outer_container .thumbScroller .content{
	float: left;
}
#outer_container .thumbScroller .content div{
	margin: 4px; 
	height: 100%;
}
#outer_container .thumbScroller img {
	border: 4px solid #f2f4f6;
  transition: all 0.3s ease;
}
#outer_container .thumbScroller img:hover {
	border: 4px solid #be1d2d;
}
#outer_container .thumbScroller .content div a{
	display: block; 
	padding: 5px;
}
.nextImageBtn, .prevImageBtn {
	display: block; 
	position: absolute; 
	width: 50px; 
	height: 50px; 
	top: 50%; 
	margin: -25px 10px 0 10px;
	z-index: 3; 
	filter: alpha(opacity=40); 
	-moz-opacity: 0.4; 
	-khtml-opacity: 0.4; 
	opacity: 0.4;
}
.nextImageBtn:hover,.prevImageBtn:hover {
	filter: alpha(opacity=80); 
	-moz-opacity: 0.8;
	 -khtml-opacity: 0.8; 
	 opacity: 0.8;
}
.nextImageBtn{
	right: 0; 
	background: #000 url(https://www.montrealcouncilofwomen.ca/gallery/images/nextImgBtn.png) center center no-repeat;
}
.prevImageBtn{
	background: #000 url(https://www.montrealcouncilofwomen.ca/gallery/images/prevImgBtn.png) center center no-repeat;
}


@media all and (max-width:760px){	
  .thumb {
    width: 100px;
    height: 67px;
  }
  #img_title { 
    font-size: 20px;
  }
}