/*************************************** 
	COMMUNITY GROUP PAST 
***************************************/

#community-group-past .section-title {
	font-size: 24px;
	color: #333333;
	border-bottom: 1px solid #333333;
	padding: 0 0 10px 0 !important;
}
#community-group-past .et_pb_with_border {
	border-bottom: 1px solid #333333;
	padding: 30px 0 !important;
}
#community-group-past .date {
	font-size: 18px;
	font-style: italic;
	font-weight: 600;
	padding: 0 0 10px 0;
}
#community-group-past .title {
	font-size: 18px;
	color: #5a82be;
	font-weight: 600;
	padding: 0 0 10px 0;
}
#community-group-past .excerpt {
	color: #333333;
	padding: 0 0 10px 0;
}
#community-group-past .location {
	font-weight: 600;
	color: #333333;
	padding: 0 0 10px 0;
}
#community-group-past .link {
	float: right;
}
#community-group-past .load-more-div {
	margin: 10px 0 0 0;
}

/*************************************** 
	COMMUNITY GROUP UPCOMING 
***************************************/

#community-group-upcoming .et_pb_with_border {
	background-color: #f2f2f2;
	padding: 30px !important;
	margin: 0 0 15px 0 !important;
	border: none !important;
}
#community-group-upcoming .date {
	font-size: 18px;
	font-style: italic;
	font-weight: 600;
	padding: 0 0 10px 0;
}
#community-group-upcoming .title {
	font-size: 18px;
	color: #5a82be;
	font-weight: 600;
	padding: 0 0 10px 0;
}
#community-group-upcoming .excerpt {
	color: #333333;
	padding: 0 0 10px 0;
}
#community-group-upcoming .location {
	font-weight: 600;
	color: #333333;
	padding: 0 0 10px 0;
}
#community-group-upcoming .link {
	float: right;
}
#community-group-upcoming .load-more-div {
	margin: 10px 0 0 0;
}

/*************************************** 
	COMMUNITY GROUP FEATURED 
***************************************/

#community-groups-featured .et_pb_with_border {
	background-color: #f2f2f2;
	padding: 30px !important;
	margin: 0 0 15px 0 !important;
	border: none !important;
}
#community-groups-featured .featured-event {
	color: #cd423c;
	font-size: 16px;
	font-weight: 600;
	padding: 0 0 10px 0;
}
#community-groups-featured .date {
	font-size: 18px;
	font-style: italic;
	font-weight: 600;
	padding: 0 0 10px 0;
}
#community-groups-featured .title {
	font-size: 18px;
	color: #5a82be;
	font-weight: 600;
	padding: 0 0 10px 0;
}
#community-groups-featured .excerpt {
	color: #333333;
	padding: 0 0 10px 0;
}
#community-groups-featured .location {
	font-weight: 600;
	color: #333333;
	padding: 0 0 10px 0;
}
#community-groups-featured .link {
	float: right;
}
#community-groups-featured .load-more-div {
	margin: 10px 0 0 0;
}

/*************************************** 
	COMMUNITY GROUPS HOME 
***************************************/

#community-groups-home .et_pb_with_border {
	border-bottom: 1px solid #333333;
	padding: 30px 0 !important;
}
#community-groups-home .last_term {
	border-bottom: none;
	padding: 30px 0 !important;
}
#community-groups-home .group-link {
	float: right;
	cursor: pointer;
	padding: 5px 10px;
	background-color: #2ea3f2;
}
#community-groups-home .group-link:hover {
	background-color: #5a82be;
}
#community-groups-home .group-link a {
	font-weight: 600;
	color: #FFFFFF;
}

/*************************************** 
	GRANTS HOME 
***************************************/

#grants-home .child  {
	padding: 40px 0;
}
#grants-home .child .name {
	font-size: 14px;
	font-weight: 600;
	color: #000000;
	padding: 0 0 10px 0;
}
#grants-home .child .description {
	font-size: 14px;
	color: #000000;
	padding: 0 0 10px 0;
}

