/*-----------------------------------------------------------------------------------
  Global Reset v0.2 (based on http://meyerweb.com/eric/tools/css/reset/ - v1.0 | 20080212)
-----------------------------------------------------------------------------------*/
 	html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, figure, figcaption, form, label, legend, menu, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; }
 	img { vertical-align: middle; }
	ul { list-style: none; }
	ol { margin-bottom: 10px; margin-left: 18px; }
	ol li { font-size: 12px; line-height: 18px; }
	p { font-size: 12px; line-height: 16px; margin: 0 0 10px 0; }
	p small { font-size: 10px; }
 	:focus { outline: 0; }
 	:invalid { box-shadow: none; }
	table { border-collapse: collapse; border-spacing: 0; }
	a { text-decoration: none; }
	header, footer, nav, summary, section, article { display: block; }
	
	*, *:link, *:visited, *:hover, *:active, *:focus {
		transition: color 0.1s linear, background-color 0.1s linear/*opacity 0.3s linear*/ , border-color 0.1s linear;
		-moz-transition: color 0.1s linear, background-color 0.1s linear /*opacity 0.3s linear */, border-color 0.1s linear ;
		-webkit-transition: color 0.1s linear, background-color 0.1s linear /*opacity 0.3s linear */, border-color 0.1s linear ;
	}


:root {
		--main-font-color: black;
		--accent-font-color: white;
		--dpu-gold: rgba(255, 207, 1, 1);
		--main-font: 'adobe-caslon-pro';
		--accent-font: 'futura-pt', Futura, sans-serif;
		
}
	
