/* Brand Colors
Evergreen: #184F2C;
Lime: #CED54A;
Blue: #025293;
Orange: #ff8849;
Maroon: #96172d;
Yellow: #fed53d;
Fuchsia: #7d0063;
Light gray: #F8F8F8;
*/

/* CUSTOM FOR CATALOG EVALUATE */
/* .breadcrumbs, .hero-component {
	position: relative;
	z-index: 5;
} */
/* END CUSTOM EVALUATE */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Sorts+Mill+Goudy&display=swap');
/* @import url('https://cdn.iconmonstr.com/1.3.0/css/iconmonstr-iconic-font.min.css'); */

* {
	font-family: 'Open Sans';
}

:root {
	--color-evergreen: #184F2C;
	--color-lime: #CED54A;
	--color-blue: #025293;
	--color-orange: #FF8849;
	--color-maroon: #96172D;
	--color-yellow: #FED53D;
	--color-fuchsia: #7D0063;
	--color-light-gray: #F8F8F8;
	--color-gray: #646464;
	--color-background: #FBFBFB;
	--color-text: #282828;
  	--color-page-background: #F7F7F7;
}

/* To accommodate the height of the header navigation */
body {
	margin: 0;
}

#SouthernFramework {
	margin: 0;
	padding-top: 119px;
}

@media (max-width: 1000px) {
	#SouthernFramework {
		padding-top: 90px;
	}
}

@media (max-width: 500px) {
	#SouthernFramework {
		padding-top: 70px;
	}
}

/* End header navigation accommodation */
/* Print Styles (at the top for least importance) */
@media print {
	#sau-main-menu .sau-main-nav {
		display: none;
	}
}

/* End Print Styles */

/* Flexbox standard classes */
.fb {
	display: flex;
	justify-content: center;
}

.ac {
	align-items: center;
}

.strt {
	justify-content: flex-start;
}

.flcol {
	flex-direction: column;
}

.flend {
	justify-content: flex-end;
}

/* End flexbox standar */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Neue Helvetica Condensed';
	text-transform: uppercase;
	color: var(--color-evergreen);
	font-weight: 600;
}

img {
	max-width: 100%;
}

.display-none {
	display: none !important;
}

.disable-scroll {
	touch-action: none;
	-webkit-overflow-scrolling: none;
	overflow: hidden;
	overscroll-behavior: none;
}

.component {
	background: rgba(255, 255, 255, .4);
}

.component:not(.hero-component) {
	opacity: 0;
	-webkit-transform: translateY(15px);
	-ms-transform: translateY(15px);
	transform: translateY(15px);
	transition: opacity 0.4s ease-in, transform .6s ease-in;
}

html.no-js .component:not(.hero-component),
.component.faded-in {
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

.component .has_triangle:before {
	content: '';
	width: 18px;
	height: 18px;
	transform: rotate(45deg);
	position: absolute;
	top: 25%;
	left: -12px;
	background-color: #fff;
}

.c5 .video-heading.has_triangle:before {
	width: 21px;
	height: 21px;
	left: -10px;
}

.half {
	/* multiple components */
	flex-basis: 50%;
	box-sizing: border-box;
}

.third {
	/* Multiple Components */
	flex-basis: 33.33%;
	box-sizing: border-box;
}

.lightwidget__lightbox.lightwidget__lightbox--active {
	z-index: 1000;
}

/* ++++++++++++++++++++++

Background Color Classes

++++++++++++++++++++++ */

.lime-green {
	background: var(--color-lime);
	color: var(--color-evergreen);
}

.evergreen {
	background: var(--color-evergreen);
	color: var(--color-lime);
}

.brand-blue {
	background: #025293;
	/* FONT COLOR NEEDED */
}

.brand-orange {
	background: #ff8849;
	/* FONT COLOR NEEDED*/
}

.brand-maroon {
	background: #96172d;
	/* FONT COLOR NEEDED*/
}

.light-gray {
	background: var(--color-light-gray);
	/* FONT COLOR NEEDED*/
}

/* End Color Classes */

/* Button Styles */
.hp-button-group {
	display: flex;
	justify-content: center;
	align-items: center;
}

.hp-button-group.start {
	justify-content: flex-start;
}

.hp-button-group.end {
	justify-content: flex-end;
}

.hp-button-group .button {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	text-align: center;
	height: 100%;
	min-width: 200px;
}

.hp-button-group .shiny {
	color: #FFF;
	box-shadow: 0px 0px 0px 1px var(--color-evergreen) inset;
	background-color: var(--color-evergreen);
	overflow: hidden;
	position: relative;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
	font-weight: 500;
	line-height: 45px;
	max-width: 100%;
	text-decoration: none;
	text-transform: uppercase;
	width: 100%;
	border-radius: 5px;
	display: flex;
	flex-direction: row;
	gap: 10px;
	justify-content: center;
	align-items: center;
}

.hp-button-group .lime.shiny {
	background-color: var(--color-lime);
}

.hp-button-group .shiny span {
	padding-left: 10px;
	font-family: 'Neue Helvetica Condensed';
	font-weight: 600;
}

.hp-button-group .shiny svg {
	padding-right: 10px;
}

.hp-button-group .lime.shiny span {
	color: var(--color-evergreen);
}

.hp-button-group .lime.shiny svg {
	stroke: var(--color-evergreen);
}

.hp-button-group svg {
	fill: none;
	stroke: var(--color-lime);
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 10px;
	width: 20px;
	height: 20px;
	margin: 0;
}

.hp-button-group .shiny:after {
	background: rgba(255, 255, 255, .2);
	border: 0px solid var(--color-evergreen);
	content: "";
	height: 155px;
	left: -75px;
	opacity: .8;
	position: absolute;
	top: -50px;
	-webkit-transform: rotate(35deg);
	transform: rotate(35deg);
	width: 50px;
	transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
	z-index: 1;
}

.hp-button-group .shiny:hover {
	background-color: rgba(255, 255, 255, .8);
}

.hp-button-group .lime.shiny:hover {
	background-color: #fff;
}

.hp-button-group .shiny:hover:after {
	background: rgba(255, 255, 255, .7);
	border: 0px solid var(--color-evergreen);
	opacity: 0;
	left: 120%;
	-webkit-transform: rotate(40deg);
	transform: rotate(40deg);
}

.hp-button-group .shiny:hover span {
	color: var(--color-evergreen);
}

.hp-button-group .shiny:hover svg {
	stroke: var(--color-evergreen);
}

/* End Button Styles */

/* Sliding Button Styles - effect01 */
.component a.btn-effect01 {
	font-family: "Neue Helvetica Condensed";
	color: #FFFFFF;
	font-weight: 600;
	line-height: inherit;
	text-transform: uppercase;
	display: flex;
	flex-flow: row nowrap;
	gap: 10px;
	align-items: center;
	text-decoration: none;
	justify-content: center;
	border-radius: 5px;
	border: 2px solid var(--color-evergreen);
	box-shadow: 0px 0px 0px 1px var(--color-evergreen) inset;
	background-color: var(--color-evergreen);
	overflow: hidden;
	position: relative;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
	padding: 10px 25px;
}

.component a.btn-effect01 span {
	transition: all 0.3s ease-out;
	font-family: "Neue Helvetica Condensed";
}

.component a.btn-effect01 svg {
	fill: none;
	stroke: var(--color-lime);
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 10px;
	width: 20px;
	height: 20px;
	margin: 0;
}

.component a.btn-effect01 svg .a {
	stroke: var(--color-lime) !important;
}

.component a.btn-effect01:after {
	background: #fff;
	border: 0px solid #fff;
	content: "";
	height: 155px;
	left: -75px;
	opacity: 0.8;
	position: absolute;
	top: -50px;
	-webkit-transform: rotate(35deg);
	transform: rotate(35deg);
	width: 50px;
	transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
	z-index: 1;
}

.component a.btn-effect01:hover {
	border: 2px solid #fff;
	background-color: #fff;
	box-shadow: 0px 0px 0px 4px #fff inset;
	text-decoration: none;
}

.component a.btn-effect01:hover span {
	color: var(--color-evergreen);
}

.component a.btn-effect01:hover svg {
	stroke: var(--color-evergreen);
}

.component a.btn-effect01:hover svg .a {
	stroke: var(--color-evergreen) !important;
}

.component a.btn-effect01:hover:after {
	background: #fff;
	border: 20px solid #fff;
	opacity: 0;
	left: 120%;
	-webkit-transform: rotate(40deg);
	transform: rotate(40deg);
}

.component a.btn-effect01.btn--large svg {
	stroke-width: 15px;
}

.component a.btn-effect01.btn--fixed {
	padding: 10px 0;
	min-width: 200px;
}

.component a.btn-effect01.btn--hover-border:hover {
	border: 2px solid var(--color-evergreen);
}

/* End Sliding Button Styles - effect01 */

/* BEGIN Generic Search Input Styling */
.sau-search {
	box-sizing: border-box;
	padding: 3px 10px 0 20px;
	height: 38px;
	background-color: var(--color-background);
	box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
	border-bottom: 3px solid var(--color-background);
	border-radius: 5px;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: space-between;
	flex: 1;
	position: relative;
	transition: all .2s ease-out;
}

.sau-search:has(input:focus) {
	background: #FFFFFF;
	border-top-color: #FFFFFF;
	border-bottom-color: var(--color-lime);
}

.sau-search:has(input:focus) i {
	color: var(--color-evergreen);
}

.sau-search:has(input:placeholder-shown) .search-icon.search-magnify {
	display: flex;
}

.sau-search:has(input:not(:placeholder-shown)) .search-icon.search-clear {
	display: flex;
}

.sau-search input {
	box-sizing: border-box;
	text-transform: uppercase;
	border: none;
	flex: 1;
	font-weight: 600;
	font-size: .9rem;
	color: var(--color-evergreen);
	background-color: var(--color-background);
	box-shadow: none;
	margin: 0px;
	padding: 0px;
	transition: all .2s ease-out;
}

.sau-search input:focus {
	outline: none;
	background-color: #FFFFFF;
}

.sau-search input::placeholder {
	color: var(--color-gray);
	opacity: 1;
	font-weight: 500;
}

.sau-search .sau-search-controls {
	display: flex;
	flex-flow: row nowrap;
}

.sau-search .search-icon {
	cursor: pointer;
	width: 32px;
	height: 32px;
	display: none;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	border: none;
}

.sau-search .search-icon i {
	color: var(--color-gray);
}

.sau-search .search-icon:is(:hover, :focus) i {
	color: var(--color-evergreen);
	transition: all .2s ease-out;
}

.sau-search .search-icon.search-active i {
	color: var(--color-evergreen);
}

.sau-search .sau-search-invalid {
	display: none;
	width: fit-content;
	height: 1rem;
	position: absolute;
	bottom: -1.3rem;
	left: calc(20px - .5rem);
	background-color: var(--color-lime);
	padding: .2rem .5rem;
	border-radius: 5px;
	z-index: 10;
	visibility: hidden;
	opacity: 0;
	transition: all .3s ease-out;
}

.sau-search .sau-search-invalid p {
	font-size: .9rem;
	line-height: 1rem;
	margin: 0px;
	padding: 0px;
	color: #646464;
	font-weight: 500;
}

.sau-search .sau-search-invalid::after {
	content: '';
	position: absolute;
	top: -.25rem;
	left: .6rem;
	background-color: var(--color-lime);
	width: 1rem;
	height: 1rem;
	transform: rotate(45deg);
	z-index: -1;
}

.sau-search .sau-search-invalid.shown {
	visibility: visible;
	opacity: 1;
}

/* END Generic Search Input Styling */


/* ++++++++++++++++++++++

Components

+++++++++++++++++++++++ */
.component {
	margin: 100px auto 50px auto;
}

.component>.version {
	margin-top: 0px;
}

.component .version~.version {
	margin-top: 100px;
}

.component {
	margin: 0 auto 30px auto;
	clear: both;
}

.component h1 {
	font-weight: 700;
}

.component p {
	font-family: 'Open Sans';
	font-weight: 300;
	font-size: 1.1rem;
	color: #111;
	line-height: 1.7;
}


.component a {
	font-family: 'Open Sans';
	font-weight: 300;
	font-size: inherit;
	color: var(--color-blue);
	line-height: 1.7;
}

.component strong a,
.component strong p,
.component a strong,
.component p strong {
	font-weight: bold;
}

.component p,
.component ul {
	margin: 0 0 1em 0;
}

.component li ul {
	margin: 0;
}

.component-header {
	padding: 15px 0;
}

.component-header h2,
.component-header h3 {
	text-align: center;
	padding: 0 0 0 0;
	font-size: 24px;
}

.component-header h2[data-text-align='left'],
.component-header h3[data-text-align='left'] {
	text-align: start;
}

.component-header h2[data-text-align='right'],
.component-header h3[data-text-align='right'] {
	text-align: end;
}

.component-header p {
	/* 	Old Styling */
	/* 	max-width: 800px; */
	/* 	margin: 0 auto; */

	/* 	Replaced Old Styling to Fix Weird Margin Issue */
	margin: 0;
	padding-inline: 2rem;
	display: block;
	text-align: center;
	font-size: 1rem;
	line-height: 1.4;
}

.component-header p[data-text-align='left'] {
	text-align: start;
}

.component-header p[data-text-align='right'] {
	text-align: end;
}

/* Breadcrumbs */
.breadcrumbs {
	list-style-type: none;
	display: flex;
	flex-flow: row nowrap;
	margin-block: 0.8rem;
	padding-inline: 20px 15px;
	overflow: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

@media (min-width: 700px) {
	.component-header p {
		padding-inline: 1rem;
	}

	.breadcrumbs {
		padding-inline: 50px 15px;
	}
}

.breadcrumbs::-webkit-scrollbar {
	display: none;
}

.breadcrumbs li {
	color: #666;
	font-size: 0.8rem;
	font-weight: 700;
	white-space: nowrap;
}

.breadcrumbs li a,
.breadcrumbs li button {
	text-decoration: none;
	color: #666;
	font-size: 0.8rem;
	font-weight: 400;
}

.breadcrumbs li button {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

.breadcrumbs li[aria-hidden="true"] {
	display: none;
}

.breadcrumbs li a:hover,
.breadcrumbs li a:focus,
.breadcrumbs li button:hover,
.breadcrumbs li button:focus {
	text-decoration: underline;
}

.breadcrumbs li:not(:last-child)::after {
	position: relative;
	/*     margin: 0 .5rem; */
	margin: 0 0.65rem;
	opacity: 1;
	content: "\203A";
	color: #666;
	font-weight: 400;
}

/* WYSIWYG Areas */
.wysiwyg {
	font-size: 1rem;
	line-height: 1.5;
	font-weight: 100;
}

.wysiwyg h3 {
	font-size: 1.6rem;
}

.wysiwyg p {
	font-size: 1.1em;
	line-height: 1.5;
	font-weight: 100;
}


.wysiwyg li {
	font-family: 'Open Sans';
	font-weight: 300;
	font-size: 1rem;
	line-height: 1.5;
	color: #111;
	padding: 5px 0;
	position: relative;
	left: 35px;
	max-width: 87%;
}


.wysiwyg li a {
	font-family: 'Open Sans';
	font-weight: 300;
	font-size: 1rem;
}

.wysiwyg table tr td {
	padding-left: 3px;
	background: var(--color-light-gray);
}

.wysiwyg img {
	max-width: 100%;
	height: auto;
}

#hero.component:first-child,
.hero-component:first-child {
	margin-bottom: 0;
}

/* 001 Hero V1 */
.hero-component {
	background-color: var(--color-evergreen);
	position: relative;
	max-height: 500px;
}

.hero-component img {
	width: 100%;
	object-fit: cover;
}

.hero-component:after {
	content: '';
	width: 100%;
	height: 100%;
	background: url(https://sau-assets.s3.amazonaws.com/framework/img/bg-diamonds-white.png) right top no-repeat;
	background-size: 50%;
	position: absolute;
}

.hero-component-text {
	position: absolute;
	left: -30px;
	bottom: 45px;
	padding: 20px;
	background-color: var(--color-lime);
	z-index: 1;
}

.hero-component-text:after {
	content: '';
	width: 0;
	height: 0;
	border-bottom: 21px solid transparent;
	border-left: 31px solid transparent;
	border-right: 31px solid var(--color-evergreen);
	position: absolute;
	bottom: -21px;
	left: -32px;
}

.hero-component .hero-component-text h1 {
	margin: 0 0 0 0;
	padding: 0 15px 0 60px;
	font-family: 'Neue Helvetica Condensed';
	font-weight: 700;
	font-size: 2em;
	color: var(--color-evergreen);
}

/* Hero */
@media (max-width: 900px) {
	#hero.component {
		margin: 0 auto 30px auto;
	}

	.hero-component.v1 {
		min-height: 250px;
	}

	.hero-component.v1 img {
		max-width: 100%;
	}
}

/* Hero */
@media (max-width: 600px) {
	.hero-component.v1 {
		min-height: 200px;
	}

	.v1 .hero-component-text {
		max-width: 100%;
	}

	.hero-component .hero-component-text h1 {
		font-size: 1.8em;
		padding: 0 15px 0 30px;
	}

	.hero-component:after {
		background-size: 70%;
	}
}

@media (max-width: 500px) {
	.hero-component-text {
		width: 100%;
		height: 100%;
		top: 0;
		right: 0;
		left: 0;
		background-color: rgba(21, 88, 45, 0.6);
		display: flex;
		align-items: center;
		padding: 0 10px;
		box-sizing: border-box;
	}

	.hero-component .hero-component-text h1 {
		font-weight: 300;
		color: #fff;
	}

	.hero-component-text:after {
		border: none;
	}
}

/* End 001 C1 Hero Component V1 */
.hero-component.v2 {
	background-color: var(--color-lime);
	min-height: 400px;
	background-image: url(https://www.southern.edu/connect/celebrates/static/img/topo-white.8f66381.svg);
	background-size: cover;
	background-repeat: no-repeat;
}

.hero-component.v2:after {
	display: none;
}

.hero-component.v2 .hero-component-text {
	position: relative;
	background: none;
	padding: 0 0 0 10px;
	max-width: 740px;
	justify-content: flex-start;
	flex-direction: column;
	left: 15%;
	bottom: initial;
	background-color: var(--color-lime);
}

.hero-component.v2 .hero-component-text:after {
	display: none;
}

.hero-component.v2 .hero-component-text h1 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: 'Neue Helvetica Condensed';
	font-weight: 400;
	font-size: 2.5em;
	color: #000;
}

.hero-component.v2 .hero-component-text h3 {
	padding: 0 0 15px 0;
	font-family: 'Open Sans';
	font-weight: 300;
	color: #000;
	max-width: 400px;
	font-size: 0.9rem;
	line-height: 1.3;
	text-transform: initial;
}

#c1 .hero-component.v2 .hero-component-links {
	display: flex;
	justify-content: left;
}

.hero-component.v2 .hero-component-text button {
	background-color: var(--color-evergreen);
	border: none;
	padding: 7px 45px;
	border-radius: 2px;
	text-transform: uppercase;
	margin-right: 15px;
}

.hero-component.v2 .hero-component-text button a {
	color: #fff;
	font-family: 'Open Sans';
	font-size: 0.7rem;
	font-weight: 600;
	text-decoration: none;
}

@media (max-width: 500px) {
	.hero-component.v2 {
		justify-content: center;
	}

	.hero-component.v2 .hero-component-text {
		left: initial;
		bottom: initial;
		text-align: center;
		margin: 0 auto;
	}

	.hero-component.v2 .hero-component-links {
		flex-direction: column;
		align-items: center;
	}

	.hero-component.v2 .hero-component-links button {
		margin-bottom: 10px;
	}
}

/* End 001 C1 Hero V2 */

/* 001 C1 Hero V3 */

.hero-component.v3 {
	background-color: var(--color-evergreen);
	position: relative;
	min-height: 300px;
	max-height: 300px;
}

.hero-component.v3:after {
	content: '';
	width: 100%;
	height: 100%;
	background: url(https://sau-assets.s3.amazonaws.com/framework/img/bg-diamonds-white.png) right top no-repeat;
	background-size: 30%;
	position: absolute;
}

.hero-component.v3 .hero-component-text h1 {
	margin: 0 0 0 0;
	padding: 0 15px 0 60px;
	font-family: 'Neue Helvetica Condensed';
	font-weight: 700;
	font-size: 2em;
	color: var(--color-evergreen);
}

/* Hero */
@media (max-width: 900px) {
	.hero-component.v3 {
		min-height: 250px;
	}

	.hero-component.v3 img {
		max-width: 100%;
	}
}

/* Hero */
@media (max-width: 600px) {
	.hero-component.v3 {
		min-height: 200px;
	}

	.hero-component.v3:after {
		background-size: 65%;
	}
}

@media (max-width: 500px) {
	.hero-component.v3 .hero-component-text h1 {
		font-weight: 300;
		color: #fff;
	}
}

/* End 001 C1 Hero V3 */

/* WYSIWYG Component */
.c2.wysiwyg.intro {
	border-left: 4px solid var(--color-evergreen);
	padding-left: 15px;
	font-size: 1.2rem;
}

.c2.wysiwyg.intro li {
	font-size: 1.2rem;
}

.c2.wysiwyg.intro li a {
	font-size: 1.2rem;
}

.c2.fine-print {
	padding: 30px;
	font-size: 0.75em;
}

#c2.lime-green {
	background-color: var(--color-lime);
}

#c2.lime-green .wysiwyg {
	padding: 30px;
}

#c2 .component-header {
	max-width: 860px;
	margin: 0 auto;
}

