/*Smooth Scrolling*/
html {
	scroll-behavior: smooth;
}
/*Nondisc Language Asset*/
.nondescriminationCntr {color:#000000;padding-left:4em;padding-right:4em;padding-bottom:4em;clear:both;}
.nondescriminationCntr p {font-size:.75em;line-height:1em;margin-bottom:1em;}
.nondescriminationCntr .snippettitle {padding-left:.35em;}
/*Color Treatment for Site Hamburger Menu*/
@media (max-width: 910px) {
	header div.header-interior-bar .btn-menu span {
		border-top: 3px solid #FFFFFF;
	}
	header div.header-interior-bar .btn-menu span:before, header div.header-interior-bar .btn-menu span:after {
		background: #FFFFFF;
	}
	header div.header-interior-bar a.btn-menu.active span {
		border-top:none !important;
	}
}

/*Google Search Main Bar 2025 Treatment*/
header.header div.mobile-hidden div.srchCntr {
	height: 32px;
	width:300px;
	z-index:3;
	position:absolute;
	right:360px;
	top:0;
	transition: width 0.4s
}
header nav div.show-for-medium-down.gsrchContainer {
	margin-top:1em;
}
header.header span.gsearch,header.header span.gsearch {
	color: #FFFFFF;
	font-family: "SourceSansPro", sans-serif !important;
	font-weight: normal !important;
}
header div.header-interior-bar span.fa.fa-search {
	color:#FFFFFF;
}
header.header span.gsearch:hover, header.header span.fa-search:before {
	cursor: pointer;
}
header.header span.fa {
	color: #FFFFFF;
}
header.header span.fa-search:before {
	margin-right:.25em;
}
header.header td.gsc-search-button {
	padding-top:1.25em;
}

@media screen and (max-width: 910px) {

	header div.header-bar-bottom nav ul.nav-secondary {
		width: 100%;
		background-color: #FFFFFF;
		text-align: center;
		margin-bottom: .5em;
		padding-bottom:1em;
	}

	header div.rightnavmenu li.show-for-medium-down .rsbtn_mtsacskin_mobile #rsbtn_mtsacskin_mobile, header nav .rsbtn_mtsacskin_mobile .rsbtn_play, header nav .rsbtn_mtsacskin_mobile  {
		clear:both;
		float:none !important;
		margin: 0 auto !important;
		text-align: center;
		width: 100px;
	}

}

/*OCELOT BOT POSITIONING*/

div.ChatbotLauncher-launcher {
	bottom: 16px !important;
}
.MaxAI .oclt-1kezgrp .ChatbotDrawer-drawerPaper40 {
	height: 100%;
}

/*Cookies Blue Bar at top of page*/
div.cc-message .cc-link, div.cc-window  {
	color:#FFFFFF;
	background-color:#076DB9;
}

/* Main search button placeholder text for "Search Mt. SAC" Desktop Mode */
input[title="Mt. SAC Desktop Search Query Field"]::placeholder {
	color: #777777 !important;
	font-size: inherit;
}

/* Main search button placeholder text for "Search Mt. SAC" Mobile Mode */
input[title="Mt. SAC Mobile Search Query Field"]::placeholder {
	color: #777777 !important;
	font-size: inherit;
}

/* Main search button placeholder text for "Search Mt. SAC" Default Mode */
input[title="Mt. SAC Search Query Field"]::placeholder {
	color: #777777 !important;
	font-size: inherit;
}

/*Calendar See all Events Button Margin*/
.see-all-events {
	margin-top: 1em !important;
}

/* Backgrounds */

.adjustedbackground {
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 400px;
	background-position: center center;
	background-size: 100% auto;
	padding: 30px;
}
.fourthirdsfixedbackground {
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: #222222;
	width: 100%;
	height: auto;
	max-width: 100%;
	min-height: 878px;
	padding-bottom: 75%;
	background-position: top center;
	background-size: 100% auto;
	padding: 30px;
}
.fixedbackground {
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 100%;
	background-position: top center;
	background-size: 100% auto;
	padding: 30px;
}
@media (max-width: 799px) {
	.parallaxscroll {
		background-attachment: scroll;
		background-repeat: no-repeat;
		background-position: center center;
		padding: 30px;
		min-height: 400px;
		width: 100%;
		height: auto;
		max-width: 100%;
	}
	.widestaticheroimageright {
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		min-height: 500px;
		background-position: top right;
		/* background-size:100% auto; */

		padding: 30px;
	}
	.widestaticheroimageleft {
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		min-height: 500px;
		background-position: top left;
		/* background-size:100% auto; */

		padding: 30px;
	}
	.widestaticheroimagecenter {
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		min-height: 500px;
		background-position: top center;
		/* background-size:100% auto; */

		padding: 30px;
	}
}
@media (min-width: 800px) {
	.parallaxscroll {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-position: center center;
		padding: 30px;
		min-height: 400px;
	}
	.widestaticheroimageright {
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		min-height: 400px;
		background-position: top center;
		background-size: 100% auto;
		padding: 30px;
	}
	.widestaticheroimageleft {
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		min-height: 400px;
		background-position: top center;
		background-size: 100% auto;
		padding: 30px;
	}
	.widestaticheroimagecenter {
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		min-height: 400px;
		background-position: top center;
		background-size: 100% auto;
		padding: 30px;
	}
}
/*Keep UL text White in Parallax*/
div.parallaxscroll ul li {
	color:#FFF;
}
/*Photo Containers*/

.panel_photo_container {
	position: relative;
	min-height: 400px;
	height: 100%;
	width: 100%;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 30px;
	overflow: hidden;
}
.panel_text_container_left {
	background: rgba(0, 0, 0, 0.5);
	width: 50%;
	margin: 20px;
	padding: 30px;
}
.panel_text_container_centered {
	background: rgba(0, 0, 0, 0.5);
	width: 50%;
	margin: 0 auto;
	padding: 30px;
}
.panel_text_container_right {
	float: right;
	background: rgba(0, 0, 0, 0.5);
	width: 50%;
	margin: 20px;
	padding: 30px;
}
.WhiteText h1,
.WhiteText h2,
.WhiteText h3,
.WhiteText h4,
.WhiteText h5,
.WhiteText h6,
.WhiteText p {
	color: #FFFFFF;
	font-family:inherit;
}
div.WhiteText {
	color: #FFFFFF;
	font-family:inherit;
}
.panel_text_container p {
	font-size: 1.25em;
	line-height: 100%;
}
/*Calendar CSS : Puts Time and Location on Same Line*/

div.lw_events_location,
div.lw_events_time {
	display: inline;
	margin-right: 5px;
}
/*END Calendar CSS*/
/*Photo Stack*/

.content_title {
	margin-left: 30px;
}
.stack_photo_container {
	position: relative;
	overflow: hidden;
	min-height: 400px;
	height: 700px;
}
.stack_photo_bg {
	position: relative;
	height: 100%;
	background-attachment: fixed;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
}
.content_support {
	width: 45%;
	padding: 20px 27px;
	margin-left: 30px;
	margin-bottom: 25px;
	background: #361919;
	/* Fall-back for browsers that don't support rgba */

	background: rgba(54, 25, 25, 0.5);
}
.content_support h1,
.content_support h2,
.content_support h3,
.content_support h4,
.content_support h5 {
	color: #FFF;
	text-transform: uppercase;
}
.content_support p {
	color: #FFF;
	font-size: inherit;
}
/*END OF Photo Stack*/
/*FIRST CONTENT BLOCK*/

.content_grid {
	margin-top: 30px;
	margin-bottom: 30px;
}
.content_grid img {
	width: 100%;
}
.content_grid h2 {
	text-align: left;
	font-size: 1.875rem;
	line-height: 1.2;
	//font-family: "Open Sans", sans-serif;
}
/*END FIRST CONTENT BLOCK*/

/*SECOND CONTENT BLOCK*/

div.content_div_panel div.learnmorediv {
	/*padding-top: 50px;*/
	padding-bottom: 15px;
	margin-right: 30px;
	margin-top: 15px;
	position: absolute;
	bottom: 20px;
	height: 40px;
	padding-bottom: 35px;
}
div.content_div_panel div.learnmorediv p {
	line-height: 100%;
}
.ctnt_blk {
	margin: 0px;
	margin-top:20px;
}
.ctnt_blk img {
	width: 97%;
}
.content_div_panel {
	padding: 15px;
	background-color: #FFF;
	width:97%;
	margin:0 auto;
}
div.learnmorediv a.learn_more_btn {
	padding-right: 25px;
	color: #837543;
	margin-right: 15px;
	display:block;
	margin-top: 30px;
}
div.learnmorediv .learn_more_btn::after {
	margin-left: 5px;
	font-family: 'FontAwesome';
	content: "\f0a9";
	font-size: 1.125em;
}
.content_div_panel a:hover {
	color: #076DBF;
	text-decoration:underline; 
	font-size: inherit;
}
div.contrain_img {
	text-align:center;
}
.div_hover_link {
	background-color: rgba(255, 255, 255, 0);
	-webkit-transition: opacity .45s ease;
	-moz-transition: opacity .45s ease;
	transition:0.45s;
}

