html {
  scroll-behavior: smooth!important;
}			

			.pageContainer {
			display: flex;
			flex-direction: column;
			min-height: 100vh;
			}

			.pageContent {
			flex: 2;
			}

			.globalHeader img {
			max-width: 200px;
			padding: 1rem;
			}

			.material-icons {
			font-family: 'Material Icons';
			font-weight: normal;
			font-style: normal;
			font-size: 24px;
			/* Preferred icon size */
			display: inline-block;
			line-height: 1;
			text-transform: none;
			letter-spacing: normal;
			word-wrap: normal;
			white-space: nowrap;
			direction: ltr;

			/* Support for all WebKit browsers. */
			-webkit-font-smoothing: antialiased;
			/* Support for Safari and Chrome. */
			text-rendering: optimizeLegibility;

			/* Support for Firefox. */
			-moz-osx-font-smoothing: grayscale;

			/* Support for IE. */
			font-feature-settings: 'liga';
			}

			.iconify {
			font-size: 24px;
			}

			.title {
			position: relative;
			}

			.bd-anchor-link {
			position: absolute;
			right: calc(100% + 0.5rem);
			top: 0;
			}

			.is-pinned {
			position: fixed;
			top: 0;
			}

			.is-current {
			font-weight: bold;
			text-decoration: underline;
			font-size: 1.1em;
			}

			.hero {
			background-size: cover;
			background-position: center;
			position: relative;
			}

			.hero.is-medium .hero-body {
			padding: 18rem 1.5rem 2rem;

			}

			.hero-body .title {
			color: #000;
			font-weight: 800;
			font-size: 3.5rem;
			}

			.hero-body .subtitle {
			color: #000;
			font-size: 2rem;
			}

			.title-container {
			z-index: 2;
			position: relative;
			}

			.hero .overlay {
			position: absolute;
			top: 0;
			right: 0;
			left: 0;
			bottom: 0;
			z-index: 1;
			background: rgb(255, 255, 255);
			background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.8547794117647058) 5%, rgba(255, 255, 255, 0.5018382352941176) 15%, rgba(255, 255, 255, 0.25253851540616246) 25%, rgba(255, 255, 255, 0) 100%);
			background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.8547794117647058) 5%, rgba(255, 255, 255, 0.5018382352941176) 15%, rgba(255, 255, 255, 0.25253851540616246) 25%, rgba(255, 255, 255, 0) 100%);
			background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.8547794117647058) 5%, rgba(255, 255, 255, 0.5018382352941176) 15%, rgba(255, 255, 255, 0.25253851540616246) 25%, rgba(255, 255, 255, 0) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
			}


			.dept-info {
			display: flex;
			}

			.dept-info>div {
			padding: 10px 30px;
			}

			.dept-info div:first-of-type {
			padding-left: 0;
			}

			.dept-contact>div {
			display: flex;
			margin-bottom: 5px;
			}

			.dept-img p {
			max-width: 32em;
			}

			.content.is-small {
			font-size: 1rem;
			}

			.content {
			padding: 0 1rem;
			}

			.value {
			padding: 0 6px;
			}

			.pageFooter {
			display: flex;
			justify-content: center;
			background: rgb(189, 189, 189);
			}

			.footer {
			background: #002546;
			color: #fff;
			}

			.pageContent .breadcrumb {
			margin-bottom: 3rem;
			}

			.mb-6 {margin-bottom: 75px !important;}

			h2.stripe span.bd-anchor-name {
			background: #fff;
			z-index: 1;
			position: relative;
			padding-right: 10px;
			}

			h2.stripe:after {
			position: absolute;
			content: '';
			height: 2px;
			width: 100%;
			top: 58%;
			left: 0;
			background: rgb(0,25,46);
			background: -moz-linear-gradient(90deg, rgba(0,25,46,1) 0%, rgba(2,56,103,1) 30%, rgba(0,212,255,1) 100%);
			background: -webkit-linear-gradient(90deg, rgba(0,25,46,1) 0%, rgba(2,56,103,1) 30%, rgba(0,212,255,1) 100%);
			background: linear-gradient(90deg, rgba(0,25,46,1) 0%, rgba(2,56,103,1) 30%, rgba(0,212,255,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00192e",endColorstr="#00d4ff",GradientType=1);
			}

			ul.bd-anchors-list li {
			padding-bottom: 8px;
			max-width: 16em;
				line-height: 1.3;
			}

			.content a:not(.paginate_button),
			#modal_container a {
			background: rgb(50,115,220);
			background: -moz-linear-gradient(120deg, rgba(50,115,220,1) 0%, rgba(0,206,255,1) 100%);
			background: -webkit-linear-gradient(120deg, rgba(50,115,220,1) 0%, rgba(0,206,255,1) 100%);
			background: linear-gradient(120deg, rgba(50,115,220,1) 0%, rgba(0,206,255,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3273dc",endColorstr="#00ceff",GradientType=1);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			-webkit-box-decoration-break: clone;
			box-decoration-break: clone;
			-webkit-text-decoration-color: #ff8a00!important;
			text-decoration-color: #ff8a00!important;
			font-weight: 700;
			}

			.content a:not(.paginate_button):hover,
			#modal_container a:hover {
			background:  rgba(0,206,255,1);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			-webkit-box-decoration-break: clone;
			box-decoration-break: clone;
			}

			.shadow-lg {
				box-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -2px rgb(0 0 0 / 5%);
			}

			.togCheck { 
				display: none; 
			}
			.togContent {
 				transition: all 0.25s;	
				max-height: 0;
				opacity: 0;
				visibility: hidden;
			}
			.togCheck:checked + .togContent {
				max-height: 200vh;
				opacity: 1;
				visibility: visible
			}	
			.column div {
				text-align: left;
			}

			/* month cards */
			.month .map_preview a { 
				position:relative; 
			}
			.month .map_preview a img { 
				position:absolute; 
				top:0px; 
				display:none; 
				z-index:99; 
				height: 100px; 
				width: 100px; 
				/*min-height:50%;min-width:50%;*/ 
				/*max-height:50%;max-width:50%;*/ 
			}
			.month .map_preview a:hover img {  
				display:block; 
			}
			/*.month .zoom {
				background-color: antiquewhite;
				display: inline-block;
				margin-top: 5px;
				border-radius: 5px;
				text-decoration: none;
				color: black;
				padding: 10px;
			}*/
			/* attempts to target safari map preview issue */
			/*@media only screen and (max-width: 600px)  { 
				.month .map_preview a:hover img {  display:none; }
			}
			@supports (-webkit-touch-callout: none) {
				.month .map_preview a:hover img {  display:none; }
			}
			_::-webkit-full-page-media, _:future, :root .safari_only {
				.month .map_preview a:hover img {  display:none; }
			}*/

			/* contact cards */
			#autoprofiles {
				/*transition-duration: 600ms;*/
				/*overflow-x: hidden;*/
			}
			.fadeInCardSwap {
				opacity:1;
				/*transform: translateX(-50%);*/ /* offset initial pos & move from left to right */
				animation-name:fadeInOpacity/*, runIn*/;
				animation-iteration-count:1;
				animation-timing-function:ease-in;
				animation-duration:0.75s;
			}
			.fadeInCardOpen {
				opacity:1;
				animation-name:fadeInOpacity;
				animation-iteration-count:1;
				animation-timing-function:ease-in;
				animation-duration:0.75s;
			}

			@keyframes runIn {
				0% {
					left: -100%;
				}
				100% {
					left: 0%;     
				}
			}
			@keyframes fadeInOpacity {
				0% {
					opacity: 0;
				}
				100% {
					opacity: 1;
				}
			}
			@keyframes fadeOutOpacity {
				0% {
					opacity: 1;
				}
				100% {
					opacity: 0;
				}
			}
			.prevModal, .nextModal {
				/*user-select: all;*/
			}
			.card_data {
				user-select: none; 
			}
			.card_data .email {
				user-select: all; 
			}
			.card_data .department {
				font-size: 12px;
			}
			.profiles .card_container:nth-of-type(odd) > article, 
			.mini_profiles .card_container:nth-of-type(odd) > article {
				background: linear-gradient(45deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.05) 70%, transparent 70%), rgba(0,0,0,0.1);
			}
			.profiles .card_container:nth-of-type(even) > article,
			.mini_profiles .card_container:nth-of-type(even) > article {
				background: linear-gradient(45deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.05) 70%, transparent 70%), rgba(0,0,0,0.05); 
			}	

			#modal_container:nth-of-type(odd) > article {
				/*background: linear-gradient(45deg, rgba(204,204,204,0.05) 0%,*rgba(204,204,204,0.05) 70%, transparent 70%), rgba(204,204,204,0.1);*/
				
				
				background: linear-gradient(45deg, #e6e6e6 0%, #e6e6e6 70%, transparent 70%), #f2f2f2;
				/*background: linear-gradient(45deg, #ececec 0%, #ccc 70%, transparent 70%), #ececec;*/
				/*background:red;*/
			}
			/*#modal_container:nth-of-type(even) > article {
				background: linear-gradient(45deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.05) 70%, transparent 70%), rgba(0,0,0,0.05);
				background:cyan;
			}*/	

			.profiles .map_preview a { position:relative; }
			.profiles .map_preview a img { position:absolute; top:-20%; display:none; z-index:99; min-height:170%;min-width:170%; }
			.slider_profiles .card, .profiles .card, .mini_profiles .card, #modal_container .card { }
			.profiles .map_preview a:hover img {  display:block; }

			@media only screen and (max-width: 600px)  { 
				.profiles .map_preview a:hover img {  display:none; }
			}

			.slider_profiles .card:hover,
			.profiles .card:hover,
			.mini_profiles .card:hover {
			 	transform: scale(1.2);
				z-index: 200;
			}
			.slider_profiles,
			.profiles,
			.mini_profiles {
				/*margin-top:3em;
				margin-bottom:2em;*/
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				width: 100%;
				position: relative;
				user-select: none;
			}
			.slider_profiles .card hr,
			.profiles .card hr,
			#modal_container hr,
			.mini_profiles .card hr {
				margin: 5px 0;
				/*border-top: 0.5px solid #333;*/
				border-top: 0.5px solid #b6b6b6;
				height: 0;
			}
			.slider_profiles h3,
			.profiles .card h3, 
			.mini_profiles .card h4 {
				margin-top: 0.75em;
				font-size: 1.3rem;
				margin-bottom: 0;
				color: #4b4b4b;
				font-weight: 700;
				
			}	
			#modal_container .card h3 {
				margin-top: 0.75em;
    			font-size: 1.5rem;
    			margin-bottom: 0;
    			color: #4b4b4b;
    			font-weight: 700;
			}
            
			/*************************************/
			.mini_profiles .card h4 {
				font-size:0.85em;				
			}
			.slider_profiles h4,
			.profiles h4, 
			.mini_profiles h4,
			#modal_container h4 {
				font-size:1em;
				margin-bottom: 0.25em;
				font-weight:700;
			}
			.slider_profiles p.posTitle,
			.profiles p.posTitle,
			#modal_container p.posTitle,
			.mini_profiles h5 {
				    margin-bottom: 0.15em;
    text-transform: uppercase;
    font-weight: 400;
    color: #6f6f6f;
				font-size: .8rem;
    line-height: 1.3;
			}

