/* New Homepage Layout 2023 */

/*FONT CONDITIONING*/
body,p,h1,h2,h3,h4,h5,h6,li,a.button,strong,button.button,span:not(.fa-brands,.fa,.fas) {
	font-family: Montserrat, sans-serif !important;
}
header .util-bar a, header div.header-bar-bottom a, header .util-bar #SearchForm  {font-family: "SourceSansPro", sans-serif !important; font-weight: normal !important;}
div.footer span:not(.fa-brands,.fa,.fas), div.footer a, div.footer p, div.footer.li  {
	font-family: "SourceSansPro", sans-serif !important;
}

/*Smooth Scrolling*/
html {
	scroll-behavior: smooth;
}

/*Color Treatment for Site Hamburger Menu*/
@media (max-width: 910px) {
	header div.header-interior-bar a:not(.btn-menu.active) 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;
	}
}

/*Google Search Main Bar 2025 Treatment*/
header.header div.mobile-hidden div.srchCntr {
	height: 32px;
	width:300px;
	z-index:3;
	position:absolute;
	right:370px;
	top:12px;
	transition: width 0.4s
}
header nav div.show-for-medium-down.gsrchContainer {
	margin-top:1em;
}
header span.gsearch {
	color: #FFFFFF;
	font-family: "SourceSansPro", sans-serif !important;
	font-weight: normal !important;
}
header .header-bar-top span.gsearch:hover, header .header-bar-top span.fa-search:before {
	cursor: pointer;
}
header span.fa {
	color: #FFFFFF;
}
header span.fa-search:before {
	margin-right:.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;
	}
}
/*END OF Google Search*/

/*HOME FOOTER SECTION*/
div.footer div.subfooter span.mtsac-quick-links {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 1.1em;
	text-transform: uppercase;
}
div.footer div.subfooter ul.mtsac-quick-links-ul {margin-left:0;list-style-type: none;}
div.footer div.subfooter ul.mtsac-quick-links-ul li a {
	color: #B0B0B0;
}

div.footer div.subfooter {
	padding:2em;
}

/*VIDEO HEADER SECTION*/
section.homepage_hero div.homepageVidContainer {    
	display: flex;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 70vh;
	overflow:hidden;
	padding-right: 100px;
	padding-left: 100px;
	justify-content: center;
	align-items: flex-end;
	pointer-events: none;
}
section.homepage_hero div.homepageVidContainer iframe {
	position: absolute;
	width: 100vw;
	height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
	min-height: 100vh;
	min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	z-index: -1;
}
section.homepage_hero .jump-menu {margin-top:-8em;margin-bottom:3.55em;}
section.homepage_hero div.homepageVidContainer .videoParagraphHeadAlt1 {
	position: absolute;
	left: 50px;
	top: 40%;
	font-size: 4rem;
	line-height: 4.5rem;
	color: #FFFFFF;
	text-shadow: 4px 4px #000000;
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: 700;
	z-index:1;
}
section.homepage_hero div.homepageVidContainer video.video_hero {
	background-size: cover;
	background-position: 50% 50%;
	position: absolute;
	margin: auto;
	width: 100%;
	height: 100%;
	right: -100%;
	bottom: -100%;
	top: -100%;
	left: -100%;
	-o-object-fit: cover;
	object-fit: cover;
	z-index: -100;	
}
section.homepage_hero div.videoSectionControls button.button {
	left: auto;
	top: 20px;
	right: 20px;
	bottom: auto;
	padding: 0.5em;
	border-radius: 2em;
}
section.homepage_hero div.videoSectionControls button.play-pause-button:hover {
	border: solid medium #ffffff;
	border-radius: 2em;
}
section.homepage_hero div.videoSectionControls button.play-pause-button {
	position:absolute;
	bottom: auto;
	background-color: transparent;
	padding: 0.25em;
}

/*UPDATED STYLE FOR PLAY BUTTON*/
.videoSectionControls {
	position:absolute;
	top:200px;
	left:90%;
}
.videoSectionControls.show-for-small-only {
	top:190px;
}
.videoSectionControls img {
	animation: fadeIn .5s; 
}
/*JUMP MENU*/
section.homepage_hero div.jump-menu {
	width:100%;
	z-index: 1000;
	position:relative;
}
section.homepage_hero div.homepageVidContainer.hide-for-small-only div.jump-menu {
	width:90%;
	position: absolute;
	bottom: 0;
	text-align: center;
	display: block;
}

