/* ----------------------------- */
/* ---------- General ---------- */
/* ----------------------------- */

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

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

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

a { color: #0D6F75; }
button, input.button, input[type="button"], input[type="submit"], .button, .navigation span a { background-color: #FDDB46; color: #000; }
.article-feature button,
.article-feature input.button,
.article-feature input[type="button"],
.article-feature input[type="submit"],
.article-feature .button,
.article-feature .navigation span a { color: #fff; }
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: #f7df70; }

#primary #masthead { background-color: rgba(0, 0, 0, .2); }

/* ------------------------------ */
/* ---------- Homepage ---------- */
/* ------------------------------ */

#homepage-TopSlide { background-color: #cf8b67; }
/* Slider */
.homepage-Slider-slide a:hover { text-decoration: none !important; }
.homepage-Slider-slide .text { width: 80%; max-width: 800px; padding: 0; }
#homepage-Slider-list h3, #homepage-Slider-list p {color: #fff;}
#homepage-Slider-list h3 {font-family: "Pressura-Mono-Bold"; font-weight: normal; text-transform: uppercase; font-size: 2.4em; line-height: 1; margin-bottom: 10px; }

#homepage-Slider-slide--cambodia { background-position: center top; }
#homepage-Slider-slide--cambodia .text p {
	margin: 20px auto 0;
	max-width: 450px;
	padding: 20px 20px 18px;
	width: 55%;
	border: 8px solid #DF523E;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
#homepage-Slider-slide-cambodia .media-type { color: #DF523E; }

@media (max-width: 930px) {
	#homepage-Slider-slide--cambodia { background-position: 33% top; }
}

@media (max-width: 740px) {
	#homepage-Slider-slide--cambodia { background-position: 10% top; }
}

@media (max-width: 600px) {
	#homepage-Slider-slide--cambodia { background-position: 8% top; }
	#homepage-Slider-slide--cambodia { font-size: .85em; }
}
@media (max-width: 500px) {
	#homepage-Slider-slide--cambodia .text p {
		width: auto;
		border-left: 0;
		border-right: 0;
	}
}
@media (max-width: 440px) {
	#homepage-Slider-list #homepage-Slider-slide--cambodia h3 { font-size: 1.6em; }
}

#homepage-Slider-slide--tewksbury .the,
#homepage-Slider-slide--tewksbury .performance,
#homepage-Slider-slide--tewksbury .enhancer { margin: 0 auto; position: relative; }
#homepage-Slider-slide--tewksbury .the,
#homepage-Slider-slide--tewksbury .enhancer { z-index: 11; }
#homepage-Slider-slide--tewksbury .performance { z-index: 10; }
#homepage-Slider-slide--tewksbury .performance:after {
	content: '';
	display: block;
	position: absolute;
	position: absolute;
	bottom: -10px;
	left: -30px;
	right: -30px;
	top: -10px;
	border: 8px solid #c00;
	z-index: 9;
}
#homepage-Slider-slide--tewksbury .media-type { padding-left: 10px; color: #c00; }

@media (max-width: 1000px) {
	#homepage-Slider-slide--tewksbury h3 { font-size: 1.8em; } 
	#homepage-Slider-slide--tewksbury .performance:after {
		bottom: -3px;
		left: -20px;
		right: -20px;
		top: 0;
		border: 6px solid #c00;
	}
}
@media (max-width: 440px) {
	#homepage-Slider-list #homepage-Slider-slide--tewksbury h3 { font-size: 1.6em; }
}

#homepage-Slider-slide--civil-disobedience { background-position: left center; }
#homepage-Slider-slide--civil-disobedience .text { max-width: 530px; width: 70%; }
#homepage-Slider-slide--civil-disobedience h3,
#homepage-Slider-slide--civil-disobedience .love-story,
#homepage-Slider-slide--civil-disobedience .text { text-shadow: 0 2px 3px rgba(0, 0, 0, .2); }
#homepage-Slider-slide--civil-disobedience h3 { line-height: 1.1; text-align: left; }
#homepage-Slider-slide--civil-disobedience .love-story {
	display: block;
	margin-top: -5px;
	padding-left: 25%;
	color: #e6c5d6;
	font-family: Georgia, serif;
	font-size: 0.8em;
	font-style: italic;
	text-transform: lowercase;
	white-space: nowrap;
}
#homepage-Slider-slide--civil-disobedience .text p { padding-left: 25%; font-size: .5em; font-weight: bold; text-align: left; }

