/* Masthead (for NON-DESKTOP-specific, mobile or BOTH D&M) */
body.page-template-about .entry-header, body.page-template-about-staff .entry-header {
	background: var(--mh-brand-color-red);
	padding: 20vh 0 10vh 0;
}

body.page-template-about .entry-header .wp-post-image {
	max-width: 250px;
    height: auto;
    margin: auto;
}

body.page-template-about .entry-header .entry-title, body.page-template-about-staff .entry-header .entry-title {

}

body.page-template-about .entry-header .entry-title {
	
}

/* Shared Liberation Lis t*/
body.page-template-about .section-header {
	text-align: left;
	padding: 10vh 4vh 4vh 4vh;
}

body.page-template-about .section-header h2 {
	font: 2.5rem var(--mh-headline-font);
}


#liberation-list .org {
	padding: 0 0 15vh 4vh;
	line-height: 1.5rem;
	font-size: 1rem;
}

/* Content */
.about-sections #overview {
	background: var(--mh-brand-color-red);
	color: var(--mh-light-text-color);
	font-size: 1rem;
	font-weight: lighter;
	padding-bottom: 10vw;
	padding: 0 4vh 10vh 4vh;
}

.about-sections #overview .container {
	max-width: 1000px;
}

.about-sections #overview h2 {
	font-weight: lighter;
	font-size: 1.5rem;

}

.about-sections #overview a
{
	text-decoration: none;
	color: var(--mh-light-text-color);
	font-weight: bold;
}

.about-sections #description
{
	font-size: 1rem;
	padding: 10vh 4vh 20vh 4vh;
}

.about-sections #desc-image
{
	background-image: url('../images/gradients/Gradient-26-min.jpg');
	background-size: cover;
}

.about-sections #principles-image
{
	background-image: url('../images/gradients/Gradient-13-1.jpg');
	background-size: cover;
}

.about-sections #mission {
	background: var(--mh-dark-bg-color);
	color: var(--mh-light-text-color);
	font-size: 1.5rem;
	font-weight: lighter;
	padding: 20vh 4vw 20vh 4vw;
}

.about-sections #mission h2 {
	font-weight: lighter;
	font-size: 1.8rem;
}

.about-sections #mission #mission-logo {
	text-align: center;
	padding: 10vw;
}

.about-sections #mission #mission-logo img {
	max-width: 300px;
}

.about-sections #liberation {
	background: url('../images/sun.png') no-repeat center center;
	background-size: cover;
	font-size: 1rem;
	font-weight: 600;
	padding: 2vw 0 0 0;
}

.about-sections #liberation #liberation-scroll {
	background-size: cover;
	margin-top: 4vw;
	overflow: auto;
	padding: 0vw 0 10vw 0;
	width: 100%;
}

.about-sections #liberation #liberation-scroll a {
	text-decoration: none;
}

@media screen and (max-width: 991px) {
	.about-sections #liberation #liberation-scroll .container {
		width: 140vw;
		max-width: 140vw;
	}
}

/* NOTE FROM SOUSADA: I'M REMOVING SCROLL FOR MOBILE. */
.about-sections #liberation #liberation-scroll .col {
	flex: none;
	width: 50%;
}


.about-sections #liberation h2 {
	padding-top: 4vw;
	font-size: 2rem;
}

.about-sections #staff {
	background: #fdebe0;
}

.about-sections #staff #staff-image {
	min-height: 60vh;
	padding-left: 0;
	padding-right: 0;
}

.about-sections #staff #staff-image>img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.about-sections #staff #staff-text {
	padding-top: 40vw;
	padding-bottom: 3vw;
}

.about-sections #staff #staff-text h2 {
	letter-spacing: 3px;
	font-size: 2rem;
	max-width: 70vw;
}

/* About page website section */
.about-sections #website {
	background: var(--mh-dark-bg-color);
	color: var(--mh-light-text-color);
	padding: 60px 0;
	text-align: center;
}

