/***********gallery caption container*********************/
.caption-gallery-box {
	padding: 5px;
}
.caption-image-container {
	height: 130px;
	margin-bottom: 10px;
}
.caption-delete-link {
	position: absolute;
	top: 10px;
	right:25px;	
}

.miniForm {
}
form.miniForm label {
	margin-bottom: 1px;
	font-size: 12px;
}
form.miniForm .form-control {
	height: 24px;
	padding: 3px 12px;
	font-size: 11px;
	margin-bottom: 3px;
}
/*Thumbnails
------------------------------------*/
.thumbnail {
	width: 100%;
}

a.thumbnail {
	padding: 0;
	border: none;
	margin-bottom: 15px;
}

.thumbnail-style { 
	padding: 7px;
	margin-bottom: 20px; 
}
.thumbnail-style:hover { 
	box-shadow: 0 0 8px #ddd; 
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
}

.thumbnail h3,
.thumbnail-style h3 {
	margin: 6px 0 8px 0;
}

.thumbnail h3 a,
.thumbnail-style h3 a {
	color: #585f69;
	font-size: 20px;
}

.thumbnail h3 a:hover,
.thumbnail-style h3 a:hover {
	color: #72c02c;
	text-decoration: none;
}

.thumbnail-style .thumbnail-img {
	position: relative;
	margin-bottom: 11px;
}

.thumbnail-style a.btn-more {
	right: -10px;
	bottom: 10px;
	color: #fff;
	padding: 1px 6px;
	position: absolute;
	background: #72c02c;
	display: inline-block; 
}
.thumbnail-style a.btn-more:hover {
	text-decoration: none;
	box-shadow: 0 0 0 2px #377500;
}
.thumbnail-style:hover a.btn-more {
	right: 10px;
}

.thumbnail-kenburn img {
	left: 10px;
	margin-left: -10px;
	position: relative;
   -webkit-transition: all 0.8s ease-in-out;
   -moz-transition: all 0.8s ease-in-out;
   -o-transition: all 0.8s ease-in-out;
   -ms-transition: all 0.8s ease-in-out;
   transition: all 0.8s ease-in-out;
}
.thumbnail-kenburn:hover img {
   -webkit-transform: scale(1.2) rotate(2deg);
   -moz-transform: scale(1.2) rotate(2deg);
   -o-transform: scale(1.2) rotate(2deg);
   -ms-transform: scale(1.2) rotate(2deg);
   transform: scale(1.2) rotate(2deg);
}

