@font-face {
  font-family: "Pressura";
  src: url("http://www.bu.edu/cdn/fonts/Pressura-Light/Pressura-Light.eot");
  src: url("http://www.bu.edu/cdn/fonts/Pressura-Light/Pressura-Light.eot?") format("embedded-opentype"),
       url("http://www.bu.edu/cdn/fonts/Pressura-Light/Pressura-Light.woff") format("woff"),
       url("http://www.bu.edu/cdn/fonts/Pressura-Light/Pressura-Light.ttf") format("truetype");
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: "Pressura";
  src: url("http://www.bu.edu/cdn/fonts/Pressura-Regular/Pressura-Regular.eot");
  src: url("http://www.bu.edu/cdn/fonts/Pressura-Regular/Pressura-Regular.eot?") format("embedded-opentype"),
       url("http://www.bu.edu/cdn/fonts/Pressura-Regular/Pressura-Regular.woff") format("woff"),
       url("http://www.bu.edu/cdn/fonts/Pressura-Regular/Pressura-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Pressura";
  src: url("http://www.bu.edu/cdn/fonts/Pressura-Regular-Italic/Pressura-Regular-Italic.eot");
  src: url("http://www.bu.edu/cdn/fonts/Pressura-Regular-Italic/Pressura-Regular-Italic.eot?") format("embedded-opentype"),
       url("http://www.bu.edu/cdn/fonts/Pressura-Regular-Italic/Pressura-Regular-Italic.woff") format("woff"),
       url("http://www.bu.edu/cdn/fonts/Pressura-Regular-Italic/Pressura-Regular-Italic.ttf") format("truetype");
  font-style: italic;
  font-weight: 400;
}
@font-face {
  font-family: "Pressura";
  src: url("http://www.bu.edu/cdn/fonts/Pressura-Bold/Pressura-Bold.eot");
  src: url("http://www.bu.edu/cdn/fonts/Pressura-Bold/Pressura-Bold.eot?") format("embedded-opentype"),
       url("http://www.bu.edu/cdn/fonts/Pressura-Bold/Pressura-Bold.woff") format("woff"),
       url("http://www.bu.edu/cdn/fonts/Pressura-Bold/Pressura-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "Pressura";
  src: url("http://www.bu.edu/cdn/fonts/Pressura-Bold-Italic/Pressura-Bold-Italic.eot");
  src: url("http://www.bu.edu/cdn/fonts/Pressura-Bold-Italic/Pressura-Bold-Italic.eot?") format("embedded-opentype"),
       url("http://www.bu.edu/cdn/fonts/Pressura-Bold-Italic/Pressura-Bold-Italic.woff") format("woff"),
       url("http://www.bu.edu/cdn/fonts/Pressura-Bold-Italic/Pressura-Bold-Italic.ttf") format("truetype");
  font-style: italic;
  font-weight: 700;
}
@font-face {
  font-family: "Pressura-Mono";
  src: url("http://www.bu.edu/cdn/fonts/Pressura-Mono-Bold/Pressura-Mono-Bold.eot");
  src: url("http://www.bu.edu/cdn/fonts/Pressura-Mono-Bold/Pressura-Mono-Bold.eot?") format("embedded-opentype"),
       url("http://www.bu.edu/cdn/fonts/Pressura-Mono-Bold/Pressura-Mono-Bold.woff") format("woff"),
       url("http://www.bu.edu/cdn/fonts/Pressura-Mono-Bold/Pressura-Mono-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
}

/* intro */
.container { padding-top: 0; }
#intro { position: relative; height: 700px; margin: 0 auto 60px; background: #fccb2b; }
/* vertical centering for IE */
.lt-ie9 #intro { display: table; width: 100%; }
.lt-ie9 #intro .hed { display: table-cell; top: auto; left: 50%; width: 50%; vertical-align: middle; border-left: none;}
/* vertical centering for everyone else */
#intro .hed { display: block; position: relative; top: 50%;
-webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
		transform: translateY(-50%);
}
#intro .hed { margin-left: 50%; padding: 0 30px 0 20px; border-left: 5px solid #5c837a; z-index: 2; }
#intro img { position: absolute; top: 0; left: 0; height: 100%; z-index: 1; width: auto; }
#intro h1 { font-family: "Pressura-Mono", sans-serif; font-size: 60px; line-height: 0.7; margin: 0 0 33px; color: #fff; text-transform: uppercase; letter-spacing: 0.05em; }
#intro h2 { font-family: "Pressura", sans-serif; font-size: 24px; line-height: 1.3; margin: 0 0 30px; font-weight: 300; max-width: 560px; }
#intro h2 strong { color: #fff; font-weight: 400; }
#intro .byline { font-family: "Pressura", sans-serif; font-size: 15px; line-height: 1.1; color: rgba(0, 0, 0, 0.4); margin: 0; }
#intro .byline strong { font-weight: 400; color: #000; text-transform: uppercase; font-size: 17px; }

/* content */
.article-feature .island { width: 620px; z-index: 100; }
.article-feature .island .lede,
.article-feature .island blockquote,
.article-feature .island h3 { width: auto; font-family: "Pressura", sans-serif; font-size: 24px; line-height: 1.3; margin: 0 0 30px; font-weight: 300; }
.article-feature .island .lede strong { /* font-family: "Pressura-Mono", sans-serif;  */text-transform: uppercase; }
.article-feature .island blockquote {color: #5c837a;font-style:normal;border: 0;border-left: 5px solid #fccb2b;padding: 0 0 0 15px;margin:60px 0;}
.article-feature .island blockquote p { margin: 0; }
.article-feature .island blockquote:before { }
.article-feature .island blockquote:after { }
.article-feature .caption {color: #5f837a;margin: 0;}
.article-feature .island h3 {font-family: "Pressura", sans-serif;font-size: 36px;line-height: 1;font-weight:700;text-transform:uppercase;margin-top:60px;}

.video-wrapper {margin:60px auto; max-width: 940px;}
.lt-ie9 .video-wrapper {width: 620px}
.video-wrapper img {display:block; width:100%; height:auto;}
.article-feature .video-wrapper .caption {border-left: 5px solid #fccb2b;padding-left: 15px;margin: 15px 0 0; /*max-width: 500px;*/}
.article-feature .sidebar-inner .lede { font-size:20px; }
.media-label,
.article-feature .island .media-label { margin: 0; font-family: "Pressura", sans-serif; font-size: 21px; line-height: 1; text-transform:uppercase;}
.media-label span {display:inline-block;background: #fccb2b;padding: 5px 10px 4px; }
.media-label i,
.article-feature .island .media-label i {display:inline-block;font-size:18px;line-height:1;vertical-align: middle;color:#5c837a;margin: 0 2px 0 0;}
.media-wrapper {float:right;max-width:380px;margin:0 -160px 30px 30px;}
.media-wrapper img {display:block;width:100%;height:auto;margin-bottom:15px;}

/* sidebars */
.sidebar {margin:60px 0;clear:left;display:none;}
.sidebar.is-open {display: block;}

.sidebar-inner {padding:30px 30px 1px;}
.sidebar-inner .photo {width:47%;float:left;margin: 0 30px 20px 0;}
.sidebar-inner .photo img {display:block;margin: 0 0 15px;}
.sidebar-sex-ring .sidebar-inner,
.sidebar-housebound .sidebar-inner,
.sidebar-law-program .sidebar-inner {background:#f8f3e1;}
.sidebar .video-promo {display:block;text-decoration:none;font-family: "Pressura", sans-serif; font-size: 24px; line-height: 1.1; margin: 30px 0; font-weight: 300;color: #5c837a;}
.sidebar .video-promo strong {color: #000; font-family: "Pressura", sans-serif; font-size: 21px; line-height: 1; text-transform:uppercase;}
.sidebar .video-promo i{display:inline-block;font-size:18px;line-height:1;vertical-align: middle;color:#000;margin: 0 2px 0 0;}
.sidebar .video-promo .source {display:block;margin: 4px 0 0 0;font:13px/18px "Benton-Sans",Helvetica,Arial,sans-serif;color: #e7b71a;}

.sidebar-nav#sidebar-bottom {display:none;}
.sidebar-nav#sidebar-top {display:block;}
	.sidebar-nav.stuck {position:fixed;top:0;padding-left:650px;}
	.sidebar-nav.short h1 {font-size:16px;}
	.sidebar-nav.short div, .sidebar-nav.short img {width:75px;height:75px;}
.sidebar-nav {width:130px;margin:60px -160px 30px 0;text-align:center;position:absolute;padding-left:650px;}
.sticky-wrapper {position:absolute; z-index: -1;}
.sidebar-nav a {display:block;text-decoration:none;cursor:pointer;}
.sidebar-nav div {width:120px;height:120px;margin: 0 auto 15px;border:3px solid #ffc000;background-color:#f7f5e1;border-radius:50%;}
.sidebar-nav img{display:block;width:120px;height:120px;border-radius:50%; opacity:0.6;filter: sepia(0.8);-webkit-filter: sepia(0.8);}
.sidebar-nav h1 {font-family: "Pressura", sans-serif; font-size: 21px; line-height: 1; text-transform:uppercase;color:#ffc000;margin: 0 0 35px;}
.sidebar-nav p {font: 13px/18px "Benton-Sans",Helvetica,Arial,sans-serif; color: #8aa29c;margin: 0 0 35px;}
p.photocredit {font-style: italic; font-size: 14px;}
.sidebar-nav .is-open div,
.sidebar-nav a:hover div {border-color:#000;}
.sidebar-nav .is-open img,
.sidebar-nav a:hover img {opacity:1;filter: sepia(0);-webkit-filter: sepia(0);}
.sidebar-nav .is-open h1,
.sidebar-nav a:hover h1 {color:#000;}
.sidebar-nav div, .sidebar-nav img, .sidebar-nav h1 {
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;}
}

/* hide stuff */
.author-description { display: none; }

/* animated headlinz */
#intro h1 span { display: inline-block;
	-webkit-transition: -webkit-transform 0.8s ease-out, opacity 0.6s ease-out;
	   -moz-transition: transform 0.8s ease-out, opacity 0.6s ease-out;
	     -o-transition: transform 0.8s ease-out, opacity 0.6s ease-out;
	        transition: transform 0.8s ease-out, opacity 0.6s ease-out; }
#intro .is-out h1 span {
	-webkit-transform: translateY(-80px); opacity: 0;
	   -moz-transform: translateY(-80px); opacity: 0;
	     -o-transform: translateY(-80px); opacity: 0;
	        transform: translateY(-80px); opacity: 0;}
#intro h1 .del {
	-webkit-transition-delay: 0s;
	   -moz-transition-delay: 0s;
	     -o-transition-delay: 0s;
			transition-delay: 0s; }
#intro h1 .ive {
	-webkit-transition-delay: 0.15s;
	   -moz-transition-delay: 0.15s;
	     -o-transition-delay: 0.15s;
			transition-delay: 0.15s;}
#intro h1 .ran {
	-webkit-transition-delay: 0.3s;
	   -moz-transition-delay: 0.3s;
	     -o-transition-delay: 0.3s;
			transition-delay: 0.3s; }
#intro h1 .ce  {
	-webkit-transition-delay: 0.45s;
	   -moz-transition-delay: 0.45s;
	     -o-transition-delay: 0.45s;
			transition-delay: 0.45s; }
#intro .is-in h1 .del,
#intro .is-in h1 .ive,
#intro .is-in h1 .ran,
#intro .is-in h1 .ce {
	-webkit-transform: translateY(0px); opacity: 1;
	   -moz-transform: translateY(0px); opacity: 1;
	     -o-transition: translateY(0px); opacity: 1;
	        transform: translateY(0px); opacity: 1; }
.ie9 #intro .is-out h1 span {opacity: 1;}

/* do responsive */
@media (min-width:1250px) {
	#intro h1 { font-size: 72px; margin-bottom: 35px; }
}
@media (max-width:1200px) {
	#intro { height: 600px; }
}
@media (max-width:1010px) {
	.sidebar-nav {width:auto;float:none;margin:60px auto 30px;position:relative;padding-left:0;}
	.sidebar-nav a {display:inline-block;width:29%;float:left;margin:60px 2% 0;}
	.sidebar-nav:before { content: " "; display: block; width: 20%; height: 5px; background: #d0ddda; margin: 30px auto 0; }
	.sidebar-nav#sidebar-bottom {display:block;}
	.sidebar-nav#sidebar-top {display:none;}
}
@media (max-width:1000px) {
	.media-wrapper {max-width:350px;margin-right: -100px;}
}
@media (max-width:980px) {
	.article-feature .container { padding-top: 0; }/* overrides default */
}
@media (max-width:950px) {
	#intro { height: 550px; }
	#intro h1 { font-size: 48px; }
	#intro h2 { font-size: 19px; line-height: 1.45; font-weight: 400; }
}
@media (max-width:900px) {
	.media-wrapper {max-width:300px;margin-right: 0;}
}
@media (max-width:850px) {
	#intro { height: 500px; }
	#intro h1 { font-size: 48px; }
	#intro h2 { font-size: 19px; line-height: 1.45; font-weight: 400; }
}
@media (max-width:780px) {
	#intro { height: 450px; }
	#intro h1 { font-size: 40px; /* margin-bottom: 30px;  */ }
}
@media (max-width:700px) {
	#intro { height: 400px; margin-bottom: 40px; }
}
@media (max-width:660px) {
	.article-feature .island { width: auto; }
	#intro { height: auto;/*margin-bottom: 35px;*/ }
	#intro .hed { margin-left: 0; padding: 48px 20px 0 20px; border: 0; top: auto; overflow: hidden; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; }
	#intro .hed:after { content: " "; display: block; width: 100%; height: 5px; background: #ffdf6c; margin-top: 45px; }
	#intro h1 { margin-bottom: 33	px; }
	#intro .hed h1, #intro .hed h2, #intro .hed .byline { text-align: center; }
	#intro img { position: static; top: auto; left: auto; margin: -12% 0 -10px 0; width: 100%; height: auto; }
	#intro .illustration { overflow: hidden; }
	aside,
	.video-wrapper,
	.article-feature .island blockquote {margin-top:45px;margin-bottom:45px;}
	.article-feature .island h3{margin-top: 45px;}
	.media-wrapper {max-width:45%;}
	.sidebar-inner {padding:20px 20px 1px;}
	.sidebar-nav {margin-top:45px;text-align:left;}
	.sidebar-nav a {display:block;width:auto;max-width:315px; float:none;margin:0 auto 0;}
	.sidebar-nav:before {margin-bottom:45px;}
	#sidebar-bottom a div, #sidebar-bottom a p {display:none;}
	#sidebar-bottom a {position: relative; padding-left: 60px; max-width: 100%; min-height: 50px;}
	#sidebar-bottom a div {display: block; position: absolute; top: 0; left: 0; width: 45px; height: 45px;}
	#sidebar-bottom a div img {max-width: 100%; height: auto;}
	#sidebar-bottom a h1 {font-size: 17px; margin-bottom: 25px;}
	.sidebar {margin-top: 45px;}
}
@media (max-width:500px) {
	.media-wrapper,
	.sidebar-inner .photo {width:auto;max-width:100%;float:none;margin-left:auto;margin-right:auto;margin-top:45px;margin-bottom:45px;}
}
@media (max-width:400px) {
	#intro h1 { }
}
@media
(-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	/* .arrow { background-position: 0 0; background-size: 100%; }
*/ }