/*************************************** 
	GRANTS HOME 
***************************************/

#grants-home .child  {
	padding: 40px 0;
}
#grants-home .child .name {
	font-size: 14px;
	font-weight: 600;
	color: #000000;
	padding: 0 0 10px 0;
}
#grants-home .child .description {
	font-size: 14px;
	color: #000000;
	padding: 0 0 10px 0;
}

/*************************************** 
	GRANTS FEATURED
***************************************/

#grants-featured .row {
	display: grid;
	grid-template-columns: 1fr 4fr;
	gap: 20px;
	padding: 20px !important;
	margin: 20px 0 !important;
	background-color: #f2f2f2;
}
@media screen and (max-width: 1200px) {
	#grants-featured .row {	
		grid-template-columns: 1fr 3fr;
	}
}
@media screen and (max-width: 800px) {
	#grants-featured .row {	
		grid-template-columns: 1fr;
	}
}
#grants-featured .row .image img {
	width: 200px;
	height: auto;
}
#grants-featured .row .content .type {
	font-size: 14px;
	font-weight: 600;
	line-height: 16px;
	color: #ff6599;
	padding: 0 0 10px 0;
}
#grants-featured .row .content .title {
	font-size: 14px;
	font-weight: 600;
	line-height: 16px;
	color: #000000;
	padding: 0 0 10px 0;
}
#grants-featured .row .content .description {
	padding: 0 10px;
	font-size: 14px;
	line-height: 16px;
	color: #000000;
	padding: 0 0 10px 0;
}
#grants-featured .row .content .link a {
	float: right;
	font-weight: 600;
	color: #116583;
}
#grants-featured .row .content .link a:hover {
	font-weight: 600;
	color: #ff6599;
}

/*************************************** 
	GRANT
***************************************/

#grant #accordion .ui-state-default {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 70px;
	background-color: #f2f2f2;
	font-size: 24px;
	border-top: 1px solid #cccccc;
	border-left: none;
	border-right: none;
	border-bottom: none;
	outline: none;
	margin: 0 0 20px 0;
}
#grant #accordion .ui-state-active {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 70px;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 24px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: none;
	outline: none;
	margin: 0;
	padding: 10px .5em 20px .7em;
}
#grant #accordion .accordion-header span {
	display: none;
}
#grant #accordion .accordion-content .grant {
	border-bottom: 2px solid #cccccc;
	margin: 0 0 30px 0;
	padding: 0 0 10px 0;
}
#grant #accordion .accordion-content .scientists {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 10px;
}
@media screen and (max-width: 1200px) {
	#grant #accordion .accordion-content .scientists {	
		grid-template-columns: 1fr 1fr;
	}
}
@media screen and (max-width: 800px) {
	#grant #accordion .accordion-content .scientists {	
		grid-template-columns: 1fr;
	}
}
#grant #accordion .accordion-content .scientists .scientist {	
	display: flex;	  
	flex-grow:1;
	flex-basis: 0;
}
#grant #accordion .accordion-content .scientists .scientist .image {
	height: 125px !important;
	width: 125px !important;
	flex-shrink: 0;
}
#grant #accordion .accordion-content .scientists .scientist .image img {
	height: 125px !important;
	width: 125px !important;
	flex-shrink: 0;
}
#grant #accordion .accordion-content .scientists .scientist .identity {
	padding: 0 10px;
	font-size: 14px;
	font-family: "Open sans";
	line-height: 16px;
	color: #000000;
}
#grant #accordion .accordion-content .scientists .scientist .identity .name,
#grant #accordion .accordion-content .scientists .scientist .identity .name a {
	font-size: 15px;
	letter-spacing: -0.75px;
	font-weight: 600;
	color: #116583;
}
#grant #accordion .accordion-content .scientists .scientist .identity .name a:hover {
	font-weight: 600;
	color: #ff6599;
}
#grant #accordion .accordion-content .scientists .scientist .identity .title,
#grant #accordion .accordion-content .scientists .scientist .identity .location,
#grant #accordion .accordion-content .scientists .scientist .identity .lab {
	padding: 7px 0 0 0;
	font-size: 12px;
	line-height: 16px;
}
#grant #accordion .accordion-content .info {
	font-size: 14px;
	line-height: 16px;
	color: #000000;
	margin: 30px 0;
}
#grant #accordion .accordion-content .info .title {
	font-weight: 600;
	padding: 0 0 10px 0;
}

