﻿.dgGalleryPro > .galleryItem {
    position: relative;
	max-width: 360px;
	margin: 0 auto;
}


.dgGalleryPro .itemText {
	padding-top: 12px;
    display: inline-block;
    height: 82px;
}

.dgGalleryPro .itemText .itemCredits:before {
    content: " · "
}

.dgGalleryPro > .galleryItem > a{
	position: relative;
}

.dgGalleryPro a.dgYoutube,
.dgGalleryPro a.dgVimeo,
.dgGalleryPro a.dgVideo {
    width: 100%;
    display: block;
    overflow: hidden;
}


.dgGalleryPro a.editBtn {
    position: absolute;
    top: 0;
    z-index: 1;
}

.dgGalleryPro video {
    display: inline-block;
    overflow: hidden;
    position: relative;
    object-fit: cover;
}

.dgGalleryPro a.dgYoutube > span,
.dgGalleryPro a.dgVimeo > span,
.dgGalleryPro a.dgVideo > span {
    background: url(images/play_button.png)no-repeat;
    height: 67px;
    position: absolute;
    top: 43px;
    left: 46px;
}

.dgthumb {
    width: auto;
    height: 150px;
    max-width: none;
}

.dgfiltertag,
.dgfiltercategory {
    text-align: right;
}

.dgfiltercategory a, .dgfiltercategory a:link, .dgfiltercategory a:visited, .dgfiltercategory a:active, .dgfiltertag a, .dgfiltertag a:link, .dgfiltertag a:visited, .dgfiltertag a:active {
    color: #333333;
}

.dgfiltercategory a.selected, .dgfiltercategory a:hover, .dgfiltertag a.selected, .dgfiltertag a:hover {
    font-weight: bold;
    color: #e43630;
}

.dgGalleryPro a.dgYoutube::after, .dgGalleryPro a.dgVimeo::after, .dgGalleryPro a.dgVideo::after {
    content: "\f04b";
    font-family: "FontAwesome";
	color: white;
    font-size: 0;
	text-shadow: 0 0 2px #333;
    display: inline-block;
    height: min-content;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	transition: all 0.3s ease-out 0s;
	top:50%;left:50%;
}

.dgGalleryPro a.dgVideo span {
    display: none;
}

.dgGalleryPro a.dgYoutube, .dgGalleryPro a.dgVimeo, .dgGalleryPro a.dgVideo {
    height: 150px;
}

.dgGalleryPro a.dgYoutube img.dgthumb, .dgGalleryPro a.dgVimeo img.dgthumb, .dgGalleryPro a.dgVideo img.dgthumb {
    width: 100%;
    object-fit: cover;
}


.dgGalleryPro .galleryItem:hover a.dgYoutube::after, .dgGalleryPro .galleryItem:hover a.dgVimeo::after, .dgGalleryPro .galleryItem:hover a.dgVideo::after {
    color: white;
	font-size:40px;
}