section.homepage_hero div.jump-menu a.jump-links {
	padding: 10px 40px;
	border-style: solid;
	border-width: 1px;
	border-color: #fff;
	border-radius: 5px;
	/* 	 Transparent Button Color background-color: hsla(0, 0%, 100%, 0); */
	/*  Red Button background-color: #9e1b2a; */
	background-color: #FFFFFF;
	transition: all 200ms ease;
	font-size: 1.25rem;
	line-height: 1.75rem;
	font-weight: 700;
	text-align: center;
	display: inline-block;
	color: #000000;
	text-decoration:none;
	width:100%;
	z-index: 1001;
}
section.homepage_hero div.jump-menu a.jump-links.applyNow {
	background-color: #9e1b2a;
	border-color: #9e1b2a;
	color: #FFFFFF;
}
section.homepage_hero div.jump-menu a.jump-links:hover {
	background-color:#076dbf;
	border-color: #076dbf;
	color: #FFFFFF;
}
/*END VIDEO HEADER SECTION*/

/*HERO IMAGE SUBSTITUTE SUBSTITUTE*/
section.homepage_hero div.StaticImageBG {
	background-position: 0px 0px, 0px 0px, 50% 50%; 
	background-size: cover;
}

/*APPLICATION TILES*/
section.app-titles {
	min-height:400px;
}
section.app-titles .titleTile {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 200px;
	vertical-align: middle;
}
span.firstStepXtraTxt {
	display:block;
	color:#ffffff;
	line-height:1em;
	font-size: 1.25em;
	font-weight: normal;
	margin-bottom: 1em;
}

section.app-titles .titleTile h2 {
	text-align:left;
	line-height: 4.5rem;
	margin-top:0px;
	margin-bottom:50px;
	font-size: 4rem;
}
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;
}
/*END APPLICATION TILES*/

/*PROGRAMS OFFERED TILES*/
section.prog_offered {
	background-color: #f3f3f3;
	padding:75px;
}
section.prog_offered div.academics-training-pgraph {
	font-family: Montserrat, sans-serif;
	font-size: 1.25rem;
	line-height: 1.5rem;
}
section.prog_offered .section-heading {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 3rem;
	line-height: 3rem;
}
section.prog_offered div.wf-section div.pgrm-subtitle {
	margin-top: 10px;
	margin-bottom: 1.25em;
	font-size: 1.75rem;
	line-height: 2.25rem;

}
section.prog_offered div.wf-section div.pgrm-subtitle a {
	color: #9e1b2a;
}
section.prog_offered div.wf-section div.pgrm-subtitle a:hover {
	color:#000000;
	text-decoration: underline;
}
section.prog_offered .academic-button-container {
	background-color: #ffffff;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25);
	padding: 40px 50px 25px 25px;
	min-height: 220px;
}
section.prog_offered .academic-button-container .academics-training-icons span.fa {
	font-size: 5em;
	padding-top: 0.25em;
}
section.prog_offered .academic-button-container .academics-training-title {
	padding-left: 2.5em;
}
section.prog_offered .academic-button-container .academics-training-title .academics-button-heading {
	font-size: 2rem;
	line-height: 2.5rem;
}
section.prog_offered .academic-button-container .academics-training-title .academics-training-pgraph {
	color: #454545;
	font-size: 1.25rem;
	line-height: 1.5rem;
}
section.prog_offered .academic-button-container .academics-training-icons span.fa, section.prog_offered .academic-button-container .academics-training-title .academics-button-heading {
	color: #9e1b2a;
}
section.prog_offered .academic-buttons ul li a.academic-button:hover .academic-button-container {
	background-color: #000000;
	color: #FFFFFF;
}
section.prog_offered .academic-buttons ul li a.academic-button:hover span.fa, section.prog_offered .academic-buttons ul li a.academic-button:hover span.academics-button-heading, section.prog_offered .academic-buttons ul li a.academic-button:hover span.fa, section.prog_offered .academic-buttons ul li a.academic-button:hover h3, section.prog_offered .academic-buttons ul li a.academic-button:hover .academics-training-pgraph {
	color: #FFFFFF;	
}
section.prog_offered span.academics-button-heading {
	display:block;
	font-weight:700;
	font-size: 2rem;
	line-height: 2.5rem;
}

/*END PROGRAMS OFFERED TILES*/

