#photoalbum-header {
background-color: var(--bg-color);
width: auto;
padding: 0px 30px 0 15px;
display: inline-flex;
align-items: center;

  margin-bottom: 30px;
}

svg.camera {
width: 80px;
margin-right: 15px;
height: auto;
}

.mx_photo_album {
	display:flex;
	width: 100%;
	flex-wrap: wrap;
    padding-bottom: 60px;
    column-gap: 30px;
}

.mx_photo_album_subalbum, .mx_photo_album_image {
	margin: 0 0 30px 0;
    width: calc(33.3% - 20px);
    position: relative;
}

.mx_photo_album_image .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color:#FFFFFFAB;
display: flex;
align-items: center;
padding: 20px;
opacity: 0;
transition: all 0.7s ease;
}

.mx_photo_album_image:hover .overlay {
opacity: 1;
}

.mx_photo_album_image .overlay svg {
width: 36px;
height: 36px;
margin: 0 auto 20px auto;
}

.mx_photo_album_image span{
display: block;
width: 100%;
text-align: center;
color:var(--body-color);
}

.mx_photo_album_subalbum a, .mx_photo_album_image a {
	display: block;
	width: 100%;
	height: 100%;
}

.mx_photo_album_subalbum img, .mx_photo_album_image img {
	display: block;
    width: 100%;
    height: auto;
}

.mx_photo_album_subalbum span{
	float: left;
	clear: both;
	width: 100%;
	line-height: 1em;
	margin: 7px 0 2px;
	display: inline-block;
	text-align: center;
	overflow: hidden;
	height: 1em;
	text-overflow: ellipsis;
	white-space: nowrap;
}