#c2 .cta {
	margin-top: 30px;
}

#c2 .cta a {
	padding: 15px 55px;
	background-color: var(--color-evergreen);
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 400;
}

#c2 .cta a:hover {
	background-color: var(--color-lime);
	color: var(--color-evergreen);
}

#c2 .cta a:empty {
	display: none;
}

@media (min-width: 1150px) {
	#c2 {
		background-color: #f5f7f6;
		padding: 60px 0 30px 0;
	}

	#c2 .wysiwyg {
		max-width: 860px;
		margin: 0 auto 30px auto;
	}
}

@media (min-width: 1150px) {
	#c2.transparent {
		background-color: transparent;
		padding: 0;
	}
}

@media (max-width: 800px) {
	#c2 {
		margin: 0 30px;
	}

	#c2 .cta a {
		display: block;
	}
}

@media (max-width: 500px) {

	.c2.wysiwyg.intro {
		border-left: none;
		padding: 0;
		text-align: left;
	}

	.c2.wysiwyg img {
		max-width: 45%;
	}
}

/* C4 1/2 Image -- 1/2 Text */
#c4 .half.image {
	min-height: 200px;
}

#c4 .image-text-item:nth-of-type(odd) .half.image {
	order: 1;
}

#c4 .image-text-item:nth-of-type(odd) .half.text {
	order: 2;
}

#c4 .image-text-item:nth-of-type(even) .half.image {
	order: 2;
}

#c4 .image-text-item:nth-of-type(even) .half.text {
	order: 1;
}

.image-text .text {
	padding: 0 30px 15px 45px;
	align-self: center;
}

.image-text .text ul,
.image-text .text ol {
	padding: 0 0 0 20px;
}

#c4 .fb:not(:last-of-type) {
	padding-bottom: 45px;
}

#c4 .halfCta {
	margin-top: 30px;
}

#c4 .halfCta a {
	padding: 15px 55px;
	background-color: var(--color-evergreen);
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 400;
}

#c4 .halfCta a:hover {
	background-color: var(--color-lime);
	color: var(--color-evergreen);
}

#c4 .halfCta a:empty {
	display: none;
}

@media (max-width: 900px) {
	#c4 .image-text .fb {
		flex-direction: column;
	}

	.image-text img {
		width: 100%;
		order: 1;
	}

	.image-text .text {
		padding: 30px 0px 15px 0px;
		order: 2 !important;
	}

	#c4 .fb:not(:last-of-type) {
		padding-bottom: 15px;
	}

	#c4 .half.image {
		background-size: contain !important;
	}
}

/* End C4 1/2 Image -- 1/2 Text */

/* C5 Video */
.video-heading {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 30px;
	position: relative;
}

.video-heading p {
	/* Can I put this is conditionally only if there is a CTA? */
	padding: 0 15px 15px 15px;
	text-align: center;
}

.half.youtube-video {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex-basis: 70%;
}

.video-responsive {
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	height: 0;
}

.video-responsive iframe {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute;
}

.youtube .video-heading h3 {
	text-align: center;
	color: var(--color-evergreen);
}

.youtube .half.video-heading {
	background-color: #f4f4f4;
	margin: 0 0 0 15px;
}

.c5.youtube.fullWidthVideo {
	flex-direction: column;
}

.c5.youtube.fullWidthVideo .half.video-heading {
	margin: 0 0 0 0;
}

.c5.youtube.fullWidthVideo .video-heading.has_triangle:before {
	display: none;
}

.cta-box {
	margin: 0 auto;
}

.cta-box a {
	text-decoration: none;
	border: solid 3px var(--color-lime);
	padding: 15px 30px;
	color: var(--color-evergreen);
	background-color: var(--color-lime);
	font-weight: 400;
	transition: background-color 300ms;
}

.cta-box a:hover {
	background-color: #fff;
	transition: background-color 300ms;
}

@media (max-width: 900px) {
	.c5.youtube {
		flex-direction: column;
	}

	.youtube .half.video-heading {
		margin: 15px 0 0 0;
	}

	.c5 .video-heading.has_triangle:before {
		content: '';
		width: 18px;
		height: 18px;
		transform: rotate(45deg);
		position: absolute;
		top: -8px;
		left: 48%;
		background-color: #fff;
	}

	.video-heading p {
		text-align: center;
	}
}

@media (max-width: 400px) {
	.video-heading {
		padding: 15px 15px 30px 15px;
	}
}

/* End C5 video */

/* C6 Contact */
#c6.contact {
	width: 100%;
	padding: 15px;
	background-color: #fff;
	box-sizing: border-box;
	border: 1px solid var(--color-lime);
}

#c6.contact h3 {
	border-bottom: 1px solid var(--color-evergreen);
	text-align: center;
	width: auto;
	max-width: 230px;
	margin: 0 auto !important;
	padding: 0 0 5px 0;
	color: var(--color-evergreen);
}

#c6 .contact-info {
	margin: 30px auto 15px auto;
	flex-wrap: wrap;
	justify-content: space-around;
}

#c6 .phone,
#c6 .fax,
#c6 .email,
#c6 .location,
#c6 .hours {
	display: flex;
	align-items: flex-start;
}

#c6.contact p {
	text-transform: uppercase;
}

#c6.contact div p {
	color: #333;
	font-size: .9em;
	margin: 0 0 0 0;
}

