/* Department CSS Document */
/*For mobile first adaptive design place styles for mobile and up in the mobile and up area.
Place styles for tablet and up inside the media query in the tablet and up area.
Place styles for desktop only inside the media query in the desktop only area.

For questions or media query training contact Web Development Services.
*/
/* ====================== Mobile and Up ========================== */
.text-montserrat {
	font-family: 'Montserrat',arial, sans-serif;
}
.text-40 {font-size: 2.5rem;}
.margin-bottom--30 {margin-bottom: -30px;}
.centered {
	display:block;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
}




/* ---Objective Cards --- */
.objective-card {
	display:block;
	height: 350px;
	background-color: #275d38;
	padding: 15px;
	margin: 10px 15px;
	overflow: hidden;
	max-height: 350px;
	position:relative;
}
.objective-card .front {
	display:flex;
	flex-direction:column;
	justify-content: space-evenly;
	height:100%;
	width: 100%;
	font-family: 'Rajdhani',arial, sans-serif;
	text-align:center;
	font-weight: 600;
	font-size: 22px;
	color: #ffffff;
	position:relative;
	z-index: 1;
	
}
.objective-card .front .number {
	font-family: 'Montserrat',arial, sans-serif;
	font-size: 24px;
}

.objective-card .back {
	display:flex;
	flex-direction:column;
	justify-content: space-evenly;
	height:inherit;
	width: inherit;
	font-family: 'Rajdhani',arial, sans-serif;
	font-size: 20px;
	text-align:center;
	color: #ffffff;
	position:relative;
	display:none;
	position:absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	padding: 10px;
	
	background-color: rgba(0, 0, 0, .75);
	transition: .3s ease-in-out;
}

.objective-card:hover .back,.objective-card:focus .back {
	display:flex;
	flex-direction:column;
	justify-content: space-evenly;
}




/* ==== In-page nav bar ===== */

.inpageNav {
	display: flex;
	flex-direction: row;
	justify-content: left;
}

.inpageNav ul {
	display: flex;
	flex-direction: column;
	padding: 20px;
	list-style-type: none;
}

.inpageNav li {
	font-family: "Rajdhani", sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 10px 0;
	
}

.inpageNav li:hover,.inpageNav li:focus {
	text-decoration: none;
	cursor: pointer;
}

.inpageNav li a {
	display: flex;
	flex-direction: row;
	align-items: center;
	text-align: center;
	color: #275D38;
}

.inpageNav ul.text-white li a, .inpageNav ul.text-white li span {
	color: #fff;
}

.inpageNav li:hover a, .inpageNav li a:focus {
	text-decoration: none;
}

.inpageNav li span {
	font-size: 32px;
	color: #275D38;
	margin: 10px 0;
	text-decoration: none;
	text-align: center;
	width: 50px;
}


/* last section uniformity */
.footer-staff-card {
/* 	max-height: 450px;
	 */
}
.footer-staff-card .directory .card-staff, .footer-staff-card .staffCard {
	height: 100%;
	margin-bottom: 0px;
	bottom: 0px;
}
.instagram-import {
	height: 443px; /*Exact linup with the sibling cards */
}
/* END last section uniformity */
/* For cards pulled from directory */
.directory .card-staff-2 .card-staff-portrait {
	display:block;
	width: 50%;
	height: auto;
	border:none;
	margin: 0px auto 0px auto;
	flex: none;
}

/* For custom cards (emeritus professors) */
.card-staff-2 .card-staff-portrait {
	display:block;
	width: 100%;
	height: auto;
	border:none;
	margin: 0px auto 0px auto;
	flex: none;
}
.card-staff.card-staff-2 .card-staff-details {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align:center;
	border-left: 4px solid #275d38;
	padding: 0px 5px 0px 5px;
	width: 100%;
}
.card-staff.card-staff-2 .card-staff-name {
	font-family: 'Rajdhani',arial, sans-serif;
	font-weight: 600;
	color: #275d38;
	font-size: 1.5rem;
	margin: 0px;
}
.card-staff.card-staff-2 .card-staff-title{
	font-family: 'Rajdhani',arial, sans-serif;
	font-weight: 500;
	color: #275d38;
	font-size: 1rem;
	margin: 0px;
}
.card-staff.card-staff-2 .card-staff-email {
	display:none;
}
.card-staff.card-staff-2 .card-staff-directory {
	display:none;
}
.card-staff.card-staff-2 .card-staff-officecontact {
	border-top: 1px solid #f8f8f8;
	margin: 10px 10px 0px 10px;
	padding: 0px 5px 0px 5px;
	width: 100%;
	background-color: #ffffff;
	
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
}
.card-staff.card-staff-2 .card-staff-phone {
	font-size: 0.8rem;
	font-weight: 500;
	color: #275d38;
}
.card-staff.card-staff-2 .card-staff-office {
	font-size: 0.8rem;
	font-weight: 500;
	color: #275d38;
}
.card-staff.card-staff-2 .card-staff-mailstop {
	font-size: 0.8rem;
	font-weight: 500;
	color: #275d38;
}

/* End Staff Cards */





