/* CSS Document */

/* - - - - */

.gap
{
	float:left;
	width:100%;
	height:16px;
}

._btn
{
	float:right;
	margin:8px;
}

._btn:hover
{
	cursor:pointer;
}

/* - - - - */

#fb-gallery
{
	margin-top:32px;
	margin-bottom:32px;
}

#fb_gal_topbar
{
	position: relative;
    width: 100%;
    float: left;
    padding: 16px;
}

#fb_back
{
	float: right;
    padding: 16px;
    background-color: #252525;
    color: #fff;
    margin: 0;
	
	-webkit-transition: background-color 0.2s ease; /* Safari */
    transition: background-color 0.2s ease;
	
}

#fb_back:hover
{
	cursor:pointer;
	background-color:#C8C8C8;
}

#fb-lightbox
{
	display:none;
	position:fixed;
	
	width:100vw;
	height:100vh;
	
	z-index:1000;
	
	top:0;
	left:0;
	
	background-color:rgba(0,0,0,0.75);
}

#fb-lightbox-img
{
	max-width:80%;
	max-height:80%;
	
	top:50%;
	left:50%;
	
	transform:translate(-50%,-50%);
	-webkit-transform: translate(-50%, -50%); /* Safari */	
	
	border: solid 16px #fff;
	position:relative;
}

/* - */

.album_name
{
	position: absolute;
    background-color: #252525;
    color: #fff;
    width: 100%;
    padding: 8px;
    text-align: center;
    bottom: 0px;
    margin: 0;
    font-weight: 100;
}

.gal_img_container
{
	position:relative;
	float:left;	
	overflow:hidden;
	margin-bottom:32px;
	background-color:#fff;
	
	width:100%;
	height:200px;
}

.gal_img_container:hover
{
	cursor:pointer;	
}

.gal_img_container:hover .gal_img
{
	opacity:0.5;	
}

.gal_img
{
	
	position:relative;
	float:left;	
	
	width:auto;
	max-width:100%;
	/* min-height:100%; */
	top:50%;
	left:50%;
	
	transform:translate(-50%,-50%);
	-webkit-transform: translate(-50%, -50%); /* Safari */	
	
	-webkit-transition: opacity 0.2s ease; /* Safari */
    transition: opacity 0.2s ease;	
		
}


@media (min-width: 768px)
{
	.gal_img_container
	{
		width:45%;
		margin:2.5%;
		height:250px;
	}
}

@media (min-width: 992px)
{
	.gal_img_container
	{
		width:30%;
		margin:1.5%;
		height:250px;
	}
}

@media (min-width: 1200px)
{
	.gal_img_container
	{
		width:22.5%;
		margin:1.25%;
		height:250px;
	}
}