/*==============+
| GLOBAL STYLES |
+==============*/
html,
body {
	width: 100%;
	height: 100%;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 16px;
	scroll-behavior: smooth;
}

img {
	width: auto;
	max-width: 100%;
}

a {
	color: #003594;
	text-decoration: underline;
}

a:hover {
	color: #000000;
/* 	text-decoration: underline; */
}

/* Adds double border focus for all elements */
:focus,
:focus-visible {
	/* Inner indicator */
	outline: 2px #F9F9F9 solid !important;
	outline-offset: 0;
	/* Outer indicator */
	box-shadow: 0 0 0 4px #193146 !important;
}

/* Adds thicker double border focus for image-based components */
.section-campus-life :focus-visible,
.section-linked-images :focus-visible,
.j-stacker-wrapper :focus-visible {
	/* Inner indicator */
	outline: 3px #F9F9F9 solid !important;
	outline-offset: 0;
	/* Outer indicator */
	box-shadow: 0 0 0 6px #193146 !important;
}

.intro-text {
	color: #50585e;
	font-size: 1.25rem;
	border-left: solid 4px #003594;
	padding-left: 1rem;
}

/* Turn intro text white for full screen hero image */
.hero-text .intro-text {
	color: #FFFFFF;
	border: none;
}

/* Video embeds */
iframe[src*="youtube"],
iframe[src*="panopto"] {
    display: block;
    margin: 3rem auto;
    aspect-ratio: 16 / 9;
/*     max-width: 800px; */
	width: 100%;
	height: auto;
}

/* Remove top/bottom margins for YouTube video embeds in content cards */
.card iframe[src*="youtube"],
.card iframe[src*="panopto"] {
    margin: 0 auto;
}

/*================+
| FACULTY PROFILE |
+================*/
.profile-photo {
    width: 100%;
	max-width: 350px;
    margin: 0 auto 1.5rem;
}

.profile-photo img {
    aspect-ratio: 1/1;
    object-fit: cover;
	border-radius: 50%;
	width: 100%;
}

.pre-line {
	white-space: pre-line;
}

.profile-info-heading {
    font-family: 'Oswald';
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #001A71;
    font-weight: bold;
    font-size: 14px;
}

/*=======+
| TABLES |
+=======*/
.table {
    margin: 2rem 0;
}

.table thead th,
.table thead td {
	border-bottom: 2px solid rgba(0, 0, 0, 0.125);
	font-weight: bold;
	background-color: #e6e7e8;
}

.table td,
.table th {
	border-top: 1px solid rgba(0, 0, 0, 0.125);
	padding: 0.75rem;
}

.table .thead-light th {
	color: #000000;
	background-color: #e6e7e8;
	border-color: #e6e7e8;
}

.overflow-x-auto {
	overflow-x: auto; /* Allows horizontal table scrolling on mobile devices */
}

/*================+
| MAIN NAVIGATION |
+================*/
.icon-bar {
	transition: all 0.2s;
	display: block;
	width: 33px;
	height: 3px;
	border-radius: 1px;
/* 	margin-left: 2px; */
	background-color: #000000;
}

.top-bar {
	transform: rotate(45deg);
	transform-origin: 10% 10%;
}

.middle-bar {
	opacity: 0;
	margin-top: 6px;
}

.bottom-bar {
	transform: rotate(-45deg);
	transform-origin: 10% 90%;
	margin-top: 6px;
}

/* .navbar {
	min-height: 56px;
} */

button.navbar-toggler {
	height: 40px;
	border: none;
}

.navbar-toggler.collapsed .top-bar {
	transform: rotate(0);
}

.navbar-toggler.collapsed .middle-bar {
	opacity: 1;
}

.navbar-toggler.collapsed .bottom-bar {
	transform: rotate(0);
}

.navbar-nav {
	margin: 0 auto;
}

#search-icon {
	margin-left: auto;
	padding: 0 0.5rem;
	font-size: 1.25rem;
}

#search {
	position: absolute;
	top: 66px;
	left: 0;
	width: 100%;
/* 	height: 56px; */
	padding: 9px;
	text-align: center;
	background: #ffffff;
	transition: all 0.3s;
	z-index: 99;
	border-bottom: 1px solid #cccccc;
}

