/** 

 * 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

 */



.vweb-category-article-container {

	width: 100%;

}



.droppicsgalleryharc {

    margin: 0 auto;

}



.droppicsgalleryharc .wheader {

	margin-bottom: 2.5rem;

}



.droppicsgalleryharc .wheader h2 {

	margin-top: 0px;

	margin-bottom: .5rem;

}



.droppicsgalleryharc .droppicspictures {

	display: grid;

	/*grid-template-columns: auto auto auto;*/

	grid-template-columns: repeat(3, minmax(0, 1fr));

	column-gap: 1.25rem;

	row-gap: 1.25rem;

	margin-bottom: 2.5rem;

}



.droppicsgalleryharc .wimg {

    position: relative;

    text-align: center;

    max-width: 100%;

	width: unset !important;

	height: unset !important;

	aspect-ratio: 1.5;

}



.droppicsgalleryharc .wimg > a::after {

	content: "\f00e";

	font-family: "Font Awesome 5 Free";

	font-weight: 900;

	font-size: 1.875rem;

	color: rgb(255,255,255, 0);

	display: flex;

	flex-direction: column;

	justify-content: center;

	position: absolute;

	top: 0px;

	right: 0px;

	bottom: 0px;

	left: 0px;

	background-color: rgb(28, 33, 77, 0);

	transition: 0.3s;

}



.droppicsgalleryharc .wimg > a:hover::after {

	color: rgb(255,255,255, 1);

	background-color: rgb(28, 33, 77, 0.7);

}



.droppicsgalleryharc .wcat .wimg > a::after {

	content: "\f302";

	font-size: 4rem;

}



.droppicsgalleryharc a:not(.wparent), .droppicsgalleryharc a:not(.wparent):hover {

    border: none;

    background: none !important; 

}





.droppicsgalleryharc .img {

    text-align: center;

    border: none !important;

	border-radius: 0px !important;

	width: 100%;

	height: 100%;

	object-fit: cover;

	margin: 0px !important;

}





.droppicsgalleryharc .clr {

    clear: both;

}



.droppicsgalleryharc .droppicscats {

	display: grid;

	/*grid-template-columns: auto auto auto;*/

	grid-template-columns: repeat(2, minmax(0, 1fr));

	column-gap: 2.5rem;

	row-gap: 2.5rem;

}



.droppicsgalleryharc .droppicscatslink {

/*    position: absolute;

    top: 0;

    left: 0;*/

	margin: 0px !important;

}



.droppicsgalleryharc .wcat-footer {

	display: flex;

	justify-content: space-between;

	margin-top: 0.25rem;

}



.droppicsgalleryharc .wcat-label {

	font-size: 1.15rem;

	font-weight: 600;

}



.droppicsgalleryharc .wcat .wcat-icon {

	color: #1c214d;

	margin-right: 0.5rem;

	transition: color 0.3s;

}



.droppicsgalleryharc .wcat:hover .wcat-icon {

	color: #f68220;

}



/*.droppicsgalleryharc span {

    position: absolute;

    display: inline-block;

    font-weight: bold;

    font-size: 16px;

    line-height: 1.3;

    left: 0;

    bottom: -10px;

    width: 100%;

}*/



.droppicsspinnerwrapper {

    clear: left;

    position: relative;

    height: 30px;

}



.droppicsgalleryharc .subcat-subheader {

	display: flex;

	align-items: center;

}



.droppicsgalleryharc i.fa-circle {

	margin-left: .5rem;

	margin-right: .5rem;

	color: #f68220;

}



@media (max-width :767px) {

	.droppicsgalleryharc .droppicspictures {

		grid-template-columns: repeat(1, minmax(0, 1fr));

	}

	

	.droppicsgalleryharc .droppicscats {

		grid-template-columns: repeat(1, minmax(0, 1fr));

	}

}