#c6.contact .hours .options p {
	padding: 0 0 0 0;
}

#c6.contact p.faxnumber {
	display: flex;
	align-items: flex-start;
	text-decoration: none;
	color: #333;
	transition: color 200ms;
	font-size: 0.9em;
}

/** Icons **/
#c6 .contacticons {
	min-width: 18px;
	max-width: 18px;
	margin: 3px 10px 0 10px;
}

#c6.contact a {
	display: flex;
	align-items: flex-start;
	text-decoration: none;
	color: var(--color-evergreen);
	transition: color 200ms;
	font-size: 0.9em;
	margin: 0 0 1em 0;
}

/**Hover**/
#c6.contact a:hover {
	color: var(--color-lime);
	transition: color 200ms;
}

#c6 .cshape-1 {
	fill: var(--color-lime);
}

#c6 .cshape-2,
.cshape-3 {
	fill: var(--color-lime);
}

#c6 .cshape-2 {
	stroke: #fff;
	stroke-linecap: round;
	stroke-miterlimit: 10;
	stroke-width: 15px;
}

#c6 .hours.cshape-3 {
	fill: #fff;
}

/* Mobile Styles */
@media (max-width: 1100px) {
	#c6 .contact-info {
		justify-content: flex-start;
	}

	#c6 .phone,
	#c6 .fax,
	#c6 .email,
	#c6 .location,
	#c6 .hours {
		margin: 30px auto;
	}
}

@media (max-width: 900px) {
	#c6 .contact-info {
		flex-direction: column;
		flex-basis: 100%;
	}

	#c6 .contact-info>div {
		margin: 15px 0;
	}
}

@media only screen and (min-width: 701px) and (max-width: 960px) {
	#c6.contact {
		font-size: .9em;
	}

	#c6 .contacticons {
		width: 25px;
	}
}

/* End C6 Contact */

/* C7 Feature Tile Grid */
.feature-tile {
	flex-wrap: wrap;
}

.feature-tile .feature {
	text-align: center;
	padding: 30px 30px 0 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.feature-icon {
	transform: rotate(45deg);
	width: 70px;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
}

.feature-icon a {
	width: 70px;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--color-evergreen);
	border: solid 3px var(--color-evergreen);
	transition: background-color 300ms;
	text-decoration: none;
}

.feature-icon a:hover {
	transition: background-color 300ms;
	background-color: #fff;
}

.feature-icon a[href='']:hover,
.feature-icon a[href='#']:hover {
	background-color: var(--color-evergreen);
}

.feature-icon span {
	font-size: 38px;
	color: var(--color-lime);
	transform: rotate(-45deg);
}

.feature-icon figure {
	font-size: 38px;
	color: var(--color-lime);
	transform: rotate(-45deg);
}

.feature p {
	line-height: 1.5;
	font-size: 0.9em;
}

.feature .feature-title a {
	color: var(--color-evergreen);
	font-weight: 600;
	margin: 0 0 0 0;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 1.4;
}

.feature a[href=""] {
	cursor: default;
}

.feature .feature-title a:hover {
	text-decoration: underline;
}

.feature a[href='']:hover,
.feature a[href='#']:hover {
	text-decoration: none;
}

.feature-title p {
	font-weight: 600;
	margin: 0 0 5px 0;
}

@media (max-width: 900px) {
	.feature-tile {
		flex-direction: column;
		align-items: center;
	}

	.feature-tile .feature {
		width: 400px;
		max-width: 100%;
	}
}

@media (max-width: 400px) {
	.feature-tile .feature {
		padding: 30px 15px;
	}
}

@media not all and (min-resolution:.001dpcm) {
	.feature-icon {
		transform: rotate(45deg);
		width: 70px;
		height: 70px;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 30px;
	}

	.feature-icon a {
		width: 70px;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: var(--color-evergreen);
		border: solid 3px var(--color-evergreen);
		transition: background-color 300ms;
		text-decoration: none;
	}

	.feature-icon figure {
		font-size: 38px;
		color: var(--color-lime);
		transform: rotate(-45deg);
	}
}

/* End C7 Feature Tile Grid */
/* C8 Feature List */
.c8 {
	font-family: "Open Sans";
}

.c8 ul {
	list-style: none;
	padding: 20px 0 0 0;
	margin: 0 0 0 0;
	column-count: 2;
}

.c8 ul li {
	margin: 0 15px;
	margin-bottom: 24px;
	padding-left: 33px;
	position: relative;
	font-weight: 300;
	font-size: 1.6em;
	break-inside: avoid;
}

.c8 ul li:after {
	content: '';
	height: 13px;
	width: 13px;
	display: block;
	position: absolute;
	transform: rotate(45deg);
	top: 8px;
	left: 0;
	border: solid 3px var(--color-lime);
}

.c8 ul li:empty:after {
	display: none;
}

@media (max-width: 768px) {
	.c8 ul li {
		font-size: 1.4em;
	}
}

@media (max-width: 400px) {
	.c8 ul li {
		margin: 0;
		margin-bottom: 12px;
		padding-left: 30px;
		position: relative;
		font-weight: 300;
		font-size: 1em;
	}

	.c8 ul li:after {
		content: '';
		height: 10px;
		width: 10px;
		background: var(--color-lime);
		display: block;
		position: absolute;
		transform: rotate(45deg);
		top: 3px;
		left: 0;
	}
}

/* End C8 Feature List */

/* C9 Card content (both the images and no images versions) */
.c9 .fb {
	flex-wrap: wrap;
	justify-content: flex-start;
}

.c9 .card {
	margin: 15px 10px;
	box-sizing: border-box;
	width: calc(33.33% - 20px);
}

.c9 .card a.feature-title {
	text-decoration: underline;
}

.c9 .card a.feature-title:hover {
	color: var(--color-lime);
	text-decoration: none;
}

.c9 .card a[href=''],
.c9 .card a.feature-title[href=''] {
	cursor: default;
	text-decoration: none;
	padding: 0;
}

.c9 .card a[href='']:hover,
.c9 .card a.feature-title[href='']:hover {
	color: var(--color-evergreen);
}

.c9 .feature-title {
	color: var(--color-evergreen);
	font-weight: 700;
	text-align: left;
	padding: 10px 0 5px 0;
	align-self: flex-start;
	font-size: 1.3em;
	line-height: 1.3;
	display: block;
	font-family: 'Neue Helvetica Condensed';
	margin: 0;
}

.c9 .feature-link {
	font-size: 1.2em;
	word-wrap: break-word;
}

.c9 .feature-link:hover {
	color: var(--color-lime);
	text-decoration: none;
}

.c9 .feature-link[href=""] {
	display: none;
}

.v2 .card {
	width: calc(25% - 20px);
}

.v3 .card {
	width: calc(50% - 20px);
}

.c9 .card .feature-description {
	font-size: 1rem;
	color: var(--color-evergreen);
	line-height: 1.5;
	margin: 0 0 0.2em 0;
}

.c9 .card {
	position: relative;
}

#c9.shadow .card {
	padding: 10px;
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

.c9 .card img {
	width: 100%;
	height: 300px;
	object-fit: cover;
}

.c9 .card img[src=""] {
	display: none;
}

.c9.v2 .card img {
	height: 200px;
}

.c9.v3 .card img {
	height: 300px;
}

@media (max-width: 900px) {
	.c9.v1 .fb {
		flex-direction: column;
		align-items: center;
	}

	.c9.v2,
	.c9.v3 {
		flex-direction: row;
		justify-content: center;
		flex-wrap: wrap;
	}

	.c9 .card {
		width: 400px;
		max-width: 100%;
		margin: 10px;
	}

	.v2 .card,
	.v3 .card {
		flex-basis: 47%;
	}

	.c9.v2 .card img,
	.c9.v3 .card img {
		height: 300px;
	}
}

@media (max-width: 768px) {
	.c9 .fb {
		justify-content: center;
	}

	.c9.v2 .card,
	.c9.v3 .card {
		flex-basis: initial;
		width: 400px;
	}
}

@media (max-width: 500px) {
	.c9 .card {
		padding: 30px 15px;
	}

	.c9.v2,
	.c9.v3 {
		flex-direction: column;
		align-items: center;
	}

	.c9.v2 .card,
	.c9.v3 .card {
		padding: 30px 15px;
		flex-basis: 100%;
		width: 100%;
		margin: 10px 0;
	}
}

/* End C9 Card Content */

/* C11 V2 */
/* Desktop Styles -- this style is here because components don't allow tags in component source */
@media only screen and (min-width: 961px) {
	.cta-img-outline {
		background-image: url(/administration/marketing/img/component-library-assets/aerial.jpg);
	}
}

/* C12 Tables -- this style is here because this component is a snippet */
.c12 .table-responsive {
	width: 100%;
	max-width: 100%;
	border-collapse: collapse;
	overflow-x: scroll;
	overflow-y: hidden;
}

.c12 .table {
	width: 100%;
	font-weight: 300;
	font-size: .9em;
	color: var(--color-evergreen);
	text-align: center;
	overflow-wrap: break-word;
	word-wrap: normal;
}

/** Headers **/
.c12 caption {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	color: #6c757d;
	text-align: left;
	caption-side: top;
	text-transform: uppercase;
	font-size: 1.2em;
}

.c12 .table th {
	font-weight: normal;
	text-transform: uppercase;
	border-top: 0px;
}

.c12.v1 .table th {
	background-color: var(--color-lime);
}

.c12.v1 .leftheader {
	background-color: #e3e696;
	outline: 1px solid white;

}

.c12 .column {
	width: 12.5%;
}

.c12 tr .thfirst {
	border-top: 0px;
}

.c12 .table th,
.c12 .table td {
	padding: 1.5%;
	vertical-align: top;
	border-top: 1px solid white;
}

.c12 thead {
	display: table-header-group;
}

.c12 .table thead th {
	vertical-align: bottom;
	border-bottom: 2px solid white;
}

.c12 .table a {
	font-size: inherit;
	text-decoration: none;
	border-bottom: 1px solid var(--color-lime);
}

.c12 .table a:hover {
	border-bottom: none;
}


/** Data Cells **/
.c12.v1 tbody td {
	background-color: var(--color-light-gray);
	padding: 1%;
	text-align: center;
}

.c12.v1 .table .blank {
	background-color: transparent;
	border: 0px;
}

/** Rounded Corners **/
.c12 thead th:last-child {
	border-radius: 0 5px 0 0;
}

.c12 .thfirst {
	border-radius: 5px 0 0 0;
}

.c12 tfoot td:first-child {
	border-radius: 0 0 0 5px;
}

.c12 tfoot td:last-child {
	border-radius: 0 0 5px 0;
}

/* Mobile Styles */
@media only screen and (max-width: 400px) {}

/* Tablet Styles */
@media only screen and (min-width: 401px) and (max-width: 700px) {}

@media only screen and (min-width: 701px) and (max-width: 960px) {
	.c12 .table-responsive {
		font-size: 1em;
	}
}

/* C10 Gallery */
.simple-gallery {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	margin: 0 auto;
}

.simple-gallery figure {
	width: 33.33%;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: center;
	flex-direction: column;
	cursor: pointer;

}

.c10Slides figure figcaption a {
	color: #FFF;
}


.c10Slides figure figcaption a:hover {
	color: var(--color-lime);
}

.component .simple-gallery figcaption a:hover {
	color: var(--color-lime);
}


.simple-gallery figure img {
	height: 250px;
	width: auto;
	padding: 5px;
	box-sizing: border-box;
	object-fit: cover;
	margin: 5px;
	background-color: transparent;
	border-radius: 10px;
}

.simple-gallery figcaption {
	font-family: 'Open Sans';
	font-weight: 100;
	font-size: 0.9em;
	line-height: 1.5;
	padding: 5px 5px 15px 5px;
}

.c10Modal {
	display: none;
	position: fixed;
	z-index: 601;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: rgba(21, 88, 45, 0.9);
}

/* Modal Content */
.c10-modal-content {
	position: relative;
	display: flex;
	align-items: center;
	background-color: rgba(21, 88, 45, 0);
	margin: auto;
	padding: 0;
	width: 90%;
	height: 100%;
}

/* The Close Button */
.c10Close {

	color: white;
	position: absolute;
	top: 150px;
	right: 25px;
	font-size: 35px;
	font-weight: bold;
	z-index: 602;
}

.c10Close:hover,
.c10Close:focus {
	color: var(--color-lime);
	text-decoration: none;
	cursor: pointer;
}

.c10Slides {
	display: none;
	margin: 0 auto;
}

.c10Cursor {
	cursor: pointer;
}

/* Next and previous buttons */
.c10Modal .c10prev,
.c10Modal .c10next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 16px;
	margin-top: -32px;
	color: var(--color-lime);
	font-weight: bold;
	font-size: 28px;
	transition: 0.6s ease;
	user-select: none;
	-webkit-user-select: none;
	background-color: white;
}

/* Position the "next button" to the right */
.c10Modal .c10next {
	right: 0;
}

/* On hover, add a black background color with a little bit see-through */
.c10Modal .c10prev:hover,
.c10Modal .c10next:hover {
	background-color: var(--color-evergreen);
}

.c10Modal figure {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 30px 0;
}

.c10Modal figure img {
	max-width: 90%;
	max-height: 70vh;
	cursor: pointer;
}

.c10Modal figure figcaption {
	color: #fff;
	padding: 15px 0 0 0;
}

@media (max-width: 900px) {
	.simple-gallery figure {
		width: 50%;
	}
}

