/*
	Minify using https://csscompressor.com/
*/

.bmh h2 { clear: none; }
.bmh .floatRight { float: right; margin: 0 0 1.230769em 3.8%; }
.bmh .pullout.quote p { color: #28a0d8; }
.bmh .pullout.biography { border-color: #28a0d8; }
.bmh .pullout h1,
.bmh .pullout h2,
.bmh .pullout h3 { color: #28a0d8; }

.hum h2 { clear: none; }
.hum .floatRight { float: right; margin: 0 0 1.230769em 3.8%; }
.hum .pullout.quote p { color: #038199; }
.hum .pullout.biography { border-color: #038199; }
.hum .pullout h1,
.hum .pullout h2,
.hum .pullout h3 { color: #038199; }

.fse h2 { clear: none; }
.fse .floatRight { float: right; margin: 0 0 1.230769em 3.8%; }
.fse .pullout.quote p { color: #4e6bb1; }
.fse .pullout.biography { border-color: #4e6bb1; }
.fse .pullout h1,
.fse .pullout h2,
.fse .pullout h3 { color: #4e6bb1; }

.responsve-video-wrapper { margin: 1em 0 1.5em; }

.feature .leftMenuContainer { display: none; }
.banner { position: relative; width: 100%; height: auto; margin-bottom: 30px; }
.feature-content-container-outer.last,
.feature .mainContentContainer > div:last-of-type { margin-top: 1em; border-top: 1px solid #ddd; padding-top: 1em; }
.feature-content-container-outer.last.larger-font p,
.feature .mainContentContainer > div:last-of-type.larger-font p,
.feature .mainContentContainer > div:last-of-type.larger-font li { font-size: 1.461538em; font-weight: 400; }
.feature-content-container-outer.last :last-child,
.feature .mainContentContainer > div:last-of-type :last-child { padding-bottom: 0; }
.image-with-caption { margin: 0 auto 30px; width: 100%; max-width: 840px; }
.image-with-caption img { width: 100%; height: auto; display: block; }
.image-with-caption p { background-color: #ebebeb; font-style: italic; padding: 10px; font-size: 1.076923em; }
.image-gallery { margin: 0 auto 30px; width: 100%; max-width: 840px; }
div.video { margin: 0 auto; width: 100%; max-width: 1140px; }
div.video img { display: block; margin-bottom: 1em; width: 100%; height: auto; }
.pullout { margin: 16px 0 32px 0; border: 1px solid #ddd; border-width: 1px 0; padding: 0; background-color: #fff; }
.pullout img { display: block; margin-bottom: 10px; }
.pullout h1,
.pullout h2,
.pullout h3 { color: #6b2c91; font-size: 2.153846em; font-weight: 300; line-height: 1.1; }
.pullout p { margin-bottom: 1em; padding: 0; }
.pullout.related { padding: 10px 0; }
.pullout.quote { padding: 20px 0; }
.pullout.quote p,
.pullout.quote blockquote { margin: 0; font-size: 1.846154em; font-weight: 700; text-align: center; }
.pullout.quote .attribution { font-size: 1.076923em; font-weight: 400; padding-top: 10px; }
.pullout.related p:last-child,
.pullout.quote p:last-child { margin-bottom: 0; padding-bottom: 0; }
.pullout.biography { border: none; border-left: 6px solid #6b2c91; background-color: #ebebeb; padding: 0 0 4px 0; }
.pullout.biography img { width: 100%; height: auto; margin-bottom: 20px; }
.pullout.biography h1,
.pullout.biography h2,
.pullout.biography h3,
.pullout.biography p { padding: 0; margin: 0 20px 16px; }
.pullout.biography p.profile a { background: url('https://assets.manchester.ac.uk/corporate/images/design/feature/profile-icon.svg') left center no-repeat; background-size: auto 100%; padding-left: 30px; }
.pullout.biography p.twitter a { background: url('https://assets.manchester.ac.uk/corporate/images/design/feature/twitter-icon.svg') left center no-repeat; background-size: auto 110%; padding-left: 30px; }

#related-row { margin: 20px 0 0 0; border-top: 1px solid #ddd; padding: 20px 0 0 0; }
/*#related-row h2 { color: #6b2c91; }*/
#related-row .pullout.related { margin: 0 0 10px 0; border: none; width: 100%; padding: 0; }
.pullout.related img { width: 100%; height: auto; }
.pullout.related a { text-decoration: none; }
.pullout.related a:hover p { text-decoration: underline; }
/*
.banner-image { position: relative; width: 100%; height: 0; padding-bottom: 65%; }
.banner-image img { position: absolute; width: auto; height: 100%; }
*/
/* Alternative stlying for image with caption */
.image-with-caption { border-bottom: 1px solid #ddd; }
.image-with-caption img { }
.image-with-caption p { background-color: transparent; font-style: normal; padding: 10px 0; color: #595959; }

.banner-background-image { display: block; margin-bottom: 30px; width: 100%; padding-bottom: 70%; background-position: center; background-size: cover; }

.pulloutbox p.button { padding-bottom: 0.5em; }

.person-card {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 10px 0 20px 0;

	@media (min-width: 400px) {
		margin: 10px 0 20px 5px;
		gap: 15px;
	}

	@media (min-width: 500px) {
		/*gap: 15px;*/
		margin: 10px 0 30px 5px;
	}
}

.person-card-image {
	width: 50px;
	border-radius: 50%;

	@media (min-width: 500px) {
		width: 60px;
	}
}

.person-card-copy {
	font-size: 1.6rem;
	display: flex;
	flex-direction: column;
	gap: 5px;

	@media (min-width: 500px) {
		gap: 10px;
	}
}

@media only screen and (min-width: 480px) {
	.sixcol.imageFloat { width: 100%; }
}

@media only screen and (min-width: 500px) {
	#related-row-inner { display: flex; justify-content: flex-start; flex-wrap: wrap; margin: 0 -10px; }
	#related-row .pullout.related { display: inline-block; margin: 10px; width: calc(50% - 20px); }
}

@media only screen and (min-width: 600px) {
	.pullout { width: 240px; border: 1px solid #ddd; border-width: 1px 0; background-color: #fff; }
/*
	.pullout p { padding: 0; }
*/
	.pullout p:last-child { padding-bottom: 0; }
	.pullout.biography { width: 270px; }
	.pullout.related p { margin: 0 20px; }
	.pullout.quote p { margin: 0; text-align: left; font-size: 1.538462em; font-weight: 700; }
	.pullout.quote.right p:not(.attribution) { text-indent: -0.5em; }
	.left { float: left; margin: 10px 30px 10px 0; }
	.right { float: right; margin: 10px 0 10px 30px; }
	.biography.right { margin: 10px 0 10px 30px; }

	#related-row .pullout.related { width: 25%; max-width: 230px; flex-grow: 1; }
	#related-row .pullout.related p { margin: 0 10px; }

	.sixcol.imageFloat { width: 240px; }
}

@media only screen and (min-width: 800px) {
	.banner-background-image { display: block; margin-bottom: -40px; width: 100%; padding-bottom: 43.859649%; background-size: cover; }
/*
.banner-image { position: relative; width: auto; height: auto; padding-bottom: 0; }
.banner-image img { position: relative; width: 100%; height: auto; }
*/
/*
	.feature h1,
	.feature h1 + .subHeading { margin: 0 auto; width: 70%; max-width: 700px; box-sizing: border-box; }
*/
	.feature-content-container-outer { position: relative; margin-left: calc(15% - 31px); border-left: 1px solid #ddd; padding: 30px 0 30px 30px; background-color: #fff; }
	.feature-content-container-outer:first-of-type { margin-left: calc(15% - 30px); border-left: 0; padding-top: 0; }
	.feature-content-container-outer > :last-child { padding-bottom: 0; }
	.feature-content-container-outer.last,
	.feature .mainContentContainer > div:last-of-type { margin-top: 0; border-top: 1px solid #ddd; padding-bottom: 0.5em; }
	.feature-content-container-inner { width: 82.3529%; max-width: 700px; }

	.banner,
	.banner + .subHeading { position: relative; background-color: #fff; }

	.banner { margin-bottom: -40px; }
	.banner + .subHeading { margin-left: -30px; padding-left: 30px; padding-top: 30px; }

	.pullout.quote p { margin: 0; font-weight: 700; /*hanging-punctuation: first;*/ /*text-indent: -0.5em;*/ }
	.pullout.quote.right p:not(.attribution) { text-indent: -0.5em; }
	.left { float: left; margin: 10px 30px 10px -100px; }
	.right { float: right; margin: 10px -100px 10px 30px; }
	.biography.right { margin: 10px -100px 10px 30px; }

	.image-with-caption { margin-bottom: 0; }
	div.video img { margin-bottom: 0; }
	#related-row { margin-top: 30px; }
	#related-row h2 { width: 100%; }
	#related-row-inner { display: flex; width: 75%; max-width: 731px; margin: 0 0 0 calc(15% - 41px); justify-content: flex-start; }
	#related-row .pullout.related { display: inline-block; margin: 10px; width: 25%; max-width: 230px; flex-grow: 1; }

	/* Alternative stlying for image with caption */
	.image-with-caption { margin-left: calc(15% - 31px); border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; width: auto; max-width: none; }
	.image-with-caption img { margin-left: -1px; }
	.image-with-caption p { background-color: transparent; font-style: normal; padding: 10px 30px; color: #595959; }

	.image-gallery { margin-left: calc(15% - 31px); margin-bottom: 0; /*border-left: 1px solid #ddd;*/ width: auto; max-width: none; }
/*
	.image-gallery .tns-outer,
	.image-gallery .tiny-slider-thumbnails-wrapper { margin-left: -1px; }
*/
	.image-gallery .tiny-slider-thumbnails { margin-bottom: 0; }

	.image-gallery:not(.with-thumbnails) .tns-slider .tns-item figcaption.caption { padding: 60px 30px 10px; }
	.image-gallery:not(.with-thumbnails) .tns-slider .tns-item figcaption.caption.below { padding: 10px 30px; }

	.image-gallery + .feature-content-container-outer { padding-top: 40px; }

	/*.sixcol.imageFloat.floatLeft { margin: 10px 30px 10px -100px; }*/
	.sixcol.imageFloat.floatRight { margin-right: -100px; }

	.videobox2.fullwidth { margin-bottom: 0; }

	.responsve-video-wrapper { margin: 0; }
}

@media only screen and (min-width: 960px) {
	#related-row h2 { display: inline-block; margin-right: 30px; width: calc(50% - 350px - 61px); text-align: right; }
	.right { margin-right: -120px; }
	.sixcol.imageFloat.floatRight { margin-right: -120px; }
	.biography.right { margin-right: -120px; }
	.pullout.quote.left p:not(.attribution) { text-indent: -0.5em; }
}

@media only screen and (min-width: 1020px) {
	.right { margin-right: -135px; }
	.sixcol.imageFloat.floatRight { margin-right: -135px; }
	.biography.right { margin-right: -135px; }
}

@media only screen and (min-width: 1130px) {
	.feature-content-container-outer { margin-left: calc(50% - 350px - 31px); }
	.feature-content-container-outer:first-of-type { margin-left: calc(50% - 350px - 30px); }
	#related-row-inner { margin-left: calc(50% - 350px - 41px); justify-content: flex-start; }
	#related-row .pullout.related p { margin: 0 15px; }

	/* Alternative stlying for image with caption */
	.image-with-caption { margin-left: calc(50% - 350px - 31px); }
	/*.pullout.quote.left p { text-indent: 0; }*/

	.image-gallery { margin-left: calc(50% - 350px - 31px); }
}

@media only screen and (min-width: 1160px) {
	.left { margin-left: -150px; }
	.pullout.quote.left p:not(.attribution) { text-indent: -0.5em; }
}

@media only screen and (min-width: 1200px) {
	#related-row { display: flex; }
	#related-row-inner { margin-left: -10px; width: 75%; max-width: 731px; }
}

@media only screen and (min-width: 1230px) {
	.pullout.quote { width: 270px; }
	.pullout.quote.left { margin-left: -165px; }
	.pullout.quote p { /*margin: 0 -30px;*/ font-size: 1.846154em; }
/*
	.left { margin-right: 60px; }
	.right { margin-left: 60px; }
*/
}