/*CAREER CLUSTER SLIDER*/
section.careerClusterSlider p.cluster-label {
	line-height:1em;
	font-weight:700;
}
section.careerClusterSlider {
	background-color: #333333;
}
section.careerClusterSlider h2 {
	padding-top:1.25em;
}
section.careerClusterSlider div.career-clusters {
	padding-top: 50px;
	padding-bottom: 50px;
	color: #fff;
	text-align: center;
}
section.careerClusterSlider h2 {
	color: #ffffff;
	text-align:center;
}

section.careerClusterSlider a.card {
	display: flex;
	overflow: hidden;
	width: 300px;
	height: 475px;
	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;
}
section.careerClusterSlider a.activeCareerCard .card-body {
	/* 	height:626px; */
}
section.careerClusterSlider .card-body {
	display: flex;
	height: 70px;
	padding: 10px 20px;
	justify-content: center;
	align-items: center;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.85);
}
section.careerClusterSlider .card-body:hover, section.careerClusterSlider a.activeCareerCard:hover .card-body  {
	height: 100%;
	-webkit-transition: height 300ms linear;
	-ms-transition: height 300ms linear;
	transition: height 300ms linear;
}

/*READY WHEN YOU ARE SECTION*/
section.readyWhenYouAreSection div.readywhen {
	padding: 50px 75px;
	color: #FFFFFF;
	font-size: 150%;
	line-height: 150%;
}
section.readyWhenYouAreSection div.readywhen a.w-button:hover {
	background-color: #000000;
	color: #FFFFFF;
	text-decoration:none;
}
section.readyWhenYouAreSection div.financialAidSliderCntr div.student-services-kicker {
	font-size: 1.5em;
	line-height: 2em;
	font-weight: 700;
	letter-spacing: 5px;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-bottom: -.75em;
}
section.readyWhenYouAreSection h1,section.readyWhenYouAreSection h2,section.readyWhenYouAreSection h3,section.readyWhenYouAreSection h4,section.readyWhenYouAreSection h5,section.readyWhenYouAreSection h6 {color:#FFFFFF;}

section.readyWhenYouAreSection a.button-contained {
	margin-bottom: 20px;
	border-radius: 5px;
	background-color: #ffffff;
	display: inline-block;
	padding: 9px 15px;
	transition: all 200ms ease;
	color: #000;
	font-size: 1rem;
	line-height: 1.25rem;
	font-weight: 700;
}
section.readyWhenYouAreSection p.reg-text {
	font-size: 1.5rem;
	line-height: 2.25rem;
}
section.readyWhenYouAreSection div.financialAidContainer {
	background-color:#FFFFFF;
}
section.readyWhenYouAreSection div.financialAidContainer  a.financialAidSectionBtn:hover {
	background-color: #000000;
	color: #FFFFFF;
	text-decoration:none;
}
section.readyWhenYouAreSection div#finaincialAidSlider a.financialAidSectionBtn {
	font-weight:700;
	border-radius: 5px;
	padding: 9px 15px;
	font-size: 1rem;
	line-height: 1.25rem;
	position:absolute;
	bottom:2em;
	right:2em;
}
section.readyWhenYouAreSection div.columns {
	padding-right:0;
	padding-left:0;
	margin: 0;
}
section.readyWhenYouAreSection div.readywhen {
	padding-left:2em;
}
/*END OF READY WHEN YOU ARE SECTION*/

/*STUDENT SERVICES SLIDER SECTION*/
section.readyWhenYouAreSection div.readywhen   {
	background-color: #9e1b2a;
}

/*FINANCIAL AID SECTION*/
section.readyWhenYouAreSection div.financialAidContainer div#finaincialAidSlider div.ms-slide {
	width:100%;
	min-height:570px;
}
section.readyWhenYouAreSection div.financialAidContainer div#finaincialAidSlider div.ms-slide div.student-services-slide  {
	background-size: cover;
	background-repeat: no-repeat;
	background-position:center;
	width: 100%;
	min-height: 570px;
	padding: 50px 75px;
}
section.readyWhenYouAreSection div.student-services-slide a.button {


}
section.readyWhenYouAreSection div.student-services-slide a.button:hover {
	background-color: #000000;
	color: #FFFFFF;
}

