/** 
 * Droppics
 * 
 * We developed this code with our hearts and passion.
 * We hope you found it useful, easy to understand and to customize.
 * Otherwise, please feel free to contact us at contact@joomunited.com *
 * @package Droppics
 * @copyright Copyright (C) 2013 JoomUnited (http://www.joomunited.com). All rights reserved.
 * @copyright Copyright (C) 2013 Damien Barrère (http://www.crac-design.com). All rights reserved.
 * @license GNU General Public License version 2 or later; http://www.gnu.org/licenses/gpl-2.0.html
 */

.droppicsgallerycustom {
    margin: 20px auto;
}

.droppicsgallerycustom .wimg {
    position: relative;
    float: left;
    text-align: center;
    max-width: 100%;
}

.droppicsgallerycustom a, .droppicsgallerycustom a:hover {
    border: none;
    background: none !important; 
}


.droppicsgallerycustom .img {
    text-align: center;
    border-style: solid;
}


.droppicsgallerycustom .clr {
    clear: both;
}

.droppicsgallerycustom .droppicscatslink {
    position: absolute;
    top: 0;
    left: 0;
}

.droppicsgallerycustom span {
    position: absolute;
    display: inline-block;
    font-weight: bold;
    font-size: 1.2em;
    left: 0;
    bottom: -20px;
    width: 100%;
}

.droppicsspinnerwrapper {
    clear: left;
    position: relative;
    height: 30px;
}

.droppicslightbox img {
	width:100%;
	max-width:none;
	height:100%;
}




.droppicsgallery.droppicslightbox .droppicspictures {
	margin-left:-4px;
	margin-right:-4px;
}

.droppicslightbox.wimg {
	width:25% !important;
	height:auto !important;
	padding:4px;
}

.droppics-size-large .droppicslightbox.wimg {
	width:33.33% !important;
}

.droppics-size-small .droppicslightbox.wimg {
	width:20% !important;
}

.droppics-border-light .droppicslightbox.wimg a {
	border: 1px solid #e5e5e5;
}

.droppics-border-dark .droppicslightbox.wimg a {
	border: 1px solid #777;
}

.droppicsgallery img.img {
	margin: 0 !important;
	border-radius: 0 !important;
	border: 0 !important;
}

@media (min-width: 700px) {
	.droppicslightbox.wimg {
		width:14.28% !important;
	}

	.col-sm-3 .droppicslightbox.wimg{
		width:33% !important;
	}

	.droppics-size-large .droppicslightbox.wimg {
		width:20% !important;
	}

	.col-sm-3 .droppics-size-large .droppicslightbox.wimg{
		width:50% !important;
	}

	.droppics-size-small .droppicslightbox.wimg {
		width:11% !important;
	}

	.droppicslightbox.wimg a {
		position:relative;
		display:block;
		background:#000 !important;
	}

	.droppicslightbox.wimg a:after {
		content:"\e72d";
		font-family:"icomoon-uah";
		font-size:36px;
		line-height: 36px;
		color:#fdda24;
		text-shadow:0 1px 1px rgba(0,0,0,0.6);
		width:100%;
		display:block;
		position:absolute;
		top:50%;
		margin-top: -18px;
		opacity:0;
		transition:.3s all ease-out;
	}

	.droppicslightbox.wimg a:hover:after {
		opacity:1;
		transition:.3s all ease-out;
	}
	.droppicslightbox.wimg a img {
		transition:.3s all ease-out;
		-webkit-backface-visibility: hidden;
	}
	.droppicslightbox.wimg a:hover img {
		opacity:0.6;
		transition:.3s all ease-out;
	}
}

#colorbox #cboxLoadedContent {
	border: 0;
	webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	background:transparent;
}

#colorbox #cboxPrevious {
	left:0;
}

#colorbox #cboxNext {
	right:0;
}
.no-touch #cboxPrevious, .no-touch #cboxNext {
	opacity:0;
}

#colorbox:hover #cboxPrevious, #colorbox:hover #cboxNext {
	opacity:0.3;
}

#colorbox #cboxPrevious:hover, #colorbox #cboxNext:hover {
	opacity:1;
}

#colorbox #cboxClose {
	top:-40px;
	background-size: 20px;
}

#colorbox #cboxTitle {
	position: relative;
	bottom:-16px;
	left:0;
	color: #fff;
	-o-text-overflow: inherit;
	text-overflow: inherit;
	white-space: normal;
	width: 100%;
}

html.touch #cboxPrevious, html.touch #cboxNext {
	opacity:1 !important;
}

@media (max-width: 699px) {
	#colorbox #cboxPrevious, #colorbox #cboxNext {
		width: 44px;
		background-size: 30px;
	}
}

body #cboxContent {
	background: transparent;
}

#cboxLoadingOverlay {
	background: transparent !important;
}