.signpost{cursor:pointer;position: relative;box-sizing: border-box;}
.signpost .signpost-wrapper{min-height: 263px;position: relative;background-repeat: no-repeat;background-position: center center;background-size: cover;-webkit-transition: all .5s;transition: all .5s;overflow: hidden;-webkit-box-shadow: inset 0 -300px 100px 0 rgba(0,0,0,.3);box-shadow: inset 0 -300px 100px 0 rgba(0,0,0,.3);}
.signpost .signpost-wrapper .signpost-placeholder{height: 100%;width: 100%;content:"";background-repeat: no-repeat;background-position: center center;display: inline-block;-webkit-transform: scale(1);transform: scale(1);position: absolute;left:0;top:0;z-index: -1;-webkit-transition: all .5s;transition: all .5s;background-size: cover;}
.signpost .signpost-wrapper .signpost-content{position: absolute;bottom: 0;padding: 16px 20px;width: 100%;margin-top: 15px;}
.signpost .signpost-wrapper .signpost-content >h2{font-weight: 700;margin-bottom: 12px;margin-top: 0;font-size: 2rem;line-height: 2.4rem;letter-spacing:0px;}
.signpost .signpost-wrapper .signpost-content >p{margin: 0;font-size: 1.2rem;line-height: 1.8rem;}
.more-link>a{color: var(--bold-blue);}
.signpost .signpost-wrapper .signpost-content>p>a::after{border: solid var(--bold-blue);border-width: 0 2px 2px 0;padding: 2px;left: 10px;   bottom: 1px;display: inline-block;content: "";position: relative;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.signpost .signpost-wrapper .signpost-content .more-link>a{font-size: 1.6rem;font-weight: 700;}
.signpost .signpost-wrapper .signpost-content .more-link>a:hover{text-decoration: none;}
.signpost:hover .signpost-wrapper{-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.05);box-shadow: 0 0 5px 0 rgba(0,0,0,.05);}
.signpost:hover .signpost-content::after{height: 100%;opacity: 1;}
.signpost .signpost-content::after{-webkit-transition: height .4s;transition: height .4s;background: #fff;content: " ";opacity: 0;position: absolute;left: 0;bottom: 0;height: 0;width: 100%;z-index: -1;}
.signpost:hover .signpost-wrapper .signpost-placeholder{-webkit-transform: scale(1.1);transform: scale(1.1);}
.signpost:hover .signpost-content{color: var(--dark-blue);webkit-transition: all 4s linear;transition: all 4s linear;}
.signpost:hover .signpost-wrapper .signpost-content >h2, .signpost:hover .signpost-wrapper .signpost-content .more-link>a{color: var(--bold-blue);  }
@media(max-width: 480px){
.three-column-card .col-card-wrapper{margin-bottom: 50px;}
.signpost .signpost-wrapper .signpost-placeholder{min-height: 165px; position: relative;}  
}
@media(min-width:991px){
.signpost .signpost-wrapper .signpost-content >h2, .signpost .signpost-wrapper .signpost-content .more-link>a {color:var(--white-color)}
.signpost .signpost-wrapper .signpost-content>p>a::after{border-color: var(--white-color);}
.signpost:hover .signpost-wrapper .signpost-content>p>a::after{border-color: var(--bold-blue);}
}
@media(max-width: 991px){
.signpost .signpost-wrapper .signpost-content >h2{margin-bottom: 3px;}
.signpost .signpost-wrapper{min-height: auto;}
.signpost .signpost-wrapper .signpost-placeholder{height: 140px;position: relative;}
.signpost .signpost-wrapper .signpost-content{position: relative;bottom: auto;margin-top: 0;background: #fff;}
.signpost .signpost-wrapper{box-shadow: none;}
}
@media(max-width: 767px){
.signpost .signpost-wrapper .signpost-placeholder{height: 148px;position: relative;}
.signpost .signpost-wrapper .signpost-content{padding: 14px 20px;}
.three-column-card .container-fluid .row .col-card-wrapper{padding-left: 15px;padding-right: 15px;flex: auto;max-width: none;}
}
@media(max-width:1024px){
.signpost:hover .signpost-wrapper .signpost-placeholder{-webkit-transform: scale(1);transform: scale(1);}
}