/*Calendar Edits*/
section.calendarSpotlight a.button.homepageEventsBtn, section.calendarSpotlight a.button.newsEventsBtn {
	font-weight:700;
	border-radius:5px;
}
section.calendarSpotlight div.lwcw:hover .title  {
	text-decoration:none;
	color: #000000;
}
section.calendarSpotlight div.lwcw:hover a span.fas  {
	color:#000000;
}
section.calendarSpotlight div.lwcw:hover a:hover div.calendarwidget {
	border: 2px solid rgba(51, 51, 51, 1)
}
section.calendarSpotlight div.lwcw a span.fas  {
	color:#9e1b2a;
}

/*Video Spotlight Section*/
section.calendarSpotlight div.lwcw a  {
	padding-left:0;
}

/*SPOTLIGHT VIDEO*/
section.calendarSpotlight #videoContainer .ms-slide iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100vw;
	height:100%;
}


/*CUSTOM MEDIUM TO LARGE BREAKPOINT FOR SPOTLIGHT VIDEO*/
@media screen and (min-width: 1024px) and (max-width: 1700px) {
	section.calendarSpotlight #videoContainer .ms-slide iframe {
		height: auto;
		width: 100%;
	}	
}

/*Rounded Corners in Video Section/News Slider*/
section.calendarSpotlight .videocontainer , section.calendarSpotlight .newsannce, section.calendarSpotlight .newsContainer {
	-webkit-border-radius: 5px;
	-moz-border-radius:    5x;
	border-radius:         5px;
}
section.calendarSpotlight .videocontainer, section.calendarSpotlight .newsContainer  {overflow:hidden;}
section.calendarSpotlight .videocontainer {margin-bottom:1em !important;}
div.spotlight-heading {
	border-radius:0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
}

/*NEWS ANNOUNCEMENT SLIDERS*/
section.calendarSpotlight h2 {
	font-size: 3rem;
}
section.calendarSpotlight #mtsac-featured-events {
	padding:0;
}
section.calendarSpotlight div.spotlightContainer, section.calendarSpotlight div.spotlightContainer div.ms-slide {
	padding:0;
	margin:0;
}
section.calendarSpotlight div.spotlightContainer a.newsEventsBtn  {
	margin-top: 1em;
}
section.calendarSpotlight {
	margin-bottom:2em;
}
section.calendarSpotlight div.newsannce 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%;
}
section.calendarSpotlight div.newsannce div.spotlight-heading p {
	padding-left: 15px;
	padding-right: 15px;
}
section.calendarSpotlight div.newsannce div.spotlight-heading p {
	text-align:center;
}
section.calendarSpotlight div.newsannce div.spotlight-heading a.homebloglink {
	color:#FFFFFF;
	font-weight: 700;
	text-decoration:none;
}
section.calendarSpotlight div.newsannce p {
	line-height: 1em;
}
section.calendarSpotlight div.newsannce  {
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	color: #fff;
	font-weight: 700;
	height: 300px;
	/* 	margin-top:1em; */
	margin-bottom:1em;
}



/*TESTIMONIAL QUOTES*/

section.testimonialsSection div.testimonials {
	width:100%;
	background-position: 50% 50%;
	background-size: cover;
	color: #ffffff;
}

section.testimonialsSection .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;
}
section.testimonialsSection .testimonial-border div.testimonial-group {
	display: flex;
	width: 100%;
}
section.testimonialsSection .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;
}
section.testimonialsSection .testimonial-border h2 {
	color: #FFFFFF;
}
section.testimonialsSection .testimonial-border .quote-text .div-block-6 {
	text-align: left;
	flex: 1;
	font-size: 1.5rem;
	line-height: 2rem;
}
section.testimonialsSection .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;
}
section.testimonialsSection .testimonial-border .quote-text .testimonial-text {
	font-size: 1.5rem;
	line-height: 2rem;
}
section.testimonialsSection .testimonial-border .quote-text .testimonial-name {
	font-weight: 700;
	text-align: right;
	display:box;
	font-size: 1.5rem;
	line-height: 2rem;
}
section.testimonialsSection div.ms-view {
	background:unset !important;
}
/*END OF TESTIMONIAL QUOTE SECTION*/

/*Questions Form Section*/
section.contactSection div.contactContainer div.titleContainer p {
	font-size: 1.5em;
	line-height: 1.25em;
}

