@charset "UTF-8";


		
/* Orientation Button */
			
			#mainContent > div > div > div > div.large-4.small-12.columns.sidepanel > div.ColumnColor > div.AccordionWithIcons.row > div > ul > li > ul > li:nth-child(1) > a {
			background: linear-gradient(to top, rgb(255, 142, 77), rgb(255, 208, 180) 95.38%, rgb(255, 142, 77));
			}
			
			
			#mainContent > div > div > div > div.large-4.small-12.columns.sidepanel > div.ColumnColor > div.AccordionWithIcons.row > div > ul > li > ul > li:nth-child(1) > a:hover {
			background: linear-gradient(to top, rgb(255, 255, 255), rgb(255, 255, 255) 92.86%);
			border-bottom: 3px solid #fe8a4b;
			}
			
			
/* 			#mainContent > div > div > div > div.large-4.small-12.columns > div.ColumnColor > div.AccordionWithIcons.row > div > ul > li > ul > li:nth-child(3) > a > span.fontawesomeac.accordioniconbgrnd.fa-regular.fa-sign-post {
background-color: #fe8a4b;}
			
			#mainContent > div > div > div > div.large-4.small-12.columns > div.ColumnColor > div.AccordionWithIcons.row > div > ul > li > ul > li:nth-child(3) > a {
background: linear-gradient(to top, rgb(255, 142, 77), rgb(255, 208, 180) 95.38%, rgb(255, 142, 77));
} */
			
			
			.youtubeVideoContainer {
			box-shadow: 0 25px 10px -20px rgba(0, 0, 0, 0.2), 0 0 6px 2px rgba(20, 20, 20, 0.01);
			border-radius: 1rem;
			border: 1rem solid #ff8d4c;
			}
			.youtubeVideoContainer {padding-bottom: 54%;}
			
			
	/* Social Media Styles */