/*************************************** 
	RESEARCH AREA SCIENTISTS
***************************************/

#research-area-scientists .scientists {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 20px;
}
@media screen and (max-width: 1200px) {
	#research-area-scientists .scientists {	
		grid-template-columns: 1fr 1fr;
	}
}
@media screen and (max-width: 800px) {
	#research-area-scientists .scientists {	
		grid-template-columns: 1fr;
	}
}
#research-area-scientists .scientists .scientist {	
	display: flex;	  
	flex-grow:1;
	flex-basis: 0;
}
#research-area-scientists .scientists .scientist .image {
	height: 125px !important;
	width: 125px !important;
	flex-shrink: 0;
}
#research-area-scientists .scientists .scientist .image img {
	height: 125px !important;
	width: 125px !important;
	flex-shrink: 0;
}
#research-area-scientists .scientists .scientist .identity {
	padding: 0 10px;
	font-size: 14px;
	line-height: 16px;
	color: #000000;
}
#research-area-scientists .scientists .scientist .identity .name a {
	font-weight: 600;
	color: #116583;
}
#research-area-scientists .scientists .scientist .identity .name a:hover {
	font-weight: 600;
	color: #ff6599;
}
#research-area-scientists .scientists .scientist .identity .title {
	font-size: 12px;
}
#research-area-scientists .landing-row {
	padding: 0;
	margin: 0;
	border: none;
}
#research-area-scientists .load-more-div {
	position: absolute;
	bottom: -100px;
	left: 45%;
}

/*************************************** 
	RESEARCH AREA FEATURED NEWS
***************************************/

#research-area-featured-news .row {
	display: grid;
	grid-template-columns: 1fr 4fr;
	gap: 20px;
	border-bottom: 2px solid #cccccc;
	padding: 0 0 30px 0 !important;
	margin: 0 0 30px 0 !important;
}
@media screen and (max-width: 1200px) {
	#research-area-featured-news .row {
		grid-template-columns: 1fr 3fr;
	}
}
@media screen and (max-width: 800px) {
	#research-area-featured-news .row {
		grid-template-columns: 1fr;
	}
}
#research-area-featured-news .row .image img {
	width: 200px;
	height: auto;
}
#research-area-featured-news .row .content .title {
	font-size: 16px;
	font-weight: 600;
	line-height: 18px;
	color: #116583;
	padding: 0 0 10px 0;
}
#research-area-featured-news .row .content .date {
	font-size: 16px;
	font-weight: 600;
	line-height: 18px;
	color: #000000;
	padding: 0 0 10px 0;
}
#research-area-featured-news .row .content .excerpt {
	padding: 0 10px;
	font-size: 14px;
	line-height: 16px;
	color: #000000;
	padding: 0 0 10px 0;
}
#research-area-featured-news .row .content .link a {
	float: right;
	font-weight: 600;
	color: #116583;
}
#research-area-featured-news .row .content .link a:hover {
	font-weight: 600;
	color: #ff6599;
}

/*************************************** 
	PHOTOS
***************************************/

