/*
Theme Name: Sciences 2022
Author: eric.ackerman@sdsu.edu, pbirajdar2@sdsu.edu, pjadhav@sdsu.edu, cnainani@sdsu.edu, pkulkarni2@sdsu.edu, ssaoji@sdsu.edu, jlee28@sdsu.edu, schepa@sdsu.edu, abhor@sdsu.edu, hdittakavi@sdsu.edu, slwhite@sdsu.edu
Author URI: https://sciences.sdsu.edu
Description: College of Sciences Customizations. Distribution is Prohibited.
Version: 02.12.06
Updated: 2026-02-12 1122
*/


/* ===== Team / people layout ===== */
.team {
	margin: 0px;
	background-color: white;
}

.person {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	column-gap: 50px;
	row-gap: 20px;
	margin-bottom: 40px;
}

.personPhoto {
	background-color: lightgray;
	width: 250px;
	height: 250px;
}

/* ===== Footer logos ===== */
.footerLogos {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	column-gap: 0px;
	width: 100%;
	margin: 80px auto 80px;
	padding: 0px;
	align-items: center;
}

.logoCenter {
	align-self: center;
	background-color: lightgray;
	width: 240px;
	height: 90px;
}

/* ===== Stats layout ===== */
.stats-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 3em;
	max-width: 1180px;
	margin: 0 auto;
	padding-bottom: 50px;
}

.stat-row {
	display: flex;
	justify-content: space-between;
	width: 100%;
	max-width: 1180px;
	align-items: flex-end;
	gap: 1em;
}

.stat-total {
	flex: 1;
	text-align: left;
}

.stat-number {
	font-size: 50px;
	font-weight: bold;
	color: #000;
	display: block;
	line-height: 1.0;
}

.stat-label {
	font-size: 18px;
	font-weight: bold;
	color: #666;
	display: block;
	margin-top: 5px;
}

.sub-stat-container {
	display: flex;
	justify-content: space-between;
	flex: 2;
	text-align: right;
	gap: 1em;
}

.stat-item {
	text-align: right;
	flex: 1;
}

.sub-stat-number {
	font-size: 30px;
	font-weight: bold;
	color: #000;
	display: block;
}

.sub-stat-label {
	font-size: 16px;
	font-weight: bold;
	color: #666;
	display: block;
}

.wsy {
	max-width: 1180px !important;
	margin: 0 auto;
	padding-left: 50px;
	padding-right: 50px;
}

/* ===== Spinner / loading ===== */
.spinner {
	border: 8px solid #f3f3f3;
	border-top: 8px solid #a6192e;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	animation: spin 2s linear infinite;
	margin-left: 10px;
}

.loading-text {
	margin-top: 10px;
	font-size: 18px;
	color: #a6192e;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/* ===== Theme overrides ===== */
.gen3col {
	padding-top: 0px !important;
}

.news-home {
	padding: 0px 0 5px 0 !important;
	margin-bottom: 3em !important;
}

.news-home__header {
	margin: 0 0 30px !important;
}

.news-home .item {
	margin: 0 0 30px !important;
}

.news-home .item__content {
	padding: 0px 40px 20px 0 !important;
}

.news-home .item__title {
	font-weight: 450 !important;
}

.news-home__header h2 {
	font-size: 50px !important;
}

.item:after {
	display: None !important;
}

.gen3col h3 {
	font-weight: 600 !important;
}

.arts-culture__inner {
	background: None !important;
}

.arts-culture__content {
	padding: 0 0 8em 0 !important;
}

.news-homepage.news-homepage-category-three {
	margin: 0 !important;
}

.category-header h2 {
	display: none !important;
}

section.news-homepage.news-homepage-category-three > div.container > a.cta.cta--button.more-from.hidden {
	display: none;
}

.bio-section {
	margin-bottom: 4em !important;
}

.events3up__header {
	margin: 0 0 2em;
}

/* ===== Responsive overrides ===== */

@media only screen and (max-width: 900px) {
	.footerLogos {
		display: flex;
		flex-flow: column;
		row-gap: 30px;
		margin: 10px auto;
		align-items: center;
	}
}

@media only screen and (max-width: 800px) {
	.person {
		flex-flow: column;
		align-items: start;
		padding: 0 21%;
	}

	.personPhoto {
		background-color: lightgray;
		width: 250px;
		height: 250px;
		align-self: center;
	}
}

@media (max-width: 768px) {
	.stat-row {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.sub-stat-container {
		flex-direction: row;
		justify-content: center;
		gap: 9em;
	}

	.stat-total {
		text-align: center;
	}

	.stat-item {
		text-align: center;
	}
}

@media (min-width: 700px) {
	.container {
		max-width: 1180px;
		margin: 0 auto;
		/* padding-bottom: 60px; */
	}
}

@media (max-width: 500px) {
	.sub-stat-container {
		gap: 4em;
	}
}