@media (max-width: 800px) and (orientation: landscape) {
	.c10Modal figure img {
		max-height: 50vh;
	}
}

@media (max-width: 768px) {

	.c10Modal .c10prev,
	.c10Modal .c10next {
		padding: 8px;
		margin-top: -20px;
		color: var(--color-lime);
		font-weight: bold;
		font-size: 18px;
	}
}

@media (max-width: 600px) {
	.simple-gallery figure img {
		height: 150px;
	}
}

/* End C10 Gallery */

/* C11 V1 and V2 CTA */
#c11 {
	max-width: 100%;
}

.c11.cta {
	max-width: 100%;
	font-family: "Neue Helvetica Condensed", "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-style: normal;
	color: rgb(51, 51, 51);
	background: linear-gradient(360deg, #0E3A1F 0%, #104422 100%);
	font-size: 1em;
	line-height: 1.4;
}

.c11.cta p,
.c11.cta a {
	font-size: 1em;
	line-height: 1.4;
	color: #fff;
}

.ctabody {
	width: 80%;
	flex-direction: column;
	align-items: center;
	padding: 30px 0;
	margin: 0 auto;
}

.exone .ctabody.fb {
	justify-content: space-between;
	margin: 0 auto;
	width: 1100px;
	max-width: 100%;
	box-sizing: border-box;
}

/** CTA Icon SVG **/
.ctaicon {
	flex-direction: column;
}

.ctaicon svg {
	width: 100%;
	max-width: 100px;
}

.st0 {
	fill: none;
	stroke: #fff;
	stroke-width: 5;
}

.st1 {
	fill: var(--color-lime);
}

.st2 {
	fill: #FED53D;
}


/** CTA Copy **/
.ctatext {
	padding: 3%;
	align-items: center;
	text-align: center;
	flex-direction: column;
	box-sizing: border-box;
}

.ctaheader {
	padding-bottom: 3%;
	font-size: 1.2em;
	font-weight: 600;
	color: var(--color-evergreen);
	padding: 2px 2px 0 2px;
}

.ctaheader h3 {
	margin: 0 0 0 0;
	color: #fff;
	display: inline;
	padding: 3px;
}

.v2 .ctaheader h3:empty {
	display: none;
}

.v1 .ctaparagraph {
	margin-top: 2%;
}

/** CTA Links **/
.cta_links {
	text-align: center;
	color: var(--color-evergreen);
	flex-direction: column;
}

.c11 .ctabutton {
	text-decoration: none;
	width: 100%;
	font-weight: 600;
	padding: 5px 25px;
	border: 0px solid;
	border-radius: 3px;
	color: var(--color-evergreen);
	transition: background-color 500ms;
	transition-property: background-color;
	transition-duration: 500ms;
	transition-timing-function: ease;
	transition-delay: 0s;
	background-color: inherit;
	border: 2px solid #e3e696;
	border-radius: 0px;
	margin: 0.5em;
	text-transform: uppercase;
	box-sizing: border-box;
}

.c11.v2 .ctabutton {
	width: 200px;
	height: 54px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/** Hover **/
.ctabutton:hover {
	background-color: var(--color-lime);
	border: 2px solid var(--color-lime);
}

.c11 {
	margin-top: 0;
}

@media (max-width: 1400px) {
	.exone .cta .ctabody {
		padding: 3%;
	}
}

/* Desktop Styles */
@media only screen and (min-width: 961px) {
	.ctabody {
		flex-direction: row;
	}

	.ctaicon svg {
		max-width: 200px;
	}

	/** CTA Copy **/
	.ctaheader {
		width: auto;
		padding: 2px 2px 0 2px;
	}

	.cta_links {
		flex-basis: 33%;
	}
}

/* V2 */
.v2 .ctabody {
	text-align: center;
	padding: 30px 2%;
	box-sizing: border-box;
}

/** CTA Icon SVG **/

/** CTA Copy **/
.v2 .ctatext {
	padding: 0% 3%;
}

.v2 .ctaheader {
	padding-bottom: 3%;
	font-size: 1.2em;
	font-weight: 600;
}

.ctaparagraph {
	width: 95%;
}

/** CTA Links **/

.v2 .cta_links {
	margin: 2% 0%;
	padding: 1%;
	text-align: center;
	color: var(--color-evergreen);
}

/** Hover **/
.v2 .ctalink:hover {
	background-color: var(--color-lime);
	border: 0px solid;
	transition: background-color 600ms;
	border: 2px solid var(--color-lime);
}

/* Tablet Styles */
@media only screen and (min-width: 401px) and (max-width: 700px) {
	.ctaparagraph {
		width: 90%;
	}
}

@media only screen and (min-width: 701px) and (max-width: 960px) {
	.ctaparagraph {
		width: 75%;
	}
}

/* Desktop Styles */
@media only screen and (min-width: 961px) {
	.v2.cta {
		width: 100%;
		height: 275px;
		display: inline-flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		overflow: hidden;
		color: #333;
	}

	.v2.cta {
		display: flex;
		align-items: center;
	}

	.v2 .ctabody {
		width: 75%;
		display: flex;
		flex-direction: row;
		align-items: center;
		text-align: center;
	}

	.cta-img {
		position: relative;
		left: -85px;
		height: 140%;
		width: 400px;
		outline: 2px solid #e0e0e0;
		outline-offset: 15px;
		transform: rotate(45deg);
		overflow: hidden;
	}

	.v2 .ctatext {
		padding: 3% 0 0 0;
	}

	.v2 .ctaheader {
		padding: 2px 2px 1% 2px;
		margin-bottom: 1%;
	}

	.cta-img-outline {
		position: absolute;
		top: -20px;
		left: -57px;
		height: 300px;
		width: 600px;
		background-size: cover;
		transform: rotate(-45deg);
		background-position: center;
	}

	.ctaparagraph {
		width: 80%;
		font-weight: 500;
		text-align: center;
	}

	.v2 .cta_links {
		margin: 0%;
		padding: 0%;
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		font-size: .9em;
		flex-wrap: wrap;
	}

	.v2 .ctalink {
		padding: 5px 25px;
		text-align: center;
		text-decoration: none;
		font-weight: 600;
		margin: 0 15px;
		border-radius: 3px;
	}
}

/* End C11 V1 and V2 */
/* C11 CTA V3 Minimal */
.c11.v3 {
	background: transparent;
}

.c11.v3 .ctabutton3 a {
	color: #fff;
	text-decoration: none;
	font-weight: 700;
	text-transform: uppercase;
	padding: 25px 25px 25px 60px;
	background: var(--color-evergreen);
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.c11.v3 .ctabutton3 a:hover {
	background: var(--color-lime);
	color: var(--color-evergreen);
}

.c11.v3 .ctabutton3 span {
	height: 18px;
	border-top: 18px solid var(--color-lime);
	border-right: 18px solid var(--color-lime);
	border-left: 18px solid transparent;
	border-bottom: 18px solid transparent;
	transform: rotate(45deg);
	margin: 0 20px 0 10px;
	box-sizing: border-box;
	position: relative;
	display: inline-block;
}

.c11.v3 .ctabutton3 a:hover>span {
	border-top: 18px solid var(--color-evergreen);
	border-right: 18px solid var(--color-evergreen);
}

.c11.v3.gloss .ctabutton3 a {
	color: var(--color-evergreen);
	background-color: #fff;
	border: 1px solid var(--color-lime);
}

.c11.v3.gloss .ctabutton3 a:hover {
	background-color: var(--color-lime);
}

@media (max-width: 800px) {
	.c11.v3 {
		margin-left: 30px;
		margin-right: 30px;
	}
}

/* End C11 CTA V3 Minimal */

/* Desktop Styles */
@media only screen and (min-width: 961px) {
	.c12 .table-responsive {
		max-width: 100%;
		font-size: 1.2em;
		display: block;
		padding: 0 0;
	}
}

/* Table V2 */
.c12.v2 .table {
	color: #282828;
}

/** Data Cells **/
.c12.v2 tbody td {
	padding: 1%;
	text-align: center;
}


/** Hover **/
.c12.v2 tr:hover td {
	background-color: #9fd3d2;
	border-color: #e8e8e8;
}

/** Alternating Row Colors**/
.c12.v2 tbody tr:nth-child(odd) {
	background: var(--color-light-gray);

}

.c12.v2 tbody tr:nth-child(even) {
	background: white;

}

/* Different Colored Alternating Color for Table 2
#table2 tbody tr:nth-child(odd){
	background: #e3e696;
}**/

/** Borders **/
.c12.v2 td:nth-child(2),
.c12.v2 td:nth-child(3),
.c12.v2 td:nth-child(4),
.c12.v2 td:nth-child(5),
.c12.v2 td:nth-child(6),
.c12.v2 td:nth-child(7),
.c12.v2 td:nth-child(8),
.c12.v2 th:nth-child(2),
.c12.v2 th:nth-child(3),
.c12.v2 th:nth-child(4),
.c12.v2 th:nth-child(5),
.c12.v2 th:nth-child(6),
.c12.v2 th:nth-child(7),
th:nth-child(8) {
	border-left: solid 2px #e0e0e0;
}

.c12.v2 tr:nth-child(1),
.c12.v2 tr:nth-child(2) {
	border-bottom: solid 2px #e0e0e0;
}

/* C13 Social Follow */
.socialcontainer {
	justify-content: space-around;
	height: 150px;
	background-color: var(--color-evergreen)
}

.socialfollow {
	display: flex;
	width: 100%;
	justify-content: space-around;
	padding: 3%;
	align-items: center;
	box-sizing: border-box;
}

.followheader {
	color: var(--color-evergreen);
	font-family: gill sans;
	font-weight: normal;
	font-size: 1.2em;
}

.c13 .icons {
	display: flex;
	justify-content: space-around;
}

.socialicon {
	width: 31px;
	margin: auto;
	line-height: 0px;
	padding: 0 10px;
}

.c13.v1 .socialfollow {
	background-color: var(--color-evergreen);
}

.c13.v1 .followheader {
	color: var(--color-lime);
}

.c13.v1 .svgicon {
	fill: var(--color-lime);
}

.c13.v2 .svgicon {
	fill: var(--color-evergreen);
}

.c13.v1 .svgicon:hover {
	fill: #fff;
}

.c13.v2 .svgicon:hover {
	fill: #fff;
}

/* V2 colors */

.c13.v2 .socialfollow {
	background-color: var(--color-lime);
}

.c13.v2 .followheader {
	color: var(--color-evergreen);
}

.c13 {
	margin-bottom: 0px;
}

@media (max-width: 500px) {
	.socialfollow {
		flex-direction: column;
		justify-content: center;
	}

	.followheader {
		text-align: center;
		padding: 0 0 15px 0;
	}
}

/* End Social Follow */

/* C14 Link List */
.component .c14 ul {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	list-style-type: none;
	text-align: center;
	font-family: gill sans;
	box-sizing: border-box;
	margin-bottom: 0px;
	padding: 0;
}

.component .c14 li {
	margin: 6px;
	padding: 12px;
	width: calc(33% - 10px);
	border-radius: 3px;
	background-color: #fff;
	color: var(--color-evergreen);
	transition: all 300ms;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	border: solid 1px var(--color-evergreen);
}

.component.v2 .c14 ul li {
	background-color: var(--color-evergreen);
	color: #fff;
	border: none;
}

.component .c14 a {
	text-decoration: none;
	color: inherit;
	width: 100%;
	height: 100%;
	text-transform: uppercase;
	font-weight: 400;
	height: auto;
}

.component .c14 ul li:hover {
	background-color: var(--color-lime);
	color: var(--color-evergreen);
	transition: all 300ms;
}

/* Mobile Styles */
@media (max-width: 768px) {
	.component .c14 li {
		width: calc(50% - 12px);
	}
}

@media (max-width: 500px) {
	.component .c14 li {
		padding: 5px;
		font-size: 0.8em;
		width: 100%;
	}
}

/* End C14 Link List */

/* C15 Small Thumbnail links */
#c155 .thumbnail-links-parent {
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 20px;
}

#c155 .thumbnail-card {
	width: calc(33.33% - 14px);
	padding: 15px 45px 30px 45px;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 3px;
	border: 1px solid var(--color-lime);
	box-shadow: -1px 5px 7px 0px rgb(0 0 0 / 12%);
	display: flex;
}

#c155 figure {
	max-width: 100px;
	padding: 0 15px 0px 0px;
	margin: 0 0 0 -25px;
	align-self: center;
}

#c155 .descriptilink h3 {
	color: var(--color-evergreen);
	font-weight: 600;

}

#c155 .descriptilink p {
	margin: 0.5em 0;
	font-size: 0.8rem;
	color: var(--color-evergreen);
}

#c155 .descriptilink a {
	color: var(--color-evergreen);
	text-decoration: none;
	font-size: 0.9rem;
	border-bottom: 3px solid var(--color-lime);
}

#c155 .descriptilink a:hover {
	border-bottom: 3px solid var(--color-evergreen);
}

@media (min-width: 900px) {
	#c155 .thumbnail-cards-parent {
		margin: 0 -5px;
	}
}

@media (max-width: 1100px) {
	#c155 .thumbnail-card {
		width: calc(50% - 15px);
	}
}

@media (max-width: 500px) {
	#c155 .thumbnail-card {
		width: 100%;
	}
}

/* End C15 Small Thumbnail Links */
/* C16 Info Matrix */
/* Container for content */
#c16 infomatrix {
	max-width: 100%;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
}

