.signpost-image--top {
margin-bottom: 36px;
}
.signpost-image--wrapper h2 {
	    margin-bottom: 0;
}

.signpost-img-cta {
	text-align: right;
}
.signpost-image--wrapper .single-signpost-image--wrapper .single-signpost-content { justify-content: flex-end; min-height: 315px; padding: 45px 42px; 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; background:var(--mono1) }
/*
.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 *:hover,
.signpost-image--wrapper .single-signpost-image--wrapper .single-signpost-content *:focus {}
.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; 
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 { 
 
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{position: absolute;opacity: 0;
  z-index: 2;transition: 0.3s ease-in-out;
  top: 0%;
  left: 0px;
  width: 100%;
  height: 100%; padding:42px 80px;}
/*.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:hover .single-signpost-content-inner,
.signpost-image--wrapper .single-signpost-image--wrapper .single-signpost-content:focus .single-signpost-content-inner {
    transform:inherit;
    top: 0px;
    position: absolute;
    height: 100%;
    left: 0px;
    padding:42px 80px; 
    opacity: 1;
    background:var(--primary-color-1);
} 

.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-2)}

.signpost-image--wrapper .single-signpost-image--wrapper .single-signpost-content .cta-arrow-link .icon{color:var(--primary-color-2);}

.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; }
 .signpost-image--wrapper .single-signpost-image--wrapper .single-signpost-content{
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


@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;*/
        min-height: 330px;
        background-repeat: no-repeat;
    }
}

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

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

.signpost-img-cta {
text-align: left;
	margin-top: 15px;
}
.single-signpost-content-inner{padding:42px 15px;}
.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{padding:42px 15px;}
}

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

.signpost-image--wrapper .single-signpost-image--wrapper .single-signpost-content {
	min-height: 360px;
    background-size: auto;
    width: 100%;
    background-position: center;
}
}

.single-signpost-display-out-wrapper{
	display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: inherit;
    margin: -45px -42px;
}
.single-signpost-display-container h2, .single-signpost-content-area .single-signpost-title.h4{font-family: 'HelveticaNowBlack'; text-transform:uppercase;}