/* -------------------------------- */
/* ----------[ WEBFONTS ]---------- */
/* -------------------------------- */

@font-face {
  font-family: "Benton-Sans";
  src: url("/cdn/fonts/Benton-Sans-Light/1d3e1be9-e2ca-44c3-b674-7228a7c97407-2.eot");
  src: url("/cdn/fonts/Benton-Sans-Light/1d3e1be9-e2ca-44c3-b674-7228a7c97407-2.eot?") format("embedded-opentype"),
       url("/cdn/fonts/Benton-Sans-Light/1d3e1be9-e2ca-44c3-b674-7228a7c97407-3.woff") format("woff"),
       url("/cdn/fonts/Benton-Sans-Light/1d3e1be9-e2ca-44c3-b674-7228a7c97407-1.ttf") format("truetype");
  font-style: normal;
  font-weight: 200;
}

@font-face {
  font-family: "Benton-Sans";
  src: url("/cdn/fonts/Benton-Sans-Light-Italic/15a2d62b-ca5c-45cb-9b3d-29bef80c6e9d-2.eot");
  src: url("/cdn/fonts/Benton-Sans-Light-Italic/15a2d62b-ca5c-45cb-9b3d-29bef80c6e9d-2.eot?") format("embedded-opentype"),
       url("/cdn/fonts/Benton-Sans-Light-Italic/15a2d62b-ca5c-45cb-9b3d-29bef80c6e9d-3.woff") format("woff"),
       url("/cdn/fonts/Benton-Sans-Light-Italic/15a2d62b-ca5c-45cb-9b3d-29bef80c6e9d-1.ttf") format("truetype");
  font-style: italic;
  font-weight: 200;
}

@font-face {
  font-family: "Benton-Sans";
  src: url("/cdn/fonts/Benton-Sans-Light/1d3e1be9-e2ca-44c3-b674-7228a7c97407-2.eot");
  src: url("/cdn/fonts/Benton-Sans-Light/1d3e1be9-e2ca-44c3-b674-7228a7c97407-2.eot?") format("embedded-opentype"),
       url("/cdn/fonts/Benton-Sans-Light/1d3e1be9-e2ca-44c3-b674-7228a7c97407-3.woff") format("woff"),
       url("/cdn/fonts/Benton-Sans-Light/1d3e1be9-e2ca-44c3-b674-7228a7c97407-1.ttf") format("truetype");
  font-style: normal;
  font-weight: 200;
}