/* Container for content */
#c16 .im-flex-container {
	background: #f9f9f9;
	padding: 0px;
	margin: 0px;
	list-style: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
}

/* Lime Green Background Color */
.lime-green {
	background: var(--color-lime);
}

.lime-green h1,
.lime-green h3 {
	color: var(--color-evergreen);
}

/* Evergreen Background Color */
.evergreen {
	background: var(--color-evergreen);
}

.evergreen h1,
.evergreen h3 {
	color: var(--color-lime);
}

/* Container for each box*/
#c16 .im-flex-item {
	width: 32.5%;
	height: 300px;
	margin-top: 8px;
	line-height: 35px;
	font-weight: bold;
}

/* Images for img boxes*/
#c16 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Text and Content*/
#c16 .im-content {
	text-align: center;
	padding: 0px 15px 0px 15px;
	font-size: 15px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#c16 .im-content h1 {
	font-family: 'Neue Helvetica Condensed', 'Open Sans', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
	font-weight: 500;
}

#c16 .im-content h3 {
	text-transform: inherit;
	line-height: initial;
	max-width: 90%;
	margin: 0 auto 0 auto;
	font-weight: 400;
}

@media (min-width: 768px) {
	#c16 .im-text-1 {
		order: 0;
	}

	#c16 .im-image-1 {
		order: 3;
	}

	#c16 .im-text-2 {
		order: 2;
	}

	#c16 .im-image-2 {
		order: 5;
	}

	#c16 .im-text-3 {
		order: 4;
	}

	#c16 .im-image-3 {
		order: 1;
	}
}

/* Break into columns */
@media (max-width: 768px) {
	#c16 .im-flex-container {
		flex-direction: column;
	}

	#c16 .im-flex-item {
		width: 100%;
	}

	#c16 .im-break {
		display: none;
	}
}

/* End C16 Info Matrix */
/* C17 Stat Counter */
#c17 .stat-counter .fb {
	justify-content: space-around;
	align-items: flex-end;
	flex-wrap: wrap;
}

#c17 .stat-counter h3 {
	font-family: 'Neue Helvetica Condensed';
}

#c17 .stat-counter .stat {
	flex-basis: 33.33%;
	margin-bottom: 15px;
}

#c17 .stat-counter.v2 .stat {
	flex-basis: 25%;
	margin-bottom: 15px;
}

#c17 .stat-counter .fb h3 {
	font-family: 'Sorts Mill Goudy';
	text-align: center;
	font-size: 1.5em;
	font-weight: 600;
	text-transform: initial;
	color: var(--color-evergreen);
}

#c17 .stat_number {
	display: flex;
	justify-content: center;
	align-items: center;
}

#c17 .stat_number span {
	font-size: 4em;
	font-family: helvetica neue;
	font-weight: 100;
	border-bottom: solid 3px var(--color-lime);
	padding: 0 0 3px 0;
	margin: 0 0 7px 0;
}

#c17 .v2 .stat_number span {
	font-size: 3em;
}

#c17 .stat_number small {
	font-size: 2em;
	font-family: helvetica neue;
	font-weight: 100;
	padding: 0 3px;
	margin-bottom: -10px;
}

#c17 .v2 .stat_number small {
	margin-bottom: 0;
}

#c17 .stat-counter .small_print {
	text-align: center;
	font-size: 0.8em;
	max-width: 175px;
	margin: 0 auto;
	min-height: 30px;
}

@media (max-width: 900px) {
	#c17 .stat-counter .fb {
		flex-direction: column;
		align-items: center;
	}

	#c17 .stat-counter .stat {
		margin: 30px auto;
	}

	#c17 .stat-counter .small_print {
		height: auto;
	}
}

@media (max-width: 400px) {
	#c17 .stat_number span {
		font-size: 2.8em;
	}

	#c17 .stat_number small {
		margin-bottom: 0px;
	}
}

/* End C17 Stat Counter */

/* C18 Resource Cards */
#c18 .card-grid {
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}

#c18 h3 {
	text-align: center;
}

#c18 .r-card {
	height: 280px;
	width: 49%;
	margin: 10px 0;
}

#c18 .r-card:nth-of-type(3) .r-card-img {
	order: 2;
}

#c18 .r-card:nth-of-type(4) .r-card-img {
	order: 2;
}

#c18 .r-card-img {
	height: 100%;
	width: 50%;
	background-color: #14562b;
}

#c18 .r-card-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#c18 .r-card-content {
	height: 100%;
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#c18 .r-card:nth-of-type(1n) .r-card-content {
	background-color: #025193;
}

#c18 .r-card:nth-of-type(2n) .r-card-content {
	background-color: #840065;
}

#c18 .r-card:nth-of-type(3n) .r-card-content {
	background-color: #941a31;
}

#c18 .r-card:nth-of-type(4n) .r-card-content {
	background-color: #fd8852;
}

#c18 .r-card-text {
	padding: 10%;
	color: #fff;
	max-width: 100%;
	word-break: break-word;
}

#c18 .r-card-text p,
#c18 .r-card-text h2 {
	font-family: HelveticaNeueLTStd-MdCn, sans-serif;
	color: #fff;
}

#c18 .r-card-text h2 {
	font-size: 1.5rem;
}

#c18 .r-card-text a {
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
	color: #fff;
}

#c18 .r-card-text a div {
	text-align: left;
	text-transform: uppercase;
}

#c18 .r-card-text a span {
	display: inline-block;
	position: relative;
	width: 25px;
	height: 25px;
	border: 1px solid #fff;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-left: 20px;
	top: 5px;
}

#c18.resource-card span:before {
	content: "";
	width: 12px;
	height: 12px;
	top: 5px;
	left: 7px;
	border-top: 6px solid #fff;
	border-right: 6px solid #fff;
	border-left: 6px solid transparent;
	border-bottom: 6px solid transparent;
	display: inline-block;
	position: absolute;
	box-sizing: border-box;
}

@media (max-width: 1100px) {
	#c18 .r-card-text h2 {
		font-size: 1.3em;
	}
}

@media (max-width: 900px) {
	#c18 .r-card {
		width: 100%;
		height: 225px;
	}

	#c18 .r-card-content {
		width: 100%;
	}

	#c18 .r-card-text h2 {
		font-size: 1.2em;
	}
}

@media (max-width: 400px) {
	#c18 .r-card-img {
		display: none;
	}
}

/* End Resource Cards */

/* C19 Profile and Bio */
#c19 .allprofiles {
	display: flex;
	flex-wrap: wrap;
}

#c19 .profile {
	flex-basis: calc(50% - 10px);
	margin: 5px;
}


#c19 .profile-image {
	min-width: 180px;
	width: 180px;
	height: 180px;
	overflow: hidden;
	position: relative;
	align-self: center;
	margin: 30px 30px 30px 15px;
	float: right;
}

#c19 .profile-image:after {
	content: '';
	transform: rotate(45deg);
	position: absolute;
	top: -22%;
	left: -22%;
	width: 70%;
	height: 70%;
	border: solid 68px white;
}

#c19 .profile:nth-of-type(1n) {
	background-color: var(--color-evergreen);
}

#c19 .profile:nth-of-type(1n) .profile-image:after {
	border-color: var(--color-evergreen);
}

#c19 .profile:nth-of-type(2n) {
	background-color: #ff8849;
}

#c19 .profile:nth-of-type(2n) .profile-image:after {
	border-color: #ff8849;
}

#c19 .profile:nth-of-type(3n) {
	background-color: #96172d;
}

#c19 .profile:nth-of-type(3n) .profile-image:after {
	border-color: #96172d;
}


#c19 .profile:nth-of-type(4n) {
	background-color: #025293;
}

#c19 .profile:nth-of-type(4n) .profile-image:after {
	border-color: #025293;
}

#c19 .profile-bio {
	padding: 30px;
	color: #fff;
}

#c19 .profile-bio h3,
#c19 .profile-bio p {
	color: #fff;
	padding-right: 15px;
	font-size: 1em;
	line-height: 1.5;
}

#c19 .profile-bio a {
	color: #fff;
}

#c19 .profile-bio a:hover {
	text-decoration: none;
}

#c19 .profile-bio h3 {
	padding-bottom: 5px;
}

#c19 .profile-bio li,
#c19 .profile-bio div,
#c19 .profile-bio span {
	color: #fff;
}

@media (max-width: 1000px) {
	#c19 .profile {
		flex-basis: 100%;
		display: flex;
		flex-flow: row-reverse nowrap;
	}

	#c19 .profile:nth-of-type(even) {
		flex-flow: row nowrap;
	}

	#c19 .profile-image {
		float: none;
		margin: 15px 30px 15px 15px;
	}

	#c19 .profile:nth-of-type(even) .profile-image {
		margin: 15px 15px 15px 30px;
	}
}

@media (max-width: 500px) {

	#c19 .profile,
	#c19 .profile:nth-of-type(even) {
		flex-flow: column nowrap;
	}

	#c19 .profile-bio h3,
	#c19 .profile-bio p {
		text-align: center;
		max-width: 90%;
		padding: 0 0 0 0;
		margin: 0 auto 15px auto;
	}

	#c19 .profile:nth-of-type(even) .profile-image {
		float: none;
		margin: 30px auto 0 auto;
	}

	#c19 .profile-image {
		float: none;
		margin: 30px auto 0 auto;
	}
}

/* End C19 Profile and Bio */
/* +++++++++++++++++++++++++++++

Accordian Styling

++++++++++++++++++++++++++++++ */

.accordion-nested {
	max-width: 1440px;
}

.accordion-nested .accordion {
	width: unset !important;
}

.c20 {
	margin: 0 auto 30px auto;
}

.c20 .accordion {
	position: relative;
	background-color: #fff;
	color: #444;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
	border: solid 1px var(--color-evergreen);
	margin-bottom: 5px;
}

.c20 .accordion:before {
	content: '+';
	position: absolute;
	right: 30px;
	top: 52%;
	transform: translate(0, -50%);
}

.c20 .active:before {
	content: '-';
	top: 50%;
	transform: translate(0, -50%);
}

.c20 .active,
.c20 .accordion:hover {
	background-color: var(--color-lime);
}

.c20 .acc-panel {
	padding: 0 18px;
	display: none;
}

/* +++++++++++++++++++++++++++++

End Accordian Styling

++++++++++++++++++++++++++++++ */

/* C21 Content with Thumbnails */
#c21 {
	margin: 30px auto;
}

#c21 .component-header {
	max-width: 860px;
	margin: 0 auto;
}

#c21 .ct-item {
	clear: both;
	margin: 0 auto;
	padding: 15px 0;
}

#c21 figure {
	width: 100%;
	max-width: 250px;
}

#c21 .ct-item:nth-of-type(odd) figure {
	float: left;
	padding: 0 30px 15px 0;
}

#c21 .ct-item:nth-of-type(even) figure {
	float: right;
	padding: 0 0 15px 30px;
}

#c21 .ct-item figure.left {
	float: left;
	padding: 0 30px 15px 0;
}

#c21 .ct-item figure.right {
	float: right;
	padding: 0 0 15px 30px;
}

#c21 > :not(.wysiwyg) > a {
	text-decoration: none;
}

#c21 figure:hover figcaption {
	color: var(--color-lime);
}

#c21 img {
	width: 100%;
	height: auto;
}

#c21 figcaption {
	font-size: 0.95em;
	font-weight: 300;
	color: var(--color-evergreen);
}

#c21 .wysiwyg ul,
#c21 .wysiwyg ol {
	overflow: hidden;
}

@media (min-width: 1150px) {
	#c21 {
		background-color: #f5f7f6;
		padding: 60px 0;
	}

	#c21 .ct-item {
		max-width: 860px;
	}
}

@media (min-width: 1150px) {
	#c21.transparent {
		background-color: transparent;
		padding: 0;
	}
}

@media (max-width: 900px) {
	#c21 {
		max-width: 90%;
	}
}

@media (max-width: 700px) {
	#c21 .ct-item {
		padding: 15px 0;
	}

	#c21 figure {
		max-width: 200px;
	}

	#c21 figcaption {
		font-size: 0.85em;
	}
}

@media (max-width: 400px) {
	#c21 figure {
		max-width: 100px;
	}

	#c21 figcaption {
		font-size: 0.65em;
	}
}

/* End C21 Content with Thumbnails */

/* ==================================

Library Picks

================================== */

#libraryPicks {
	background-color: #f5f7f6;
	display: flex;
	padding: 30px 0 10px 0;
	justify-content: center;
	align-items: center;
}

#libraryPicks figure.thumbnail {
	text-align: center;
}

#libraryPicks figure.thumbnail img {
	max-height: 350px;
}

#libraryPicks div.component-text {
	max-width: 800px;
	padding: 0 60px 0 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-bottom: 30px;
}

#libraryPicks .component-text h3 {
	margin-bottom: 10px;
}

#libraryPicks .component-text .component-description {
	font-size: 0.9em;
	margin-bottom: 7px;
}

#libraryPicks .component-text .wysiwyg {
	margin-bottom: 1em;
}

@media (min-width: 769px) and (max-width: 1000px) {
	#libraryPicks figure.thumbnail {
		min-width: 35%;
	}
}

@media (max-width: 769px) {
	#libraryPicks {
		flex-direction: column;
		margin: 0 0 0 0;
		max-width: 100%;
	}

	#libraryPicks div.component-text {
		padding: 0 30px;
	}
}

/* C22 Alert */
#alert {
	padding: 30px;
	background-color: var(--color-lime);
	box-sizing: border-box;
}

/* End C22 Alert */