.div_hover_link:hover {
	background-color: rgba(255, 255, 255, .7);
	background-blend-mode: overlay;
}


/*Revamp of Areas of Study 2 and 3 Column Areas of Study*/
.studyBlock2Paragraph {
	display:block;
	line-height:1em;
}
div.areasOfStudy3LearnMore, div.TwoColumnLearnMoreDiv {
	background-color: #FFF;
	width:97%;
	margin:0 auto;
	padding:1em;
}

a.areasOfStudy3LearnMoreLink, a.TwoColumnLearnMoreLink {
	color: #000079;
	font-size: inherit;
}
a.areasOfStudy3LearnMoreLink::after, a.TwoColumnLearnMoreLink::after, span.areasOfStudy3LearnMoreLink::after, span.TwoColumnLearnMoreLink::after {
	margin-left: 5px;
	font-family: 'Font Awesome 6 Pro';
	content: "\f0a9";
	font-size: 1.125em;
}
a.areasOfStudy3LearnMoreLink:hover, a.TwoColumnLearnMoreLink:hover {
	color: #3470b7;
	font-size: inherit;
}
/*END OF SECOND CONTENT BLOCK*/

/*Areas of Study (3 Column Deluxe)*/
div.areasOfStudy_moreinfo {
	width: 97%;
	margin: 0 auto;
	padding: 1em;
}

.updatectnt_blk {
	float:left !important;
}



/*OUR PROFESSORS ASSET STYLING*/

div.faculty_photos span.prof_name, div.faculty_photos div.prof_name{
	//text-align:center;
	display: block;
}
.faculty_photos,
.contact_us {
	//border-top: 1px solid #CCC;
}
.faculty_photos img {
	width: 100%;
}
.icon_row {
	padding-top: 15px;
	margin-top: 20px;
	margin-top: 20px;
	//border-top: 1px solid #CCC;
	//border-bottom: 1px solid #CCC;
}
.event_calendar {
	//height:370px;
	//overflow:hidden;
}

@media only screen and (max-width: 40em) {
	div.faculty_photos li.faculty_photo_blocks {
		max-width:100%;
		height:auto;
	}
}

/*RSS FEED STYLE*/

.rss_feed {
	width: 100%;
	display: block;
	background-color: #b9a280;
}
.rss_feed h2,
.rss_container_div2 h2 {
	margin: 0px;
	padding-left: 55px;
}
div#feed1.columns.small-12 {
	/* background-color: #b9a280; */
}
/*END RSS FEED STYLE*/
/*RSS FEED STYLE B*/

.rss_feedb {
	width: 100%;
	display: block;
	background-color: #fff;
}
.rss_feedb h2,
.rss_container_div2 h2 {
	margin: 0px;
	padding-left: 55px;
}
div#feed1.columns.small-12 {}
/*END RSS FEED STYLE*/

.circle_photo {
	width: 160px;
	height: 160px;
	border-radius: 80px;
}
span.italics {
	font-style: italic;
}
.clearfloat {
	clear: both;
	margin: 0px;
}
.divider_block {
	clear: both;
	max-width=1920px;
	padding: 25px 0px 25px 0px;
	margin: 0px;
}
.quote_block {
	width: 75%;
	margin: 0 auto;
	padding-top: 25px;
}
.quote_photo {
	left: 0px;
	text-align: center;
	margin-bottom: 25px;
	margin-right: 25px;
}
.quote_author {
	font-weight: bold;
	font-size: .75em;
	line-height: 100%;
}
.quote_text p {
	font-size: 1.250em;
	line-height: 1.2em
}
.quote_text {
	width: 100%;
}
.heroImg {
	margin-bottom: 15px;
}
.accordion-navigation {
	margin-left: -30px;
}
div.content_grid {
	display: inline-block;
	float: left;
	padding-left: .9375rem;
	padding-right: .9375rem;
}
.lwcw h3:hover {
	text-decoration: none;
}
div.program_desc {
	display: block;
	padding: 15px;
	margin-top: 25px;
}
div.search-all-events {
	display: none;
}
div.iconwraper {
	margin-top: 20px;
}
.rt_column_space {
	margin-top: 30px;
}
div.rt_column_space li {
	margin: 0px;
	padding: 0px;
}

/* commented out 5/2/16 - by OU AS */
/*
.subfooter {
margin-top: 30px;
}
*/

/* Circle Icon Bar CSS */


.linktext {
	display: inline-block;
	position: relative;
	text-align: center;
	margin: 10px auto;
}


.linktext > a:hover {
	text-decoration: underline;
}


.circleicons-wrapper {
	text-align: center;
	margin: 50px 0;
}


