/* Updated Stay Informed Page Styles */

.related-casestudies h4 {
    font-size: 38px;
    text-align: center;
}

@media screen and (min-width: 768px) {

	.case_study-template-default .box--post--large {
		min-height: 270px;
	}

	.case_study-template-default .box--post--large .box--post__content h5 a {
		font-weight: 900;
		color: #5b1f69;
		font-size: 24px;
	}

	.case_study-template-default .box--post--large .box--post__content .post__date {
		margin: 0;
		font-weight: 500;
		font-size: 16px;
		line-height: 16px;
		color: #000;
	}

	.case_study-template-default .box--post--large .box--post__content .post__date:after {
		content: "|";
		display: inline-block;
		position: relative;
		margin: 0 20px;
		color: #000;
		font-size: 18px;
		line-height: 18px;
	}

	.case_study-template-default .box--post--large .box--post__content .post__read-more {
		margin: 0;
		font-weight: 500;
		font-size: 16px;
		line-height: 16px;
	}

	.case_study-template-default .box--post--large .box--post__content .post__read-more:hover {
		text-decoration: underline;
	}

	.case_study-template-default .box--post--large .post-icon {
		width: auto;
		display: inline-flex;
		align-items: center;
		flex-direction: row;
		background-color: #5b1f69;
		opacity: .8;
		color: #fff;
		margin: 0;
		padding: 10px 20px 10px 10px;
		height: auto;
	}

	.case_study-template-default .box--post .post-icon {
		position: absolute;
		top: 0;
		left: 0;
		width: auto;
		display: inline-flex;
		align-items: center;
		flex-direction: row;
		background-color: #5b1f69;
		opacity: .8;
		color: #fff;
		margin: 0;
		padding: 10px 20px 10px 10px;
		height: auto;
	}

	.case_study-template-default .box--post .post-icon img  {
		width: 100%;
		max-width: 30px;
	}

	.case_study-template-default .box--post .post-icon p {
		margin: 0 0 0 10px;
	}

	.case_study-template-default .box--post .box--post__image:before {
		display: none;
	}

	.case_study-template-default .stay-informed--small .box--post__image {
		height: 150px;
		margin-bottom: 30px;
	}

	.case_study-template-default .stay-informed--small .box--post__image img {
		object-fit: cover;
		object-position: center;
		width: 100%;
		height: 100%;
	}

	.case_study-template-default .box--post .box--post__content h5 a {
		font-weight: 500;
		color: #5B1F6B;
	}

	.case_study-template-default .stay-informed--small .box {
		padding: 30px;
	}

	.case_study-template-default .stay-informed--small .box--post {
		min-height: auto;
		height: 100%;
	}

	.case_study-template-default .stay-informed--small .box--post__image {
		margin: -30px -30px 0px;
	}

	.case_study-template-default .stay-informed--small .box--post__content {
		margin-top: 0;
	}

	.case_study-template-default .stay-informed--small .box--post__content h5 {
		margin-top: 25px;
    	margin-bottom: 20px;
    	font-size: 20px;
	}

	.case_study-template-default .stay-informed--small .post-content--date {
		margin-top: 0;
	}

	.case_study-template-default .stay-informed--small .box--post__content .post__date {
		margin: 0;
		font-weight: 500;
		font-size: 16px;
		line-height: 16px;
		color: #000;
	}

	.case_study-template-default .stay-informed--small .box--post__content .post__date:after {
		content: "|";
		display: inline-block;
		position: relative;
		margin: 0 10px;
		color: #000;
		font-size: 16px;
		line-height: 16px;
	}

	.case_study-template-default .stay-informed--small .box--post__content .post__read-more {
		margin: 0;
		font-weight: 500;
		font-size: 16px;
		line-height: 16px;
	}

	.case_study-template-default .stay-informed--small .box--post__content .box--js-match-height {
		margin-bottom: 0;
	}

	.case_study-template-default .stay-informed--small .box--inner {
		display: flex;
    	flex-direction: column;
    	width: 100%;
    	height: auto;
    	min-height: 300px;
	}

	.case_study-template-default .blog__nav-bottom {
		text-align: center;
    	display: flex;
    	align-items: center;
    	justify-content: center;
    	margin-top: 30px;
	}
}