/* ---- Office Staff Cards ---- */
.office-staff-card {
	
}
.office-staff-card .office-staff-img {
	
}
.office-staff-card .office-staff-content {
	display:block;
	width: 90%;
	position: absolute;
	bottom: 0px;
	
	color: #ffffff;
	background: #000000;
	opacity: 0.75;
	z-index: 1;
}
.office-staff-card .office-staff-title {
	display:block;
	margin: 10px 15px 10px 15px;
	border-bottom: 2px solid #ffffff;
	position:relative;
	z-index: 2;
}
.office-staff-card .office-staff-title .name {
	font-family: 'Rajdhani',arial, sans-serif;
	font-size: 1.75rem;
	text-align:center;
	font-weight: 600;
	color: #ffffff;
	margin-bottom: 0px;
}
.office-staff-card .office-staff-title .position {
	font-family: 'Rajdhani',arial, sans-serif;
	font-size: 1.25rem;
	text-align:center;
	font-weight: 600;
	color:#ffffff;
	margin-bottom:15px;
}
.office-staff-card .office-staff-contact {
	display:block;
	margin: 20px 15px 20px 15px;
	padding: 5px 10px 0px 10px;
	
	border-left: 5px solid #ffffff;
	
	
	position:relative;
	z-index: 2;
}
.office-staff-card .office-staff-contact .profile-info a {
	color: #ffffff;
	margin-left: 10px;
	text-decoration:underline;
}
.office-staff-card .office-staff-contact .profile-info a:before {
	font-family: "Font Awesome 5 Solid", "Font Awesome 5 Pro";
	content: "\f2b9";
	margin-right: 10px;
	text-decoration:none;
}
.office-staff-card .office-staff-contact .phone-info a {
	color: #ffffff;
	margin-left: 10px;
	text-decoration:underline;
}
.office-staff-card .office-staff-contact .phone-info a:before {
	font-family: "Font Awesome 5 Solid", "Font Awesome 5 Pro";
	content: "\f879";
	margin-right: 10px;
	text-decoration:none;
}
.office-staff-card .office-staff-contact .email-info a {
	color: #ffffff;
	margin-left: 10px;
	text-decoration:underline;
}
.office-staff-card .office-staff-contact .email-info a:before {
	font-family: "Font Awesome 5 Solid", "Font Awesome 5 Pro";
	content: "\f0e0";
	margin-right: 10px;
	text-decoration:none;
}
.office-staff-card .office-staff-contact .office-info {
	color: #ffffff;
	margin-left: 10px;
}
.office-staff-card .office-staff-contact .office-info:before {
	font-family: "Font Awesome 5 Solid", "Font Awesome 5 Pro";
	content: "\f1ad";
	margin-right: 10px;
	text-decoration:none;
}
/* ---- END Office Staff Cards ---- */

/* ----- section divider ----  */
.section-divider h2 {
	font-family: 'Rajdhani',arial, sans-serif;
	font-size: 3.125rem;
	text-align:center;
	font-weight: 800;
	
}

.divider {
	font-size: 2.5rem;
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 0;
	padding: 20px 0;
	color: #275d38;
}

.divider::before, .divider::after{
	content:"";
	flex-grow: 1;
	height:4px;
	background-color: #275d38;
}

.divider::before, .divider::after {
	color: #275d38;
}

.divider::before {
	margin-right: 40px;
}

.divider::after {
	margin-left: 40px;
}
/* ----- END section divider ----  */

.section-divider.fix-width .divider:before {
	margin-left: 15px;
}
.section-divider.fix-width .divider:after {
	margin-right: 15px;
}




/* ----- section divider left ----  */

.divider-left {
	font-size: 2.5rem;
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 0;
	color: #ffffff;
	padding: 20px 0;
}
.divider-left h3 {
	font-family: 'Montserrat',arial, sans-serif;
	font-weight: 600;
	text-align:left;
	color: #ffffff;
	
}

 .divider-left::after{ 
	content:"";
	flex-grow: 1;
	height:2px;
	background-color: #ffffff;
	margin-left: 40px;
	margin-top:13px; /*aligns it center of text instead of the top */
}

/* ----- END section divider left ----  */



/* ----story card ---- */
.story-card-link {
	justify-content: space-around;
	margin-top: auto;
	margin-bottom: 0;
	font-size: 1.5rem;
	text-decoration: underline;
	text-transform: uppercase;
}
.story-card-link span {
	font-family: 'Montserrat',arial, sans-serif;
}



.story-card img {
    overflow: hidden;
    position: relative;
}

.story-card-description {
	font-family: "Lato", arial, sans-serif;
	font-size: 1.125rem;
	text-align:center;
	padding: 20px 0 20px 0;
	margin: 0px 20px 0px 20px;
	color: #757677;


}


/* ---- END Story Card ---- */




.story-card-link-alt {
	justify-content: space-around;
	margin-top: auto;
	margin-bottom: 0;
	font-size: 1.5rem;
	text-transform: uppercase;
}
.story-card-link-alt a {
	display:inline-block;
	font-family: 'Montserrat', sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	font-weight: 600;
	text-align:center;
	border: 3px solid #275d38;
	margin: 20px auto 20px auto;
	padding:20px;
	
	background-color: #275d38;
	color: #ffffff;
	cursor:pointer;
}
.story-card-link-alt a:hover,.story-card-link-alt a:focus {
	text-decoration:none;
	background-color: #ffffff;
	color: #275d38;
	
}