/*#modal_container p.posTitle {
	font-size: 1rem;
}*/
			/*************************************/
			.mini_profiles h5 {
				font-size:0.6em;	
				/*word-break: break-word;*/
			}
			.slider_profiles .email,
			.profiles .email,
			.mini_profiles .email,
			#modal_container .email {
				width: 100%;
				overflow: hidden;
				text-overflow: ellipsis; 
				display: block;
				white-space: nowrap;
				margin-bottom: -5px;
			}
			.slider_profiles .phone,
			.profiles .phone,
			.mini_profiles .phone,
			#modal_container .phone {
				width: 100%;
				overflow: hidden;
				text-overflow: ellipsis;
				display: block;
			}
			.slider_profiles a,
			.profiles a,
			.mini_profiles a,
			#modal_container a {
				font-size: 0.9em;
				margin-bottom: 0.5em;
			}	
			.slider_profiles p,
			.profiles p,
			.mini_profiles p,
			#modal_container p {
				font-size:0.7em;
			}
#modal_container p {
	font-size: 14px;
}			.slider_profiles .profile_img_container,
			.profiles .profile_img_container,
			.mini_profiles .profile_img_container {
				width: 75%; 
				height: auto; 
				overflow: hidden;
				border-radius: 50%;
				margin: auto;
				position: relative;
				border: 0.25rem solid #c3c3c3; 
			}

		    #modal_container .profile_img_container {
				width: 40%;
				height: auto; 
				overflow: hidden;
				border-radius: 50%;
				margin: auto;
				position: relative;
				border: 0.25rem solid #c3c3c3; 
			}
			#modal_container .profile_text, 
			#modal_container .posTitle {
				user-select: none; 
			}
			/*********************************************************/
			.mini_profiles .profile_img_container {
				width: 50%;	
				margin: 0;
				flex-shrink: 0;
				place-self: flex-start;
			}

			.slider_profiles .profile_img_container:after,
			.profiles .profile_img_container:after,
			.mini_profiles .profile_img_container:after,
			#modal_container .profile_img_container:after {
				content: "";
				display: block;
				padding-bottom: 100%;
			}
			.slider_profiles .profile_img_content,
			.profiles .profile_img_content,
			.mini_profiles .profile_img_content,
			#modal_container .profile_img_content {
				position: absolute;
				width: 100%;
				height: 100%;
				background: #222; /*url(/student-services/_archives/tmpl/_contact-cards/img/photos/mesa-logo-placeholder.png), #222;*/
				background-size: cover;
				transition-duration: 0.5s;
			}
			/*.profiles .profile_img_content:hover {
				transform:scale(1.5);
				-ms-transform:scale(1.5); 
				-moz-transform:scale(1.5); 
				-webkit-transform:scale(1.5); 
				-o-transform:scale(1.5);
			}	*/
			.slider_profiles .card,
			.profiles .card,
			.mini_profiles .card,
			#modal_container .card {
				overflow: hidden;
				outline: 0px solid #dedede;
				background: #ccc;
				padding:1em;
				border-radius: 25px;
				box-shadow: none;