/* gallery/masonry/folio items
================================================== */
.gallery img { width: 100% }
.gallery {
    position: relative;
    left: -1%;
    width: 102.87%;
    margin: 0;
    padding: 2px 0 0 0;
    list-style: none;
    clear: both;
}
.gallery li {
    float: left;
    width: 22.25%;
    margin: 0 1% 20px 1%;
    padding: 0 0 5px 0;
    background: url(/assets/css/gallery/5p.png);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* column  settings */
.gallery.four_col li { width: 22.25% }
.gallery.three_col li { width: 31% }
.gallery.two_col li { width: 47% }
.three_col li h4,
.four_col li h4 {
    overflow: hidden; /* long words chop off at small sizes due to skinniness of 3 or 4 columns */
    font-size: 120%;
}

.gallery li img {
    width: 100% !important;
    max-width: none;
}
.gallery img { background: #fff url(/assets/css/gallery/loader.gif) no-repeat 50% 50% }

/* gallery "item" contents (summary, captions, etc) */
.gallery li .entry-summary { padding: 0 10px }
.gallery li h4 {
    padding: 0 0 5px 0;
    margin: 10px 0 0 0;
}
.gallery li .entry-summary a { text-decoration: none }
.gallery li .entry-summary p { font-size: 85% }
.gallery li .categories {
    font-size: 11px;
    font-size: 1.1rem;
    width: auto;
    text-align: left;
	margin-top:5px;
    padding:5px 0  0 0;
    border-top:1px solid #fff;
}
.gallery li .categories a {
    text-decoration: none;
    display: inline;
}
.gallery li a.videoicon,
.gallery li a.hover {
    position: relative;
    display: block;
}
.gallery li a.videoicon span.videoicon {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 25px;
    height: 25px;
    display: block;
    background: #fff url(/assets/css/gallery/videoicon.png) no-repeat;
    z-index: 10;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
}
/* photo credit */
.gallery li span.credit {
    font-size: xx-small;
    position: relative;
    padding: 5px 0 0 0;
    margin: 0;
    display: block;
    text-align: right;
}
/* photo credit */
.gallery li span.credit a, .gallery li span.credit {
    text-decoration: none;
}

/* portfolio lightbox styles */
.gallery.lightbox li {padding:0;}
.gallery.lightbox li .entry-summary {display:none;}


/* filter
================================================== */
.sort {
    float: left;
    position: relative;
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    background: none;
    top: auto;
    width: 100%;
    border: none;
}
.sort li {
    padding: 0 10px 0 0;
    margin: 0;
    display:inline;
    position: relative;
}
.sort li a {
    padding: 0;
    text-decoration: none;
    color: #000;
    line-height: normal;
}

.sort li:after { content:"\00b7";padding-left:10px;color:#777 }

.sort li.last-child:after,
ul.sort li.last:after { content:"" }

.sort li a:hover,
.sort a.active {
    color: #53a3b7;
    background: none;
}

/* no javascript */
.no-js .gallery { margin-top: 20px }
.no-js .sort,
.no-js .entry-summary,
.no-js .categories,
.no-js span.credit { display: none!important }
.no-js .gallery li {
    height: 200px;
    overflow: hidden;
}

.mobile-filter-trigger {display:none;}


/* media queries for mobile max width 767
================================================== */
@media only screen and (max-width: 767px) { 
    .gallery.four_col li,
    .gallery.two_col li { width: 44.5% }
    /* filter for isotope navigation mobile version */
    .no-js .filter-box,
    .no-js .sort { display: none }

	.filter-box {display:none}
	
	.mobile-filter-trigger {cursor:pointer;display:block;}
	
	.sort-mobile {
 	   list-style: none;
 	   margin: 0 0 10px 0;
 	   padding: 0 0 10px 0;
	}
	.sort-mobile li {
		padding: 10px 0;
		margin: 0;
		display:block;
		position: relative;
		border-bottom:1px solid #eee;
	}
	.sort-mobile li a {
		text-decoration:none;
	}

} /*end max width 767*/


/* max width 700px
================================================== */
@media only screen and (max-width: 700px) { 
    
	.gallery.three_col li,
	.gallery.four_col li, 
	.gallery.two_col li {
		width: 98%;
		margin: 0 1% 10px 1%;
	}

} /*end */


/* ================================================== 
	38. RETINA BACKGROUND IMAGE REPLACEMENT & RETINA INFORMATION
	http://weedygarden.net/2012/04/hi-res-retina-display-css-sprites/
	http://www.kylejlarson.com/blog/2012/creating-retina-images-for-your-website/
	http://www.webresourcesdepot.com/3-solutions-for-serving-high-res-images-to-retina-display-devices/
================================================== */

/*	change the webkit number to 1 to test on webkit to make sure 
	the sizes and the images show up correctly then switch back before launch */

@media only screen and (-webkit-min-device-pixel-ratio: 2),
 	only screen and (-o-min-device-pixel-ratio: 3/2),
 	only screen and (min--moz-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) 
{


.gallery img {
		background-image: url(/assets/css/gallery/retina/loader_@2x.gif);
            -moz-background-size:80px 10px; 
             -ie-background-size:80px 10px; 
              -o-background-size:80px 10px; 
       	 -webkit-background-size:80px 10px; 
                 background-size:80px 10px; 

}

.gallery li a.videoicon span.videoicon {
	background-image:url(/assets/css/gallery/retina/videoicon_@2x.png);
            -moz-background-size:25px 25px; 
             -ie-background-size:25px 25px;
              -o-background-size:25px 25px;
       	 -webkit-background-size:25px 25px;
                 background-size:25px 25px;	

}



}/* end retina */

a:hover .plus {
	display: block;
	z-index: 200;
	opacity: 1;
}

span.plus {
	position: absolute;
	width: 100%;
	display: none;
	height: 100%;
	background: url(/assets/css/gallery/plus.png) 50% 50% no-repeat;
	left: 0;
	top: 0;
	opacity: 0;
}

.category-comments {
	padding-bottom: 10px;	
}