.ci {
	display: inline-block;
	line-height: 1.8em;
	font: normal normal normal 'Font Awesome 6 Pro';
	/* line-height:1.8em;
	font-size: 3.8em;
	**moved frin 1.7 to 1.8 to nudge icons down a tad - Matt 7/2016 -changed back, JG
	*/

	font-size: 3.8em;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	color: rgba(255, 255, 255, 1);
	/* color: rgba(255, 255, 255, 0.8); Changed JG*/
}
.ci:hover {
	color: #fff;
	font-size: 3.8em;
	line-height: 1.8em;
}
/*DUOTONE TREATMENT FOR TOOLBAR AREA*/
span.ci.fa-duotone, span.ci.fa-duotone:hover {
	font-family: 'Font Awesome 6 Duotone';
	font-size: 3.8em;
	line-height: 1.8em;
}
.cicon {
	border-radius: 50%;
	/* opacity: 0.8;
	filter: alpha(opacity=80);  Disabled by J.George due to color icons */
	/* For IE8 and earlier */

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.cicon:hover {
	border-radius: 50%;
	opacity: 1.0;
	filter: alpha(opacity=100);
	/* For IE8 and earlier */

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.circleicons {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background-color: #7dc545;
	border: 4px solid #fff;
	box-shadow: 0 4px 4px 0 rgba(125, 197, 69, 0.2);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.circleicons:hover {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background-color: #7dc545;
	border: 4px solid #fff;
	box-shadow: 0 0 0 0px white, 0 0 0 5px #3470b7, 0 0 20px 10px rgba(52, 112, 183, 0.1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.circleiconsimgs {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background-color: #7dc545;
	border: 4px solid #fff;
	box-shadow: 0 4px 4px 0 rgba(125, 197, 69, 0.2);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.circleiconsimgs:hover {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background-color: #7dc545;
	border: 4px solid #fff;
	box-shadow: 0 0 0 0px white, 0 0 0 5px #3470b7, 0 0 20px 10px rgba(52, 112, 183, 0.1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.ci.circleiconsimgs {
	line-height: unset;
}
/* Faculty Slider */

.ms-info h1 {
	text-align: center;
	font-weight: bold;
	color: #3470b7;
}
.ms-info h2,
h3,
h4,
h5,
h6,
p {
	text-align: left;
	color: #464646;
}
@media (min-width: 320px) {
	.ms-info {
		margin: 0 auto;
		width: 98%;
	}
}
@media (min-width: 640px) {
	.ms-info {
		margin: 0 auto;
		width: 80%;
	}
}
/* Social Media Bar */

.socialMedia {
	text-align: center;
	background-color: rgba(87, 198, 202, 0.1);
	padding: 20px;
}

.s_media_container span.fab {
	font-size:3em;
}

div.s_media_container li {
	vertical-align: top;
}
div.s_media_container li img {
	padding-top:2px;
	width: 45px;
	height:45px;
	border-radius: 5px;
}

/*End of Social Media CSS*/

/*Citation With Author Quote*/
span.quote_cite_author {
	display: block;
	float: right;
	padding: 10px;
	/*margin: 0 0 0 10px;*/
	margin-top: -30px !important;
	width: 250px;
	font-size: 1.25em;
	font-style: italic;
	font-weight: 300;
	line-height: 1.25em;
}

/*Required Courses Table Styling*/
.required_courses_content p, .required_courses_content h3, .required_courses_content ul, .learning_outcome_content p, .learning_outcome_content h3, .learning_outcome_content ul, .description_content p, .description_content h3, .description_content ul  {
	display:none;
}
.required_courses_content table.sc_courselist tr.odd, .learning_outcome_content table.sc_courselist tr.odd, .description_content table.sc_courselist tr.odd  {
	background-color:#e9e9e9;		
	font-size: inherit;
}
.required_courses_content table.sc_courselist td, .learning_outcome_content table.sc_courselist td, .description_content table.sc_courselist td{
	padding: 0.5em;
	margin: 0.1rem 0.2rem;
}
.required_courses_content table.sc_courselist tr.listsum, .learning_outcome_content table.sc_courselist tr.listsum, .description_content table.sc_courselist tr.listsum {
	font-weight: bold;
}
.required_courses_content table.sc_courselist td.codecol, .learning_outcome_content table.sc_courselist td.codecol, .description_content table.sc_courselist td.codecol {
	padding-left:20px !important;
}
.required_courses_content table.sc_courselist td.codecol div, .learning_outcome_content table.sc_courselist td.codecol div, .description_content table.sc_courselist td.codecol div{
	margin-left:0px !important;
}
.required_courses_content table.sc_courselist td.hourscol, .learning_outcome_content table.sc_courselist td.hourscol, .description_content table.sc_courselist td.hourscol {
	text-align:center
}
.required_courses_content table.sc_courselist tr.listsum, .learning_outcome_content table.sc_courselist tr.listsum, .description_content table.sc_courselist tr.listsum {
	background-color:gray;
	font-size: inherit;
}

/*Faculty Contacts With Photos Styles*/
div.minimize60 {
	width:60px;
	height:60px;
	overflow:hidden;

}
div.minimize60 img {
	max-width:60px;
}

/*For Courseleaf Catalog Table Transformation Snippit - Matt Bidart */
div.catalog_info span.dept-img {
	min-width:300px;
	min-height:250px;
	display:block;
	background-repeat:no-repeat;

}
div.catalog_info div {
	//display:inline-block;
	margin:30px;
}

/*Courseleaf Catalog Table Formatting*/
div.catalog_info table.courseblock_schedule {
	width:100%;
}
div.catalog_info table.courseblock_schedule thead th {
	font-size: 1.1rem;
	color: #6d6d6d;
	padding: 0.5rem;
	margin: 0.1rem 0.2rem;
	font-weight: bold;
	text-align: left;
	background: #e9e9e9;
	border-color: #fbfbfb;
}
div.catalog_info table.courseblock_schedule tbody td {
	padding: 0.5em;
	margin: 0.1rem 0.2rem;
}

.catalog_info table td {
	border:0px;
	padding:5px;
}
.catalog_info table tr.odd {
	background:#e8f4f8;
	font-size: inherit;
}
.catalog_info table span.courselistcomment {
	font-weight: bold;
}
.catalog_info table tr.listsum {
	background: #c6c6c6;
	padding:15px;
	font-weight: bold;
}
.catalog_info table tr.listsum td {
	padding:15px;
}
/*End of CourseLeaf Table Formatting*/

/*Formatting for Multimedia Areas of Study Snippet 10/16 Matt Bidart*/
.multimedia_2column .video_embeds iframe {
	width: 100% !important;
	/* 	height:100% !important;  Was adversely affecting appearance of snippet*/
}
.multimedia_2column .multimedia_titles {
	font-size:1em;
	font-weight:bold;
	padding:5px;
}
.multimedia_2column .multimedia_container {
	height:100%;
	background:#FFF;
	min-height:280px;
	overflow:hidden;
	display: block; 
	margin: 0 auto;
	width: 97%;
}

.multimedia_2column .multimedia_bg_img {
	background-size: cover; 
	background-repeat: no-repeat; 
	height: 280px; 
	width: 97%; 
	display: block; 
	margin: 0 auto;
}
div.video_learnmorediv_revised a.video_learn_more_btn_revised {
	background: #FFF;
	padding: 15px;
	width: 97%;
	margin: 0 auto;
	color: #000079;
	display: block;
}

div.video_learnmorediv_revised a.video_learn_more_btn_revised:hover {
	color: #3470b7;
	font-size: inherit;
}


a.video_learn_more_btn_revised::after {
	margin-left: 5px;
	font-family: 'FontAwesome';
	content: "\f0a9";
	font-size: 1.125em;
}
/*End of Multimedia Area of Study Snippet*/

/*Faculty Directory Asset "Our Faculty"*/
div.faculty_photos div.see-all-events {
	float:left;
}
span.faculty_ttl {
	display:block;
}
@media (max-width: 640px) {
	div.constrainprofileimg {
		min-height:450px !important;
		overflow:hidden;
		background-size: 100% !important;
		background-repeat: no-repeat;

	}
}

div.constrainprofileimg {
	min-height:250px;/*Changed from 450- Matt*/
	overflow:hidden;
	background-size: cover;
	background-repeat: no-repeat;
}

div.faculty_photos.edge_2_edge div.constrainprofileimg,  /* Added by OU */
div.constrainprofileimg_larger {
	min-height:450px;/*For Larger Areas- Matt*/
	overflow:hidden;
	background-size: cover;
	background-repeat: no-repeat;
}

/*Additional Rotator Styles*/
div.faculty_photos div.constrainprofileimg.noimg {
	background-color:#CCCCCC;
	text-align:center;
}
div.faculty_photos div.constrainprofileimg.noimg span.noimgtxt {
	margin-top:7em;
	display:block;
	color:#000000;
}

@media only screen and (max-width: 40em) {
	div.constrainprofileimg {
		min-height:600px;
		overflow:hidden;
		background-size: cover;
		background-repeat: no-repeat;
	}
}

/*END of Faculty Directory Asset */

/*SHOW MORE/LESS CONTENT - Matt B.*/

.ou_add_more_less iframe, .addmrelss iframe {
	display:block;
}

a#more_Link::after{
	font-family: 'Font Awesome 6 Pro';
	content: '\f078';
	margin-left: 5px;
}
a#less_Link::after{
	font-family: 'Font Awesome 6 Pro';
	content: '\f077';
	margin-left: 5px;
}
a#more_Link, a#less_Link{
	display: block;
	font-size:18px;
}
a#more_Link:hover, a#less_Link:hover {
	text-decoration:none;
}

a#more_Link.moreless_inline.row:after, a#less_Link.moreless_inline.row:after {
	display:inline;
}
.read-more-blur {
	width: 100%;
	float: left;
	z-index: 100;
	margin-top: -18px;
	margin-left: -10px;
	padding-top: 28px;
	background-color: #FFF;
	height: 10px;
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-o-filter: blur(10px);
	-ms-filter: blur(10px);
	filter: blur(10px);
}
/*END OF SHOW MORE/LESS CONTENT*/

/*Button Group Snippet*/

/*Default Centered Styles*/
.button_group_ou ul.centered_list_items {
	list-style-type:none;
	text-align:center;
	margin-left:0px;
}

.button_group_ou ul.rt_justified_list_items {
	list-style-type:none;
	text-align:right;
	margin-left:0px;
}

/*Small Screens*/
@media only screen and (max-width: 40em) {

	.button_group_ou ul.inline-list li {
		width: 100% !important;
		margin-bottom:1em;
	}

	.button_group_ou ul.centered_list_items li, .button_group_ou ul.rt_justified_list_items li {
		display:block;
	}
	.button_group_ou ul.centered_list_items li span, .button_group_ou ul.rt_justified_list_items li span {
		width:100%;
		margin-bottom:1em;
	}
	.button_group_ou ul.add_small_margins {
		margin-left:1em;
		margin-right:1em;
	}
	.button_group_ou ul.add_small_margins li {
		margin-left:0em !important;
		margin-right:0em !important;
	}
	.button_group_ou ul.add_small_margins {
		margin-left:.05em;
		margin-right:.05em;
	}
	.button_group_ou .add_small_margins_wide {
		margin-left:1em;
		margin-right:1em;
	}
}
/*Medium AND Up Screens*/
@media screen and (min-width: 40em) {
	.button_group_ou ul.inline-list li {
		margin-right:.5em;
		margin-bottom:.5em;
	}
	.button_group_ou ul.centered_list_items li, .button_group_ou ul.rt_justified_list_items li {
		display:inline-block;
	}

	.button_group_ou ul.centered_list_items li span {
		margin-right:.5em;
		margin-bottom:.5em;
	}
	.button_group_ou ul.rt_justified_list_items li {
		margin-left:.5em;
		margin-bottom:.5em;
	}

}
/* Wide Static Hero W/Content Snippet Styling */
.ou_widestaticheroimagecenter_cntnt ul li, .ou_widestaticheroimagecenter_cntnt ol li, .ou_widestaticheroimagecenter_cntnt {
	color:#FFF;
	font-size: inherit;
}