.jumbo header .office-hours-box {
	border: 2px solid #ffffff;
	background-color: #ffffff;
	color: #000000;
	padding:10px;
}
.jumbo header .office-hours-content div {
	display:flex;
	justify-content: space-between;
	font-size:1rem;
	padding: 0px 10px 0px 10px;
}
.jumbo header .office-hours-content p {
	color:#000000;
	font-size:1rem;
	padding-left: 10px;
}

.jumbo header .office-hours-content a {
	color: #275d38;
	text-decoration:none;
}
.jumbo header .office-hours-content a:hover, .jumbo header .office-hours-content a:focus {
	text-decoration:underline;
}

.box-link {
	display:inline-block;
	font-family: 'Montserrat',arial, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	font-weight: 600;
	text-align:center;
	border: 3px solid #275d38;
	margin: 20px auto 20px auto;
	padding:20px 50px 20px 50px;
	
	background-color: #275d38;
	color: #ffffff;
	cursor:pointer;
}
.box-link:hover, .box-link:focus {
	text-decoration:none;
	background-color: #ffffff;
	color: #275d38;
}


/* Faculty Resource Icons */
.faculty-resource-icons {
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	
	max-width: 600px;
	margin-right: auto;
	margin-left: auto;
}

.faculty-resource-icons .link-icons {
	margin: 1rem;
	color: #275d38;
}
.faculty-resource-icons .link-icons:hover, .faculty-resource-icons .link-icons:focus {
	text-decoration:none;
}

.faculty-resource-icons .link-icons .icon {
	display:block;
	font-size: 3.5rem;
	text-align:center;
}
.faculty-resource-icons .link-icons .title {
	font-family: 'Rajdhani',arial, sans-serif;
	font-size: 1.35rem;
	font-weight: 700;
	text-align:center;
}
/* END Faculty Resource Icons */

.instructional-video {
/* Filler to make spacing look decent	 */
	display:block;
	height: 400px;
	background-color: #275d38;
}
.instructional-video h3 {
	font-family: 'Rajdhani',arial, sans-serif;
	font-weight: 600;
	font-size: 1.75rem;
	color: #ffffff;
	padding: 20px 1px 20px 10px;
}

.instructional-buttons {
	display:flex;
	flex-direction:column;
	justify-content: center;
	align-content:space-around;
	
	margin-top: 100px;
}


