@charset "utf-8";
/* CSS Document */

/**************************************
*	Beloit College - Slide Show CSS   *
*	By: Nick Mischler				  *
***************************************/
	
	div.slideshow_minify div#mobile_navigation,
	div.slideshow_minify div.mobile_span_banner_menu,
	div.slideshow_minify div.mobile_span_banner_search
	{
		display:none;
	}
	
	div#beloit_banner.slideshow_minify {
		position: fixed;
		height: 4em;
	}
	
	div#bannerAndMeat.slideshow_minify {
		margin-top: 4em;
	}
	
	.slideshow_minify .section_banner, .slideshow_minify .col_banner {
		height: 100%;
	}
	
	.slideshow_minify .section_banner .span_banner_50_of_3 {
		background: #00336D url("/images/homepage/beloit_logo_mobile.png") no-repeat;
		background-position: center center;
		left: 0;
		height: 100%;
		padding: 0.5em 2em;
		width: 10em;
	}
	
	div.slideshow_minify p#return_link {
		float: right;
		font-family: "Gotham A", "Gotham B", sans-serif;
		font-weight: normal;
    	margin: 1.5em 2em 1.5em 0;
	}
	div.slideshow_minify p#return_link a {
		color: #00336D;
	}
	
	div#slideshow_wrapper {
		color:#fff;
		display:none;
		height:auto;
		position:relative;
		z-index:0;
	}
	
	div#mobile_slide_wrapper {
		background:#fff;
		color:#00336D;
		font-size:80%;
		height:auto;
		position:relative;
	}
	
	div#slideshow_wrapper a,div#mobile_slide_wrapper a {
		color:#FFF;
		font-weight:700;
	}
	
	div#mobile_slide_wrapper a {
		color:#00336D;
	}
	
	div#slide_column {
		margin:0 auto;
		max-width:1500px;
		/*overflow: hidden;*/
	}
	
	div#slide_bkgd,div#slide_overlay {
		margin:0 auto;
		overflow: hidden;
		pointer-events:none;
		position:fixed;
		width:1500px;
	}
	
	div#slide_bkgd {
		z-index:-1;
	}
	
	div.slide {
		position: relative;
		width: 100%;
		/* Odd space appeared on mobile on 7/30/14.  Can't find cause, bandaid with this. */
		margin: 0 0 -0.2em; 
	}
	
	div.slide img,img#bkgd_image {
		height:auto;
		min-width:100%;
		width:100%;
	}
	
	div.supplement {
		border-color:#00336D;
		border-style:solid none solid;
		border-width:1px;
		height:auto;
		padding:1em;
	}
	
	div.supplement h1 {
		height:100%;
		padding:.5em 4% 0;
		width:90%;
	}
	
	div.supplement p {
		color:#000;
		height:100%;
		padding:.5em 4% 1em;
		width:100%;
	}
	
	div.supplement a {
		text-decoration: underline;
	}
	
	div.supp_title_block h1 {
		display: table;
		margin: 0 auto;
		padding: 0;
		width: initial;
		text-align: center;
	}
	
	div.title_block,div.location_block {
		pointer-events:auto;
		width:100%;
	}
	
	div.title_block {
		border-color:#00336D;
		border-style:solid none none;
		border-width:2px;
		font-size:150%;
		padding: 0.5em 0;
	}
	
	div.title_block p,div.location_block p {
		height:100%;
		margin:0;
		padding:0 5%;
		width:100%;
	}
	
	div.title_block p.title {
		font-weight: 800;
		padding-bottom : 0;
	}
	
	div.title_block p.photographer {
		font-size:66.6%;
		font-style:italic;
	}
	
	div.video_block iframe {
		border:medium none;
		height:275px;
		margin:.5em 4%;
		max-width:92%;
		width:560px;
	}
	
	.fill_parent {
		height:100%;
		left:0;
		position:absolute;
		top:0;
		width:100%;
		z-index:1;
	}
	
	#slide_bkgd .animation {
		visibility: hidden;
	}

