@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400i,700,700i");
@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i");

/* grid
----------------------------------------------------------------- */
body {
	background: #f3f3f4;
}

a,
a:visited {
	color: #cd0000;
}

.single .container p,
.island p,
.contentBanner p {
	font-family: "Roboto", sans-serif;
	font-weight: 300;
}

.single .container h1,
.single .container article h1,
.single .container h2,
.single .container h3,
.island h1,
.island article h1,
.island h2,
.island h3,
.contentBanner h1,
.contentBanner article h1,
.contentBanner h2,
.contentBanner h3 {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
}

.single .container h3,
.island h3,
.contentBanner h3 {
	font-size: 40px;
	margin: 60px 0 24px 0;
}

.contentBanner {
	background-image: url("//www.bu.edu/research/wp-assets/articles/neurophotonics-david-boas/images/18-1342-BOAS-008_edit-Banner.jpg");
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	height: 600px;
	margin: auto;
	position: relative;
	width: 100%;
}

@media (min-width: 500px) {
	.contentBanner {
		height: 900px;
	}
}

.lt-ie9 .contentBanner {
	height: 900px;
}

@media (min-width: 1640px) {
	.contentBanner {
		background-position: center -60px;
	}
}

@media (min-width: 2000px) {
	.contentBanner {
		background-position: center -230px;
	}
}

.contentBanner .title-area {
	left: 50%;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translate(-50%, -12%);
	width: 100%;
	padding: 0 40px;
}

@media (min-width: 600px) {
	.contentBanner .title-area {
		transform: translate(-50%, 5%);
	}
}

.lt-ie9 .contentBanner .title-area {
	transform: translate(-50%, 5%);
}

.contentBanner h1 {
	background-image: none;
	background-position: center 58px;
	background-repeat: no-repeat;
	background-size: 700px;
	color: #ffffff;
	font-size: 40px;
	font-style: italic;
	font-weight: 700;
	margin: auto;
	text-shadow: 3px 2px #12161a;
}

@media (min-width: 600px) {
	.contentBanner h1 {
		background-image: url("//www.bu.edu/research/wp-assets/articles/neurophotonics-david-boas/images/underline.png");
		font-size: 60px;
		line-height: 1.3;
	}
}

.lt-ie9 .contentBanner h1 {
	background-image: url("//www.bu.edu/research/wp-assets/articles/neurophotonics-david-boas/images/underline.png");
	font-size: 60px;
}

@media (min-width: 768px) {
	.contentBanner h1 {
		background-position: center 73px;
		background-size: 1140px;
		font-size: 80px;
	}
}

.lt-ie9 .contentBanner h1 {
	background-position: center 73px;
	background-size: 1140px;
	font-size: 80px;
}

@media (min-width: 992px) {
	.contentBanner h1 {
		background-position: center 92px;
		font-size: 100px;
	}
}

.lt-ie9 .contentBanner h1 {
	background-position: center 92px;
	font-size: 100px;
}

.contentBanner h2 {
	color: #ffffff;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	margin: 15px auto auto;
	max-width: 600px;
	text-shadow: 3px 2px 2px #12161a;
}

@media (min-width: 600px) {
	.contentBanner h2 {
		margin: 30px auto auto;
		line-height: 30px;
		font-size: 24px;
	}
}

.lt-ie9 .contentBanner h2 {
	margin: 30px auto auto;
	line-height: 30px;
	font-size: 24px;
}

.contentBanner h3 {
	text-transform: uppercase;
	background: rgba(205, 0, 0, 0.8);
	font-size: 12px;
	max-width: 440px;
	padding: 10px 0 8px;
	margin: 30px auto auto;
	color: #ffffff;
	font-weight: 400;
}

@media (min-width: 600px) {
	.contentBanner h3 {
		font-size: 16px;
	}
}

.lt-ie9 .contentBanner h3 {
	font-size: 16px;
}

.intro {
	background: #12161a;
	width: 100%;
}