/* outreach Icons */
.outreach-icons {
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

.outreach-icons .link-icons {
	margin: 1rem;
	color: #275d38;
}
.outreach-icons .link-icons:hover, .outreach-icons .link-icons:focus {
	text-decoration:none;
}

.outreach-icons .link-icons .icon {
	display:block;
	font-size: 3.5rem;
	text-align:center;
}
.outreach-icons .link-icons .title {
	font-family: 'Rajdhani',arial, sans-serif;
	font-size: 1.35rem;
	font-weight: 700;
	text-align:center;
}
/* END Outreach Icons */


/* Science Videos Cards */
.video-card {
	display:block;
	margin: 10px 20px 10px 20px;
	height: 400px;
	width: 280px;
	box-shadow: 0px 3px 6px #888888;
}
.video-card .video-card-video {
	display:block;
	position:relative;
	max-width: 282px;
	height: 160px;
	overflow-x: hidden;
}
.video-card .video-card-video iframe {
	width:100%;
	height:100%;
}
.video-card .video-card-title h3 {
	font-family: 'Rajdhani-bold',arial, sans-serif;
	color: #275d38;
	font-size: 1.125rem;
	font-weight: 600;
	margin: 10px;
}
.video-card .video-card-content {
	font-size: 1rem;
	margin: 15px;
}
.video-card .video-card-link {
	display:block;
	font-family: 'Rajdhani',arial, sans-serif;
	color: #275d38;
	font-size: 0.93rem;
	text-decoration:underline;
	text-align:center;
}

.video-card .video-card-link:hover, .video-card .video-card-link:focus {
	text-decoration:none;
	
}
.video-card .video-card-link:after {
	font-family: "Font Awesome 5 Pro";
	content: "\f08e";
	font-size: 0.813rem;
	
	margin-left: 15px;
	margin-right: 10px;
}
/* Science Videos Cards */




.container-full.center-header .region.container-full {
	padding-left: 0px;
	padding-right:0px;
}






/* Student Spotlight Hover Cards */
.student-showcase-cards .card-hover.card-hover-custom {
/* 	max-height: 310px; */
	height: 540px;
	width: 100%;
	margin: 0px;
}	
.student-showcase-cards .card-hover .card-hover-img	{
/* 	max-height: 310px; */
	height: 540px;
	width: 540px;
	object-fit: cover;
	opacity: 0.6;
}
.student-showcase-cards .card-hover:hover .card-hover-img, .student-showcase-cards .card-hover:focus .card-hover-img	{
	opacity: 0.4;
}
.student-showcase-cards .card-hover-container {
	display:none;
	transition: .3s ease-in-out;
}
.student-showcase-cards .card-hover:hover .card-hover-container, .student-showcase-cards .card-hover:focus .card-hover-container {
	display:block;
}
.student-showcase-cards .card-hover-front {
	
}	
.student-showcase-cards .card-hover-title {
	
}
.student-showcase-cards .card-hover-back {
	
}

/* END Student Spotlight Hover Cards */

/* Alumni Story Card */
.alumni-story-card {
	display:flex;
	flex-direction: column;
	flex-wrap:nowrap;
	justify-content:center;
	width:100%;
	height: 100%;
	box-shadow: 0px 3px 6px #888888;
}

.alumni-story-card .alumni-story-card-image img {
	display:block;
	max-width: 100%;
	min-width: 300px;
	height: 100%;
	margin-right:auto;
	margin-left:auto;
}
.alumni-story-card .alumni-story-card-content {
	max-width: 800px;
}
.alumni-story-card .alumni-story-card-title {
	font-family: 'Rajdhani',arial, sans-serif;
	font-size: 2.5rem;
	font-weight: 700;
	color: #275d38;
	
	padding-bottom: 1rem;
	border-left: 5px solid #275d38;
	padding-left:auto;
	margin-right:auto;
	padding-left: 15px;
}
.alumni-story-card .alumni-story-card-desc {
	font-size: 1.125rem;
	margin-left:auto;
	margin-right:auto;
	padding-left: 15px;
}
.alumni-story-card .alumni-story-card-link {
	display:block;
	margin-right: 2.3rem;
	margin-top: 2rem;
	font-size: 1rem;
	text-align:right;
	text-decoration:underline;
	
}
/* END Alumni Story Card */




.student-resources-cards .card-picture .card-picture-title, .research-resources-cards .card-picture .card-picture-title {
	font-family: 'Rajdhani',arial, sans-serif;
	font-size: 1.5rem;
	font-weight:700;
}
.student-resources-cards .card-picture .card-picture-button, .research-resources-cards .card-picture .card-picture-button {
	font-family: 'Rajdhani',arial, sans-serif;
	font-weight: 600;
	font-size: 1.5rem;
	text-decoration:underline;
	background-color: transparent;
	color: #ffffff;
	border-top: none;
	position: absolute;
    bottom: 10px;
    left: 0px;
}
.card-picture-1 .card-picture-button:hover, .card-picture-2 .card-picture-button:hover, .card-picture-4 .card-picture-button:hover, .research-resources-cards .card-picture .card-picture-button:hover {
	background-color: transparent;
}



.arrow-link {
	display:inline-block;
	font-family: 'Montserrat',arial, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	font-size: 1.125rem;
	font-weight: 600;
	text-align:center;
	border: 3px solid #275d38;
	margin: 20px auto 20px auto;
	padding:20px 20px 20px 50px;
	
	background-color: #275d38;
	color: #ffffff;
	cursor:pointer;
}
.arrow-link:after {
	font-family: "Font Awesome 5 Pro";
	content: "\f054";
	margin-left: 100px;
	transition: .3s;
}
.arrow-link:hover, .arrow-link:focus {
	text-decoration:none;
	background-color: #ffffff;
	color: #275d38;
}
.arrow-link:hover:after, .arrow-link:focus:after {
	margin-left: 105px;
}


/* Grid Border Links */
.grid-border-links{
	display:grid;
	grid-template-columns: auto auto auto;
	list-style:none;
}
.border-links {
	display:block;
	border-left: 2px solid #888888;
	padding-left: 20px;
	
	font-family: 'Raleway',arial, sans-serif;
	font-weight: 500;
	font-size: 1.25rem;
	word-wrap: wrap;
	
	margin: 15px;
}
.border-links:after {
	font-family: "Font Awesome 5 Pro";
	content: "\f324";
	margin-left: 15px;
}
.border-links:hover:after, .border-links:focus:after {
	text-decoration:none;
}
/* END Grid Border Links */


/* Synapse section styling */
 .publication-text-section {
	 text-align:center; 
	 color: #ffffff;
/* 	 max-height: 480px; */
 }
.publication-text-section h2 {
	font-family: 'Rajdhani',arial, sans-serif;
	font-weight: 600;
	font-size:2.5rem;
	color:#ffffff;
	margin-top: 50px;
}
.publication-text-section p {
	display:block;
	width: 90%;
	padding: 20px;
	margin-left:auto;
	margin-right:auto;
}
.publication-text-section a {
	display:block;
	width: 90%;
	font-family: 'Montserrat',arial, sans-serif;
	text-align:center;
	font-weight: 600;
	font-size:1.125rem;
	padding: 20px 40px;
	border: 3px solid #ffffff;
	color: #ffffff;
	margin-right:auto;
	margin-left:auto;
	margin-bottom: 20px;
}
 .publication-image-section {
	 display:none;
	 height: 100%;
	 width: 140%;
	 max-height: 480px;
 }
.publication-image-section img {
	display:block;
	width: 100%;
	height: 480px;
	object-fit:cover;
	
}
.publication-image-section .publication-title {
	position:absolute;
	top: 40%;
  	left: 50%;
  	transform: translate(-50%, -50%);
	
	font-size: 6rem;
	font-weight: 500;
	color: #ffffff;
}
.publication-image-section .publication-descriptions {
	position:absolute;
	top: 60%;
  	left: 50%;
  	transform: translate(-50%, -50%);
	width: 100%;
	text-align:center;
	font-size: 1.6rem;
	font-weight: 500;
	color: #ffffff;
}
/* END Synapse section styling */

/* Mission Objective list */
.mission-objectives {
	counter-reset: item;
}
.objective:before {
	display:block;
	color: #ffffff;
	font-size: 9rem;	
	height: 100px;
	padding-right: 30px;
	
	content: counter(item) " ";
	counter-increment: item;
}
.objective {
	display:flex;
	flex-direction: column;
	min-height: 100px;
	padding: 25px 10px 25px 80px;
	margin-bottom: 5px;
	color: #ffffff;
}
.objective-title {
	color: #ffffff;
	font-family: 'Rajdhani',arial, sans-serif;
	font-weight: 600;
	font-size: 2rem;
	
	width: 100%;
}
.objective-content {
	color: #ffffff;
	width: 100%;
	font-size: 1rem;
}
/* END Mission Objective list */

/* Advisor Cards Fix */


 .card-staff-Advisor1 {
	padding: 5px 20px;
}
/* END Advisor Cards Fix */



.internship-card {
	display:block;
	height: 450px;
}
.internship-card a{
	position: absolute;
	bottom: 10px;
	right: 50px;
	
}



.flex {display:flex; flex-direction: column;}
.flex-column {display:flex; flex-direction: column;}
.justify-center {justify-content:center;}
.margin-right-auto {margin-right: auto;}
.margin-left-auto {margin-left:auto}
.block {display: block;}












/*End mobile and up styles*/
/* ====================== Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 768px) {
	
	.student-showcase-cards .card-hover.card-hover-custom {
	/* 	max-height: 310px; */
		height: 540px;
		/*width: 540px;*/
		width: 100%;
		margin: 15px;
	}
	
	.publication-text-section a {
		display:block;
		width: 40%;

	}
	
	.about.lower-left {
		position: absolute;
		top: 200px;
	}
	
	/* ==== In-page nav bar ==== */
	
