/* Media Grid Plugin Styling (Home Site)
-------------------------------------------------------------- */

/*** ----- MODIFY CSS FOR OUR NEEDS AND STYLES ----- ***/

/* ------ grid items ------ */

/* increase font size for grid item title when hovered, and position <b> underneath for subtitle */
.mg_box .mgi_overlays .mg_overlay_tit {
	font-size: 18px;
}
.mg_box .mgi_overlays .mg_overlay_tit > b {
	display: block;
	text-transform: uppercase;
	font-size: 11px;
	padding-top: 5px;
	font-weight: normal;
}

/* ------ full overlay ------ */

h1.mg_item_title {
	margin: -8px 0 10px 0;
}

/* change link styles */
.mg_item_text a {
	color: #444444;
	text-decoration: underline;
}
.mg_item_text a:hover {
	color: #000000;
}

/* remove <b> from overlay */
#mg_lb_contents .mg_item_content .mg_item_title > b {
	display: none;
}

/* add styling to <b> when prev and/or next arrows on top of overlay are hovered */
#mg_lb_contents #mg_lb_inside_nav .mg_lb_nav_inside span > b {
	margin-left: 5px;
	padding-left: 5px;
	border-left: 1px dotted #ccc;
	font-weight: normal;
	font-family: "Verb";
}

/* button link styling */
.resolute-grid-button {
	font-size: 13px;
	font-family: "Verb";
	text-transform: uppercase;
	background: #bcbcbc;
	padding: 10px 20px;
	border-radius: 2px;
	text-decoration: none;
	float: left;
	margin-top: 40px;
	transition: background 0.25s ease-out 0s;
	color: #fff;
}
.resolute-grid-button:hover {
	background: #fbba37;
	text-decoration: none;
}

/* ------ Add additional styling for popup boxes here for individual sites, and wrap all the content a unique class name ------ */

/* -- Office of Admission, Graduate Programs, MBA (sites) -- */
.office-of-admission .mg_item_content p, .office-of-admission .mg_item_content ul, .office-of-admission .mg_item_content li,
.graduate-programs .mg_item_content p, .graduate-programs .mg_item_content ul, .graduate-programs .mg_item_content li,
.master-of-business-administration .mg_item_content p, .master-of-business-administration .mg_item_content ul, .master-of-business-administration .mg_item_content li {
	font-size: 13px;
}
.office-of-admission .mg_item_content p:last-child,
.graduate-programs .mg_item_content p:last-child,
.master-of-business-administration .mg_item_content p:last-child {
	margin: 0;
}

.office-of-admission .mg_item_content .item,
.graduate-programs .mg_item_content .item,
.master-of-business-administration .mg_item_content .item {
	color: #000;
	border-bottom: 1px solid #e8e8e8;
	text-transform: uppercase;
	margin-bottom: 7px;
	padding-bottom: 0;
	font-family: "Aleo", serif;
	font-weight: bold;
}
.office-of-admission .mgi_txt_under,
.graduate-programs .mgi_txt_under,
.master-of-business-administration .mgi_txt_under {
	margin-top: 12px;
	border-top: 1px solid #e8e8e8;
	text-align: center;
}
.office-of-admission .mgi_txt_under span.mg_def_txt_under > b,
.graduate-programs .mgi_txt_under span.mg_def_txt_under > b,
.master-of-business-administration .mgi_txt_under span.mg_def_txt_under > b {
	display: block;
	text-transform: uppercase;
	font-size: 80%;
	padding-top: 2px;
}
.office-of-admission .mg_item_text .majors-mg-column-buttons,
.graduate-programs .mg_item_text .majors-mg-column-buttons {
	display: block;
	list-style: none;
	text-align: center;
	margin-top: 0.5em;
	margin-bottom: 2em;
}
.office-of-admission .mg_item_text .majors-mg-column-buttons li,
.graduate-programs .mg_item_text .majors-mg-column-buttons li {
	display: inline-block;
	float: left;
	width: 48%;
	margin-right: 2%;
	margin-bottom: 2em;
}
.office-of-admission .mg_item_text .majors-mg-column-buttons li a,
.graduate-programs .mg_item_text .majors-mg-column-buttons li a {
	background: #fbba37;
	padding: 1em;
	border-radius: 3px;
	color: #222222;
	text-align: center;
	display: block;
	text-decoration: none;
}
.office-of-admission .mg_item_text .majors-grid-quote,
.graduate-programs .mg_item_text .majors-grid-quote {
	background: #333;
	color: #fff;
	padding: 10px;
	border-radius: 2px;
	clear: both;
	line-height: 1.6;
}
.office-of-admission .mg_item_text .majors-grid-quote .citation,
.graduate-programs .mg_item_text .majors-grid-quote .citation {
	display: block;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	margin-top: 6px;
	color: #fbba37;
	text-transform: uppercase;
}