#photos .photos {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	column-gap: 10px;
	row-gap: 30px;
}
@media screen and (max-width: 1200px) {
	#photos .photos {
		grid-template-columns: 1fr 1fr 1fr;
	}
}
@media screen and (max-width: 800px) {
	#photos .photos {
		grid-template-columns: 1fr 1fr;
	}
}
#photos .photos .photo  {
	text-align: center;
	margin: 0 auto;
}
#photos .photos .photo a {
	cursor: pointer;
}
#photos .photos .photo a:hover {
	opacity: .333;
}
#photos .photos .photo a .image {
	text-align: center;
}
#photos .photos .photo a .image img {
	width: 150px;
	height: 150px;
	object-fit: cover;
}
#photos .photos .photo a .date {
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	color: #000000;
}
#photos .photos .photo a .date:hover {
	color: #000000;
}
#photos .photos .photo a .title {
	font-size: 15px;
	line-height: 17px;
	text-align: center;
	color: #000000;
	font-weight: 600;
	width: 150px;
}
#photos .photos .photo a .title:hover {
	color: #000000;
}

/*************************************** 
	DIVI MASONRY GALLERY
***************************************/

.mfp-gallery {
	z-index: 9999999999 !important;
}
.mfp-gallery figcaption .mfp-bottom-bar .mfp-title {
	padding: 10px;
	background-color: #FFFFFF !important;
	opacity: .9;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	text-align: left;
}
.mfp-gallery figcaption .mfp-bottom-bar .mfp-title span {
	color: #000000 !important;
	font-size: 18px;
	font-family: "Open Sans" !important;
}
.mfp-gallery figcaption .mfp-bottom-bar .mfp-title small {
	color: #000000 !important;
	padding: 10px 0 0 0;
	font-family: "Open Sans" !important;
}
.mfp-gallery figcaption .mfp-bottom-bar .mfp-title small .photographer{
	color: #000000 !important;
	padding: 10px 0 0 0;
	text-align: right;
	font-family: "Open Sans" !important;
}

/*************************************** 
	HOME SLIDER 
***************************************/

#home-slider .mobile-sliders {
	display: none;
}

#home-slider .desktop-sliders .slider,
#home-slider .mobile-sliders .slider {
	position: relative;
}

#home-slider .desktop-sliders .slider img,
#home-slider .mobile-sliders .slider img {
	display: block;
	width: 98% !important;
	text-align: center;
	margin: 0 auto;
}

#home-slider .desktop-sliders .slider .text,
#home-slider .mobile-sliders .slider .text {
	position: absolute;
	bottom: 0;
	width: 60%;
	left: 20%;
	right: 20%;
	padding: 10px 20px 15px 20px;
	font-size: 15px;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	background-color: rgba(255,255,255,0.9);
	color: #000000;
}

#home-slider .desktop-sliders .text .title,
#home-slider .mobile-sliders .text .title {
	font-weight: 600;
}

#home-slider .desktop-sliders .text .description,
#home-slider .mobile-sliders .text .description {
	line-height: 20px;
}

#home-slider .desktop-sliders .text .description span,
#home-slider .mobile-sliders .text .description span {
	display: block;
	float: right;
	padding: 0 20px 0 0;
}

#home-slider .desktop-sliders .text .description span a,
#home-slider .mobile-sliders .text .description span a {
	color: #000000 !important;
	font-weight: 600;
}

/* Slick button structure defaults — no custom icons */

.slick-prev,
.slick-next,
.slick-play,
.slick-pause {
	width: auto;
	height: auto;
	background: none;
	border: none;
	box-shadow: none;
	text-indent: 0;
}

/* Remove any unnecessary sizing/icon overrides */
.slick-prev::before,
.slick-next::before,
.slick-play::before,
.slick-pause::before {
	font-size: 30px;
	color: black;
	opacity: 0.75;
}

/* Allow Accessible Slick default positioning and style to control layout */

@media screen and (max-width: 768px) {
	#home-slider .desktop-sliders {
		display: none;
	}

	#home-slider .mobile-sliders {
		display: block;
		position: relative;
	}

	#home-slider .mobile-sliders .slider .text {
		position: relative;
		width: 100%;
		left: 0;
		right: 0;
		margin-top: 20px;
		padding: 10px 20px;
		background-color: rgba(255,255,255,0.9);
	}

	#home-slider .mobile-sliders .slider .image {
		text-align: center;
	}
	
	#home-slider .mobile-sliders .image img {
		width: 100%;
		height: auto;
	}
}