/*
* Package: ost-custom-templates Plugin based off the Enfold Theme
*/


/* background image */
body.single-ost_persons .header_bg,
body.single-ost_projects .header_bg {
	height: auto !important;
}

body.single-ost_persons .background-image,
body.single-ost_projects .background-image {
	width: 100%;
	height: 100%;
	position: relative;
}   


/* featured image */
body.single-ost_persons .image-overlay {
 	visibility: hidden;
}

body.single-ost_persons .big-preview.single-big {
	float: left;
	padding: 0 !important;
	width: 200px;
	height: 200px;
}

body.single-ost_persons article.post-entry img {
	border-radius: 50%;
	border: 2px solid #f58a6e;
	width: 100%;
	left: 0;
}

body.single-ost_projects article.post-entry img {
	display: none;
}

/*name and role insert here */

body.single-ost_projects h1.post-title.entry-title {
	color: #f58a6e;
	font-size: 40px;
	font-weight: 100;
	margin: 0 auto;
}
body.single-ost_persons h1.post-title.entry-title {
	color: #f58a6e;
	font-size: 40px;
	font-weight: 100;
	margin: 0 auto;
	padding-left: 30px;
	padding-top: 50px;
}



/* main content */
body.single-ost_persons .main,
body.single-ost_projects .main {
	margin-top: 40px;
	padding-right: 55px;
	border-right: 1px solid #f58a6e;
}

body.single-ost_persons .quote {
	font-family: 'Raleway', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	padding-left: 20px;
	border-left: 4px solid #EEEEEE;
	font-size: 18px;
	margin-bottom: 60px;
	font-weight: 600;
}

body.single-ost_persons h3.title,
body.single-ost_projects h3.title {
	font-family: ' helvetica neue', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

body.single-ost_persons h4.title {
	font-family: ' helvetica neue', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-style: italic;
}

body.single-ost_persons .content {
	margin-bottom: 50px;
}


/* back button */
body.single-ost_persons a.back-button,
body.single-ost_projects a.back-button {
	text-transform: uppercase;
	padding: 12px 20px;
	letter-spacing: 2px;
	border: 3px solid #f58a6e;
}

body.single-ost_persons a.back-button:hover,
body.single-ost_projects a.back-button:hover {
	text-decoration: none;
	color: white;
	background-color: #f58a6e;
}

/* sidebar */
body.single-ost_projects .sidebar {
	padding-left: 3%;
	padding-top: 90px;
}
body.single-ost_persons .sidebar {
	padding-left: 55px;
	padding-top: 70px;
}

body.single-ost_persons .sidebar h4 {
	font-family: ' helvetica neue', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	padding-bottom: 5px;

}

body.single-ost_persons .sidebar a:hover {
	text-decoration: none;
	color: #f58a6e;
}

body.single-ost_persons .sidebar a:visited {
	text-decoration: none;
}

body.single-ost_persons a.contact-email {
	font-size: 14px;
}

body.single-ost_persons p.telephone,
body.single-ost_persons p.additinal-roles {
	margin-top: 0;
}

/* single project */
body.single-ost_projects .content-block {
	margin-bottom: 70px;
}

body.single-ost_projects .main_color strong,
body.single-ost_projects .main_color b {
	color: #243d4a;
}

body.single-ost_projects .main ul,
body.single-ost_projects .sidebar ul {
	list-style-type: disc;
	margin-left: 20px;
}

body.single-ost_projects h4 {
	line-height: 24px;
	font-family: ' helvetica neue', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

body.single-ost_projects a em {
	color: #ee8871;
}

/* single project sidebar */

body.single-ost_projects .sidebar {
	
}

body.single-ost_projects .sidebar a {
	color: #ee8871;
}

body.single-ost_projects .sidebar a[href^="mailto:"] {
	font-size: 14px;
}

/* swirl at the bottom of the page */
body.single-ost_persons .container_wrap_first,
body.single-ost_projects .container_wrap_first {
	margin-bottom: 150px;
}

body.single-ost_persons .container_wrap_first:after,
body.single-ost_projects .container_wrap_first:after {
	content: url(/wp-content/themes/oceansciencetrust/images/flourish.svg);
	position: absolute;
	margin-left: -200px;
	margin-top: 40px;
	z-index: 10;
}

body.single-ost_persons #footer,
body.single-ost_projects #footer {
	padding-top: 100px;
}

body.single-ost_persons article.post-entry,
body.single-ost_projects article.post-entry {
	margin-top: -50%;
	margin-bottom: 10%;
	margin-left: 18%;
}

/* name & role */
body.single-ost_projects h3.subheading {
	position: relative;
	top: -220px;
	font-size: 24px;
	left: 18%;
}


body.single-ost_persons h3.role {
	position: relative;
	top: -330px;
	font-size: 24px;
	left: 44.5%;
}

body.single-ost_persons h4.pronouns {
	position: relative;
	top: -330px;
	font-size: 18px;
	left: 44.5%;
}

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

	body.single-ost_persons article.post-entry,
	body.single-ost_projects article.post-entry {
		margin-top: -60%;
		margin-bottom: 35%;
	}

	/* name & role */
	body.single-ost_projects h3.subheading {
		top: -400px;
	}
	body.single-ost_persons h3.role {
		top: -420px;
	}
	body.single-ost_persons h4.pronouns {
		top: -420px;
	}

}