@media (max-width: 840px) {
	#homepage-Slider-list #homepage-Slider-slide--civil-disobedience h3 { font-size: 1.8em;}
	#homepage-Slider-slide--civil-disobedience .text p,
	#homepage-Slider-slide--civil-disobedience .love-story { padding-left: 0; }
}

@media (max-width: 720px) {
	#homepage-Slider-list #homepage-Slider-slide--civil-disobedience h3 { font-size: 1.6em; }
}

@media (max-width: 510px) {
	#homepage-Slider-slide--civil-disobedience .text { padding: 0 20px; width: 97%; font-size: 30px; }
}

@media (max-width: 440px) {
	#homepage-Slider-list #homepage-Slider-slide--civil-disobedience h3 { font-size: 1.2em; }
}

#homepage-Slider-slide--pixar { background-position: right top; }
#homepage-Slider-slide--pixar .citu-inside {
	padding: 20px 0 20px;
	width: auto;
	background-color: rgba(255, 255, 255, .95);
	border-top: 4px solid #f3398d;
}
#homepage-Slider-slide--pixar h3 {
	margin: 0 auto;
	max-width: 470px;
	color: #f3398d;
}
#homepage-Slider-slide--pixar h3 .sketchy {
	color: #000;
}
#homepage-Slider-slide--pixar .text p {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #ddd;
	color: #000;
	font-weight: bold;
}
#homepage-Slider-slide--pixar .media-type { color: #f3398d; }
@media (max-width: 620px) {
	#homepage-Slider-slide--pixar .citu-inside {
		padding: 0;
		width: 90%;
		background-color: transparent;
		border-top: 0;
	}

	#homepage-Slider-slide--pixar .text h3,
	#homepage-Slider-slide--pixar .text h3 .sketchy,
	#homepage-Slider-slide--pixar .text p { color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, .5); }
	#homepage-Slider-slide--pixar .text p { border-top: 4px solid #f3398d; font-size: .85em; }
}
@media (max-width: 440px) {
	#homepage-Slider-list #homepage-Slider-slide--pixar h3 { font-size: 1.6em; }
}

#homepage-Slider-slide--journalism .preheader { display: block; color: #FEDC32; font-size: .3333em; }
#homepage-Slider-slide--journalism .media-type { color: #FEDC32; }

#homepage-Slider-slide--leaf-out {
	-webkit-box-shadow: 0 0 200px rgba(0, 0, 0, .25) inset;
	   -moz-box-shadow: 0 0 200px rgba(0, 0, 0, .25) inset;
	        box-shadow: 0 0 200px rgba(0, 0, 0, .25) inset;
}

#homepage-Slider-slide--leaf-out h3 {
	display: inline-block;
	min-height: 174px;
	min-width: 485px;
	position: relative;
}

#homepage-Slider-slide--leaf-out h3 span {
	display: inline-block;
	padding: 9px 20px 10px;
	position: absolute;
	background-color: #FFDC32;
	color: #000;
	font-style: italic;
}

#homepage-Slider-slide--leaf-out h3 .timing {
	left: 0;
	top: 0;
}

#homepage-Slider-slide--leaf-out h3 .is {
	height: 32px;
	padding: 8px 10px 10px;
	width: 30px;
	bottom: 25px;
	left: -10px;
	z-index: 10;
	background-color: #000;
	color: #FFDC32;
	font-size: .33em;
	font-style: normal;
	line-height: 32px;
	text-align: center;
	text-transform: lowercase;

	-webkit-border-radius: 25px;
	   -moz-border-radius: 25px;
	        border-radius: 25px;
}

#homepage-Slider-slide--leaf-out h3 .everything {
	padding-left: 60px;
	bottom: 0;
	left: 0;
}

#homepage-Slider-slide--leaf-out .text p {
	display: inline-block;
	margin-left: 40%;
	max-width: 260px;
	padding: 10px 20px 9px;
	background-color: rgba(255, 255, 255, .9);
	color: #000;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
}

#homepage-Slider-slide--leaf-out .media-type { color: #f3c80d; }

@media (max-width: 600px) {
	#homepage-Slider-slide--leaf-out .citu-inside {
		width: 330px;
	}

	#homepage-Slider-list #homepage-Slider-slide--leaf-out h3 {
		min-height: 115px;
		min-width: 330px;
		font-size: 1.5em;
	}

	#homepage-Slider-slide--leaf-out h3 .is {
		height: 22px;
		width: 20px;
		bottom: 10px;
		font-size: 16px;
		line-height: 22px;

		-webkit-border-radius: 20px;
		   -moz-border-radius: 20px;
		        border-radius: 20px;
	}

	#homepage-Slider-slide--leaf-out h3 .everything {
		padding-left: 50px;
	}

	#homepage-Slider-slide--leaf-out .text {
		text-align: left;
	}

	#homepage-Slider-slide--leaf-out .text p {
		margin-left: 0;
		font-size: 14px;
	}
}