/* 				height: 100%; */
				transition: transform .2s;
				display: block;
				display: flex;
				flex-direction: column;
				width: 100%;
			}
#modal_container .card {
	width: unset;
}
			/***********************************************/
			.mini_profiles .card {
				padding:1em;			
			}
			.card_data {
				margin-left: 0.5em;
			}

			.slider_profiles .card_container,
			.profiles .card_container,
			.mini_profiles .card_container,
			#modal_container .card_container {
				display: flex;
				flex-direction: row;
				width: 100%;
				padding: 5px;
			}
			.slider_profiles, .card_content,
			.profiles .card_content,
			.mini_profiles .card_content,
			#modal_container .card_content {
				height: 100%;
				display: block;
			}
			.slider_profiles .card_content,
			.profiles .card_content {
				padding-bottom: 1em;
			}
			/**********************************************/
			.mini_profiles .card_content {
				display: flex;
			}

			.slider_profiles .flexible,
			.profiles .flexible,
			.mini_profiles .flexible {
				flex-grow: 1;
			}	
			.slider_profiles .profile_overlay,
			.profiles .profile_overlay,
			.mini_profiles .profile_overlay {
				position: absolute;
				top: -35px;
				left: -5%;
				right: 0;
				height: auto;
				width: 33%;
				/*pointer-events: none;*/
				user-select: none;
				z-index: 300;
			}	
			/*****************************************/
			.mini_profiles .profile_overlay {
				/*width: 10%;*/				
			}

			.slider_profiles .icon,
			.profiles .icon,
			.mini_profiles .icon,
			#modal_container .icon {
				color: #666;
				margin-right: 1px;
			}
			.slider_profiles, .icon svg,
			.profiles .icon svg,
			.mini_profiles .icon svg.
			#modal_container .icon svg {
				width: 15px;
				height: 15px;
			}
			.profile_text input {
				opacity: 0;
				position: absolute;
				pointer-events: none;
			}
			.slider_profiles .profile_text p,
			.profiles .profile_text p,
			.mini_profiles .profile_text p {
				display: -webkit-box;
				-webkit-line-clamp: 5;
				-webkit-box-orient: vertical;
				overflow: hidden;
			}
			#modal_container .profile_text p {
				/*display: -webkit-box;
				-webkit-line-clamp: 5;
				-webkit-box-orient: vertical;*/
				/*all: unset;*/
				overflow: hidden;
			}
			.profile_text input:checked + p {
				-webkit-line-clamp: unset;
			}
			.profile_text input:checked ~ label,
			.profile_text p:not(.truncated) ~ label {
				display: none;
			}
			.profile_text_label {
				font-size: 1em;
				color: rgba(50,115,220,1);
				cursor: pointer;
				font-size: .9em;
				    font-size: .85em;
    /* color: rgba(0, 206, 255, 1); */
    			font-weight: 600;
}
			}
			.profile_text_label:hover { 
				text-decoration: underline;
				color: rgba(0,206,255,1);
			}

			@media (min-width: 480px) {
				/*.profiles .card_container:nth-of-type(-n + 2) > article {
					background: cyan;
				}*/
				.profiles .card_container,
				.mini_profiles .card_container { 
/* 					padding: 5px; */
					width: 47%
				}
				.profiles .card_container:nth-of-type(odd),
				.mini_profiles .card_container:nth-of-type(odd) {
/* 					padding-left:0; */
				}
				.profiles .card_container:nth-of-type(even),
				.mini_profiles .card_container:nth-of-type(even) {
/* 					padding-right:0; */
				}
				.profiles .profile_overlay, 
				.mini_profiles .profile_overlay {
					width: 25%;
				}
			}
			@media (min-width: 1024px) {
				.profiles .card_container,
				.mini_profiles .card_container { 
					width: 31%
				}
				.profiles .card_container:nth-of-type(3n+1),
				.mini_profiles .card_container:nth-of-type(3n+1) {
/* 					padding-left:0;
					padding-right:6.666px; */
				}
				.profiles .card_container:nth-of-type(3n+2),
				.mini_profiles .card_container:nth-of-type(3n+2) {
/* 					padding-left:3.333px;
					padding-right:3.333px; */
				}
				.profiles .card_container:nth-of-type(3n+3),
				.mini_profiles .card_container:nth-of-type(3n+3) {
/* 					padding-right:0;
					padding-left:6.666px; */
				}
				.profiles .profile_overlay,
				.mini_profiles .profile_overlay {
					width: 15%;
				}		
				/*****************************/
				.mini_profiles .profile_overlay {
					width: 12.5%;
				}
			}
			/* profile modal */
			#profile_modal {
				margin: auto;
				width: 47%;
				
				
