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 :not(.item-card) > 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(.item-card__link):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 {


	overflow: hidden;
	height: 300px;
	overflow-y: scroll;
	padding: 10px 0;

}
.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;
}

html.modal_open {
	overflow: hidden;
}

p.pronouns {
	margin-bottom: 0.15em !important;
	font-weight: 500;
	color: #4b4b4b;
	font-size: 1rem;
	line-height: 1.3;
}

#modal_container span.pronouns {
	font-size: 1.1rem;
	font-weight: 500;
	color: #4b4b4b;
}


/*********** Adjusted # Visibility ******************************/
#main-content .container.content:hover h2 a.bd-anchor-link {
	transform: scale(1.2);
	opacity: 1;
}

@media screen and (min-width: 769px) {
	#main-content .container.content h2 a.bd-anchor-link {
		transform: scale(0);
		opacity: 0;
		transform-origin: center;
		transition:
			transform 300ms cubic-bezier(0.3, 1.6, 0.4, 1),
			opacity 225ms ease-out;
	}

	#main-content .container.content:hover h2 a.bd-anchor-link {
		transform: scale(1.2);
		opacity: 1;
	}
}



/***************** Adjust Mobile Layout ***************************/
@media screen and (max-width: 768px) {
	.pageColumns.columns {
		display: flex;
		flex-direction: column-reverse;
	}

	#anchors_outer_container {
		display:block;
		padding: 0 1rem;
		margin: 0;
	}

	ul.bd-anchors-list li:nth-last-child(2) {
		display: none;
	}
	
	ul.bd-anchors-list li.contactUsLink {
		display: none;
	}
	
	#anchors_outer_container p.menu-label {
		font-weight: bold;
	}

	#on-page-nav {
		padding-top:0;
		margin-top: -5px;
	}

}