@import '../libs/bootstrap/css/bootstrap.min.css';

@keyframes grow {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.photo-video-counter {
    position: absolute;
    margin: 10px 0 0 10px;
    color: white;
    text-shadow: 1px 1px 1px #212121;
}

.disclosed {
    position: absolute;
    margin: 10px 0 0 10px;
    color: white;
    text-shadow: 1px 1px 1px #212121;
    right: 10px;
}

.album-item {
  padding: 5px;
  animation: grow 0.5s;
  min-height: 320px;
}

.album-item .album-link:hover .overlay {
	display: block;
}

.album-item .overlay {
	position: absolute;
	height: 100%;
	width: 100%;
    /*background: rgba(0, 0, 0, 0.5);*/
	background: rgba(52, 93, 163, 0.5);
	margin-left: -15px;
	display: none;
}

.album-item a {
	color: #FAFAFA;
	text-decoration: none;
}

.album-item .photo {
	height: 200px;
	background-size: cover;
	background-position: center;
}

.album-item .photo-info {
	height: 100px;
    /*background-color: #212121;*/
	background-color: #345da3;
    
}

.album-item .photo-info h4 {
	color: #FAFAFA;
}

.album-item .photo-info-text {
	font-size: 12px;
	font-weight: 100;
}

.album-item .photo-info .date {
	color: #FAFAFA;
}

.album-item .photo-info .photographer {
	border-right: 1px solid #FAFAFA;
}