/*-----------------------------------------*/
/*----------------Fonts--------------------*/
/*-----------------------------------------*/


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


/*-----------------------------------------*/
/*-------------Content Banner--------------*/
/*-----------------------------------------*/
.container.article-feature { 
	padding: 0; 
}
.post-feature-banner { 
	margin: 0; 
	padding-top: 20%; 
	padding-bottom: 5%; 
	position: relative; 
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover;  
	background-repeat: no-repeat;
}
.post-feature-banner .header-wrapper { 
	height: 100%; 
	width: auto; 
	position: static; 
	left: 0; 
	top: 0; 
	overflow: visible; 
	text-align: center; 
}
.post-feature-banner .header-wrapper:before { 
	content: ''; 
	display: inline-block; 
	height: 100%; 
	margin-right: -0.25em; 
	vertical-align: middle; 
}
.post-feature-banner header { 
	display: inline-block; 
	margin: 0; 
	padding: 0; 
	width: 99%; 
	position: relative; 
	z-index: 20; 
	border: 0; 
	vertical-align: middle; 
}
.post-feature-banner header h1 { 
	font-family: "Brandon-Text", Helvetica, Arial, sans-serif; 
	width: 100%; 
	margin: 0 auto 15px; 
	z-index: 100; 
	text-transform:uppercase; 
	font-size: 138px; 
	line-height: 1.0; 
	letter-spacing: 0.06em; 
	font-weight: 900; 
	color: #5fc2c3; 
}
.post-feature-banner header h2 { 
	width: 100%; 
	margin: 40px auto 25px; 
}
/*.post-feature-banner header h1, .post-feature-banner header h2 { 
	text-shadow: 0 0px 100px rgba(0, 0, 0, 1); 
}*/
.island .post-feature-banner .caption { 
	background-color: #ddd; 
	margin: 0; 
	padding: 20px 20px 0; 
}

.container header .byline { 
	color: #fff; 
	margin-bottom: 40px; 
}
.post-feature-banner header h2 { 
	color: #FFFFFF; 
}
.island .post-feature-banner .caption { 
	background-color: #ffffff; 
}
.article-feature .island { 
	background-color: #ffffff; 
	color: #272b29; 
}
.article-feature .island .meta-container + p::first-letter { 
	color: #272b29 !important; 
}
.article-feature .primary-button { 
	color: #FFFFFF; 
}
.article-feature .secondary-button { 
	color: #FFFFFF; 
}
.article-feature .primary-button .button-icon:before, .article-feature .secondary-button .button-icon:before { 
	margin-right: 10px; 
	font-size: .75em; 
}
.roman {
	font-style: normal;
}

.article-feature .suchi-photo {
	position: absolute;
	top: -40px;
	bottom: 0;
	right: 0;
	z-index: 1;
	max-width: 961px;
	width: 100%;
	overflow: hidden;
}

.suchi-photo img {
	position: absolute;
	right: 5%;
	top: 0;
	height: 100%;
}

/*.article-feature .suchiGopal-photo-silhouette {
	position: absolute;
	top: -50px;
	right: 0;
	bottom: 0;
	z-index: 1;
 	max-width: 961px;
 	width: 100%;
 	overflow: hidden;
} */

/*----------------editables----------------*/
.post-feature-banner { 
	background-image: url(http://www.bu.edu/bostonia/static-assets/issues/summer15/mapmaker/images/purple-contour-lines.gif); 
	background-position: center center; 
}
.article-feature .meta-share .ss-icon { 
	color: #e55b38; 
	}
.article-feature .primary-button, .article-feature .secondary-button, .article-feature .article-meta .meta-tags a { 
	background-color: #e55b38; 
}
.article-meta-footer .article-meta .meta-tags a:link, .article-meta-footer .article-meta .meta-tags a:visited { 
	color: #fff; 
}
.article-feature .primary-button:hover, .article-feature .secondary-button:hover { 
	background-color: #d16044; 
}
.article-feature .primary-button, .article-feature .secondary-button, .article-feature .article-meta .meta-tags a { 
	border-color: #901; 
}
.article-feature .primary-button .button-icon:before, .article-feature .secondary-button .button-icon:before { 
	color: #fff; 
}

.post-feature-banner header h1 { 
	max-width: 940px; 
}
.post-feature-banner header h2 { 
	max-width: 940px; 
/*	opacity: 0.8; */
}


/*---------------boxed---------------------*/
.post-feature-banner .suchiGopal-matchmaker {
	color: #e55b38;
	font-size: 36px;
	line-height: 36px;
	font-weight: 900;
	letter-spacing: 0.1em;
	max-width: 346px;
	padding: 20px 20px 14px;
	border: 3px solid #e55b38;
	margin-right: auto;
	margin-left: auto;
	display: block;
	font-family: "Brandon-Text", "Benton", sans-serif;
	text-transform: uppercase;
}


/*-----------------------------------------*/
/*-------------rest of article-------------*/
/*-----------------------------------------*/

.article-feature .island {
	width: 660px;
}
.article-feature .island_full {
	width: 780px;
}

/*------------------lede-------------------*/
.article-feature .island p.lede {
	width: auto;
	margin-top: 40px;
}

/*---------------pull quote----------------*/
.article-feature .island .pullquote {
	float: none;
	border-left: 0;
	border-top: 1px solid #1cd;
	border-bottom: 1px solid #1cd;
	color: #1cd;
	margin: 0 0 25px 0;
	width: 100%;
	padding: 0;
}
.article-feature .island .pullquote .pullquote-content {
	margin: 20px 0px;
	text-align: center;
	font-weight: 100;
}

/*--------------- Responsive Styles ----------------*/

@media (max-width: 1000px) {
	.post-feature-banner header h1 {
		font-size: 110px;
}

@media (max-width: 980px) {
  	.post-feature-banner .header-wrapper {
	  padding: 120px 20px;
	}
}

@media (max-width: 800px) {
	.post-feature-banner header h1 {
		font-size: 80px;
	}
	.post-feature-banner .suchiGopal-matchmaker {
		font-size: 30px;
		max-width: 280px;
		padding: 20px 10px 14px;
	}	
}

@media (max-width: 780px) {
	.article-feature .island_full {
		padding: 0;
		width: 100%;
	}
}

@media (max-width: 680px) {
	.article-feature .island {
		padding: 0;
		width: 100%;
	}
}

@media (max-width: 660px) {
  	.article-feature .island .article-meta { 
		width: auto; 
	}
}

@media (max-width: 590px) {
	.post-feature-banner header h1 {
		font-size: 52px;
	}
	.post-feature-banner .suchiGopal-matchmaker {
		font-size: 22px;
		max-width: 180px;
		padding: 10px 10px 7px;
		line-height: 22px;
	}	
}

/*Add 450 breakpoint to adjust suchi-photo*/

@media (max-width: 420px) {
	.post-feature-banner header h1 {
		font-size: 44px;
}

@media (max-width: 400px) {
	.article-feature .button { 
		display: block; 
	}
	.article-feature .button + .button { 
		margin-left: 0; 
		margin-top: 10px;  
	}
}