@media screen and (min-width: 768px) {

	.case_study-template-default .box--post--large .box--post__image {
		width: calc(100% + 40px);
		margin: -20px 0 0 -20px;
	}

	.case_study-template-default .box--post--large .box--post__content {
		left: 0;
		width: 100%;
   	 	margin: 0;
   	 	padding: 0;
   	 	display: flex;
   	 	flex-direction: column;
   	 	justify-content: center;
	}
}

@media screen and (min-width: 992px) {

	.case_study-template-default .box--post--large .box--post__image {
		width: 45%;
	}

	.case_study-template-default .box--post--large .box--post__content {
		left: 45%;
		width: calc(100% - 45%);
   	 	margin: 0;
   	 	padding: 0 30px;
   	 	display: flex;
   	 	flex-direction: column;
   	 	justify-content: center;
	}
}

@media (min-width: 1170px) {

    .case_study-template-default .container {
        width: 1170px;
        }

    .page-template-page-homepage .container.stayinformed {
        width: 1170px;
    }
}

@media (max-width: 767px) {

	.case_study-template-default .box--post--large .box--post__content {
		margin-top: 25px;
	}

	.case_study-template-default .box--post--large .box--post__content h5 a {
		font-weight: 900;
		color: #5b1f69;
		font-size: 24px;
	}

	.case_study-template-default .box--post--large .box--inner {
		display: flex;
    	flex-direction: column;
    	width: 100%;
    	height: auto;
    	min-height: 300px;
	}

	.case_study-template-default .box--post--large .box--post__content .post__date {
		margin: 0;
		font-weight: 500;
		font-size: 15px;
		line-height: 15px;
		color: #000;
	}

	.case_study-template-default .box--post--large .box--post__content .post__date:after {
		content: "|";
		display: inline-block;
		position: relative;
		margin: 0 20px;
		color: #000;
		font-size: 15px;
		line-height: 15px;
	}

	.case_study-template-default .box--post--large .box--post__content .post__read-more {
		margin: 0;
		font-weight: 500;
		font-size: 15px;
		line-height: 15px;
	}

	.case_study-template-default .stay-informed--small .box--post__content h5 {
		margin-top: 25px;
    	margin-bottom: 20px;
    	font-size: 20px;
	}

	.case_study-template-default .box--post .box--post__content h5 a {
		font-weight: 500;
		color: #5B1F6B;
	}

	.case_study-template-default .box--post--large .box--post__content .post__read-more:hover {
		text-decoration: underline;
	}

	.case_study-template-default .box--post--large .box--post {
		min-height: auto;
	}

	.case_study-template-default .box--post .box--post__image:before {
		display: none;
	}

	.case_study-template-default .box--post .post-icon {
		position: absolute;
		top: 0;
		left: 0;
		width: auto;
		display: inline-flex;
		align-items: center;
		flex-direction: row;
		background-color: #5b1f69;
		opacity: .8;
		color: #fff;
		margin: 0;
		padding: 10px 20px 10px 10px;
		height: auto;
	}

	.case_study-template-default .box--post .post-icon img {
		width: 100%;
		max-width: 30px;
	}

	.case_study-template-default .box--post .post-icon p {
		margin: 0 0 0 10px;
	}

	.case_study-template-default .stay-informed--small .box--post__image img {
		object-fit: cover;
		object-position: center;
		width: 100%;
		height: 100%;
	}

	.case_study-template-default .stay-informed--small .box--post__content .box--js-match-height {
		margin-bottom: 0;
	}

	.case_study-template-default .stay-informed--small .box--inner {
		display: flex;
    	flex-direction: column;
    	width: 100%;
    	height: auto;
    	min-height: 300px;
	}

	.case_study-template-default .stay-informed--small .post-content--date {
		margin-top: 0;
	}

	.case_study-template-default .stay-informed--small .box--post__content .post__date {
		margin: 0;
		font-weight: 500;
		font-size: 15px;
		line-height: 15px;
		color: #000;
	}

	.case_study-template-default .stay-informed--small .box--post__content .post__date:after {
		content: "|";
		display: inline-block;
		position: relative;
		margin: 0 20px;
		color: #000;
		font-size: 15px;
		line-height: 15px;
	}

	.case_study-template-default .stay-informed--small .box--post__content .post__read-more {
		margin: 0;
		font-weight: 500;
		font-size: 15px;
		line-height: 15px;
	}

	.case_study-template-default .stay-informed--small .box--post__content {
		margin-top: 0;
	}

	.case_study-template-default .stay-informed--small .box--post__content h5 {
		margin-top: 25px;
    	margin-bottom: 20px;
	}

	.case_study-template-default .stay-informed--small .box {
		padding: 30px;
	}

	.case_study-template-default .stay-informed--small .box--post {
		min-height: auto;
		height: 100%;
	}

	.case_study-template-default .stay-informed--small .box--post__image {
		margin: -30px -30px 0px;
	}
}

