/* 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 ========================== */
/* ==== 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 {
	height: 450px;
	margin-bottom: 0px;
	bottom: 10px;
}
.instagram-import {
	height: 443px; /*Exact linup with the sibling cards */
}
/* END last section uniformity */

/* 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 */

/* 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:inline-block;
}
.card-staff.card-staff-2 .card-staff-directory {
	display:inline-block;
	margin-top: 5px;
}
.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 */

/* Student Spotlight Hover Cards */
.student-showcase-cards .card-hover.card-hover-custom {
	max-height: 310px;
	margin: 15px;
}	
.student-showcase-cards .card-hover .card-hover-img	{
	max-height: 310px;
	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 */

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



.width-70, .width-70.box-link {
	display:block;
	width: 70%;
}

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

.card-picture .card-picture-button:hover, .card-picture .card-picture-button:focus {
	background-color: transparent;
	text-decoration: underline;
	color: #f8f8f8;
}

/* last section uniformity */
.footer-staff-card {
/* 	max-height: 450px;
	 */
}
.footer-staff-card .directory .card-staff {
	height: 420px;
	margin-bottom: 0px;
}
.twitter-import {
	height: 443px; /*Exact linup with the sibling cards */
	overflow-y: scroll;
}
/* END last section uniformity */


.centered {
	display:block;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}
img.centered {
	display:block;
	margin-right:auto;
	margin-left:auto;
}

/* ----- 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 ----  */

/*  ---- 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: 258px;
	background-color: #ffffff;
	display:flex;
	align-items:center;
	border-bottom: 1px solid #8e8c89;
	padding-bottom: 30px;
	margin-bottom: 10px;
}

.department-accordion-heading h3 {
	font-family: 'Rajdhani',arial, sans-serif;
	font-size: 2rem;
	font-weight:600;
}

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


/* 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 */
/*  ---- END Department Accordion ---- */


/* resource cards */
.resource-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;
}
.resource-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: 5%;
    left: 0px;
}
/* END resource cards */

/* ----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;
	
}



.story-card-link-alt a.padding-left-80.padding-right-80 {
	padding: 20px 80px 20px 80px;
}


.story-card-description.text-left {
	text-align:left;
	margin-left:50px;
	margin-right: 50px;
}
/* END Story Card */

/* Story cards with hover */
.story-card.hover-up {
	overflow-y:hidden;
	min-height: 550px;
	position: relative;
}

.story-card.hover-up .story-card-content-scrollable:before {
	display: block;
	padding: 10px;
	font-family: "Font Awesome 5 Pro";
	content: "\f077";
	color: #000000;
	font-size: 2rem;
	width: 10%;
	position: relative;
	left: 44%;
	transition-property: content;
	transition-duration: 1s;
  	transition-delay: 1s;
}

.story-card.hover-up:hover .story-card-content-scrollable:before, .story-card.hover-up:focus .story-card-content-scrollable:before {content: "\f078";}

.story-card.hover-up .story-card-content-scrollable {
	display:block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 91%;
	left: 0;
	transition: 0.85s;
}

.story-card.hover-up:hover .story-card-content-scrollable,.story-card.hover-up:focus .story-card-content-scrollable {
	display: block;
	background-color: #ffffff;
	z-index: 5;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.story-card-scrollable-content {
	display:block;
	height: 84%;
	overflow-y: auto;
	margin: 10px;
}
.story-card-scrollable-content::-webkit-scrollbar {
	width: 0.8em;
}
.story-card-scrollable-content::-webkit-scrollbar-track {
	box-shadow: inset 0px 3px 6px #888888;
	border-radius: 10px;
}
.story-card-scrollable-content::-webkit-scrollbar-thumb {
	background: rgb(50,77,47);
	background: linear-gradient(180deg, rgba(50,77,47,1) 0%, rgba(101,147,66,1) 100%);
	border-radius: 10px;
}
/* END Story cards with hover */

/* Story Cards with Scrollable content */
.story-card .story-card-description.scrollable {
	height: 100%;
	max-height: 465px;
	overflow-y: auto;
	
	margin-right: 0px;
	padding-right: 50px;
	padding-bottom: 10px;
}
.story-card .story-card-description.scrollable::-webkit-scrollbar {
	width: 1em;
/* 	height: 200px; */
}
.story-card .story-card-description.scrollable::-webkit-scrollbar-track {
	box-shadow: inset 0px 3px 6px #888888;
	border-radius: 10px;
}
.story-card .story-card-description.scrollable::-webkit-scrollbar-thumb {
	background: rgb(50,77,47);
	background: linear-gradient(180deg, rgba(50,77,47,1) 0%, rgba(101,147,66,1) 100%);
	border-radius: 10px;
}

/* END Story Cards with Scrollable content */


/* Box Link */
.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;
}
/* END Box Link */

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

/* 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 */



/* Staff Cards */
.card-staff.card-staff-2 {
	
}
/* 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-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 */

/* Program Links */
.program-link-grid {
	display:grid;
	grid-template-columns: auto;
	width: 100%;
}
.program-link-grid .program-link {
	padding: 20px;
	background-color: #275d38;
	color: #ffffff;
	text-align:left;
	width: 93%;
	display:block;
	margin: 10px auto 10px auto;
	border-radius: 8px;
}
.program-link-grid .program-link .program-text {
	text-transform: uppercase;
	font-family: 'Montserrat',arial, sans-serif;
	font-size: 16px;
	font-weight: 600;
}
.program-link-grid .program-link .program-text:after {
	display:inline-block;
	font-family: "Font Awesome 5 Solid", "Font Awesome 5 Pro";
	font-weight: 200;
	content: "\f063";
	float: right;
}
/* END Program Links */

/* Program Cards */
.program-card {
	display: block;
	box-shadow: 0px 3px 6px #888888;
	margin: 20px 0px 20px 0px;
}
.program-card .program-card-title {
	padding-top: 10px;
}
.program-card .program-card-title h3 {
	font-family: 'Rajdhani',arial, sans-serif;
	font-size: 2.5rem;
	font-weight: 700;
	color: #275d38;
	
	padding-bottom: 1rem;
	border-left: 10px solid #275d38;
	margin: 20px 0px 0px 0px;
	padding-left:50px;
	padding-top: 5px;
	padding-bottom: 40px;
}
.program-card .program-card-description {
	margin-left: 60px;
	margin-right: 30px;
	margin-top: -40px;
}
.program-card .program-card-description h4 {
	font-size: 20px;
}
.program-card .program-card-links {
	display: grid;
	grid-template-columns: auto;
	min-height: 80px;
	padding: 10px;
}
.program-card .program-card-links a {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}


/* END Program Cards */




/*End mobile and up styles*/
/* ====================== Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 768px) {
/* ==== 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;
	}
	
}

/*end media query*/
/*End tablet and up styles*/
/* ====================== Landscape Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 992px) {
	.program-link-grid {
		display:grid;
		grid-template-columns: auto auto;
	}
	
	.program-card .program-card-links {
		grid-template-columns: auto auto;
	}
	
	.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: 150px;
		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;
	}
	
}

/*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;
	}
	
	
	.program-link-grid {
		display:grid;
		grid-template-columns: auto auto auto;
	}
	
	.department-accordion .accordion:not(.accordion-unstyled):after {
		right: 350px;
	}
}

/*end media query*/
/*End desktop only styles*/
/*END OF DOCUMENT*/