/* ----------------------------------------- */
/* View slug: location-footer-callout-client - start */
/* ----------------------------------------- */
.locations-wrap {
border-bottom: 1px solid #eaeaea;
padding: 10px 0;
}
.locations-wrap .col-sm-12 {
margin: 0px auto;
}
/* ----------------------------------------- */
/* View slug: location-footer-callout-client - end */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Content Template: loop-item-in-free-talent-resources - start */
/* ----------------------------------------- */
.hover-1.red {
background-size: cover !important;
height: 250px;
display:block;
position: relative;
border-bottom: 7px solid #2dbecf;
overflow:hidden;
transition: transform .3s cubic-bezier(0.16, 0.68, 0.43, 0.99),
opacity .3s ease-in-out;
}
.hover-1.red:before {
content:'';
position: absolute;
left:0;
right:0;
top:0;
bottom:0;
background: rgba(172, 28, 13, .60)
transition: transform .5s cubic-bezier(0.16, 0.68, 0.43, 0.99),
opacity .5s ease-in-out;
}
.hover-1.red:hover:before {
background: rgba(45, 190, 207, 1);
}
.hover-1.red a {
position: absolute;
left:0;
right:0;
top:0;
bottom:0;
}
.hover-1.red h3 {
font-size: 20px;
color: #fff !important;
text-align: center;
position: relative;
top: 50%;
margin:0;
transform: translateY(-50%);
transition: transform .3s cubic-bezier(0.16, 0.68, 0.43, 0.99),
opacity .3s ease-in-out;
}
.hover-1.red:hover h3{
transform: translateY(-140%);
}
.hover-1.red .hover {
position: absolute;
transform: translateY(170%);
color:#fff;
top:0;
left:0;
right:0;
bottom:0;
margin: 20px;
text-align: center;
transition: transform .3s cubic-bezier(0.16, 0.68, 0.43, 0.99),
opacity .3s ease-in-out;
}
.hover-1.red:hover .hover {
transform: translateY(35%);
}
.hover-1.red p.excerpt {
color: #fff;
text-align: center;
font-size: 12px !important;
}
.hover-1.red p.read-more {
background: transparent;
color: #fff;
padding: 8px 0;
margin: 30px auto 0;
text-transform: uppercase;
font-size: 10px !important;
border: 1px solid #fff;
text-align: center;
border-radius: 100px;
width: 180px;
z-index:1000;
transition: transform .3s cubic-bezier(0.16, 0.68, 0.43, 0.99),
opacity .3s ease-in-out;
}
.hover-1 p.read-more:hover {
background: #ffffff;
color: #fff;
border: 1px solid #fff;
}
/* ----------------------------------------- */
/* Content Template: loop-item-in-free-talent-resources - end */
/* ----------------------------------------- */