.hover-info-2-wrap {
border-radius: 25px;
overflow: hidden;
}
.hover-info-2-img {
background: no-repeat center top #333;
background-size: cover;
min-height: 325px;
position: relative;
}
.hover-info-2-hover {
background: rgba(0,0,0,.52);
color: #fff;
min-height: 325px;
padding: 50px 40px;
visibility: hidden;
opacity: 0;
transition: all 0.3s ease;
}
.hover-info-2-img:hover .hover-info-2-hover {
visibility: visible;
opacity: 1;
}
.hover-info-2-hover ul {
color: #fff;
font-size: 16px;
font-family: agenda-medium;
line-height: 1.5;
margin-top: 0;
}
.hover-info-2-hover p {
color: #fff;
margin: 0;
}
.hover-info-2-hover strong {
color: #fff;
font-family: agenda-bold;
font-size: 18px;
text-transform: uppercase;
}
.hover-info-2-details {
background: rgba(0, 0, 0, .50);
padding: 24px 30px;
color: #fff;
}
.hover-info-2-details h3 {
font-size: 21px;
font-family: agenda-medium;
text-transform: uppercase;
margin: 0;
}
.hover-info-2-details h4 {
font-size: 18px;
font-family: agenda-light;
margin: 0;
}
.hover-info-2-details {
padding: 15px 30px;
}
.hover-info-2-details.light-blue {
background: #8bc9d4;
}
.hover-info-2-details.grey {
background: #e6e5e4;
}
.hover-info-2-details.grey-text * {
color: #646464;
}
.hover-info-2-hover .site-btn-wrap {
text-align: center;
}
.hover-info-2-hover .site-btn {
letter-spacing: 1px;
}