display:none; position:fixed; z-index:1000; padding-top:50px; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.75);
				
			}



			#modal_container .close_moi {
				position: absolute;
				top: 10px;
				right: 20px;
				font-size: 27px;
			}
			.toggle_container {
				position: absolute;
				bottom: 0px;
				right: 10px;
				margin: 3% 7.5% 0;
			}
			.toggle_modal {
				display: flex;
    			justify-content: flex-end;
			}
			#modal_container {
				max-width: 45%;
				margin:auto;
			}
			@media (max-width: 480px) {
				#modal_container {
					max-width: 90%;
				}
			}
			@media (min-width: 800px) {
				#modal_container {
					max-width: 775px;
					width: 55%;
					
				}
			}
			/*@media (min-width: 800px) {
				#modal_container {
					max-width: 33%;
				}
			}*/

			/*#modal_container {
				display:flex;
				justify-content:center;
				align-items:center;
				height:60%;
				
			}

			#modal_container .card {
				    width: 50%;
				padding: 5px;
				
				


			}
			#modal_container .profile_img_container {
  position:relative;
  width:50%;
			}

			#modal_container .profile_img_content {
				background: #222; 
				background-size: cover;
			}


		#modal_container a {
			background: rgb(50,115,220);
    background: -moz-linear-gradient(120deg, rgba(50,115,220,1) 0%, rgba(0,206,255,1) 100%);
    background: -webkit-linear-gradient(120deg, rgba(50,115,220,1) 0%, rgba(0,206,255,1) 100%);
    background: linear-gradient(120deg, rgba(50,115,220,1) 0%, rgba(0,206,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3273dc",endColorstr="#00ceff",GradientType=1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    -webkit-text-decoration-color: #ff8a00!important;
    text-decoration-color: #ff8a00!important;
    font-weight: 700;
		}

	#modal_container a:hover {
		
	}*/





			/* info cards */
			.infocard {
				border: 1px solid #dedede;
				background-color: rgba(0,0,0,0.05);
				padding:0;
				border-radius: 15px;
				font-size: 1em;
			}
			.infocard strong {
				font-size: 1.1em;
			}
			.infocard .iconify {
				display:inline-block;
				width:  20px;
				height: 20px;
			}
			.infocard_wrap-inner, .infocard_wrap-inner3 {
				padding: 12px;
			}
			.infocard_item {
				padding: 12px 18px 12px 18px;
			}
			.infocard {
				display: flex;
				flex-direction: column;
				width: 100%;
			}
			.infocard_wrap-outer {
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				width: 100%;
			}
			.infocard_wrap-inner, .infocard_wrap-inner3 {
				display: flex;
				flex-direction: row;
				width: 100%;
			}
			.infocard_footer {
				padding: 18px;
				overflow: hidden;
				border-top: 1px solid #dedede;
			}		
			@media (min-width: 300px) {
			.infocard_wrap-inner, .infocard_wrap-inner3 { 
					width: 100%
				}
			}
			@media (min-width: 480px) {
			.infocard_wrap-inner, .infocard_wrap-inner3 { 
					width: 50%
				}
			}
			@media (min-width: 700px) {
			.infocard_wrap-inner, .infocard_wrap-inner3 { 
					width: 33.33%
				}
			}
			@media (min-width: 1024px) {
			.infocard_wrap-inner { /* infocard_wrap-inner = default 4 cards */
					width: 25%
				}
			.infocard_wrap-inner3 { /* infocard_wrap-inner3 = 3 cards */
					width: 33.33%
				}				
			}
			.flexible {
				flex-grow: 1;
			}					
				
			/* events cards */
			.events {
				margin-top:3em;
				margin-bottom:2em;
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				width: 100%;
				position: relative;
				gap: 20px;
				user-select: none;
			}
			.events .card hr {
				margin: 5px 0;
				border-top: 0.5px solid transparent; /*#333;*/
				padding-bottom: 5px;
				background: transparent;
				pointer-events: none;
			}
			.events .card h4 {
				margin-top: 0;
			}	
			.content a {
				/*background: #000;*/
			}	
			.events h4 {
				font-size:0.85em;
				margin-bottom: 0.25em;
				font-weight:700;
				text-transform: uppercase;
				/*display: -webkit-box;
				-webkit-line-clamp: 3;
				-webkit-box-orient: vertical;
				overflow: hidden;*/
			}
			.events h5 {
				font-size:0.75em;
				margin-bottom: 0.15em;
				text-transform: uppercase;
				font-weight: lighter;
			}
			/*.events .email {
				width: 100%;
				overflow: hidden;
				text-overflow: ellipsis;
			}
			.events .phone {
				width: 100%;
				overflow: hidden;
				text-overflow: ellipsis;
				display: block;
			}*/
			.events a {
				font-size: 1em;
				margin-bottom: 0.5em;
			}	
			.events p {
				font-size:0.5em;
				/*display: -webkit-box;
				-webkit-line-clamp: 4;
				-webkit-box-orient: vertical;
				overflow: hidden;*/
			}
			.events .events_img_container {
				width: 100%; 
				height: auto; 
				overflow: hidden;
				/*border-radius: 5%;*/
				margin: auto;
				position: relative;
				/*border: 0.25rem solid #c3c3c3;*/ 
				border-bottom: 0.25rem solid #c3c3c3;
				user-select: none;
			}
			.events .events_img_container:after {
				content: "";
				display: block;
				padding-bottom: 50%;
			}
			.events .events_img_content {
				position: absolute;
				width: 100%;
				height: 100%;
				background: #111111;
				background-size: cover;
				transition-duration: 0.5s;
			}
			.events .events_img_content:hover {
				transform:scale(1.5);
				-ms-transform:scale(1.5); /* IE 9 */
				-moz-transform:scale(1.5); /* Firefox */
				-webkit-transform:scale(1.5); /* Safari and Chrome */
				-o-transform:scale(1.5); /* Opera */
			}	
			.events .card {
				outline: 0px solid #dedede;
				background:  rgba(0,0,0,0.1);
				border-radius: 25px;
				box-shadow: none;
				height: 100%;
				transition: transform .2s;
				display: flex;
				flex-direction: column;
				width: 100%;
				overflow: hidden;
				position: relative;
				z-index: 2;
			}
			.events .card:hover {
			 	transform: scale(1.05); /*1.10*/
				z-index: 200;
			}
			.events .card_container {
				display: flex;
				flex-direction: row;
				width: 100%;
				/*padding: 5px 0;*/
				position: relative;
				/*background: cyan;*/
				/*height: 100%;*/
			}
			.events .card_container .date {
				background: rgba(2, 56, 103, 0.75);/*#023867*/
				color: #fff;
				position: absolute;
				display: inline-block;
				top: -8px;
				left: 10px;
				padding: 10px;
				z-index: 300;
				pointer-events: none;
				user-select: none;
				border-radius: 0 15px 0 15px;
			}
			.events .card_content {
				/*height: 100%;*/ /* extends container, but shifts cotent to bottom */
				display: block;
			}
			.events .text {
				padding: 4% 7.5% 7.5% 7.5%;
			}
			.events .flexible {
				flex-grow: 1;
			}
			.events .events_overlay {
				position: absolute;
				top: -35px;
				left: -5%;
				right: 0;
				height: auto;
				width: 33%;
				/*pointer-events: none;*/
				user-select: none;
				z-index: 300;
			}	
			.events .hidden {
				display: none;
			}
			li.divider {
				text-transform: uppercase;
				font-weight: bold;
				margin: 1px 0 0;
				padding: 5px;
			}

			@media (min-width: 480px) {
				/*.events .card_container:nth-of-type(-n + 2) > article {
					background: cyan;
				}*/
				.events .card_container { 
					width: 45%;
					
				}
				.events p.p {
					display:none;
				}
				.events .events_overlay {
					width: 25%;
				}
			}
			@media (min-width: 1024px) {
				.events .card_container { 
					width: /*33.33%*/ calc(50% - 20px); /* half of gap 7.5, 10*/
				}
				.events .events_overlay {
					width: 15%;
				}			
			}
			@media (min-width: 1256px) {
				.events p.p {
					display:block;
				}		
			}
			@media (min-width: 1500px) {
				.events .card_container { 
					width: /*33.33%*/ calc(33% - 20px); /* half of gap */
				}
				.events .events_overlay {
					width: 15%;
				}				
			}
				
			.events a, .events a:hover {
				all: unset;
				cursor: pointer;
			}	

		
			.events .date .small {
				margin-top: -5px;
				font-size: 0.5em;
			} 	
	
			.deptFooter {
				background: rgba(0,0,0,0.1);
				display: flex;
				padding: 2em 10% 2em;
			}
			.deptFooter .content {
				all: unset;
			}
			.deptFooterItem {
				width: 200px;
				padding: 2%;
			}
			.deptFooterImg {
				flex-grow: 1;	
			}
			.deptFooterImg img {
				width: 100%;
				object-fit: cover;
				overflow: hidden;
			}
			.deptFooterP {
				flex-grow: 3;
			}
			.deptFooterP h4, .deptFooterLinks h4 {
				margin: 0 0 0.5em 0;	
				font-size: 1.35em;
				font-weight: 600;
			}
			.deptFooterLinks {
				flex-grow: 1;
			}
			.deptFooterLinks a {
				color: #4a4a4a;
			}
			.deptFooterLinks a:hover {
				text-decoration: underline;
			}
			@media screen and (max-width: 769px) {
			.deptFooter {
					flex-wrap: wrap;
				}
			}
			.breadcrumb {
				padding: 1rem 1.5rem 0 1.5rem;
			}
			ol.breadcrumb li a:hover {
				color: #FFBf00;
			}
			ol.breadcrumb li a {
				display: inline-block;
			}
			#anchors_outer_container {
				/*width: 200px;*/
				height: 100%;
				/*border: 1px solid #000;*/
				position: relative;
			}
			#anchors_inner_container {
				position: sticky;
				background: cyan;
				top:0;
				display:block;
				}
				#anchors {
				background: #fff;
				padding: 10px;
			}
			.bd-anchors-list li:last-of-type a:hover,
			.bd-anchors-list li:nth-last-child(2) a:hover {
				color: #000;
			}
			.bd-anchors-list li:last-of-type,
			.bd-anchors-list li:nth-last-child(2) {
				opacity: 0.75;
			}
			.bd-anchors-list li:last-of-type a,
			.bd-anchors-list li:nth-last-child(2) a {
				color: #333;
			}
			.bd-anchors-list li:last-of-type::before,
			.bd-anchors-list li:nth-last-child(2)::before {
				cursor: pointer;
				margin-right: 0.25em;
				filter: invert(12%) sepia(0%) saturate(114%) hue-rotate(164deg) brightness(98%) contrast(79%);
				content: " ";
				background-image: url('/student-services/_archives/v2/_archived/admissions-old/triangle-solid-up-12.svg'); 
				background-size: cover;
				position: relative;
				display: inline-block;
				top: -1px;
				width: 10px;
				height: 10px;
				/*transform: scaleY(-1);*/
			}
			.bd-anchors-list li:last-of-type::before {
				transform: scaleY(-1);
			}
			.menu-list li ul {
				padding-left: 0;
				border-left: 1px solid #dbdbdb;
			}
			.menu ul li ul {
				margin:0 0 0 0.75em;
			}
			.menu ul li ul li {
				background: #ccc;
			}
			/*.menu .is-active {
			border-radius: 0;
			opacity: 0.75;
			}*/
			.menu .is-it {
				opacity: 1;
			}
			.menu-list a:hover {
				/*font-weight: bold;*/
			}
			.menu .is-it:hover /*> .menu .is-it::before*/ {
				/**/
			}
			/*.menu .is-active:hover {
				border-radius: 0;
				opacity: 1;
				background: #3273dc;
			}*/
			.menu-list a:hover {
				border-radius: 0;
				opacity: 1;
			}
			 
			.menu-list > li > a:hover, .menu-list > li > ul > li > a:hover /*.menu-list .is-inactive:hover*/  {
				color: #000;
				background: transparent;
			}
			/*.menu .is-active:first-of-type:hover {
				background: rgba(50, 115, 220, 0.75);
			}*/
			.menu .is-it::before {
				margin-right: 0.25em;
				filter: invert(100%);
				content: " ";
				background-image: url('/student-services/_archives/v2/_archived/admissions-old/triangle-solid-right-12.svg');
				background-size: cover;
				position: relative;
				display: inline-block;
				top: -1px;
				width: 10px;
				height: 10px;
			}
			.hero_container {
				align-items: center;
				display: flex;
				justify-content: center;
				background-position: center center;
				background-repeat: no-repeat;
				background-size: cover;
			}

			.hero_text {
				font-family: sans-serif;
				backdrop-filter: brightness(75%); /* responsive issue on chrome */
				-webkit-backdrop-filter: brightness(75%);
				width: 100%;
				padding: 16rem 1.5rem 2rem;
				padding-left: calc(10px + (3.5vw));
				font-weight: 800;
				font-size: calc(2.5rem + (10) * ((100vw - 400px) / (600 - 400)));
				font-size: calc(2.25rem + (10) * ((100vw - 400px) / (240)));
				color: #fff;
				text-shadow: 1px 2px 2px rgb(0 0 0 / 80%);
				line-height: 1.1;
/* 				max-width: 18em; */
				font-weight: 700;
			}	
			.hero_text h1 { /* align ss hero h1 with academic programs */
				font-family: "Antonio", san-serif;
				line-height: 1.1;
				max-width: 18em;
				font-weight: 700;
				padding-bottom: 1.3rem;
				margin: 0;
				padding-top: 1.3rem;
				text-shadow: 1px 2px 2px rgb(0 0 0 / 80%);
				color: #fff;	
			}
			.hero_text h2 {
				font-size: calc(0.75rem + (10) * ((100vw - 400px) / (600 - 400)));
				color: #ccc;
			}
			.is-hidden-lite { /* for use when you dont want to use bulma's .is-hidden that overrides everything else with !important */
				display: none;
			}

			/* STRIPEYTABLE */
			.stripeytable tr {
				background: rgb(235, 235, 235, 0.1);
			}
			.stripeytable tr:nth-of-type(even) {
				background: rgb(235, 235, 235, 0.5);
			}
			.stripeytable tr td {
				font-size: 17px;
				overflow: hidden;
			}
			.smallp {
				font-size: 15px;
			}	
			.stripeytable_overlay, .stripeytable_overlay_tr td {
				position: relative;
			}
			.stripeytable_overlay::after {
				content: "";
				display: block;
				position: absolute; 
				bottom: 0;
				left: 0;
				height: 100%;
				width: 100%;
				z-index: 10;
				background-color: rgba(2,56,103,0.2);
			}
			.stripeytable_overlay_tr  td::after {
				content: "";
				display: block;
				position: absolute; 
				bottom: 0;
				left: 0;
				height: 100%;
				width: 100%;
				z-index: 10;
				background-color: rgba(2,56,103,0.2);
			}
			.stripeytable_overlay_firstcolumn tr td:first-child,
			.stripeytable_overlay_firstcolumn_notfirstrow tr:not(:first-child) td:first-child {
				background-color: rgba(2,56,103,0.2);
			}
			@media only screen and (max-width: 480px) {
				.stripeytable tr td {
					font-size: 3vw;
				}
				.stripeytable tbody tr th h3 {
					font-size: 4vw;
					margin-bottom: 0;
				}
			}

			/* <h> hierarchy repairs */
			.content h4 { 
				font-size: 1.6rem;
				color: #666;
			}	
			.content h3 { 
				font-size: 1.8rem;
				color: #555
			}
             .deptFooterItem h3 {
				    margin: 0 0 0.5em 0;
    font-size: 1.35em;
    font-weight: 600;
			}
			.content h2 { 
				font-size: 2rem;
				color: #444;
			}
			.content .title {
				font-size: 2.4rem;
				color: #363636;
			}				
				
			/* DEEPCOPY */
			.squishy {
				animation: squishy 0.5s 1; 
			}
			@keyframes squishy {
				from, to { transform: scale(1, 1); }
				25% { transform: scale(0.9, 1.5); }
				50% { transform: scale(1.5, 0.9); }
				75% { transform: scale(0.95, 1.05); }
			}
			.side_hashtag {
				margin-right: 2px;
			}
	

			/* SUPPORT SERVICES - SIDE NAV */
			.menu { user-select: none; }
			.menu hr { 
				margin: 0 0 5px 0; 
			}
			.menu-list > .divider { 
				cursor: pointer; 
				background: linear-gradient(120deg, rgba(50,115,220,1) 0%, rgba(0,206,255,1) 100%) no-repeat right bottom / 0 var(--bg-h);
				transition: background-size 750ms;
				padding-bottom: 4px;
				--bg-h: 2px;
			}
			.menu-list > .divider:where(:hover, :focus-visible) {
				 background-size: 100% var(--bg-h);
				 background-position-x: left;
			}
			.menu-list .divider {
			  text-decoration: none;
			  color: inherit;
			  line-height: 1;
			  border-bottom: 1px solid #ddd;
			}
			.uber_category {
				display: none;
			}
			.uber_category .divider {
				background: #ccc;
				cursor: default;
			}
			.divider .iconify {
				margin-bottom: -6px;
				transition: all 0.1s ease-out;
			}	
			.divider {
				display: flex;
				justify-content: space-between;
			}
			.iconify_wrapper {
				width: 10px;
				height: 10px;
				margin-top: -3px;
			}	

			/* PAGE NAV */
			@media only screen and (max-width: 768px) {
				#anchors_outer_container {
					display: none;
				}
			}
			.is-pinned {
				position: unset;
			}

			/* EVENTS */
		
			#loadMore {
				background: none; 
				border-radius: 25px;
				border: 0;
				cursor: pointer;
			}

			/* DEPARTMENT FOOTERS */
			.deptFooterP {
				position: relative;
			}
			.social_bar {
				display: flex; 
				justify-content: start;  
				margin: 30px 0 0 0;
				max-width: 100%;
				flex-wrap: wrap;
				gap: 30px;
			}
			.icon, .icon a {
				color: #4a4a4a;
			}
			.icon a:hover {
				margin-top: 1px;
				border-bottom:1px solid #4a4a4a;
				text-decoration: none;
				color: #4a4a4a;
			}
			.social_bar .icon {
				transform: scale(1.1);
			}
			.day {
				font-weight: bold;
				text-align: center;
				width: 22px;
				height: 22px;
				background: #4a4a4a;
				color: #ebebeb;
				padding: 0 2px 0 2px;
				margin-right: 3.25px;
				display: inline-block;
				border-radius: 5px;
			}

			/* TABS */
			.tabcontainer {
				margin-bottom: 3em;
			}
			.tab {
				overflow: hidden;
				border: 1px solid #ccc;
				background-color: #f1f1f1;
			}
			.tab button {
				background-color: inherit;
				float: left;
				border: none;
				outline: none;
				cursor: pointer;
				padding: 14px 16px;
			}
			.tab button:hover {
				background-color: #ddd;
			}
			.tab button.active {
				background-color: #ccc;
			}
			.tabcontent {
				display: none;
				padding: 6px 12px;
				border: 1px solid #ccc;
				border-top: none;
				animation: fadeIn 1s;
			}
			@keyframes fadeIn {
				from {opacity: 0;}
				to {opacity: 1;}
			}
			.tabbutton {
				background: rgb(235, 235, 235, 0.5);
				border: 0;
				cursor: pointer;
			}
			.inactivebutton {
				background: #fff;
			}
			.inactivebutton h3 {
				color: #ccc;
			}
			button:disabled {
				cursor: default;
			}
			@media only screen and (max-width: 970px) {
				.tabcontainer h3 {
					font-size: 3vw;
				}
			}

			/* FORMS */
			.ou-form {
				background: rgb(235, 235, 235, 0.5);
				padding: 3em;
			}

			/* MOBILE */
			@media only screen and (max-width: 480px) {
				.hero_text h1 { 
					font-size: 75%;
					padding-top: 0;
					padding-bottom: 0;
				}
				.hero_text h2 {
					font-size: 50%;	
				}
				.hero_text .subtitle.is-2 {
					font-size: 1.1rem;
					margin-top: 0.35em;
				}
				#ss_sidenav {
					font-size: 0.85em;
					margin-bottom: 1em;
				}
				.section {
					padding-top: 0;
				}
				.content .title {
					font-size: 1.25rem;
				}
				.content.is-large {
					font-size: 1.1em;
				}
				.content.is-medium {
					font-size: 1em;
				}
				.title:not(:last-child) {
					margin-bottom: 0.5rem;
				}
				.mb-6 {
					margin-bottom: 35px !important;
				}
				.deptFooterImg {
					margin-top: 1em;
				}
				.deptFooterP h4 {
					font-size: 1.15em;
					margin: 0 0 0.15em 0;
				} 
				.deptFooterP p {
					font-size: 1em;
				} 
				.deptFooterLinks {
					font-size: 0.85em;
				}
				.social_bar {
					margin-bottom: 1em;
				}
				.icon {
					height: 1.3rem;
					width: 1.3rem;
				}
				.day {
					width: 19px;
					height: 19px;
				}
				.deptFooterLinks {
					padding: 0;
				}
				.pageColumns .column:last-of-type {
					display: block;
				}