.intro p {
	-moz-column-count: 1;
	-moz-column-gap: 0;
	-webkit-column-count: 1;
	-webkit-column-gap: 0;
	color: #f4f4f4;
	column-count: 1;
	column-gap: 0;
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	line-height: 32px;
	margin: auto;
	max-width: 875px;
	padding: 100px 40px;
}

@media (min-width: 768px) {
	.intro p {
		-moz-column-count: 2;
		-moz-column-gap: 45px;
		-webkit-column-count: 2;
		-webkit-column-gap: 45px;
		column-count: 2;
		column-gap: 45px;
	}
}

.lt-ie9 .intro p {
	-moz-column-count: 2;
	-moz-column-gap: 45px;
	-webkit-column-count: 2;
	-webkit-column-gap: 45px;
	column-count: 2;
	column-gap: 45px;
}

.intro .dropcap {
	background: url("//www.bu.edu/research/wp-assets/articles/neurophotonics-david-boas/images/dropcapbg.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	color: #fff;
	float: left;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 60px;
	font-weight: 700;
	height: 80px;
	line-height: 60px;
	margin: 7px 10px 0 0;
	padding: 12px 25px;
	width: 80px;
}

.single .one:before {
	position: absolute;
	background-image: url("//www.bu.edu/research/wp-assets/articles/neurophotonics-david-boas/images/light3-l.png");
	background-size: 100%;
	display: inline-block;
	width: 200px;
	margin-left: -200px;
	height: 500px;
	margin-top: -62px;
	background-repeat: no-repeat;
	content: "";
}

.single .two:before {
	position: absolute;
	background-image: url("//www.bu.edu/research/wp-assets/articles/neurophotonics-david-boas/images/light1-l.png");
	background-size: 100%;
	display: inline-block;
	width: 200px;
	margin-left: -200px;
	height: 500px;
	margin-top: -62px;
	background-repeat: no-repeat;
	content: "";
}

.single .three:before {
	position: absolute;
	background-image: url("//www.bu.edu/research/wp-assets/articles/neurophotonics-david-boas/images/light2-l.png");
	background-size: 100%;
	display: inline-block;
	width: 200px;
	margin-left: -200px;
	height: 500px;
	margin-top: -62px;
	background-repeat: no-repeat;
	content: "";
}

.single .one:before,
.single .two:before,
.single .three:before {
	display: none;
}

@media (min-width: 992px) {

	.single .one:before,
	.single .two:before,
	.single .three:before {
		display: block;
	}
}

.lt-ie9 .single .one:before,
.lt-ie9 .single .two:before,
.lt-ie9 .single .three:before {
	display: block;
}

.single .wp-caption-text,
.single .caption {
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	font-style: normal;
}

@media (min-width: 768px) {
	.single .alignleft {
		margin: 0 35px 10px 0;
	}
}

.lt-ie9 .single .alignleft {
	margin: 0 35px 10px 0;
}

.outsideContainer {
	max-width: 850px;
	margin: auto;
	padding: 0 40px;
}

.after-sidebar {
	margin-top: 40px;
}

.single article .sidebarOutside {
	background: #12161a;
	left: 0;
	right: 0;
	padding: 80px 0 100px;
	position: relative;
	margin-top: 40px;
	margin-bottom: 40px;
	-webkit-font-smoothing: antialiased;
}

.single article .sidebarOutside p {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	left: 0;
	right: 0;
	margin: 30px auto 30px auto;
	color: #f4f4f4;
}

.single article .sidebarOutside p strong {
	font-weight: 900;
	margin-top: 20px;
	display: block;
}

.single article .sidebarOutside h2 {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 30px;
	color: #ffffff;
	font-style: italic;
	font-weight: 900;
}

.single article .sidebarOutside h2:before {
	content: '▶';
	display: block;
	color: #cd0000;
	float: left;
	font-style: normal;
	margin-right: 10px;
	line-height: 50px;
}

.touch span.tap {
	display: inline;
}

.touch span.click {
	display: none;
}

.no-touch span.tap {
	display: none;
}

.no-touch span.click {
	display: inline;
}

#sidebarInside {
	display: none;
	background: #35383c;
	background-size: cover;
	color: #ffffff;
	width: 100%;
	left: 0;
	right: 0;
	margin: auto;
	padding: 20px 0 20px 0;
	-webkit-font-smoothing: antialiased;
}