/* Global Styles */
	html, body { height: 100%; }	
	body { background: #222; font-family: var(--main-font); font-weight: 400; min-width: 1000px; }
	h1 { color: #222; font-size: 48px; font-weight: 400; margin: 0; }
	h2 { color: #333; font-family: var(--accent-font); font-size: 24px; font-weight: 400; line-height: 30px; margin: 0 0 17px 0; text-transform: uppercase; }
	h3 { color: #333; font-family: var(--main-font); font-size: 22px; font-weight: 400; line-height: 26px; margin: 0 0 13px 0; }
	h4 { color: #345290; font-family: var(--accent-font); font-size: 14px; font-weight: 400; line-height: 18px; margin: 0 0 13px 0; text-transform: uppercase; }
	hr { background: url(/images/virtual-tour/two_tone_dot.png) repeat-x; border: 0; height: 2px; margin: 0 0 25px 0; }
	.vr { background: #C2C2C2; display: inline-block; height: 15px; margin: 0 10px -3px; width: 1px; }
	a { color: #333; }
	a:hover { text-decoration: underline; }
	p { color: #666; font-size: 14px; line-height: 18px; }

	.clear { clear: both; }
	.left { float: left; }
	.right { float: right; }
	.block_left { float: left; margin: 0 25px 25px 0; }
	.block_right { float: right; margin: 0 0 25px 25px; }

	.simple_button { background: #FFCF01; border: 1px solid #CCC; color: #333; cursor: pointer; display: block; float: left; font-family: var(--main-font); font-size: 16px; font-style: italic; height: 36px; line-height: 26px; margin-right: 5px; padding: 2px 23px 0 23px; }


	nav.dots { overflow: hidden; text-align: center; }
	nav.dots a { background: url(/images/sprites.png) no-repeat -80px 0; display: inline-block; height: 11px; margin: 0 7px 0 0; text-indent: -10000px; width: 11px; }
	nav.dots a.active { background-position: -69px 0; }
	nav.dots a:hover { background-position: -91px 0; }
	
/* Header Wide */
	.fixed_bar_home { -moz-transition-duration: .3s; -moz-transition-property: opacity, top; -ms-transition-duration: .3s; -ms-transition-property: opacity, top; -webkit-transition-duration: .3s; -webkit-transition-property: opacity, top; background: rgba(0, 0, 0, 1); height: 50px; left: 0px; min-width: 1000px; opacity: 0; position: fixed; top: -25px; transition-duration: .3s; transition-property: opacity, top; width: 100%; z-index: 1000; }
	.fixed_bar_home .logo_small { float: left; }
	.fixed_bar_home_show { -moz-transition-duration: .3s; -moz-transition-property: opacity, top; -ms-transition-duration: .3s; -ms-transition-property: opacity, top; -webkit-transition-duration: .3s; -webkit-transition-property: opacity, top; opacity: 1; top: 0; transition-duration: .3s; transition-property: opacity, top; }

	header {  border-top: 3px solid #FFCF01; /*height: 328px; */overflow: hidden; position: relative; z-index: 1; color:black;}
/*	header .logo { background: url(/images/sprites.png) no-repeat 0px -440px; display: block; height: 60px; margin: 0; text-indent: -1000px; width: 342px; }*/
	header .wrap .shell{ /* width: 1285px;*/ margin: 40px auto; }
	.nav_section { color: #ddd; float: left; margin: 45px 5px; position: relative; text-align: center; width: 271px; }
	.nav_section_title { -moz-transition: color .3s linear; -webkit-transition: color .3s linear; display: block; margin-top: 10px; text-transform: uppercase; transition: color .3s linear; }
	.nav_section p { color: #ddd; display: block; }
	.nav_section .icon { -moz-transition: background .3s linear; -webkit-transition: background .3s linear; background: #F9CA00; border-radius: 100%; height: 80px; left: 95px; position: absolute; top: 57px; transition: background .3s linear; width: 80px; }
	.nav_section:hover .icon { -moz-transition: background .3s linear; -webkit-transition: background .3s linear; background: #FFF; border-radius: 100%; height: 80px; left: 95px; position: absolute; top: 57px; transition: background .3s linear; width: 80px; }
	.nav_section:hover .nav_section_title { -moz-transition: color .3s linear; -webkit-transition: color .3s linear; color: #FFF; transition: color .3s linear; }
	.nav_section .icon .map_sprite { background: url(/images/virtual-tour/icon_sprites.png) no-repeat 0 -2px; height: 47px; margin: 17px 0 0 16px; width: 47px; }
	.nav_section .icon .campus_sprite { background: url(/images/virtual-tour/icon_sprites.png) no-repeat -54px -4px; height: 43px; margin: 17px 0 0 15px; width: 57px; }
	.nav_section .icon .people_sprite { background: url(/images/virtual-tour/icon_sprites.png) no-repeat -112px 0; height: 50px; margin: 15px 0 0 17px; width: 43px; }
	.subhead { color: #FFCF01; display: block; font-family: var(--accent-font); font-size: 14px; font-weight: 400; margin: 25px 0 0 115px; text-transform: uppercase; }
/*	.welcome { float: left; margin: 36px 40px 0 40px; position: relative; width: 340px; }
	.welcome h1 { color: #999; font-size: 22px; line-height: 30px; margin-top: 20px; text-align: center; }
	.welcome h1 a { color: #fff; }*/
	
/* Header Collapse */
	@media screen and (max-width: 1285px) {
		header{ /*height: 450px;*/ min-width: 940px; width: 100%; }
		header .wrap { width: 100%; }

		.logo_section { /*float: left;*/     margin: 40px auto;
    position: absolute;
			top:0;
    width: 100%;
    height: 100px;}
		nav.top { margin: 0 auto; width: 865px; }
		.nav_section { height: 100px; margin: 15px 7.5px 0; }
		.subhead { display: none; }
/*		.welcome { height: 100px; width: 100%; }
		.welcome h1 { margin: auto; max-width: 650px; min-width: 393px; }*/
	
	}
	
/* Fixed Mini-Header */	

	.fixed_bar { background: #222; height: 50px; left: 0px; min-width: 1000px; position: fixed; top: 0px; width: 100%; z-index: 2; }

	.inner { margin: 10px auto 0; max-width: 1285px; width: 90%; }
	.icon_small { -moz-transition: background .3s linear; -webkit-transition: background .3s linear; background: #F9CA00; border-radius: 100%; float: left; height: 32px; margin: 0 5px; transition: background .3s linear; width: 32px; }
	.active .icon_small, .icon_small:hover { -moz-transition: background .3s linear; -webkit-transition: background .3s linear; background: #FFF; transition: background .3s linear; }
	.icon_small .map_sprite { background: url(/images/virtual-tour/icon_sprites.png) no-repeat -1px -58px; height: 18px; margin: 6px 0 0 7px; width: 19px; }
	.icon_small .campus_sprite { background: url(/images/virtual-tour/icon_sprites.png) no-repeat -43px -58px; height: 17px; margin: 6px 0 0 6px; width: 20px; }
	.icon_small .people_sprite { background: url(/images/virtual-tour/icon_sprites.png) no-repeat -87px -58px; height: 20px; margin: 6px 0 0 6px; width: 17px; }
	.logos { margin: 9px auto 0; width: 130px; }
	
	
/* Main */
	.container { background: white url(https://www.depauw.edu/dt/css/images/pattern.jpg) repeat 0 0; margin-top: -30px; padding-top: 30px;padding-bottom: 30px;}
	.main { margin: 30px auto; max-width: 1285px; padding: 0 30px; }
	.map { border: 5px solid #fff; height: 530px; margin-top: 10px; }
	.campus_title { height: 27px; width: 100px; }
	.map_title { height: 27px; width: 194px; }
	.people_title { height: 27px; width: 170px; }
	.section { margin: 0 auto 20px auto; padding-top: 35px; position: relative; width: 960px; }
	.section_title { background: #DDD; color: #212121; height: 27px; margin: -37px auto 0; text-align: center; text-transform: uppercase; }
	.section hr { margin-top: 37px;}

	.thumbnail { display: block; margin: 0 0 15px 0; overflow: hidden; position: relative; width: 310px; }
	.thumbnail:hover { text-decoration: none; }
	.thumbnail_window { height: 580px; margin: 10px auto 0; overflow: hidden; width: 960px; }
	.thumbnail_carousel { left: 0px; position: relative; width: 100000px; z-index: 999; }
	.thumbnail_group { float: left; margin: 0 15px 0 0; }
	.thumbnail .more_pics { margin-top: 80px; text-align: center; }
	.thumbnail .camera { background: url(/images/virtual-tour/sprites.png) no-repeat -73px -94px; display: inline-block; height: 14px; margin: -8px 0 0 8px; width: 20px; }
	.thumbnail:hover .overlay { -moz-transition: opacity .3s linear; -webkit-backface-visibility: hidden; -webkit-transition: opacity .3s linear; opacity: 1; transition: opacity .3s linear; }
	.overlay { -moz-transition: opacity .3s linear; -webkit-transition: opacity .3s linear; background: rgba(249,202,0,.8); height: 220px; left: 0px; opacity: 0; position: absolute; transition: opacity .3s linear; width: 100%; z-index: 2; }



	.campus .overlay { top: 0px; }
	.story .overlay { top: 0px; }
	.campus .thumbnail_title { -webkit-font-smoothing: subpixel-antialiased; background: #000; color: #fff; font-family: var(--accent-font); font-weight: 100; padding: 10px; letter-spacing: 1px; height: 45px; }
	.story .thumbnail_title { background: #fff; height: 58px; padding: 10px; position: relative; width: 290px; }
	.play .thumbnail_title { background: #fff; height: 76px; padding: 10px; position: relative; width: 290px; }
	.play .play_button { background: url(/images/virtual-tour/sprites.png) no-repeat left -35px; height: 64px; left: 50%; margin-left: -32px; position: absolute; top: 78px; width: 64px; z-index: 2; }
	.play:hover .play_button { background: url(/images/virtual-tour/sprites.png) no-repeat -99px top; }
	.story_title { color: #191919; font-size: 16px; font-style: normal; text-align: left; }
	.thumbnail_title .byline { bottom: 0; color: #505050; font-family: var(--accent-font); font-size: 11px; position: absolute; text-transform: uppercase; }
	.submitted { color: #999999; }
	.thumbnail_title .comments { bottom: 12px; font-family: var(--accent-font); font-size: 11px; position: absolute; right: 10px; }
	.comment_icon { background: url(/images/virtual-tour/sprites.png) no-repeat -73px -22px; display: inline-block; height: 14px; margin: 0 3px -3px 0; width: 17px; }
	.thumbnail hr { background: rgb(0,0,0); background: rgba(0,0,0,.3); height: 1px; margin: 10px; }
	.overlay p { color: #000; font-size: 14pt; font-style: italic; margin-top: 15px; text-align: center; }
	.people .thumbnail_carousel { height: 644px; }
	.people .thumbnail_window { height: 614px; }
	.people .overlay p { margin-top: 100px; }

	menu { background: #fff; border: 5px solid #fff; color: #999; height: 22px; margin: 10px 0; overflow: hidden; padding: 7px 0; }
	.sort { float: left; font-style: italic; margin-left: 10px; width: 50px; }
	.vert_dot { background: url(/images/dotted-line-v.png); height: 20px; margin: 2px 10px 0; width: 1px; }

	menu .left a { float: left; font-family: var(--accent-font); font-size: 13px; padding: 2px 15px; }
	menu .left a:hover { background-color: #F9CA00; color: #000; float: left; font-size: 13px; padding: 2px 15px; text-decoration: none; }
	menu .left .active { background-color: #F9CA00; }
	menu .left .green:hover, menu .left .green.active { background-color: #718C40; color: #FFF; }
	menu .left .blue:hover, menu .left .blue.active { background-color: #345290; color: #FFF; }
	menu .left .red:hover, menu .left .red.active { background-color: #AE2300; color: #FFF; }
	menu .left .orange:hover, menu .left .orange.active { background-color: #EF8C40; color: #FFF; }
	menu .left .yellow:hover, menu .left .yellow.active { background-color: #FFCF01; color: #000; }
	menu .left .gray:hover, menu .left .gray.active { background-color: #666; color: #FFF; }
	menu .left .purple:hover, menu .left .purple.active { background-color: #493266; color: #FFF; }

	.star { background: url(/images/virtual-tour/sprites.png) no-repeat -71px -1px; float: left; height: 21px; margin-right: 10px; width: 21px; }
	.most { float: left; }
	.question { display: none; float: left; font-style: italic; }
	.building { color: #1f1f1f; float: left; font-size: 12px; margin: 4px 10px 0 0; text-transform: uppercase; }
	.arrow { background: url(/images/virtual-tour/sprites.png) no-repeat -74px -38px; display: none; float: left; height: 7px; margin: 8px 10px 0; width: 20px; }
	.share_photo { background-color: #F9CA00; color: #212121; float: left; font-size: 12px; margin-top: -7px; padding: 11px 10px 5px; text-transform: uppercase; vertical-align: middle; }
	.photo_icon { background: url(/images/virtual-tour/sprites.png) no-repeat -68px -127px; float: left; height: 20px; margin: -3px 10px 0 0; width: 26px; }

	.arrow_right { -moz-transition: opacity .3s linear; -ms-transition: opacity .3s linear; -webkit-transition: opacity .3s linear; background: url(/images/virtual-tour/sprites.png); height: 34px; margin-top: -17px; opacity: .2; position: absolute; right: -70px; top: 50%; transition: opacity .3s linear; width: 34px; }
	.arrow_right:hover { -moz-transition: opacity .3s linear; -ms-transition: opacity .3s linear; -webkit-transition: opacity .3s linear; opacity: 1; transition: opacity .3s linear; }

	.arrow_left { -moz-transition: opacity .3s linear; -ms-transition: opacity .3s linear; -webkit-transition: opacity .3s linear; background: url(/images/virtual-tour/sprites.png) -35px top; height: 34px; left: -70px; margin-top: -17px; opacity: .2; position: absolute; top: 50%; transition: opacity .3s linear; width: 34px; }
	.arrow_left:hover { -moz-transition: opacity .3s linear; -ms-transition: opacity .3s linear; -webkit-transition: opacity .3s linear; opacity: 1; transition: opacity .3s linear; }
	.disabled { opacity: 0; }
	.disabled:hover { opacity: 0; }
	
/* Map */
	.infoBox { padding: 20px; width: 222px; }
	.infoBox hr { background: rgb(0,0,0); background: rgba(0,0,0,.2); height: 1px; margin: 5px 0 10px; }
	.infoBox .location_title { color: #666; font-family: var(--accent-font); font-size: 14px; text-transform: uppercase; }
	.infoBox p { font-size: 16px; font-family: var(--accent-font); margin: 15px 0; }
	.infoBox .learnmore_border { border: 1px solid #ccc; padding: 3px; width: 120px; }
	.infoBox .learnmore { background: #F9CA00; color: #191919; font-family: "adobe-caslon-pro-n4","adobe-caslon-pro","Georgia",serif;
    font-weight: 400; width: 80px; font-size: 16px;
    font-style: italic;
    height: 26px;
    line-height: 26px;
    padding: 2px 20px 0; }
	.infoBox .learnmore a:hover { text-decoration:none;}
	.infoBox .learnmore:hover {  background: none repeat scroll 0 0 #e5e5e5; border-color: #fff;}
	#map_canvas { height: 100%; }
	.map_overlay { height: 540px; left: 0px; position: absolute; top: 30px; width: 100%; }
	
	
/* Interior */
	.interior_title { font-family: var(--accent-font); font-size: 24px; font-weight: 300; margin-top: 80px;margin-bottom: 15px; text-transform: uppercase; }
	.interior_title .loc_icon { background: url(/images/virtual-tour/sprites.png) no-repeat -1px -101px; float: left; height: 24px; margin: 1px 12px 0 0; width: 29px; }
	.interior_title .people_icon { background: url(/images/virtual-tour/sprites.png) no-repeat -32px -101px; float: left; height: 37px; margin: -2px 12px 0 0; width: 33px; }
	.map_small { -moz-transition: border .3s linear; -ms-transition: border .3s linear; -webkit-transition: border .3s linear; border: 5px solid #fff; height: 147px; margin-bottom: 10px; transition: border .3s linear; width: 310px; }
	.map_small:hover { -moz-transition: border .3s linear; -ms-transition: border .3s linear; -webkit-transition: border .3s linear; border: 5px solid #b4b4b4; transition: border .3s linear; }
	.map_subtext { color: #777; font-size: 16px; font-style: italic; margin-bottom: 10px; }
	.map_subtext .small_forward { background: url(/images/virtual-tour/sprites.png) no-repeat -73px -109px; float: left; height: 16px; margin: 2px 7px 0 0; width: 16px; }
	.pagination { color: #eee; font-family: var(--accent-font); font-size: 13px; height: 30px; width: 100%; }
	.pagination a { color: #eee; }
	.pagination .right { margin-top: 5px; }
	.pagination .back_icon { background: url(/images/virtual-tour/sprites.png) no-repeat -23px -141px; float: left; height: 9px; margin: 3px 8px 0 0; width: 15px; }
	.photos { margin: 0 330px 0 0; }
	.photos .caption { background-color: #fff; margin: 0 0 45px 0; overflow: hidden; padding: 15px; }
	.photos .caption p { color: #666; font-size: 16px; margin: 7px 0 0 60px; }
	.photos img { max-width: 100%; min-width: 570px; }
	.pic_num { background: #FFCF01; color: #000; float: left; font-size: 13px; font-style: italic; margin-right: 15px; padding: 4px 12px; font-family: var(--accent-font);}
	.sidebar { float: right; width: 310px; }
	.sidebar .location_address { color: #111; margin: 30px 0 30px 28px; }
	.sidebar p { color: #666; font-size: 16px; line-height: 22px; }
	.sidebar .button_border { border: 1px solid #ccc; }
	.sidebar .comment_button { -moz-transition: background .3s linear; -ms-transition: background .3s linear; -webkit-transition: background .3s linear; border: 3px solid #fff; color: #666; cursor: pointer; font-style: italic; padding-top: 3px; text-align: center; transition: background .3s linear; }
	.sidebar .comment_button:hover { -moz-transition: background .3s linear; -ms-transition: background .3s linear; -webkit-transition: background .3s linear; background: #FFCF01; transition: background .3s linear; }
	.submitted_by .byline { color: #505050; float: left; font-family: var(--accent-font); font-size: 11px; margin-bottom: 20px; text-transform: uppercase; }
	.submitted_by .comments { float: right; font-family: var(--accent-font); font-size: 11px; margin-right: 28px; }
	.quote { margin: 0 28px; }
	.quote p { line-height: 140%; }
	.quote p .by { color: #505050; font-family: var(--accent-font); font-size: 11px; text-transform: uppercase; }
	.quote_icon { background: url(/images/virtual-tour/sprites.png) no-repeat -1px -127px; float: left; height: 18px; margin-right: 10px; width: 19px; }
	.wrapper { min-width: 900px; position: relative; }
	
	
	
/* Footer */
	footer { background: #222; border-top: 4px solid #F1CB00; padding: 30px 0; min-width: 1000px; position: relative; height: 230px; }
	footer .wrap { margin: auto; max-width: 1285px; min-width: 1000px; overflow: hidden; }
	footer .logo { background: url(/images/sprites.png) no-repeat 0px -89px; float: left; height: 145px; margin: 0 0 0 20px; width: 187px; }
	footer .social_media { float: right; margin-right: 20px; }
	footer .social_media a { background: #333; color: #EEE; display: block; font-family: var(--accent-font); font-size: 12px; font-weight: 500; height: 22px; line-height: 22px; margin: 0 0 10px 0; padding: 9px 8px; text-transform: uppercase; width: 204px; }
	footer .social_media a:hover { background: #454545; text-decoration: none; }
	footer .social_media .facebook { background: url(/images/sprites.png) no-repeat -154px 0; float: left; height: 22px; margin: 0 12px 0 0; width: 22px; }
	footer .plan_visit { background: url(/images/virtual-tour/sprites.png) no-repeat -74px -47px; float: left; height: 21px; margin: -1px 10px 0 5px; width: 24px; }
	footer .dl_map { background: url(/images/virtual-tour/sprites.png) no-repeat -74px -70px; float: left; height: 23px; margin: -1px 10px 0 5px; width: 17px; }
	footer .divider { background: url(/images/dotted-line-sprite.png) repeat-y -2px -1px; float: left; height: 165px; margin: 0 20px; width: 1px; }
	footer .contact { float: left; padding: 10px 0; width: 200px; }
	footer .contact p { color: #EDEDED; font-size: 16px; line-height: 20px; }
	footer .contact a { background: #333; color: #EEE; display: block; font-family: var(--accent-font); font-size: 12px; font-weight: 500; height: 22px; line-height: 22px; margin: 15px 0 0 0; padding: 9px 8px; text-transform: uppercase; width: 184px; }
	footer .contact a:hover { background: #454545; text-decoration: none; }
	footer .contact span { background: url(/images/sprites.png) no-repeat -222px 0; float: left; height: 22px; margin: 0 10px 0 0; width: 26px; }
	footer .quick_links { float: left; padding: 10px 0; }
	footer .quick_links a { color: #EEE; display: block; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; font-size: 11px; line-height: 10px; margin: 0 0 10px 0; }
	footer .quick_links a:hover { color: #F1CB00; text-decoration: none; }
	footer .quick_links span { background: url(/images/sprites.png) no-repeat -248px 0; float: left; height: 7px; margin: 1px 7px 0 0; width: 4px; }
	

/* Styles for 2023 update */
	.logo_small { float: left; width:90px; height: auto;}
	.logo_medium { position: absolute; width:200px; height: auto;}
.shell {max-width: 1180px; padding-left: 20px; padding-right: 20px; margin: auto; /*position: relative;*/}
.intro__inner .shell .intro__content { width: 100%; max-width: 1180px;}
	.intro__content ul { font-family: var(--accent-font); line-height: 1; font-weight: 500; text-transform: uppercase;  margin-bottom: 1em; text-align: center;}
	.intro__content ul li { display: inline-block; vertical-align: top; padding: 0 7px; position: relative; }
	.intro__content ul li + li:before, .section__head ul li + li:before { content: ''; width: 2px; height: 10px; background-color: #000; position: absolute; top: 2px; left: -2px; }
	.intro__content ul a { text-decoration: none; display: block; font-size:0.85em; font-family: var(--accent-font); font-weight: 500; text-transform: uppercase;}
	.intro__content ul a:hover, .section__head ul a:hover { color: #ffcf01; text-decoration: underline;}
.intro__content h1 {text-align: center; line-height: 1; font-weight: bold; font-size: 2.5em; padding-top: 24px;} 
.logo_section {margin: 40px auto;}
.section#map {padding-top: 0;}

/* Comment Form */
	#comment_form { background: #FFF; border: 1px solid #333; padding: 10px; overflow: hidden; }
	#comment_form label { color: #666; display: block; font-family: var(--accent-font); font-size: 14px; font-weight: 400; margin-bottom: 6px; padding-bottom: 6px; text-transform: uppercase; }
	#comment_form textarea { border-bottom: 1px solid #DDDDDD; border-left: 1px solid #C3C3C3; border-right: 1px solid #C3C3C3; border-top: 1px solid #7C7C7C; font-size: 11px; height: 50px; margin-bottom: 12px; padding: 5px; resize: none; width: 276px; }
	#comment_form input.text { border-bottom: 1px solid #DDDDDD; border-left: 1px solid #C3C3C3; border-right: 1px solid #C3C3C3; border-top: 1px solid #7C7C7C; padding: 5px; width: 276px; }
	#comment_form input.submit { background: #FFCF01; border: 1px solid #CCC; box-shadow: inset 0px 0px 0px 3px #fff; color: #333; cursor: pointer; display: block; float: left; font-family: var(--main-font); font-size: 16px; font-style: italic; height: 36px; line-height: 26px; margin-right: 5px; padding: 2px 23px 0 23px; }
	#comment_form input.cancel { background: #ccc; border: 1px solid #CCC; box-shadow: inset 0px 0px 0px 3px #fff; color: #333; cursor: pointer; display: block; float: left; font-family: var(--main-font); font-size: 16px; font-style: italic; height: 36px; line-height: 26px; margin-right: 12px; padding: 2px 23px 0 23px; }
	#comment_form .error { border-color: #FFCF01 !important; }

/* Wider Styles */
	.wider_carousel .thumbnail_window { width: 1285px; }
	.wider_carousel .section { width: 1285px; }
	.wider_carousel .question { display: block; }
	.wider_carousel .arrow { display: block; }
	
	.hide_arrows .arrow_left { display: none; }
	.hide_arrows .arrow_right { display: none; }
	
/* IE7 Styles */
	.ie7 .section_title { margin-top: -44px; }
	.ie7 .fixed_bar_home { background: #222; display: none; height: 50px; left: 0px; position: fixed; top: 0; width: 100%; z-index: 2; }
	.ie7 .fixed_bar_home_show { display: block; }
	.ie7 .fixed_bar_home .logo_small { margin: 11px 0; }
	.ie7 .overlay { display: none; }
	.ie7 .thumbnail { cursor: pointer; }
	.ie7 .thumbnail_window { position: relative; }
	.ie7 nav.dots { margin: -15px 0 15px 0; }
	.ie7 nav.dots a { text-indent: 0px; }
	.ie7 .arrow_left { filter: alpha(opacity = 20); }
	.ie7 .arrow_left:hover { filter: alpha(opacity = 100); }
	.ie7 .arrow_right { filter: alpha(opacity = 20); }
	.ie7 .arrow_right:hover { filter: alpha(opacity = 100); }
	.ie7 .disabled { filter: alpha(opacity = 0); }
	.ie7 .disabled:hover { filter: alpha(opacity = 0); }
	.ie7 .fixed_bar .logo_small { margin: 11px 0; }



@media screen and (max-width: 1080px) {
	
	body, .fixed_bar_home, footer, footer .wrap, header, .main  {min-width: 90%;}
	body {width: 100%;}
	.thumbnail_carousel {width: 100%; display: flex; flex-wrap: wrap; justify-content:center; gap:10px;}
	.thumbnail_group {flex: 2 48%; float:none; margin: 0;}
	.thumbnail {width:100%; height: 300px; z-index: 50;}
	.thumbnail_group img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; box-sizing: border-box; padding: 0; border: none; margin: auto; display: block; width: 0; height: 0; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;  object-fit: cover; }
	.campus .thumbnail_title, .logo_medium {z-index: 40; position: relative;}
	.thumbnail_window {overflow:scroll}
	.section, .thumbnail_window {padding-top: 0; width: 90%; margin: 0;}
	.main, .section#map {padding: 0; margin: 0;}
	.thumbnail_window {width: 98%;}
	.intro__content h1 {font-size: 36px;}
	.logo_section {width: 100%; position: relative;  text-align: center; margin: auto;}
	.fixed_bar_home {display: none;}
	.arrow_right {width: 0;}
	.section#map, .section  {margin: auto;}
}

@media screen and (max-width: 767px) {
	.thumbnail_carousel {/*display: block;*/}
	.thumbnail_group {flex: 1 98%;}
	.thumbnail_window {width: 100%; height: auto;}
	.wrapper, .sidebar, .photos img {width: 100%; min-width: 100%;}
	.sidebar {float: none;}
	.main {padding: 0 20px;}
	.photos {margin: auto;}
	menu {height:auto; padding-left: 1em; padding-right: 1em;}
	menu .left a {display:block; width:34%; margin:auto; margin-right: 1em; margin-bottom: 1em; border:1px solid #999;}
	menu .left a:first-of-type {width:84%;}
}

/* Footer styles imported from styles.css and other pages added for re-launch 12/12/23 */
	.vt-footer .socials { margin-bottom: 16px; }
	.vt-footer .socials ul { margin-bottom: 0; list-style: none; }
	.vt-footer .socials li { display: inline-block; }
	.vt-footer .socials li + li { margin-left: 15px; }
	.vt-footer .socials a { color: #bababa; font-size: 32px; }
	.vt-footer .socials a:hover { color: #fff; }		

	.vt-footer img  { display: inline-block; vertical-align: middle; border: 0 none; max-width: 100%; }
	.vt-footer {font-family: inherit; }
	.vt-footer { position: relative; z-index: 10; padding: 98px 0 100px; background: #000; color: #bababa; }
		
	.vt-footer .btn.btn--default, #standard-wrapper .button, #dept-announce .button { min-width: 147px; padding: 7px 15px 5px; background: #000; font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; font-size: 24px; font-weight: 500; color: #fff; text-decoration: none; text-transform: uppercase; text-align: center; letter-spacing: .01em; transition: all .3s; }
	.vt-footer .btn.btn--default:hover, #standard-wrapper .button:hover, #dept-announce .button:hover { background: #ffcf01; color: #000; }
	.vt-footer .btn.btn--yellow, .section__entry--black .btn.btn--default { background: #ffcf01; color: #000; }
	.vt-footer .btn.btn--yellow:hover { background: #666; color: #fff; }
		
	.vt-footer:before { content: ''; position: absolute; top: 0; right: calc(100% - 80px); -webkit-transform: skew(20deg); -ms-transform: skew(20deg); transform: skew(20deg); display: inline-block; width: 500px; height: 100%; background: #181818; }
	.vt-footer .footer__inner,
	.vt-footer .footer__bottom { position: relative; z-index: 1; }
	.vt-footer .footer__cols { display: -webkit-flex; display: -ms-flexbox; display: flex; }
	.vt-footer .footer__col { -webkit-flex: 1; -ms-flex: 1; flex: 1; }
	.vt-footer .footer__col--size1 { max-width: 304px; }
	.vt-footer .footer__col--size2 { max-width: 361px; }
	.vt-footer .footer__logo { display: inline-block; width: 215px; height: 61px; margin-bottom: 23px; background: url(https://www.depauw.edu/images/dpu_stacked_left_rev.png) no-repeat 0 0; background-size: 100% 100%; font-size: 0; line-height: 0; text-indent: -4004px; }
	.vt-footer .contacts { margin-left: 2px; line-height: 1.6; }
	.vt-footer .contacts a { color: #bababa; text-decoration: none; }
	.vt-footer .footer__bottom { margin-left: 2px; padding-top: 35px; /*font-family: 'Roboto', sans-serif;*/  font-size: 12px; color: #969696; }
	.vt-footer .footer__bottom:after { }
	.vt-footer .footer__bottom ul { float: left; margin-bottom: 0; margin-left: 5px; list-style: none; }
	.vt-footer .footer__bottom li { float: left; }
	.vt-footer .footer__bottom li + li { position: relative; margin-left: 12px; }
	.vt-footer .footer__bottom li + li:before { content: ''; position: absolute; top: 2px; left: -7px; display: inline-block; width: 1px; height: 11px; background: #515151; }
	.vt-footer .footer__bottom a { color: #969696; }
	.vt-footer .footer__copyright { float: left; }
	.vt-footer .footer__copyright p { margin-bottom: 0; }
	.vt-footer .footer__about { display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 0 0 23px; font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed; font-size: 28px; color: #fff; }
	.vt-footer .footer__nav { padding-left: 13px; }
	.vt-footer .footer__nav { border-left: 5px solid #ffcf01; margin-right: 24px; }
	.vt-footer .footer__nav li { line-height: .9; }
	.vt-footer .footer__nav li + li { margin-top: 20px; }
	.vt-footer .footer__nav a { color: #fff; text-decoration: none; }
	.vt-footer .footer__nav a:hover { color: #ffcf01; }
	.vt-footer .footer__about-inner { -webkit-flex: 1; -ms-flex: 1; flex: 1; }
	.vt-footer .footer__navs-sm { display: -webkit-flex; display: -ms-flexbox; display: flex; }
	.vt-footer .footer__nav--sm + .footer__nav--sm { margin-left: 31px; }
	.vt-footer .footer__nav--sm { border-left: 5px solid #616161; margin-right: 0; }

	.vt-footer .footer__actions { margin-top: 34px; position: absolute; min-width:250px; }
	.vt-footer .footer__actions .btn--large { padding: 8px 0 6px; letter-spacing: 0.07em; }			


	.vt-footer .btn.btn--default {font-size: 18px;}
	.vt-footer .btn.btn--default {font-weight: bold;}	
	.vt-footer .footer__actions {bottom: -35px;}

	.vt-footer .footer__about-inner {width:290px;}
	#dt-footer-visitlink {width: 250px; padding: 8px 0 6px; letter-spacing: 0; line-height: 32px; font-size: 18px; font-stretch: unset;font-weight: 600; margin: auto 0 auto auto;}
	.vt-footer .footer__col--size2 {width: 47%; max-width: 47%}
	.hero-header .vt-footer .footer__cols {display: flex; justify-content:center;}
	.hero-header .vt-footer .footer__col {max-width: 47%; padding: 0; }	
	.hero-header .vt-footer .footer__bottom {text-align: center; padding-top: 0;}
	.vt-footer .footer__copyright {float:none;}
		
	.vt-footer:before {display: none; }
	.vt-footer {padding:50px 0 80px;}
	.vt-footer:before { right:unset; transform:none; content: ' '; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background: linear-gradient(rgba(0, 0, 0, 0.65),rgba(0, 0, 0, 0.65)), url('https://dev.depauw.edu/images/academics/dpu_word_cloud.jpg');}		

	.vt-footer .footer__nav { padding: 0 0 29px 14px; margin-right: 0; font-size: 25px; font-family: 'futura-pt-condensed', Futura, sans-serif; font-stretch: condensed;  text-transform: uppercase; }
	/*  Footer about  */
	.vt-footer .footer__about { position: relative; padding-top: 14px; }
	.vt-footer .footer__actions { position: absolute; bottom: -30px; min-width: 250px; }
	.vt-footer .footer__copyright {float:left;}
	/*  Footer Cols  */
	.vt-footer .footer__cols { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
	.vt-footer .footer__col--size3 { -webkit-flex: 0 0 400px; -ms-flex: 0 0 400px; flex: 0 0 400px; }


	/* Small Desktop */
		
	@media (max-width: 1200px) {
		.vt-footer .footer__cols { display: -webkit-flex; display: -ms-flexbox; display: flex; }
	}
	/* Tablet Portrait */
	@media (max-width: 1023px) {

		.vt-footer .footer__cols { display: block; }
		.vt-footer .footer__col--size3 {margin-top:30px; }
		.vt-footer { height:auto; }
		.vt-footer .footer__copyright {margin-top:30px; padding-bottom:30px;}

	}
	@media (max-width: 767px) {
		.vt-header { top:0; padding-top: 10px; }
	}
	@media (max-width: 423px) {
		.vt-header .header__inner .btn-menu {}		
	}
		
	@media (max-width: 1200px) {
		/*
		.vt-footer { padding: 50px 0; }
		.vt-footer__inner { padding: 0 10px; }
		.vt-footer .footer__cols { display: block; }
		.vt-footer .footer__col { display: inline-block; max-width: 50%; padding: 0 50px; margin-bottom: 30px; }

		.vt-footer .footer__col--size3 { display: block; max-width: 100%; margin-top: 30px; }

		.vt-footer .footer__about { padding: 0; }
		.vt-footer .footer__bottom { text-align: center; }
		.vt-footer .footer__bottom ul { float: none; display: inline-block; vertical-align: middle; }
		.vt-footer .footer__bottom ul:after { }
		.vt-footer .footer__copyright { float: none; display: inline-block; }
		.vt-footer .footer__copyright p { float: none; display: inline-block; color:red; }
		*/
	}
	@media (max-width: 767px) {
		.vt-footer .footer__col {  max-width: 100%;  padding: 0;  }
		.vt-footer .footer__col--size3 {margin-top:30px; }
	}
	@media (max-width: 479px) {
		.vt-footer .footer__about { display: block; padding: 0; text-align: left; }
		.vt-footer .footer__col--size3 { width: 100%; }
		.vt-footer .footer__navs-sm { display: block; }

		.vt-footer .footer__nav { padding-left: 0; }

		.vt-footer .footer__nav,
		.vt-footer .footer__nav-sm { border-left: none; margin-top: 20px; }

		.vt-footer .footer__nav--sm + .footer__nav--sm { margin-left: 0; }

		.vt-footer .footer__nav li,
		.vt-footer .footer__nav-sm li { line-height: 1.2; }

		.vt-footer .footer__actions .btn--large { padding-top: 10px; }
	}

/* Matterport video styles added for re-launch 12/20/23 */

	.photos .video .video__play { position: relative; }		

	.photos .video .video__play i { position: absolute; top: 45%; left: 48%; -webkit-transform: translate( -43%, -35% ); -ms-transform: translate( -40%, -35% ); transform: translate( -40%, -35% ); z-index: 5; color: rgba(255, 255, 255, .75); font-size: 100px; transition: all .3s; font-size: 125px; }
	.photos .video .video__play a:hover i { color: #fff; }

	.map_point_image .video .video__play { position: relative; }

	.map_point_image .video .video__play i { position: absolute; top: 45%; left: 48%; -webkit-transform: translate( -43%, -35% ); -ms-transform: translate( -40%, -35% ); transform: translate( -40%, -35% ); z-index: 5; color: rgba(255, 255, 255, .75); font-size: 100px; transition: all .3s; font-size: 125px; }
	.map_point_image .video .video__play a:hover i { color: #fff; }		

	.header_blurb { max-width: 1100px; margin: auto auto 20px auto; line-height: 1.5;}

	.section__entry--reversed { background-size: cover; background-position: center center; padding: 40px 0; min-height: 491px; display: flex; position: relative;	}

/* RFI styles imported from style.css added for re-launch 12/20/23  */
	
	#form_question_7d92a8ac-194c-4100-b495-3b668feb15be, #form_question_1122c9f1-0118-4f95-b881-c84bc5bf14e3 {display:none;}
	
	.section-entrys { font-size: 15px; line-height: 1.47; color: #fff !important; font-size: 15px;  }
	.section-entrys h1, h2, h3, h4, h5, h6 {font-family: 'futura-pt-condensed', Futura, sans-serif; 
	font-stretch: condensed; font-weight: 500; text-transform: uppercase; margin-bottom: 0.665em; }
	.section-entrys h2 { font-size: 36px; color: #fff !important; }	
	
	.section-entrys .mini-rfi {background: rgba(0, 0, 0, 1); margin-top: 0;}
	.section-entrys .mini-rfi .rfi-wrapper { max-width: 1180px; padding-left: 20px; padding-right: 20px;    margin: auto; }
	.section-entrys .mini-rfi .rfi-wrapper h2 {text-align: center;}
	.section-entrys .rfi-wrapper #form_627845bf-168b-487d-91c3-96491c82d0d3 #form_page_1, .mini-rfi #form_79abe9e9-63e9-4415-b520-cc62d9d8a22c #form_page_1 {display: flex; justify-content: space-between; flex-flow: row wrap;}
	.section-entrys #form_627845bf-168b-487d-91c3-96491c82d0d3_container {width: 100%;}
	.section-entrys #form_627845bf-168b-487d-91c3-96491c82d0d3_container .form_text, .section-entrys #form_627845bf-168b-487d-91c3-96491c82d0d3_container .form_select, .mini-rfi #form_79abe9e9-63e9-4415-b520-cc62d9d8a22c .form_select, .mini-rfi #form_79abe9e9-63e9-4415-b520-cc62d9d8a22c .form_text, .mini-rfi #form_79abe9e9-63e9-4415-b520-cc62d9d8a22c {flex: 2 50%; padding: 1em 1em 0 1em;}
	.section-entrys .rfi-wrapper #form_627845bf-168b-487d-91c3-96491c82d0d3 .action,  .mini-rfi #form_79abe9e9-63e9-4415-b520-cc62d9d8a22c .action {text-align: center;}
	.section-entrys .rfi-wrapper #form_627845bf-168b-487d-91c3-96491c82d0d3 button,  .mini-rfi #form_79abe9e9-63e9-4415-b520-cc62d9d8a22c button {border:none; background: #ffcf01; color:black;}
	.section-entrys .rfi-wrapper #form_627845bf-168b-487d-91c3-96491c82d0d3 button:hover,  .mini-rfi #form_79abe9e9-63e9-4415-b520-cc62d9d8a22c button:hover { background: #666;  color: #fff;}

	@media (max-width: 1023px) {
	.section-entrys .rfi-wrapper #form_627845bf-168b-487d-91c3-96491c82d0d3 #form_page_1, .mini-rfi #form_79abe9e9-63e9-4415-b520-cc62d9d8a22c #form_page_1 { display: block;}
	}