/* 				.pageColumns .column:last-of-type { display: none; } */
			}

			/* CALENDAR NOTIFICATIONS */
			#footerCalendar {
				background: #FDBB30;
			    display: flex;
				flex-direction: column;
				justify-content: center;  
				align-content: center;
				color: rgba(0,0,0,0.5);
				padding-left: 12%;
			}
			#footerCalendar div:first-child {
				padding-top: 1em;
			}	
			#footerCalendar div:last-child {
				padding-bottom: 1em;
			}	
			.calendarDiv {
				background: #FDBB30;
				width: 100%;
			}	
			.calendarDiv > span {
				display: block;
			}
			.calendar_date {
				font-weight: bold;
			}
			.notifications_title {
				padding-top: 1em;
				padding-bottom: 0.25em;
				font-size: 1.25em;
				font-weight: bold;
				font-style: oblique;
			}

			/* GALLERY missing arrows alternative solution */
			/*.fancybox-nav span:hover {
				content: url('/_resources/ldp/galleries/fancy-box/fancybox_spriteL.png');
			}
			.fancybox-nav:nth-child(odd) span:hover {
				content: url('/_resources/ldp/galleries/fancy-box/fancybox_spriteR.png');
			}*/











			.content.is-large {
				font-size: 1.3rem;
			}

			.ou-form .radio+.radio {
    margin-left: 0;
}

