/*--------------------------------------------------------------
13.0 Single Gallery
--------------------------------------------------------------*/

.gallery-field {

	.image {
		display: inline-block;
		position: relative;
		margin-bottom: 24px;
		overflow: hidden;

		img {
			width: 100%;
			height: auto;
		}
		
		.overlay {
			position: absolute;
			display: block;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			text-align: center;
			vertical-align: middle;
			background-color: rgba(0,0,0,0.5);
			opacity: 0;
			transition: all 0.2s ease-out;
			
			&::before {
				position: absolute;
				top: calc(50% - 14px);
				left: calc(50% - 8px);
				content: "\f00e";
				font-family: "FontAwesome";
				font-size: 18px;
				color: $white-color;
			}
		}

		&:hover {

			.overlay {
				opacity: 1;
				visibility: visible;
			}
		}
	}
}

.gallery-extra {

	&.fullwidth {
		margin-bottom: 40px;
	}
}