.box--post__signature.signature {
	display: none!important;
}

.member-intro .staff__photo, .member-intro .staff__photo__mob {
	display: block;
	border-radius: 100%;
	height: 350px;
	width: 350px;
	overflow: hidden;
}	

.member-intro .staff__photo img, .member-intro .staff__photo__mob img {
    width: unset !important;
    height: unset !important;
    object-fit: unset !important;
    aspect-ratio: unset !important;
    border-radius: unset !important;
}

/* 2023 Sub Service SEO Page Styles */

.seo-hero {
	position: relative;
	padding: 0!important;
	z-index: -1!important;
}

.seo-hero img {
	width: 100%;
}

.seo-hero .hero__title {
    top: 150px;
}

.seo-hero .mobile-only {
	display: none;
}

@media(max-width: 991px) {

	.seo-hero .mobile-only {
		display: block;
	}
}

.seo-hero .desktop-only {
	display: none;
}

@media(min-width: 992px) {

	.seo-hero .desktop-only {
		display: block;
	}
}

.seo-hero::after {
	content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 180px;
    background: #fff;
    z-index: 2;
    bottom: -80px;
    -webkit-transform: skewY(-5deg);
    -ms-transform: skewY(-5deg);
    transform: skewY(-5deg);
}

.seo-textblock {
	padding-top: 30px;
	padding-bottom: 30px;
}

.seo-textblock p,
.seo-textblock li {
	font-size: 14px;
	line-height: 20px;
}

.seo-textblock h1,
.seo-textblock h2,
.seo-textblock h3,
.seo-textblock h4,
.seo-textblock h5,
.seo-textblock h6 {
	margin: 0 0 30px 0;
	font-size: 30px;
	line-height: 40px;
}

.seo-textblock .layout-2 {
	display: flex;
	flex-direction: column;
	width: 100%;
}

@media(min-width: 768px) {
	.seo-textblock .layout-2 {
		flex-direction: row;
	}
}

.seo-textblock .layout-2 .text-block {
	width: 100%;
}

@media(min-width: 768px) {

	.seo-textblock .layout-2 .text-block {
		width: 50%;
	}

	.seo-textblock .layout-2 .text-block:nth-of-type(1) {
		padding-right: 2.5%;
	}

	.seo-textblock .layout-2 .text-block:nth-of-type(2) {
		padding-left: 2.5%;
	}

	.seo-textblock p,
	.seo-textblock li {
		font-size: 16px;
		line-height: 24px;
	}
}

.equal-text--image {
	display: flex;
	flex-direction: column;
	padding-top: 60px;
	padding-bottom: 60px;
}

.equal-text--image .text-col {
	width: 100%;
	margin-bottom: 60px;
}

.equal-text--image .text-col h1
.equal-text--image .text-col h2,
.equal-text--image .text-col h3,
.equal-text--image .text-col h4,
.equal-text--image .text-col h5,
.equal-text--image .text-col h6 {
	margin-bottom: 30px;
	margin-top: 0;
	font-size: 30px;
	line-height: 40px;
}

.equal-text--image p,
.equal-text--image li {
	font-size: 14px;
	line-height: 20px;
}

.equal-text--image .text-col ul {
	padding-left: 15px;
}

.equal-text--image li:not(:last-of-type) {
	margin-bottom: 10px;
}

.equal-text--image .text-col .btn {
	margin-top: 30px;
}

.equal-text--image .image-col {
	width: 100%;
}

.equal-text--image .image-col img {
	width: 100%;	
}