/* @media (min-width: 576px) {
	#search {
		padding: 5px 15px;
	}
} */

/* @media (min-width: 768px) {
	.scrolled-nav #search {
		right: 0;
		width: 100%;
		border-bottom: 1px solid #cccccc;
	}
} */

#search::after {
	content: '';
	position: absolute;
	bottom: 100%;
	right: 20px;
	margin-left: -20px;
	border-width: 8px;
	border-style: solid;
	border-color: transparent transparent #ffffff transparent;
}

#search-form .form-check {
	width: 100%;
}

@media (min-width: 768px) {
	#search-form .form-check {
		width: auto;
	}
}

#search-input {
	display: inline-block;
	width: 100%;
	border-color: #444444;
	border-radius: 1000px;
}

@media (min-width: 768px) {
	#search-input {
		margin-bottom: 0;
		width: 400px;
	}
}

#search-button {
	margin: 0 auto;
	padding: 0.25rem 0.5rem;
	position: absolute;
	top: 3px;
	right: 3px;
	background: #003594;
	border: none;
}

#search-button:hover {
	background: #001a70;
}

/*======+
| LINKS |
+======*/
.text-decoration-underline {
	text-decoration: underline;
}

.text-decoration-underline:hover {
	text-decoration: none;
}

.text-decoration-none:hover {
	text-decoration: none;
}

.cursor-pointer:hover {
	cursor: pointer;
}

.link-text {
	font-family: 'Oswald', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

.link-white,
.link-white:active,
.link-white:visited {
	color: #ffffff !important;
}

.text-links-block {
	line-height: 1.6;
}
@media (min-width: 576px) {
	.text-links-block {
		column-count: 2;
	}
}
@media (min-width: 768px) {
	.text-links-block {
		column-count: 3;
	}
}
@media (min-width: 992px) {
	.text-links-block {
		column-count: 1;
	}
}
.text-links-block li {
	margin-bottom: 15px;
}

/*========+
| BUTTONS |
+========*/
.btn {
	font-family: 'Oswald', sans-serif;
	padding: 0.75rem;
	margin: 0.5rem 0;
	text-transform: uppercase;
	border-radius: 1000px;
	text-decoration: none;
	max-width: 300px;
	background: #F5E6BD;
}

.btn:hover {
	background: #ffc72c;
	text-decoration: none;
}

.btn:not(#search-button) {
	font-size: 1rem;
	padding: 0.75rem 1rem;
	width: 100%;
}

/*====================+
| BACKGROUND ELEMENTS |
+====================*/
/* For hero image/video backgrounds, image backgrounds with text overlays, etc. */
.bg-element-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	line-height: 1;
	width: 100%;
	z-index: 2;
	padding: 5px 15px;
}

.bg-element-text-container {
	width: 90%;
	height: 90%;
	border: 3px solid #ffffff;
}

.bg-element-text-tagline {
	font-size: 1.5rem;
}

.bg-element-gradient {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 100%;
	z-index: 2;
	background: none;
	background: linear-gradient(0deg,rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.75) 100%);
}

.bg-element-top-gradient {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 150px;
	z-index: 2;
	background: none;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 0%, rgba(255, 255, 255, 0) 100%);
}

.image-link-overlay:after {
	content: '';
	background: rgba(12, 25, 117, 0.4);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	transition: all 0.5s;
}

.image-link-overlay:hover:after {
	background: rgba(12, 25, 117, 0.7);
}

.image-bg-overlay:after {
	content: '';
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 25%, rgba(12, 25, 82, 0.85) 100%);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	z-index: 1;
	transition: all 0.5s;
}

.image-bg-overlay.video-spacer:after {
	content: '';
	background: linear-gradient(to bottom, rgba(12, 25, 82, 0.6) 0%, rgba(12, 25, 82, 0.85) 100%);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	z-index: 1;
	transition: all 0.5s;
}

/*======+
| FONTS |
+======*/
.open-sans {
	font-family: 'Open Sans', sans-serif !important;
}

.oswald {
	font-family: 'Oswald', sans-serif !important;
}