.inpageNav {
	justify-content: space-between;
/* 	padding: 40px 0; */
}
	
.inpageNav ul {
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 100%;
}

.inpageNav li {
	display: inline-block;
	/*flex-direction: row;*/
	transition: all 0.3s ease-in-out;
}
	
.inpageNav li:hover, .inpageNav li:focus {
	transform: translateY(-20px);
}
	
.inpageNav li a {   
    flex-direction: column;    
    align-items: center;
}
	
.inpageNav li span:after {
    margin: 0 0 0 5px;
}
	
	.inpageNav ul li {
		width: 18%;
		padding: 0px 30px;
	}
	
	.inpageNav li a {
		justify-content: flex-start;
		height: 100%;
	}
	
	.inpageNav ul > li + li {
		margin-inline-start: 0px !important;
	}
	
	.inpageNav ul li:not(:first-of-type) {
		/*border-left: 1px solid #e7e7e7;*/
		/*border-image: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 20%, rgba(231,231,231,1) 20%, rgba(231,231,231,1) 80%, rgba(255,255,255,0) 80%, rgba(255,255,255,0) 100%);*/
	}
	
	.inpageNav ul li + li:before {
		content: '';
    display: block;
    width: 1px;
    height: 60%;
    background-color: #e7e7e7;
    position: absolute;
    top: 20%;
    left: 0px;
	}
	
	
	/* ---- Story Card ---- */
	.story-card-title {
    	overflow: hidden;
    	display: flex;
    	flex-direction: column;
	}
	
	.story-card-title h3 {
		display: flex;
    	justify-content: center;
		margin: 15px 0 15px 0;
		font-size: 2rem;
		font-weight: 600;
}

	/* ---- END Story Card ---- */
	
		/* Alumni Story Card */
.alumni-story-card {
	flex-direction: row;
	height: 400px;

}
.alumni-story-card .alumni-story-card-image img {
	max-width: 100%;
	min-width: 300px;
	height: 100%;
}
.alumni-story-card .alumni-story-card-title {
	margin-right:30px;
	padding-left: 15px;
}
.alumni-story-card .alumni-story-card-desc {
	margin-right:30px;
	padding-left: 15px;
}
/* END Alumni Story Card */
	


	.news-cards .blog-listing div div.col-xs-12 {
		width: 50%;
		max-width: 400px;
	}
	
	
	
	.objective {
		display:flex;
		flex-direction: column;
		height: 100px;
		padding: 25px 10px 25px 80px;
		margin-bottom: 70px;
		color: #ffffff;
	}
}

	 .publication-image-section {
		 /*display:none;*/
		 height: 100%;
		 width: 100%;
		 max-height: 480px;
	 }








/*end media query*/
/*End tablet and up styles*/
/* ====================== Landscape Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 992px) {
	.flex {display:flex; flex-direction: row;}
	.justify-center {justify-content:center;}
	/*  ---- Department Accordion ---- */
.department-accordion {
	
}
.department-accordion div.accordion:not(.active) {
	margin-bottom: 0;
}
.department-accordion .accordion:not(.accordion-unstyled) {
	background-color: #ffffff;
	border-radius: 0;
	padding-bottom: 0px;
}

.department-accordion-heading {
	width:100%;
	min-height: 275px;
	background-color: #ffffff;
	display:flex;
	flex-direction: row;
	align-items:center;
	border-bottom: 1px solid #8e8c89;
	padding-bottom: 30px;
	margin-bottom: 10px;
}

.department-accordion-heading h3,.department-accordion-heading h3 a {
	font-family: 'Rajdhani',arial, sans-serif;
	font-size: 2rem;
	font-weight:600;
	color: #275d38;
}
.department-accordion-heading h3 a:hover, .department-accordion-heading h3 a:focus {
	text-decoration: none;
}