@media (min-width: 500px) {
	#sidebarInside {
		padding: 20px;
	}
}

.lt-ie9 #sidebarInside {
	padding: 20px;
}

.panel {
	max-width: 850px;
	margin: auto;
	padding: 40px;
}

.panel p {
	color: #ffffff;
}

a#toggle {
	text-decoration: none;
	display: block;
	left: 0;
	right: 0;
	margin: auto;
	cursor: pointer;
	float: left;
}

a#toggle .toggleBtn {
	border-radius: 50%;
	background: #cd0000;
	color: #ffffff;
	width: 45px;
	height: 45px;
	text-align: center;
	left: 0;
	right: 0;
	margin: auto;
	cursor: pointer;
}

a#toggle span {
	font-weight: 900;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 30px;
	color: #fff;
	line-height: 43.7px;
	cursor: pointer;
}

.bu-sharing {
	float: none;
	position: relative;
	margin-bottom: 0;
	width: 100%;
	max-width: 850px;
	margin: auto;
}

.bus-content {
	padding: 20px 0 20px 40px;
}

@media (min-width: 500px) {
	.bus-content {
		float: right;
		padding: 0 40px 0 0;
	}
}

.lt-ie9 .bus-content {
	float: right;
	padding: 0 40px 0 0;
}

.single article blockquote {
	margin: 0;
}

.single article blockquote p {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 30px;
	font-weight: 700;
	color: #12161a;
	line-height: 40px;
	-webkit-font-smoothing: antialiased;
	text-align: center;
	border: none;
	padding: 0;
	float: none;
	position: relative;
	max-width: 500px;
	margin: 20px auto;
}

@media (min-width: 800px) {
	.single article blockquote p {
		margin: 20px 20px 20px 0;
		float: left;
	}
}

.lt-ie9 .single article blockquote p {
	margin: 20px 20px 20px 0;
	float: left;
}

@media (min-width: 1200px) {
	.single article blockquote p {
		margin: 20px 20px 20px 0;
	}
}

.single article blockquote p span {
	padding: 0 5px;
	display: block;
}

@media (min-width: 600px) {
	.single article blockquote p span {
		padding: 0 20px;
	}
}

.lt-ie9 .single article blockquote p span {
	padding: 0 20px;
}

.single article blockquote p:before {
	content: url("https://www.bu.edu/research/wp-assets/articles/neurophotonics-david-boas/images/quote-top.png");
	display: block;
	width: auto;
	height: 40px;
	margin-bottom: 20px;
	overflow: hidden;
}

.single article blockquote p:after {
	content: url("https://www.bu.edu/research/wp-assets/articles/neurophotonics-david-boas/images/quote-bottom.png");
	display: block;
	width: auto;
	height: 40px;
	margin-top: 20px;
	overflow: hidden;
}

img.alignright.light {
	display: none;
	max-width: 300px;
}

@media (min-width: 500px) {
	img.alignright.light {
		margin-right: 0;
		display: block;
	}
}

.lt-ie9 img.alignright.light {
	margin-right: 0;
	display: block;
}

@media (min-width: 1200px) {
	img.alignright.light {
		margin-right: -50px;
	}
}

/*# sourceMappingURL=style.css.map */

@media (min-width: 1200px) {
	.wp-prepress-layout-article-content>* {
		margin-right: 17%;
		margin-left: 17%;
		width: 66%;
	}
}

@media (min-width: 670px) {
	.wp-prepress-layout-article-content figure.wp-caption.alignright {
		margin-right: 8.333%;
	}

	.wp-prepress-layout-article-content blockquote.alignleft {
		margin-left: 8.333%;
	}
}