@import url("https://www.nerdfonts.com/assets/css/webfont.css");
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap");

/* 
* our philosophy in building these page templates was we wanted to give each section or element a unique identifier
* class, something like .infoWithFeaturedImage1, so that way there would be no overriding of any styling for
* any element. So, this should make updating/modifying any of the CSS really easy since basically all
* sections/elements are styled just for that section or elements. 
* The only exceptions to this are the default styling for base elements (headers, paragraphs, etc) and the
* utility classes. 
*
*/

/* this is the setup for the base elements and text */

/* the :root variables are used across the site to set widely used options */
:root {
	--primary-color: rgb(142, 0, 28);
	--secondary-color: rgb(230, 223, 218);
	--tertiary-color: rgb(16, 124, 111);
	--default-grey: #222;
	--default-animation: 0.25s all;
	--icon-font-family: "NerdFontsSymbols Nerd Font";
	--heading-font-family: "Merriweather", serif;
	--default-font-family: "Lato", sans-serif;
}



/* width 
::-webkit-scrollbar {
width: 0.75rem;
}

Track 
::-webkit-scrollbar-track {
background: var(--secondary-color);
}

Handle 
::-webkit-scrollbar-thumb {
background: var(--primary-color);
transition: var(--default-animation);
}

Handle on hover 
::-webkit-scrollbar-thumb:hover {
background: var(--tertiary-color);
transition: var(--default-animation);
}*/
/* apply the selected fonts  */
*:not(.nf, h1, h2) {
	font-family: var(--default-font-family);
}

h1,
h2 {
	font-family: var(--heading-font-family);
}

/* default body characteristics */
body {
	display: block;
	float: left;
	height: auto;
	width: 100%;
	margin: 0;
	padding: 0;
}

/* text and header sizing */
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #222;
}

h1:not([class]),
h1.entry-title,
.h1,
h1,
.entry-content h1 {
	font-size: 3.4375rem;
	line-height: 1.16;
	margin-bottom: 10px;
}

h1,
.entry-content h1 {
	font-size: 3.4375rem;
	line-height: 1.16;
}

.entry-title {
	font-size: 3.4375rem;
	line-height: 1.16;
}

h2:not([class]),
.h2 {
	font-size: 2.5rem;
	line-height: 1.25;
	margin-bottom: 10px;
}

h3:not([class]),
.h3 {
	font-size: 1.9rem;
	line-height: 1.3;
	margin-bottom: 10px;
}

h4:not([class]),
.h4 {
	font-size: 1.45rem;
	line-height: 1.5;
	margin-bottom: 5px;
}

h5:not([class]),
.h5 {
	font-size: 1.25rem;
	line-height: 1.5;
	margin-bottom: 5px;
}

h6:not([class]),
.h6 {
	line-height: 1.5;
	font-size: 1.1rem;
	margin-bottom: 5px;
}

.h1 {
	font-size: 3.4375rem;
	line-height: 1.16;
	margin-bottom: 10px;
}

.h2 {
	font-size: 2.5rem;
	line-height: 1.25;
	margin-bottom: 10px;
}

.h3 {
	font-size: 1.9rem;
	line-height: 1.67;
	margin-bottom: 10px;
}

.h4 {
	font-size: 1.45rem;
	line-height: 1.68;
	margin-bottom: 5px;
}

.h5 {
	font-size: 1.25rem;
	line-height: 1.5;
	margin-bottom: 5px;
}

.h6 {
	line-height: 1.85;
	font-size: 1.15rem;
	margin-bottom: 5px;
}

h2.homepageHeader {
	padding-bottom: 0.75rem;
	border-bottom: var(--tertiary-color) 3px solid;
}

.homepageHeader.lg-top-margin {
	margin-top: 4rem;
}

p,
td,
li {
	font-size: 1.1rem;
	line-height: 1.5;
	color: #222;
}

td {
	color: #222;
}

img {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);

	/*   width: auto; */
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

td {
	min-width: 150px;
	padding: 1em;
}

blockquote {
	font-style: italic;
	border-style: solid;
	border-width: 1px;
	border-color: #adacac;
	border-left-color: #999;
	border-left-width: 10px;
	padding: 1.25rem;
}



@media only screen and (max-width: 600px){
	h2:not([class]),
	.h2 {
		font-size: 2rem;
		line-height: 1.25;
		margin-bottom: 10px;
	}
	h1:not([class]),
	h1.entry-title,
	.h1,
	h1,
	.entry-content h1 {
		font-size: 2.2rem;
		line-height: 1.16;
		margin-bottom: 10px;
	}


}



/*
*
* Links  
*
*/

a {
	color: var(--primary-color);
	font-weight: bold;
	text-decoration: none;
	font-size: 1.2rem;
	transition: var(--default-animation);
}

a:hover {
	font-weight: bold;
	transition: var(--default-animation);
}

a:not([class]):hover {
	color: var(--tertiary-color);
}

:visited {
	/* 	color: var(--tertiary-color); */
	text-decoration: none;
}

:focus,
:focus-visible {
	outline-color: #000;
	text-decoration: none;
}

.border-link {
	text-decoration: none !important;
	color: var(--body-font-color);
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color: var(--primary-color);
	transition: var(--default-animation);
}

.border-link:hover {
	border-bottom-color: var(--tertiary-color);
	transition: var(--default-animation);
}

.border-link:visited {
	border-bottom-color: #000;
}

.arrow-link {
	transition: var(--default-animation);
	color: var(--tertiary-color);
}

.arrow-link::after {
	font-family: var(--icon-font-family);
	content: "\e602";
	margin: 0 0.15rem;
	font-size: 1rem;
	height: 1em;
	width: 1em;
	text-decoration: none !important;
}

.arrow-link:hover {
	transition: var(--default-animation);
	color: var(--primary-color);
}

.external-link {
	transition: var(--default-animation);
	color: var(--primary-color);
}

.external-link::after {
	font-family: var(--icon-font-family);
	content: "\f465";
	margin-left: 4.5px;
	margin-right: 4.5px;
	font-size: 1rem;
	height: 1em;
	width: 1em;
	position: relative;
	bottom: 2.5px;
}

.external-link:hover {
	color: var(--tertiary-color);
	transition: var(--default-animation);
}

.pdf-link {
	transition: var(--default-animation);
	color: var(--primary-color);
}

.pdf-link::after {
	font-family: var(--icon-font-family);
	content: "\f1c1";
	margin-left: 2.5px;
	margin-right: 4.5px;
	font-size: 1.1rem;
	height: 1em;
	width: 1em;
}

.pdf-link:hover {
	color: var(--tertiary-color);
}
.arrow-link.text-white:hover {
	text-decoration: underline;
	color: #fff;
}

/*
*
* Buttons 
*
*/

.button,
button {
	padding: 1.5rem 2.5rem;
	font-weight: bold;
	margin: 1em 0;
	border-style: none;
	display: inline-block;
}

button:hover {
	cursor: pointer;
}

.button {
	max-width: max-content;
	text-align: center;
	transition: var(--default-animation);
}

.button:after {
	font-family: var(--icon-font-family);
	content: "\e602";
	color: #fff;
	font-size: 1rem;
	transition: var(--default-animation);
	position: relative;
	bottom: 1px;
}

.button.primary,
button.primary {
	background: var(--tertiary-color);
	color: #fff;
	position: relative;
	padding-right: 1.5rem;
	border: var(--tertiary-color) 1px solid;
	transition: var(--default-animation);
}

.button.primary:hover {
	color: var(--tertiary-color);
	background: #fff;
	transition: var(--default-animation);
}

.button.primary:hover::after {
	color: var(--tertiary-color);
	/* margin-left: 1.2rem; */
}

/* .button.primary:after, */
/* button.primary:after { */
/*   font-family: var(--icon-font-family); */
/*   content: "\e602"; */
/*   font-size: 1.8rem; */
/*   margin-left: 15px; */
/*   margin-top: 1rem; */
/* } */

.button.secondary,
button.secondary {
	background: var(--primary-color);
	color: var(--secondary-color);
	border: var(--primary-color) 1px solid;
	transition: var(--default-animation);
}

.button.secondary:hover,
button.secondary:hover {
	border: var(--primary-color) 1px solid;
	color: var(--primary-color);
	background: #fff;
	transition: var(--default-animation);
}

.button.secondary:hover::after {
	color: var(--primary-color);
	/* margin-left: 1.2rem; */
}

.button.secondary.whitebg {
	background: #fff;
	border: var(--primary-color) 1px solid;
	color: var(--primary-color);
	transition: var(--default-animation);
}

.button.secondary.whitebg:after {
	color: var(--primary-color);
}

.button.secondary.whitebg:hover::after {
	color: #fff;
}

.button.secondary.whitebg:hover {
	background: var(--primary-color);
	border: #fff 1px solid;
	color: #fff;
	transition: var(--default-animation);
}

.button.primary:after,
.button.secondary:after {
	padding: 0 0.5rem;
}
.button.primary:hover::after,
.button.secondary:hover::after {
	padding: 0 0 0 1rem;
}

.button.lg,
button.lg {
	padding: 2em 3em;
	font-size: 1.5rem;
}

.button.md,
button.md {
	padding: 1.5rem 2.5rem;
	font-size: 1.25rem;
}

.button.sm,
button.sm {
	padding: 1em 1.5em;
	font-size: 1rem;
}

.button.rounded,
button.rounded {
	border-radius: var(--border-radius);
}

/*
*
* screen reader text 
*/

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