/* C23 Fine Print */
#fineprint {
	padding: 30px;
	background-color: #f0f0f0;
}

#fineprint.wysiwyg {
	font-size: 0.75em;
}

/* End C23 Fine Print */

/* C24 Small Bio Cards */
#c24 .bio-cards-parent {
	flex-wrap: wrap;
	justify-content: flex-start;
}

#c24 .bio-card {
	width: calc(33.33% - 10px);
	margin: 5px;
	padding: 10px 10px 10px 10px;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 3px;
	border: 1px solid var(--color-evergreen);
}

#c24 figure {
	float: left;
	max-width: 80px;
	padding: 0 10px 0px 0px;
	margin: 0 0 0 0;
}

#c24 .person-bio h3,
#c24 .person-bio p {
	color: var(--color-evergreen);
	font-size: 0.8rem;
	line-height: 1.5;
	margin: 0 0 0 0;
	text-wrap: balance;
}

#c24 .person-bio h3 {
	font-size: 0.95rem;
}

@media (min-width: 900px) {
	#c24 .bio-cards-parent {
		margin: 0 -5px;
	}
}

@media (max-width: 1100px) {
	#c24 .bio-card {
		width: calc(50% - 10px);
	}
}

@media (max-width: 500px) {
	#c24 .bio-card {
		width: 100%;
	}
}

/* End C24 Small Bio Cards */

/* C25 ALP Degrees */
#alp1 .component-header h3 {
	text-align: center;
}

#alp1 .degree-cards {
	flex-wrap: wrap;
	justify-content: flex-start;
}

#alp1 .d-card {
	width: calc(33.33% - 10px);
	border: solid 1px var(--color-evergreen);
	display: grid;
	grid-template-columns: 15px 2fr 30px 4fr 15px;
	align-items: center;
	justify-items: start;
	box-sizing: border-box;
	margin: 5px;
	cursor: pointer;
	text-decoration: none;
	-webkit-transition: all 200ms cubic-bezier(.25, .46, .45, .94);
	transition: all 200ms cubic-bezier(.25, .46, .45, .94);
}

#alp1 .d-card:hover {
	transform: scale(1.025);
}

#alp1 a.d-card[href=""]:hover {
	transform: none;
}

#alp1 a.d-card[href=""] {
	cursor: default;
}

#alp1 .d-card img {
	height: 60px;
	padding: 35px 0;
	grid-column-start: 2;
	justify-self: center;
}

#alp1 .d-card .degree-information {
	grid-column-start: 4;
	align-content: center;
	padding: 15px 0;
}

#alp1 .d-card span {
	display: block;
	color: var(--color-evergreen);
	font-family: 'Open Sans';
	font-weight: 600;
	text-transform: uppercase;
}

#alp1 .d-card span.d-type {
	font-weight: 300;
	font-size: 0.9em;
}

@media (max-width: 1000px) {
	#alp1 .d-card {
		width: calc(50% - 10px);
	}
}

@media (max-width: 768px) {
	#alp1 .d-card {
		width: 100%;
	}
}

@media (max-width: 350px) {
	#alp1 .d-card {
		grid-template-columns: 15px 2fr 15px 4fr 15px;
	}
}

/* End C25 ALP Degrees */

/* C26 ALP Beyond the Classroom */
#alp2 figure {
	display: flex;
	align-items: center;
	margin: 15px 0;
}

#alp2 figure img {
	width: 50%;
}

#alp2 figure:nth-of-type(even) img {
	order: 2;
}

#alp2 figure figcaption {
	width: 50%;
}

#alp2 figure figcaption div {
	width: 105%;
	z-index: 1;
	height: auto;
	position: relative;
	right: 5%;
	background-color: #f5f7f6;
	padding: 25px 5%;
	box-sizing: border-box;
}

#alp2 figure:nth-of-type(even) figcaption div {
	right: auto;
}

#alp2 figure figcaption div h3 {
	color: var(--color-evergreen);
	text-transform: initial;
	font-size: 1.5em;
	font-weight: 400;
}

#alp2 figure figcaption div p {
	margin: 1em 0;
}

#alp2 figure figcaption div a {
	padding: 5px 25px;
	background-color: var(--color-evergreen);
	color: #fff;
	font-size: 1rem;
	border-radius: 3px;
	display: inline-block;
	margin-top: 8px;
	text-decoration: none;
}

#alp2 figure figcaption div a[href=''] {
	display: none;
}

@media (max-width: 900px) {
	#alp2 figure {
		flex-direction: column;
		margin: 15px;
	}

	#alp2 figure:nth-of-type(even) img {
		order: 0;
	}

	#alp2 figure img {
		width: 95%;
		align-self: flex-start;
	}

	#alp2 figure figcaption {
		width: 95%;
		align-self: flex-end;
	}

	#alp2 figure figcaption div {
		right: auto;
		top: -30px;
	}
}

/* End C26 ALP Beyond the Classroom */

/* C27 Large Thumbnail Links */
.ltl-container {
	position: relative;
	overflow: hidden;
	width: calc(33.33% - 2%);
	height: 200px;
	margin-bottom: 2%;
	border-radius: 8px;
	-webkit-transition: all 200ms cubic-bezier(.25, .46, .45, .94);
	transition: all 200ms cubic-bezier(.25, .46, .45, .94);
	margin: 1%;
}

.ltl-container[href=''] {
	display: none;
}

.ltl-container:hover {
	box-shadow: 0 12px 12px -12px rgba(0, 0, 0, 0.5);
	-webkit-transform: scale(1.025);
	-ms-transform: scale(1.025);
	transform: scale(1.025);
}

.ltl-title {
	position: absolute;
	left: 0%;
	top: auto;
	right: 0%;
	bottom: -1px;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 75%;
	min-width: 160px;
	padding: 10px 20px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border-top-right-radius: 8px;
	background-color: var(--color-lime);
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	line-height: 1.1;
}

.ltl-container:nth-of-type(1n) .ltl-title {
	background-color: var(--color-evergreen);
}

.ltl-container:nth-of-type(3n) .ltl-title {
	background-color: #96172d;
}

.ltl-container:nth-of-type(2n) .ltl-title {
	background-color: #025293;
}

.ltl-container:nth-of-type(4n) .ltl-title {
	background-color: #7d0063;
}

.ltl-grid {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.ltl-image {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 50% 50%;
	object-position: 50% 50%;
}

.ltl-wrapper {
	padding: 1%;
}

@media screen and (max-width: 991px) {
	.ltl-grid {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
	}
}

@media screen and (max-width: 767px) {
	.ltl-container {
		width: 48%;
	}

	.ltl-image:hover {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}

	.c27 {
		padding: 15px;
	}
}

@media screen and (max-width: 479px) {
	.ltl-container {
		width: 100%;
	}

	.ltl-title {
		width: 100%;
		height: 50px;
		padding-right: 0px;
		padding-left: 0px;
		border-radius: 0px;
	}

	.ltl-title.evergreen {
		border-radius: 0px;
	}

	.ltl-grid {
		grid-auto-columns: 1fr;
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr;
		-ms-grid-rows: auto auto;
		grid-template-rows: auto auto;
	}

	.ltl-wrapper {
		margin-top: 2em;
		margin-bottom: 2em;
		padding-right: 15px;
		padding-left: 15px;
	}
}

/* End C27 Large Thumbnail Links */

/* C29 Featured Section */
#c29 h3.section-header {
	padding-left: 15px;
	text-transform: initial;
	font-size: 1.5em;
	margin-top: 30px;
}

#c29 h3.section-header:empty {
	display: none;
}

#c29 .section-content {
	background-color: #f5f7f6;
	margin: 15px auto;
	padding: 15px;
}

#c29 .section-content .wysiwyg {
	font-size: 1.1em;
}

#c29 .section-cta {
	margin: 5px 0;
}

#c29 .section-cta a {
	display: inline-block;
	padding: 5px 20px;
	background-color: var(--color-evergreen);
	color: #fff;
	text-decoration: none;
	margin-top: 15px;
}

#c29 .section-cta a:hover {
	background-color: var(--color-lime);
	color: var(--color-evergreen);
}

#c29 .section-cta a[href=""] {
	display: none;
}

/* End C29 Featured Section */

/* C30 Image Link Grid */
.c30 .image-link-grid {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 15px 0;
	gap: 7px;
}

.c30 .image-link {
	display: flex;
	cursor: pointer;
	width: 188px;
	height: 100px;
	border-radius: 5px;
	align-items: center;
	box-sizing: border-box;
	position: relative;
}

.c30 .image-link img {
	position: absolute;
	width: 200px;
	height: 100px;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 5px;
}

.c30 .image-link a {
	z-index: 2;
	display: flex;
	width: 200px;
	height: 100px;
	justify-content: center;
	align-items: center;
	background-color: rgba(24, 79, 44, .8);
	border-radius: 5px;
	color: #fff;
	padding: 0 15px;
	font-weight: 700;
	text-decoration: none;
	text-align: center;
	transition: background-color 300ms;
}

.c30 .image-link a:hover {
	background-color: rgba(24, 79, 44, .1);
	transition: background-color 300ms;
}

/* End C30 Image Link Grid */

/* HP 011 RFI Bar */
#rfi-bar {
	background-color: #E3E696;
	width: 100%;
	position: relative;
	margin: 0;
	scroll-margin-top: 100px;
}

#rfi-bar .announcement {
	width: 100%;
	height: inherit;
	display: flex;
	flex-flow: row;
	align-items: center;
	justify-content: flex-start;
	overflow: hidden;
	top: 0;
	display: flex;
	text-align: center;
	position: relative;
	/*   justify-content: flex-start; */
}

#rfi-bar .announcement:before {
	content: "";
	position: absolute;
	width: 43%;
	min-width: 500px;
	height: 65px;
	top: 0px;
	left: -50px;
	transform: skew(40deg);
	box-shadow: 0 0 70px 40px rgb(154 160 45 / 45%);
	background-color: var(--color-lime);
	transition: width 300ms;
}

#rfi-bar .announcement:after {
	content: "HAVE QUESTIONS? Request Information";
	position: absolute;
	width: 43%;
	min-width: 450px;
	left: -100px;
	display: flex;
	justify-content: flex-end;
	font-family: 'Neue Helvetica Condensed';
	font-size: 1.2rem;
	color: var(--color-evergreen);
	transition: width 300ms;
	font-weight: bold;
}

#rfi-bar .contact h3 {
	width: 100%;
	position: absolute;
	z-index: 10;
	display: flex;
	justify-content: flex-end;
	text-transform: capitalize;
	color: var(--color-evergreen);
}

#rfi-bar span {
	text-transform: uppercase;
}

#rfi-bar .email-bar {
	width: 57%;
	display: flex;
	flex-flow: row;
	align-items: center;
	justify-content: flex-start;
	gap: 20px;
}

#rfi-bar .announcement #closeForm {
	display: none;
	cursor: pointer;
	position: absolute;
	right: 25px;
	top: 20px;
	z-index: 1;
}

#rfi-bar #closeForm .fa-times {
	color: var(--color-evergreen);
	font-size: 1em;
}

#rfi-bar .spacer {
	width: 43%;
	height: 65px;
}

#rfi-bar .announcement input {
	height: 38px;
	width: 70%;
	max-width: 900px;
	border: #fff;
	margin: initial;
	padding-left: 15px;
}

#rfi-bar #rfiExpanded {
	width: 100%;
	background-color: var(--color-evergreen);
	display: flex;
	flex-flow: row;
	height: 0px;
	transition: height 300ms;
	overflow: hidden;
}

#rfi-bar.active #rfiExpanded {
	height: 600px;
	transition: height 500ms;
}

#rfi-bar .col-contact {
	width: 100%;
	background: rgba(24, 79, 44, 0.64);
	overflow: hidden;
	height: 100%;
	z-index: 2;
	position: relative;
}

#rfi-bar .clip-polygon {
	clip-path: polygon(0 0, 65% 0, 100% 100%, 0% 100%);
}

#rfi-bar .contact {
	color: #FFFFFF;
	text-transform: uppercase;
	position: absolute;
	bottom: 10%;
	left: 10%;
	max-width: 50%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

#rfi-bar .contact h3,
#rfi-bar .contact p {
	color: #FFFFFF;
	position: initial;
}

#rfi-bar .contact>a span,
#rfi-bar .contact>p span {
	margin: 10px 10px 0 0;
	color: #E3E696;
}


/* #rfi-bar .contact > a svg path,
#rfi-bar .contact > p svg path {
  fill: #E3E696;
} */

#rfi-bar .contact a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 1.1em;
}

#rfi-bar .rfi-contact {
	width: 50%;
	background-image: url('https://www.southern.edu/administration/marketing/img/homepage/rfi-img.jpg');
	background-size: cover;
}

#rfi-bar #rfiFormBar {
	width: 50%;
	display: flex;
	justify-content: center;
}

#rfi-bar #rfiFormBar .rfi-inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#rfi-bar #rfiFormBar .rfi-inner h3 {

	color: #fff;
	padding-bottom: 1em;
}

#rfi-bar #rfiFormBar p {
	max-width: 850px;
	color: #FFFFFF;
	line-height: 1.5;
	font-size: .8rem;
}

#rfi-bar #rfiFormBar .form_label {
	display: none;
}

#rfi-bar #rfiFormBar .form_birthdate .form_label {
	display: initial;
	color: #fff;
	font-family: 'Open Sans';
	font-weight: bold;
}

#rfi-bar #rfiFormBar select {
	padding: 6px 0px;
	width: 32%;
}