@media(min-width: 768px) {

	.equal-text--image {
		flex-direction: row;
	}

	.equal-text--image .text-col {
		width: 50%;
		margin-bottom: 0;
		padding-right: 2.5%;
	}

	.equal-text--image .image-col {
		width: 50%;
		padding-left: 2.5%;
	}

	.equal-text--image .image-col img {
		height: 100%;
		object-fit: cover;
	}

	.equal-text--image p,
	.equal-text--image li {
		font-size: 16px;
		line-height: 24px;
	}

	.equal-text--image.reversed {
		flex-direction: row-reverse;
	}

	.equal-text--image.reversed .text-col {
		padding-right: 0;
		padding-left: 2.5%;
	}

	.equal-text--image.reversed .image-col {
		padding-right: 2.5%;
		padding-left: 0;
	}
}

.slim-callout {
	background-color: #5b1f69;
	padding: 60px 20px;
}

.slim-callout .container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.slim-callout .slim-heading {
	color: #fff;
	font-size: 32px;
	text-align: center;
	line-height: 38px;
	margin-bottom: 30px;
}

.slim-callout p {
	color: #fff;
	text-align: center;
	margin-bottom: 0;
}

.slim-callout br {
	display: none;
}

@media(min-width: 768px) {

	.slim-callout {
		padding: 30px 20px;
	}

	.slim-callout .container {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}

	.slim-callout .slim-heading {
		text-align: left;
		width: auto;
		margin-bottom: 0;
	}

	.slim-callout p {
		text-align: left;
	}

	.slim-callout br {
		display:inline-block;
	}
}

.enquiry-form {
	padding-top: 60px;
	padding-bottom: 60px;
	background-color: #f3f3f5;
}

.enquiry-form h5 {
	margin-top: 0;
	width: 100%;
	text-align: left;
	color: #5b1f69;
	font-size: 30px;
	line-height: 40px;
}

.enquiry-form p {
	font-size: 14px;
	line-height: 20px;
}

@media(min-width: 768px) {

	.enquiry-form p {
		font-size: 16px;
		line-height: 24px;
	}
}

.enquiry-form form {
	margin-left: -10px;
	width: calc(100% + 20px);
	margin-top: 30px;
}

.enquiry-form .gfield {
	position: relative;
	display: inline-block;
	margin-bottom: 20px;
}

.half-field {
	width: 50%;
	padding: 0 10px;
}

.enquiry-form input,
.enquiry-form select,
.enquiry-form textarea {
	border-radius: 0;
	border: 1px solid #ccc;
}

.enquiry-form textarea {
	width: 100%;
}

.enquiry-form label {
	color: #333;
	top: 0!important;
	left: 0!important;
	position: relative!important;
}

.enquiry-form input[type="submit"] {
	border: 1px solid #ff8350;
	border-radius: 10px;
}

.enquiry-form .gform_footer {
	width: 200px;
}

.enquiry-form .newsletter-signup label {
	display: block!important;
	position: relative!important;
	left: 0!important;
	line-height: 26px!important;
}

.enquiry-form .newsletter-signup .ginput_container {
	margin-top: 20px;
}

.input-full {
	width: 100%;
	padding: 0 10px;
}

.enquiry-form .newsletter-signup {
	display: block;
	padding: 0 10px;
}

.enquiry-form .newsletter-signup select {
	width: 200px;
}

.enquiry-form .capture {
	padding: 0 10px;
}

.seo-articles {
	position: relative;
	background-color: #f3f3f5;
}

.seo-articles .container {
	position: relative;
	z-index: 10;
	padding-top: 60px;
	padding-bottom: 60px;
	border-top: 1px solid #5b1f69;
}

.seo-articles h2 {
	margin: 0 0 60px 0;
	width: 100%;
	text-align: center;
}

.seo-articles .box--post__image:before {
    bottom: -25px;
    height: 60px;
}

.seo-articles::after {
	content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 180px;
    background: #f3f3f5;
    z-index: 2;
    bottom: -80px;
    -webkit-transform: skewY(-5deg);
    -ms-transform: skewY(-5deg);
    transform: skewY(-5deg);
}

/* Updated Form Styles */
#field_2_10 label {
	position: relative!important;
	left: 0!important;
}

form ul>li label, label {
    color: #666!important;
}

input[type=submit]:hover {
	background-color: #fd986f;
}

/* Ask A Question form */
.page-template-default .gfield_label {
	display: block!important;
}

/* Button container */
.btn-block {
	display: inline-block!important;
	width: auto!important;
}

.cluster-images {
	background-color: #ccc;
	position: relative;
	display:none;

	img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}
}

.bubble-mask {
	img {
		width: 100%;
	}
}