body.single-case-studies{
	overflow-x: hidden;
}

.single-case-studies .case-study-hero{
	position: relative;
	background-size: cover;
	background-position: center;
	height: calc(100vh - 87px);
}

.single-case-studies .case-study-hero .case-study-hero-title{
	position: absolute;
	bottom: 40px;
	left: 50%;
	transform: translate(-50%, 0);
	max-width: 1110px;
	width: 100%;
	color: #fff;
	z-index: 9;
}

.single-case-studies .case-study-hero .case-study-overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
	z-index: 1;
}

.cs-section-title{
	font-weight: bold;
	font-size: 38px;
	margin-bottom: 20px;
}

.cs-section-text p,
.cs-section-text ul{
	font-size: 20px;
}

.case-study-project-section{
	background-color: #fff;
}

.just-text-column{
	max-width: 1110px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 90px;
	padding-bottom: 90px;
}

.case-study-project-section .text-column{
	padding-top: 90px;
	padding-bottom: 90px;
	max-width: 50%;
	padding-right: 60px;
	padding-left: 60px;
	//padding-left: calc((100% - 1100px) / 2);
	box-sizing: border-box;
}

.case-study-project-section .image-column{
	position: absolute;
	right: 0;
	top: 90px;
	bottom: 90px;
	max-width: 50%;
	width: 100%;
	background-size: cover;
	background-position: center;
}

.case-study-brief-section{
	background-color: #000;
}

.case-study-brief-section .text-column{
	padding-top: 90px;
	padding-bottom: 90px;
	max-width: 50%;
	padding-left: 60px;
	padding-right: 60px;
	//padding-right: calc((100% - 1100px) / 2);
	box-sizing: border-box;
	margin-left: auto;
}

.case-study-brief-section .text-column .cs-section-title,
.case-study-brief-section .text-column .cs-section-text p,
.case-study-brief-section .just-text-column .cs-section-title,
.case-study-brief-section .just-text-column .cs-section-text p{
	color: #fff;
}

.case-study-brief-section .image-column{
	position: absolute;
	left: 0;
	top: 90px;
	bottom: 90px;
	max-width: 50%;
	width: 100%;
	background-size: cover;
	background-position: center;
}

.case-study-delivery-section{
	background-color: #fff;
}

.case-study-delivery-section .text-column{
	padding-top: 90px;
	padding-bottom: 90px;
}

.case-study-video-section{
	background-color: #000;
}

.case-study-video-section .container{
	padding-bottom: 90px;
}

.single-case-studies .quote-section .container{
	padding-top: 90px;
	padding-bottom: 90px;
}

.single-case-studies .quote-section .quote{
	text-align: center;
	margin-bottom: 30px;
}

.single-case-studies .quote-section .quote-author,
.single-case-studies .quote-section .author-position{
	text-align: center;
	font-size: 18px;
	margin-bottom: 0;
}

.single-case-studies .quote-section .author-position{
	font-weight: bold;
}

.single-case-studies .quote-section .quote{
	color: #0f539d;
}

.single-case-studies .quote-section.quote-1{
	background-color: #000;
}

.single-case-studies .quote-section.quote-2{
	background-color: #fff;
}

.single-case-studies .quote-section.quote-1 .quote-author,
.single-case-studies .quote-section.quote-1 .author-position{
	color: #fff;
}

.case-study-results-section{
	background-color: #fff;
}

.case-study-results-section .text-column{
	padding-top: 90px;
	padding-bottom: 90px;
	max-width: 50%;
	padding-left: 60px;
	padding-right: 60px;
	//padding-left: calc((100% - 1100px) / 2);
	box-sizing: border-box;
}

.case-study-results-section .image-column{
	position: absolute;
	right: 0;
	top: 90px;
	bottom: 90px;
	max-width: 50%;
	width: 100%;
	background-size: cover;
	background-position: center;
}

.case-study-banner-image{
	height: 380px;
	background-size: cover;
	background-position: center;
}

.case-study-summary-section{
	background-color: #000;
}