@font-face{
  font-family: "Benton-Sans";
  src: url("/cdn/fonts/Benton-Sans-Regular/019c3a13-b3d7-4c5a-be27-07a8334a43e6-2.eot");
  src: url("/cdn/fonts/Benton-Sans-Regular/019c3a13-b3d7-4c5a-be27-07a8334a43e6-2.eot?") format("embedded-opentype"),
       url("/cdn/fonts/Benton-Sans-Regular/019c3a13-b3d7-4c5a-be27-07a8334a43e6-3.woff") format("woff"),
       url("/cdn/fonts/Benton-Sans-Regular/019c3a13-b3d7-4c5a-be27-07a8334a43e6-1.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "Benton-Sans";
  src: url("/cdn/fonts/Benton-Sans-Regular-Italic/3295fa07-2a3f-4cd1-ba86-e06161453a51-2.eot");
  src: url("/cdn/fonts/Benton-Sans-Regular-Italic/3295fa07-2a3f-4cd1-ba86-e06161453a51-2.eot?") format("embedded-opentype"),
       url("/cdn/fonts/Benton-Sans-Regular-Italic/3295fa07-2a3f-4cd1-ba86-e06161453a51-3.woff") format("woff"),
       url("/cdn/fonts/Benton-Sans-Regular-Italic/3295fa07-2a3f-4cd1-ba86-e06161453a51-1.ttf") format("truetype");
  font-style: italic;
  font-weight: normal;
}

@font-face {
  font-family: "Benton-Sans";
  src: url("/cdn/fonts/Benton-Sans-Black/bc06c909-a731-43ae-a772-ea42520c81b9-2.eot");
  src: url("/cdn/fonts/Benton-Sans-Black/bc06c909-a731-43ae-a772-ea42520c81b9-2.eot?") format("embedded-opentype"),
       url("/cdn/fonts/Benton-Sans-Black/bc06c909-a731-43ae-a772-ea42520c81b9-3.woff") format("woff"),
       url("/cdn/fonts/Benton-Sans-Black/bc06c909-a731-43ae-a772-ea42520c81b9-1.ttf") format("truetype");
  font-style: normal;
  font-weight: bold;
}

@font-face {
  font-family: "BentonSansComp";
  src: url("/cdn/fonts/BentonSansComp-Bold/45b0ce09-9fae-45f1-8b3d-fdd995b91c6b-2.eot");
  src: url("/cdn/fonts/BentonSansComp-Bold/45b0ce09-9fae-45f1-8b3d-fdd995b91c6b-2.eot?") format("embedded-opentype"),
       url("/cdn/fonts/BentonSansComp-Bold/45b0ce09-9fae-45f1-8b3d-fdd995b91c6b-3.woff") format("woff"),
       url("/cdn/fonts/BentonSansComp-Bold/45b0ce09-9fae-45f1-8b3d-fdd995b91c6b-1.ttf") format("truetype");
  font-style: normal;
  font-weight: bold;
}

/*------[ Capita ]------*/
@font-face {
  font-family: "Capita";
  src: url("//www.bu.edu/cdn/fonts/Capita-Extra-Light/Capita-Extra-Light.eot");
  src: url("//www.bu.edu/cdn/fonts/Capita-Extra-Light/Capita-Extra-Light.eot?") format("embedded-opentype"), url("//www.bu.edu/cdn/fonts/Capita-Extra-Light/Capita-Extra-Light.woff") format("woff"), url("//www.bu.edu/cdn/fonts/Capita-Extra-Light/Capita-Extra-Light.ttf") format("truetype");
  font-style: normal;
  font-weight: 100;
}
@font-face {
  font-family: "Capita";
  src: url("//www.bu.edu/cdn/fonts/Capita-Extra-Light-Italic/Capita-Extra-Light-Italic.eot");
  src: url("//www.bu.edu/cdn/fonts/Capita-Extra-Light-Italic/Capita-Extra-Light-Italic.eot?") format("embedded-opentype"), url("//www.bu.edu/cdn/fonts/Capita-Extra-Light-Italic/Capita-Extra-Light-Italic.woff") format("woff"), url("//www.bu.edu/cdn/fonts/Capita-Extra-Light-Italic/Capita-Extra-Light-Italic.ttf") format("truetype");
  font-style: italic;
  font-weight: 100;
}
.Capita-Extra-Light {
  font-family: Capita-Extra-Light;
}

@font-face {
  font-family: "Capita";
  src: url("//www.bu.edu/cdn/fonts/Capita-Light/Capita-Light.eot");
  src: url("//www.bu.edu/cdn/fonts/Capita-Light/Capita-Light.eot?") format("embedded-opentype"), url("//www.bu.edu/cdn/fonts/Capita-Light/Capita-Light.woff") format("woff"), url("//www.bu.edu/cdn/fonts/Capita-Light/Capita-Light.ttf") format("truetype");
  font-style: normal;
  font-weight: 200;
}
@font-face {
  font-family: "Capita";
  src: url("//www.bu.edu/cdn/fonts/Capita-Light-Italic/Capita-Light-Italic.eot");
  src: url("//www.bu.edu/cdn/fonts/Capita-Light-Italic/Capita-Light-Italic.eot?") format("embedded-opentype"), url("//www.bu.edu/cdn/fonts/Capita-Light-Italic/Capita-Light-Italic.woff") format("woff"), url("//www.bu.edu/cdn/fonts/Capita-Light-Italic/Capita-Light-Italic.ttf") format("truetype");
  font-style: italic;
  font-weight: 200;
}
.Capita-Light {
  font-family: Capita-Light;
}

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

@font-face {
  font-family: "Capita";
  src: url("//www.bu.edu/cdn/fonts/Capita-Medium/Capita-Medium.eot");
  src: url("//www.bu.edu/cdn/fonts/Capita-Medium/Capita-Medium.eot?") format("embedded-opentype"), url("//www.bu.edu/cdn/fonts/Capita-Medium/Capita-Medium.woff") format("woff"), url("//www.bu.edu/cdn/fonts/Capita-Medium/Capita-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "Capita";
  src: url("//www.bu.edu/cdn/fonts/Capita-Medium-Italic/Capita-Medium-Italic.eot");
  src: url("//www.bu.edu/cdn/fonts/Capita-Medium-Italic/Capita-Medium-Italic.eot?") format("embedded-opentype"), url("//www.bu.edu/cdn/fonts/Capita-Medium-Italic/Capita-Medium-Italic.woff") format("woff"), url("//www.bu.edu/cdn/fonts/Capita-Medium-Italic/Capita-Medium-Italic.ttf") format("truetype");
  font-style: italic;
  font-weight: 500;
}
.Capita-Medium {
  font-family: Capita-Medium;
}

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

@font-face {
  font-family: "Capita";
  src: url("//www.bu.edu/cdn/fonts/Capita-Extra-Bold/Capita-Extra-Bold.eot");
  src: url("//www.bu.edu/cdn/fonts/Capita-Extra-Bold/Capita-Extra-Bold.eot?") format("embedded-opentype"), url("//www.bu.edu/cdn/fonts/Capita-Extra-Bold/Capita-Extra-Bold.woff") format("woff"), url("//www.bu.edu/cdn/fonts/Capita-Extra-Bold/Capita-Extra-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 900;
}
@font-face {
  font-family: "Capita";
  src: url("//www.bu.edu/cdn/fonts/Capita-Extra-Bold-Italic/Capita-Extra-Bold-Italic.eot");
  src: url("//www.bu.edu/cdn/fonts/Capita-Extra-Bold-Italic/Capita-Extra-Bold-Italic.eot?") format("embedded-opentype"), url("//www.bu.edu/cdn/fonts/Capita-Extra-Bold-Italic/Capita-Extra-Bold-Italic.woff") format("woff"), url("//www.bu.edu/cdn/fonts/Capita-Extra-Bold-Italic/Capita-Extra-Bold-Italic.ttf") format("truetype");
  font-style: italic;
  font-weight: 900;
}
.Capita-Extra-Bold {
  font-family: Capita-Extra-Bold;
}


.container {
background: #fff;
padding: 100px 0 30px 0;
}

a, .navigation span a, .article-meta-footer .article-meta .meta-share a, .article-meta-footer .article-meta .meta-download a {
color: #f70;
border: none;
background: none;
}
.container a {
text-decoration: none;
border-bottom: 1px #f70 dotted;
}
.author-description a {
  border: none;
}
a:hover, .navigation span a:hover, .article-meta-footer .article-meta .meta-share a:hover {
color: #f70;
}
.container a:hover {
text-decoration: none;
border-bottom: 1px #f70 solid;
}
button, input.button, input[type=button], input[type=submit], .button, .navigation span a {
background-color: #f70;
}
button:hover, input.button:hover, input[type=button]:hover, input[type=submit]:hover, .button:hover, .navigation span a:hover, button:focus, input.button:focus, input[type=button]:focus, input[type=submit]:focus, .button:focus, .navigation span a:focus {
background-color: #f82;
}
.article-meta .meta-tags a {
background: #fa6;
border: 1px solid #f70;
}
.article-meta .meta-tags a:hover {
background: #fa6;
}

#comments_related_wrapper {
background: #dee;
}


#primary #masthead {
border-bottom: none;
background: none;
}
#primary .square-link, #primary #masthead h2 a {
color: #fff;
text-decoration: none;
}
.banner-container {
background-color: #3ab;
height: 700px;
margin-top: -76px;
overflow: hidden;
background: url(images/banner-bg.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.banner-container .header-photo-credit {
color: #fff;
opacity: 0.5;
font-size: 12px;
font-weight: normal;
line-height: 1.5em;
font-family: "Capita", "Georgia", Cambria, Times New Roman, Times, serif;
text-transform: none;
display: block;
position: absolute;
bottom: 5px;
left: 10px;
width: 320px;
text-align: left;
z-index: 1;
}
.margin-container {
margin: 0px auto;
width: 780px;
position: relative;
z-index: 0
}
.banner-container h1 {
color: #fff;
font-size: 180px;
text-transform: uppercase;
line-height: 150px;
font-family: BentonSansComp;
position: absolute;
margin-top: 150px;
}
.banner-container h2 {
font-family: Benton-Sans;
font-size: 24px;
font-weight: 200;
line-height: 30px;
color: #056;
position: absolute;
top: 0;
width: 410px;
margin-top: 465px;
}
.banner-container .byline {
font-family: Benton-Sans;
font-size: 24px;
font-weight: 200;
color: #fff;
position: absolute;
top: 0;
width: 410px;
margin-top: 600px;
}

.banner-uzo {
background: url(images/banner-uzo.png) no-repeat center center;
width: 766px;
height: 789px;
position: absolute;
top: 0px;
margin-left: 250px;
z-index: 1;
margin-top: -40px
}
.article-feature .container {
padding: 30px 0px;
}
.article-feature .island {
width: 660px;
}
@media (max-width: 680px) {
.article-feature .island {
padding: 0;
width: 100%;
}}
.article-feature .island_full {
width: 780px;
}
@media (max-width: 780px) {
.article-feature .island_full {
padding: 0;
width: 100%;
}}
.article-feature .island p {
width: auto;
color: #221;
font-size: 18px;
font-family: "Capita", "Georgia", Cambria, Times New Roman, Times, serif;
font-weight: 200;
line-height: 1.6em;
z-index: 1;
position: relative;
}
.article-feature .island p, .article-feature .island h3 {
padding: 0px 20px;
}
.article-feature .island p.lede {
width: auto;
color: #1cd;
font-weight: 100;
font-size: 22px;
margin-top: 40px;
}
.article-feature .island p.lede:first-letter {
font-family: BentonSansComp;
float:left;
margin-right:10px;
font-size:200px;
line-height: 160px;
font-weight: normal;
color: #f70;
}

.article-feature .island .pullquote {
float: none;
border-left: 0;
border-top: 1px solid #1cd;
border-bottom: 1px solid #1cd;
font-family: BentonSansComp;
color: #1cd;
text-transform: uppercase;
margin: 0 0 25px 0;
font-size: 40px;
line-height: 40px;
width: 100%;
padding: 0;
}
.article-feature .island .pullquote .pullquote-content {
margin: 20px 0px;
text-align: center;
}

.island h3, .h3style {
font-family: BentonSansComp;
font-weight: normal;
text-transform: uppercase;
color: #f70;
font-size: 60px;
line-height: 60px;
}


.article-feature .photo {
margin-left: 0;
float: none;
}
.article-feature .photo.alignleft {
max-width: 380px;
margin-right: 40px;
margin-bottom: 20px;
float: left;
}
.article-feature .photo .caption {
margin-top: 0;
color: #f70;
border-bottom: 1px solid #1cd;
padding: 10px 0px;
font-family: Benton-Sans;
font-size: 16px;
}
.article-feature .photo .caption .credit {
font-size: 10px;
display: block;
line-height: 1.3em;
margin: 4px 0;
text-transform: uppercase;
font-style: normal;
color: #ccc;
}
@media (max-width: 780px) {
.article-feature .photo .caption {
padding: 15px 15px;
}}

.photowrapper {
pointer-events: none;
}

.photowrapper_track {
width: 380px;
height: 750px;
position: relative;
overflow: hidden;
margin-top: -300px;
}
.track_bg {
background: url(images/photo_inline_track_bg.jpg) no-repeat 0px -100px;
width: 380px;
height: 450px;
position: absolute;
top: 300px;
}
.track_uzo {
background: url(images/photo_inline_track_uzo.png) no-repeat -30px 0;
width: 380px;
height: 640px;
position: absolute;
margin-top: 300px;
top: 0px;
}
@media (max-width: 620px) {
.article-feature .photo.alignleft {
max-width: 320px;
float: none;
margin-left: auto;
margin-right: auto;

}
.photowrapper_track, .track_bg, .track_uzo {
width: 320px;
}
.track_uzo {
background-position: -60px 0;
}
.track_bg {
background-position: -50px -100px;
}}
.photowrapper_broadway {
width: 780px;
height: 470px;
position: relative;
overflow: hidden;
margin-top: -100px;
}
.broadway_bg_scroll {
width: 780px;
height: 360px;
position: relative;
margin-top: 110px;
top: 0;
overflow:hidden;
}
.broadway_bg {
background: url(images/photo_inline_broadway_bg.jpg) no-repeat 0px 0px;
width: 780px;
height: 520px;
position: absolute;
margin-top: -50px;
top: 0;
}
.broadway_uzo {
background: url(images/photo_inline_broadway_uzo.png) no-repeat 0 0;
width: 252px;
height: 565px;
position: absolute;
margin-top: 60px;
margin-left: 200px;
top: 0;
}
.photowrapper_oitnb1 {
width: 780px;
height: 470px;
position: relative;
overflow: hidden;
margin-top: -100px;
}
.oitnb1_bg_scroll {
width: 780px;
height: 360px;
position: relative;
margin-top: 110px;
top: 0;
overflow:hidden;
}
.oitnb1_bg {
background: url(images/photo_inline_oitnb1_bg.jpg) no-repeat 0px 0px;
width: 780px;
height: 520px;
position: absolute;
margin-top: 0px;
top: 0;
}
.oitnb1_uzo {
background: url(images/photo_inline_oitnb1_uzo.png) no-repeat 0 0;
width: 484px;
height: 538px;
position: absolute;
margin-top: 60px;
margin-left: 200px;
top: 0;
}
.photowrapper_oitnb2 {
width: 780px;
height: 470px;
position: relative;
overflow: hidden;
margin-top: -100px;
}
@media (max-width: 780px) {
.photowrapper_oitnb2, .oitnb2_bg_scroll, .oitnb2_bg, .photowrapper_oitnb1, .oitnb1_bg_scroll, .oitnb1_bg {
width: 100%;
}}
.oitnb2_bg_scroll {
width: 780px;
height: 360px;
position: relative;
margin-top: 110px;
top: 0;
overflow:hidden;
}
.oitnb2_bg {
background: url(images/photo_inline_oitnb2_bg.jpg) no-repeat 0px 0px;
width: 780px;
height: 520px;
position: absolute;
margin-top: 0px;
top: 0;
}
.oitnb2_uzo {
background: url(images/photo_inline_oitnb2_uzo.png) no-repeat 0 0;
width: 576px;
height: 458px;
position: absolute;
margin-top: 100px;
margin-left: 100px;
top: 0;
}


@media (max-width: 600px) {
.oitnb1_uzo  {
margin-left: 100px;
}
.oitnb1_bg  {
background-position: -100px 0px;
}}
@media (max-width: 500px) {
.oitnb2_uzo  {
margin-left: -100px;
}
.oitnb1_uzo  {
margin-left: -60px;
}
.oitnb1_bg  {
background-position: 0px 0px;
}}


.EmbedWide {
 width: 100%;
 position: relative;
 margin-bottom: 10px;
}
.EmbedWide:after {
    padding-top: 55%; /*aspect ratio*/
    display: block;
    content: '';
}
.EmbedWide .inner {
    position: absolute;
    top: 0; bottom: 0; right: 15px; left: 15px; /*fill parent*/
    /*I wanted it to look good :)*/
    color: white;

  float: left;
  overflow: hidden;
}
.EmbedWide .videoEmbed {
  width: 100%;
  height:100%;
}
.buvideoWrapper {
margin-bottom: 0;
}





@media (max-width: 820px) {
.banner-uzo  {
background-size: 650px;
background-position: 0px 40px;
}
.banner-container  {
height: 640px;
ma
}
.banner-container h1 {
font-size: 170px;
line-height: 150px;
margin-top: 150px;
margin-left: 10px;
width: 70%;
}
.banner-container h2 {
font-size: 20px;
line-height: 20px;
width: 340px;
margin-top: 455px;
margin-left: 10px;
}
.banner-container .byline {
font-size: 20px;
width: 410px;
margin-top: 550px;
margin-left: 10px;
}}
@media (max-width: 741px) {
.banner-container  {
margin-top: -44px;
}
.banner-container h1 {
left: 50%;
width: 500px;
margin-left: -250px;
font-size: 100px;
margin-top: 60px;
height: auto;
line-height: 100px;
top: 0px;
text-align: center;
}
.banner-container h2 {
top: 0px;
left: 50%;
margin: 0;
margin-top: 160px;
width: 380px;
font-size: 16px;
text-align: center;
margin-left: -190px;
line-height: 1.2;
}
.banner-container .byline {
top: 0px;
left: 50%;
margin: 0;
margin-top: 220px;
width: 380px;
font-size: 16px;
text-align: center;
margin-left: -190px;
}
.banner-uzo  {
top: 0px;
width: 370px;
left: 50%;
margin-left: -195px;
background-size: 470px;
background-position: 50% 190px;
margin-top: 0;
}
.margin-container  {
width: 100%;
}
.banner-container .header-photo-credit {
color: #000;
opacity: 0.3;
font-size: 11px;
font-weight: normal;
line-height: 1.5em;
font-family: "Capita", "Georgia", Cambria, Times New Roman, Times, serif;
text-transform: none;
display: block;
position: absolute;
right: 10px;
left: auto;
width: 320px;
text-align: right;
z-index: 1;
}}
@media (max-width: 475px) {
.banner-container {
height: 560px;
}
.banner-container h1 {
width: 320px;
margin-left: -160px;
font-size: 64px;
line-height: 80px;
top: 0px;
}
.banner-container h2 {
margin-top: 130px;
width: 280px;
margin-left: -140px;
top: 0px;
}
.banner-container .byline {
top: 0px;
margin-left: -160px;
width: 320px;
margin-top: 205px;
}
.banner-uzo  {
width: 320px;
top: 0px;
margin-left: -160px;
background-size: 390px;
}}