/* 		.s_media_container {
			background: linear-gradient(to top, rgb(241, 241, 241), rgb(255, 255, 255) 92.86%);
			border-bottom: 0.25rem solid #ffffff;
			box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
			padding: 1rem 1rem 0rem 1rem;
			border-radius: 1rem;
			margin: 0 -1rem 2rem -1rem;
		}  */

		.s_media_container a {color: #464646;}

		div.s_media_container ul {margin-bottom: 0;}

		.s_media_container a > span::before {color: #066dbf; text-shadow: 0px 3px 0px rgba(0, 0, 0, 0.15);}
		.s_media_container a:hover > span::before {color: #464646; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);}



/* 			.sidepanel {
			background: #ffffff;
			border-radius: 1rem;
			margin: 4rem 0 2rem -1rem;
			padding: 1rem;
			background: linear-gradient(to top, rgb(241, 241, 241), rgb(255, 255, 255) 92.86%);
			border-bottom: 0.25rem solid #ffff;
			box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
			} */
			
			
			#mainContent > div > div {margin: 0 1rem}


		@media only screen and (max-width: 65em) {
		.sidepanel {
			
			background: #ffffff;
			border-radius: 1rem;
			margin: -3rem 1rem 1rem 1rem;
			padding: 1rem;
			background: linear-gradient(to top, rgb(241, 241, 241), rgb(255, 255, 255) 92.86%);
			border-bottom: 0.25rem solid #ffffff;
			box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.2);
			width: calc(100% - 2rem);	
		}}
			
		@media only screen and (min-width: 65.063em) {
		.sidepanel {
			
			background: #ffffff;
			border-radius: 1rem;
			margin: 4rem 0 2rem -1rem;
			padding: 1rem;
			background: linear-gradient(to top, rgb(241, 241, 241), rgb(255, 255, 255) 92.86%);
			border-bottom: 0.25rem solid #ffffff;
			box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);	
			float: left!important;
		}}
		
		
			
			
			
/* 			.contactcard-fullname {font-size: 1.6rem;}
			.contactcard-title {line-height: 1rem; font-size: 1.1rem;}
			.contactcard-optional {margin-top: 0rem;} */

			h1 {font-size: 2.8em;}
			
/* 			.main {background-color: rgb(247, 247, 247);
			background-image: linear-gradient(144deg, #9c192f, #4b0612 58.4%);
			} */
			
			
			.main {background-color: rgb(247, 247, 247);
			/* background-image: linear-gradient(144deg, #FF8D4C 0, #f7f7f7 800px); */
			/* background-image: linear-gradient(144deg, #ff8c4b, #8d0202 800px); */
			/* background-image: linear-gradient(144deg, #ff8c4b, #780d10); */
/* 			background-image: linear-gradient(144deg, #ff8d4c, #fff8e7 47.48%); */
			background-image: linear-gradient(144deg, #ff8d4c, #fff8e7 100em);

			}
			
			
			
			/* logo */
			
			@media only screen and (max-width: 40em) {
			.departmentlogo {
			width: 80%;
			text-align: center;
			margin: 0 10%;
			shape-outside: circle(100%);
			}}
			
			@media only screen and (min-width: 40.063em) {
			.departmentlogo {
/* 			shape-outside: circle(70%);
			shape-margin: 0px;
			margin-right: 2rem; */
			
				shape-outside: circle(44%);
				shape-margin: 24px;
				margin-right: 1rem;
			}}




	/* Contact Us Form */
			



			
			@media only screen and (max-width: 60em) {
			.contactform {
			margin: 1rem;
			margin: 0 -1.5rem 1rem -1.5rem;	
			display: block;
			border-radius: 1rem;
			padding: 1rem;
			
			background-color: #ffffff;
			box-shadow: rgba(0, 0, 0, 0.25) 0px 10px 10px -10px, rgba(0, 0, 0, 0.25) 0px 0px 3px 0px;
			background-color: #f8f8f8;
			
			
			
/* 			border-bottom: 0.25rem solid white;
			background: linear-gradient(to top, rgb(241, 241, 241), rgb(255, 255, 255) 92.86%); */
				
/* 			border-bottom: 0.25rem solid color(srgb 1 0.8748 0.79);
			background: linear-gradient(to top, color(display-p3 0.9414 0.604 0.3882), rgb(255, 212, 181) 92.86%);	 */
				
				
		border-bottom: 0.4rem solid #fe8a4b;		
		background: linear-gradient(to top, color(display-p3 0.979 0.895 0.844), rgb(255, 255, 255) 18.07%, rgb(255, 237, 225));
			
			}}
			
/* 			@media only screen and (min-width: 60.063em) {
			.contactform {
			display: block;
			border-radius: 1rem;
			padding: 1rem;
			margin: 2rem -2rem 2rem -2rem;	
			background-color: #ffffff;
			box-shadow: rgba(0, 0, 0, 0.25) 0px 10px 10px -10px, rgba(0, 0, 0, 0.25) 0px 0px 3px 0px;
			background-color: #f8f8f8;
			box-shadow: rgba(0, 0, 0, 0.25) 0px 10px 10px -10px, rgba(0, 0, 0, 0.25) 0px 0px 3px 0px;
			border-bottom: 0.4rem solid #fe8a4b;	
			background: linear-gradient(to top, color(display-p3 0.979 0.895 0.844), rgb(255, 255, 255) 18.07%, rgb(255, 237, 225));
			}} */


	@media only screen and (min-width: 60.063em) {
	.contactform {
		display: block;
		border-radius: 1rem;
		padding: 1rem;
		border: 2px solid white;
		margin: 2rem -2rem 2rem -2rem;
		background-color: #ffffff;
		box-shadow: rgba(0, 0, 0, 0.25) 0px 10px 10px -10px, rgba(0, 0, 0, 0.25) 0px 0px 3px 0px;
		background-color: #f8f8f8;
		box-shadow: rgba(0, 0, 0, 0.25) 0px 10px 10px -10px, rgba(0, 0, 0, 0.25) 0px 0px 3px 0px;
		border-bottom: 0.4rem solid #ffffff;
		background: linear-gradient(to top, color(display-p3 0.862 0.862 0.862), rgb(255, 255, 255) 18.07%, rgb(242, 242, 242));
	}}




			.campuslinkscontainer {
			background-color: #fafafa;
			padding: 6px;
			border-radius: 10px 10px 10px 10px;
			border: 1px solid #dddddd;
			margin-bottom: 20px;
			}
			
			
			/* show contact icons in accordions */
			
			#AccordionWithIcons li.accordion-navigation a:before, .AccordionWithIcons li.accordion-navigation a:before {
			display: initial;
			font-weight: 800;
			}

			
			
	/* Calendar */

			.lwcw a {
			margin: 0px;
			position: revert;
			overflow: hidden;
			display: revert;
			padding: 0;
			min-height: 0;
			}


			.calendarwidget {

			background: linear-gradient(to top, rgb(241, 241, 241), rgb(255, 255, 255) 92.86%);
			border: unset;
			box-shadow: 0 2px 0 rgba(208, 208, 208, 0.2);
			box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);			
			margin: 6px 0;
			border-radius: 6px;
			padding: 1px;
			border-bottom: 3px solid #ffffff;
			border-right: 2px solid #ffffff;
			}

			.calendarwidget:hover {
			background: #ffffff;
			border: unset;			
			border-bottom: 3px solid #066dbf;
			border-right: 2px solid #066dbf;
			}


			.lw_widget .lw_widget_events {display: none}

			.calendarwidget .title {
			font-size: 1rem;
			}

			.calendarwidget .cal_detail {
			margin-top: 0.5rem;
			margin-left: 0.5rem;
			display: inline-block;
			position: absolute;
			max-width: 330px;
			overflow: hidden;
			}

			.calendarwidget .map {
			display: block;
			max-width: 220px;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: clip;
			}

			div.mtsac-featured-events > div:nth-child(4) > a {display: none}

			span.snippettitle {display:none; line-height: 0;}


			.mtsac-featured-events {
			margin: -1rem 0px 0px -0.5rem;
			} 


	/*  Icon Card Color */
			
			#default-iconcard {	
			--default:rgba(255, 140, 76, 1);
			}