/* Start:/bitrix/templates/durtteatr/components/techdir/vkgallery.album.list/template3/style.css?17346721741678*/
div.vkgallery img.vkgallery-preview-picture {
	float: left;
	margin: 0 4px 6px 0;
}

.vkgallery-album-list {
	padding-bottom: 50px;
}
.vkgallery-preview-picture--wrapper {
height: 200px;

}
.vkgallery-preview-picture {
	 width: 100%;
  height: 100%;
  object-fit: cover;
object-position: 0 0;
	display: block;
	margin: 0 auto;
}



.vkgallery-album-date-info {
	font-size: small;
}


.row {
width: 100%;
    display: flex;
flex-wrap: wrap;
justify-content: space-between; 
   }

   .coll {
position: relative;
   width: 100%;
display: flex;
 flex-direction: column;
justify-content: space-between; 
align-items: stretch;
padding: 0 5px 10px 5px;
box-sizing: border-box;
   }

.vkgallery-album-info {
position: absolute;
bottom: 0;
left: 0;
width: calc(100% - 10px);
height: auto;
margin: 0 5px 10px 5px;
padding: 0 5px 5px 5px;
box-sizing: border-box;
color: #ffffff;
}
.vkgallery-album-info--header {
width: 100%;
padding: 0;
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
color: #ffffff;
}
.vkgallery-album-info--header a {
color: #ffffff;
font-weight: bold;
}

.vkgallery-album-info--header a:focus {
color: #ffffff;

}
.vkgallery-album-info--header a:hover {
color: #ffffff;

}

.vkgallery-album-info--body {
display: none;
color: #ffffff;
}
.vkgallery-album-info p {
margin: 0;
}

.coll:hover .vkgallery-album-info--body {
display: block;
}

.coll:focus .vkgallery-album-info--body {
display: block;
}
.coll:hover .vkgallery-album-info {
background: rgba(90, 90, 90, 0.5);
}
@media (min-width: 768px)  {
.row {
width: 100%;
    display: flex;
flex-direction: row;
     flex-wrap: wrap;
     align-content: flex-start;
   }
.coll {
   width: 33%;
   }

}

/* End */
/* /bitrix/templates/durtteatr/components/techdir/vkgallery.album.list/template3/style.css?17346721741678 */