/*
Theme Name: LP Theme Blog Styling
Theme URI: https://literacyplanet.com
Author: Literacy Planet
*/

/* ARCHIVE
################################################################################### */

.case-studies-hub-header {
	text-align: center;
}

@media (max-width: 1023px) {

	.case-studies-hub-header .container {
		display: flex;
		flex-direction: column;
	}
	
	.case-studies-hub-header .container .stubmonk,
	.case-studies-hub-header .container .paper {
		order: 0;
	}
	
	.case-studies-hub-header .container h1,
	.case-studies-hub-header .container .description {
		order: 1;
	}

	.case-studies-hub-header .container .stubmonk {
		max-height: 20rem;
		align-self: center;
		transform: translateX(-10%);
		z-index: 10;
	}

	.case-studies-hub-header .container .paper {
		position: absolute;
		width: 8rem;
		top: -2rem;
		right: 0;
		z-index: 5;
	}

	.case-studies-hub-header .blob-mobile {
		z-index: -1;
		left: 0;
		bottom: calc(100% - 15rem);
		width: 100%;
	}
}

@media (min-width: 1024px) {
	
	.case-studies-hub-header {
		padding: var(--layout-unit) 0;
	}

	.case-studies-hub-header .description {
		width: 60%;
		margin: auto;
		font-size: 1.3rem;
		line-height: 1.5em;
	}

	.case-studies-hub-header .blob-desktop {
		z-index: -1;
		right: 77%;
		top: -5%;
		width: 30rem;
		min-width: 23%;
	}

}

@media (min-width: 1024px) and (max-width: 1199px) {
		
	.case-studies-hub-header .stubmonk {
		position: absolute;
		top: 0;
		right: 82%;
		height: 100%;
	}
		
	.case-studies-hub-header .paper {
		position: absolute;
		top: 0;
		right: 0;
		width: 10rem;
	}

	.case-studies-hub-header .blob-desktop {
		z-index: -1;
		right: 80%;
		top: -5%;
		width: 30rem;
		min-width: 20%;
	}

}

@media (min-width: 1200px) {
		
	.case-studies-hub-header .stubmonk {
		position: absolute;
		top: 0;
		right: 82%;
		height: 100%;
	}
		
	.case-studies-hub-header .paper {
		position: absolute;
		top: 0;
		right: 0;
		width: 10rem;
	}

}

/* SINGLE
################################################################################### */

.single-case_studies .text-pop {
	margin-left: -0.5rem;
}

.single-case_studies .secondary-quotes img {
	width: 3rem;
	margin-bottom: 1rem;

}

@media (min-width: 768px) {
		
	.single-case_studies .school-logo {
		float: right;
		max-width: 15rem;
		max-height: 10rem;
		margin: 0 0 0 1rem;
	}

}