.about-sections #website .container {
	max-width: 800px;
}

.about-sections #website p {
	font-size: 1.4rem;

}

.about-sections #website p a {
	color: var(--mh-light-text-color);
	text-decoration: underline;
}

/* Staff page */
body.page-template-about-staff .entry-content .container {
	max-width: 1000px;
}

body.page-template-about-staff .entry-content h2 {
	font-weight: normal;
	font-size: 1.8rem;
	margin-bottom: 30px;
}

body.page-template-about-staff .entry-content h3 {
	font-weight: lighter;
	font-size: 1.45rem;
}

.about-sections .person-bio {
	background: #fdebe0;
	padding: 10vw 0;
}

.about-sections .person-bio .bio-container, .about-sections #partners .bio-container {
	margin-bottom: 50px;
}

.about-sections .person-bio .bio-container .image {
	margin-bottom: 20px;
}

.about-sections .person-bio .bio-container .image img {
	max-width: 50% !important;
}

.about-sections #partners {
	background: var(--mh-dark-bg-color);
	color: var(--mh-light-text-color);
	padding: 10vw 0;
}

/* DESKTOP */
@media screen and (min-width: 992px) {
body.page-template-about .entry-header, body.page-template-about-staff .entry-header {
	padding-bottom: 0;
	height: 650px;
}

	body.page-template-about .entry-header .entry-title {
		margin-left: 50px;
	}

body.page-template-about .entry-header .wp-post-image{
	max-width: 350px;
}


.about-sections #overview {
	padding: 12vw 50px;
}

.about-sections #mission #mission-logo {
	padding: 30px 0;
}

.about-sections #liberation {
	font-size: 1rem;
}

.about-sections #liberation #liberation-scroll {
	background: none;
	width: 100%;
}

.about-sections #liberation #liberation-scroll .container {
}

.about-sections #staff #staff-image {
	background-size: cover;
	min-height: auto;
}

.about-sections #staff #staff-text {
	padding-top: 400px;
	padding-bottom: 50px;
	padding-left: 50px;
}

.about-sections #staff #staff-text h2 {
	font-size: 2.5rem;
	max-width: 40vw;
}

.about-sections #partners, .about-sections .person-bio {
	padding: 100px 0;
}

.about-sections .person-bio .bio-container .image img {
	max-width: 90% !important;
}

.about-sections #staff #staff-image {
	min-height: 70vh;
}

}

/* WIDE DESKTOP */
@media screen and (min-width: 1280px) {

	body.page-template-about .entry-header .entry-title {
		margin-top: 200px;
	}
	
	.about-sections #overview {
		font-size: 2rem;
		padding-top: 150px;
		padding-bottom: 150px;
	}

	body.page-template-about .section-header {
		border-right: 1px solid #000;
		text-align: left;
		padding: 50px 40px 50px 10vh;
	}

	.about-sections #description {
		font-size: 1.5rem;
		padding: 33vh 5vh 10vh 5vh;
	}

	.about-sections #mission {
		font-size: 2.5rem;
		font-weight: lighter;
		padding: 35vh 4vw 35vh 4vw;
	}


	.about-sections #liberation h2 {
		padding-top: 1vw;
		font-weight: bold;
		font-size: 2.5rem;
	}
	
	.about-sections #liberation {
		padding-top: 4vw;
	}

	.about-sections #liberation #liberation-scroll {
	margin-top: 0vw;
	overflow: auto;
	padding: 2vw 0 10vw 0;
	}

	.about-sections #staff #staff-image {
	min-height: 80vh;
	}

	#sln-list
	{
		padding: 20vh 10vh;
	}

	#liberation-list
	{
		padding: 50px 0 50px 0;
	}

	#liberation-list .org{
		padding: 15px;
		line-height: 1.5rem;
		font-size: 1rem;
	}

}