.department-accordion-heading p {
	margin-top: 10px;
	margin-bottom: 10px;
}

.department-accordion-heading img {
	float: right;
}

.department-accordion .accordion:not(.accordion-unstyled):after {
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: start;
    align-items: center;
    content: "\f077";
    font-family: "Font Awesome 5 Solid", "Font Awesome 5 Pro";
    font-size: 1.8rem;
    position: absolute;
    top: 200px;
    bottom: 0px;
    right: 10px;
    margin: auto;
    height: 50px;
    width: 50px;
    color: #000000;
    background-color: #ffffff;
    border-radius: 0 3px 3px 0;
}

.department-accordion .open.accordion:not(.accordion-unstyled):after { 
	content: "\f078";
	background-color: #275d38;
	color: #ffffff;
}
.department-accordion .open.accordion:not(.accordion-unstyled) {
	background-color: #275d38;
}
.department-accordion .open.accordion {
	margin-bottom: 0px;
}

.open .department-accordion-heading {
	background-color: #275d38;
/* 	border-bottom: 1px solid #ffffff; */
	border-bottom: none;
}

.open .department-accordion-heading h3, .open .department-accordion-heading h3 a {
	color: #ffffff;
}

.open .department-accordion-heading p {
	color: #ffffff;
}

.department-accordion .accordion-content {
	margin: 0px 0px 10px 0px;
	border-top: none;
	padding: 0;
	background-color: #275d38;
	color: #ffffff;
}
.department-accordion-content {
	margin: -10px 50px 20px 3px;
	padding: 15px 20px 20px 30px;
	color: #ffffff;
}
.department-accordion-content .row {
	margin-left: 10px;
}
.department-accordion-content a {
	color:#ffffff;
}
.department-accordion-content a:hover, .department-accordion-content a:focus {
	color: #e8e8e8;
	text-decoration:underline;
}

/* Advising accordion buttons */ 
.department-accordion .accordion:not(.accordion-unstyled):after {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: start;
		align-items: center;
		content: "\f077";
		font-family: "Font Awesome 5 Solid", "Font Awesome 5 Pro";
		font-size: 1.8rem;
		position: absolute;
		top: 225px;
		bottom: 0px;
		right: 100px;
		margin: auto;
		height: 50px;
		width: 50px;
		color: #000000;
		background-color: #ffffff;
		border-radius: 0 3px 3px 0;
	}
	.department-accordion-content {
		margin: -10px 200px 20px 200px;
	}
	
	
	
	.department-accordion-content .accordion-advising-buttons {
	display:flex;
	flex-direction: row;
	justify-content: space-around;
	
	--uvu-green: #275d38;
	--white: #ffffff;
}
.department-accordion-content .accordion-advising-buttons a {
	display:inline-block;
	font-family: 'Montserrat',arial, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	font-weight: 600;
	text-align:center;
	border: 3px solid #275d38;
	margin: 20px auto 20px auto;
	padding:20px 15px 20px 50px;
	width: 390px;
	height: 70px;
	min-width: 350px;
	
	background-color: var(--white);
	color: var(--uvu-green);
	cursor:pointer;
}
.department-accordion-content .accordion-advising-buttons a:after {
	display: inline-block;
	font-family: 'FontAwesome';
	content: '\f061';
	margin-left: 30px;
	transition: 0.4s;
}
.department-accordion-content .accordion-advising-buttons a:hover, .department-accordion-content .accordion-advising-buttons a:focus {
	background-color: var(--uvu-green);
	color: var(--white);
	border: 3px solid var(--white);
	text-decoration:none;
}
.department-accordion-content .accordion-advising-buttons a:hover:after, .department-accordion-content .accordion-advising-buttons a:focus:after {
	margin-left: 65px;
}


/* END Advising accordion buttons */ 
	


	
}

/*end media query*/
/*End landscape tablet and up styles*/
/* ====================== Desktop Only (Overrides Mobile and Tablet Styles) ========================== */
@media only screen and (min-width: 1200px) {
	.section-divider.fix-width .divider:before {
		max-width: 515px;
		margin-left: auto;
	}
	.section-divider.fix-width .divider:after {
		max-width:515px;
		margin-right: auto;
	}
	
	/* Alumni Story Card */
.alumni-story-card .alumni-story-card-content {
	max-width: 800px;
}
.alumni-story-card .alumni-story-card-title {
	
	
	padding-bottom: 1rem;
	padding-left:130px;
	margin-right:130px;
}
.alumni-story-card .alumni-story-card-desc {
	margin-left:130px;
	margin-right:130px;
}
/* END Alumni Story Card */
	
/* Synapse section styling */
.publication-text-section h2 {
	margin-top: 50px;
}
.publication-text-section p {
	display:block;
	width: 60%;
	padding: 20px;
	margin-left:auto;
	margin-right:auto;
}
.publication-text-section a {
	display:block;
	width: 40%;
	padding: 20px 40px;
	border: 3px solid #ffffff;
	color: #ffffff;
	margin-right:auto;
	margin-left:auto;
}
 .publication-image-section {
	 display:block;
	 height: 100%;
	 width: 50%;
	 max-height: 480px;
 }
.publication-image-section img {
	display:block;
	width: 100%;
	height: 480px;
	object-fit:cover;
	
}
.publication-image-section .publication-title {
	position:absolute;
	top: 40%;
  	left: 50%;
  	transform: translate(-50%, -50%);
	
	
}
.publication-image-section .publication-descriptions {
	position:absolute;
	top: 60%;
  	left: 50%;
  	transform: translate(-50%, -50%);
	width: 550px;
	
}
/* END Synapse section styling */
	
	.department-accordion .accordion:not(.accordion-unstyled):after {
		right: 350px;
	}
	
	.about-us .page-header.jumbo.fullbleed .container-fluid {
		max-width: none;
		width:100%;
		margin-right: 10px;
		margin-left: 10px;
	}
	.about-us .fullbleed-overlay.contain {
		min-width:800px;
		width:100%;
	}
	
}