#rfi-bar .announcement input::placeholder {
	font-family: "Neue Helvetica Condensed";
	font-weight: 500;
}

#rfi-bar #submitButtonSVG {
	display: none;
	margin-left: 5px;
	stroke: var(--color-evergreen);
	height: 20px;
	fill: none;
	stroke-width: 10px;
}

div#form_86796dd8-dc68-4cbd-9bcc-3e598b69deec {
	color: #fff;
}

div#form_86796dd8-dc68-4cbd-9bcc-3e598b69deec a,
div#form_86796dd8-dc68-4cbd-9bcc-3e598b69deec a:hover {
	color: #fff;
}

@media (max-width: 1200px) {
	#rfi-bar .announcement:before {
		content: "";
		position: absolute;
		width: 20%;
		min-width: 425px;
		transition: width 300ms;
	}

	#rfi-bar .email-bar {
		width: 70%;
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: flex-start;
		gap: 20px;
	}

	#rfi-bar .spacer {
		width: 20%;
		min-width: 425px;
		height: 65px;
	}

	#rfi-bar .announcement:after {
		position: absolute;
		width: 40%;
		min-width: 450px;
		left: 50px;
		display: flex;
		justify-content: flex-start;
	}
}

/* Active */
#rfi-bar.active .announcement:before {
	width: 110%;
	transition: width 500ms;
}

#rfi-bar.active .announcement .email-bar {
	display: none;
}

#rfi-bar.active #closeForm {
	display: block;
}

#rfi-bar.active #closeForm .fa-chevron-down {
	display: none;
}

#rfi-bar.active #rfiExpanded {
	height: 600px;
	transition: height 500ms;
}

#rfi-bar.active .announcement:after {
	width: 100%;
	justify-content: center;
	left: 0;
	transition: width 500ms;
}

#rfi-bar form button.form_button_submit {
	color: var(--color-evergreen);
	background: var(--color-lime);
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 15px;
	font-size: 1.1em;
	font-family: 'Neue Helvetica Condensed';
	appearance: none;
	border: 2px solid var(--color-lime);
	border-radius: 3px;
	box-shadow: none;
	text-align: left;
	width: 100%;
	transition: background 300ms, border 300ms;
	cursor: pointer;
}

#rfi-bar form button.form_button_submit:hover {
	background: var(--color-evergreen);
	transition: background 300ms, border 300ms;
	border: 2px solid #fff;
	box-sizing: border-box;
	color: #fff;
}

#rfi-bar form button.form_button_submit:hover svg {
	stroke: #fff;
}

@media (max-width: 1025px) {
	#rfi-bar .announcement:before {
		height: 150px;
		left: -100px;
	}
}

@media (max-width: 700px) {
	#rfi-bar .announcement {
		background-color: var(--color-lime);
	}

	#rfi-bar .announcement:before {
		display: none;
	}

	#rfi-bar .announcement #closeForm {
		display: block;
	}

	#rfi-bar .announcement #closeForm .fa-times {
		display: none;
	}

	#rfi-bar.active .announcement #closeForm .fa-times {
		display: initial;
	}

	#rfi-bar.active .announcement #closeForm .fa-chevron-down {
		display: none;
	}

	#rfi-bar .email-bar {
		display: none;
	}

	#rfi-bar .announcement:after {
		content: 'HAVE QUESTIONS \A Request Information';
		width: 100%;
		display: flex;
		justify-content: center;
		left: 0;
		white-space: pre-wrap;
		min-width: 0px;
	}

	#rfi-bar #rfiExpanded {
		display: flex;
		flex-flow: column;
		justify-content: center;
		align-items: center;
	}

	#rfi-bar.active #rfiExpanded {
		height: 800px;
	}

	#rfi-bar .rfi-contact {
		order: 2;
		background-image: none;
		background-color: var(--color-evergreen);
		width: 80%;
		margin: 60px auto 30px auto;
	}

	#rfi-bar .contact {
		position: initial;
		width: 100%;
		align-items: flex-start;
		max-width: 100%;
	}

	#rfi-bar .clip-polygon {
		clip-path: none;
	}

	#rfi-bar .contact h3 {
		display: initial;
		text-align: center;
		text-transform: initial;
	}

	#rfi-bar .contact>a,
	#rfi-bar .contact>p {
		max-width: 200px;
		min-width: 200px;
		margin: 0 auto;
		font-size: 0.9em;
	}

	#rfi-bar .rfi-contact .hp-button-group {
		width: 100%;
		margin-top: 1em;
	}

	#rfi-bar #rfiFormBar {
		width: 80%;
	}

	#rfi-bar #rfiFormBar h3 {
		text-transform: initial;
		color: var(--color-lime);
	}

	#rfi-bar #rfiFormBar .action {
		display: flex;
		justify-content: center;
	}
}

/* End HP 011 RFI Bar */

/* C32 Timeline */
#c32 {
	position: relative;
}

#c32 .decorSVG {
	position: absolute;
	width: 34%;
	height: 83%;
	top: -135px;
	right: -85px;
	transform: rotate(329deg);
}

#c32 .component-header h3 {
	font-size: 1.8em;
	font-family: 'Neue Helvetica Condensed';
	font-weight: 100;
	color: #111;
	text-align: center;
	text-transform: uppercase;
	padding: 30px 0;
}

#c32 .component-header h3 span {
	color: var(--color-lime);
	font-weight: bold;
	font-family: inherit;
}

#c32 .timeline-container {
	max-width: 90%;
	margin: 0 auto;
	position: relative;
}

#c32 .timeline {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	min-height: 250px;
}

#c32 .timeline .timeline-item {
	width: 250px;
	min-width: 250px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

#c32 .timeline .timeline-item h4 {
	text-transform: uppercase;
	color: var(--color-evergreen);
	font-family: 'Neue Helvetica Condensed';
	font-weight: bold;
	text-align: center;
	margin: 1em 0 0.5em 0;
}

#c32 .timeline .timeline-item p {
	color: #111;
	font-size: 0.8em;
	margin-bottom: 0;
	text-align: center;
}

#c32 .timeline .timeline-item a {
	color: var(--color-evergreen);
	font-size: 0.8em;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}

#c32 .timeline .timeline-item a:hover {
	color: var(--color-lime);
}

#c32 #nextArrow {
	position: absolute;
	top: 40px;
	height: 20px;
	stroke: #181818;
	stroke-width: 15px;
	fill: none;
	right: -50px;
}

#c32 #prevArrow {
	position: absolute;
	top: 40px;
	height: 20px;
	stroke: #181818;
	stroke-width: 15px;
	fill: none;
	left: -50px;
	transform: rotate(180deg);
	display: none;
}

/* Swiper */
.swiper-button-next {
	background-image: url(https://www.southern.edu/administration/marketing/img/cta-arrow.svg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
	transform: rotate(180deg);
	top: 70%;
}

.swiper-button-next:before {
	content: 'Next';
	transform: rotate(180deg);
	position: absolute;
	right: -35px;
	color: var(--color-evergreen);
	font-family: 'Neue Helvetica Condensed';
	font-size: 1.1rem;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
	display: none;
}

.swiper-button-prev {
	background-image: url(https://www.southern.edu/administration/marketing/img/cta-arrow.svg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
	top: 70%;
}

.swiper-button-prev:before {
	content: 'Prev';
	position: absolute;
	left: 35px;
	color: var(--color-evergreen);
	font-family: 'Neue Helvetica Condensed';
	font-size: 1.1rem;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-prev:after {
	display: none;
}

/* End C32 Timeline */

/* C33 Flip Cards */
#flipcards {
	background-color: #f5f6f7;
	padding: 20px 0 90px 0;
}

#flipcards .component-header h3,
#flipcards .component-header p {
	text-align: center;
}

#flipcards .component-header h3 {
	font-weight: 300;
	font-size: 2.8em;
}

#flipcards .component-header h3 span {
	font-family: 'Neue Helvetica Condensed';
	color: var(--color-lime);
	font-weight: 700;
}

#flipcards .flipcards-parent {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}

#flipcards .flip-card {
	width: 300px;
	height: 400px;
	perspective: 1000px;
	background-color: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
}

#flipcards .flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.6s;
	transform-style: preserve-3d;
	border-radius: 10px;
}

#flipcards .flip-card-front img {
	width: 300px;
	height: 400px;
	object-fit: cover;
	border-radius: 10px;
	position: relative;
}

#flipcards .flip-card-front h3 {
	display: flex;
	position: absolute;
	width: 100%;
	height: 100%;
	color: #fff;
	z-index: 1;
	top: 0;
	justify-content: center;
	align-items: center;
	padding: 45px;
	box-sizing: border-box;
	background: rgba(24, 79, 44, 0.65);
	margin: 0 0 0 0;
	border-radius: 10px;
	font-size: 1.4em;
	font-weight: 500;
	font-family: 'Helvetica Neue';
}

#flipcards .flip-card.flip .flip-card-front h3 {
	visibility: hidden;
	transition: visibility 0.1s;
}

#flipcards .flip-card.flip .flip-card-inner {
	transform: rotateY(180deg);
}

#flipcards .flip-card-front,
#flipcards .flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border-radius: 10px;
}

#flipcards .flip-card-front {
	background-color: var(--color-evergreen);
}

#flipcards .flip-card-back {
	background-color: var(--color-evergreen);
	color: white;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	align-items: flex-start;
	padding: 30px;
	box-sizing: border-box;
	transform: rotateY(180deg);
}

#flipcards .flip-card-back:hover a {
	border-bottom: var(--color-lime) 2px solid;

}

#flipcards .flip-card-back p {
	font-family: 'Neue Helvetica Condensed';
	font-size: 16px;
	text-align: left;
	color: #fff;
	font-weight: 400;
}

#flipcards .flip-card-back a {
	color: #fff;
	font-family: 'Neue Helvetica Condensed';
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px;
	align-self: flex-end;
	font-weight: 500;
	border-bottom: var(--color-evergreen) 2px solid;
}

#flipcards .flip-card-back a svg {
	fill: none;
	stroke: var(--color-lime);
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 10px;
	width: 13px;
	height: 13px;
	margin: 0 0 -2px 4px;
}

#flipcards #link-card a {
	display: block;
	width: 300px;
	height: 400px;
	background-color: var(--color-evergreen);
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	text-transform: uppercase;
	border-radius: 10px;
	font-weight: 600;
	font-family: 'Neue Helvetica Condensed';
}

#flipcards #link-card a svg {
	fill: none;
	stroke: var(--color-lime);
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 10px;
	width: 15px;
	height: 15px;
	margin: 0 0 -2px 7px;
}

/* End C33 Flip Cards */


/* C34 Simple Filter */
.c34 .fb {
	flex-wrap: wrap;
	justify-content: center;
}

/* .c34.v2 {
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
} */
#c34-search {
	display: none;
	max-width: 720px;
	margin-inline: auto;
	margin-bottom: 12px;
}

#c34-search.show-search {
	display: block;
}

#c34-search input {
	--border-color: #737373;
	padding: 4px 8px;
	margin: 0px;
	font-size: .9rem;
	line-height: .9rem;
	outline: none;
	border-radius: 3px;
	border: 1.5px solid var(--border-color);
}

.c34 .filter-container {
	display: flex;
	flex-flow: row wrap;
	max-width: 720px;
	margin-inline: auto;
	justify-content: center;
}

.c34 .filter-container button {
	background-color: #fff;
	width: fit-content;
	padding: 4px 8px;
	color: var(--color-evergreen);
	font-weight: 500;
	border-radius: 3px;
	margin: 0 5px 5px 0;
	font-size: .9em;
	border: 1px var(--color-evergreen) solid;
	cursor: pointer;
	text-transform: capitalize;
}

.c34 .filter-container button:hover {
	background-color: var(--color-evergreen);
	color: #fff;
	transition: all 300ms;
}

.c34 .filter-container button.active {
	background-color: var(--color-evergreen);
	color: #fff;
}

.c34 .filter-container .dropdown {
	position: relative;
	display: inline-block;
}

.c34 .filter-container .dropdown .dropdown-button {
	display: flex;
	text-align: center;
	flex-flow: row;
	align-items: center;
}

.c34 .filter-container .dropdown .dropdown-button i {
	margin: 2px 0 0 5px;
}

.c34 .filter-container .dropdown .dropdown-content {
	display: none;
	position: absolute;
	min-width: 160px;
	z-index: 1;
	flex-flow: column nowrap;
	background-color: #fff;
	border: 1px solid var(--color-evergreen);
	border-radius: 3px;
	box-shadow: 0.4px 0.4px 2.8px rgba(0, 0, 0, 0.042), 1px 1px 6.7px rgba(0, 0, 0, 0.061), 1.9px 1.9px 12.5px rgba(0, 0, 0, 0.075), 3.4px 3.4px 22.3px rgba(0, 0, 0, 0.089), 6.3px 6.3px 41.8px rgba(0, 0, 0, 0.108), 15px 15px 100px rgba(0, 0, 0, 0.15);
}

.c34 .filter-container .dropdown:hover .dropdown-content {
	display: flex;
}

.c34 .filter-container .dropdown .dropdown-content button {
	margin: 0;
	border: none;
	width: 100%;
	border-radius: 0;
	text-align: left;
	border-bottom: 1px var(--color-evergreen) solid;
}

.c34 .filter-container .dropdown .dropdown-content button:last-of-type {
	border: none;
}

.c34 .card-container {
	justify-content: center;
	grid-gap: 20px;
	margin-top: 10px;
}