section.contactSection div.contactContainer form fieldset {
	width:50%;
	float:left;
}
section.contactSection div.controls {
	border-style: solid;
	border-width: 1px;
	border-color: rgba(51, 51, 51, 0.25);
	border-radius: 5px;
	background-color: #fff;
}
section.contactSection div.control-group {
	position:relative;
}
section.contactSection div.control-group label.control-label {
	position: absolute;
	top: -1em;
	font-size: 0.8rem;
	letter-spacing: 5px;
	text-transform: uppercase;
	padding-left:1em;
}
section.contactSection textarea#id_message {
	/*margin-top:2.25em;*/
}
section.contactSection #message label.control-label {
	right: 0;
	top: .25em;
	padding-right:1em;
}
section.contactSection div.controls input[type="text"] {
	height: 3.75rem;
}

section.contactSection div.controls input[type="text"]:focus, section.contactSection fieldset,section.contactSection div.controls  {
	border:none;
}
section.contactSection fieldset legend {
	display:none;
}
section.contactSection div.contactContainer form fieldset div {
	width:100%;
}
section.contactSection form div.controls #id_message {
	width:48%;
	float: right;
	height:200px;
	padding-top:1.5em;
	margin-top: .35em;
}
section.contactSection div#brochure {
	clear:both;
	display:block;
}
section.contactSection fieldset#id_brochure {
	width:100%;
}
section.contactSection div#brochure div.checkbox {
	background-color: #f0f0f0;
	padding: .85em;
	margin-top:-4em;
}
section.contactSection div#brochure div.checkbox input[type="checkbox"] {
	margin-right:1em;
}
section.contactSection div#brochure fieldset#id_brochure {
	padding-right:0;
}

section.contactSection div.form-actions button {
	width: 15em;
	font-weight: 700;
}
section.contactSection div.privacy-policy {
	clear:both;
	padding-left:1.25em;
	margin-bottom:2em;
	display:block;
	width:100%;
}
section.contactSection div.privacy-policy a {
	text-decoration: underline;
}
/*CALENDAR SPOTLIGHT SECTION*/
section.calendarSpotlight div.search-all-events,section.calendarSpotlight div.homepageEventsBtnCntr  {
	display:none;
}
section.calendarSpotlight div.homepageEventsBtnCntr {
	display:block;
}

/*GET MORE SECTION*/
section.getMore {
	background-position: 50% 50%;
	background-size: cover;
}
section.getMore div.getMoreContainer {
	display: flex;
	padding: 150px;
	justify-content: center;
}
section.getMore div.getMoreContainer a.whiteButton:hover {
	background-color: #000000;
	color: #FFFFFF
}

