.signpost-image--wrapper h2 {
	    margin-bottom: 36px;
}
.signpost-image--wrapper .single-signpost-image--wrapper .single-signpost-content { justify-content: flex-end; min-height: 315px; padding: 45px 52px; position: relative; overflow: hidden; transition: var(--base-transition); -webkit-transition: var(--base-transition); -moz-transition: var(--base-transition); -ms-transition: var(--base-transition); -o-transition: var(--base-transition);background-repeat: no-repeat; background-size: cover; background-position: center; }
.signpost-image--wrapper .single-signpost-image--wrapper .single-signpost-content:before,
.signpost-image--wrapper .single-signpost-image--wrapper .single-signpost-content:after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.signpost-image--wrapper .single-signpost-image--wrapper .single-signpost-content:before { background: var(--gradient-primary-linear); height: 66px; z-index: 2; }
.signpost-image--wrapper .single-signpost-image--wrapper .single-signpost-content:after { background: var(--gradient-secondary-linear); height: 135%; }
.signpost-image--wrapper .single-signpost-image--wrapper { position: relative;  }
.signpost-image--wrapper .single-signpost-image--wrapper:after { content: ''; width: 100%; height: 100%; outline: 1px solid rgba(255, 255, 255, 0.5) ; position: absolute; outline-offset: -20px; z-index: 1; top: 0; left: 0; }
.signpost-image--wrapper .single-signpost-image--wrapper .single-signpost-content * { position: relative; z-index: 2;  cursor: auto; }
.signpost-image--wrapper .single-signpost-image--wrapper .single-signpost-content *:hover,
.signpost-image--wrapper .single-signpost-image--wrapper .single-signpost-content *:focus { color: var(--mono1); }
.signpost-image--wrapper .single-signpost-image--wrapper .single-signpost-content .single-signpost-link a:after { content: ''; position: absolute; width: 100vw; height: 100vh; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3; display: block; background: transparent; }
.signpost-image--wrapper .single-signpost-image--wrapper .single-signpost-content:hover:after, 
.signpost-image--wrapper .single-signpost-image--wrapper .single-signpost-content:focus:after,
.signpost-image--wrapper .single-signpost-image--wrapper .single-signpost-content:focus-within:after {background: var(--gradient-secondary-linear-90deg); opacity: 1; }
.signpost-image--wrapper .single-signpost-image--wrapper .single-signpost-content .single-signpost-desc,
.signpost-image--wrapper .single-signpost-image--wrapper .single-signpost-content .single-signpost-link { 
opacity: 0;  height: 0; max-height: 0;
transition: var(--base-transition); -webkit-transition: var(--base-transition); -moz-transition: var(--base-transition); -ms-transition: var(--base-transition); -o-transition: var(--base-transition); 
}

.signpost-image--wrapper .single-signpost-image--wrapper .single-signpost-content:hover .single-signpost-desc,
.signpost-image--wrapper .single-signpost-image--wrapper .single-signpost-content:focus .single-signpost-desc,
.signpost-image--wrapper .single-signpost-image--wrapper .single-signpost-content:hover .single-signpost-link,
.signpost-image--wrapper .single-signpost-image--wrapper .single-signpost-content:focus .single-signpost-link,
.signpost-image--wrapper .single-signpost-image--wrapper .single-signpost-content:focus-within .single-signpost-desc,
.signpost-image--wrapper .single-signpost-image--wrapper .single-signpost-content:focus-within .single-signpost-link { 
max-height: 315px; 
height: 100%; 
visibility: visible;
opacity: 1; 
} 

/*.signpost-image--wrapper .single-signpost-image--wrapper .single-signpost-content:hover,
.signpost-image--wrapper .single-signpost-image--wrapper .single-signpost-content:focus,
.signpost-image--wrapper .single-signpost-image--wrapper .single-signpost-content:focus-within { justify-content: space-between; } */

/* new css */

/*.single-signpost-content-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    transition: transform 300ms;
    transform: translate3d(0, calc(100% - 3.5rem), 0);
}*/
.signpost-image--wrapper .single-signpost-image--wrapper .single-signpost-content .single-signpost-content-inner{
display:flex;
flex-direction:column;
justify-content:space-between;
flex-shrink:1;
transition:all 0.5s ease-in-out;
}
.signpost-image--wrapper .single-signpost-image--wrapper .single-signpost-content:hover .single-signpost-content-inner,
.signpost-image--wrapper .single-signpost-image--wrapper .single-signpost-content:focus .single-signpost-content-inner {
    transform: translate3d(0, 0, 0);
    flex-grow:1;
    transition:all 0.5s ease-in-out;
} 

.signpost-image--wrapper .single-signpost-image--wrapper .single-signpost-content .cta-arrow-link:hover,
.signpost-image--wrapper .single-signpost-image--wrapper .single-signpost-content .cta-arrow-link:focus,
.signpost-image--wrapper .single-signpost-image--wrapper .single-signpost-content .cta-arrow-link:focus-visible { color: var(--primary-color-1)}
.ip3-edit .signpost-image--wrapper .single-signpost-image--wrapper .single-signpost-content .single-signpost-link a:after {display: none;}
.ip3-edit .signpost-image--wrapper .single-signpost-image--wrapper .single-signpost-content .single-signpost-desc, 
.ip3-edit .signpost-image--wrapper .single-signpost-image--wrapper .single-signpost-content .single-signpost-link { opacity: 1; height: auto; min-height: auto; max-height: initial; }
.ip3-edit .signpost-image--wrapper .single-signpost-image--wrapper .single-signpost-content { justify-content: space-between; }



@media screen and (max-width: 1279px) and (min-width: 1200px) {

.signpost-img-block {
    padding-left: 40px;
}

}

@media screen and (max-width: 991.98px) {
	.signpost-image--wrapper .single-signpost-image--wrapper {margin-top: 50px;}
    .signpost-image--wrapper .row [class*="col-"]:first-child .single-signpost-image--wrapper  {margin-top: 0}
    .signpost-image--wrapper .single-signpost-image--wrapper .single-signpost-content {min-height: 504px;}
}

@media screen and (max-width: 767.98px) {

.signpost-image--wrapper .single-signpost-image--wrapper .single-signpost-content {min-height: 515px;}

}

@media screen and (max-width: 575.98px) {

.signpost-image--wrapper .single-signpost-image--wrapper .single-signpost-content {min-height: 360px;}
}