/****************************************************
*   Beloit College - Fade Boxes CSS     			*
*   By: Nick Mischler                               *
****************************************************/

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

div.break_wrapper {
	width: 100%
}
div.break_wrapper div.break_always {
	clear: both;
}

/* 1 column (default) */
div.break_wrapper div.block {
	width: 100%;
	float: left;
	margin-bottom: 1em;
}

div.break_wrapper div.block.example {
	height: 100px;
	background: #99F;
	border: 1px solid #000;
	padding: 1em 5%;
}




div.break_wrapper.fade_boxes h3{margin-top:0;}																/* ??? */

div.break_wrapper.fade_boxes div.fade_box,																	/* ??? */
div#col_sect_2 div.break_wrapper.fade_boxes div.fade_box,
div#col_sect_3 div.break_wrapper.fade_boxes div.fade_box{
	width:100%;
	height:auto;
	position:relative;
	overflow:hidden;
	margin:0 0 1%;
}
div.break_wrapper.fade_boxes div.fade_box div.image {
	width:100%;
}
div.break_wrapper.fade_boxes div.fade_box div.image div.image_space {
	width: 100%;
	height: 0;
	position: relative;
	/*padding-bottom defined inline*/
	/*background image defined inline*/
}
div.break_wrapper.fade_boxes div.fade_box a {
	display:block;
}
div.break_wrapper.fade_boxes div.fade_box a div.overlay {
	position: absolute !important; /* Admissions */
	top: 0;
	left: 0;
	padding: 2%;
	width: 100%;
	height: 100%;
	background: rgba(75,75,75,0.75) !important; /* Admissions */
	transition: all 0.5s ease-in-out 0s;
}
div.break_wrapper.fade_boxes div.fade_box a:hover div.overlay {
	opacity: 0;
}
div.break_wrapper.fade_boxes div.fade_box a div.overlay div.overlay_text {
	font-size: 10vw;
	color: rgba(255,255,255,0.9);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 96%;
}
div.break_wrapper.fade_boxes.large_text div.fade_box a div.overlay div.overlay_text {
	font-size: 12vw;
}
div.break_wrapper.fade_boxes div.fade_box a div.overlay div.overlay_text span {
	display: block;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

div.break_wrapper.fade_boxes div.fade_box a div.overlay div.overlay_text span.title {
	font-weight: bold;
	line-height: 1em;
    margin-bottom: 0.1em;
}

div.break_wrapper.fade_boxes div.fade_box a div.overlay div.overlay_text span.subtitle {
	font-family: "Book Antiqua",serif;
	padding: 0 10%;
	font-size: 0.5em;
	font-style: italic;	
	font-weight: normal;
	letter-spacing: 0.05em;
}


/* Additional classes default. */

div.break_wrapper.fade_boxes.square div.fade_box div.image div.image_space {
	padding-bottom:100% !important;
}






@media screen and (min-width: 600px){
	
	/* Break Layout (2 column) */
	div.break_wrapper.fade_boxes.max_2 div.fade_box,
	div.break_wrapper.fade_boxes.max_3 div.fade_box,
	div.break_wrapper.fade_boxes.max_4 div.fade_box {
		width: 49.5%;
		margin: 0 0% 1%;
	}
	div.break_wrapper.fade_boxes.max_2 div.fade_box.c2m1{margin-right:0.5%;}
	div.break_wrapper.fade_boxes.max_3 div.fade_box.c2m1{margin-right:0.5%;}
	div.break_wrapper.fade_boxes.max_4 div.fade_box.c2m1{margin-right:0.5%;}
	
	div.break_wrapper.fade_boxes.max_2 div.fade_box.c2m2{margin-left:0.5%;}
	div.break_wrapper.fade_boxes.max_3 div.fade_box.c2m2{margin-left:0.5%;}
	div.break_wrapper.fade_boxes.max_4 div.fade_box.c2m2{margin-left:0.5%;}
	
	div.break_wrapper.information_blocks div.break_2 {
		clear: both;
	}
	/* Content - 2-column mobile */
	div.break_wrapper.fade_boxes.max_2 div.fade_box a div.overlay div.overlay_text,
	div.break_wrapper.fade_boxes.max_3 div.fade_box a div.overlay div.overlay_text,
	div.break_wrapper.fade_boxes.max_4 div.fade_box a div.overlay div.overlay_text {
		font-size: 5vw;
	}
	
	
	/* UNDEFINED */
	
	
	/* Content - Large Text */
	/*div.break_wrapper.fade_boxes.large_text.max_2 div.fade_box a div.overlay div.overlay_text,
	div.break_wrapper.fade_boxes.large_text.max_3 div.fade_box a div.overlay div.overlay_text,
	div.break_wrapper.fade_boxes.large_text.max_4 div.fade_box a div.overlay div.overlay_text, {
		font-size:6vw;
	}*/
	
	/* Full Width - Large Text */
	/*div.break_wrapper.fade_boxes.full_width.max_2 div.fade_box a div.overlay div.overlay_text{
		font-size:5.5vw;			
	}*/

}

@media screen and (min-width: 1025px){
	
	/* Content - 1 column to fit in narrow content space. */
	div.break_wrapper.fade_boxes div.fade_box a div.overlay div.overlay_text {font-size:6vw;}
	
	/* Content - 2 column to fit in narrow content space. */
	div.break_wrapper.fade_boxes.max_2 div.fade_box a div.overlay div.overlay_text,
	div.break_wrapper.fade_boxes.max_3 div.fade_box a div.overlay div.overlay_text,
	div.break_wrapper.fade_boxes.max_4 div.fade_box a div.overlay div.overlay_text {
		font-size:3vw;
	}
	
	/* Full Width - Maintain 1-column font size at full width. */
	div.break_wrapper.fade_boxes.full_width div.fade_box a div.overlay div.overlay_text{font-size:10vw;}
	
	/* Full Width - Maintain 2-column font size at full width. */ 
	div.break_wrapper.fade_boxes.full_width.max_2 div.fade_box a div.overlay div.overlay_text,
	div.break_wrapper.fade_boxes.full_width.max_3 div.fade_box a div.overlay div.overlay_text,
	div.break_wrapper.fade_boxes.full_width.max_4 div.fade_box a div.overlay div.overlay_text {
		font-size:5vw;
	}
	
	/* UNDEFINED */
	
	/*div.break_wrapper.fade_boxes.large_text.max_2 div.fade_box a div.overlay div.overlay_text,
	/*div.break_wrapper.fade_boxes.square.max_2 div.fade_box a div.overlay div.overlay_text{font-size:4vw;}
	div.break_wrapper.fade_boxes.large_text div.fade_box a div.overlay div.overlay_text{font-size:8vw;}				/* !!! */*/
	
	/* Sizes for if boxes are in columns already? */																			/* !!! */
	div#col_sect_2 div.break_wrapper.fade_boxes div.fade_box a div.overlay div.overlay_text{font-size:3vw;}
	div#col_sect_3 div.break_wrapper.fade_boxes div.fade_box a div.overlay div.overlay_text{font-size:2vw;}
	
	
}

@media screen and (min-width: 1200px){
	
	/* Content - Switch to 3-column. */
	div.break_wrapper.fade_boxes.max_3 div.fade_box {
		width: 32.666%;
		margin: 0 0 1%;
	}
	
	div.break_wrapper.fade_boxes.max_3 div.fade_box.c3m1{margin-left:0%; margin-right:0.5%;}
	div.break_wrapper.fade_boxes.max_3 div.fade_box.c3m2{margin-left:0.5%; margin-right:0.5%;}
	div.break_wrapper.fade_boxes.max_3 div.fade_box.c3m3{margin-left:0.5%; margin-right:0%;}
	
	div.break_wrapper.fade_boxes.max_3 div.break_2 {
		clear: none;
	}
	div.break_wrapper.fade_boxes.max_3 div.break_3 {
		clear: both;
	}
	div.break_wrapper.fade_boxes.max_3 div.fade_box a div.overlay div.overlay_text {
		font-size: 2vw;
	}
	/* Full Width - Adjust 3-column font size at full width. */ 
	div.break_wrapper.fade_boxes.full_width.max_3 div.fade_box a div.overlay div.overlay_text {
		font-size: 3.25vw;
	}
	
	/*div.break_wrapper.fade_boxes.col_3 div.fade_box{width:32.6666%;float:left;}
	div.break_wrapper.fade_boxes.col_3 div.fade_box:nth-of-type(3n+1){margin-right:0.5%;}
	div.break_wrapper.fade_boxes.col_3 div.fade_box:nth-of-type(3n+2){margin-right:0.5%;margin-left:0.5%;}
	div.break_wrapper.fade_boxes.col_3 div.fade_box:nth-of-type(3n+3){margin-left:0.5%;}
	div.break_wrapper.fade_boxes.col_3 > div.box_row:last-of-type div.fade_box{margin-bottom:0;}
	div.break_wrapper.fade_boxes.col_3 div.fade_box a div.overlay div.overlay_text{font-size:2vw;}
	div.break_wrapper.fade_boxes.large_text.col_3 div.fade_box a div.overlay div.overlay_text,
	div.break_wrapper.fade_boxes.square.col_3 div.fade_box a div.overlay div.overlay_text{font-size:2.5vw;}
	div.break_wrapper.fade_boxes.square.col_3 div.fade_box div.image div.image_space{padding-bottom:100% !important;}
	div.break_wrapper.fade_boxes.full_width.col_3 div.fade_box a div.overlay div.overlay_text{font-size:3.5vw;}*/
}

@media screen and (min-width: 1600px){
	
	/* Content - Switch to 4-column. */
	div.break_wrapper.fade_boxes.max_4 div.fade_box {
		width: 24.25%;
		margin: 0 0.5% 1%;
	}
	
	div.break_wrapper.fade_boxes.max_4 div.fade_box.c4m1{margin-left:0%; margin-right:0.5%;}
	div.break_wrapper.fade_boxes.max_4 div.fade_box.c4m2{margin-left:0.5%; margin-right:0.5%;}
	div.break_wrapper.fade_boxes.max_4 div.fade_box.c4m3{margin-left:0.5%; margin-right:0.5%;}
	div.break_wrapper.fade_boxes.max_4 div.fade_box.c4m4{margin-left:0.5%; margin-right:0%;}
	
	div.break_wrapper.fade_boxes.max_4 div.break_2 {
		clear: none;
	}
	div.break_wrapper.fade_boxes.max_4 div.break_4 {
		clear: both;
	}
	div.break_wrapper.fade_boxes.max_4 div.fade_box a div.overlay div.overlay_text {
		font-size: 1.5vw;
	}
	/* Full Width - Adjust 4-column font size at full width. */ 
	div.break_wrapper.fade_boxes.full_width.max_4 div.fade_box a div.overlay div.overlay_text {
		font-size: 2.5vw;
	}
	
}


@media screen and (min-width: 1920px){
	
	/* Content - 1920px breakpoint */
	div.break_wrapper.fade_boxes div.fade_box a div.overlay div.overlay_text { font-size: 115.2px;		/* 1920 x 6% */ }
	div.break_wrapper.fade_boxes.max_2 div.fade_box a div.overlay div.overlay_text { font-size: 57.6px;	/* 1920 x 3% */	}
	div.break_wrapper.fade_boxes.max_3 div.fade_box a div.overlay div.overlay_text { font-size: 38.4px;	/* 1920 x 2% */ }
	div.break_wrapper.fade_boxes.max_4 div.fade_box a div.overlay div.overlay_text { font-size: 28.8px;	/* 1920 x 1.5% */ }
	
	/* Full-Width - 1920px breakpoint */
	div.break_wrapper.fade_boxes.full_width div.fade_box a div.overlay div.overlay_text { font-size: 192px;			/* 1920 x 10% */ }
	div.break_wrapper.fade_boxes.full_width.max_2 div.fade_box a div.overlay div.overlay_text { font-size: 96px;	/* 1920 x 5% */	}
	div.break_wrapper.fade_boxes.full_width.max_3 div.fade_box a div.overlay div.overlay_text { font-size: 62.4px;	/* 1920 x 3.25% */ }
	div.break_wrapper.fade_boxes.full_width.max_4 div.fade_box a div.overlay div.overlay_text { font-size: 48px;	/* 1920 x 2.5% */ }
	
	
	/*div.break_wrapper.fade_boxes div.fade_box a div.overlay div.overlay_text{font-size:115.2px;} /* 1920 x 6% */
	/*div.break_wrapper.fade_boxes.large_text div.fade_box a div.overlay div.overlay_text{font-size:153.6px;} /* 1920 x 8% */
	/*div.break_wrapper.fade_boxes.max_2 div.fade_box a div.overlay div.overlay_text{font-size:57.6px;} /* 1920 x 3% */
	/*div.break_wrapper.fade_boxes.large_text.max_2 div.fade_box a div.overlay div.overlay_text,
	/*div.break_wrapper.fade_boxes.square.max_2 div.fade_box a div.overlay div.overlay_text{font-size:77px;} /* 1920 x 4% */
	/*div.break_wrapper.fade_boxes.col_3 div.fade_box a div.overlay div.overlay_text{font-size:38.4px;} /* 1920 x 2% */
	/*div.break_wrapper.fade_boxes.large_text.col_3 div.fade_box a div.overlay div.overlay_text,
	/*div.break_wrapper.fade_boxes.square.col_3 div.fade_box a div.overlay div.overlay_text{font-size:48px;} /* 1920 x 2.5% */
	/*div.break_wrapper.fade_boxes.full_width.max_2 div.fade_box a div.overlay div.overlay_text{font-size:105.6px;} /* 1920 x 5.5% */
	/*div.break_wrapper.fade_boxes.full_width.col_3 div.fade_box a div.overlay div.overlay_text{font-size:67.2px;} /* 1920 x 3.5% */
	/*div#col_sect_2 div.break_wrapper.fade_boxes div.fade_box a div.overlay div.overlay_text{font-size:57.6px;} /* 1920 x 3% */
	/*div#col_sect_3 div.break_wrapper.fade_boxes div.fade_box a div.overlay div.overlay_text{font-size:38.4px;} /* 1920 x 2% */
}