.graduate-programs .mg_item_content .mg_item_title {
	display: none;
}

.graduate-programs .mg_item_content .grid-item-title {
	font-size: 20px;
}

/* -- Admissions First Year - Ambassador Information -- */
.first-year .mg_item_content p, .first-year .mg_item_content ul, .first-year .mg_item_content li {
	font-size: 13px;
}
.first-year .mg_item_content p:last-child {
	margin: 0;
}

.first-year .mg_item_content .item {
	color: #000;
	border-bottom: 1px solid #e8e8e8;
	text-transform: uppercase;
	margin-bottom: 7px;
	padding-bottom: 0;
}

/* -- Student Athlete Recruits -- */

/* make max-height of text be 450px and add scroll if need be */
.student-athlete-recruits #mg_lb_contents .mg_item_content {
	max-height: 475px;
	overflow-y: auto;
}

/* styling the questions/answers */
.student-athlete-recruits #mg_lb_contents .mg_item_content p {
	font-size: 12px;
}
.student-athlete-recruits #mg_lb_contents .mg_item_content p:last-child {
	margin: 0;
}

.student-athlete-recruits #mg_lb_contents .mg_item_content .item {
	color: #000;
	border-bottom: 1px solid #e8e8e8;
	text-transform: uppercase;
	margin-bottom: 7px;
	padding-bottom: 0;
}

/* let's also hide the main nav bar (and mobile) and the breadcrumbs of the site since it's not needed */
.student-athlete-recruits #horizontal-nav, .student-athlete-recruits #mobile-nav, .student-athlete-recruits #breadcrumbs {
	display: none !important;
}

/* add button link styling */
.media-grid-button {
	background: #f9c04d;
	padding: 7px;
	text-decoration: none !important;
	color: #222 !important;
	display: inline-block;
	border-radius: 2px;
	margin-top: 10px;
	text-transform: uppercase;
	font-family: Verb Medium;
	font-size: 10px;
	letter-spacing: 0.3px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.media-grid-button:hover {
	background: #fbba37;
	color: #000000;
}


/* responsive styling fixes 
----------------------------------*/

@media screen and (min-width: 320px) and (max-width: 829px) {

	.mg_layout_side .mg_item_featured {
		width: 100%;
		max-width: 100%;
	}
	.mg_layout_side .mg_item_content {
		width: 100%;
		max-height: 100%;
		overflow-y: hidden;
	}
	h1.mg_item_title {
		margin-top: 0;
	}
	.office-of-admission .mg_item_text .majors-mg-column-buttons {
		display: block;
		list-style: none;
		text-align: center;
		margin: 0 0 1em 0;
	}
	.office-of-admission .mg_item_text .majors-mg-column-buttons li {
		float: none;
		width: 100%;
		margin-bottom: 1em;
	}

}

@media screen and (min-width: 830px) and (max-width: 1140px) {
  
	.mg_layout_side .mg_item_featured {
		width: 100%;
		max-width: 50%;
	}
	.mg_layout_side .mg_item_content {
		width: 46%;
	}
}