/*end media query*/
/*End desktop only styles*/




/* Mobile Only */
@media only screen and (max-width: 768px) {
	.news-cards .blog-listing div {
		display:flex;
		flex-direction: column;
	}

	.news-cards .blog-listing div div.col-xs-12 {
		width: 100%;
		max-width: 400px;
		margin-right:auto;
		margin-left:auto;
	}
	
	
}



/* Mobile Accordion */
/*  ---- Department Accordion ---- */
.department-accordion {
	
}
.department-accordion div.accordion:not(.active) {
	margin-bottom: 0;
}
.department-accordion .accordion:not(.accordion-unstyled) {
	background-color: #ffffff;
	border-radius: 0;
	padding-bottom: 0px;
}

.department-accordion-heading {
	width:100%;
	min-height: 500px;
	background-color: #ffffff;
	display:flex;
	flex-direction: column;
	align-items:center;
	border-bottom: 1px solid #8e8c89;
	padding-bottom: 30px;
	margin-bottom: 10px;
}

.department-accordion-heading h3,.department-accordion-heading h3 a {
	font-family: 'Rajdhani',arial, sans-serif;
	font-size: 2rem;
	font-weight:600;
	color: #275d38;
}
.department-accordion-heading h3 a:hover, .department-accordion-heading h3 a:focus {
	text-decoration: none;
}

.department-accordion-heading p {
	margin-top: 10px;
	margin-bottom: 10px;
}

.department-accordion-heading img {
	float: right;
}

.department-accordion .accordion:not(.accordion-unstyled):after {
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: start;
    align-items: center;
    content: "\f077";
    font-family: "Font Awesome 5 Solid", "Font Awesome 5 Pro";
    font-size: 1.8rem;
    position: absolute;
    top: 450px;
    bottom: 0px;
    right: 10px;
    margin: auto;
    height: 50px;
    width: 50px;
    color: #000000;
    background-color: #ffffff;
    border-radius: 0 3px 3px 0;
}

.department-accordion .open.accordion:not(.accordion-unstyled):after { 
	content: "\f078";
	background-color: #275d38;
	color: #ffffff;
}
.department-accordion .open.accordion:not(.accordion-unstyled) {
	background-color: #275d38;
}
.department-accordion .open.accordion {
	margin-bottom: 0px;
}

.open .department-accordion-heading {
	background-color: #275d38;
/* 	border-bottom: 1px solid #ffffff; */
	border-bottom: none;
}

.open .department-accordion-heading h3, .open .department-accordion-heading h3 a {
	color: #ffffff;
}

.open .department-accordion-heading p {
	color: #ffffff;
}

.department-accordion .accordion-content {
	margin: -10px 0px 10px 0px;
	border-top: none;
	padding: 0;
	background-color: #275d38;
	color: #ffffff;
}
.department-accordion-content {
    margin: 10px 40px 20px 0px;
    padding: 5px 5px 20px 5px;
    color: #ffffff;
}

.department-accordion-content .row {
	margin-left: 5px;
}
.department-accordion-content a {
	color:#ffffff;
}
.department-accordion-content a:hover, .department-accordion-content a:focus {
	color: #e8e8e8;
	text-decoration:underline;
}

/* Advising accordion buttons */ 
.department-accordion-content .accordion-advising-buttons {
	display:flex;
	flex-direction: column;
	justify-content: space-around;
	
	--uvu-green: #275d38;
	--white: #ffffff;
}
.department-accordion-content .accordion-advising-buttons a {
	display:inline-block;
	font-family: 'Montserrat',arial, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	font-weight: 600;
	text-align:center;
	border: 3px solid #275d38;
	margin: 20px auto 20px auto;
	padding:20px 5px 20px 5px;
	width: 100%;
	
	background-color: var(--white);
	color: var(--uvu-green);
	cursor:pointer;
}
.department-accordion-content .accordion-advising-buttons a:after {
	display: inline-block;
	font-family: 'FontAwesome';
	content: '\f061';
	margin-left: 30px;
	transition: 0.4s;
}
.department-accordion-content .accordion-advising-buttons a:hover, .department-accordion-content .accordion-advising-buttons a:focus {
	background-color: var(--uvu-green);
	color: var(--white);
	border: 3px solid var(--white);
	text-decoration:none;
}
.department-accordion-content .accordion-advising-buttons a:hover:after, .department-accordion-content .accordion-advising-buttons a:focus:after {
	margin-left: 65px;
}