@media screen and (min-width: 1024px) {
	
	div#bannerAndMeat.slideshow_minify {
		margin-top: 4em;
	}
	
	div#beloit_banner.slideshow_minify {
		position: fixed;
		height: 4em;
	}
	
	.slideshow_minify .section_banner .span_banner_50_of_3 {
		left: 0;
		height: 100%;
		padding: 0.5em 2em;
		width: 10em;
	}
	
	div.slideshow_minify p#return_link {
		display: none;	
	}
	
	.slideshow_minify .section_banner .span_banner_50_of_3 img {
		height: 100%;
	}
	
	.slideshow_minify .section_banner ul#banner_bottom_nav1 {
		height: 100%;
		margin: auto 0;
		padding: 0 0.75em;
	}
	
	.slideshow_minify .section_banner ul#banner_bottom_nav1 li {
		top: 0 !important;
	}
	
	.slideshow_minify .section_banner ul#banner_bottom_nav1 li#academics_link, 
	.slideshow_minify .section_banner ul#banner_bottom_nav1 li#admissions_link, 
	.slideshow_minify .section_banner ul#banner_bottom_nav1 li#alumni_link, 
	.slideshow_minify .section_banner ul#banner_bottom_nav1 li#athletics_link, 
	.slideshow_minify .section_banner ul#banner_bottom_nav1 li#terrarium_link, 
	.slideshow_minify .section_banner ul#banner_bottom_nav1 li#more_link {
		margin: 1.5em 0;
	}
	
	.slideshow_minify .section_banner ul#banner_bottom_nav1 li.span_banner_search {
		margin: 1.20em 0 1.20em 1.25em;
	}
	
	.slideshow_minify div#beloit_banner_bottom .section_banner {
		clear:none;
	}
	
	.slideshow_minify div#beloit_banner_top {
		height:0;
	}
	
	.slideshow_minify .section_banner .span_banner_1_25_of_3,
	.slideshow_minify .section_banner .span_banner_3_of_3,
	.slideshow_minify div#menu_link, {
		display:none;
	}
}

@media screen and (min-width: 1025px) {
	div#slideshow_wrapper {
		display:block;
	}
	
	div#mobile_slide_wrapper {
		display:none;
	}
	
	div.slide img,img#bkgd_image {
		min-height:100%;
	}
	
	div.supp_wrapper {
		width:100%;
	}
	
	div.supplement {
		background:rgba(0,0,0,.6);
		border:none;
		margin-bottom:8em;
		margin-top:2em;
		position:relative;
	}
	
	div.supplement p {
		color:#fff;
	}
	
	div.video_block iframe {
		height:325px;
		margin:.5em 10%;
		max-width:80%;
	}
	
	div.title_block,div.location_block {
		background:rgba(0,0,0,.6);
		display:none;
		left:5%;
		max-width:35%;
		position:absolute;
		width:auto;
	}
	
	div.title_block {
		border:none;
		font-size:100%;
		height:auto;
		padding: 1em;
		top:5%;
		width:auto;
	}
	
	div.location_block {
		min-height:3em;
		min-width:5%;
		top:85%;
	}
	
	div.title_block p,div.location_block p {
		padding:.8em 1em;
	}
	
	div.title_block p.title {
		font-family:inherit;
		font-weight:700;
		padding: 0;
	}
	
	div.title_block p.photographer {
		font-size:90%;
		padding-bottom:0;
		padding-top:0;
	}
	
	div.story_block,div.video_block {
		left:45%;
		width:50%;
	}

}

@media screen and (min-width: 1175px){
	.slideshow_minify .section_banner ul#banner_bottom_nav1 li#academics_link, 
	.slideshow_minify .section_banner ul#banner_bottom_nav1 li#admissions_link, 
	.slideshow_minify .section_banner ul#banner_bottom_nav1 li#alumni_link, 
	.slideshow_minify .section_banner ul#banner_bottom_nav1 li#athletics_link, 
	.slideshow_minify .section_banner ul#banner_bottom_nav1 li#terrarium_link, 
	.slideshow_minify .section_banner ul#banner_bottom_nav1 li#more_link {
		margin: 1.375em 0;
	}
	
	.slideshow_minify .section_banner ul#banner_bottom_nav1 li.span_banner_search {
		margin: 1em 0 1em 1.25em;
	}
}

@media screen and (min-width: 1350px){
	.slideshow_minify .section_banner ul#banner_bottom_nav1 li#academics_link, 
	.slideshow_minify .section_banner ul#banner_bottom_nav1 li#admissions_link, 
	.slideshow_minify .section_banner ul#banner_bottom_nav1 li#alumni_link, 
	.slideshow_minify .section_banner ul#banner_bottom_nav1 li#athletics_link, 
	.slideshow_minify .section_banner ul#banner_bottom_nav1 li#terrarium_link, 
	.slideshow_minify .section_banner ul#banner_bottom_nav1 li#more_link {
		margin: 1.25em 0;
	}
	
	.slideshow_minify .section_banner ul#banner_bottom_nav1 li.span_banner_search {
		margin: 0.75em 0 0.75em 1.25em;
	}
}