/*=====================+
| MISCELLANEOUS STYLES |
+=====================*/
#skip {
	z-index: 99999;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	margin: 0 auto;
	width: 100%;
}

#skip a,
#skip a:hover,
#skip a:visited {
	position: absolute;
	left: 0px;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	color: #000000;
}

#skip a:active,
#skip a:focus {
	position: static;
	width: 100%;
	margin: 0 auto;
	height: auto;
	display: block;
	color: #000000;
	background-image: linear-gradient(to right, #f9a600, #ffd200, #f9a600);
	padding: 12px 30px;
}

@media (min-width: 992px) {
	#content {
		z-index: 2;
	}
}
#content.open-sans {
	font-size: 0.8rem;
	background: url('/static/images/bg-50th-anniversary.png');
}
@media (min-width: 321px) {
	#content.open-sans {
		font-size: 0.9rem;
	}
}
@media (min-width: 1200px) {
	#content.open-sans {
		font-size: 1.1rem;
	}
}

/* #content.no-hero {
	padding-top: 95px !important;
} */

.rounded-corners {
	border-radius: 0.25rem;
}

.overlay {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10;
	background-color: rgba(0, 0, 0, 0.8);
}
.overlay.enabled {
	display: block;
}
.overlay.enabled.edit-panel-open {
	z-index: 2000;
	background-color: rgba(0, 0, 0, 0.5);
}

.scroll-to-top {
	line-height: 1;
	text-align: center;
	font-weight: bold;
	font-size: 3rem;
	color: #003594;
	text-decoration: none;
	position: fixed;
	bottom: 40px;
	right: 40px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s;
}

.scroll-to-top:hover {
	color: #001A70;
}

.scroll-to-top.enabled {
	opacity: 1;
	visibility: visible;
	z-index: 99;
}

.text-shadow {
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}
.text-shadow-white {
	text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.5);
}
.box-shadow {
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}
.z-index-1 {
	z-index: 1;
}
.line-height-1 {
	line-height: 1;
}
.blockquote-border {
	border-left-width: 4px;
	border-left-style: solid;
}
.lightbox-content-container {
	position: relative;
	background: #fff;
	padding: 20px;
	width: auto;
	max-width: 500px;
	margin: 20px auto;
}
.row-eq-height {
	display: flex;
}
.calendar-date {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	line-height: 1;
/* 	width: 64px; */
	min-width: 64px;
	max-width: 64px;
}
@media (min-width: 576px) {
	.calendar-date {
/* 		width: 70px; */
		min-width: 70px;
		max-width: 70px;
	}
}
.calendar-day {
	font-size: 1.75rem;
	font-weight: bold;
}
@media (min-width: 576px) {
	.calendar-day {
		font-size: 2rem;
	}
}
.calendar-month {
	font-size: 0.8rem;
}

.calendar-year {
    font-size: 0.7rem;
    margin-top: 5px;
    letter-spacing: 1px;
}

.calendar-event-title .heading-card {
	font-weight: normal;
}
.calendar-event-details {
	font-size: 0.9rem;
}
@media (min-width: 1200px) {
	.calendar-event-details {
		font-size: 1.05rem;
	}
}

.campus-map-container {
	min-height: 250px;
	position: relative;
}