.case-study-summary-section .container{
	padding-top: 90px;
	padding-bottom: 90px;
}

.case-study-summary-section .cs-section-title,
.case-study-summary-section .cs-section-text p,
.case-study-summary-section .cs-section-text ul{
	color: #fff;
}

.case-study-related-posts-section .container{
	padding-top: 90px;
	padding-bottom: 80px;
}

.case-study-related-posts-section .cs-related-posts{
	display: flex;
	gap: 20px;
}

.case-study-related-posts-section .cs-related-posts .cs-related-post{
	height: 200px;
	width: 100%;
	background-size: cover;
	background-position: center;
	transition: 0.2s linear all;
}

.case-study-related-posts-section .cs-related-posts .cs-related-post:hover{
	opacity: 0.75;
}

.quote-section .quote-white{
	color: #fff !important;
}
.quote-section .quote-black{
	color: #000 !important;
}
.quote-section .quote-blue1{
	color: #1f4e9b !important;
}
.quote-section .quote-blue2{
	color: #2f7df6 !important;
}
.quote-section .quote-blue3{
	color: #235498 !important;
}
.quote-section .quote-dark-grey{
	color: #1b1c1d !important;
}
.quote-section .quote-purple{
	color: #5b2150 !important;
}

@media(max-width: 1180px){
	.single-case-studies .case-study-hero .case-study-hero-title,
	.just-text-column{
		max-width: 90%;
	}
	
	.case-study-project-section .text-column{
		max-width: 60%;
		padding-left: 5%;
	}
	
	.case-study-project-section .image-column{
		max-width: 40%;
	}
	
	.cs-section-title{
		font-size: 30px;
	}
	
	.cs-section-text p,
	.cs-section-text ul{
		font-size: 18px;
	}
}

@media(max-width: 960px){
	.case-study-project-section .text-column{
		max-width: 100%;
		padding-left: 40px;
		padding-right: 40px;
		padding-bottom: 40px;
		padding-top: 40px;
	}
	
	.case-study-project-section .image-column{
		position: relative;
		top: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		max-width: 100%;
		height: 400px;
	}
	
	.case-study-brief-section .text-column{
		max-width: 100%;
		padding-left: 40px;
		padding-right: 40px;
		padding-bottom: 40px;
		padding-top: 40px;
	}
	
	.case-study-brief-section .image-column{
		position: relative;
		top: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		max-width: 100%;
		height: 400px;
	}
	
	.case-study-video-section .container{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	
	.case-study-results-section .text-column{
		max-width: 100%;
		padding-right: 40px;
		padding-left: 40px;
		padding-bottom: 40px;
		padding-top: 40px;
	}
	
	.case-study-results-section .image-column{
		position: relative;
		top: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		max-width: 100%;
		height: 400px;
	}
	
	.case-study-related-posts-section .cs-related-posts{
		flex-wrap: wrap;
	}
	
	.case-study-related-posts-section .cs-related-posts .cs-related-post{
		height: 300px;
	}
}

@media(max-width: 860px){
	.single-case-studies .case-study-hero .case-study-hero-title{
		font-size: 30px;
	}
	
	.case-study-project-section .image-column,
	.case-study-brief-section .image-column,
	.case-study-results-section .image-column{
		height: 350px;
	}
	
	.single-case-studies .quote-section .quote{
		font-size: 23px;
	}
}

@media(max-width: 720px){
	.case-study-project-section .image-column,
	.case-study-brief-section .image-column,
	.case-study-results-section .image-column{
		height: 300px;
	}
}

@media(max-width: 600px){
	.case-study-related-posts-section .cs-related-posts .cs-related-post{
		height: 240px;
	}
}


@media(max-width: 500px){
	.single-case-studies .case-study-hero .case-study-hero-title{
		font-size: 24px;
	}
	
	.case-study-project-section .image-column{
	.case-study-brief-section .image-column,
	.case-study-results-section .image-column{
		height: 200px;
	}
	
	.case-study-related-posts-section .cs-related-posts .cs-related-post{
		height: 200px;
	}
}