/*
*
* default box shadow 
*
*/
.box-shadow {
	-webkit-box-shadow: 10px 10px 5px 0px rgba(240, 240, 240, 1);
	-moz-box-shadow: 10px 10px 5px 0px rgba(240, 240, 240, 1);
	box-shadow: 10px 10px 5px 0px rgba(240, 240, 240, 1);
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.box-shadow-hover {
	-webkit-box-shadow: 10px 10px 5px 0px rgba(222, 222, 222, 1);
	-moz-box-shadow: 10px 10px 5px 0px rgba(222, 222, 222, 1);
	box-shadow: 10px 10px 5px 0px rgba(222, 222, 222, 1);
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.box-shadow-hover:hover {
	-webkit-box-shadow: 12.5px 12.5px 7.5px 0px rgba(200, 200, 200, 1);
	-moz-box-shadow: 12.5px 12.5px 7.5px 0px rgba(200, 200, 200, 1);
	box-shadow: 12.5px 12.5px 7.5px 0px rgba(200, 200, 200, 1);
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

/* adding in a nav spacing div to make sure nothing  */
/* runs under the nav */
.nav-spacer {
	min-height: 7rem;
	max-height: 7rem;
}

/* color utility classes 
*/
.text-red {
	color: var(--primary-color);
}

.text-teal {
	color: var(--tertiary-color);
}

.text-grey {
	color: var(--default-grey);
}

.text-white {
	color: white;
}

.children-text-white * {
	color: white;
}

.bg-red {
	background-color: var(--primary-color);
}

.bg-teal {
	background-color: var(--tertiary-color);
}

.bg-grey {
	background-color: var(--default-grey);
}

.bg-white {
	background-color: #fff;
}

.bg-beige {
	background-color: var(--secondary-color);
}

.border-red {
	border-color: var(--primary-color);
}

.border-teal {
	border-color: var(--tertiary-color);
}

.border-grey {
	border-color: var(--default-grey);
}

/* container utility class and sizing */
/* the container class can be combined with a selection of padding/spacing styles */
.container {
	display: flex;
	flex-direction: column;
}

.container.no-padding {
	width: 100%;
}

.xs-padding {
	padding: 1rem;
}

.sm-padding {
	padding: 2rem;
}

.md-padding {
	padding: 3rem 5rem;
}

.lg-padding {
	padding: 5rem 8rem;
}

.xl-padding {
	padding: 3.5rem 10rem;
}

.xxl-padding {
	padding: 5rem 12.5rem;
}

.xxxl-padding {
	padding: 6rem 14rem;
}

@media only screen and (max-width: 1275px) {
	.container.xxl-padding,
	.container.xl-padding {
		padding: 5rem;
	}

	.container.xxxl-padding {
		padding: 5rem 7rem;
	}
}

@media only screen and (max-width: 768px) {
	.container.xxl-padding,
	.container.xl-padding,
	.container.lg-padding,
	.container.md-padding {
		overflow: hidden;
		padding: 3rem;
	}

	.container.xxxl-padding {
		padding: 5rem;
	}
}

@media only screen and (max-width: 500px) {
	.container.xxxl-padding,
	.container.xxl-padding,
	.container.xl-padding,
	.container.lg-padding,
	.container.md-padding {
		padding: 3rem 2rem;
	}
}

@media only screen and (max-width: 375px) {
	.container.xxxl-padding,
	.container.xxl-padding,
	.container.xl-padding,
	.container.lg-padding,
	.container.md-padding,
	.container.sm-padding {
		padding: 3rem 0.75rem;
	}
}

@media only screen and (min-width: 1856px) {
	.container.xxxl-padding,
	.container.xxl-padding,
	.container.xl-padding,
	.container.lg-padding,
	.container.md-padding,
	.container.sm-padding,
	.headerWithPhoto h1,
	.alertBar1,
	.videoHeader1 .headerText,
	.pageContainer,
	.container:not(.ctaBlocks1, .headerWithContent2) {
		max-width: 100rem !important;
		width: auto !important;
		padding-left: calc((100% - 100rem) / 2) !important;
		padding-right: calc((100% - 100rem) / 2) !important;
	}
	.clickThroughSection .contentLinks {
		min-width: 24rem !important;
	}
	.homepageEvents1 .eventsGridCont {
		padding-right: 0 !important;
	}
}

.flex-col {
	display: flex;
	flex-direction: column;
}
.flex-row {
	display: flex;
	flex-direction: row;
}


.pad-1r {
	padding: 1rem;
}
.pad-2r {
	padding: 2rem;
}
.pad-3r {
	padding: 3rem;
}
.pad-vert-1r {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.pad-horiz-1r {
	padding-left: 1rem;
	padding-right: 1rem;
}
.pad-vert-2r {
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.pad-horiz-2r {
	padding-left: 2rem;
	padding-right: 2rem;
}
.pad-vert-3r {
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.pad-horiz-3r {
	padding-left: 3rem;
	padding-right: 3rem;
}

@media only screen and (max-width: 500px) {
	.pad-3r {
		padding: 3rem 2rem;
	}

	.pad-horiz-3r {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}
@media only screen and (max-width: 400px) {
	.pad-3r {
		padding: 3rem 1rem;
	}

	.pad-horiz-3r {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.pad-2r {
		padding: 2rem 1rem;
	}

	.pad-horiz-2r {
		padding-left: 1rem;
		padding-right: 1rem;
	}
}
@media only screen and (max-width: 340px) {
	.pad-3r {
		padding: 3rem 0.5rem;
	}

	.pad-horiz-3r {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
	.pad-2r {
		padding: 2rem 0.5rem;
	}

	.pad-horiz-2r {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
	.pad-1r {
		padding: 1rem 0.5rem;
	}

	.pad-horiz-1r {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
}

/*
* Grid utility classes 
* defines different styles of 2col/3col/4col grids 
*/

.grid {
	display: grid;
	width: 100%;
	justify-content: center;
	align-items: top;
	justify-items: stretch;
}

.grid > div {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}


.grid > div p{
	margin:0;
}


/*
* gap sizing 
*/

.no-gap {
	gap: 0;
}

.sm-gap {
	gap: 1em;
}

.md-gap {
	gap: 2.5em;
}

.lg-gap {
	gap: 4em;
}

.xl-gap {
	gap: 5.5em;
}

/*
*
* 50/50 grid enforced width
*/
.grid-50-50-enforced {
	grid-template-columns: 1fr 1fr;
}

@media only screen and (max-width: 1000px) {
	.grid-50-50-enforced {
		grid-template-columns: 1fr;
	}
}

/*
*
* 60/40 grid enforced width
*/
.grid-60-40-enforced {
	grid-template-columns: 6fr 4fr;
}

@media only screen and (max-width: 1000px) {
	.grid-60-40-enforced {
		grid-template-columns: 1fr;
	}
}

/*
*
* 40/60 grid enforced width
*/
.grid-40-60-enforced {
	grid-template-columns: 4fr 6fr;
}

@media only screen and (max-width: 1000px) {
	.grid-40-60-enforced {
		grid-template-columns: 1fr;
	}
}

/*
* 50/50 grid auto width
*/

.grid-50-50-auto {
	grid-template-columns: auto auto;
}

@media only screen and (max-width: 1000px) {
	.grid-50-50-auto {
		grid-template-columns: 1fr;
	}
}

/*
* 33/33/33 grid enforced width 
*/

.grid-33-33-33-enforced {
	grid-template-columns: 1fr 1fr 1fr;
}

@media only screen and (max-width: 1000px) {
	.grid-33-33-33-enforced {
		grid-template-columns: 1fr;
	}
}

/*
* 33/33/33 grid auto width 
*/

.grid-33-33-33-auto {
	grid-template-columns: auto auto auto;
}

@media only screen and (max-width: 1000px) {
	.grid-33-33-33-auto {
		grid-template-columns: 1fr;
	}
}

/*
* 50/25/25 grid enforced width 
*/

.grid-50-25-25-enforced {
	grid-template-columns: 2fr 1fr 1fr;
}

@media only screen and (max-width: 1000px) {
	.grid-50-25-25-enforced {
		grid-template-columns: 1fr;
	}
}

/*
* 25-25-50 grid enforced width 
*/

.grid-25-25-50-enforced {
	grid-template-columns: 1fr 1fr 2fr;
}

@media only screen and (max-width: 1000px) {
	.grid-25-25-50-enforced {
		grid-template-columns: 1fr;
	}
}

/*
* 25/25/25/25 grid enforced width 
*/

.grid-25-25-25-25-enforced {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

@media only screen and (max-width: 1200px) {
	.grid-25-25-25-25-enforced {
		grid-template-columns: 1fr 1fr;
	}
}

@media only screen and (max-width: 900px) {
	.grid-25-25-25-25-enforced {
		grid-template-columns: 1fr;
	}
}

/*
* 25/25/25/25 grid auto width 
*/

.grid-25-25-25-25-auto {
	grid-template-columns: auto auto auto auto;
}

@media only screen and (max-width: 1200px) {
	.grid-25-25-25-25-auto {
		grid-template-columns: 1fr 1fr;
	}
}

@media only screen and (max-width: 900px) {
	.grid-25-25-25-25-auto {
		grid-template-columns: 1fr;
	}
}

/*
* alert styling;
* based on https://tailwindui.com/components/application-ui/feedback/alerts 
*/

.alert {
	display: flex;
	flex-direction: row;
	padding: 1.5rem;
	gap: 1rem;
	margin: 1rem;
	background: #fff;
	align-items: stretch;
	/*justify-content: space-between;*/
	justify-content: flex-start;
	flex-wrap: nowrap;
	position: relative;
}

.alert .alert-content {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.alert .alert-icon i {
	font-size: 1.5rem;
}

.alert .alert-content h3,
.alert .alert-content p {
	font-size: 1rem;
	line-height: 1.25rem;
	margin: 0;
}

.alert .alert-content h3 {
	font-size: 1.15rem;
	padding-top: 2px;
}

.alert .alert-close button:hover {
	cursor: pointer;
}

.alert .alert-close button {
	font-weight: bold;
	margin: 0;
	background: transparent;
	border: none;
	position: absolute;
	top: -0.1rem;
	right: 0.1rem;
	padding: 1rem;
	font-size: 1rem;
}

.alert .alert-actions {
	display: flex;
	flex-direction: row;
	gap: 3rem;
}

.alert .alert-actions a {
	text-decoration: none;
	padding: 10px 0;
	max-width: max-content;
}

/*
* options 
*/

.alert.alert-rounded {
	border-radius: 0.5rem;
}

.alert.alert-thin-border {
	border-style: solid;
	border-width: 1px;
}

.alert.alert-thick-border {
	border-style: solid;
	border-width: 3px;
}

.alert.alert-accent-border {
	border-left-style: solid;
	border-left-width: 0.5rem;
}

/*
* colors
*/

.alert.alert-bg.alert-low {
	background: rgb(240 253 244);
}

.alert.alert-low {
	/* border-color: rgb(22 101 52); */
	border-color: rgb(74 222 128);
}

.alert.alert-low .alert-icon i {
	color: rgb(74 222 128);
}

.alert.alert-low .alert-content a,
.alert.alert-low .alert-close i,
.alert.alert-low .alert-content h3 {
	color: rgb(22 101 52);
}

.alert.alert-low .alert-content p {
	color: rgb(21 128 61);
}

.alert.alert-bg.alert-medium {
	background-color: rgb(254 252 232);
}

.alert.alert-medium {
	border-color: rgb(250 204 21);
}

.alert.alert-medium .alert-icon i {
	color: rgb(250 204 21);
}

.alert.alert-medium .alert-content p {
	color: rgb(161 98 7);
}

.alert.alert-medium .alert-content a,
.alert.alert-medium .alert-close i,
.alert.alert-medium .alert-content h3 {
	color: rgb(133 77 14);
}

.alert.alert-bg.alert-high {
	background-color: rgb(254 242 242);
}

.alert.alert-high {
	border-color: rgb(248 113 113);
}

.alert.alert-high .alert-icon i {
	color: rgb(248 113 113);
}

.alert.alert-high .alert-content p {
	color: rgb(185 28 28);
}

.alert.alert-high .alert-content a,
.alert.alert-high .alert-close i,
.alert.alert-high .alert-content h3 {
	color: rgb(153 27 27);
}

/* 
* Basic card definition 
*/
.card {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin: 0.75rem;
}

@media only screen and (max-width: 450px) {
	.card {
		padding: 0.5rem;
		margin: 0.75rem 0;
	}
}

.card > * {
	margin: 0;
}

/*
* card sizing 
*/

.card.card-sm {
	width: 20rem;
	max-width: 100%;
	min-width: 15rem;
}

.card.card-md {
	width: 25rem;
	max-width: 100%;
	min-width: 15rem;
}

.card.card-lg {
	width: 30rem;
	max-width: 100%;
	min-width: 15rem;
}

/*
* Border position 
*/

.card.border-top {
	border-top-style: solid;
}

.card.border-left {
	border-left-style: solid;
}

.card.border-btm {
	border-bottom-style: solid;
}

.card.border-right {
	border-right-style: solid;
}

.card.border-full {
	border-style: solid;
}

/*
* border colors 
*/
.card.border-red {
	border-color: var(--primary-color);
}

.card.border-grey {
	border-color: var(--default-grey);
}

.card.border-teal {
	border-color: var(--tertiary-color);
}

/*
* border radius 
*/
.card.straight {
	border-radius: 0px;
}

.card.rounded-sm {
	border-radius: 0.3rem;
}

.card.rounded-lg {
	border-radius: 1.3rem;
}

/*
* border sizing 
*/
.card.border-sm {
	border-width: 0.3rem;
}

.card.border-md {
	border-width: 0.6rem;
}

.card.border-lg {
	border-width: 1rem;
}

@media only screen and (max-width: 600px) {
	.card.card-lg {
		max-width: auto;
		min-width: auto;
		width: auto;
	}
}

@media only screen and (max-width: 525px) {
	.card.card-md {
		max-width: auto;
		min-width: auto;
		width: auto;
	}
}

@media only screen and (max-width: 450px) {
	.card.card-sm {
		max-width: auto;
		min-width: auto;
		width: auto;
	}
}

/* 
* defines the tree background used by several elements, 
* most notably, used by the .homepageCtaCards element 
*/

.treeBackground {
	background-position: bottom bottom;
	/* background-attachment: fixed; */
	background-size: cover;
	background-color: #fff;
	background-image: url("/_resources/images/Group 34@2x.png");
	background-repeat: no-repeat;
}

/* 
* decorative backdrop with tree pattern 
* available in both primary and secondary colors
*/
.circleBackdrop,
.rectangleBackdrop {
	position: relative;
	z-index: 5000;
	max-width: fit-content;
}
.circleBackdrop img,
.rectangleBackdrop img {
	position: relative;
	z-index: 5000;
}
.rectangleBackdrop.left img {
	margin: 0.5rem;
	margin-left: 2.5rem;
	margin-bottom: 2.5rem;
}
.rectangleBackdrop.right img {
	margin: 0.5rem;
	margin-right: 2.5rem;
	margin-bottom: 2.5rem;
}
.circleBackdrop.top-left img {
	margin-left: 7rem;
	margin-top: 10rem;
}
.circleBackdrop.top-right img {
	/* margin-top: 11rem; */
	/* margin-right: 9rem; */
	margin-right: 8rem;
	margin-top: 10rem;
}

.circleBackdrop::before,
.rectangleBackdrop::before {
	content: " ";
	position: absolute;
	z-index: 10;
	/* width: 30rem; */
	/* height: 30rem; */
	/* border-radius: 50%; */
}
.circleBackdrop::before {
	width: 30rem;
	height: 30rem;
	border-radius: 50%;
}
.circleBackdrop.tertiary::before,
.rectangleBackdrop.tertiary::before {
	background-color: var(--tertiary-color);
}

.rectangleBackdrop.primary::before,
.circleBackdrop.primary::before {
	background-color: var(--primary-color);
}

.circleBackdrop.woodgrain::before,
.rectangleBackdrop.woodgrain::before {
	background-image: url("/_resources/images/Mask Group 42.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.rectangleBackdrop.right::before {
	top: 2rem;
	right: 0.5rem;
	bottom: 0.5rem;
	left: 2rem;
}

.rectangleBackdrop.left::before {
	top: 2rem;
	left: 0.5rem;
	bottom: 0.5rem;
	right: 2rem;
}

.circleBackdrop.top-right::before {
	top: 1rem;
	left: 2rem;
	/* top: -10rem; */
	/* left: 3rem; */
}

.circleBackdrop.top-left::before {
	top: 2rem;
	left: 0rem;
}

@media only screen and (max-width: 900px) {
	.circleBackdrop.top-left img,
	.circleBackdrop.top-right img,
	.rectangleBackdrop.left img,
	.rectangleBackdrop.right img {
		margin: 0;
	}

	.circleBackdrop,
	.rectangleBackdrop {
		margin-right: 1.75rem;
		margin-bottom: 1.75rem;
		margin-left: 0.25rem;
		margin-top: 0.25rem;
	}

	.circleBackdrop::before,
	.rectangleBackdrop::before {
		content: " ";
		position: absolute;
		z-index: 10;
		width: auto;
		height: auto;
		border-radius: 0;
	}

	.circleBackdrop.top-right::before,
	.rectangleBackdrop.right::before {
		top: 1.5rem;
		left: 1.5rem;
		right: -1.5rem;
		bottom: -1.5rem;
	}

	.circleBackdrop.top-left::before,
	.rectangleBackdrop.left::before {
		top: 1.5rem;
		left: 1.5rem;
		right: -1.5rem;
		bottom: -1.5rem;
	}
}

/* 
* white tree header 
* used on the single program page template 
*/

.whiteTreesHeader {
	position: relative;
	z-index: 500;
	overflow: hidden;
}

.whiteTreesHeader::after {
	content: "";
	position: absolute;
	z-index: 10000;
	background-image: url("/_resources/images/Treeline_Warmer Grey.png");
	background-size: contain;
	background-repeat: no-repeat;
	width: 60rem;
	height: 21rem;
	right: calc(-5rem - 1px);
	bottom: -1px;
}

@media only screen and (max-width: 1550px) {
	.whiteTreesHeader::after {
		right: -10rem;
	}
}

@media only screen and (max-width: 1425px) {
	.whiteTreesHeader::after {
		right: -20rem;
	}
}

@media only screen and (max-width: 1250px) {
	.whiteTreesHeader::after {
		right: -30rem;
	}
}

@media only screen and (max-width: 768px) {
	.whiteTreesHeader.headerWithPhoto h1 {
		padding: 20rem 0;
	}
}





.fullWhiteTreesHeader {
	position: relative;
	z-index: 500;
	overflow: hidden;
}

.fullWhiteTreesHeader::after {
	content: "";
	position: absolute;
	z-index: 10000;
	background-image: url("/_resources/images/Treeline_White.png");
	background-size: contain;
	background-repeat: no-repeat;
	width: 60rem;
	height: 21rem;
	right: calc(-5rem - 1px);
	bottom: -1px;
}

@media only screen and (max-width: 1550px) {
	.fullWhiteTreesHeader::after {
		right: -10rem;
	}
}

@media only screen and (max-width: 1425px) {
	.fullWhiteTreesHeader::after {
		right: -20rem;
	}
}

@media only screen and (max-width: 1250px) {
	.fullWhiteTreesHeader::after {
		right: -30rem;
	}
}

@media only screen and (max-width: 768px) {
	.fullWhiteTreesHeader.headerWithPhoto h1 {
		padding: 20rem 0;
	}
}















/* 
* styling for img element that has a tree ring border 
*/

.treeImgCont{
	position: relative;
	right: 18vw;

}
.treeImg {
	position: relative;
	z-index: 500;
	/* overflow: hidden; */
	min-width: 50rem;
}

.treeImg img {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-position: center center;
	object-fit: cover;
	border-radius: 50%;
}

.treeImg:after {

	content: "";
	position: absolute;
	z-index: 1000;
	background-image: url("/_resources/images/TreeRingTrans-crop.png");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	top: -5rem;
	left: -6rem;
	right: 1rem;
	bottom: 1rem;
	height: 60rem;
	width: 60rem;


	/*
	content: "";
	position: absolute;
	z-index: 1000;
	background-image: url("/_resources/images/TreeRingTrans.png");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	top: -9rem;
	left: -2rem;
	right: 1rem;
	bottom: 1rem;
	height: 58rem;
	width: 45rem;*/
}

@media only screen and (max-width: 1475px) {
	.treeImg {
		max-width: 30rem;
	}

	/*.treeImg:after {
	top: -9rem;
	left: -4rem;
	right: 19rem;
	bottom: 1rem;
	height: 46rem;
	width: 41rem;
}*/
}


@media only screen and (max-width: 800px) {
	.treeImg {
		max-width: 100%;
		min-width: 100%;
	}

	.treeImg:after {
		top: 0;
		left: 0rem;
		right: 0rem;
		bottom: 1rem;
		height: auto;
		width: 41rem;
		width: 100%;
		min-height: 100%;
	}
}

/* NAVIGATION 
* top nav styling 
* top nav is broken down into:
* the navbar (always visible)
* and the navdropdown (exposed on click)
*
* each column in the nav dropdown is identified with a parent class (ex mainLinks, secondaryLinks)
*/

.topNav {
	display: block;
	float: left;
	height: auto;
	width: 100%;
	position: absolute;
	z-index: 1000000;
}

/* .topNav a:focus, */
/* .topNav button:focus, */
.topNav a:focus-visible,
.topNav button:focus-visible {
	outline: none !important;
	border: var(--primary-color) 2px solid;
}

.topNav .skip-link {
	display: block;
	position: absolute;
	left: -999px;
	top: -999px;
}

.topNav .skip-link:focus {
	background: #000;
	color: #fff;
	left: 0;
	top: 0;
}

.topNav button {
	background: transparent;
	border: none;
	margin: 0;
	text-align: left;
	padding: 20px 0;
	display: flex;
}

.topNav button:hover {
	cursor: pointer;
}

.topNav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
}

.topNav .navBar .topNavTextLink,
.topNav .navBar .menuTrigger,
.topNav .navBar .topNavButton {
	/* border: var(--tertiary-color) 6px solid; */
	transition: 0.15s all;
}

.topNav .navBar .topNavTextLink:hover,
.topNav .navBar .menuTrigger:hover,
.topNav .navBar .topNavButton:hover,
.topNav .navBar .topNavTextLink:focus-visible,
.topNav .navBar .menuTrigger:focus-visible,
.topNav .navBar .topNavButton:focus-visible {
	border-color: var(--primary-color);
	transition: 0.15s all;
}

.topNav .navBar a:visited {
	color: #fff;
	text-decoration: none !important;
}

.topNav .navBar button {
	align-items: center;
	justify-content: center;
}

.topNav .navBar a,
.topNav .navBar button {
	/* text-transform: uppercase; */
	color: #fff;
	font-size: 1.1em;
	display: flex;
	height: auto;
}

.topNav .headLink strong {
	width: 100%;
}

.topNav .searchButton {
	padding: 5px 1rem;
}

.topNav .navDropdown {
	display: none;
}

.topNav .navBar {
	display: flex;
	flex-direction: row;
	background: rgba(142, 0, 28, 0.8);
	padding: 1rem 1.25rem 1rem 3.25rem;
	/* padding-left: */
	justify-content: space-between;
	align-content: center;
	align-items: center;
	backdrop-filter: blur(5px);
}

.topNav .51²č¹Ż {
	min-width: 200px;
}

.topNav .navItems {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	min-height: 100%;
	width: max-content;
	min-width: 715px;
}

.topNav .navItems a {
	padding: 27.5px 20px;
	font-size: 1.2em;
	display: flex;
	align-items: center;
}

.topNav .navItems a:hover {
	cursor: pointer;
}

.topNav .menuText {
	padding-right: 1rem;
}

.topNav .menuTrigger {
	padding: 20px 40px;
}

.topNav .menuTrigger i {
	font-size: 1.75em;
	transition: 0.5s all;
}

.topNav .nf-seti-search {
	font-size: 1.65em;
}

.topNav .subMenu {
	display: none;
	flex-direction: column;
	padding-left: 100px;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

/*
* search 
*/
.topNav .searchContainer {
	display: none;
	flex-direction: column;
	padding: 20px;
	background: var(--tertiary-color);
	min-width: 400px;
	position: absolute;
	right: 0;
	z-index: 555;
}

.topNav .searchContainer .searchLabel label {
	font-weight: bold;
	color: #fff;
}

.topNav .searchContainer .searchInput {
	display: flex;
	flex-direction: row;
}

.topNav .searchContainer .searchInput input[type="text"] {
	height: 40px;
	font-size: 1.25em;
	background: transparent;
	border: #fff 1px solid;
	color: #fff;
	padding: 0px 10px;
}

.topNav .searchContainer .searchInput input[type="text"]::placeholder {
	color: #fff;
}

.topNav .searchContainer .searchInput input[type="submit"] {
	background: transparent;
	border: #fff 1px solid;
	color: #fff;
	font-size: 1.25em;
	font-weight: bold;
	padding: 0px 20px;
}

/*
* dropdown 
*/

.topNav .navDropdown {
	width: 100%;
	position: absolute;
	z-index: 100000;
	background-color: #222;
	background-image: url("/_resources/images/Group 34@2x.png");
	background-position: bottom bottom;
	background-repeat: no-repeat;
	background-size: cover;
}

.topNav .navDropdown a,
.topNav .navDropdown .mainLinks button {
	color: #fff;
	text-decoration: none;
	transition: 0.15s all;
}

.topNav .navDropdown a:hover {
	/* font-weight: bold; */
	transition: 0.15s all;
}

.topNav .tertiaryLinks a,
.topNav .quadrinaryLinks a {
	color: #222;
}

.topNav .mainLinks {
	min-width: calc(33.333% - 80px);
	background: rgba(34, 34, 34, 0.95);
	padding: 60px 40px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-around;
	min-height: 450px;
	gap: 12.5px;
}

.topNav .subMenu .subLink:hover .arrow-link {
	font-weight: bold;
}

.topNav .subMenu .subLink:hover a {
	font-weight: bold;
}

.topNav .subMenu .subLink .external::after {
	content: "\f465";
	font-family: var(--icon-font-family);
	color: #fff;
	padding-left: 10px;
	font-size: 1rem;
}

.topNav .subMenu .subLink {
	border-bottom: var(--tertiary-color) 1px solid;
	transition: 0.15s all;
}

.topNav .subMenu .subLink:hover {
	/* border-bottom: #fff 1px solid; */
	transition: 0.15s all;
}

.topNav .secondaryNav {
	min-width: 66.666%;
	display: flex;
}

.topNav .secondaryLinks button,
.topNav .tertiaryLinks button,
.topNav .quadrinaryLinks button {
	padding: 5px 0;
}

.topNav .secondaryLinks li,
.topNav .tertiaryLinks li,
.topNav .quadrinaryLinks li {
	padding: 5px 0;
	margin: 0;
}

.topNav .secondaryLinks li {
	/* border-bottom: #5b5b5b 1px solid; */
	transition: 0.15s all;
}

.topNav .tertiaryLinks li,
.topNav .quadrinaryLinks li {
	/* border-bottom: var(--secondary-color) 1px solid; */
	transition: 0.15s all;
}

.topNav .secondaryLinks li:hover {
	/* border-bottom: #fff 1px solid; */
	transition: 0.15s all;
	font-weight: bold;
}

.topNav .tertiaryLinks li:hover,
.topNav .quadrinaryLinks li:hover {
	font-weight: bold;
	/* border-bottom: #000 1px solid; */
	transition: 0.15s all;
}

.topNav .secondaryLinks,
.topNav .tertiaryLinks,
.topNav .quadrinaryLinks {
	min-width: calc(33.333% - 80px);
	background: rgba(230, 223, 218, 0.95);
	padding: 60px 40px;
	display: flex;
	flex-direction: column;
}

.topNav .secondaryLinks {
	background: rgba(142, 0, 28, 0.95);
}

.topNav .mainLinks .linkText {
	font-size: 1.5em;
	display: inline;
	padding: 0;
	margin-left: 1rem;
	/* border-bottom: var(--tertiary-color) 1px solid; */
	transition: 0.15s all;
}

.topNav .mainLinks .linkText:focus-visible {
	border-bottom: var(--primary-color) 1px solid;
	transition: 0.15s all;
	font-weight: bold;
}

.topNav .mainLink::before:hover {
	cursor: pointer;
}

.topNav .mainLink:has(ul)::before {
	content: "\f44d";
	font-family: var(--icon-font-family);
	font-size: 1.75em;
	color: #fff;
	transition: 0.5s all;
}

.topNav .mainLink:not(:has(ul))::before {
	display: inline-block;
	width: 1.75em;
}

.topNav .mainLinks::before {
	content: "";
	width: 3px;
	height: 475px;
	background: #fff;
	position: absolute;
	left: 94px;
	display: block;
	z-index: 555;
	display: none;
}

.topNav .secondaryLinks a,
.topNav .tertiaryLinks a,
.topNav .quadrinaryLinks a {
	font-weight: normal;
	font-size: 1.25em;
}

.topNav .secondaryLinks li:hover a,
.topNav .tertiaryLinks li:hover a,
.topNav .quadrinaryLinks li:hover a {
	font-weight: bold;
}

.topNav .secondaryLinks strong,
.topNav .tertiaryLinks strong,
.topNav .quadrinaryLinks strong {
	font-size: 1.5em;
	border-bottom: #000 1px solid;
	display: block;
	margin-bottom: 1rem;
	color: var(--default-grey);
}

.topNav .secondaryLinks strong {
	color: #fff;
	border-bottom: #fff 1px solid;
}

.topNav .secondaryLinks li,
.topNav .tertiaryLinks li,
.topNav .quadrinaryLinks li {
	margin-top: 5px;
}

.topNav .subMenu a {
	font-weight: normal;
	padding: 5px 0px;
	display: flex;
}

.topNav .subMenu li {
	padding: 2px 0px;
}

.topNav .mainLink.rotated::before,
.topNav .headLink.rotated::before {
	content: "\f467";
	font-size: 2.1em;
	transition: 0.5s all;
}
@media only screen and (max-width: 1210px) {
	.topNav .mainLinks {
		min-width: calc(50% - 80px);
	}

	.topNav .secondaryNav {
		min-width: 50%;
		flex-direction: column;
	}

	.topNav .tertiaryLinks ul,
	.topNav .quadrinaryLinks ul {
		display: none;
		padding: 1rem 40px;
	}

	.topNav .tertiaryLinks strong,
	.topNav .quadrinaryLinks strong {
		margin-bottom: 0;
		display: block;
		width: 85%;
		margin-left: 5%;
	}

	.topNav .tertiaryLinks .headLink,
	.topNav .quadrinaryLinks .headLink {
		display: flex;
	}

	.topNav .secondaryLinks,
	.topNav .tertiaryLinks,
	.topNav .quadrinaryLinks {
		padding: 2rem 40px;
	}

	.topNav .tertiaryLinks .headLink::before,
	.topNav .quadrinaryLinks .headLink::before {
		content: "\f44d";
		font-family: var(--icon-font-family);
		font-size: 1.75em;
		color: #222;
		transition: 0.5s all;
	}
}

@media only screen and (max-width: 930px) {
	.topNav .navItems a:not(.menuTrigger, .searchButton) {
		display: none;
	}

	.topNav .navItems {
		width: auto;
		min-width: auto;
	}
}

@media only screen and (max-width: 864px) {
	.topNav .navDropdown {
		flex-direction: column;
	}

	.topNav .secondaryLinks ul {
		display: none;
		padding: 50px 40px;
	}

	.topNav .secondaryLinks,
	.topNav .tertiaryLinks,
	.topNav .quadrinaryLinks {
		padding: 2rem 2rem;
	}

	.topNav .secondaryLinks ul,
	.topNav .tertiaryLinks ul,
	.topNav .quadrinaryLinks ul {
		padding: 1rem 2rem;
	}

	.topNav .secondaryLinks strong {
		margin-bottom: 0;
		display: block;
		width: 85%;
		margin-left: 5%;
	}

	.topNav .secondaryLinks .headLink {
		display: flex;
	}

	.topNav .secondaryLinks .headLink::before {
		content: "\f44d";
		font-family: var(--icon-font-family);
		font-size: 1.75em;
		color: #fff;
		transition: 0.5s all;
	}
	.topNav .headLink.rotated::before {
		content: "\f467";
		font-size: 2.1em;
		transition: 0.5s all;
	}
}

@media only screen and (max-width: 550px) {
	.topNav .navBar {
		padding: 1rem 1.25rem;
	}
}

@media only screen and (max-width: 500px) {
	.topNav .searchButton {
		padding: 5px 10px;
	}

	.topNav .menuTrigger {
		padding: 20px 0px;
	}

	.topNav .subMenu {
		padding-left: 4rem;
	}
}

@media only screen and (max-width: 445px) {
	.topNav .searchContainer .searchInput {
		display: flex;
		flex-direction: column;
	}
	.topNav .searchContainer {
		min-width: calc(100% - 40px);
		max-width: calc(100% - 40px);
	}
	.topNav .searchContainer .searchInput input[type="text"] {
		height: 4rem;
	}

	.topNav .searchContainer .searchInput input[type="submit"] {
		padding: 1rem 20px;
	}
}

@media only screen and (max-width: 425px) {
	.topNav .51²č¹Ż {
		min-width: 120px;
	}
}

@media only screen and (max-width: 400px) {
	.topNav .mainLinks {
		padding: 60px 1rem;
	}

	.topNav .mainLinks::before {
		display: none;
	}

	.topNav .mainLinks .linkText {
		padding-left: 1rem;
	}
}

/* 
* END NAVIGATION 
*/

/* 
* HEADERS  
*/

/* 
* Video Header (used on homepage) 
*/

.landingHeader1 {
	display: flex;
	width: 100%;
	flex-direction: column;
}

.landingHeader1 .headContainer {
	display: flex;
	flex-direction: column;
	padding: 60px;
	height: auto;
	min-height: 20vw;
	padding-top: 0;
	padding-bottom: 0px;
}

.landingHeader1 .headImgContainer {
	min-height: 500px;
	position: relative;
	top: 6.9rem;
	display: flex;
	flex-direction: column;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	align-items: center;
	justify-content: flex-end;
}

.landingHeader1 .headImg {
	display: flex;
	width: 100%;
	height: auto;
	max-height: 100%;
	object-fit: cover;
	position: absolute;
}

.landingHeader1 .headText {
	display: flex;
	flex-direction: column;
	/* width: 100%; */
	height: auto;
	max-width: 700px;
	max-height: 100%;
	object-fit: cover;
	position: relative;
	top: 30px;
	background: #fff;
}

.landingHeader1 .introCont {
	display: flex;
	flex-direction: column;
	padding: 4rem 10rem;
	padding-top: 11rem;
}

.landingHeader1 .pageTitle {
	margin: 0;
}

.landingHeader1 .breadcrumbs {
	display: flex;
	font-size: 1.25em;
	padding: 1rem 0;
}

.landingHeader1 .breadcrumbs a {
	color: #000;
}

@media only screen and (max-width: 500px) {
	.landingHeader1 .headContainer {
		padding: 20px;
	}

	.landingHeader1 .headText {
		padding: 30px;
	}

	.landingHeader1 .introCont {
		padding: 0.5rem;
		padding-top: 10rem;
	}
}

.headerNoBgImg1 {
	display: flex;
	flex-direction: column;
	width: auto;
	height: auto;
	align-items: flex-start;
	justify-content: center;
	padding-top: 10rem !important;
}

.headerNoBgImg1 h1 {
	margin: 0;
}

.videoHeader1 {
	display: block;
	float: left;
	height: auto;
	width: 100%;
	margin: 0;
	overflow: hidden;
}

.videoHeader1 .headerVideoCont {
	position: relative;
	margin: 0 auto;
	height: 100%;
}

/**/
/* header overlay */
/* .videoHeader1 .headerVideoCont::before { */
/*   content: " "; */
/*   position: absolute; */
/*   padding: 16.7%; */
/*   width: 66.65%; */
/*   height: auto; */
/*   border-radius: 0; */
/*   top: 0px; */
/*   right: 0px; */
/*   bottom: 0px; */
/*   left: 0px; */
/*   background-color: rgba(100, 100, 100, 0.7) !important; */
/*   background: linear-gradient( */
/*     90deg, */
/*     rgba(51, 51, 51, 0.8) 0%, */
/*     rgba(255, 255, 255, 0) 64% */
/*   ); */
/*   background-color: --client-background-color-primary-opaque; */
/*   overflow: hidden; */
/*   background-image: none !important; */
/*   z-index: 1000; */
/* } */
.videoHeader1 .headerText {
	text-align: center;
	display: flex;
	flex-direction: row;
	width: auto;
	padding: 7rem 10rem;
	max-height: 42rem;
	min-height: 42rem;
	justify-content: space-between;
	transition: 0s all;
	/* justify-content: center; */
	/* align-items: flex-start; */
}

.videoHeader1 .headerMainText {
	max-width: 40%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 2rem;
}

.videoHeader1 .videoButtons {
	padding-top: 1rem;
	display: flex;
	gap: 2rem;
}

.videoHeader1 .videoControls {
	display: flex;
	align-content: flex-end;
	align-items: flex-end;
}

.videoHeader1 .videoDesc {
	padding: 12.5px;
	color: #fff;
	font-size: 1rem;
}

.videoHeader1 .videoDesc:after {
	content: "\e621";
	font-family: var(--icon-font-family);
	font-size: 1.25rem;
	padding-left: 1.4rem;
}

.videoHeader1 .videoPlayPause {
	margin: 0;
	color: #fff;
	border-radius: 50%;
	border: none;
	background: transparent;
	padding: 1rem;
	font-size: 1rem;
}

.videoHeader1 .videoPlayPause:hover {
	cursor: pointer;
}

.videoHeader1 .headerTextCont {
	width: 100%;
	height: auto;
	position: absolute;
	z-index: 9999;


	/* BACKGROUND GRADIENT */
	/*background: rgba(0, 0, 0, 0.65);*/
	/*background: linear-gradient(
	15deg,
	rgba(0, 0, 0, 1) 0%,
	rgba(0, 0, 0, 0.75) 55%,
	rgba(255, 255, 255, 0) 100%
	);*/

	/* BLUR RADIUS */
	/*backdrop-filter: blur(2px);*/
	transition: 0s all;
}

.videoHeader1 .headerMainText h1,
.videoHeader1 .headerMainText p {
	color: var(--secondary-color) !important;
	text-align: left;
	color: var(--client-font-color-secondary);
	margin: 0;
	max-width: 100%;
}

.videoHeader1 .headerMainText a {
	margin: 0;
}

.videoHeader1 .mobileHeaderVid,
.videoHeader1 .desktopHeaderVid {
	width: 100%;
	height: auto;
	float: left;
}

.videoHeader1 .desktopHeaderVid {
	display: block;
	object-fit: cover;
	min-height: 50rem;
	max-height: 50rem;
	object-fit: cover;
	object-position: center center;
}

@media only screen and (max-width: 1650px) {
	.videoHeader1 .headerMainText {
		max-width: 60%;
	}
}

@media only screen and (max-width: 1250px) {
	.videoHeader1 .headerMainText {
		max-width: 100%;
	}
	.videoHeader1 .headerText {
		flex-direction: column;
		justify-content: space-evenly;
	}
}

@media only screen and (max-width: 795px) {
	/* .videoHeader1 .desktopHeaderVid { */
	/*   min-height: 1000px; */
	/* } */

	.videoHeader1 .headerMainText {
		padding-top: 0rem;
	}

	.videoHeader1 .headerText {
		flex-direction: column;
		padding: 7rem 2rem;
	}
}

@media only screen and (max-width: 550px) {
	.videoHeader1 .desktopHeaderVid {
		display: block;
		object-fit: cover;
		min-height: 60rem;
		max-height: 60rem;
	}

	.videoHeader1 .headerText .videoButtons {
		flex-direction: column;
	}

	.videoHeader1 .headerText {
		max-height: 52rem;
		min-height: 52rem;
	}

	.videoHeader1 .videoDesc:after {
		padding-left: 0;
	}
}

@media only screen and (max-width: 385px) {
	.videoHeader1 {
		min-height: 64rem;
	}

	.videoHeader1 .headerText {
		padding: 7rem 1rem;
	}
}

/* 
* header with photo 
*/

.headerWithPhoto {
	background-image: url("https://www.redwoods.edu/portals/0/Images/College_Of_The_Redwoods_06-20-2015-217.jpg");
	min-height: 600px;
	display: flex;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	justify-content: flex-start;
	align-items: flex-end;
}

.headerWithPhoto h1 {
	color: #fff;
	margin: 0;
	padding: 6rem 10rem;
	padding-top: 8rem;
}

.headerWithPhoto .pageTitle {
	width: 100%;
	background: linear-gradient(
		0deg,
		rgba(0, 0, 0, 0.9) 0%,
		rgba(0, 0, 0, 0.7) 60%,
		rgba(255, 255, 255, 0) 100%
	);
}

@media only screen and (max-width: 768px) {
	.headerWithPhoto h1 {
		padding: 20px 0;
		padding-top: 120px;
		text-align: center;
		width: 100%;
	}
}

/* 
* header with two col 
* img/content 
*/

.headerWithContent2 {
	display: flex;
	flex-direction: row;
	gap: 3rem;
}

.headerWithContent2 .bgWithText {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	flex-direction: column;
	justify-content: center;
	max-width: 50%;
	min-width: 50%;
	height: 100%;
}

.headerWithContent2 .bgWithText .textCont {
	padding: 10rem;
	background-color: rgba(0, 0, 0, 0.7);
	backdrop-filter: blur(2px);
}

.headerWithContent2 .bgWithText * {
	color: #fff;
}

.headerWithContent2 .leftHalf.text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 10rem;
	padding-top: 10rem;
	padding-bottom: 6rem;
	flex:1;
}

.headerWithContent2 .rightHalf.text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-right: 10rem;
	flex:1;
}



.headerWithContent2 .rightHalf:has(img),
.headerWithContent2 .leftHalf:has(img) {
	max-width: 50%;
}

.headerWithContent2 img {
	max-width: 100%;
	min-width: 100%;
	max-height: 100%;
	min-height: 100%;
	object-fit: cover;
	object-position: center center;
}

.headerWithContent2 .announcementsList .announcement {
	border-bottom: #000 1px solid !important;
	font-weight: 500;
}

.headerWithContent2.announcements h3 a{
	color:#000;
	font-size: 1.9rem;
	line-height: 1.3;
	margin-bottom: 10px;
}
.headerWithContent2.announcements h3 a:hover{
	color:#000;
	text-decoration:underline;

}

@media only screen and (max-width: 1250px) {
	.headerWithContent2 .leftHalf.text {
		padding-left: 5rem;
	}
}

@media only screen and (max-width: 950px) {
	.headerWithContent2.leftOverRight {
		flex-direction: column;
		gap: 0;
	}

	.headerWithContent2.rightOverLeft {
		flex-direction: column-reverse;
		gap: 0;
	}

	.headerWithContent2 .bgWithText,
	.headerWithContent2 .rightHalf:has(img),
	.headerWithContent2 .leftHalf:has(img) {
		max-width: 100%;
	}

	.headerWithContent2 .text,
	.headerWithContent2 .leftHalf.text {
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding-top: 3rem;
		padding-bottom: 3rem;
		padding-left: 3rem;
		padding-right: 3rem;
	}

	.headerWithContent2 .textCont:has(.pageTitle) {
		padding: 2rem;
	}

	.headerWithContent2 .rightHalf.text {
		padding-right: 3rem;
	}

	.headerWithContent2 .rightHalf.text h2 {
		font-size: 1.5rem;
	}

	.headerWithContent2 .text .textCont .nav-spacer {
		min-height: 0;
		max-height: 0;
		padding:0;
	}
}

@media only screen and (max-width: 500px) {
	.headerWithContent2 .text,
	.headerWithContent2 .leftHalf.text {
		padding: 1rem;
	}

	.headerWithContent2 .textCont:has(.pageTitle) {
		padding: 1rem;
	}
}

/* 
* current students header 
*/

.currStudentHeader1 {
	display: grid;
	grid-template-columns: 1fr 1.4fr;
	background: var(--secondary-color);
}

.currStudentHeader1 .gridContainer {
	display: grid;
	gap: 5px;
	background: #660014;
}

.currStudentHeader1 .gridContainer .gridImg {
	max-height: 50rem;
}

.currStudentHeader1 .gridContainer.twoCol {
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr;
}

.currStudentHeader1 .gridContainer.twoRow {
	grid-template-rows: 1fr 1fr;
	grid-template-columns: 1fr;
}

.currStudentHeader1 .rightHalf img {
	object-fit: cover;
	object-position: center center;
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	height: 100%;
}

.currStudentHeader1 .textCont {
	display: flex;
	flex-direction: column;
	padding: 3rem 5rem;
}

@media only screen and (max-width: 1400px) {
	.currStudentHeader1 .gridContainer .gridImg {
		max-height: 100%;
		min-height: 25.5rem;
	}
}

@media only screen and (max-width: 1200px) {
	.currStudentHeader1 .gridContainer.twoCol {
		grid-template-columns: 1fr;
		grid-template-rows: auto auto;
	}

	.currStudentHeader1 .gridContainer .gridImg {
		max-height: 20.75rem;
		min-height: 5rem;
	}

	.currStudentHeader1 {
		grid-template-columns: 1fr 1fr;
	}
}

@media only screen and (max-width: 1000px) {
	.currStudentHeader1 {
		display: flex;
		flex-direction: column-reverse;
	}

	.currStudentHeader1 .gridContainer .gridImg {
		max-height: 30rem;
		min-height: 5rem;
	}

	.currStudentHeader1 .gridContainer.twoCol {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto auto;
	}
}

@media only screen and (max-width: 550px) {
	.currStudentHeader1 .textCont {
		padding: 2rem 2rem;
	}
	.currStudentHeader1 .textCont .nav-spacer{
		display:none;

	}
}

/* 
* END HEADERS 
*/

/* 
* PAGE TEMPLATE 
*/

/* 
* this is the default inner page template stying 
* with left sidebar
*/

.pageContainer {
	display: flex;
	flex-direction: row;
	height: auto;
	padding-top: 4rem;
	padding: 5rem 10rem;
	gap: 80px;
}

.pageContainer .leftSidebar {
	min-width: 25%;
	display: flex;
	flex-direction: column;
}

.pageContainer .pageBody {
	width: 75%;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.pageContainer .pageBody .intro * {
	font-size: 1.25rem;
}

.pageContainer .pageBody .intro p {
	margin: 0;
}

.pageContainer .sidebar {
	background: var(--primary-color);
}

.pageContainer .leftSidebar ul {
	display: flex;
	flex-direction: column;
	list-style-type: none;
	padding: 0;
}

.pageContainer .leftSidebar .sidebar a {
	display: flex;
	font-weight: normal;
	color: #fff;
	padding: 0.25rem 0;
	transition: var(--default-animation);
	border-bottom: var(--primary-color) 3px solid;
}

.pageContainer .leftSidebar .sidebar a:hover {
	border-bottom: #fff 3px solid;
	transition: var(--default-animation);
}

.pageContainer .leftSidebar .sidebarLinkText {
	padding: 5px 0px;
}

.pageContainer .leftSidebar .sidebarSubMenu {
	display: none;
}

.pageContainer .leftSidebar .active .sidebarSubMenu {
	display: flex;
	padding: 10px 20px;
}

.pageContainer .leftSidebar .active {
	margin-left: -10px;
	padding-left: 10px;
	color: #fff;
}

.pageContainer .leftSidebar .active:before {
	content: "\e602";
	font-family: var(--icon-font-family);
	display: inline-block;
	position: absolute;
	margin-top: -0.4rem;
	margin-left: -3.5rem;
	font-size: 2.5rem;
}

.pageContainer .mobileMenuToggle {
	background: transparent;
	border: none;
	padding: 1rem 0;
	font-size: 1.4rem;
	margin: 0;
	color: #fff;
}

.pageContainer .leftSidebar .active a .sidebarLinkText {
	font-weight: bold;
}

.pageContainer .leftSidebar .active .sidebarSubMenu a {
	padding: 5px 0px;
}

.pageContainer .leftSidebar .breadcrumbs {
	display: flex;
	font-size: 1.25em;
}

.pageContainer .leftSidebar .breadcrumbSeparator {
	padding: 0 5px;
	color: #fff;
}

.pageContainer .leftSidebar .breadcrumbs i {
	font-size: 1.5em;
}

.pageContainer .leftSidebar .breadcrumbs a {
	color: #fff;
}

.pageContainer .breadcrumbs {
	padding: 10px 10px;
}

.breadcrumbs.container {
	padding-bottom: 0;
	padding-top: 2rem;
	font-size: 1.3rem;
	width: auto;
}

.breadcrumbs.container a {
	color: #222;
	border-bottom: #fff 2px solid;
	transition: var(--default-animation);
	font-size: 1.3rem;
}

.breadcrumbs.container a:hover {
	border-bottom: var(--primary-color) 2px solid;
	transition: var(--default-animation);
}

.pageContainer .leftSidebar h2 {
	border-bottom: #fff 3px solid;
	color: #fff;
	margin: 0;
}

.pageContainer .leftSidebar h2 a {
	color: #222;
}

@media only screen and (max-width: 1250px) {
	.pageContainer {
		padding: 4rem;
	}
}

@media only screen and (max-width: 925px) {
	.pageContainer {
		flex-direction: column;
		gap: 40px;
	}

	.pageContainer ul.sidebarLinks {
		display: none;
	}

	.pageContainer .mobileMenuToggle:after {
		content: "\f44d";
		font-family: var(--icon-font-family);
		margin-left: 10px;
		margin-top: 7px;
		font-size: 0.8em;
	}

	.pageContainer .mobileMenuToggle:hover {
		cursor: pointer;
	}

	.pageContainer .pageBody {
		width: 100%;
		padding-top: 0;
	}

	.pageContainer .leftSidebar {
		width: 100%;
	}
}

@media only screen and (max-width: 575px) {
	.pageContainer .pageBody {
		padding-top: 0px;
	}

	.pageContainer {
		padding: 3rem 1.25rem;
	}
}

/* 
* END PAGE TEMPLATE 
*/

/* 
* FOOTER 
*/

.footer {
	display: flex;
	flex-direction: column;
	background: var(--default-grey);
	align-content: center;
	align-items: stretch;
	justify-content: center;
	background-image: url("/_resources/images/Mask Group 24.png");
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
}

.footer .copyright {
	text-align: center;
	padding-top: 35px;
	color: #fff;
}

.footer .mainFooterCont {
	display: flex;
	gap: 10px;
}

.footer > div > div {
	min-width: 25%;
	max-width: 30%;
	width: 30%;
}

.footer .51²č¹ŻLink {
	max-width: 11rem;
}

.footer .51²č¹ŻAndSocial {
	display: flex;
	flex-direction: column;
	align-content: center;
	align-items: center;
	gap:1.5rem;
}

.footer .socialIcons {
	display: flex;
	width: 50%;
	padding: 0% 15%;
	justify-content: space-evenly;
	padding-top:2rem;
	gap:1rem;
}

.footer .socialIcon i {
	color: #fff;
	font-size: 36px;
}

.footer .footerLinkCont {
	display: flex;
}

.footer .footerLinks {
	display: flex;
	flex-direction: column;
	border-left: var(--tertiary-color) 3px solid;
	padding-left: 10px;
	color: #fff;
	gap: 0.7rem;
}

.footer .footerLinks a {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	transition: var(--default-animation);
}

.footer .footerLinks a:hover {
	text-decoration: underline;
	transition: var(--default-animation);
}

.footer .footerLinkSectionTitle span {
	padding-right: 10px;
	color: #fff;
	font-size: 1.2rem;
	font-weight: bold;
}

@media only screen and (max-width: 810px) {
	.footer .mainFooterCont {
		flex-direction: column;
		align-items: center;
		gap: 3rem;
	}
	.footer > div > div {
		max-width: 100%;
		width: 100%;
		justify-content: center;
	}
	.footer .51²č¹ŻAndSocial {
		width: 100%;
	}

	.footer .socialIcons {
		padding: 0;
		width: 100%;
	}
	.footer .footerLinkCont {
		display:grid;
		grid-template-columns: 100px auto;

	}
}

/* 
* END FOOTER 
*/

/* 
* SITE WIDE ALERT BANNER 
*/

.alertBar1 {
	display: grid;
	height: auto;
	grid-template-columns: auto auto;
	padding: 20px 8rem;
	align-items: center;
	justify-items: center;
}

.alertBar1 .singleAlertCont:not(:first-child) {
	display: none;
}

.alertBar1 .alertButtons {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.alertBar1 .alertText {
	color: #fff;
	font-weight: 500;
	padding: 1.3rem;
}

.alertBar1 .alertText span {
	font-size: 1.15rem;
}

.alertBar1 .arrow-link {
	background: transparent;
	border: none;
	color: #fff;
	font-size: 1.15rem;
	font-weight: 500;
	transition: var(--default-animation);
	margin: 0;
}

.alertBar1 .arrow-link:hover {
	cursor: pointer;
	font-weight: bold;
	transition: var(--default-animation);
}

.alertBar1 .alertButtonNext:after {
	font-family: var(--icon-font-family);
	content: "\e602";
	margin-left: 5px;
}

.alertBar1 .alertButtonPrev:before {
	font-family: var(--icon-font-family);
	content: "\e602";
	transform: rotate(180deg);
	margin-right: 5px;
	display: inline-block;
}

.alertBar1 .alertButtonPrev:after {
	display: none;
}

.alertBar1 .alertPos {
	padding: 1rem;
	color: #fff;
	font-size: 1.15rem;
}

.alertBar1 .singleAlertCont {
	display: grid;
	grid-template-columns: 25px auto;
	gap: 1rem;
	align-items: center;
}

.alertBar1 .alertVisible {
	display: grid;
}

.alertBar1 .alertHidden {
	display: none;
}

.alertBar1 i {
	font-size: 2.25em;
	color: #fff;
}

@media only screen and (max-width: 1280px) {
	.alertBar1 {
		display: flex;
		flex-direction: column;
	}
}

@media only screen and (max-width: 768px) {
	.alertBar1 {
		padding: 2rem;
	}

	.alertBar1 .arrow-link {
		padding: 1rem 0;
	}
}

@media only screen and (max-width: 400px) {
	.alertBar1 .alertButtons {
		flex-direction: column;
	}

	.alertBar1 .alertVisible {
		align-items: center;
		grid-template-columns: 1fr;
		justify-items: center;
	}
}

/* 
* END SITE WIDE ALERT BANNER 
*/

/* 
* SINGLE ELEMENTS AND SECTIONS 
*/

.homepageCtaCards {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	padding-bottom: 6rem;
}

.flexCont {
	display: flex;
	flex-direction: row;
	gap: 2rem;
}

.homepageCtaCards .redCard {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	flex:1;
}

.homepageCtaCards .redCard a.arrow-link:hover {
	text-decoration: underline;
	color: #fff;
}

.homepageCtaCards .redCard h3 {
	margin: 0;
}
.homepageCtaCards .redCard h3,
.homepageCtaCards .redCard a.arrow-link,
.homepageCtaCards .redCard p {
	text-decoration: none;
}

@media only screen and (max-width: 1450px) {
	.flexCont {
		gap: 1rem;
	}
}

@media only screen and (max-width: 1300px) {
	.flexCont {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
}

@media only screen and (max-width: 975px) {
	.homepageCtaCards {
		padding: 3rem 2rem;
	}

	.flexCont {
		display: flex;
		flex-direction: column;
	}
}

.homepageAnnoucements {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.homepageAnnoucements .announcementTile {
	background-position: center center;
	background-size: cover;
	text-decoration: none;
	flex:1;
}

@media only screen and (max-width: 768px) {
	.homepageAnnoucements {
		padding: 3rem 2rem;
	}
}

/**/
.clickThroughSection {
	display: flex;
	flex-direction: row;
	width: 100%;
	height: auto;
	margin-top: 50px;
	gap: 50px;
	position: relative;
	top: -53px;
	margin-bottom: 50px;
}
.clickThroughSection .textContent p,.clickThroughSection .textContent .arrow-link{
	font-size:1.5rem;

}
.clickThroughSection .textContent h3{
	font-size:2.25rem;

}

.clickThroughSection .contentLinks {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	padding-left: 3.5rem;
	text-align: right;
	min-width: 500px;
}

.clickThroughSection .contentLinks .active {
	color: var(--primary-color);
	font-weight: bold;
}

.clickThroughSection .contentLinks .active:after {
	font-family: var(--icon-font-family);
	content: "\e602";
	margin-left: 5px;
	margin-top: -3px;
	font-size: 2.2rem;
	height: 1em;
	width: 1em;
	transition: var(--default-animation);
	text-decoration: none !important;
	position: absolute;
	color: var(--primary-color);
}

.clickThroughSection .singleContent:not(:first-child) {
	display: none;
}

.clickThroughSection .singleContent {
	display: flex;
	/* gap: 65px; */
}

.clickThroughSection button {
	background: var(--tertiary-color);
	color: #222;
	max-width: 100%;
	text-align: center;
	background: transparent;
	border: none;
	padding: 0;
	font-weight: normal;
	line-height: 1.3;
}

.clickThroughSection button:hover {
	cursor: pointer;
	font-weight: bold;
}

.clickThroughSection .contentLink:visited {
	color: #fff !important;
}

.clickThroughSection .textContent {
	display: flex;
	flex-direction: column;
}
@media only screen and (min-width: 900px) {
	.clickThroughSection .imageContent {
		max-width: 35rem;
	}
}
.clickThroughSection .imageContent {
	overflow: hidden;
}
.clickThroughSection .imageContent img {
	min-width: 500px;
	position: relative;
	top: -50px;
	right: 2rem;
}

@media only screen and (min-width: 1600px) {
	.clickThroughSection .contentLink {
		text-align: right;
	}
}
@media only screen and (max-width: 1600px) {
	.clickThroughSection .contentLinks {
		min-width: 20rem;
	}

	.clickThroughSection .contentLink {
		text-align: right;
	}
}

@media only screen and (max-width: 1450px) {
	.clickThroughSection .imageContent img {
		min-width: 25rem;
	}
}

@media only screen and (max-width: 1300px) {
	.clickThroughSection {
		flex-direction: column;
		gap: 0;
	}
	.clickThroughSection .h3{
		font-size:1.4rem;

	}	

	.clickThroughSection .contentLinks {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 1rem;
		column-gap: 4rem;
	}
}

@media only screen and (max-width: 860px) {
	.clickThroughSection .singleContent {
		flex-direction: column-reverse;
		gap: 0;
	}

	.clickThroughSection .imageContent img {
		right: 0;
		min-width: 100%;
		max-width: 100%;
		top: 0;
	}

	.clickThroughSection .imageContent {
		display: flex;
		justify-content: center;
	}
}

@media only screen and (max-width: 700px) {
	.clickThroughSection .contentLink {
		text-align: left;
	}
}
@media only screen and (max-width: 410px) {
	.clickThroughSection .contentLink {
		text-align: left;
	}

	.clickThroughSection .contentLinks {
		min-width: auto;
		padding-left: 2rem;
		padding: 2rem;
		align-items: flex-start;
		flex-direction: column;
	}

	.clickThroughSection .contentLinks .active:after {
		display: none;
	}
}

.homepageEvents1 {
	display: flex;
	flex-direction: column;
	padding: 7rem 0rem;
}

.homepageEvents1 .homepage40-60-grid {
	display: flex;
	gap: 10rem;
	align-items: center;
}

.homepageEvents1 .eventsFeatImg {
	min-width: 25rem;
}

/* .homepageEvents1 .treeImgCont { */
/*   background-image: url("/_resources/images/Group 9@2x.png"); */
/*   background-position: center center; */
/*   background-size: cover; */
/*   background-repeat: no-repeat; */
/*   position: relative; */
/*   height: 40rem; */
/*   z-index: 5000; */
/* } */
.homepageEvents1 .treeImgCont img {
	position: relative;
}

.homepageEvents1 .treeImgCont img:after {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	bottom: 5px;
	right: 5px;
	border: #000 1px solid;
}

.homepageEvents1 .eventsGridCont {
	padding-right: 10rem;
}

.homepageEvents1 .eventsGrid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 3rem;
}

.homepageEvents1 .eventsGrid .event {
	display: flex;
	gap: 2rem;
	align-items: center;
}

.homepageEvents1 .eventsGrid .event .date {
	display: flex;
	flex-direction: column;
	color: var(--primary-color);
	justify-content:center;
	align-items:center;
}

.homepageEvents1 .eventsGrid .event .date .month {
	font-size: 1.75rem;
}

.homepageEvents1 .eventsGrid .event .date .day {
	font-size: 3rem;
}

.homepageEvents1 .eventsGrid .eventDesc {
	font-weight: normal;
}

@media only screen and (max-width: 1880px) {
	.homepageEvents1 .eventsFeatImg{

		min-width:40rem;
	}
	.treeImgCont {
		position: relative;
		right: 13vw;
	}

}

@media only screen and (max-width: 1675px) {
	.homepageEvents1 .homepage40-60-grid {
		gap: 5rem;
	}
}

@media only screen and (max-width: 1300px) {
	.homepageEvents1 .homepage40-60-grid {
		display: flex;
		flex-direction: column;
	}

	.homepageEvents1 .eventsGridCont {
		padding-right: 3rem;
		padding-left: 3rem;
	}
	.treeImgCont{
		position:static;

	}
}


@media only screen and (max-width: 1250px) {
	.homepageEvents1 .homepage40-60-grid {
		grid-template-columns: 1fr 1.6fr;
	}
}

@media only screen and (max-width: 1100px) {
	.homepageEvents1 .homepage40-60-grid {
		flex-direction: column;
		justify-items: center;
		gap: 1rem;
	}

	.homepageEvents1 .eventsGridCont {
		padding: 5rem;
	}
}

@media only screen and (max-width: 800px) {
	.homepageEvents1 {
		padding-bottom: 2rem;
		padding-top: 3rem;
	}

	.homepageEvents1 .eventsGrid {
		display: flex;
		flex-direction: column;
	}

	.homepageEvents1 .eventsFeatImg {
		min-width: auto;
	}
}

@media only screen and (max-width: 500px) {
	.homepageEvents1 .eventsGridCont {
		padding: 2rem;
	}
}

.homepageNews1 {
	padding: 3rem 8rem;
}

.homepageNews1 .homepageNewsGrid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2rem;
	/* align-items: center; */
}

.homepageNews1 .homepageNewsGrid .smallNews {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	position: relative;
	z-index: 1000;
	top: 50px;
	width: 100%;



	/*
	display: flex;
	flex-direction: column;
	gap: 3.875rem;
	position: relative; 
	left: 50px; 
	z-index: 1000;
	top: -50px; 
	width: 100%;*/
}

.homepageNews1 .homepageNewsGrid .smallNews .newsArticle {
	display: grid;
	grid-template-columns: 200px auto;
	color: #fff;
	gap: 5px;
}

.homepageNews1 .homepageNewsGrid .smallNews .newsArticle img {
	max-width: 100%;
	max-height: 100%;
	min-width: 100%;
	min-height: 200px;
	object-fit: cover;
	object-position: center center;
	max-height:200px;
}

.homepageNews1 .homepageNewsGrid .smallNews .newsArticle .newsCont {
	background: var(--primary-color);
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.homepageNews1 .homepageNewsGrid .featuredNews .newsArticle .newsCont {
	background: var(--primary-color);
}

.homepageNews1 .homepageNewsGrid .newsArticle .newsMeta {
	display: flex;
	gap: 2rem;
	color: #fff;
}

.homepageNews1 .homepageNewsGrid .featuredNews img {
	max-width: 100%;
	min-width: 100%;
	min-height: 49rem;
	object-fit: cover;
	object-position: center center;
}

.homepageNews1 h3 {
	color: #fff;
}

@media only screen and (max-width: 1450px) {
	.homepageNews1 .homepageNewsGrid {
		grid-template-columns: 1.2fr 1fr;
	}
}

@media only screen and (max-width: 1300px) {
	.homepageNews1 .homepageNewsGrid .smallNews {
		position: static;
		width: 100%;
	}

	.homepageNews1 .homepageNewsGrid {
		grid-template-columns: 1.8fr 1fr;
	}
}

@media only screen and (max-width: 1170px) {
	.homepageNews1 .homepageNewsGrid {
		display: flex;
		flex-direction: column-reverse;
		gap: 1rem;
	}

	.homepageNews1 .homepageNewsGrid .smallNews {
		gap: 1rem;
	}

	.homepageNews1 {
		padding: 3rem 12rem;
	}
}

@media only screen and (max-width: 1030px) {
	.homepageNews1 {
		padding: 3rem 3rem;
	}
}

@media only screen and (max-width: 1030px) {
	.homepageNews1 .homepageNewsGrid .smallNews .newsArticle img {
		display: none;
	}

	.homepageNews1 .homepageNewsGrid .smallNews .newsArticle {
		display: flex;
		flex-direction: column;
	}
}

.homepageLocationCards {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding: 3rem 10rem;
}

.homepageLocationCards .locationCardGrid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	padding: 8.5rem 0;
	gap: 3rem;
}

.homepageLocationCards .locationDesc {
	display: flex;
	flex-direction: column;
	gap: 0rem;
	background: rgba(0, 0, 0, 0.9);
}

.homepageLocationCards .locationDesc h3 {
	text-align: center;
}

.homepageLocationCards .location {
	position: relative;
	background: var(--default-grey);
	color: #fff;
	padding-top: 15rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	display:flex;
}

.homepageLocationCards .location img {
	max-height: 100%;
	max-width: 100%;
	min-width: 100%;
}

.homepageLocationCards .location a {
	text-align: right;
}

.homepageLocationCards .location:nth-child(2) .locationDesc {
	background: rgba(142, 0, 28, 0.9);
}

.homepageLocationCards .location:nth-child(2) {
	scale: 1.2;
	z-index: 500;
}

@media only screen and (max-width: 1350px) {
	.homepageLocationCards .locationCardGrid {
		display: flex;
		flex-direction: column;
		padding: 1.5rem 0;
	}

	.homepageLocationCards .location:nth-child(2) {
		scale: 1;
		z-index: 500;
	}
}

.events-style-1-redwood .title-wrapper p {
	display: block;
	width: 86%;
	padding: 20px 7%;
	height: auto;
	line-height: 1.2;
}

.events-style-1-redwood .title-wrapper h2 {
	font: 33px sans-serif;
	margin-top: 2rem;
	text-align: center;
	text-transform: uppercase;
}

.events-style-1-redwood .title-wrapper h2.no-span {
	display: block;
	width: 100%;
}

@media (min-width: 768px) {
	.events-style-1-redwood .title-wrapper h2.no-span {
		display: table;
		white-space: nowrap;
	}
}

.events-style-1-redwood .title-wrapper h2.no-span:before,
.events-style-1-redwood .title-wrapper h2.no-span:after {
	border-top: 1px solid var(--tertiary-color);
	content: "";
	display: table-cell;
	position: relative;
	top: 0.5em;
	width: 20%;
}

.events-style-1-redwood .title-wrapper h2.no-span:before {
	right: 1.5%;
}

.events-style-1-redwood .title-wrapper h2.no-span:after {
	display: none;
}

.events-style-1-redwood .events-container {
	margin: 0 2%;
}

.events-style-1-redwood .events-wrapper {
	display: block;
}

@media (min-width: 1024px) {
	.events-style-1-redwood .events-wrapper {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 10px;
	}
}

@media (min-width: 1024px) {
	.events-style-1-redwood .events-sec {
		grid-row: 0.3333333333;
	}
}

.events-style-1-redwood .events-image {
	position: relative;
	display: block;
	width: auto;
	height: auto;
	min-height: 250px;
}

.events-style-1-redwood .events-image img {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	margin: 0px auto;
}

@media (min-width: 768px) {
	.events-style-1-redwood .events-image img {
		max-width: 533px;
	}
}

@media (min-width: 1024px) {
	.events-style-1-redwood .events-image img {
		max-width: 768px;
	}
}

.events-style-1-redwood .events-list {
	padding: 20px;
	display: grid;
	grid-template-columns: 1fr 1fr;
}

@media (max-width: 1024px) {
	.events-style-1-redwood .events-list {
		grid-template-columns: 1fr;
	}
}

.events-style-1-redwood .events-list .events-sub-wrapper {
	padding: 1rem;
}

.events-style-1-redwood .events-list .events-sub-wrapper .sub-items {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2rem 20px;
	color: var(--tertiary-color);
	text-decoration: none;
}

.events-style-1-redwood
.events-list
.events-sub-wrapper
.sub-items
.event-items {
	padding: 0.2rem;
	justify-content: center;
	align-content: center;
	align-items: center;
	align-self: center;
}

.events-style-1-redwood
.events-list
.events-sub-wrapper
.sub-items
.event-items
h3 {
	text-align: center;
}

.events-style-1-redwood
.events-list
.events-sub-wrapper
.sub-items
.event-items
h3
span {
	display: block;
	margin: 0px auto;
	font-size: 4rem;
}

.events-style-1-redwood .events-sub-wrapper:last-child {
	border-top: 2px solid var(--tertiary-color);
}

@media (min-width: 1024px) {
	.events-style-1-redwood .events-sub-wrapper:last-child {
		border: none;
		border-left: 2px solid var(--tertiary-color);
	}
}

.events-style-1-redwood .event-items:last-child:after {
	content: "";
	border-top: 1px solid var(--tertiary-color);
	display: block;
	position: relative;
	margin-top: 20px;
	width: 20%;
}

.events-style-1-redwood .event-deadline h3 {
	text-transform: uppercase;
	font-size: 1.5rem;
}

.callouts-style-1-redwood .title-wrapper p {
	display: block;
	width: 86%;
	padding: 20px 7%;
	height: auto;
	line-height: 1.2;
}

.callouts-style-1-redwood .title-wrapper h2 {
	margin: 2rem 0px 0px;
	text-align: center;
	text-transform: uppercase;
}

@media (min-width: 768px) {
	.callouts-style-1-redwood .title-wrapper h2 {
		margin: 2rem 0px 90px;
	}
}

.callouts-style-1-redwood .title-wrapper h2.no-span {
	display: table;
	white-space: nowrap;
}

.callouts-style-1-redwood .title-wrapper h2.no-span:before,
.callouts-style-1-redwood .title-wrapper h2.no-span:after {
	border-top: 1px solid var(--tertiary-color);
	content: "";
	display: table-cell;
	position: relative;
	top: 0.5em;
	width: 20%;
}

.callouts-style-1-redwood .title-wrapper h2.no-span:before {
	right: 1.5%;
}

.callouts-style-1-redwood .title-wrapper h2.no-span:after {
	display: none;
}

.callouts-style-1-redwood .callout-wrapper {
	display: flex;
	margin: 1rem;
}

.callouts-style-1-redwood .row {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	width: 100%;
}

@media (min-width: 768px) {
	.callouts-style-1-redwood .row {
		flex-direction: row;
	}
}

.callouts-style-1-redwood .callouts {
	display: flex;
	flex-direction: column;
	flex-basis: 100%;
	flex: 1;
	margin: 0 0 3%;
	z-index: -1;
	background-color: var(--secondary-color);
	border: 2px solid var(--tertiary-color);
}

.callouts-style-1-redwood .callout-top {
	position: relative;
	width: 100%;
	height: auto;
	max-height: 25rem;
	overflow: hidden;
	background-color: var(--primary-color);
}

.callouts-style-1-redwood .callout-top img {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
	object-position: center center;
}

@media (min-width: 768px) {
	.callouts-style-1-redwood .mid-callout {
		z-index: 999;
		transform: perspective(700px) translateZ(60px);
	}
}

.callouts-style-1-redwood .callout-text {
	text-align: center;
	padding: 2% 5%;
}

.ctaBlocks1 .ctaBlocks {
	display: flex;
	flex-direction: row;
}

.ctaBlocks1 .ctaBlocks .ctaBlock {
	min-width: 50%;
	min-height: 40rem;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.ctaBlocks1 .ctaBlocks .ctaBlock .ctaContent {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: linear-gradient(
		0deg,
		rgba(0, 0, 0, 1) 0%,
		rgba(0, 0, 0, 0.7) 50%,
		transparent
	);
}

.ctaBlocks1 .ctaBlocks .ctaBlock .ctaContent .button {
	max-width: max-content;
}

.ctaBlocks1 .ctaBlocks .ctaBlock .ctaContent h2 {
	color: #fff;
	text-align: center;
}

@media only screen and (max-width: 950px) {
	.ctaBlocks1 .ctaBlocks {
		flex-direction: column;
	}

	.ctaBlocks1 .ctaBlocks .ctaBlock .ctaContent {
		min-height: 40rem;
	}
}

.callouts-style-2-redwood .row {
	display: block;
}

@media (min-width: 768px) {
	.callouts-style-2-redwood .row {
		display: flex;
		gap: 0.1%;
	}
}

.callouts-style-2-redwood .callouts {
	position: relative;
	width: 60%;
	padding: 20%;
	text-align: center;
	background-position: center;
	background-size: cover;
	background-color: var(--secondary-color);
}

@media (min-width: 768px) {
	.callouts-style-2-redwood .callouts {
		flex: 50%;
		width: 50%;
		padding: 20% 0px;
	}
}

.callouts-style-2-redwood .callouts img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: -1;
}

.callouts-style-2-redwood .callouts .co-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	background: linear-gradient(
		0deg,
		rgba(0, 0, 0, 1) 0%,
		rgba(0, 0, 0, 0.7) 50%,
		transparent
	);
	z-index: 1;
}

.callouts-style-2-redwood .callouts .text-wrapper {
	position: relative;
	display: block;
	z-index: 999;
}

.callouts-style-2-redwood .callouts .text-wrapper h2 {
	display: table;
	white-space: nowrap;
	margin: 0px auto;
	text-transform: uppercase;
	color: #fff;
}

.callouts-style-2-redwood .callouts .text-wrapper h2:before,
.callouts-style-2-redwood .callouts .text-wrapper h2:after {
	border-top: 1px solid var(--tertiary-color);
	/* content: ""; */
	display: table-cell;
	position: relative;
	top: 1.5rem;
	width: 20%;
}

.callouts-style-2-redwood .callouts .text-wrapper h2:before {
	right: 5.5%;
}

.callouts-style-2-redwood .callouts .text-wrapper h2:after {
	left: 5.5%;
}

/* .callouts-style-2-redwood .callouts .text-wrapper button, */
/* .callouts-style-2-redwood .callouts .text-wrapper a { */
/*   display: inline-block; */
/*   margin: 0px auto; */
/*   padding: 10px 20px; */
/*   border: none; */
/*   cursor: pointer; */
/*   text-align: center; */
/*   text-decoration: none; */
/*   text-transform: uppercase; */
/*   color: var(--secondary-color); */
/*   background-color: var(--tertiary-color); */
/**/
/*   -moz-transition: all 0.5s; */
/*   -webkit-transition: all 0.5s; */
/*   -o-transition: all 0.5s; */
/*   transition: all 0.5s; */
/* } */

.iconCard1 {
	display: flex;
	min-width: 200px;
	max-width: 500px;
	/* border: var(--primary-color) 1px solid; */
	margin: 1rem;
	align-items: flex-start;
	justify-content: flex-start;
	background: #fff;
}

.iconCard1.border-teal {
	border: var(--tertiary-color) 3px solid;
}

.iconCard1.border-teal .iconContainer i {
	color: var(--tertiary-color);
}

.iconCard1.border-red {
	border: var(--primary-color) 3px solid;
}

.iconCard1.border-red .iconContainer i {
	color: var(--primary-color);
}

.iconCard1 .iconContainer {
	min-width: 80px;
	padding-top: 1rem;
}

.iconCard1 .iconContainer i {
	font-size: 55px;
	/* color: var(--tertiary-color); */
}

.iconCard1 .cardContent p {
	margin: 5px 0;
}

@media only screen and (max-width: 500px) {
	.iconCard1 {
		flex-direction: column;
		align-items: center;
		gap: 10px;
	}
}

.dashedList1 {
	list-style-type: none;
}

.dashedList1 p {
	margin: 0;
}

.dashedList1.red li::before {
	color: var(--primary-color);
}

.dashedList1.blue li::before {
	color: var(--tertiary-color);
}

.dashedList1 li {
	padding: 7.5px 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	color: #222;
}

.dashedList1 li a {
	color: #222;
	/* text-decoration: underline; */
}

.dashedList1 li a:hover {
	text-decoration: underline;
}

.dashedList1 li::before {
	content: "\eacc";
	font-family: var(--icon-font-family);
	padding-right: 1rem;
}

@media only screen and (max-width: 450px) {
	.dashedList1 {
		padding: 0 0.25rem;
	}
}

.contactCard1 {
	display: flex;
	flex-direction: column;
	/* 	background: var(--secondary-color); */
	max-width: 600px;
}

.contactCard1 .cardHead h2 {
	margin: 0;
	/* background: var(--primary-color); */
	padding: 1rem 2rem;
}

.contactCard1 .cardBody {
	padding: 5px 2rem;
	padding-bottom: 2rem;
	display: flex;
	flex-direction: column;
}

.contactCard1 .cardBody .location,
.contactCard1 .cardBody .phone,
.contactCard1 .cardBody .time {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	align-content: space-between;
	flex-wrap: wrap;
	min-height: 4rem;
}

.contactCard1 .cardBody .location span,
.contactCard1 .cardBody .email span,
.contactCard1 .cardBody .phone span,
.contactCard1 .cardBody .time span {
	display: flex;
	gap: 1rem;
	align-items: center;
	justify-items: start;
	justify-content: space-around;
	font-size: 1.2rem;
}

.contactCard1 .cardBody .location span::before,
.contactCard1 .cardBody .phone span::before,
.contactCard1 .cardBody .time span::before {
	font-family: var(--icon-font-family);
	color: var(--tertiary-color);
	font-size: 2rem;
	padding-right: 1rem;
}

.contactCard1 .cardBody .location span::before {
	content: "\eb1a";
}

.contactCard1 .cardBody .phone span::before {
	content: "\f03f2";
}

.contactCard1 .cardBody .time span::before {
	content: "\f1443";
}

.locationAndHours {
	display: flex;
	flex-direction: column;
}

.infoWithFeaturedImage1 {
	display: flex;
	align-items: center;
}

.infoWithFeaturedImage1 .imageContainer img {
	min-width: 100%;
	max-width: 100%;
	object-fit: cover;
	object-position: center center;
	position: relative;
	top: -6rem;
}

.infoWithFeaturedImage1 .imageContainer {
	min-width: 30%;
}

.infoWithFeaturedImage1 .infoContainer {
	background: var(--primary-color);
}

.infoWithFeaturedImage1 .infoContainer .infoContent {
	max-width: 60%;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.infoWithFeaturedImage1 .infoContainer .infoContent h2,
.infoWithFeaturedImage1 .infoContainer .infoContent p {
	color: #fff;
}

.infoWithFeaturedImage1 .ctaButtons {
	display: flex;
	gap: 1rem;
}

@media only screen and (max-width: 1500px) {
	.infoWithFeaturedImage1 .imageContainer img {
		top: 0;
	}
}

@media only screen and (max-width: 1150px) {
	.infoWithFeaturedImage1 {
		flex-direction: column-reverse;
	}

	.infoWithFeaturedImage1 .infoContainer .infoContent {
		max-width: 100%;
		padding: 1rem 2rem;
	}
}

@media only screen and (max-width: 768px) {
	.infoWithFeaturedImage1 .ctaButtons {
		flex-direction: column;
	}
}

.acadmeics-table-1-redwoods {
	display: block;
	width: 100%;
	height: auto;
	/* 	UAT 215991 */
	/* 	max-width: 45rem; */
	max-width: 75%; 
	padding-top: 3rem;
}

.acadmeics-table-1-redwoods table {
	width: 100%;
}

.acadmeics-table-1-redwoods table,
.acadmeics-table-1-redwoods thead,
.acadmeics-table-1-redwoods tbody,
.acadmeics-table-1-redwoods tfoot,
.acadmeics-table-1-redwoods tr,
.acadmeics-table-1-redwoods td,
.acadmeics-table-1-redwoods th {
	text-align: left;
	border-collapse: collapse;
}





.acadmeics-table-1-redwoods tr {
	border-top: 2px solid #000;
}

.acadmeics-table-1-redwoods tr:last-child {
	border-bottom: 2px solid #000;
}

.acadmeics-table-1-redwoods th,
.acadmeics-table-1-redwoods td {
	padding: 1rem 1.5rem;
	font-size: 1.2rem;
}

.acadmeics-table-1-redwoods th i {
	display: inline;
	padding-right: 10px;
	color: var(--primary-color);
	font-size: 1.75rem;
}

.acadmeics-table-1-redwoods thead {
	box-shadow: inset 0 -2px;
}

.acadmeics-table-1-redwoods tfoot {
	box-shadow: inset 0 2px;
}


@media only screen and (max-width: 570px){
	.acadmeics-table-1-redwoods tr{
		display:flex;
		flex-direction:column;
		align-content: center;
		justify-content: center;
		padding: 1rem .5rem;
		gap: 1.5rem;


	}
	.acadmeics-table-1-redwoods td,.acadmeics-table-1-redwoods th {

		padding: 0rem;
	}
	.acadmeics-table-1-redwoods{

		max-width:100%
	}

}

.programAccordion .accordion1 .accordionContainer {
	padding: 0;
}

.programAccordion .accordion1 {
	padding: 1rem 0;
}

.accordion1 {
	display: flex;
	flex-direction: column;
	padding: 20px;
}

.accordion1 .accordionContainer {
	display: flex;
	flex-direction: column;
	padding: 0px 20px;
}

.accordion1 .accordionContainer .accordionTitle {
	display: flex;
	align-content: space-around;
	width: auto;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	text-decoration: none;
	border-style: none;
	border-color: #fff;
	background: #fff;
	border-bottom: #000 1px solid;
	padding: 10px 2rem;
	color: #222;
	margin: 0;
	gap: 1rem;
}
.accordion1 .accordionContainer .accordionTitle .titleText{

	text-align:left;

}
.accordion1 .accordionContainer .accordionTitle:hover {
	cursor: pointer;
}

.accordion1 .accordionContainer .accordionTitle i {
	color: #fff;
	background: var(--primary-color);
	border-radius: 50%;
	padding: 10px;
}

.accordion1 .accordionContainer.active .accordionTitle i {
	background: var(--tertiary-color);
}

.accordion1 .accordionContainer.active .accordionTitle i:before {
	content: "\eacc";
}

.accordion1 .accordionContainer .accordionContent {
	display: none;
	padding: 1rem 3rem;
}

.accordion1 .accordionContainer.active .accordionContent {
	display: flex;
	flex-direction: column;
	background: var(--secondary-color);
	border-bottom: var(--tertiary-color) 1px solid;
	transition: var(--default-animation);
}

.accordion1 .accordionContainer.active .accordionTitle {
	border-bottom: none;
	background: var(--secondary-color);
	margin: 0;
}

@media only screen and (max-width: 550px) {
	.accordion1 .accordionContainer .accordionContent {
		padding: 1rem;
	}
}

.landing-flip-cards-1-redwoods {
	overflow: hidden;
}

.landing-flip-cards-1-redwoods .rel {
	position: relative;
}

.landing-flip-cards-1-redwoods .flip-card-top {
	text-align: center;
	color: var(--tertiary-color);
}

@media (min-width: 768px) {
	.landing-flip-cards-1-redwoods .flip-card-top {
		text-align: left;
	}
}

.landing-flip-cards-1-redwoods .flip-card-wrapper {
	position: relative;
	display: block;
	overflow: hidden;
}

@media (min-width: 768px) {
	.landing-flip-cards-1-redwoods .flip-card-wrapper {
		display: flex;
		flex-wrap: wrap;
		justify-content: left;
		gap: 1rem;
	}
}

.landing-flip-cards-1-redwoods .flip-card {
	position: relative;
	margin: 1% 0px 5%;
	min-height: 450px;
	cursor: pointer;
	color: var(--tertiary-color);

	display: block;
	width: 100%;
	padding: 0px;
	border: none;
}

@media (min-width: 768px) {
	.landing-flip-cards-1-redwoods .flip-card {
		flex: 0 1 calc(49.6% - 1em);
		margin: 1% 0px;
	}
}

@media (min-width: 980px) {
	.landing-flip-cards-1-redwoods .flip-card {
		flex: 0 1 calc(32.7% - 1em);
	}
}

@media (min-width: 1024px) {
	.landing-flip-cards-1-redwoods .flip-card {
		flex: 0 1 calc(31.8% - 1em);
	}
}

.landing-flip-cards-1-redwoods .flip-card .flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	transition: transform 0.6s;
	transform-style: preserve-3d;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.landing-flip-cards-1-redwoods .active-card .flip-card-inner {
	transform: rotateY(180deg);
}

.landing-flip-cards-1-redwoods .flip-card .flip-card-front {
	margin: 0;
	padding: 0;
}
.landing-flip-cards-1-redwoods .flip-card .flip-card-front,
.landing-flip-cards-1-redwoods .flip-card .flip-card-back {
	background-position: center;
	background-size: cover;
	background-color: var(--primary-color);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.landing-flip-cards-1-redwoods .flip-card .flip-card-front {
	position: relative;
	width: 100%;
	height: auto;
	min-height: 450px;
}

.landing-flip-cards-1-redwoods .flip-card .flip-card-back {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 100%;
}

.landing-flip-cards-1-redwoods .flip-card .flip-card-back .card-text-container {
	width: calc(100% - 6rem);
	height: calc(450px - 6rem);
	padding: 3rem 3rem;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	background-color: rgba(142, 0, 28, 0.8);
}

.landing-flip-cards-1-redwoods
.flip-card
.flip-card-back
.card-text-container
* {
	color: #fff;
	text-align: left;
}

.landing-flip-cards-1-redwoods
.flip-card
.flip-card-back
.card-text-container
a {
	width: 100%;
	display: inline-block;
	text-align: right;
}

.landing-flip-cards-1-redwoods
.flip-card
.flip-card-back
.card-text-container
a:hover {
	text-decoration: underline;
	color: #fff !important;
	border: none;
}

.landing-flip-cards-1-redwoods
.flip-card
.flip-card-back
.card-text-container
.rel {
	background: transparent;
}

@media (min-width: 768px) {
	.landing-flip-cards-1-redwoods .flip-card .flip-card-front,
	.landing-flip-cards-1-redwoods .flip-card .flip-card-back {
		background-position: center;
		background-size: cover;
		background-color: var(--primary-color);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	.landing-flip-cards-1-redwoods .flip-card .flip-card-back {
		position: absolute;
		bottom: 0px;
		width: 100%;
		height: 100%;
		min-height: none;
	}
}

.landing-flip-cards-1-redwoods .flip-card .flip-card-front,
.landing-flip-cards-1-redwoods .flip-card .flip-card-front .rel {
	color: var(--tertiary-color);
}

.landing-flip-cards-1-redwoods .flip-card .flip-card-front img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
}

.landing-flip-cards-1-redwoods .flip-card .flip-card-back,
.landing-flip-cards-1-redwoods .flip-card .flip-card-back .rel {
	color: var(--secondary-color);
}

.landing-flip-cards-1-redwoods .flip-card .flip-card-back {
	transform: rotateY(180deg);
}

.landing-flip-cards-1-redwoods .flip-card .card-text-container {
	position: absolute;
	bottom: 0px;
	padding: 5%;
	width: 90%;
	height: auto;
}

.landing-flip-cards-1-redwoods .flip-card .card-text-container.front {
	width: 80%;
	backdrop-filter: none;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	padding: 9% 10%;
	color: #fff;
	top: 0;
}

.landing-flip-cards-1-redwoods .flip-card .card-text-container.front h3 {
	color: #fff;
	text-align: left;
	font-size: 2.2rem;
}

.landing-flip-cards-1-redwoods .flip-card .flip-card-back .card-text-container {
	max-height: 90%;
	scrollbar-color: var(--secondary-color) var(--tertiary-color);
}

.landing-flip-cards-1-redwoods
.flip-card
.flip-card-front
.card-text-container {
	background: rgba(0, 0, 0, 0.6);
}

.landing-flip-cards-1-redwoods
.flip-card
.flip-card-back
.card-text-container
a {
	text-decoration: none;
}

.landing-flip-cards-1-redwoods
.flip-card
.flip-card-back
.card-text-container
a:hover {
	color: var(--primary-color);
}

.landing-flip-cards-1-redwoods .card-text-container h1,
.landing-flip-cards-1-redwoods .card-text-container h2,
.landing-flip-cards-1-redwoods .card-text-container h3,
.landing-flip-cards-1-redwoods .card-text-container h4,
.landing-flip-cards-1-redwoods .card-text-container h5,
.landing-flip-cards-1-redwoods .card-text-container h6 {
	display: block;
	width: 100%;
	margin: 0px;
	overflow: hidden;
	/*overflow-wrap: break-word;
	inline-size: min-content;*/
}

@media only screen and (max-width: 500px) {
	.landing-flip-cards-1-redwoods .flip-card .card-text-container.front h3 {
		font-size: 1.5rem;
	}
}

.resourceList1 {
	display: flex;
	flex-direction: column;
	/* gap: 25px; */
}

.resourceList1 .singleResource {
	display: flex;
}

.resourceList1 .singleResource .resourceLinkContainer {
	min-width: 15rem;
	max-width: 15rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

.resourceList1 .singleResource .resourceLink {
	color: var(--default-grey);
	text-decoration: underline;
	padding-bottom: 2rem;
}

/* UAT 216040 */
.resourceList1 .singleResource .resourceLinkContainer p {
	font-weight: bold;
	font-size: 1.2rem;
	margin: 0;
	padding-bottom: 2rem;
}


.resourceList1 .singleResource .resourceDesc {
	display: flex;
	flex-direction: column;
	border-left: var(--default-grey) 3px solid;
	padding-left: 4.5rem;
	padding-bottom: 2rem;
}

.resourceList1 .singleResource .resourceDesc p {
	margin: 0;
}

@media only screen and (max-width: 1250px) {
	.resourceList1 .singleResource .resourceLinkContainer {
		min-width: 30%;
	}
}

@media only screen and (max-width: 950px) {
}

@media only screen and (max-width: 768px) {
	.resourceList1 .singleResource {
		flex-direction: column;
	}

	.resourceList1 .singleResource .resourceDesc {
		border-left: none;
		padding-left: 0;
		padding-bottom: 0;
	}

	.resourceList1 .singleResource {
		padding: 2rem 0;
		border-bottom: var(--tertiary-color) 3px solid;
	}

	.resourceList1 .singleResource:last-child {
		border-bottom: none;
	}
}

.service-callout-2-redwood {
	position: relative;
	height: auto;
	color: #fff;
	text-align: center;
}

.service-callout-2-redwood .contactContainer {
	display: flex;
	justify-content: space-around;
}

@media only screen and (max-width: 850px){

	.service-callout-2-redwood .contactContainer {
		align-items:center;	

	}
	.service-callout-2-redwood .contactContainer .singleService{
		width:100% !important;

	}
}

.service-callout-2-redwood h2 {
	display: block;
	margin: 0px auto;
	color: #fff;
	text-transform: uppercase;
}

.service-callout-2-redwood h3,
.service-callout-2-redwood a {
	color: #fff;
}

.service-callout-2-redwood .sub-title {
	display: table;
	white-space: nowrap;
	margin: 0px auto;
	padding: 2rem 0px;
	text-transform: uppercase;
}

.service-callout-2-redwood .sub-title:before,
.service-callout-2-redwood .sub-title:after {
	border-top: 3px solid var(--secondary-color);
	content: "";
	display: table-cell;
	position: relative;
	top: 0.7rem;
	width: 20%;
}

.service-callout-2-redwood .sub-title:before {
	right: 5.5%;
}

.service-callout-2-redwood .sub-title:after {
	left: 5.5%;
}

@media only screen and (max-width: 850px) {
	.service-callout-2-redwood .contactContainer {
		flex-direction: column;
		gap: 2rem;
	}
}

.iconButton1 {
	text-transform: uppercase;
	text-decoration: none;
	background: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-wrap: wrap;
	width: auto;
	max-width: max-content;
	color: var(--tertiary-color);
	gap: 10px;
	border: #fff 1px solid;
	border-bottom-width: 3px;
	transition: var(--default-animation);
	justify-content: space-evenly;
}

.iconButton1 .nf {
	font-size: 2.75em;
	transition: var(--default-animation);
}

.iconButton1 .iconLinkText {
	font-size: 1.15em;
	text-align: center;
	color: #222;
}

.iconButton1:hover {
	transition: var(--default-animation);
}

.iconButton1:hover .nf {
	transform: scale(1.1);
	/* font-size: 3em; */
	transition: var(--default-animation);
}

.quickLinks1 {
	display: flex;
	flex-direction: column;
	align-items: center;
	background: #fff;
	gap: 2.75rem;
	margin: 1rem 0;
}

.quickLinks1 h2 {
	text-transform: uppercase;
	margin: 0;
	text-align: center;
}

.quickLinks1 .iconLinks {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
}

@media only screen and (max-width: 1550px) {
	.quickLinks1 .iconLinks {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		justify-items: center;
	}
}

@media only screen and (max-width: 768px) {
	.quickLinks1 .iconLinks {
		grid-template-columns: 1fr;
	}
}

.upcomingEventsGrid1 .upcomingEvents {
	display: grid;
	padding: 3rem 0;
}

.upcomingEventsGrid1 .upcomingEvents .event {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 3rem;
	border: #fff 1px solid;
	transition: var(--default-animation);
	font-weight: 500;
}

.upcomingEventsGrid1 .upcomingEvents .event:hover h3 {
	text-decoration: underline;
	transition: var(--default-animation);
}

.upcomingEventsGrid1 .upcomingEvents .event img {
	max-width: 10rem;
	max-height: 10rem;
	min-width: 10rem;
	min-height: 10rem;
	object-fit: cover;
	object-position: center center;
}

@media only screen and (max-width: 1200px) {
	.upcomingEventsGrid1 .upcomingEvents {
		display: flex;
		flex-direction: column;
	}
}

@media only screen and (max-width: 500px) {
	.upcomingEventsGrid1 .upcomingEvents .event {
		flex-direction: column;
		gap: 1rem;
	}

	.upcomingEventsGrid1 .upcomingEvents {
		gap: 2rem;
	}
}
.directoryHeadshot {
	max-width: 320px;
}

.importantDatesGrid1 .importantDates {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 2rem;
	justify-items: center;
}

.importantDatesGrid1 .importantDates .singleDate {
	display: flex;
}

.importantDatesGrid1 .importantDates .singleDate {
	display: flex;
	gap: 2rem;
	align-items: center;
	justify-content: space-evenly;
	max-width: 25rem;
}

.importantDatesGrid1 .importantDates .singleDate .date {
	display: flex;
	flex-direction: column;
	font-weight: bold;
	color: var(--primary-color);
	align-items:center;
}

.importantDatesGrid1 .importantDates .singleDate .date .month {
	font-size: 1.75rem;
}

.importantDatesGrid1 .importantDates .singleDate .date .day {
	font-size: 3rem;
}

.importantDatesGrid1 .importantDates .singleDateDesc {
	font-weight: normal;
}

@media only screen and (max-width: 1000px) {
	.importantDatesGrid1 .importantDates {
		grid-template-columns: 1fr 1fr;
	}
}

@media only screen and (max-width: 768px) {
	.importantDatesGrid1 .importantDates {
		grid-template-columns: 1fr;
	}
}

.studentResources1 {
	gap: 3rem;
}

.studentResources1 .resourceList2 {
	display: grid;
	grid-template-columns: 1fr 1.8fr;
	gap: 3rem;
	background: #fff;
}

.studentResources1 .resourceList2 .resourceListTitle {
	font-size: 2rem;
	margin: 0;
}

.studentResources1 .resourceList2 .resources {
	display: grid;
	grid-template-columns: 1fr 1fr;
	/* grid-auto-rows: 1fr; */
	/* grid-auto-flow: column; */
	/* flex-direction: column; */
	/* flex-wrap: wrap; */
	width: 100%;
	column-gap: 10rem;
	/* max-height: 13rem; */
}

.studentResources1 .resourceList2 .resources .resourceLink {
	padding: 0.5rem 1rem;
	color: #222;
	font-weight: normal;
	display: flex;
	font-size: 1.25rem;
	justify-content: space-between;
	/* border-top: #000 1px solid; */
	/* border-bottom: #000 1px solid; */
	transition: var(--default-animation);
	align-items: center;
}

.studentResources1 .resourceList2 .resources .resourceLink:hover {
	font-weight: bold;
	justify-content: space-between;
	transition: var(--default-animation);
}

.studentResources1 .resourceList2 .resources .resourceLink::after {
	font-family: var(--icon-font-family);
	content: "\e602";
	margin-left: 5px;
	font-size: 1.25rem;
	height: 1em;
	width: 1em;
	transition: var(--default-animation);
	text-decoration: none !important;
	color: var(--primary-color);
}

.studentResources1 .resourceList2 .resources .resourceLink:hover::after {
	color: var(--tertiary-color);
	font-weight: normal;
	margin-left: 1rem;
	transition: var(--default-animation);
}

@media only screen and (max-width: 1400px) {
	.studentResources1 .resourceList2 .resources {
		column-gap: 3rem;
	}
}

@media only screen and (max-width: 1100px) {
	.studentResources1 .resourceList2 .resources {
		display: flex;
		flex-direction: column;
	}
}

@media only screen and (max-width: 975px) {
	.studentResources1 .resourceList2 {
		display: flex;
		flex-direction: column;
	}
}

@media only screen and (max-width: 500px) {
	.studentResources1 .resourceList2 {
		padding: 3rem 1.5rem;
	}
}

.aboveFooterSocial1 {
	display: flex;
	flex-direction: column;
	padding: 50px 100px;
}

.aboveFooterSocial1 .socialContainer {
	display: flex;
	width: 100%;
}

.aboveFooterSocial1 .crSocial {
	display: flex;
	width: 100%;
	min-width: max-content;
	gap: 20px;
	font-size: 1.75em;
	text-transform: uppercase;
	font-weight: bold;
	align-items: center;
}

.aboveFooterSocial1 .crSocial::after {
	content: "";
	width: 85%;
	padding-left: 10px;
	height: 1px;
	background: var(--tertiary-color);
	display: flex;
}

.aboveFooterSocial1 .socialLinks {
	min-width: max-content;
	display: flex;
	gap: 10px;
}

.aboveFooterSocial1 .socialLink {
	text-decoration: none;
	color: var(--tertiary-color);
	font-size: 2em;
	padding: 10px 5px;
	transition: var(--default-animation);
}

.aboveFooterSocial1 .socialLink:hover {
	transition: var(--default-animation);
	transform: scale(1.1);
}

@media only screen and (max-width: 1620px) {
	.aboveFooterSocial1 .crSocial::after {
		width: 80%;
	}
}

@media only screen and (max-width: 1300px) {
	.aboveFooterSocial1 .crSocial::after {
		width: 72.5%;
	}
}

@media only screen and (max-width: 1050px) {
	.aboveFooterSocial1 .crSocial::after {
		width: 65%;
	}
}

@media only screen and (max-width: 925px) {
	.aboveFooterSocial1 .crSocial {
		align-items: center;
		justify-content: center;
	}

	.aboveFooterSocial1 .socialContainer {
		display: flex;
		width: 100%;
		flex-direction: column;
		align-items: center;
	}

	.aboveFooterSocial1 .crSocial::after {
		display: none;
	}
}

.imageCarousel1 .slides {
	display: flex;
}
.imageCarousel1 .slides button.slick-arrow {
	background: #fff;
}

.imageCarousel1 button {
	background: transparent;
	color: var(--primary-color);
	font-size: 2rem;
	height: 100%;
	margin: 0;
	padding: 0 10px;
}
.imageCarousel .carouselLeft {
	transform: rotate(180deg);
}
/* .imageCarousel1 .imageCarousel { */
/*   display: flex; */
/*   flex-direction: row; */
/*   justify-content: space-between; */
/*   align-items: center; */
/* } */
/**/
/* .imageCarousel1 .imageCarousel .slideContainer { */
/*   overflow: hidden; */
/* } */
/**/
/* .imageCarousel1 .imageCarousel .slideContainer .slides { */
/*   display: flex; */
/*   max-width: 100%; */
/*   gap: 1rem; */
/*   transition: 0.25s all; */
/*   transform: translateX(0); */
/* } */
/* .imageCarousel1 button:hover { */
/*   color: var(--tertiary-color); */
/* } */
/* .imageCarousel1 .imageCarousel .slideContainer .slide img { */
/*   max-width: 100%; */
/*   min-width: 100%; */
/*   min-height: 100%; */
/*   max-height: 100%; */
/*   object-fit: cover; */
/*   object-position: center center; */
/* } */

/* .imageCarousel1 .imageCarousel .slideContainer .slide { */
/*   min-width: calc(33.3333333% - 0.66666666rem); */
/* } */
/**/
/* @media only screen and (max-width: 1500px) { */
/*   .imageCarousel1 .imageCarousel .slideContainer .slide { */
/*     min-width: calc(50% - 0.5rem); */
/*   } */
/* } */
/**/
/* @media only screen and (max-width: 1000px) { */
/*   .imageCarousel1 .imageCarousel .slideContainer .slide { */
/*     min-width: 100%; */
/*   } */
/* } */

.callouts-style-3-redwood .calloutGrid {
	border: #000 1px solid;
}

.callouts-style-3-redwood .calloutGrid > div {
	gap: 1rem;
}

.callouts-style-3-redwood .calloutCard1 {
	border: #000 1px solid;
}

.callouts-style-3-redwood h3 {
	margin: 0;
}

.cardCTA {
	display: flex;
	flex-direction: column;
	height: auto;
}

.cardCTA .homepageSectionHeader {
	font-size: 1.5em !important;
	font-weight: bold;
}

.cardCTA .card {
	border-width: 2px;
	border-style: solid;
	gap: 1rem;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
}

.cardCTA .card h3 {
	font-size: 1.25em;
}

.cta-card-section-2-redwood {
	position: relative;
	margin-top: 7rem;

	width: 100%;
	height: auto;
	clear: both;
	min-height: 200px;
}

.cta-card-section-2-redwood .card-wrapper {
	display: block;
	display: flex;

	width: 75%;
	height: auto;
	min-height: 100px;
	margin: 0px auto;
}

.cta-card-section-2-redwood .row {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	width: 100%;
}

@media (min-width: 980px) {
	.cta-card-section-2-redwood .row {
		flex-direction: row;
	}
}

.cta-card-section-2-redwood .cta-sections {
	display: flex;
	flex-direction: column;
	flex-basis: 100%;
	flex: 1;
}

.cta-card-section-2-redwood .cta-Image {
	position: relative;
	bottom: 60px;
	display: block;
	width: 95%;
	height: auto;
	min-height: 400px;
	margin: 0px auto;
	background-color: var(--secondary-color);
}

@media (min-width: 768px) {
	.cta-card-section-2-redwood .cta-Image {
		width: 65%;
	}
}

.cta-card-section-2-redwood .cta-Image img {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
	object-fit:cover;
}

.cta-card-section-2-redwood .cta-text {
	width: calc(75%);
	height: auto;
	padding: 6% 12.5%;
}

.cta-section-1-redwood {
	display: block;
	width: 100%;
	height: auto;
}

.rel {
	position: relative;
}

.cta-section-1-redwood .cta-wrapper {
	display: grid;
	width: 100%;
	grid-template-columns: 50% 50%;
	grid-template-columns: 100%;
	grid-column-gap: 1em;
	grid-row-gap: 1em;
}

@media (min-width: 768px) {
	.cta-section-1-redwood .cta-wrapper {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: 1fr;
		grid-auto-flow: dense;
	}
}

.cta-section-1-redwood .cta-section {
	display: block;
	position: relative;
	width: calc(100% - 80px);
	padding: 20px 40px;
	height: auto;
	background-size: cover;
	background-position: center center;
}

@media (min-width: 768px) {
	.cta-section-1-redwood .cta-section {
		display: flex;
	}

	.cta-section-1-redwood .cta-section:first-child {
		order: 2;
	}
}

.cta-section-1-redwood .cta-section ul {
	list-style-type: none;
}

.cta-section-1-redwood .cta-section ul h1,
.cta-section-1-redwood .cta-section ul h2,
.cta-section-1-redwood .cta-section ul h3,
.cta-section-1-redwood .cta-section ul h4,
.cta-section-1-redwood .cta-section ul h5,
.cta-section-1-redwood .cta-section ul h6 {
	display: block;
	margin-left: -20px;
}

.cta-section-1-redwood .cta-section ul li:before {
	content: "\2014";
	position: absolute;
	margin-left: -20px;
}

.cta-section-1-redwood .cta-section img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
}

.cta-section-1-redwood .cta-img-wrapper {
	background: rgba(0, 0, 0, 0.65);
	z-index: 999;
	backdrop-filter: blur(2px);
}

.cta-section-1-redwood .cta-img-wrapper button {
	display: block;
	margin: 0px 0px 20px;
}

.cta-section-2-redwood .cta-wrapper {
	display: grid;
	width: 100%;
	height: auto;
	grid-template-columns: repeat(1, 1fr);
}

@media (min-width: 768px) {
	.cta-section-2-redwood .cta-wrapper {
		grid-template-columns: repeat(2, 1fr);
	}
}

.cta-section-2-redwood .cta-wrapper .cta-section {
	display: flex;
	position: relative;
	min-height: 300px;
}

.cta-section-2-redwood .cta-wrapper .cta-section.cta-left {
	border-bottom: 10px solid var(--tertiary-color);
}

@media (min-width: 768px) {
	.cta-section-2-redwood .cta-wrapper .cta-section.cta-left {
		border-bottom: none;
		border-right: 10px solid var(--tertiary-color);
	}
}

.cta-section-2-redwood .cta-wrapper .cta-section .text-wrapper {
	width: calc(100% - 60px);
	padding: 0px 30px;
	height: auto;
	color: var(--tertiary-color);
}

.cta-section-2-redwood .cta-wrapper .cta-section .text-wrapper h3 {
	display: block;
	margin: 0px 0px 20px;
}

.cta-section-2-redwood .cta-wrapper .cta-section .text-wrapper p {
	display: block;
	margin: 0px auto 20px;
	line-height: 2;
}

.cta-section-2-redwood .cta-wrapper .cta-section button {
	display: block;
	margin: 20px 0px 0px;
	text-transform: uppercase;
	color: var(--tertiary-color);
	background-color: transparent;
	cursor: pointer;
	border: 1px solid var(--tertiary-color);
	box-sizing: border-box;
}

.cta-section-2-redwood .cta-wrapper .cta-section button:hover {
	background-color: var(--tertiary-color);
	color: var(--secondary-color);
}

.cta-section-2-redwood .cta-wrapper .cta-section .cta-image-wrapper {
	width: 100%;
	height: auto;

	position: relative;
	background-position: center;
	background-size: cover;
}

.cta-section-2-redwood .cta-wrapper .cta-section .cta-image-wrapper img {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
}

.ctaSectionWithBg1 {
	display: flex;
	flex-direction: row;
	padding: 90px 225px;
	justify-content: flex-end;
	align-content: flex-start;
	align-items: flex-start;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.ctaSectionWithBg1 .cardContainer {
	display: flex;
	flex-direction: column;
	background: #fff;
	max-width: 400px;
	border-width: 1px;
	border-style: solid;
	align-items: center;
	align-content: center;
	justify-content: center;
}

.ctaSectionWithBg1 .linkContainer {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.ctaSectionWithBg1 .ctaCard {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.ctaSectionWithBg1 .ctaCard h2,
.ctaSectionWithBg1 .ctaCard p {
	margin: 0;
}

.ctaSectionWithBg1 .linkContainer .arrow-link {
	display: flex;
	align-items: center;
	font-size: 1.3em;
	text-decoration: none;
	color: var(--tertiary-color);
	justify-content: space-between;
	padding: 2.5px;
	border-bottom: #fff 3px solid;
	transition: var(--default-animation);
}

.ctaSectionWithBg1 .linkContainer .arrow-link:hover {
	color: var(--primary-color);
	transition: var(--default-animation);
}

.ctaSectionWithBg1 .linkContainer .arrow-link::after {
	font-size: 1rem;
}

@media only screen and (max-width: 975px) {
	.ctaSectionWithBg1 {
		padding: 90px 100px;
		justify-content: center;
	}
}

@media only screen and (max-width: 690px) {
	.ctaSectionWithBg1 {
		padding: 90px 20px;
	}

	.ctaSectionWithBg1 .cardContainer {
		padding: 45px 20px;
	}
}

.filterCards {
	display: flex;
	flex-direction: column;
}

.filterCards .cardFilterButtons {
	display: flex;
	width: 100%;
	justify-content: center;
	gap: 1rem;
	align-content: center;
	align-items: center;
	padding-bottom: 45px;
}

.filterCards .cardFilterButtons button {
	background: #fff;
	border: var(--primary-color) 3px solid;
	transition: var(--default-animation);
}

.filterCards .cardFilterButtons button:hover {
	border-color: #fff;
	color: #fff;
	background: var(--primary-color);
	transition: var(--default-animation);
}

.filterCards .cardsPage.hidden {
	display: none;
}

.filterCards .card {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	border: var(--tertiary-color) 3px solid;
	justify-content: space-between;
	align-items: flex-start;
}

.filterCards .card .cardTitle {
	font-size: 1.5em;
	font-weight: bold;
	border-bottom: var(--tertiary-color) 1px solid;
}

@media only screen and (max-width: 1200px) {
	.filterCards .cardFilterButtons {
		display: grid;
		grid-template-columns: auto auto auto;
		align-items: stretch;
		justify-content: space-evenly;
		justify-items: center;
	}
}

@media only screen and (max-width: 800px) {
	.filterCards {
		padding: 30px;
	}
}

@media only screen and (max-width: 600px) {
	.filterCards .cardFilterButtons {
		display: flex;
		flex-direction: column;
	}

	.filterCards button {
		margin: 5px;
	}

	.filterCards .cards {
		display: flex;
		flex-direction: column;
	}
}

.serviceCallOut1 {
	display: flex;
	padding: 4rem 12.5rem;
	gap: 4rem;
	color: var(--secondary-color);
}

.serviceCallOut1 .serviceHeaderCTA {
	display: flex;
	flex-direction: column;
	min-width: 30%;
	align-items: flex-start;
	justify-content: space-evenly;
}

.serviceCallOut1 .serviceDesc {
	display: flex;
	flex-direction: column;
	color: var(--secondary-color);
}

.serviceCallOut1 .serviceDesc p {
	color: var(--secondary-color);
}

@media only screen and (max-width: 1150px) {
	.serviceCallOut1 {
		padding: 60px 60px;
		width: calc(100% - 120px);
	}
}

@media only screen and (max-width: 768px) {
	.serviceCallOut1 {
		flex-direction: column;
		gap: 20px;
	}
}

@media only screen and (max-width: 450px) {
	.serviceCallOut1 {
		padding: 60px 20px;
		width: calc(100% - 40px);
	}
}

.contactCard1 {
	display: flex;
	flex-direction: column;
	max-width: 600px;
	padding: 1rem;
}

.contactCard1 .cardHead h2 {
	margin: 0;
	padding: 1rem 2rem;
}

.contactCard1 .cardBody {
	padding: 5px 30px;
	padding-bottom: 30px;
	display: flex;
	flex-direction: column;
}

.contactCard1 .cardBody .location,
.contactCard1 .cardBody .phone,
.contactCard1 .cardBody .email,
.contactCard1 .cardBody .time {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	align-content: space-between;
	flex-wrap: wrap;
	min-height: 55px;
}

.contactCard1 .cardBody .location span,
.contactCard1 .cardBody .phone span,
.contactCard1 .cardBody .email span,
.contactCard1 .cardBody .time span {
	display: grid;
	grid-template-columns: 1.5em auto;
	gap: 1rem;
	align-items: center;
	justify-items: start;
	justify-content: space-around;
}

.contactCard1 .cardBody .location span::before,
.contactCard1 .cardBody .phone span::before,
.contactCard1 .cardBody .email span::before,
.contactCard1 .cardBody .time span::before {
	font-family: "NerdFontsSymbols Nerd Font";
	color: var(--tertiary-color);
	font-size: 1.5em;
	padding-right: 1rem;
}

.contactCard1 .cardBody .location span::before {
	content: "\eb1a";
}

.contactCard1 .cardBody .phone span::before {
	content: "\f03f2";
}
.contactCard1 .cardBody .email span::before {
	content: "\f01ee";
}

.contactCard1 .cardBody .time span::before {
	content: "\f1443";
}

.offsetCard1 {
	display: flex;
	flex-direction: column;
	max-width: 400px;
}

.offsetCard1 .cardImg {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.offsetCard1 .cardImg img {
	width: 100%;
	height: auto;
	max-width: 100%;
	max-height: 300px;
	object-fit: cover;
	object-position: center center;
}

.offsetCard1 .cardContent {
	display: flex;
	flex-direction: column;
	position: relative;
	top: -80px;
	right: -40px;
	background: #fff;
}
.offsetCard1.facultyCard .cardContent {
	gap: 0.75rem;
}
.offsetCard1.facultyCard p {
	margin: 0;
}


@media only screen and (max-width: 445px) {
	.offsetCard1 .cardContent {
		top: 0;
		right: 0;
	}
}

.videoEmbedWidgetRISD1 {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: max-content;
	max-width: 320px;
}

.videoEmbedWidgetRISD1 .videoFeed {
	object-fit: cover;
	object-position: center center;
	min-height: 12.5rem;
}

.videoEmbedWidgetRISD1 .playPauseRISD {
	position: absolute;
	padding: 0.5rem 0.75rem;
	border-radius: 0px;
	margin: 0;
	font-size: 0.8rem;
	top: calc(12.5rem - 1.75rem - 0.8rem);
	left: calc(320px - 2.75rem);
}

.videoEmbedWidgetRISD1 .playPauseRISD.primary {
	background: var(--tertiary-color);
	color: #fff;
}

.videoEmbedWidgetRISD1 .playPauseRISD.secondary {
	background: var(--primary-color);
	color: #fff;
}

.pagination {
	justify-content: center;
	align-items: center;
}

.paginationButtons .alertButtons {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.paginationButtons .arrow-link {
	background: transparent;
	border: none;
	color: #000;
	font-size: 1.15rem;
	font-weight: 500;
	transition: var(--default-animation);
	margin: 0;
}

.paginationButtons .arrow-link:hover {
	cursor: pointer;
	font-weight: bold;
	transition: var(--default-animation);
}

.paginationButtons .alertButtonNext:after {
	font-family: var(--icon-font-family);
	content: "\e602";
	margin-left: 5px;
}

.paginationButtons .alertButtonPrev:before {
	font-family: var(--icon-font-family);
	content: "\e602";
	transform: rotate(180deg);
	margin-right: 5px;
	display: inline-block;
}

.paginationButtons .alertButtonPrev:after {
	display: none;
}

.paginationButtons .alertPos {
	padding: 1rem;
	color: #000;
	font-size: 1.15rem;
}

@media only screen and (max-width: 768px) {
	.paginationButtons .arrow-link {
		padding: 1rem 0;
	}
}

@media only screen and (max-width: 400px) {
	.paginationButtons .alertButtons {
		flex-direction: column;
	}
}