/* END Advising accordion buttons */ 
/* Edit in Omni */
.ou-justedit-region .department-accordion-content {
	color:#000000;
}
.ou-justedit-region .department-accordion-content a, .ou-justedit-region .department-accordion-content h1, 
.ou-justedit-region .department-accordion-content h2, .ou-justedit-region .department-accordion-content h3, 
.ou-justedit-region .department-accordion-content h4, .ou-justedit-region .department-accordion-content h5 {
	color: #275d38;
}

/* END Edit in Omni */


@media only screen and (min-width: 992px) {
.department-accordion div.accordion:not(.active) {
	margin-bottom: 0;
}
.department-accordion .accordion:not(.accordion-unstyled) {
	background-color: #ffffff;
	border-radius: 0;
	padding-bottom: 0px;
}

.department-accordion-heading {
	width:100%;
	min-height: 275px;
	background-color: #ffffff;
	display:flex;
	flex-direction: row;
	align-items:center;
	border-bottom: 1px solid #8e8c89;
	padding-bottom: 30px;
	margin-bottom: 10px;
}

.department-accordion-heading h3,.department-accordion-heading h3 a {
	font-family: 'Rajdhani',arial, sans-serif;
	font-size: 2rem;
	font-weight:600;
	color: #275d38;
}
.department-accordion-heading h3 a:hover, .department-accordion-heading h3 a:focus {
	text-decoration: none;
}

.department-accordion-heading p {
	margin-top: 10px;
	margin-bottom: 10px;
}

.department-accordion-heading img {
	float: right;
}

.department-accordion .accordion:not(.accordion-unstyled):after {
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: start;
    align-items: center;
    content: "\f077";
    font-family: "Font Awesome 5 Solid", "Font Awesome 5 Pro";
    font-size: 1.8rem;
    position: absolute;
    top: 200px;
    bottom: 0px;
    right: 10px;
    margin: auto;
    height: 50px;
    width: 50px;
    color: #000000;
    background-color: #ffffff;
    border-radius: 0 3px 3px 0;
}

.department-accordion .open.accordion:not(.accordion-unstyled):after { 
	content: "\f078";
	background-color: #275d38;
	color: #ffffff;
}
.department-accordion .open.accordion:not(.accordion-unstyled) {
	background-color: #275d38;
}
.department-accordion .open.accordion {
	margin-bottom: 0px;
}

.open .department-accordion-heading {
	background-color: #275d38;
/* 	border-bottom: 1px solid #ffffff; */
	border-bottom: none;
}

.open .department-accordion-heading h3, .open .department-accordion-heading h3 a {
	color: #ffffff;
}

.open .department-accordion-heading p {
	color: #ffffff;
}
.department-accordion-content {
	margin: -10px 50px 20px 3px;
	padding: 15px 20px 20px 30px;
	color: #ffffff;
}
.department-accordion .accordion-content {
	margin: -10px 0px 10px 0px;
	border-top: none;
	padding: 0;
	background-color: #275d38;
	color: #ffffff;
}
.department-accordion-content {
	margin: -10px 50px 20px 3px;
	padding: 15px 20px 20px 30px;
	color: #ffffff;
}
.department-accordion-content .row {
	margin-left: 10px;
}
.department-accordion-content a {
	color:#ffffff;
}
.department-accordion-content a:hover, .department-accordion-content a:focus  {
	color: #e8e8e8;
	text-decoration:underline;
}

/* Advising accordion buttons */ 
.department-accordion .accordion:not(.accordion-unstyled):after {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: start;
		align-items: center;
		content: "\f077";
		font-family: "Font Awesome 5 Solid", "Font Awesome 5 Pro";
		font-size: 1.8rem;
		position: absolute;
		top: 225px;
		bottom: 0px;
		right: 100px;
		margin: auto;
		height: 50px;
		width: 50px;
		color: #000000;
		background-color: #ffffff;
		border-radius: 0 3px 3px 0;
	}
	.department-accordion-content {
		margin: -10px 200px 20px 200px;
	}
	
	.department-accordion-content .accordion-advising-buttons {
	display:flex;
	flex-direction: row;
	justify-content: space-around;
	
	--uvu-green: #275d38;
	--white: #ffffff;
}
.department-accordion-content .accordion-advising-buttons a {
	display:inline-block;
	font-family: 'Montserrat',arial, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	font-weight: 600;
	text-align:center;
	border: 3px solid #275d38;
	margin: 20px auto 20px auto;
	padding:20px 15px 20px 50px;
	width: 390px;
	height: 70px;
	
	background-color: var(--white);
	color: var(--uvu-green);
	cursor:pointer;
}
.department-accordion-content .accordion-advising-buttons a:after {
	display: inline-block;
	font-family: 'FontAwesome';
	content: '\f061';
	margin-left: 30px;
	transition: 0.4s;
}
.department-accordion-content .accordion-advising-buttons a:hover, .department-accordion-content .accordion-advising-buttons a:focus {
	background-color: var(--uvu-green);
	color: var(--white);
	border: 3px solid var(--white);
	text-decoration:none;
}
.department-accordion-content .accordion-advising-buttons a:hover:after, .department-accordion-content .accordion-advising-buttons a:focus:after {
	margin-left: 65px;
}

/* END Advising accordion buttons */ 
	
	
}
/*  ---- END Department Accordion ---- */
/*end media query*/




/*END OF DOCUMENT*/