
.mad-signposting-block {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	margin-left: -40px;
	margin-right: -40px;
}

@media screen and (max-width: 1299px) {
	.mad-signposting-block {
		margin-left: -20px;
		margin-right: -20px;
	}
}

@media screen and (max-width: 599px) {
	.mad-signposting-block {
		margin-left: 0;
		margin-right: 0;
	}
}

.mad-signposting-block .signpost {
	width: 43.5%;
	background: #324157;
	border: 40px solid #fff;
	margin-bottom: 40px;
	position: relative;
	-webkit-box-shadow: 0px 0px 12px 16px rgba(180, 180, 180, .1);
	box-shadow: 0px 0px 12px 16px rgba(180, 180, 180, .1);
}

@media screen and (max-width: 1555px) {
	.mad-signposting-block .signpost {
		margin-bottom: 1.5vw;
	}
}

@media screen and (max-width: 1299px) {
	.mad-signposting-block .signpost {
		border-width: 20px;
		width: 45.5%;
	}
}

@media screen and (max-width: 979px) {
	.mad-signposting-block .signpost {
		width: 100%;
		margin-bottom: 5vw;
	}
}

.mad-signposting-block .signpost .image {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 47%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}

@media screen and (max-width: 479px) {
	.mad-signposting-block .signpost .image {
		bottom: auto;
		height: 180px;
		left: 0;
		width: 100%;
	}
}

.mad-signposting-block .signpost .inner {
	color: #fff;
}

.mad-signposting-block .signpost .inner h2, .mad-signposting-block .signpost .inner h3, .mad-signposting-block .signpost .inner h4, .mad-signposting-block .signpost .inner h5, .mad-signposting-block .signpost .inner h6 {
	color: #fff;
}

.mad-signposting-block .signpost .inner h3 {
	text-transform: uppercase;
	margin-top: .5em;
	font-weight: 800;
}

.mad-signposting-block .signpost .inner .content {
	width: 45%;
	padding-left: 40px;
	padding-bottom: 108px;
	position: relative;
}

@media screen and (max-width: 1555px) {
	.mad-signposting-block .signpost .inner .content {
		padding-left: 20px;
	}
}

@media screen and (max-width: 479px) {
	.mad-signposting-block .signpost .inner .content {
		width: 90%;
		padding-top: 180px;
	}
}

.mad-signposting-block .signpost .inner .content img {
	height: 64px;
	width: auto;
	margin: -20px 0 0 -15px !important;
}

.mad-signposting-block .signpost .more {
	position: absolute;
	left: 40px;
	width: 54.5%;
	bottom: 40px;
}

@media screen and (max-width: 1555px) {
	.mad-signposting-block .signpost .more {
		left: 20px;
	}
}

@media screen and (max-width: 479px) {
	.mad-signposting-block .signpost .more {
		width: 80%;
	}
}

.mad-signposting-block .signpost .more .wp-block-buttons {
	margin-bottom: 0;
}

.mad-signposting-block .signpost .more .wp-block-buttons .wp-block-button {
	width: 100%;
}

.mad-signposting-block .signpost .more .wp-block-buttons .wp-block-button .wp-block-button__link {
	width: 100%;
	text-align: left;
}

.mad-signposting-block .farmer-signpost {
	background: linear-gradient(to bottom, #c1bc63 0%, #564028 100%);
}

.mad-signposting-block .gardener-signpost {
	background: linear-gradient(to bottom, #92a7bc 0%, #495f77 100%);
}

.mad-signposting-block .forestry-signpost {
	background: linear-gradient(to bottom, #63c191 0%, #28563b 100%);
}

.mad-signposting-block .grower-signpost {
	background: linear-gradient(to bottom, #bca392 0%, #643737 100%);
}
