/*
CSS Name: Default Styles
Description: NextGEN Default Gallery Stylesheet
Author: Photocrati Media
Version: 2.12

This stylesheet is provided to allow users the ability of overriding the default styles for all display types
*/


.ngg-gallery-thumbnail {
	float: left;
	text-align: center;
}

.ngg-gallery-thumbnail img {
    	background-color: #FFFFFF;
    	border: 0 !important;
    	display: block;
	position: relative;
	height:auto!important;
	width: 100%!important;
	padding:0!important;
	margin:0!important;
}


.ngg-gallery-thumbnail-box {
    	float: left;
	width: 23.57142857142857% !important;
	height: auto !important;
	margin: 0 1.9047619047619049% 1.9047619047619049% 0 !important;
}

.ngg-gallery-thumbnail-box:nth-of-type(4n) {
	margin: 0 0 1.9047619047619049% 0 !important;
}

.ngg-gallery-thumbnail img:hover {
	-webkit-transform: rotate(1deg); 
	-moz-transform: rotate(1deg); 
	-o-transform: rotate(1deg);
	-ms-transform: rotate(1deg); 
	transition: all 0.1s ease 0s;	
	cursor:pointer;
}


.ngg-album-compactbox .Thumb, .ngg-album-compactbox img{
    	background-color: #FFFFFF;
    	border: 0 !important;
    	display: block;
	position: relative;
	height:auto!important;
	width: 100%!important;
	padding:0!important;
	margin:0!important;
}

.ngg-album-compactbox:before {
    border-bottom: 0 !important;
    border-radius: 0 !important;
    bottom: 0 !important;
    content: " ";
    left: 0 !important;
    position: relative!important;
    right: 0 !important;
    top: 0 !important;
    z-index: -1;
}
.ngg-album-compactbox:after {
    border-bottom: 0 !important;
    border-radius: 0 !important;
    bottom: 0 !important;
    content: " ";
    left: 0 !important;
    position: relative !important;
    right: 0 !important;
    top: 0 !important;
    z-index: -1;
}
.ngg-album-compactbox {
    -moz-box-sizing: border-box;
    border: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    z-index: 1;
}


.ngg-album-compact h4 .ngg-album-desc {
    display: block;
    height: 42px;
    margin: 0 0 0 10px;
font-size: 20px;
    overflow: hidden;
    text-align: left;
}

.ngg-album-compact, .ngg-gallery-thumbnail-box {
	float: left;
	width: 25%;
	margin:  0!important;
}

.ngg-album-compact {
    padding: 10px!important;
}

.ngg-album-compact:nth-of-type(4n), .ngg-gallery-thumbnail-box:nth-of-type(4n) {
	margin: 0 0 2% 0!important;
}

.ngg-gallery-thumbnail img {
    width: 100%;
}

.ngg-clear {
    clear: both;
    float: none;
}


.ngg-album-compact p {
    font-size: 14px;
    margin: -10px 0 0 10px;
}

.ngg-gallery-thumbnail {
    float: left;
    padding: 10px;
    text-align: center;
    width: 100%;
}

.ngg-gallery-thumbnail-box:nth-of-type(4n) {
    margin: 0!important;
}

.ngg-gallery-thumbnail-box {
    width: 25% !important;
}



.ngg-navigation a.page-numbers:hover, .next:hover, .prev:hover {
	background: #fe4365!important;
	border: 1px solid #fe4365!important;
cursor: pointer!important;
}

.ngg-album-compactbox img, .ngg-gallery-thumbnail img {
height: auto!important;
}




@media screen and (max-width: 768px) {

 .ngg-album-compact, .ngg-gallery-thumbnail-box {
	float: left;
	width: 50%;
	margin:  0!important;
 }

 .ngg-gallery-thumbnail-box {
    width: 50% !important;
 }

}


@media screen and (max-width: 480px) {

 .ngg-album-compact, .ngg-gallery-thumbnail-box {
	float: none;
display:block;
	width: 100%;
	margin:  0!important;
 }

 .ngg-gallery-thumbnail-box {
    width: 100% !important;
 }

}
