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

/*Online Classes*/
#OnlineClassesPhotoContainer {
	position:relative;
	height: 800px;
	background-image: url("../_images/onlineButtonMenu.jpg");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: top left;
}
#OnlineClassesPhotoButtonContainer {
	height: 800px;
	padding: 2em;
}

#OnlineClassesPhotoButtonContainer span, span.mobileCatalogButton {
	display:block;
	margin-bottom: 1em;
	margin-top: 1em;
	width:100%;
}

.firstgenbubbletext a {
	color:#FFFFFF;
	text-decoration:none;
}
.firstgenbubbletext a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

.interactive_nav_section {
	margin-top:1.5em;
}
/*Deactivate Into Paragraph Show/HIDE*/
div#rmjs-1.add_more_less_intro_container {
	height: auto !important;
}
div.program_info a#more_Link {
	display:none !important;
}

/*END of Deactivate Into Paragraph Show/HIDE*/

.first-gen-achievements {
	text-align:center;
}
.first-gen-icons {
	max-width:120px;
}
.informational-text {
	text-align:center;
	font-size: 2em;
	line-height: 1em;
	display:block;
	margin-bottom: 2em;
	margin-top: 2em;
}

/*First Generation Red Stats Bar*/
div.first_gen_stats {
	color:#FFF;
	background-color:#9E1B2A;
	padding:6em;
	text-align:center;
}
.firstgenbold {
	font-size:3em;
	font-weight:bold;
}
.firstgenbox {
	padding:.25em;
	border:solid thick #FDAD32;
}
.first_gen_definition {
	display:block;
	margin-top:2em;
	font-size:1.25em;
}

/*Circle Stats Area - When We Succeed*/
.firstgencirclebg {
	width:100%;
	height:50em;
	background-image: url("../_images/mtSacStudentsCourtyard.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding-top: 5em;
	padding-bottom: 5em;
	padding-left: 3em;
}
.firstgencircle {
	width:40em;
	height:40em;
	border-radius: 50%;
	background-color:#9E1B2A;
	color: #FFF;
	position:relative;
}
.firstgenbubbletext {
	position:absolute;
	left:1.75em;
	top:4.5em;
	text-transform:uppercase;
	font-size: 3em;
	font-weight:bold;
	width:10em;
	text-align:center;
	line-height:1em;
}

/*Medum Resolution*/
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	#OnlineClassesPhotoContainer {
		height:auto;
	}
}

/* Small only */
@media screen and (max-width: 39.9375em) {
	.firstgencircle {
		height:20em;
		width:20em;
		margin:0 auto;
	}
	.firstgenbubbletext {
		left: 3em;
		top: 3em;
		font-size: 1.5em;
		width: 8em;
	}
	.firstgenbold {
		font-size:1.5em;
	}
	.firstgenbox {
		display:block;
	}
	.firstgencirclebg {
		padding-left: 0;
	}
	.introbuttons {
		display: block;
		margin-bottom: 1em;
		width: 100%;
	}
	div.first_gen_stats span.firstgenbold {
		line-height:1em;
	}
}