/*Social Media Snippet Styling*/
div.s_media_container ul {
	margin-left:0px;
}


.socialMediaTitle {
	font-size: 2.25em;
	font-weight: 700;
	line-height: .90em;
}



/*Faculty Directory With Photos Styling*/
div.FacultyimgCntnr {
	width:60px;
	height:60px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow: hidden;
}
/*READ MORE/LESS STYLING WITH FOR INTRO PARAGRAPH*/
span.intro-paragraph-edit {
	color: #aaa;
	font-size: 1.75em;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5em;
}
/* SLO SNIPPET STYLES */
/* Medium Screen Up */
@media screen and (min-width: 40em) {
	table.slo_data_table_class thead th:first-child {
		width: 10% !important;
	}
	table.slo_data_table_class thead th:last-child {
		width: 70% !important;
	}
}

/*CLASSES BY FACULTY SNIPPET*/
table.responsive_slo_tbl thead tr th:nth-child(4) {
	width:60% !important;
}
td.faculty_bioinfo i:nth-child(1) {
	margin-right: 10px;
}
/*SLO Snippet Styling - Removes First Two Page Breaks brought in from the PHP PARSER*/
table.slo_data_table_class td.td_outcomes br:nth-child(1), table.slo_data_table_class td.td_outcomes br:nth-child(2), div.slo_snippet_container table.slo_data_table_class tbody tr.child ul li:last-child span.dtr-data br:nth-child(1), div.slo_snippet_container table.slo_data_table_class tbody tr.child ul li:last-child span.dtr-data br:nth-child(2) {
	display:none;
}
/*NEWS FEED RSS HORIZONTAL - FIX FOR SNIPPET- FOR SOME REASON THE SNIPPET WAS ONLY SHOWING ONE ELEMENT IN HORIZONTAL-Matt B 9/17*/
div.lcnb_horizontal div.lcnb_inner article.lcnb_h_img_mode {
	display: inline-block !important;
	float: none;
}
/*Columns With Icons Snippets*/
div.row.graphic_column_container {
	margin-top: 2em;
}
div.graphic_column_container div.graphic_column {
	margin-left: 5em;
	text-align: left;
	float:left;
}

div.graphic_column_container div.graphic_column_cntr_readmre {
	width:90%;
	padding-top: 0px;
	border-top: 1px solid #7f1622;
	text-align: right;
	padding-right: 20px;
	margin-bottom: 20px;
	margin-right:20px;
}

div.graphic_column_container div.graphic_column_cntr_readmre a.graphic_col_rdmre_lnk {
	text-decoration: none;
}

div.graphic_column_container div.graphic_column_cntr_readmre a.graphic_col_rdmre_lnk::after {
	margin-left: 5px;
	font-family: 'FontAwesome';
	content: "\f0a9";
	font-size: 1.125em;
}

div.column_icon_cntnr {
	display:inline-block;
	position:absolute;
	left:.50em;
	width:5em;
	height:5em;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align:center;
	border: .25em solid #7f1622;
}
div.graphic_column_heading_pt h2, div.graphic_column_heading_pt h3 {
	display:inline;
}
div.column_icon_cntnr icon {
	font-size:3em;
	margin-top:.30em;
}
.columnwithiconheader_cntnt {
	border-top: 1px solid #7f1622;
	padding-top:1em;
	padding-bottom:2em;
	text-align: justify;
}
.columnwithiconheader_cntnt p {
	text-align: justify;
}
.columnwithiconheader_cntnt img {
	display:block;
}

/*Fullwidth Image Area with Nested Content*/ 
div.ou_widestaticheroimagecenter_cntnt a.button.radius {
	background-color: #077DBF;
	font-size: inherit;
}
@media screen and (max-width: 39.9375em) {
	.columnwithiconheader_cntnt {
		margin-right: 2em;
	}
}
/*New Department Header Styling for Grey Bar - Changed from H1 to Span*/
.top-bar .name .depthdr {
	line-height: 2.8125rem;
	font-size: 1.5rem;
	margin: 0;
	font-weight: 700;
	color:red !important;
}


table.rwd-table thead tr th {
	background-color: #555;
	color: #FFF;
}
/*Syling for the ACES Highlights Menu*/
span.aceshighlightsheader {
	font-size: 2.5em;
	font-weight: 700;
	font-family: "SourceSansPro", sans-serif;
	color: #454545;
	line-height:1;
}
div.aceshlghts ul {
	margin-top:1em;
}
span.pathways_pgm_desc, span.pathways_pgm_nmbr {
	display:block;
	font-weight:bold;
}


/*Custom Style for Micah' Toolbar for blue italic font*/
.blue_Italics {
	color: #3366FF;
	font-style: italic;
}

/*Snippet Header Titles*/
span.snippettitle {
	text-align: left;
	color: #464646;
	font-size: 2.25em;
	font-weight: 700;
	margin: 10px 0px 10px 0px;
	line-height: 1;
	display:block;
}

/*MAIN SEARCH BAR*/
#search-wrap {
	display: inline-block;
	position: relative;
	height: 32px;
	float: right;
	padding: 0;
	position: relative;
	color: #fff;
}

input[id="search"] {
	height: 32px;
	font-size: 1.125em;
	display: inline-block;
	border: none;
	outline: none;
	color: #555;
	padding: 3px;
	padding-right: 60px;
	width: 0px;
	position: absolute;
	top: 0;
	right: 0;
	background: none;
	z-index: 3;
	transition: width 0.4s cubic-bezier(0, 0.795, 0, 1);
	cursor: pointer;
}

input[id="search"]:focus:hover {
	border-bottom: 1px solid #BBB;
}

input[id="search"]:focus {
	width: 300px;
	z-index: 1;
	border-bottom: 1px solid #BBB;
	background: #fff;
	cursor: text;
}

input[type="searchsubmit"] {
	height: 32px;
	width: 32px;
	display: inline-block;
	color: red;
	float: right;
	text-indent: -10000px;
	border: none;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	cursor: pointer;
	opacity: 0;
	cursor: pointer;
	transition: opacity 0.4s ease;
}

input[type="searchsubmit"]:hover {
	opacity: .5;
}

/* END SEARCH NAV STYLES*/

/*Image Caption Treatment*/
figure figcaption {
	line-height: 1em;
}

/*Accordion with Step Numbers*/
.step_number {font-size: 2.3em; color:#212121; background-color: #7dc545;}

/*Guided Pathways Snippet CSS July 2018 Matt B.*/
div.units_container, div.g_price_container {
	text-align: center;
	background: #7babdc;
	height: 300px;
	width: 300px;
	border-radius: 100%;
	color: #000;
	margin-bottom:2em;
	margin-right: 1em;
	display:block;
}

span.guided_program_units, span.guided_program_cost {
	margin-top: 3.5em;
	font-size:2em;
	display:block;
	line-height:.90em;
}

/*Accordion with Icon Image*/
div.AccordionWithIcons span.accordioniconsimgs {
	background-color:#FFFFFF;
}

/*Accordion With Steps*/
div.AccordionSteps span.accordioniconsimgs {
	background-color: #7DC545 !important;
}

/*End of Guided Pathways Snippet CSS*/

/*YOUTUBE/VIMEO SNIPPET*/
.youtubeVideoContainer {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	margin-bottom:1em;
	border:0;
}
.youtubeVideoElement {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:0;
}

div.youtubeHoldDiv {
	border: 1px solid #CCCCCC;
	padding: .50em;
	height: 200px;
	text-align: center;
	vertical-align: middle;
}

/*Style for Classes by Professor Table Snippet*/
.professor_class_snippet_container {
	margin-top:1.5em;
}

/*STYLES FOR NEW FOOTER MENU - DECEMBER 2018*/
.subfooter  {
	padding-left:2em;
	padding-right:2em;
}
div.subfooter span.mtsac-quick-links {
	font-weight:bold;
	color: #FFFFFF;
	font-size:1.1em;
	text-transform:uppercase;
}
div.subfooter ul.mtsac-quick-links-ul {
	margin: 0;
	margin-top:.25em;
	list-style: none outside none;
}
div.subfooter ul.mtsac-quick-links-ul li {
	margin-bottom: .75em;
	line-height: 1em;
}
div.subfooter ul.mtsac-quick-links-ul li a {
	color: #B0B0B0;
	font-size: .938em;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
div.subfooter ul.mtsac-quick-links-ul li a:hover {
	color: #FFFFFF;
}
/*END STYLES FOR NEW MENU*/

/*Correction for pagination on Datatables*/
div.dataTables_paginate ul li.paginate_button {
	margin-left: .25em !important;
	margin-right:.25em !important;
}

/* Multi Column Test Snippet */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	.multi-column-text-box {
		column-count:2 !important;
		-webkit-column-count:2 !important; 
		-moz-column-count:2 !important;

		column-gap: 10px;
	}
}

@media screen and (max-width: 39.9375em) {
	.multi-column-text-box {
		column-count:1 !important;
		-webkit-column-count:1 !important; 
		-moz-column-count:1 !important;

		column-gap: 10px;
	}
}
/* End of Multi Column Test Snippet */

/*Strong Workforce Career Coach Snippet*/
div#cc-widget-careers {
	margin-bottom: 2em;
}
div#cc-widget-careers a.cc-content-link {
	color:#FFFFFF;
}