.campus-map {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.campus-map-sidebar {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.card-body {
	border-radius: 0.3rem;
	padding: 1.2rem;
}

.card-body figure img {
	max-width: 800px;
}

.text-hidden {
	font-size: 0;
	width: 1px;
	height: 1px;
	display: inline-block;
	overflow: hidden;
	position: absolute !important;
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	clip: rect(1px, 1px, 1px, 1px);
}

.small-to-normal {
	font-size: 0.8rem;
}

@media (min-width: 576px) {
	.small-to-normal {
		font-size: 1rem;
	}
}

.hvr-underline-from-center {
	display: inline-block;
	vertical-align: middle;
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	overflow: hidden;
}

.hvr-underline-from-center:before {
	content: '';
	position: absolute;
	z-index: -1;
	left: 51%;
	right: 51%;
	bottom: 3px;
	background: #000000;
	height: 2px;
	transition-property: left, right;
	transition-duration: 0.3s;
	transition-timing-function: ease-out;
}

.hvr-underline-from-center:active:before,
.hvr-underline-from-center:focus:before,
.hvr-underline-from-center:hover:before {
	left: 25%;
	right: 25%;
}

.hvr-icon-forward {
	display: inline-block;
	vertical-align: middle;
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	padding-right: 2.2em !important;
	transition-duration: 0.1s;
}

.hvr-icon-forward:before {
	content: '\f138' / "" !important;
	position: absolute;
	right: 0.8em;
	padding: 0 1px;
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	transform: translateZ(0);
	transition-duration: 0.1s;
	transition-property: transform;
	transition-timing-function: ease-out;
}

.hvr-icon-forward:active:before,
.hvr-icon-forward:focus:before,
.hvr-icon-forward:hover:before {
	transform: translateX(4px);
}

.hvr-icon-forward-2 {
	display: inline-block;
	vertical-align: middle;
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	padding: 0;
	transition-duration: 0.1s;
}

@media (min-width: 768px) {
	.quick-stats-container .hvr-icon-forward-2 {
		margin-left: -30px;
	}
}

.hvr-icon-forward-2:after {
	content: '\f138' / "";
	margin: 0 5px;
	text-align: right;
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
}

@media (min-width: 576px) {
	.hvr-icon-forward-2:after {
		position: absolute;
		padding: 0 1px;
		transform: translateZ(0);
		transition-duration: 0.1s;
		transition-property: transform;
		transition-timing-function: ease-out;
	}
	.hvr-icon-forward-2:active:after,
	.hvr-icon-forward-2:focus:after,
	.hvr-icon-forward-2:hover:after {
		transform: translateX(4px);
	}
}

.hvr-icon-forward-2.hvr-icon-forward-gold:after {
	color: #ffc72c;
}

.hvr-icon-forward-2.hvr-icon-forward-gold.white:after {
	color: #ffffff;
}

.hvr-shrink {
	display: inline-block;
	vertical-align: middle;
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	transition-duration: 0.3s;
	transition-property: transform;
}

.hvr-shrink:active,
.hvr-shrink:focus,
.hvr-shrink:hover {
	transform: scale(0.9);
}

/*============+
| BACKGROUNDS |
+============*/
.bg-white-semi-transparent {
	background: rgba(255, 255, 255, 0.6);
}

.bg-transparent {
	background: transparent;
}

.radial-gray-gradient {
	background: radial-gradient(ellipse at center, rgba(240, 240, 240, 1) 0%, rgba(240, 240, 240, 0.75) 50%, rgba(255, 255, 255, 1) 100%);
}

/*==================+
| SWIPER PAGINATION |
+==================*/
.swiper-pagination .swiper-pagination-bullet {
	opacity: 0.5;
	background: #ffffff;
}

.swiper-pagination .swiper-pagination-bullet-active {
	opacity: 1;
	background: #ffde00;
}

/*=========+
| HEADINGS |
+=========*/
h1, h2, h3, h4, h5, h6 {
	font-family: 'Oswald', sans-serif;
}

.heading-hero-bg {
	text-transform: uppercase;
}

.heading-hero-bg:after {
	content: '';
	display: block;
	width: 100%;
	max-width: 120px;
	height: 2px;
	margin: 15px 0;
}

h1, .h1 {
	margin-bottom: 3rem;
	color: #003594;
	font-size: 3rem;
}

h2, .h2 {
	margin-bottom: 1.75rem;
	color: #001A70;
}

/* Adds top margin to <h2> tags that are 1) typed directly into Main Content region, and 2) siblings of other elements */
.section-content p + h2,
.section-content ul + h2,
.section-content ol + h2,
.section-content table + h2,
.section-cta-buttons + h2,
.section-linked-images + h2,
.section-quick-stats + h2,
.section-feature-carousel + h2,
.table-responsive + h2 {
	margin-top: 40px
}

h3, .h3 {
	margin: 1.5rem 0 1rem;
}

h4, .h4 {
	margin: 1.5rem 0 1rem;
}

.heading-card {
	font-weight: bold;
}

/*==============+
| GLOBAL COLORS |
+==============*/
/* Font Colors */
.white {
	color: #ffffff;
}

.black {
	color: #000000;
}

.gray {
	color: #595959;
}

.csub-blue {
	color: #003594;
}

.csub-gold {
	color: #ffc72c;
}

/* Background Colors */
.bg-white {
	background: #ffffff;
}

.bg-black {
	background: #000000;
}

.bg-csub-blue {
	background: #003594;
}

.bg-csub-gold {
	background: #ffc72c;
}

/*====================+
| DEFAULT CSUB COLORS |
+====================*/
/* CSUB blue for color bg modules */
.bg-color-1,
.bg-color-1 .owl-carousel-container {
	background: #003594;
	color: #ffffff;
}

.bg-color-1 .heading-color,
.bg-color-1 a:not(.btn) {
	color: #ffffff;
}

.bg-color-1 .link-text {
	color: #003594;
}

.bg-color-1 .heading-color:after,
.bg-color-1 .owl-carousel .owl-nav button.owl-next,
.bg-color-1 .owl-carousel .owl-nav button.owl-prev {
	background: #003594;
}

.bg-color-1 .heading-color-card {
	color: #003594;
	border-bottom: 1px dotted#003594;
}

/* CSUB blue for no bg and image bg modules */
.bg-white-color-1 {
	background: #ffffff;
	color: #000000;
}

.bg-white-color-1 .heading-color,
.bg-white-color-1 a:not(.btn),
.bg-white-color-1 .link-text,
.bg-white-color-1 .article-date,
.bg-white-color-1 legend {
	color: #003594;
}

.bg-white-color-1 .heading-color:after {
	background: #ffffff;
}

.bg-white-color-1 .heading-color-card {
	color: #003594;
	border-bottom: 1px dotted#003594;
}

/* CSUB gold for color bg modules */
.bg-color-2 {
	background: #ffc72c;
	color: #000000;
}

.bg-color-2 .heading-color,
.bg-color-2 a:not(.btn) {
	color: #001a70;
}

.bg-color-2 .heading-color:after {
	background: #ffce00;
}

.bg-color-2 .heading-color-card {
	color: #000000;
	border-bottom: 1px dotted#000000;
}

/*======================+
| THEME-SPECIFIC COLORS |
+======================*/
/* Color 3 for color bg modules */
.bg-color-3,
.bg-color-3 .owl-carousel-container {
	background: #024930;
	color: #ffffff;
}
.bg-color-3 .heading-color,
.bg-color-3 a:not(.btn) {
	color: #ffffff;
}
.bg-color-3 a:not(.btn):hover {
	color: #f5e6bd;
}
.asi-youthful .bg-color-3 a:not(.btn):hover,
.ca-state-accents .bg-color-3 a:not(.btn):hover {
	color: #ffffff;
}
.bg-color-3 .link-text {
	color: #024930;
}
.bg-color-3 .heading-color:after,
.bg-color-3 .owl-carousel .owl-nav button.owl-next,
.bg-color-3 .owl-carousel .owl-nav button.owl-prev {
	background: #94b265;
}
.bg-color-3 .heading-color-card {
	color: #024930;
	border-bottom: 1px dotted#024930;
}

/* Color 3 for no bg and image bg modules */
.bg-white-color-3 {
	background: #ffffff;
	color: #000000;
}
.bg-white-color-3 .heading-color,
.bg-white-color-3 a:not(.btn),
.bg-white-color-3 .link-text,
.bg-white-color-3 .article-date,
.bg-white-color-3 legend {
	color: #024930;
}
.bg-white-color-3 .heading-color:after {
	background: #94b265;
}
.bg-white-color-3 .heading-color-card {
	color: #024930;
	border-bottom: 1px dotted#024930;
}
.bg-white-color-3 .blockquote-border {
	border-left-color: #94b265;
}

/* Color 4 for color bg modules */
.bg-color-4 {
	background: #d98302;
	color: #000000;
}
.bg-color-4 .heading-color,
.bg-color-4 a:not(.btn) {
	color: #000000;
}
.asi-youthful .bg-color-4 a:not(.btn):hover {
	color: #003594;
}
.bg-color-4 .heading-color:after {
	background: #ffdf6e;
}
.bg-color-4 .heading-color-card {
	color: #000000;
	border-bottom: 1px dotted#000000;
}

/* Color 5 for color bg modules */
.bg-color-5 {
	background: #cccccc !important;
	color: #000000;
}
.bg-color-5 .heading-color,
.bg-color-5 a:not(.btn) {
	color: #000000;
}
.academic .bg-color-5 a:not(.btn):hover {
	color: #003594;
}
.bg-color-5 .heading-color:after {
	background: #7c2128;
}
.bg-color-5 .heading-color-card {
	color: #000000;
	border-bottom: 1px dotted#000000;
}

/* Color 6 for color bg modules */
.bg-color-6,
.bg-color-6 .owl-carousel-container {
	background: #7c2128;
	color: #ffffff;
}
.bg-color-6 .heading-color,
.bg-color-6 a:not(.btn) {
	color: #ffffff;
}
.bg-color-6 a:not(.btn):hover {
	color: #f5e6bd;
}
.bg-color-6 .link-text {
	color: #7c2128;
}
.bg-color-6 .heading-color:after,
.bg-color-6 .owl-carousel .owl-nav button.owl-next,
.bg-color-6 .owl-carousel .owl-nav button.owl-prev {
	background: #c69069;
}
.bg-color-6 .heading-color-card {
	color: #7c2128;
	border-bottom: 1px dotted#7C2128;
}

/* Color 6 for no bg and image bg modules */
.bg-white-color-6 {
	background: #ffffff;
	color: #000000;
}
.bg-white-color-6 .heading-color,
.bg-white-color-6 a:not(.btn),
.bg-white-color-6 .link-text,
.bg-white-color-6 .article-date,
.bg-white-color-6 legend {
	color: #7c2128;
}
.bg-white-color-6 .heading-color:after {
	background: #c69069;
}
.bg-white-color-6 .heading-color-card {
	color: #7c2128;
	border-bottom: 1px dotted#7C2128;
}
.bg-white-color-6 .blockquote-border {
	border-left-color: #c69069;
}

/* Color 7 for color bg modules */
.bg-color-7,
.bg-color-7 .owl-carousel-container {
	background: #001a70;
	color: #ffffff;
}
.bg-color-7 .heading-color,
.bg-color-7 a:not(.btn) {
	color: #ffffff;
}
.bg-color-7 a:not(.btn):hover {
	color: #f5e6bd;
}
.academic .bg-color-7 a:not(.btn):hover {
	color: #ffc72c;
}
.bg-color-7 .link-text {
	color: #001a70;
}
.bg-color-7 .heading-color:after,
.bg-color-7 .owl-carousel .owl-nav button.owl-next,
.bg-color-7 .owl-carousel .owl-nav button.owl-prev {
	background: #cc7a02;
}
.bg-color-7 .heading-color-card {
	color: #001a70;
	border-bottom: 1px dotted#001A70;
}

/* Color 7 for no bg and image bg modules */
.bg-white-color-7 {
	background: #ffffff;
	color: #000000;
}
.bg-white-color-7 .heading-color,
.bg-white-color-7 a:not(.btn),
.bg-white-color-7 a:not(.video-button),
.bg-white-color-7 .link-text,
.bg-white-color-7 .article-date,
.bg-white-color-7 legend {
	color: #001a70;
}
/*.bg-white-color-7 .heading-color:after {
        background: #cc7a02;
    }*/
.bg-white-color-7 .heading-color-card {
	color: #001a70;
	border-bottom: 1px dotted#001A70;
}
.bg-white-color-7 .blockquote-border {
	border-left-color: #cc7a02;
}

/*==========+
| GRADIENTS |
+===========*/
/* CSUB blue gradient for color bg modules */
.bg-color-8,
.bg-color-8 .owl-carousel-container {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#003594+0,005ab3+50,007abf+100 */
	background: rgb(0, 53, 149); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(0, 53, 149, 1) 0%, rgba(0, 90, 179, 1) 50%, rgba(0, 122, 191, 1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0, 53, 149, 1) 0%, rgba(0, 90, 179, 1) 50%, rgba(0, 122, 191, 1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0, 53, 149, 1) 0%, rgba(0, 90, 179, 1) 50%, rgba(0, 122, 191, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003594', endColorstr='#007abf',GradientType=1 ); /* IE6-9 */
	color: #ffffff;
}
.bg-color-8 .heading-color,
.bg-color-8 a:not(.btn) {
	color: #ffffff;
}
.bg-color-8 a:not(.btn):hover {
	color: #ffc72c;
}
.bg-color-8 .link-text {
	color: #003594;
}
.bg-color-8 .heading-color:after,
.bg-color-8 .owl-carousel .owl-nav button.owl-next,
.bg-color-8 .owl-carousel .owl-nav button.owl-prev {
	background: #cc7a02;
}
.bg-color-8 .heading-color-card {
	color: #003594;
	border-bottom: 1px dotted#003594;
}

/* CSUB gold gradient for color bg modules */
.bg-color-9 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#FFC72C+0,ffdb4c+50,ffe789+100 */
	background: rgb(255, 210, 0); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(255, 210, 0, 1) 0%, rgba(255, 219, 76, 1) 50%, rgba(255, 231, 137, 1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255, 210, 0, 1) 0%, rgba(255, 219, 76, 1) 50%, rgba(255, 231, 137, 1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255, 210, 0, 1) 0%, rgba(255, 219, 76, 1) 50%, rgba(255, 231, 137, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFC72C', endColorstr='#ffe789',GradientType=1 ); /* IE6-9 */
	color: #000000;
}
.bg-color-9 .heading-color,
.bg-color-9 a:not(.btn) {
	color: #000000;
}
.bg-color-9 a:not(.btn):hover {
	color: #003594;
}
.bg-color-9 .heading-color:after {
	background: #cc7a02;
}
.bg-color-9 .heading-color-card {
	color: #000000;
	border-bottom: 1px dotted#000000;
}

/*=================+
| CSUB HOME COLORS |
+=================*/
/* Color 10 for color bg modules */
.bg-color-10 {
	background: #e6e7e8;
	color: #000000;
}
.bg-color-10 .heading-color,
.bg-color-10 a:not(.btn) {
	color: #001a70;
}
.bg-color-10 .heading-color-card {
	color: #000000;
	border-bottom: 1px dotted#000000;
}

/* CSUB gold for image bg modules */
.bg-image-color-2 {
	color: #ffffff;
}
.bg-image-color-2 .heading-color,
.bg-image-color-2 a:not(.btn) {
	color: #ffffff;
}
.bg-image-color-2 .link-text {
	color: #ffffff;
}

/* Color 11 */
.bg-color-11 {
	background: #005ab3;
	color: #ffffff;
}
.bg-color-11 .heading-color,
.bg-color-11 a:not(.btn) {
	color: #ffffff;
}

/* Color 12 */
.bg-color-12 {
	background: #007abf;
	color: #ffffff;
}
.bg-color-12 .heading-color,
.bg-color-12 a:not(.btn) {
	color: #ffffff;
}

/* Color 13 */
.bg-color-13 {
    background: #F5E6BD;
    color: #000000;
}
.bg-color-13 .heading-color,
.bg-color-13 a:not(.btn) {
	color: #000000;
}

/*=======+
| HEADER |
+=======*/
header {
	height: 66px;
}

.fixed-top {
	transition: top 0.3s; /* Transition effect when scrolling up and down */
}

.header-logo {
	width: 180px;
}

.mb-66 {
	margin-bottom: 66px;
}

/*=================+
| ALERT BAR STYLES |
+=================*/
.csub-alert {
/* 	height: 150px; */
	display: flex;
	align-items: center;
	justify-content: center;
/* 	text-align: center; */
	border: 8px double #000000;
	padding: 1rem;
	
	* {
		margin: 0;
		max-width: 1100px;
	}
}

.csub-alert::before {
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	font-size: 2rem;
	margin-right: 1rem;
	color: #000000;
}

.csub-alert.level-1::before {
	content: "\f05a";
}

.csub-alert.level-2::before {
	content: "\f0f3";
}

.csub-alert.level-3::before {
	content: "\f071";
}

.level-1 {
	background: #F5E6BD;
	color: #000000;
}

.level-2 {
	background: #FFC72C;
	color: #000000;
}

.level-3 {
	background: #EB0000;
	color: #ffffff;
}

/*==============+
| SIDE NAV MENU |
+==============*/
/* Hide side menu borders on md breakpoint and smaller */
@media (max-width: 991px) { 
    .border-end {       
        border-right: 0 !important;
    }
	
	.border-start {       
        border-left: 0 !important;
    }
}

.sidebar-header {
/* 	color: #001a70; */
	letter-spacing: 1px;
	font-size: 1.125rem;
	text-transform: uppercase;
	margin-bottom: 0.75rem;
}

.sidebar-line {
    opacity: 1;
    border-width: 4px;
    color: #f5e6bd;
	margin-top: 0;
}

.side-nav-toggler {
	font-family: 'Oswald', sans-serif;
	width: 100%;
	padding: 15px 0;
	border-radius: 0;
}

.side-nav-toggler.collapsed:after {
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	content: '\f13a';
	margin: 0 5px;
	transition: all 0.3s;
}

.side-nav-toggler:after {
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	content: '\f139';
	margin: 0 5px;
}
@media (min-width: 992px) {
	.side-nav-toggler:after,
	.side-nav-toggler.collapsed:after {
		content: '';
	}
}

.side-nav-toggler {
	cursor: default;
}

.side-nav-menu .nav-link {
	text-decoration: none;
	transition: all 0.3s;
}
@media (min-width: 768px) {
	.side-nav-menu .nav-link:hover {
		background: #cccccc;
		padding-left: 12px;
	}
}

.side-nav-menu .nav-heading {
	color: #001a70;
	letter-spacing: 2px;
}

.side-nav-menu .nav-link {
	color: black;
	padding: 0.5rem 0;
}

.topnav-main-nav a:not(.btn),
.topnav-main-nav a:not(.btn):active,
.topnav-main-nav a:not(.btn):visited {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-decoration: none;
	color: #000000;
}

.topnav-main-nav a:not(.router-link-exact-active):hover {
	color: #003594;
	text-decoration: underline;
}

@media (min-width: 768px) {
	.topnav-main-nav {
		column-count: 1;
	}
}

.list-group-item {
	padding: 0.75rem 1rem;
}

.nav-item.list-group-item ul {
	padding-left: 1rem;
}

.nav-item.list-group-item ul li {
	border: none;
	padding-bottom: 0;
	padding-left: 0.5rem;
}

.nav-item.list-group-item ul li:last-of-type {
	padding-bottom: 6px;
}

.side-nav-menu .router-link-exact-active {
/* 	color: #ffffff !important; */
	color: inherit;
	font-weight: bold;
	border-left: solid 4px #F5E6BD;
	padding-left: 8px;
}

/* .side-nav-menu .router-link-exact-active::before {
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	content: '\f105';
	padding-right: 8px;
} */

/* Add rounded corners to last side menu item */
.list-group-flush > .list-group-item:last-child {
	border-radius: 0 0 0.3rem 0.3rem;
}

/* Add rounded corners to "In this section" side menu header */
.nav-accordion-header {
	border-radius: 0.3rem 0.3rem 0 0;
}

/*=======+
| FOOTER |
+=======*/
footer {
	font-size: 15px;
}

footer a {
	color: #ffffff;
	transition: all 0.3s;
}

footer a:hover {
	color: #ffc72c !important;
}

.footer-heading {
	display: block;
	margin-bottom: 8px;
	font-family: 'Oswald', sans-serif;
	font-size: 1.125rem;
	font-weight: bold;
	color: #ffffff;
	text-transform: uppercase;
}

.footer-static-links {
	line-height: 2;
	column-count: 1;
}

@media (min-width: 768px) {
	.footer-static-links {
		column-count: 2;
	}
}

.footer-static-links li {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid; /* Prevents multi-line footer links from breaking into next column */
	margin-bottom: 8px;
	line-height: 1.5;
}

.footer-logo {
	width: 100%;
}

@media (max-width: 767px) {
	.footer-logo {
		max-width: 200px;
	}
}

.social-media-icons {
	font-size: 2rem;
	margin-bottom: 1rem;
}