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

@font-face {
  font-family: "BrandonText-Regular";
  src: url("http://www.bu.edu/cdn/fonts/BrandonText-Regular/2BA300_7_0.eot");
  src: url("http://www.bu.edu/cdn/fonts/BrandonText-Regular/2BA300_7_0.eot?#iefix") format("embedded-opentype"),
       url("http://www.bu.edu/cdn/fonts/BrandonText-Regular/2BA300_7_0.woff") format("woff"),
       url("http://www.bu.edu/cdn/fonts/BrandonText-Regular/2BA300_7_0.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "BrandonText-Light";
  src: url("/cdn/fonts/BrandonText-Light/2BA300_5_0.eot");
  src: url("/cdn/fonts/BrandonText-Light/2BA300_5_0.eot?#iefix") format("embedded-opentype"),
       url("/cdn/fonts/BrandonText-Light/2BA300_5_0.woff") format("woff"),
       url("/cdn/fonts/BrandonText-Light/2BA300_5_0.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}


/* ------------------------------ */
/* ----------[ HEADER ]---------- */
/* ------------------------------ */

#primary #masthead {border-bottom:none;}

.banner-container {
	min-height: 830px;
	background: transparent url(images/titian-bg.png) no-repeat top right;
}

.banner-container header {
	margin: 0 auto;
	max-width: 1175px;
	padding: 88px 20px 0;
}

.banner-container .hed {
	margin: 0 auto;
	width:auto;
	font-family: 'Chronicle Cond A', 'Chronicle Cond B';
		font-weight: 700;
	color:#18140d;
	font-style: italic;
	line-height:0.82;
	text-transform:uppercase;
	font-size: 60px;
	padding-top:250px;
}

.redline, .dek, .byline {
	padding-left:230px;
}

.hed .large-type {
		font-size:200px;
		padding-left:20px;
		display:block;
}

.hed em {
font-family: 'BrandonText-Light', sans-serif;
font-size:30px;
font-style:normal;
color:#c4a673;
letter-spacing:15px;
padding-left:20px;

}

.banner-container .dek {
	margin-bottom: 40px;
	max-width: 350px;
	color: #9d2e11;
	font-family: 'BrandonText-Light', sans-serif;
	font-size: 23px;
	font-weight: normal;
	line-height: 1.32;
}

.redline {
	color: #9d2e11;
font-weight: bold;
font-size: 100px;
line-height: 1;
margin-top:-60px;
}

.banner-container .byline {
	color: #18140d;
	font-family: 'Chronicle Cond A', 'Chronicle Cond B';
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 1.2;
	font-style:italic;
}


/* ------------------------------- */
/* ----------[ CONTENT ]---------- */
/* ------------------------------- */

.container, #wrapper {
	background: #fafaf5;
}

.container {
	padding:0 0 30px 0;
}


.article-feature .island a, .article-feature .island a:visited {
	color: #3F3E2F;
	background:rgba(227, 196, 142, 0.3);
	text-decoration:none;
	padding: 2px 4px;
	-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;

}

.article-feature .island a:hover {
	background:rgba(182, 76, 28, 0.2);

}

.article-feature .island .lead:first-letter {
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			float: left;
			text-align:center;
			margin: 10px 16px 0 0;
			font-family: 'Chronicle Cond A', 'Chronicle Cond B';
			font-weight: 400;
			font-style: italic;
			font-size: 86px;
             line-height: .5;
			color:#18140d;
			padding-top:10px;
		}

.article-feature .map_intro:first-letter {
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			float: left;
			text-align:center;
			margin: 10px 16px 0 0;
			font-family: 'Chronicle Cond A', 'Chronicle Cond B';
			font-weight: 400;
			font-size: 91px !important;
			font-size: 91px;
             line-height: .5;
			color:#fff;
			padding-top:10px;
		}

.indent {padding-left:20px;}


.article-feature .island blockquote {
	border: none;
border-top: 1px solid #e1e1e0;
border-bottom: 1px solid #e1e1e0;
width: 100%;
text-align: center;
padding: 40px 0;
position: relative;
margin:60px 0 40px 0;
}

.island blockquote span {
	color:#9d2e11;
}

.island blockquote {
	color: #39382c;
font-size: 36px;
padding: 0;
font-family: 'Chronicle Display A', 'Chronicle Display B';
font-weight: 400;
font-style: normal;
line-height: 42px;
}

.island blockquote cite {
	font-family: 'Chronicle Display A', 'Chronicle Display B';
font-weight: 200;
font-style: normal;
font-size:20px;
}

.article-feature .island {
	width: 860px;
	padding-left:140px;
}

.article-feature .maps {
	width: 860px;
	margin:0 auto;
	text-align:center;
}

.maps h3 {
	color:#18140d;
	font-family: 'BrandonText-Light', sans-serif;
font-size: 26px;
font-style: normal;
letter-spacing: 8px;
text-transform:uppercase;
padding-bottom:16px;
}

.maps a {
	color:#111;
	text-decoration:none;
	border-bottom:1px solid #e1e1e0;
	padding-bottom:2px;
}

.maps a:hover {color:#BB9553;}

.maps h4 {
	color:#9d2e11;
	font-family: 'Chronicle Cond A', 'Chronicle Cond B';
font-size: 24px;
font-weight: 400;
font-style: italic;
text-transform:none;
padding-bottom:55px;
}

.maps .redline {
	padding-left:0;
}

.article-feature .island .lede {
	margin-bottom: 50px;
	width: auto;
	color: #000;
	font-family: 'Escrow-Light', serif;
	font-size: 30px;
	font-style: normal;
	line-height: 1.2;
}

.article-feature .photo img {
	display: block;
}

.photo .image-wrapper {
	margin-bottom: 25px;
	position: relative;
}


.island hr {
	display: block;
	height: 49px;
	margin: 45px auto 34px;
	width: 103px;
	background: url(images/divider-icon.png) no-repeat 0 0;
	border: 0 !important;
}

	.lt-ie8 .island hr {
		display: list-item;
		list-style: url(images/divider-icon.png) inside;
		filter: alpha(opacity=0);
		width: 0;
	}


.island p {
	color:#616050;
}



/* Map collapsible styles */


.close {background: transparent url('images/close.png') center center no-repeat;text-indent:-9999px;height:72px;width:72px;margin:0 auto;}
.title_content {background:transparent;text-align:center;cursor:pointer;min-height:60px;}


.painting a {color:#fff;background: rgba(227, 196, 142, 0.3);
text-decoration: none;
padding: 2px 4px;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;}
.painting a:hover {background: rgba(227, 196, 142, 0.4);}


#cupid {background: #111 url('images/danae.jpg') top center no-repeat;overflow: hidden; background-size: cover;}
#cupid.active {background-image:url('images/cupid-dark.jpg') !important;}
#europa.active {background-image:url('images/europa-dark.jpg') !important;}
#madonna.active {background-image:url('images/madonna-dark.jpg') !important;}
#charles.active {background-image:url('images/charles-dark.jpg') !important;}
#pieta.active {background-image:url('images/pieta-dark.jpg') !important;}
#portrait.active {background-image:url('images/portrait-dark.jpg') !important;}
#europa {background: #111 url('images/europa.jpg') top center no-repeat;overflow: hidden; background-size: cover;}
#madonna {background: #111 url('images/madonna.jpg') top center no-repeat;overflow: hidden; background-size: cover;}
#charles {background: #111 url('images/charles.jpg') top center no-repeat;overflow: hidden; background-size: cover;}
#pieta {background: #111 url('images/pieta.jpg') top center no-repeat;overflow: hidden; background-size: cover;}
#portrait {background: #111 url('images/portrait.jpg') top center no-repeat;overflow: hidden; background-size: cover;}
.painting {position: relative;background-color: #111;padding: 20px 50px 50px 50px;border-bottom:2px solid rgba(17, 17, 17, 0.6);}
#danae #overlay {background-color: #222; display: none; opacity: .5; width: inherit; height: inherit;}
#danae.active #overlay {display: block;}
.title {}
.year {display:block;}
.year strong, .title strong, .location strong {color:#fbdda8;text-transform: uppercase;font-size: 13px;}
.title {padding-bottom:20px;}

.title_content.active .mlearnmore {display:none;}
 .mlearnmore {font-family: 'BrandonText-Regular', sans-serif;font-size: 12px;color:#fff1d9;letter-spacing:5px;text-transform:uppercase;background: rgba(17, 17, 17, 0.6);display:block;width:140px;position:absolute;bottom:0;left: 50%;
margin-left: -70px;}
.tagline {font-family: 'BrandonText-Regular', sans-serif;text-transform:uppercase;color:#fff;}

.title_content h2 {font-size: 36px;font-family: 'Chronicle Cond A', 'Chronicle Cond B';font-weight: 400;color: #fff;font-style: italic;line-height: 1;margin:0;padding:60px;}

.previous, .painting .intro {position:absolute;left:0;}
.next {position:absolute;right:0;top:0;}
.map_nav {position:relative;}

.explore, .next, .previous, .painting .intro {border:2px solid #a18c6f;padding:12px 20px;-ms-border-radius: 30px;-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;cursor: pointer;text-transform:lowercase;font-style:italic;text-align:center;}
.explore:hover, .next:hover, .previous:hover {border-color:rgba(227, 196, 142, 0.8) ;-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;}

.explore {margin-top: 20px;display: block;width: 280px;padding: 12px 40px;}
.tagline a {color:#fff;text-decoration:none;background: rgba(227, 196, 142, 0.1) url('images/eyecon.png') top right no-repeat;padding:4px 25px 2px 6px;}
.tagline a:hover {background: rgba(227, 196, 142, 0.2) url('images/eyecon.png') top right no-repeat;}

.map_nav {margin-top:20px;}
.counter {text-align: center;display: block;}
.map_locations {height:330px;}
.map_locations .loc span {display:block;}


.highlight_container {color: #fff; height: 245px; margin:-260px auto 0 auto; position: relative; width:100%;}
.highlight_container .white_video_container {height: 170px;margin: 20px auto; padding: 10px; text-align: center; width:100%; position: absolute;}
.highlight_container .white_video_container span {display: block;}

.highlight_container .white_video_container a {text-decoration:none;}

.highlight_container .play:hover, .highlight_container .play:focus {color: #fff; text-decoration: none;}
.highlight_container .v_container {display:none;position:absolute;margin:20px auto;width:inherit;}
 .title_content.active .close,  .title_content.active .tagline {display:block;}
 .title_content.active .tagline {margin-top: -35px;padding-bottom:15px;font-family: 'BrandonText-Regular', sans-serif;letter-spacing: 4px;}
 .title_content .close, .title_content .tagline {display:none;}

/* map fun */

  .map_canvas {
    width: 500px;
    height: 400px;
    background-color: #CCC;
    float:right;
  }

  .map_intro {display:block;width:400px;}
  .map_intro.hide {display:none;}
  .map_intro:after{content:"";overflow:hidden;clear:both;}

  .map_content {margin:20px auto;font-family:Georgia,serif;color:#ffffff;width:950px;display:none;}

  .map_continue {display:none;}
  .map_continue.active {display:block;width:400px;padding-right: 40px;}

  .previous, .next, .painting .intro {display:block;width:70px;text-align:center;line-height:1;}
  .previous.hide, .next.hide {display:none;}

  .loc {display:none;}
  .loc.active {display:block;}



.meta-download a, .meta-share a {background:transparent !important;}



/* SHADOWBOX */
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;opacity: 0.9 !important;background-color: rgb(24, 23, 19)!important;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url('images/loading.gif') no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url('images/close-sm.png');}
#sb-nav-next{background-image:url('images/next.png');}
#sb-nav-previous{background-image:url('images/previous.png');}
#sb-nav-play{background-image:url('images/play.png');}
#sb-nav-pause{background-image:url('images/pause.png');}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}




/* ------------------------------------- */
/* ----------[ MEDIA QUERIES ]---------- */
/* ------------------------------------- */

@media only screen and (min-width: 600px) {
	.island .lead {
	-moz-column-count: 2;
	-moz-column-gap: 42px;
	-webkit-column-count: 2;
	-webkit-column-gap: 42px;
	column-count: 2;
	column-gap: 42px;
	}
}



@media (max-width: 1200px) {

.article-feature .island {
	padding-left:0;
	}

		.banner-container {
	background: transparent url(images/titian-bg.png) no-repeat -100px top;
	min-height: 790px;
	}

	.island .pullquote {
		margin-left: 0;
		margin-right: 0;
	}
	}


@media (max-width: 1138px) {

	.banner-container header {
		max-width:875px;
	}

.redline, .dek, .byline {
	padding-left:0;

}

.hed .large-type {
	padding-left:0;
	font-size:180px;
}

.banner-container .hed {
	font-size:50px;
}

.hed em {
	font-size:25px;
}

.banner-container .dek {font-size:20px;}

}

@media (max-width: 980px) {
.article-feature .island, .article-feature .maps {
		width: 100%;
	}

.redline, .dek, .byline {
	padding-left:0;

}

.map_content {width:100%;}
.map_canvas {width: 100%;clear: both;margin-bottom:40px;height:250px;}
.map_intro {width:100%;padding-top:20px;}

.map_locations {
	height:auto;
}

.banner-container{
	min-height: 740px;
}

.map_continue.active {
	width: 100%;
}
}


@media (max-width: 980px) {

.article-feature .container {
	padding:0;
}

.article-feature .island p {
	padding:0 20px;
}

.article-feature .island blockquote {
	padding:40px 20px;
	width: auto;
	font-size:30px;
	line-height:38px;
}

}


@media (max-width: 820px) {

.banner-container header {
	margin:0;
}


}

@media (max-width: 760px) {
	.article-feature .island, .article-feature .maps {
		width: 100%;
	}



	.banner-container {
background: transparent url(images/titian-bg.png) no-repeat -250px top;
}

.hed .large-type {
font-size: 150px;
}

.island .lead{
-moz-column-count: 0;
-webkit-column-count: 0;
column-count: 0;
}

}


@media (max-width: 561px) {


.hed .large-type {
font-size: 100px;
}

.banner-container {
background: transparent url(images/titian-bg.png) no-repeat -350px top;
min-height: 430px;
}

.island blockquote p {
	font-size:26px;
	line-height:32px;
}

.banner-container .dek {font-size:18px;width:280px;}
.hide {display:none;}
.explore {width:auto;}
.maps h3 {line-height:1.5;}
.maps h4 {line-height:1.4;}
}

@media (max-width: 390px) {


.hed .large-type {
font-size: 80px;
}

.banner-container .hed {
    font-size: 40px;
}

.hed em {
    font-size: 19px;
    letter-spacing: 10px;
    padding-left: 8px;
}



}



/* --------------------------------- */
/* ----------[ INTERFACE ]---------- */
/* --------------------------------- */

#primary #masthead {
	background-color: #242423;
	background-image: none;
}

#primary #masthead h1 a {
	background-position: 0 13px;
}

#primary #masthead h2 a {
	color: #fff;
}


#primary .square-link {
	background-color: #2C2B28;color: #71705B;
}

.article-meta-footer .article-meta .meta-share a,
	.article-meta-footer .article-meta .meta-share a:visited,
	.author-description a,
	.author-description a:visited,
	#comments_related_wrapper a,
	#comments_related_wrapper a:visited {
	color: #cf4542;
}

.article-meta .meta-tags a { background: #cf4542; border: 1px solid #a92e2c; }

ul.commentlist li.depth-1 > article {
	border-color: #cddcdc;
}

#comments_related_wrapper {
	background-color: #eaf4f7;
}

.article-feature .author-description {
	width: 720px;
}

.article-feature .author-description > p {
	width: auto;
}

button, input.button, input[type="button"], input[type="submit"], .button, .navigation span a { background-color: #cf4542; }
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: #e05957; }

@media (max-width: 820px) {
	.article-feature .author-description {
		width: 100%;
	}
}

@media (max-width: 741px) {
	#primary #masthead h1 a { background-position: 0 -255px; }
}