/*3column areas of study Snippet*/
div.updatectnt_blk div.areasOfStudyLearnMore {
	background-color: rgb(247, 247, 247);
	color: #000000;
	padding: 1em;
	width: 97%;
	margin: 0 auto;
}

/*Text Boxes*/
div.mtsac_category_boxes span.category-box-title {
	font-size: 1rem;
	text-transform: uppercase;
	font-weight:600;
	display:block;
	margin-bottom: -.5em;
}
div.mtsac_category_boxes span.category-box-tagline {
	font-weight:300;
	margin-top: 0;
	margin-bottom: 0.15rem;
	font-size: 1.5rem;
	display:block;
	letter-spacing: -.050em;
	line-height: 1em;
}
div.mtsac_category_boxes span.category-box-description {
	display:none;
	opacity: 0;
	transition: visibility 0s linear 300ms, opacity 300ms;
	line-height: 1em;
}

div.mtsac_category_boxes span.category-box-description-active { 
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	color: #FFFFFF;
	font-size: 1rem;
	opacity: 1;
	transition: visibility 0s linear 0s, opacity 300ms;
}
/*End of Text Boxes*/

/* 
USD UNIVERSITY CATEGORY PICTURE LINK BOXES
Main element container. contains titles and main image
*/
div.mtsac_category_boxes div.category-box-item {
	background-color: #000000;
	width: 100%;
	height: 100%;
	max-height: 300px;
	overflow:hidden;
	position: relative;
}
.category-title-container {
	position:relative;
	min-height: 50px;
}

/* Empty Opacity Item Container */
div.mtsac_category_boxes div.opacity-item {
	width: 100%;
	height: 100%;
	position: absolute;
	background: linear-gradient(to bottom, transparent 0%, transparent 49%, rgba(0, 0, 0, 0.74) 99%, rgba(0, 0, 0, 0.75) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#bf000000', GradientType=0);
	transition: all 500ms cubic-bezier(0.42, 0, 1, 1);
	z-index:2;
}

/* Caption Item Container */
div.mtsac_category_boxes .category-caption-item {
	width: 100%;
	/*max-height: 5.75rem;*/
	position: absolute;
	bottom: 0;
	left: 0;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 3%;
	color: #FFFFFF;
	transition: all 500ms cubic-bezier(0.42, 0, 1, 1);
	z-index: 3;
	overflow: hidden;
}

/* Active Empty Opacity Item Container */
div.mtsac_category_boxes div.opacity-item-active {
	width: 100%;
	height: 100%;
	filter: alpha(opacity=70);
	opacity: 0.7;
	position: absolute;
	background: #000000;
	transition: all 500ms cubic-bezier(0.42, 0, 1, 1);
}

/* Active Caption Item Container */
div.mtsac_category_boxes .category-caption-item-active {
	transition: all 500ms cubic-bezier(0.42, 3, 3, 4);
	max-height: 90%;
	padding-bottom: 6%;
}
/*For Medium */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	div.mtsac_category_boxes span.category-box-description, div.mtsac_category_boxes span.category-box-description-active {
		font-size:.80em;
	}
	div.mtsac_category_boxes span.category-box-tagline {
		font-size:1em;
	}
}
/*For Mobile*/
@media screen and (max-width: 39.9375em), @media screen and (min-width: 40em) and (max-width: 63.9375em) {
	div.mtsac_category_boxes span.category-box-description, div.mtsac_category_boxes span.category-box-description-active {
		font-size:.80em;
	}
	div.mtsac_category_boxes span.category-box-tagline {
		font-size:1em;
	}
	div.appTilesContainer div.action-buttons div.action-item {
		height:230px !important;
		padding: 25px;
	}
}
/* 
END OF USD UNIVERSITY CATEGORY PICTURE LINK BOXES
Main element container. contains titles and main image
*/


/* Begin - Ask Joe Mountie right side tab */