/* UDPATED HEADER SIZES */
.container.content {
			font-size: 1rem;
			font-weight: 400;
			}

			.container.content.is-large {
			font-size: 1.15rem;
			}

			.container.content.is-medium {
			font-size: 1rem;
			}

			.content h2, .content h3, .content h4, .content strong {
			color: #323232;
			font-weight: 600;
			}

			.content h2.title {
			font-size: 1.7rem;
			color: #1e1e1e;
			font-weight: 700;
			}



			.content h3, .content h2:not(:first-child) {
			font-size: 1.5rem;
			font-weight: 700;
			}

			.content h4 {
			font-size: 1.3rem;
			}

			.column.is-three-fifths {
			margin-left: 5px;
			}

			p.menu-label {
			color: #3d3d3d;
			}
.notification.is-warning {
	font-size: 1rem;
	padding: 1rem 1rem 1.5rem;
}

.iconify {
			font-size: 18px;
			}
.iconify.xl {
	font-size: 24px;
}

/* ADA Events Adjustments */
.events p.events_title {
    font-size: 1.25rem;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0;
    margin: 0;
	line-height: 1;
	padding-bottom: 3px;
}

.events p {
    font-size: .8rem;
}

.events .card a {
    /* position: absolute; */
    /* bottom: 25px; */
    /* right: 25px; */
    background: rgb(50, 115, 220);
    background: -moz-linear-gradient(120deg, rgba(50, 115, 220, 1) 0%, rgba(0, 206, 255, 1) 100%);
    background: -webkit-linear-gradient(120deg, rgba(50, 115, 220, 1) 0%, rgba(0, 206, 255, 1) 100%);
    background: linear-gradient(120deg, rgba(50, 115, 220, 1) 0%, rgba(0, 206, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3273dc",endColorstr="#00ceff",GradientType=1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    -webkit-text-decoration-color: #ff8a00 !important;
    text-decoration-color: #ff8a00 !important;
    font-weight: 700;
    /* padding: 0px 25px 15px; */
    text-align: right;
    border-top: 1px solid #b6b6b6;
    margin: 3% 7.5% 0;
    padding: 10px 0 15px;
}

.events .text {
    padding: 4% 7.5% 0 7.5%;
}

.events .card {
    outline: 0px solid #dedede;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 25px;
    box-shadow: none;
    height: 100%;
    transition: transform .2s;
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 2;
    justify-content: space-between;
}

.events .text .time {

    margin: 0;
    font-weight: 600;
}

.events .card_container .date {
        background: rgba(2, 56, 103, 0.75);
    color: #fff;
    position: absolute;
    display: inline-block;
    top: -8px;
    left: 10px;
    padding: 10px;
    z-index: 300;
    pointer-events: none;
    user-select: none;
    border-radius: 0 15px 0 15px;
    font-size: 1.3rem;
    font-weight: 600;
}

#loadMore {
    background: none;
    border-radius: 25px;
    border: 0;
    cursor: pointer;
	font-size: 1rem;
}

*, ::after, ::before {
    box-sizing: unset;
}

#ss_sidenav.menu {
	font-size: .9rem;
}