.c34 .card {
	box-sizing: border-box;
	flex-basis: 100%;
	width: 100%;
	position: relative;
	box-shadow:
		0px 0.4px 1.6px rgba(0, 0, 0, 0.014),
		0px 1.1px 4.4px rgba(0, 0, 0, 0.02),
		0px 2.7px 10.6px rgba(0, 0, 0, 0.026),
		0px 9px 35px rgba(0, 0, 0, 0.04);
	border-radius: 3px;
	background-color: #fff;
}

.c34.v2 .card {
	flex-basis: 100%;
	width: 100%;
}

.c34 .card:hover {
	box-shadow:
		0px 1px 2.1px rgba(0, 0, 0, 0.035),
		0px 2.6px 5.9px rgba(0, 0, 0, 0.05),
		0px 6.3px 14.2px rgba(0, 0, 0, 0.065),
		0px 21px 47px rgba(0, 0, 0, 0.1);
	transition: all 300ms;
}

.c34 .hidden {
	display: none !important;
}

.c34 .card a {
	text-decoration: none;
}

.c34 .card img {
	width: 100%;
	height: 300px;
	object-fit: cover;
	border-radius: 3px 3px 0 0;
}

.c34 .card .content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 0 15px 15px 15px;
	min-height: 225px;
	height: calc(100% - 322px);
}

.c34.imageless .card .content {
	height: calc(100% - 15px);
}

.c34 .card .title {
	color: var(--color-evergreen);
	font-weight: 700;
	text-align: left;
	padding: 10px 0 5px 0;
	align-self: flex-start;
	font-size: 1.3em;
	line-height: 1.3;
	display: block;
	font-family: 'Neue Helvetica Condensed';
	margin: 0;
}

.c34 .card .description {
	font-size: 0.95rem;
	color: var(--color-evergreen);
	line-height: 1.5;
	margin: 0 0 0.4em 0;
}

.c34 .card .line {
	font-size: 1rem;
	color: var(--color-evergreen);
	line-height: 1.5;
	margin: 0 0 0.2em 0;
}

.c34 .card .line-one {
	font-weight: 700;
}

.c34 .card .line-one:before {
	content: "\A";
	display: block;
	margin: 15px 0;
}

.c34 .card .category-container {
	display: flex;
	flex-flow: row wrap;
	margin-top: 20px;
}

.c34 .card .category {
	height: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-inline: 12px;
	margin: 5px 5px 0 0;
	background: var(--color-evergreen);
	border: 1.5px solid var(--color-evergreen);
	border-radius: 5px;
	box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
	font-size: .8em;
	font-weight: 400;
	text-transform: capitalize;
	color: #fff;
}

.c34 #c34-no-result {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 1em;
}

@media (min-width: 500px) {
	.c34 .filter-container {
		max-width: 720px;
		margin-inline: auto;
		justify-content: center;
	}
}

@media (min-width: 768px) {
	:is(.c34, .c34.v2) .card {
		flex-basis: 47%;
		width: 400px;
	}
}

@media (min-width: 900px) {
	#c34-search {
		max-width: 100%;
	}

	.c34 .filter-container {
		justify-content: left;
		margin: 0;
		max-width: 100%;
	}

	:is(.c34, .c34.v2) .card {
		width: calc(33.33% - 14px);
		max-width: 100%;
		flex-basis: initial;
	}
}

@media (min-width: 1028px) {
	.c34 .fb {
		justify-content: flex-start;
	}
}

@media (min-width: 1248px) {
	.c34.v2 .card {
		flex-basis: auto;
		width: calc(25% - 15px);
	}

	.c34.v2 .card img {
		height: 200px;
	}

	.c34.v2 .card .content {
		height: calc(100% - 222px);
	}
}


/* End C34 Simple Filter */

/* +++++++++++++++++++++++++++++

T1 Options 

++++++++++++++++++++++++++++++ */
.sidebar {
	background-color: rgba(255, 255, 255, 0.3);
	border: solid 1px var(--color-lime);
	box-sizing: border-box
}

.sidebar ul {
	padding: 15px 15px 30px 15px;
}

.sidebar ul li {
	list-style-type: none;
	padding: 5px 0;
	
	color: var(--color-evergreen);
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 1rem;
}

.sidebar ul li:not(:has(a)) {
    margin-block-start: 15px;
}

.sidebar ul li:first-of-type {
    margin-block-start: 0px;
}

.sidebar ul li a {
	text-decoration: none;
	color: #8c8c8c;
	font-family: 'Open Sans';
}

.sidebar ul li a:hover {
	border-bottom: 3px solid #8c8c8c;
}

.sidebar ul li ul {
	padding: 3px 15px;
}

.container {
	/* 	width: 1600px; */
	max-width: 100%;
	margin: 0 auto;
}

.mainpagecontent {
	display: flex;
	position: relative;
}

.sidebar {
	min-width: 250px;
	width: 250px;
	max-width: 100%;
	position: relative;
	margin: 0 0 60px 15px;
}

.sidebar ul {
	position: sticky;
	top: 130px;
	overflow: hidden;
}

.sidebar ul li a {
	font-weight: 600;
	font-size: 0.9em;
}

.components {
	margin: 0 auto;
	max-width: 100%;
	/* 	overflow: hidden; */
	padding: 0 0 0 0;
	width: 100%;
}

.components:not(:has(#c32, .component-c39, table)) {
    overflow: initial;
}

.components>p {
	height: 0px;
	margin: 0;
	padding: 0;
}

.components .component:last-of-type {
	margin-bottom: 60px !important;
}

@media (min-width: 900px) and (max-width: 1450px) {
	.container.wide .components {
		padding: 0 0 0 0;
	}
}

@media (max-width: 900px) {

	.main,
	.mainpagecontent {
		display: block;
	}

	.sidebar {
		width: 100%;
		position: initial;
		float: none;
		padding: 15px 0;
		margin-left: 0px;
	}

	.sidebar ul li a {
		font-size: 1em;
	}

	.components {
		padding: 0 0 0 0;
	}

	.component {
		max-width: 90%;
		margin: 30px auto;
	}

	.fullwidth {
		max-width: 100%;
	}

	.container.wide .component {
		max-width: 100%;
	}
}

/* BEGIN Utility Classes */
.top-spacing-60 {
	margin-top: 60px;
}
.top-spacing-30 {
	margin-top: 30px;
}
.top-spacing-15 {
	margin-top: 15px;
}
.top-spacing-0 {
	margin-top: 0;
}

.bottom-spacing-60 {
	margin-bottom: 60px;
}
.bottom-spacing-30 {
	margin-bottom: 30px;
}
.bottom-spacing-15 {
	margin-bottom: 15px;
}
.bottom-spacing-0 {
	margin-bottom: 0;
}

[data-text-align='left'] {
    text-align: start;
}

[data-text-align='center'] {
    text-align: center;
}

[data-text-align='right'] {
    text-align: end;
}
/* END Utility Classes */


/*  =================

Forms

================== */
.ou-form {
	position: relative;
	max-width: 800px;
	margin: 0 auto 45px auto;
	padding-bottom: 30px;
}

.ou-form form {
	/* 	display: flex; */
	flex-wrap: wrap;
	margin-bottom: 60px;
}

.ou-form form>div {
	margin: 5px;
}

.ou-form fieldset {
	border: none;
	padding: 15px 30px 15px 0;
}

.ou-form label {
	display: block;
	font-family: 'Open Sans';
}

[type=color],
[type=date],
[type=datetime-local],
[type=datetime],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
textarea {
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 2rem;
	margin: 0 0 1rem;
	padding: .5rem;
	border: 1px solid #cacaca;
	border-radius: 0;
	background-color: #fff;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
	font-family: inherit;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #000;
	-webkit-transition: border-color .25s ease-in-out, -webkit-box-shadow .5s;
	transition: border-color .25s ease-in-out, -webkit-box-shadow .5s;
	transition: box-shadow .5s, border-color .25s ease-in-out;
	transition: box-shadow .5s, border-color .25s ease-in-out, -webkit-box-shadow .5s;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.ou-form select {
	width: 100%;
	padding: 0 .5rem;
	height: initial;
	border: 1px solid #cacaca;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #000;
	appearance: none;
}

.ou-form .radio,
.ou-form .checkbox {
	min-height: 18px;
	padding-left: 18px;
	line-height: 1.8;
	clear: both;
}

.ou-form label>[type=checkbox],
.ou-form label>[type=radio] {
	margin-right: .5rem;
	height: 30px;
}

.ou-form textarea,
.ou-form #yourmessage {
	width: 100%;
	min-width: 300px;
	height: 100px;
}

.ou-form button[type=submit],
.ou-form button.btn-primary {
	padding: 10px 45px;
	border: 1px solid var(--color-evergreen);
	margin: 30px 10px 10px 0;
	background-color: var(--color-evergreen);
	color: #fff;
	text-align: center;
	/* position: absolute;
	bottom: 0;
	left: 0; */
	background-image: none;
}

.ou-form button[type=reset] {
	padding: 10px 45px;
	border: 1px solid var(--color-evergreen);
	margin: 30px 10px 10px 0;
	background-color: var(--color-light-gray);
	color: var(--color-evergreen);
	/* position: absolute;
	bottom: 0;
	left: 145px; */

}

@media (max-width: 900px) {
	.ou-form {
		margin: 0 15px 30px 15px;
	}

	.ou-form form {
		justify-content: center;
	}
}

@media (max-width: 600px) {
	.ou-form form>div {
		width: 100%;
	}
}


/*  =================

End Forms

================== */

/*  =================

Wide Page Styles

================== */

.container.wide {
	width: 2200px;
}

#two-column-grid {
	width: 100%;
	display: grid;
	grid-template-columns: 50% 50%;
}

#two-column-grid .snippet-grid-item {
	border: 1px solid rgba(0, 0, 0, 0.4);
	margin: 15px;
	padding: 15px;
}

/*  =================

End Wide Page Styles

================== */


/*  ================

Footer CSS

================== */
.footer-main {
	padding: 40px 0 0 0;
}

.footer-top-level {
	display: flex;
	justify-content: space-around;
}

.footer-news-award {
	max-width: 150px;
}

#southern-footer {
	position: relative;
	overflow: hidden;
}

#footer-map {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	height: auto !important;
	min-height: 400px;
	left: 0;
	background: url(https://sau-assets.s3.amazonaws.com/framework/img/footer-bg.png) center center no-repeat;
	background-size: cover;
	z-index: -1;
}

#southern-footer .footer-title {
	font-size: 22px;
	color: #dadd96;
	margin-bottom: 15px;
	font-family: 'Open Sans';
}

#southern-footer .footer-second-level ul li {
	list-style-type: none;
	z-index: 1;
}

#southern-footer .footer-second-level ul li a {
	text-decoration: none;
	color: #fed53d;
	font-family: 'Open Sans';
	line-height: 34px;
	font-weight: 300;
}

#southern-footer .footer-second-level {
	display: flex;
	justify-content: space-evenly;
	margin: 70px auto 0 auto;
}

#southern-footer .social {
	margin-top: 20px;
}

#southern-footer .footer-second-level .social a,
#southern-footer .footer-second-level .social i {
	font-size: 24px;
	color: #e9ec8d;
	margin-right: 15px;
	cursor: pointer;
}

#southern-footer .footer-second-level .social svg.svg-inline--fa {
	width: 25px;
}

#southern-footer .smallrow {
	margin-top: 40px;
	position: relative;
	background-color: #0e3a1f;
}

#southern-footer .smallrow:before {
	width: 406px;
	height: 160px;
	left: 0;
	background-image: url(https://sauassetsaws-c897.kxcdn.com/framework/img/fauna-left.png);
	z-index: -1;
}

#southern-footer .smallrow:after {
	width: 201px;
	height: 146px;
	right: 0;
	background-image: url(https://sauassetsaws-c897.kxcdn.com/framework/img/fauna-right.png);
	z-index: -1;
}

#southern-footer .smallrow:after,
#southern-footer .smallrow:before {
	content: "";
	display: block;
	position: absolute;
	bottom: 100%;
	pointer-events: none;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#southern-footer .smallrow ul {
	list-style: none;
	padding: 1em;
	display: block;
	text-align: center;
	margin: 0;
}

#southern-footer .smallrow ul li {
	display: inline-block;
	font-size: 12px;
	color: #dadd96;
	margin-right: 15px;
	font-family: 'Open Sans';
}

#southern-footer .smallrow ul li a {
	color: #dadd96;
	text-decoration: none;
	font-weight: 300;
}

@media (max-width: 600px) {
	.footer-news-award {
		display: none;
	}

	.footer-top-level {
		justify-content: flex-start;
		padding-left: 15px;
	}

	#southern-footer .footer-second-level {
		flex-direction: column;
		justify-content: center;
	}

	#southern-footer .footer-second-level>div {
		padding: 15px 0 15px 15px;
	}
}

@media print {

	#sau-header-container,
	nav.navigation {
		display: none;
	}
}

/* =====================

Article CSS

===================== */

#article-credits {
	background-color: #efefef;
	display: flex;
	padding: 15px;
	align-items: center;
	justify-content: center;
	margin-top: -60px;
}

#article-credits .article-author-image {
	padding-right: 15px;
}

#article-credits .article-author-image img {
	width: 100px;
	height: 100px;
	object-fit: cover;
	border-radius: 50%;
}

#article-credits .article-information {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

@media (max-width: 400px) {
	#article-credits {
		padding-right: 0px;
		flex-direction: column;

	}
}