.ask-joe-mountie-right-side { position:fixed; top:50%; z-index: 999; right: -50px; background: #0579BD; transform: rotate(-90deg); color: #fff; outline: none; padding: 0.6em 3em 0.6em 1em; border-top-left-radius: 6px; border-top-right-radius: 6px; font-size: 1.1em; 
	background-image: url(https://www.mtsac.edu/_resources/images/2019-askjoemountie-whitetext-rotated.png);
	background-repeat: no-repeat;
	background-size: 50px;
	background-position: right .25em top .25em;
	border-top: 4px solid #ffffff;
	border-left: 4px solid #ffffff;
	border-right: 4px solid #ffffff;
	box-shadow:0 0 4px 2px rgba(18, 18, 18, 0.2);
}

.ask-joe-mountie-right-side:hover {background: #343434;
	border-top: 4px solid #ffffff;
	border-left: 4px solid #ffffff;
	border-right: 4px solid #ffffff;
	box-shadow: 0 0 0 0px white, 0 0 0 5px #3470b7, 0 0 20px 10px rgba(52, 112, 183, 0.1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	color: #fff;
	text-decoration: none;
	background-image: url(https://www.mtsac.edu/_resources/images/2019-askjoemountie-whitetext-rotated.png);
	background-repeat: no-repeat;
	background-size: 50px;
	background-position: right .25em top .25em;
}

/*Revised Ask Joe Settings*/
div.askJoeContainer a.ask-joe-mountie-right-side-upgrade { 
	position:fixed; top:50%; 
	z-index: 999; 
	right: -50px; 
	background: #0579BD; 
	transform: rotate(-90deg);
	color: #fff; 
	outline: none; 
	padding: 0.6em 3em 0.6em 1em; 
	border-top-left-radius: 6px; 
	border-top-right-radius: 6px; 
	font-size: 1.1em; 
	background-image: url(https://www.mtsac.edu/_resources/images/2019-askjoemountie-whitetext-rotated.png);
	background-repeat: no-repeat;
	background-size: 50px;
	background-position: right .25em top .25em;
	border-top: 4px solid #ffffff;
	border-left: 4px solid #ffffff;
	border-right: 4px solid #ffffff;
	box-shadow:0 0 4px 2px rgba(18, 18, 18, 0.2);
}

div.askJoeContainer a.ask-joe-mountie-right-side-upgrade:hover {background: #343434;
	border-top: 4px solid #ffffff;
	border-left: 4px solid #ffffff;
	border-right: 4px solid #ffffff;
	box-shadow: 0 0 0 0px white, 0 0 0 5px #3470b7, 0 0 20px 10px rgba(52, 112, 183, 0.1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	color: #fff;
	text-decoration: none;
	background-image: url(https://www.mtsac.edu/_resources/images/2019-askjoemountie-whitetext-rotated.png);
	background-repeat: no-repeat;
	background-size: 50px;
	background-position: right .25em top .25em;
}

div.askJoeContainer span.joeSeparator {
	margin-right: .5em;
}

/*MOBILE ASK JOE ONLY*/
@media screen and (max-width: 39.9375em) {
	div.askJoeContainer a.ask-joe-mountie-right-side-upgrade {
		right: -40px;
		padding: 0.6em 3em 1.25em 1em;
		background-image: url(https://www.mtsac.edu/_resources/images/2019-askjoemountie-whitetext-rotated.png) !important;
		background-size: 23px !important;
		background-position: right .25em bottom .30em !important;
		line-height: 1em;
		width: auto;
		min-height:unset;
		min-width:unset;
		font-size: .80em;
		height: 28px;
		position: fixed;
		top: 70%;
		z-index: 999;
		background: #0579BD;
		color: #fff;
		outline: none;
		border-radius: 6px;
		background-repeat: no-repeat;
		border: 4px solid #ffffff;
		box-shadow: 0 0 4px 2px rgba(18, 18, 18, 0.2);
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	div.askJoeContainer a.ask-joe-mountie-right-side-upgrade:hover {
		background-image: url(https://www.mtsac.edu/_resources/images/2019-askjoemountie-whitetext.png);
		text-decoration: none;
		background-size: 33px;
		background-position: left -.25em top .25em;
	}
	div.askJoeContainer span {
		display: inline;
		padding-top: unset !important;
		padding-bottom: 3em !important;
		margin-left: unset !important;
		margin-right: 0 !important;
	}

}

/*MOBILE COOKIES ALERT - LESS SPACE IN MOBILE*/
@media screen and (max-width: 39.9375em) {
	div.cc-grower div.cc-window.cc-floating {
		padding: 1.5em !important;
	}
	div.cc-grower div.cc-window.cc-floating span.cc-message {
		line-height: 1em !important;
	}
}

/*SEARCH RESULTS STYLES*/
div.spellingPhrase {
	clear:both;
	text-align:left;
}
div.spellingPhrase p {
	font-size: 1.1rem !important;
}
div.spellingPhrase a.didyoumean {
	font-size: 1.1rem;
}

div.ousearch h4 {
	margin-left: unset;
	width: 85%;
	color: #000000;
	text-align: left;
	background-color: #F0F8FF;
	padding: 1em;
}

/*Guided Pathways Snippet Styles*/
.guided-pathways-snpt-cntr {
	display:cover;
	overflow:hidden;
	background-repeat: no-repeat;
	background-position: center top; 
	width:100%;
	height:200px;
	margin-top:2em;
	margin-bottom:2em;
	text-align:center;
	position:relative;
}

.gp-snippet-txt-btn-cntr {
	background: rgba(0, 0, 0, 0.7);
	width:20em;
	height:100%;
	color: #FFFFFF;
	display: inline-block
		padding-top:3em;
	margin-left: 2em;
	margin-right: 2em;
}
.gp-snippet-title {
	line-height:1em;
	font-size:1.5em;
	text-transform: uppercase;
	font-weight: bold;
	padding-top:1.5em;
}
.gp-snippet-button {
	margin-top:1em;
}

.gp-logo-container {
	background: rgba(0, 0, 0, 0.7);
	height: 100%;
	width: 8em;
	float: right;
	margin-left: 1em;
}
.gp-logo-container img {
	padding:.25em;
	padding-top:4em;
}
/*End of Guided Pathways Snippet*/

/*ART KIOSK SNIPPET STYLES*/
div.artkiosk .displayBtnCntr {
	width: 97%;
	background: #FFF;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 2em;
}
div.artkiosk .displayBtnCntr a.button {
	width: 80%;
}
div.artkiosk span.snippettitle {
	text-align: left;
	color: #464646;
	font-size: 1.25em;
	font-weight: 700;
	margin: 10px 0px 10px 0px;
	line-height: 1.4;
}
div.artkiosk div.div_hover_link {
	border-radius: 20px 20px 0 0;
}
div.artkiosk .kioskEmptyLinkDiv {
	background: #FFFFFF;
	height: 6.5em;
	width: 97%;
	margin: 0 auto;
}
/*END OF ART KIOSK SNIPPET STYLES*/

/*Online Status*/
.onlineClassStatusIcon:after {
	content: "\f109";
	font-family: 'Font Awesome 6 Pro';
	color: #777777;
	font-size: 1em;
	margin-left: 9px;
	top: 0;
	left: 0;
}
.onlineClassDefinitionContainer {
	display:block;
	width: 100%;
	font-size: .80em;
}
.onlineClassDefinitionText:before {
	content: "\f109";
	font-family: 'Font Awesome 6 Pro';
	color: #777777;
	font-size: 1em;
	margin-right: 9px;
	top: 0;
	left: 0;
}
/*SNIPPET STYLING FOR STRONG WORKFORCE EMSI */
/*Container for EMSI Widget*/
div#cc-widget-careers {
	margin-bottom: 2em;
	border: 1px solid #CCCCCC;
	padding: 2em;
}
/*Pause Button Conditioning*/
div.cc-card div:first-child {
	text-align:center;
}
/*Main Data Container*/
div.iETYas {
	box-shadow: none;
	margin-top: -2em;
	margin-bottom: -8em;
	background-color: transparent;
}
/*Margin Under Price*/
.cc-content-salary {
	margin-bottom: 0;
}
/**/
div.bEHACH {
	margin-top: -2em;
	margin-bottom: -2em;
}
/*Learn More Button*/
a.lipGXP {
	margin-top:.25em;
}
/*Career Name*/
div.sc-ifAKCX {
	line-height: 1em;
}
div.careerEducationLink {
	display: block;
	font-size: .75em;
	margin-top: -4.5em;
	margin-bottom: .50em;
	text-align: center;
}
/*END OF EMSI SNIPPET*/ 

/*EOPS Modal Snippet*/
div.eopsServicesEligibility {
	padding:1em;
}
div.eopsServicesEligibility div.servicesChild {
	background-color: #9E1B2A;
	color: #FFFFFF;
	text-align:center;
	padding-top:1em;
	padding-bottom:1em;
}
div.eopsServicesEligibility div.servicesChild:hover {
	background-color: #CCCCCC;
	color: #000000;
}
div.eopsServicesEligibility  div.servicesChildIcon, span.experienceIcon {
	font-size: 4em;
}

/*NEW SNIPPET FORMAT TAKEN FROM SNIPPETS ON MTSAC.EDU/ESPANOL*/
/* Layout for Espanol Directory */
div.applyNow {
	min-height:450px;
	color:#FFFFFF;
}
div.contactFormContainer {
	text-align:center;
	color: #FFFFFF;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding-top:4em;
	padding-bottom:4em;
}
div.contactFormContainer h1,div.contactFormContainer h2,div.contactFormContainer h3 {
	color: #ffffff;
}
div.contactFormContainer div.espanolContactForm {
	padding-left:25%;
	padding-right:25%;
}
div.contactFormContainer form  {
	width:100%;
}
div.contactFormContainer button {
	width:50%;
	display:inline-block;
	padding:bottom:.25em;
}
div.contactFormContainer form label {
	display:none;
}
div.boxContentLeft, div.boxContentRight {
	position:relative;
}
div.boxContentLeft div.contentBxContainer {
	margin-left: 15%;
}
div.boxContentRight div.contentBxContainer {
	position:absolute;
	right: 0;
	margin-right: 15%;
}
div.boxContentLeft div.highlightPhoto {
	text-align:right;
}
div.boxContentRight div.highlightPhoto {
	text-align:left;
}
div.contentBxContainer {
	position: absolute;
	top: 0;
	padding: 3em;
	width: 40%;
	background-color: rgba(241,241,241,1);
	border-color: rgba(241,241,241,1);
	margin-top:4em;
}
div.contentBxContainer h1,div.contentBxContainer h2,div.contentBxContainer h3 {
	color:#000000;
	font-size:1.5rem;
}
div.contentBxContainer hr {
	color:#000000;
	border: none;
	border-bottom-width: 4px;
	border-bottom-color: rgb(0,0,0);
	border-bottom-style: solid;
}
div.contentBxContainer .contentBoxTxt {
	font-size: 1.25rem;
}
div.contentBxContainer .redRectangleButton {
	display:block;
	border-color: rgb(138,20,32);
	background: rgb(138,20,32);
	color: rgb(255,255,255);
	font-size: 1.25rem;
	text-align:center;
	width: 50%;
	padding: 0.75em;
	margin-top: 2em;
}
/* Medium Up */
@media screen and (min-width: 40em) {
	div.espanolHeaderContainer div.espanolHeaderLeft {
		padding-left: 15%;
		padding-top: 2em;
	}
	div.callToActionButtonContainer a.roundedRedBtns {
		display:inline-block;
		padding:1em;
		color: #FFFFFF;
		background-color: #000000;
		border-radius:3em;
		width:30%;
		text-align:center;
	}
	div.espanolHeaderContainer div.espanolHeaderLeft h1,div.espanolHeaderContainer div.espanolHeaderLeft h2,div.espanolHeaderContainer div.espanolHeaderLeft h3  {
		color: rgba(138, 20, 32, 1);
		font-size: 4.5rem;
		line-height: 1.125;
	}
	div.espanolHeaderContainer div.espanolHeaderLeft {
		background-image: none !important;
	}
	div.espanolHeaderContainer div.espanolHeaderLeft p.calltoActionContainerText {
		font-size: 1.25rem;
	}
}
div.porQueMtSac {
	color: rgba(0, 0, 0, 1);
	background-color: rgba(233,233,233,1);
	text-align:center;
}
div.porQueMtSac span.whyMtSac {
	display:block;
	padding-top: 4em;
	padding-bottom: 4em;
	color: #000000;
	font-size:2.5rem;
	line-height:1em;
	font-weight: bold;
	font-style: normal;
}
div.applyNow {
	text-align:center;
	padding:6em;
}
div.applyNow .applyText {
	font-size: 2rem;
	line-height:1em;
	font-weight: bold;
}
div.applyNow .redRectangleButton {
	display:block;
	border-color: rgb(138,20,32);
	background: rgb(138,20,32);
	color: rgb(255,255,255);
	font-size: 1.25rem;
	text-align:center;
	padding: 0.75em;
	margin-top: 2em;
	max-width:25%;
	margin-left: 37%;
}

/* Medium Down */
@media screen and (max-width: 64em) {
	div.contentBxContainer {
		margin: 0 !important;
		position:relative !important;
		width:100% !important;
	}	
}
/*Medium Only*/
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	div.callToActionButtonContainer a.roundedRedBtns {
		width:100%;
		margin-bottom:.5em;
	}
}
/* Mobile Only */
@media screen and (max-width: 39.9375em) {
	div.contentBxContainer .redRectangleButton {
		width:100%;
	}
	.espanolHeaderLeft {
		background-repeat: no-repeat;
		background-size: cover;
	}
	div.callToActionButtonContainer a.roundedRedBtns {
		display:block;
		padding:1em;
		border-color: rgb(138,20,32);
		background: rgb(138,20,32);
		color: rgb(255,255,255);
		border-radius:0;
		width:100%;
		text-align:center;
		margin-bottom:1em;
	}
	.espanolHeaderLeft h1, .espanolHeaderLeft h2 {
		color: rgba(138, 20, 32, 1);
		font-size: 2.25rem;
		line-height: 1.125;
	}
	.espanolHeaderLeft, .calltoActionContainerText {
		text-align:center;
		font-size: 1.3125rem;
	}
	div.contactFormContainer div.espanolContactForm {
		padding-left:5%;
		padding-right:5%;
	}
	div.contactFormContainer button {
		width:100%;
	}
	div.applyNow {
		padding: 0;
		padding-top: 6em;
		padding-bottom: 6em;
	}
	div.applyNow .redRectangleButton {
		width: 80%;
		max-width: 80%;
		margin-left: 2em;
		margin-right: 2em;
	}
	div.circularPhotoContainer {
		position: relative;
		width: 200px;
		height: 200px;
		overflow: hidden;
		border-radius:10em; 
		margin:0 auto;
	}
	div.circularPhotoContainer img.circularPhoto {
		position: absolute;
		top: -9999px;
		left: -9999px;
		right: -9999px;
		bottom: -9999px;
		margin: auto;
		max-width: initial;
		height: 300px;
	}
}
/*END OF NEW SNIPPET FORMAT TAKEN FROM SNIPPETS ON MTSAC.EDU/ESPANOL*/


/*NEW HOMEPAGE STYLE SNIPPET STYLES*/
/*FIRST STEP TILES*/
div.appTilesContainer .titleTile {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 200px;
	vertical-align: middle;
}
div.appTilesContainer span.firstStepXtraTxt {
	display:block;
	color:#ffffff;
	line-height:1em;
	font-size: 1.25em;
	font-weight: normal;
	margin-bottom: 1em;
}

div.appTilesContainer .titleTile h2 {
	text-align:left;
	line-height: 4.5rem;
	margin-top:0px;
	margin-bottom:50px;
	font-size: 4rem;
}
div.appTilesContainer.smaller .titleTile h2 {
	text-align:left;
	line-height: 3rem;
	font-size: 3rem;
}
div.appTilesContainer div.action-buttons div.action-item {
	height:300px !important;
	padding: 50px;
}
div.appTilesContainer div.action-buttons div.action-item h3 {
	color:#FFFFFF;
}
div.appTilesContainer div.action-buttons div.action-item a.button-contained {
	display:inline-block;
	margin-top: .25em;
	margin-bottom: 20px;
	border-radius: 5px;
	background-color: #fff;
	transition: all 200ms ease;
	color: #000;
	font-size: 1rem;
	line-height: 1em;
	font-weight: 700;
	padding: 9px 15px;
	text-decoration:none;
}
div.appTilesContainer div.action-buttons div.action-item a.button-contained:hover {
	color: #FFFFFF;
	background-color: #000000;
}
div.appTilesContainer div.action-buttons.columns  {
	padding-right:0;
	padding-left:0;
}
/*STYLING FOR SNIPPETS IN NON-FULL WIDTH SETTING*/
div.appTilesContainer.smaller .animatedParent .section-heading, div.appTilesContainer.smaller .animatedParent .action-item .action-button-headings  {
	display:block;
	font-size:2em;
	line-height:1em;
}
/*MEDIUM DOWN*/
@media screen and (max-width: 40em) {
	div.appTilesContainer .titleTile {padding-top:1em;}
}
/*MOBILE ONLY*/
@media screen and (max-width: 39.9375em) {
	div.appTilesContainer div.action-buttons div.action-item {padding:1em;}
}
/*END FIRST STEP APPLICATION TILES*/

/*HOMEPAGE LINKED TILES*/
div.academicsAndTrainingContainer {padding:75px;display:block;}
div.academicsAndTrainingContainer span.academicsAndTrainingHeading {color:#000000;font-size:3em;font-weight:700;}
div.academicsAndTrainingContainer .pgrm-subtitle {font-size:1.75em;color:#9e1b2a;display:block;margin-top:-.5em;margin-bottom:1em;}
div.academicsAndTrainingContainer a.cardLink {display:block;margin-top:-.5em;margin-bottom:1em;color:#9e1b2a;}
div.academicsAndTrainingContainer .academic-button:hover .academic-button-container {background-color:#000000;color:#FFFFFF;}
div.academicsAndTrainingContainer .academic-button:hover .academic-button-container span {color:#FFFFFF;}
div.academicsAndTrainingContainer span.academic-button-container {background-color:#FFFFFF;box-shadow:0 0 2px 0 rgba(0, 0, 0, 0.25);padding:40px 50px 25px 25px;}
div.academicsAndTrainingContainer span.academics-training-icons span.fa {font-size:5em;color:#9e1b2a;}
div.academicsAndTrainingContainer span.academics-training-icons span.fa.smaller {font-size: 2em;margin-left:-.40em;padding-top:0.25em;}
div.academicsAndTrainingContainer span.academics-button-heading {display:block;font-size:1.25em;line-height:1.25em;font-weight:700;color:#9E1B2A;}
div.academicsAndTrainingContainer span.academics-training-pgraph {color: #454545;font-size: 1.25rem;line-height: 1.5rem;}

@media screen and (max-width: 63.9375em) {
	div.academicsAndTrainingContainer {padding: 1em;}
	div.academicsAndTrainingContainer span.academics-training-icons span.fa {font-size:2em !important;margin-left:-.40em;padding-top:0.25em;}
}
/*HOMEPAGE TESTIMONIAL QUOTES*/
div.testimonials.quotesnipp {
	width:100%;
	background-position: 50% 50%;
	background-size: cover;
	color: #ffffff;
}

div.testimonials.quotesnipp div.ms-view {
	background:unset !important;
}

div.testimonials.quotesnipp h2 {
	display:block;
}
div.testimonials.quotesnipp .testimonial-border {
	margin:0 auto;
	margin-top: 4em;
	padding: 50px;
	border-style: solid;
	border-width: 5px;
	border-color: #fff;
	text-align: center;
	max-width: 1200px;
}
div.testimonials.quotesnipp .testimonial-border div.testimonial-group {
	display: flex;
	width: 100%;
}
div.testimonials.quotesnipp .testimonial-border .testmonial-photo {
	max-height: 200px;
	max-width: 200px;
	min-height: 200px;
	min-width: 200px;
	margin-right: 50px;
	border-radius: 100px;
	background-color: #000;
}
div.testimonials.quotesnipp .testimonial-border h2 {
	color: #FFFFFF;
}
div.testimonials.quotesnipp .testimonial-border .quote-text .div-block-6 {
	text-align: left;
	flex: 1;
	font-size: 1.5rem;
	line-height: 2rem;
}
div.testimonials.quotesnipp .testimonial-border .quote-text {
	display: flex;
	padding-right: 70px;
	padding-left: 70px;
	background-position: 100% 60%, 0px 0px;
	background-size: 45px, 45px;
	background-repeat: no-repeat, no-repeat;
}
div.testimonials.quotesnipp .testimonial-border .quote-text .testimonial-text {
	font-size: 1.5rem;
	line-height: 2rem;
}
div.testimonials.quotesnipp .testimonial-border .quote-text .testimonial-name {
	font-weight: 700;
	text-align: right;
	display:box;
	font-size: 1.5rem;
	line-height: 2rem;
}
div.testimonials.quotesnipp div.ms-view {
	background:unset !important;
}
div.supplyImage.testimonials.quotesnipp div.testimonial-border{
	background-color: rgba(0, 0, 0, 0.5);
}
/*Homepage Slideshow Snippet 2025*/
div.imagesSliderSnippet div.ms-view {
	background:unset !important;
}
div.imagesSliderSnippet div.imgGallerySnippetSlide {padding-top:.5em;}
div.imagesSliderSnippet div.imgGallerySnippetSlide div.textContainer {background-color:rgba(0, 0, 0, 0.65);padding:1.5em;margin:1em;font-family:Montserrat, sans-serif !important;}
div.imagesSliderSnippet div.imgGallerySnippetSlide div.textContainer div.student-services-kicker {color:#FFFFFF;font-size:1.5em;line-height:1em;font-weight:700;letter-spacing:2px;text-transform:uppercase;}
div.imagesSliderSnippet div.imgGallerySnippetSlide div.textContainer h1,div.imagesSliderSnippet div.imgGallerySnippetSlide div.textContainer h2,div.imagesSliderSnippet div.imgGallerySnippetSlide div.textContainer h3,div.imagesSliderSnippet div.imgGallerySnippetSlide div.textContainer h4,div.imagesSliderSnippet div.imgGallerySnippetSlide div.textContainer h5,div.imagesSliderSnippet div.imgGallerySnippetSlide div.textContainer h6 {color:#FFFFFF;margin:10px 0px 10px 0px;line-height:1em;font-weight:700;font-size:3em;}
div.imagesSliderSnippet div.imgGallerySnippetSlide a.button {position:absolute;bottom:0;right:0;margin:1em;}
/* Homepage Slideshow Small only */
@media screen and (max-width: 39.9375em) {
	div.imagesSliderSnippet div.imgGallerySnippetSlide div.textContainer div.student-services-kicker {font-size:1em;}
	div.imagesSliderSnippet div.imgGallerySnippetSlide div.textContainer h1,div.imagesSliderSnippet div.imgGallerySnippetSlide div.textContainer h2,div.imagesSliderSnippet div.imgGallerySnippetSlide div.textContainer h3,div.imagesSliderSnippet div.imgGallerySnippetSlide div.textContainer h4,div.imagesSliderSnippet div.imgGallerySnippetSlide div.textContainer h5,div.imagesSliderSnippet div.imgGallerySnippetSlide div.textContainer h6 {font-size:1.5em;}
}
/* End Homepage Slideshow */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	div.testimonials.quotesnipp .testimonial-border .quote-text {
		padding-top: 0;
	}
}
@media screen and (min-width: 63.9375em) {
	div.testimonials.quotesnipp .testimonial-border .quote-text .div-block-6 {
		margin-top:2em;
	}
}
@media screen and (max-width: 63.9375em) {
	div.testimonials.quotesnipp .testimonial-border {
		padding: 10px;
		margin:1em;
	}
	div.testimonials.quotesnipp .testimonial-border .testimonial-text {
		padding-right:0;
		padding-left:0;
	}
	div.testimonials.quotesnipp .testimonial-border .quote-text {
		background-position: 100% 0%, 0px 0px;
		padding-left:0;
		padding-right:0;
	}
	div.testimonials.quotesnipp .testimonial-border div.testimonial-group {
		margin-top: 20px;
		flex-direction: column;
		align-items: center;
	}
	div.testimonials.quotesnipp .testimonial-border .testmonial-photo {
		max-width: 150px;
		max-height: 150px;
		width: 150px;
		height: 150px;
		min-width: 150px;
		min-height: 150px;
		margin:0 auto;
		margin-bottom:2em;
	}
	div.testimonials.quotesnipp .testimonial-border .quote-text .testimonial-text,div.testimonials.quotesnipp .testimonial-border .quote-text .testimonial-name {
		font-size: .75em;
		line-height: 1em;
		text-align:center;
		margin-top:1em;
	}
}
/*Homepage News Slider Snippet*/
div.masterNewsContainer.newsSliderSnippet a.newsEventsBtn  {
	margin-top: 1em;
}
div.masterNewsContainer.newsSliderSnippet div.spotlight-heading {
	min-height: 90px;
	padding-top: 25px;
	align-items: center;
	flex: 1;
	background-color: rgba(0, 0, 0, 0.85);
	font-size: 1em;
	line-height: 1em;
	position:absolute;
	bottom:0;
	text-align:left;
	width:100%;
}
div.newsannce div.spotlight-heading p {
	padding-left: 15px;
	padding-right: 15px;
}
div.masterNewsContainer.newsSliderSnippet div.spotlight-heading p {
	text-align:center;
}
div.masterNewsContainer.newsSliderSnippet div.spotlight-heading a.homebloglink {
	color:#FFFFFF;
	font-weight: 700;
	text-decoration:none;
}
div.masterNewsContainer.newsSliderSnippet div.newsannce p {
	line-height: 1em;
}
div.masterNewsContainer.newsSliderSnippet div.newsannce  {
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	color: #fff;
	font-weight: 700;
	height: 300px;
}
/*HOMEPAGE CAROUSEL STYLE CAREER SLIDER*/
div.careerclustersParentSlider p.cluster-label {
	line-height:1em;
	font-weight:700;
	color:#FFFFFF;
	text-align:center;
}
div.careerclustersParentSlider .ms-slide {overflow:hidden;}
div.careerclustersParentSlider {
	background-color: #333333;
}
div.careerclustersParentSlider h1,div.careerclustersParentSlider h2,div.careerclustersParentSlider h3,div.careerclustersParentSlider h4,div.careerclustersParentSlider h4,div.careerclustersParentSlider h5,div.careerclustersParentSlider h6 {
	padding-top:1.25em;
	color: #ffffff;
	text-align:center;
}
div.careerclustersParentSlider div.career-clusters {
	padding-top: 50px;
	padding-bottom: 50px;
	color: #fff;
	text-align: center;
}
div.careerclustersParentSlider a.card {
	display: flex;
	overflow: hidden;
	width: 100%;
	flex-direction: column;
	justify-content: flex-end;
	border-radius: 5px;
	background-color: #333333;
	background-position: 50% 50%;
	background-size: cover;
	box-shadow: 0 5px 2rem 0 rgba(0, 0, 0, 0.3);
	color: #fff;
	text-decoration: none;
}
div.careerclustersParentSlider .card-body {
	display: flex;
	height: 100px;
	padding: 20px 10px;
	justify-content: center;
	align-items: center;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.85);
}
div.careerclustersParentSlider a.activeCareerCard:hover .card-body  {
	height: 100%;
	-webkit-transition: height 300ms linear;
	-ms-transition: height 300ms linear;
	transition: height 300ms linear;
}
div.careerclustersParentSlider div.ms-bullets.ms-align-bottom {
	bottom: 0 !important;
}
/*END OF CAROUSEL SLIDER STYLING*/
/*Career Hub Style Content Slider*/
div.carouselContentShell {background-color:#FFFFFF !important;}
div.carouselContentShell h1,div.carouselContentShell h2,div.carouselContentShell h3,div.carouselContentShell h4,div.carouselContentShell h5,div.carouselContentShell h6 {color:#454545;font-size:1.25em;text-align:left;margin-bottom:1em;margin-left:1em;margin-right:1em;}
div.carouselContentShell div.carouselCrdCntnt {background-color:#d9d9d9;color:#000000;}
div.carouselContentShell div.carouselCrdCntnt .ch-card-body {padding:1em;}
div.carouselContentShell div.carouselCrdCntnt a.ch-btn.w-button {
	display: block;
	padding: 15px 25px;
	border-radius: 0px;
	background-color: #076dbf;
	-webkit-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 1rem;
	text-align: center;
	position: absolute;
	bottom:0;
	left: 50%;
	transform: translate(-50%, -50%);
	margin-bottom: 2em;
	margin-left:auto;
	margin-right:auto;
	color: #FFFFFF;
	width: 75%;
	text-align:center;
}
/* Small only */
@media screen and (max-width: 39.9375em) {
	div.carouselContentShell .ch-card-header {height:100px !important;}
	div.carouselContentShell div.carouselCrdCntnt h1,div.carouselContentShell div.carouselCrdCntnt h2,div.carouselContentShell div.carouselCrdCntnt h3,div.carouselContentShell div.carouselCrdCntnt h4,div.carouselContentShell div.carouselCrdCntnt h5,div.carouselContentShell div.carouselCrdCntnt h6 {margin-top: -1.5em;}
}
/*End of Career Hub Style Content Slider*/