section.getMore div.call-to-action {
	padding: 50px 100px 50px 75px;
	background-color: rgba(158, 27, 42, 0.9);
	color: #fff;
}
section.getMore div.call-to-action .getMoreHeadline {
	color: #fff;
	margin-top: 0px;
	font-size: 3rem;
	line-height: 3.25rem;
}
section.getMore div.call-to-action .selling-points {
	font-size: 1.5rem;
	line-height: 2rem;
}
a.whiteButton {
	margin-top: 20px;
	margin-bottom: 0px;
	border-radius: 5px;
	background-color: #fff;
	transition: all 200ms ease;
	color: #000;
	font-size: 1rem;
	line-height: 1.25rem;
	font-weight: 700;
	display: inline-block;
	padding: 9px 15px;
	text-decoration: none;
	text-align:left;
}
section.campusMaps div.map-section {
	padding: 200px;
	background-color: #000;
	background-position: 50% 50%;
	background-size: cover;
}
section.campusMaps div.map-section div.map-overlay {
	padding: 25px;
	border-radius: 10px;
	background-color: rgba(0, 0, 0, 0.75);
	color: #fff;
	text-align: center;
}
section.campusMaps div.map-section div.map-overlay h2 {
	color: #FFFFFF;
	margin-top: 0px;
	font-size: 3rem;
	line-height: 3.25rem;
}
section.campusMaps div.map-section div.map-overlay div.map-buttons ul li {
	padding:2px;
}
section.campusMaps div.map-section div.map-overlay div.map-buttons ul li a.button-white.square-corners.w-button {
	display: inline-block;
	width:100%;
	padding-top: 15px;
	padding-bottom: 15px;
	border-radius: 0px;
	background-color: #076dbf;
	transition: background-color 200ms ease;
	font-size: 1rem;
	line-height: 1.25rem;
	font-weight: 700;
	color: #fff;
	border: 0;
	text-decoration: none;
}
section.campusMaps div.map-section div.map-overlay div.map-buttons ul li a.button-white.square-corners.w-button:hover {
	background-color: #000000;
	color: #FFFFFF;
}
/*SOCIAL MEDIA SECTION*/
div.socialMediaTitle a {
	color: #FFFFFF;
}
div.socialMediaTitle .socialMediaHeader {
	font-size:1em;
}
section.socialMedia div.social-app-block {
	display: flex;
	padding: 15px 75px;
	background-color: #076dbf;
	color: #ffffff;
}
section.socialMedia div.social-app-block .app-block {
	display: flex;
	align-self: center;
	flex: 1;
}
section.socialMedia div.social-app-block div.app-block div.appBlkTitle, section.socialMedia div.social-app-block .socialMediaTitle {
	display:block;   
	margin-right: 20px;
	align-self: center;
	-ms-grid-row-align: center;
	font-weight: 700;
}
section.socialMedia a.mountieAppLink {color:#FFFFFF !important;text-decoration:none;}
section.socialMedia a.mountieAppLink:hover {color:#FFFFFF !important;text-decoration:underline !important;}
section.socialMedia div.social-app-block div.app-block div.appstore-icons {
	display:block;
}
section.socialMedia div.social-app-block div.app-block div.appstore-icons img {
	margin-right: 20px;
	max-height:40px;
}
section.socialMedia .fa-brands {
	color: #FFFFFF;
	background-color: transparent;
	font-size: 32px;
}
section.socialMedia div.social-app-block div.social-block {
	display: flex;
	align-items: center;
}
section.socialMedia div.social-app-block div.social-block a.social-icons {
	padding-left: 10px;
}
/*CONTACT FORM*/
section.contactSection div.form-actions {
	text-align:right;
	float:left;
}

/*CUSTOM BREAKPOINTS FOR CONTACT FORM BUTTONS*/
/*CONTACT FORM*/
@media screen and (min-width: 1540px) {
	section.contactSection div.form-actions {
		margin-top: 1em;
		padding-left:1.25em;
	}
}
@media screen and (min-width: 1023px) and (max-width: 1543px) {
	section.contactSection div.form-actions {
		margin-top: 0;
		padding-left:1em;
	}
}
@media screen and (min-width: 976px) and (max-width: 1022px) {
	section.contactSection div.form-actions {
		margin-top: 1em;
		padding-left:0;
	}
}
@media screen and (min-width: 640px) and (max-width: 975px) {
	section.contactSection div.form-actions {
		margin-top: 0;
		padding-left:1em;
	}
}

/*Large and up*/
@media screen and (min-width: 64em) {
	/*Maps*/
	section.campusMaps div.map-buttons ul li:first-child a.button-white {
		border-radius: 8px 0 0 0 !important;
	}
	section.campusMaps div.map-buttons ul li:nth-child(4) a.button-white {
		border-radius: 0 8px 0 0 !important;
	}
	section.campusMaps div.map-buttons ul li:nth-child(5) a.button-white {
		border-radius: 0 0 0 8px !important;
	}
	section.campusMaps div.map-buttons ul li:last-child a.button-white {
		border-radius: 0 0 8px 0 !important;
	}
	section.homepage_hero div.videoSectionControls button.play-pause-button {
		left: auto;
		top: 200px;
		right: 50%;
	}
}



/* MEDIUM ONLY */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	/*VIDEO HEADER SECTION*/
	section.homepage_hero div.homepageVidContainer {
		height: 650px;
	}
	section.homepage_hero div.videoSectionControls.hide-for-small-only{
		position:absolute;
		left:50%;
	}
	/*Maps*/
	section.campusMaps div.map-buttons ul li:first-child a.button-white {
		border-radius: 8px 0 0 0 !important;
	}
	section.campusMaps div.map-buttons ul li:nth-child(2) a.button-white {
		border-radius: 0 8px 0 0 !important;
	}
	section.campusMaps div.map-buttons ul li:nth-child(7) a.button-white {
		border-radius: 0 0 0 8px !important;
	}
	section.campusMaps div.map-buttons ul li:last-child a.button-white {
		border-radius: 0 0 8px 0 !important;
	}
	/* Testimonials Medium */
	section.testimonialsSection .testimonial-border .quote-text {
		padding-top: 0;
	}
}
/* MEDIUM UP */
@media screen and (min-width: 63.9375em) {
	section.calendarSpotlight, section.contactSection {
		margin: 4em;
	}
	section.readyWhenYouAreSection div.financialAidContainer, section.readyWhenYouAreSection.readywhen  {
		height: 600px;
	}
	section.testimonialsSection .testimonial-border .quote-text .div-block-6 {
		margin-top:2em;
	}
	/*Pause/Play Button Placement on Mobile UP*/
	section.homepage_hero div.videoSectionControls.hide-for-small-only {
		left:50%;
	}

}

/* MEDIUM DOWN */
@media screen and (max-width: 63.9375em) {
	/*VIDEO HEADER SECTION*/
	section.homepage_hero div.homepageVidContainer .videoParagraphHeadAlt1 {
		left: 15px;
		right: 15px;
		font-size: 4rem;
		line-height:3.5rem;
		top:0;
		margin:.25em;

	}
	/*APPLICATION CARDS*/
	section.app-titles .titleTile {
		padding-top:50px;
	}
	section.app-titles .titleTile h2 {
		margin-bottom:50px;
	}
	section.prog_offered div.academic-button-container div.academics-training-icons icon {
		/* 		font-size:2em; */
	}
	/*MAPS SECTION*/
	section.campusMaps div.map-section {
		padding: 100px;
	}

	/*GET MORE SECTION*/
	section.getMore div.getMoreContainer {
		padding: 50px;
	}
	/*SOCIAL MEDIA*/
	section.socialMedia div.social-app-block {
		flex-direction: column;
		align-items: center;
		padding-bottom:1em;
	}
	section.socialMedia div.social-app-block div.app-block {
		margin-bottom:1em;
	}
	/*PROGRAMS OFFERED*/
	section.prog_offered span.academics-training-pgraph {
		font-size:1em !important;
		line-height:1em !important;
	}
	section.prog_offered .academics-button-heading {
		font-size:1.75rem !important;
		line-height:1em !important;
	}
	section.prog_offered span.academics-training-icons span.fa {
		margin-left: -.40em;
		font-size:2em !important;
	}
	section.prog_offered span.academic-button-container {
		min-height:0;
		padding: 40px 10px 25px 25px;
	}
	section.prog_offered .academic-button-container .academics-training-title {
		padding-left: 0.5em;
	}
	/*TESTIMONIAL*/
	section.testimonialsSection .testimonial-border {
		padding: 10px;
		margin:1em;
	}
	section.testimonialsSection .testimonial-border .testimonial-text {
		padding-right:0;
		padding-left:0;
	}
	section.testimonialsSection .testimonial-border .quote-text {
		background-position: 100% 0%, 0px 0px;
		padding-left:0;
		padding-right:0;
	}
	section.testimonialsSection .testimonial-border div.testimonial-group {
		margin-top: 20px;
		flex-direction: column;
		align-items: center;
	}
	section.testimonialsSection .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;
	}
	section.testimonialsSection .testimonial-border .quote-text .testimonial-text,section.testimonialsSection .testimonial-border .quote-text .testimonial-name {
		font-size: .75em;
		line-height: 1em;
		text-align:center;
		margin-top:1em;
	}
	section.homepage_hero div.jump-menu {
		width:90%;
	}
	section.homepage_hero div.videoSectionControls button.play-pause-button {
		left: auto;
		top: 150px;
		right: 42%;
	}
}
/* MOBILE ONLY */
@media screen and (max-width: 39.9375em) {
	/*VIDEO HEADER SECTION*/
	section.homepage_hero div.homepageVidContainer.show-for-small-only .videoParagraphHeadAlt1 {
		line-height: 2.5rem;
		font-size: 2.5rem;
	}
	section.app-titles .titleTile h2 {
		line-height: 2.5rem;
		font-size: 2.5rem;
		margin-top:1em;
	}
	section.homepage_hero .videoParagraphHeadAlt1 {
		left:0;
		text-align:center;
	}

	section.homepage_hero div.homepageVidContainer {
		height: 375px;
		padding-right: 50px;
		padding-left: 25px;
		overflow: visible;
	}
	section.homepage_hero div.homepageVidContainer iframe {
		min-height: 60vh;
	}
	section.homepage_hero .jump-menu {
		margin-top: -8em;
		margin-bottom: 0 !important;
	}
	section.homepage_hero div.jump-menu a.jump-links {
		padding: 10px 10px;
		text-decoration:none;
		line-height:1em;
		height:54px;
	}

	section.homepage_hero .mobileStaticJump {
		margin-top:-10em;
	}

	div.appTilesContainer div.action-buttons div.action-item {
		height:230px !important;
		padding: 25px;
	}
	section.prog_offered {
		padding:15px;
	}
	/*Control Buttons in Mobile*/
	.videoSectionControls {
		left:45%;
	}

	/*GET MORE SECTION*/
	section.getMore div.call-to-action {
		padding:20px;
	}

	/*MAPS SECTION*/
	section.campusMaps div.map-section {
		padding: 0;
	}
	section.campusMaps h2 {
		font-size:1.5rem !important;
		line-height:1em;
	}
	section.campusMaps div.map-buttons ul li:first-child a.button-white {
		border-radius: 8px 8px 0 0 !important;
	}
	section.campusMaps div.map-buttons ul li:last-child a.button-white {
		border-radius: 0 0 8px 8px !important;
	}
	/*SOCIAL MEDIA*/
	section.socialMedia div.social-app-block {
		padding-right: 25px;
		padding-left: 25px;
	}
	section.socialMedia div.app-block, section.socialMedia div.social-block {
		flex-direction: column;
		width: 100%;
	}
	section.socialMedia div.app-block div.appstore-icons {
		text-align:center;
		margin-top:.5em;
	}
	section.socialMedia div.social-app-block div.app-block div.appstore-icons img {
		margin-right: 5px;
	}
	section.socialMedia div.socialMediaTitle {
		margin-bottom: .5em;
	}
	/*Take the First Step*/
	section.app-titles div.action-buttons {
		position:relative;
	}
	section.app-titles div.action-buttons .button-contained.w-button {
		position:absolute;
		bottom: 0;
		padding-top:15px !important;
		margin-right:1em;
		min-height:4em;
	}
	section.app-titles .titleTile {
		padding-top:0 !important;
		background-color: #FFFFFF;
	}

	/*Ready when you*/
	section.readyWhenYouAreSection div.readywhen {
		padding:1em;
		padding-bottom:2em;
	}
	section.readyWhenYouAreSection div#finaincialAidSlider a.financialAidSectionBtn {
		height:1em;
		top:310px;
	}
	/*Financial Aid*/
	div#finaincialAidSlider div.ms-view.ms-mask-view {
		width:100% !important;
		height: 400px !important;
	}
	section.readyWhenYouAreSection div.financialAidContainer {
		padding-left: 0;
		padding-right:0;
	}
	section.readyWhenYouAreSection div.financialAidContainer div.student-services-slide {
		padding: 20px 20px !important;
	}
	section.readyWhenYouAreSection div.student-services-slide a.button {
		right: auto;
		left: 1em;
		bottom: auto;
		top: 330px;
	}
	section.readyWhenYouAreSection div.financialAidContainer div#finaincialAidSlider div.ms-slide div.student-services-slide  {
		min-height: 70%;
	}
	/*Featured Events*/
	#mtsac-featured-events {
		padding-right: 30px;

	}
	.calendarwidget {
		margin:auto;
		margin-bottom:.5em;
	}
	/*Spotlight*/
	section.calendarSpotlight div.spotlightContainer h2 {
		padding-left:1em;
		margin-top:1em;
	}
	/*Testimonials*/
	section.testimonialsSection div.testimonial-border {
		width:auto;
	}
	section.testimonialsSection div.testimonial-text {
		padding-left:2em;
		padding-right:2em;
	}
	section.testimonialsSection .testimonial-group {
		padding-bottom:2em;
	}
	section.testimonialsSection .testimonial-border .testmonial-photo {
		max-width: 100px;
		max-height: 100px;
		width: 100px;
		height: 100px;
		min-width: 100px;
		min-height: 100px;
	}
	/*CONTACT*/
	section.contactSection div.form-actions {
		margin-top: 1em;
		margin-bottom: 1em;
	}
	section.contactSection div.contactContainer form fieldset {
		width: 100%;
		float:none;
		padding: 0;
		padding-right:.25em;
	}
	section.contactSection form div.controls #id_message {
		width:100%;
		float:none;
		min-height:300px;
		margin-top:-.75em;
	}
	section.contactSection form div#message label.control-label {
		left:0;
		top:0;
		right:auto;
	}
	section.contactSection form div.controls #id_message {
		padding-top: 2em;
	}
	section.contactSection div#brochure div.checkbox {
		margin-top: 0;
		width:100%;
	}
	section.contactSection div.form-actions {
		text-align: center;
		padding:0;
		float:none;
	}
	section.contactSection div.form-actions button {
		width:100%;
		margin-bottom:-1em;
	}
	section.campusMaps {
		margin-right:0;
	}
	section.campusMaps .map-overlay {
		border-radius:0 !important;
	}
}