@media (max-width: 510px) {
	#homepage-Slider-slide--leaf-out .citu-inside {
		width: 280px;
	}

	#homepage-Slider-list #homepage-Slider-slide--leaf-out h3 {
		min-height: 95px;
		min-width: 280px;

		-webkit-border-radius: 20px;
		   -moz-border-radius: 20px;
		        border-radius: 20px;
	}

	#homepage-Slider-slide--leaf-out h3 .is {
		padding: 6px 8px 8px;

		-webkit-border-radius: 18px;
		   -moz-border-radius: 18px;
		        border-radius: 18px;
	}

	#homepage-Slider-slide--leaf-out h3 .everything {
		padding-left: 40px;
	}

	#homepage-Slider-slide--leaf-out .text {
		text-align: left;
	}

	#homepage-Slider-slide--leaf-out .text p {
		margin-left: 0;
		font-size: 14px;
	}
}



/* ------------------------------ */
/* ---------- Landings ---------- */
/* ------------------------------ */

#garage-doors-wrapper .archives-container .intro h3 span { color: #c9a815;  }
.header-Wrapper .header-Wrapper-info h1 strong { color: #ccfffa; }
.right-sidebar .widget-bu-posts article .meta,
.article-list article h2 { color: #0D6F75; }
.article-meta .meta-tags a { background-color: #FDDB46; border: 1px solid #cfc27e; color: #000; }


/* ------------------------------------- */
/* ---------- Internal Header ---------- */
/* ------------------------------------- */

.header-Wrapper, #homepage-Toc #homepage-Navbar { background: #21ACB7 url(images/masthead-bg.jpg) repeat center center; }

.header-Wrapper:after, #homepage-Toc #homepage-Navbar:after {
	background-color: transparent;
	background-image: none; 
/*
	background-color: #fe8e92;
	background-image: -webkit-gradient(linear, left top, right top, from(#fe8e92), to(#e369a5));
	background-image: -webkit-linear-gradient(left, #fe8e92, #e369a5);
	background-image: -moz-linear-gradient(left, #fe8e92, #e369a5);
	background-image: -o-linear-gradient(left, #fe8e92, #e369a5);
	background-image: linear-gradient(to right, #fe8e92, #e369a5);
*/
}

.header-Wrapper .header-Wrapper-info h2 { color: #c5edec; }


/* ----------------------------- */
/* ---------- Stories ---------- */
/* ----------------------------- */

.meta-share { background: #FEDC32; color: #000; }
.meta-share .ss-icon { color: #000; } /* usually not needed if links are white */
.meta-ate { background: #0D6F75; }
.ask-the-experts .ate-arrow { color: #f4fafa; }
#comments_related_wrapper { background: #f4faf9; }
ul.commentlist li.depth-1 > article { border: 4px solid #ddefec; }
.comment-meta,
#related_wrapper .widget ul li p { color: #647573; }


/* ----------------------------------- */
/* ---------- Media Queries ---------- */
/* ----------------------------------- */

@media (max-width: 980px) {
	.tag-browser .tag-column li { background-color: #FDDB46; border: 1px solid #cfc27e; color: #000; }
	.tag-browser .tag-column li a:link, .tag-browser .tag-column li a:visited { color: #000; }
}
@media (max-width: 600px) {
	#homepage-Slider-list h3 {font-size: 2em;}
}


/* ----------------------------------------- */
/* ---------- Internet Explorer 8 ---------- */
/* ----------------------------------------- */

/* Remove gradient overlays */
.lt-ie9 .header-Wrapper:after,
.lt-ie9 #homepage-Toc #homepage-Navbar:after { display: none; }
.lt-ie9 #primary #masthead:after { background-color: #94dae1; }

/* Fallback header backgrounds */
.lt-ie9 .header-Wrapper,
.lt-ie9 #homepage-TopSlide,
.lt-ie9 #homepage-Toc #homepage-Navbar,
.no-js .header-Wrapper,
.no-js #homepage-TopSlide,
/* .no-js #homepage-Toc #homepage-Navbar { background: #fe8e92 url(images/masthead-bg-ie.jpg); } */