@media only screen and (max-width: 1300px) {

	body.single-ost_persons h3.role {
		left: 380px;
		top: -310px;
	}

}

@media only screen and (max-width: 1200px) {

	body.single-ost_persons h1.post-title.entry-title,
	body.single-ost_projects h1.post-title.entry-title {
		font-size: 30px;
		line-height: 35px;
	}	

	body.single-ost_persons h3.role {
		font-size: 18px;
		left: 50%;
		top: -280px;
	}

	body.single-ost_projects .sidebar {
		padding-left: 15px;
		padding-top: 120px;
	}

	body.single-ost_persons .sidebar {
		padding-left: 20px;
		padding-top: 70px;
	}
}

@media only screen and (max-width: 1100px) {

	body.single-ost_persons h3.role {
		left: 53%;
		top: -250px;
	}	
	body.single-ost_persons h4.pronouns {
		left: 53%;
		top: -250px;
	}
}


@media only screen and (max-width: 1023px) {

	body.single-ost_persons article.post-entry,
	body.single-ost_projects article.post-entry {
		margin-top: -35%;
		margin-bottom: 0;
		width: 80%;

	}

	/* name & role */
	body.single-ost_projects h3.subheading {
		top: -140px;
		font-size: 20px;
		width: 80%;
	}	
	body.single-ost_persons h3.role {
		position: relative;
		top: 0;
		left: 0;
		padding-top: 20px;
	}	
	body.single-ost_persons h4.pronouns {
		position: relative;
		top: 0;
		left: 0;
		padding-top: 20px;
	}
	
	body.single-ost_persons h1.post-title.entry-title,
	body.single-ost_projects h1.post-title.entry-title {
		font-size: 25px;
		line-height: 30px;
	}	

	body.single-ost_persons .main,
	body.single-ost_projects .main {
		border: none;
	}

	body.single-ost_projects .container .av-content-small.units,
	body.single-ost_persons .container .av-content-small.units {
		width: 100%;
	}

	body.single-ost_persons .sidebar,
	body.single-ost_projects .sidebar {
		padding-left: 0;
	}

	body.single-ost_projects aside.sidebar_right {
		padding: 0 !important;
	}

}


@media only screen and (max-width: 767px) {

	body.single-ost_projects article.post-entry {
		margin-top: -48%;
		margin-left: 10%;

	}

	body.single-ost_persons article.post-entry {
		margin-top: 5%;
		margin-left: 0;
		width: 100%;
	}

	body.single-ost_persons .main,
	body.single-ost_projects .main {
		padding-right: 0 !important;
	}	

	body.single-ost_persons h1.post-title.entry-title {
		padding-top: 10px;
		padding-left: 0;
	}	

	body.single-ost_persons .post_delimiter {
		display: none;
	}

	body.single-ost_persons img.background-image {
		display: none;
	}

	body.single-ost_persons .big-preview.single-big {
		float: initial;
		margin: 0 auto;
	}

	/* name & role */
	body.single-ost_persons h3.role {
		top: 0;
		padding-top: 0;
		font-size: 20px;
		left: 0;
		width: 100%;
		text-align: center;
	}	
	body.single-ost_persons h4.pronouns {
		top: 0;
		padding-top: 0;
		font-size: 16px;
		left: 0;
		width: 100%;
		text-align: center;
	}
	
	body.single-ost_projects h3.subheading {
		top: 10px;
		font-size: 20px;
		left: 0;
		width: 100%;
	}		

	body.single-ost_projects h1.post-title.entry-title {
		font-size: 25px;
		line-height: 30px;
	}	

	body.single-ost_persons h1.post-title.entry-title {
		font-size: 25px;
		line-height: 30px;
		text-align: center;
		padding-bottom: 5px;
	}		

}


@media only screen and (max-width: 450px) {

	body.single-ost_projects img.background-image {
		display: none;
	}

	body.single-ost_persons article.post-entry,
	body.single-ost_projects article.post-entry {
		margin-top: 5%;
		margin-left: 0;
	}

	body.single-ost_persons h3.role,
	body.single-ost_persons h4.pronouns,
	body.single-ost_projects h3.subheading {
		clear: both;
	}

}