.section {
    /* padding: 3rem 1.5rem; */
    padding: 1.5rem 1rem 3rem;
}

#main-content.column.is-three-fifths {
    margin-left: 12px;
}

.menu-label:not(:first-child) {
    margin-top: 2em;
}

/***** DROPDOWNS ********/
	.dropdown__title {
			font-weight: bold;
			font-size: 1.4rem;
			padding: 10px 20px;
			border: 1px solid #ddd;
			border-radius: 2px;
			background: #f5f5f5;
			display: flex;
			align-items: center;
			justify-content: space-between;
			cursor: pointer;
			transition: all .4s;
			}

			.material-icons {
				color: #023867;
				transform: rotate(90deg);
			}

			.dropdown__title.open {
			transition: all .2s;
			padding: 10px 15px 16px;
			color: #000;
			}
			
			.dropdown__title.open .material-icons {
				transform: rotate(270deg);
			}

			.dropdown__body {
			padding: 0 15px;
			border: 1px solid #ddd;
			border-top-right-radius: 0;
			border-top-left-radius: 0;
			overflow-y: hidden;
			height: 0;
			transition: all 0.25s;

			}

			.dropdown__title.open + .dropdown__body {
			height: max-content;
			transition: all 0.4s;
			padding: 1.5rem 1.5rem 2.5rem;
			margin: 5px -12px;
			box-shadow: 0px 0px 10px 2px #e7e7e7d4;
			}

			.dropdown__body > :first-child {
			margin-top: 0;
			padding-top: 0;
			}
			h3.dropdown__title {
			margin-bottom: 0;
			}
			
			.last {
			text-align: center;
			}
			
			.mesaDropdown {
    margin-bottom: 6px;
}
			
/**** IMAGE SLIDER ****/
			.flex-caption {
			 width: unset;
			 padding: 12px 24px;
			 line-height: 1.2;
			 font-size: 20px;
			background: rgba(0,0,0,0.75);
			}
			

			.flex-nav-container {
    margin: 24px 0;
}
			
			.flex-direction-nav {
    height: 0;
}


/************ Adjusted Header Colors *********************/
.content h3 {
    color: #595959;
}