:root {
	--fc-icon-arrow-right-chevron: "\f054";
	--fc-icon-arrow-left-chevron: "\f053";
	--fc-icon-arrow-right-square: "\f33b";
	--fc-icon-arrow-left-square: "\f33a";
	--fc-icon-arrow-up-a-z: "\f15e";
	--fc-icon-arrow-down-a-z: "\f15d";
	--fc-icon-arrow-up-to-line: "\f341";
	--fc-icon-arrow-down-from-line: "\f345";
	--fc-icon-arrows-rotate: "\f021";
	
	--fc-icon-bell: "\f0f3";
	--fc-icon-book-open-cover: "\e0c0";
	--fc-icon-bookmark: "\f02e";	
	--fc-icon-bullseye-pointer: "\f649";
	
	--fc-icon-calendar-blank: "\f133";
	--fc-icon-calendar-clock: "\e0d2";
	--fc-icon-calendar-days: "\f073";
	--fc-icon-calendar-arrow-down: "\e0d0";
	--fc-icon-calendar-plus: "\f271";
	--fc-icon-calendar-arrow-up: "\e0d1";
	--fc-icon-cart-add: "\f217";
	--fc-icon-cart-check: "\e3f1";
	--fc-icon-cart-down: "\e3ef";
	--fc-icon-cart-empty: "\e3f2";
	--fc-icon-cart-remove: "\e0dd";
	--fc-icon-cart-up: "\e3f0";
	--fc-icon-circle-check: "\f058";
	--fc-icon-close: "\f410";
	--fc-icon-cloud-arrow-up: "\f0ee";

	--fc-icon-danger: "\e417";
	--fc-icon-docx: "\f1c2";
	--fc-icon-dollar-sign: "\24";
	--fc-icon-download: "\f019";

	--fc-icon-email: "\f0e0";
	--fc-icon-eye: "\f06e";

	--fc-icon-facebook: "\f082";
	--fc-icon-fax: "\f1ac";
	--fc-icon-file-exclamation: "\f31a";	
	--fc-icon-file-export: "\f56e";
	--fc-icon-filter: "\f0b0";
	--fc-icon-filter-circle-xmark: "\e17b";
	--fc-icon-filter-list: "\e17c";
	--fc-icon-filter-slash: "\e17d";
	
	--fc-icon-gear: "\f013";
	--fc-icon-graduate: "\f501";

	--fc-icon-hamburger-menu: "\f0c9";
	--fc-icon-hand-wave: "\e1a7";
	--fc-icon-hands-holding-dollar: "\f4c5";
	--fc-icon-hashtag: "\23";
	--fc-icon-headset: "\f590";
	--fc-icon-hourglass-clock: "\e41b";
	--fc-icon-house-tree: "\e1b3";

	--fc-icon-id-badge: "\f2c1";
	--fc-icon-important: "\e417";
	--fc-icon-info: "\f321";
	--fc-icon-instagram: "\e055";
	--fc-icon-instructor: "\e53d";
	--fc-icon-international: "\f57e";

	--fc-icon-layer-group: '\f5fd';
	--fc-icon-lightbulb-exclamation-on: "\e1ca";
	--fc-icon-linkedin: "\f08c";
	--fc-icon-list: "\e489";
	--fc-icon-location-pin: "\f3c5";
	--fc-icon-location-pin-thin: "\f3c5";

	--fc-icon-magnifying-glass: "\f002";
	--fc-icon-maple-leaf: "\f785";

	--fc-icon-news: "\f1ea";

	--fc-icon-question: "\f2fd";

	--fc-icon-pdf: "\f1c1";
	--fc-icon-pen-field: "\e211";
	--fc-icon-people-group: "\e533";
	--fc-icon-phone: "\f3ce";
	--fc-icon-play: "\f04b";
	--fc-icon-powerpoint: "\f1c4";
	--fc-icon-presentation-screen: "\f685";

	--fc-icon-reader: "\f5da";
	--fc-icon-rotate-left: "\f2ea";
	--fc-icon-rotate-right: "\f2f9";
	--fc-icon-route: "\f4d7";
	
	--fc-icon-screwdriver-wrench: "\f7d9";
	--fc-icon-shuffle: "\f074";
	--fc-icon-sign-in: "\f2f6";
	--fc-icon-sign-out: "\f2f5";
	--fc-icon-stop: "\f04d";
	--fc-icon-success: "\f14a";

	--fc-icon-tag: "\f02b";
	--fc-icon-thumbs-up: "\f164";
	--fc-icon-tiktok: "\e07b";
	--fc-icon-trash-can: "\f2ed";
	--fc-icon-twitter: "\e61b";
	
	--fc-icon-user: "\f007";
	--fc-icon-user-check: "\f4fc";
	--fc-icon-user-graduate: "\f501";

	--fc-icon-video: "\f03d";

	--fc-icon-warning: "\e405";

	--fc-icon-xlsx: "\f1c3";

	--fc-icon-youtube: "\f167";

}

.with-icon::before,
.with-icon-after::after {
	/* These styles are required to make icons render reliably 
	https://fontawesome.com/docs/web/add-icons/pseudo-elements
	*/
	display: inline-block;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	/**/
	/* Note: Make sure to include the correct weight and Unicode value for the icon */
	font-family: "Font Awesome 6 Pro";
	font-weight: normal;
	content: " ";
	transition: opacity 0.15s ease-in-out;
	min-width: 1rem;
	text-decoration: none;
	margin-right: 0.75rem;
}
.with-icon:hover::before,
.with-icon-after:hover::after {
	opacity: 1;
}
.with-icon-stretch::before,
.with-icon-stretch::after {
	/* These styles are required to make icons render reliably 
	https://fontawesome.com/docs/web/add-icons/pseudo-elements
	*/
	display: inline-block;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	/**/
	/* Note: Make sure to include the correct weight and Unicode value for the icon */
	font-family: "Font Awesome 6 Pro";
	font-weight: normal;
	content: " ";
	transition: opacity 0.15s ease-in-out;
	min-width: 1rem;
	text-decoration: none;

	position: absolute;
	top: 0px;
	left: 0px;
}

.with-icon-stretch {
	padding-left: 1.75rem;
	position: relative;
}

.with-icon.no-text::before,
.with-icon-after::after {
	margin-right: 0;
}

.with-icon-after::after {
	margin-left: 0.65rem;
}

td.with-icon-after::after {
	float:right;
}

.xlarge-text.with-icon::before,
.xlarge-text.with-icon::after {
	top: 2px;
}

.with-icon.icon-arrow-left-chevron::before,
.with-icon-after.icon-arrow-left-chevron::after {
	font-weight: 900;
	content: var(--fc-icon-arrow-left-chevron);
}
.with-icon.icon-arrow-right-chevron::before,
.with-icon-after.icon-arrow-right-chevron::after {
	font-weight: 900;
	content: var(--fc-icon-arrow-right-chevron);
}
.with-icon.icon-arrow-left-square::before,
.with-icon-after.icon-arrow-left-square::after {
	font-weight: 900;
	content: var(--fc-icon-arrow-left-square);
}
.with-icon.icon-arrow-right-square::before,
.with-icon-after.icon-arrow-right-square::after {
	font-weight: 900;
	content: var(--fc-icon-arrow-right-square);
}
.with-icon.icon-arrow-up-a-z::before,
.with-icon-after.icon-arrow-up-a-z::after {
	font-weight: 900;
	content: var(--fc-icon-arrow-down-a-z);
}
.with-icon.icon-arrow-down-a-z::before,
.with-icon-after.icon-arrow-down-a-z::after {
	font-weight: 900;
	content: var(--fc-icon-arrow-down-a-z);
}
.with-icon.icon-arrow-down-from-line::before,
.with-icon-after.icon-arrow-down-from-line::after {
	content: var(--fc-icon-arrow-down-from-line);
}
.with-icon.icon-arrow-up-to-line::before,
.with-icon-after.arrow-up-to-line::after {
	content: var(--fc-icon-arrow-up-to-line);
}
.with-icon.icon-arrows-rotate::before,
.with-icon-after.icon-arrows-rotate::after {
	content: var(--fc-icon-arrows-rotate);
}

.with-icon.icon-bell::before,
.with-icon-after.icon-bell::after {
	font-weight: 900;
	content: var(--fc-icon-bell);
}
.with-icon.icon-book-open-cover::before,
.with-icon-after.icon-book-open-cover::after {
	font-weight: 900;
	content: var(--fc-icon-book-open-cover);
}
.with-icon.icon-bookmark::before,
.with-icon-after.icon-bookmark::after {
	font-weight: 900;
	content: var(--fc-icon-bookmark);
}
.with-icon.icon-bullseye-pointer::before,
.with-icon-after.icon-bullseye-pointer::after {
	font-weight: 900;
	content: var(--fc-icon-bullseye-pointer);
}

.with-icon.icon-calendar-blank::before,
.with-icon-after.icon-calendar-blank::before {
	content: var(--fc-icon-calendar-blank);
}
.icon-calendar-clock::before,
.with-icon-after.icon-calendar-clock::before {
	content: var(--fc-icon-calendar-clock);
}
.icon-calendar-days::before,
.with-icon-after.icon-calendar-days::before {
	content: var(--fc-icon-calendar-days);
}
.icon-calendar-arrow-down::before,
.with-icon-after.icon-calendar-arrow-down::before {
	content: var(--fc-icon-calendar-arrow-down);
}
.icon-calendar-plus::before,
.with-icon-after.icon-calendar-plus::before {
	content: var(--fc-icon-calendar-plus);
}
.icon-calendar-arrow-up::before,
.with-icon-after.icon-calendar-arrow-up::before {
	content: var(--fc-icon-calendar-arrow-up);
}
.with-icon.icon-cart-add::before,
.with-icon-after.icon-cart-add::after {
	font-weight: 900;
	content: var(--fc-icon-cart-add);
}
.with-icon.icon-cart-check::before,
.with-icon-after.icon-cart-check::after {
	font-weight: 900;
	content: var(--fc-icon-cart-check);
}
.with-icon.icon-cart-down::before,
.with-icon-after.icon-cart-down::after {
	font-weight: 900;
	content: var(--fc-icon-cart-down);
}
.with-icon.icon-cart-empty::before,
.with-icon-after.icon-cart-empty::after {
	font-weight: 900;
	content: var(--fc-icon-cart-empty);
}
.with-icon.icon-cart-remove::before,
.with-icon-after.icon-cart-remove::after {
	font-weight: 900;
	content: var(--fc-icon-cart-remove);
}
.with-icon.icon-cart-up::before,
.with-icon-after.icon-cart-up::after {
	font-weight: 900;
	content: var(--fc-icon-cart-up);
}
.with-icon.icon-circle-check::before,
.with-icon-after.icon-circle-check::after {
	font-weight: 900;
	content: var(--fc-icon-circle-check);
}
.with-icon.icon-close::before,
.with-icon-after.icon-close::after {
	font-weight: 900;
	content: var(--fc-icon-close);
}
.with-icon.icon-cloud-arrow-up::before,
.with-icon-after.icon-cloud-arrow-up::after {
	font-weight: 900;
	content: var(--fc-icon-cloud-arrow-up);
}


.with-icon.icon-danger::before,
.with-icon-after.icon-danger::after {
	font-weight: 900;
	content: var(--fc-icon-danger);
}
.with-icon.icon-docx::before,
.with-icon-after.icon-docx::after {
	content: var(--fc-icon-docx);
}
.with-icon.icon-docx:not(.btn):not(.white-text):not(.black-text)::before,
.with-icon-after.icon-docx:not(.btn):not(.white-text):not(.black-text)::after {
	color: var(--fc-darker-blue); 
}
.with-icon.icon-dollar-sign::before,
.with-icon-after.icon-dollar-sign::after {
	font-weight: 900;
	content: var(--fc-icon-dollar-sign);
}
.with-icon.icon-download::before,
.with-icon-after.icon-download::after {
	font-weight: 900;
	content: var(--fc-icon-download);
}

.with-icon.icon-eye::before,
.with-icon-after.icon-eye::after {
	font-weight: 900;
	content: var(--fc-icon-eye);
}
.with-icon.icon-email::before,
.with-icon-after.icon-email::after {
	font-weight: 900;
	content: var(--fc-icon-email);
}

.with-icon.icon-facebook::before,
.with-icon-after.icon-facebook::after {
	font-family: "Font Awesome 6 Brands";
	content: var(--fc-icon-facebook);
}
.with-icon.icon-fax::before,
.with-icon-after.icon-fax::after {
	font-weight: 900;
	content: var(--fc-icon-fax);
}
.with-icon.icon-file-exclamation::before,
.with-icon-after.icon-file-exclamation::after {
	font-weight: 900;
	content: var(--fc-icon-file-exclamation);
}
.with-icon.icon-file-exclamation-thin::before,
.with-icon-after.icon-file-exclamation-thin::after {
	font-weight: 400;
	content: var(--fc-icon-file-exclamation);
}
.with-icon.icon-file-export::before,
.with-icon-after.icon-file-export::after {
	font-weight: 900;
	content: var(--fc-icon-file-export);
}
.with-icon.icon-filter::before,
.with-icon-after.icon-filter::after {
	font-weight: 900;
	content: var(--fc-icon-filter);
}
.with-icon.icon-filter-circle-xmark::before,
.with-icon-after.icon-filter-circle-xmark::after {
	font-weight: 900;
	content: var(--fc-icon-filter-circle-xmark);
}
.with-icon.icon-filter-list::before,
.with-icon-after.icon-filter-list::after {
	font-weight: 900;
	content: var(--fc-icon-filter-list);
}
.with-icon.icon-filter-slash::before,
.with-icon-after.icon-filter-slash::after {
	font-weight: 900;
	content: var(--fc-icon-filter-slash);
}

.with-icon.icon-gear::before,
.with-icon-after.icon-gear::after {
	font-weight: 900;
	content: var(--fc-icon-gear);
}
.with-icon.icon-graduate::before,
.with-icon-after.icon-graduate::after {
	font-weight: 900;
	content: var(--fc-icon-graduate);
}

.with-icon.icon-hamburger-menu::before,
.with-icon-after.icon-hamburger-menu::after {
	font-weight: 900;
	content: var(--fc-icon-hamburger-menu);
}
.with-icon.icon-hand-wave::before,
.with-icon-after.icon-hand-wave::after {
	font-weight: 900;
	content: var(--fc-icon-hand-wave);
}
.with-icon.icon-hand-wave-thin::before,
.with-icon-after.icon-hand-wave-thin::after {
	font-weight: 400;
	content: var(--fc-icon-hand-wave);
}
.with-icon.icon-hands-holding-dollar::before,
.with-icon-after.hands-holding-dollar::after {
	font-weight: 900;
	content: var(--fc-icon-hands-holding-dollar);
}
.with-icon.icon-handshake::before,
.with-icon-after.iconhandshake::after {
	font-weight: 900;
	content: var(--fc-icon-handshake);
}
.with-icon.icon-hashtag::before,
.with-icon-after.hashtag::after {
	font-weight: 900;
	content: var(--fc-icon-hashtag);
}
.with-icon.icon-headset::before,
.with-icon-after.icon-headset::after {
	font-weight: 900;
	content: var(--fc-icon-headset);
}
.with-icon.icon-hourglass-clock::before,
.with-icon-after.icon-hourglass-clock::after {
	font-weight: 900;
	content: var(--fc-icon-hourglass-clock);
}
.with-icon.icon-house-tree::before,
.with-icon-after.icon-house-tree::after {
	font-weight: 900;
	content: var(--fc-icon-house-tree);
}

.with-icon.icon-id-badge::before,
.with-icon-after.icon-id-badge::after {
	font-weight: 900;
	content: var(--fc-icon-id-badge);
}
.with-icon.icon-important::before,
.with-icon-after.icon-important::after {
	font-weight: 900;
	content: var(--fc-icon-important);
}
.with-icon.icon-info::before,
.with-icon-after.icon-info::after {
	font-weight: 900;
	content: var(--fc-icon-info);
}
.with-icon.icon-instagram::before,
.with-icon-after.icon-instagram::after {
	font-family: "Font Awesome 6 Brands";
	content: var(--fc-icon-instagram);
}
.with-icon.icon-instructor::before,
.with-icon-after.icon-instructor::after {
	font-weight: 900;
	content: var(--fc-icon-instructor);
}
.with-icon.icon-international::before,
.with-icon-after.icon-international::after {
	content: var(--fc-icon-international);
}

.with-icon.icon-layer-group::before,
.with-icon-after.icon-layer-group::after {
	font-weight: 900;
	content: var(--fc-icon-layer-group);
}
.with-icon.icon-lightbulb-exclamation-on::before,
.with-icon-after.icon-lightbulb-exclamation-on::after {
	font-weight: 900;
	content: var(--fc-icon-lightbulb-exclamation-on);
}
.with-icon.icon-linkedin::before,
.with-icon-after.icon-linkedin::after {
	font-family: "Font Awesome 6 Brands";
	content: var(--fc-icon-linkedin);
}
.with-icon.icon-list::before,
.with-icon-after.icon-list::after {
	font-weight: 900;
	content: var(--fc-icon-list);
}
.with-icon.icon-location-pin::before,
.with-icon-after.icon-location-pin::after {
	font-weight: 900;
	content: var(--fc-icon-location-pin);
}
.with-icon.icon-location-pin-thin::before,
.with-icon-after.icon-location-pin-thin::after {
	content: var(--fc-icon-location-pin);
}

.with-icon.icon-maple-leaf::before,
.with-icon-after.icon-maple-leaf::after {
	font-family: "Font Awesome 6 Brands";
	content: var(--fc-icon-maple-leaf);
}
.with-icon.icon-magnifying-glass::before,
.with-icon-after.icon-magnifying-glass::after {
	font-weight: 900;
	content: var(--fc-icon-magnifying-glass);
}

.with-icon.icon-news::before,
.with-icon-after.icon-news::after {
	font-weight: 900;
	content: var(--fc-icon-news);
}

.with-icon.icon-pdf::before,
.with-icon-after.icon-pdf::after {
	content: var(--fc-icon-pdf);
}
.with-icon.icon-pdf:not(.btn):not(.white-text):not(.black-text)::before,
.with-icon-after.icon-pdf:not(.btn):not(.white-text):not(.black-text)::after {
	color: var(--fc-darker-red)!important; 
}
.with-icon.icon-pen-field::before,
.with-icon-after.icon-pen-field::after {
	content: var(--fc-icon-pen-field);
}
.with-icon.icon-people-group::before,
.with-icon-after.icon-people-group::after {
	font-weight: 900;
	content: var(--fc-icon-people-group);
}
.with-icon.icon-phone::before,
.with-icon-after.icon-phone::after {
	content: var(--fc-icon-phone);
}
.with-icon.icon-play::before,
.with-icon-after.icon-play::after {
	content: var(--fc-icon-play);
}
.with-icon.icon-pptx::before,
.with-icon-after.icon-pptx::after {
	font-weight: 900;
	content: var(--fc-icon-powerpoint);
}
.with-icon.icon-pptx:not(.btn):not(.white-text):not(.black-text)::before,
.with-icon-after.icon-pptx:not(.btn):not(.white-text):not(.black-text)::after {
	color: var(--fc-darker-orange); 
}
.with-icon.icon-presentation-screen::before,
.with-icon-after.icon-presentation-screen::after {
	font-weight: 900;
	content: var(--fc-icon-presentation-screen);
}

.with-icon.icon-question::before,
.with-icon-after.icon-question::after {
	font-weight: 900;
	content: var(--fc-icon-question);
}

.with-icon.icon-reader::before,
.with-icon-after.icon-reader::after {
	font-weight: 900;
	content: var(--fc-icon-reader);
}
.with-icon.icon-rotate-left::before,
.with-icon-after.icon-rotate-left::after {
	font-weight: 900;
	content: var(--fc-icon-rotate-left);
}
.with-icon.icon-rotate-right::before,
.with-icon-after.icon-rotate-right::after {
	font-weight: 900;
	content: var(--fc-icon-rotate-right);
}
.with-icon.icon-route::before,
.with-icon-after.icon-route::after {
	font-weight: 900;
	content: var(--fc-icon-route);
}

.with-icon.icon-screwdriver-wrench::before,
.with-icon-after.icon-screwdriver-wrench::after {
	font-weight: 900;
	content: var(--fc-icon-screwdriver-wrench);
}
.with-icon.icon-shuffle::before,
.with-icon-after.icon-shuffle::after {
	font-weight: 900;
	content: var(--fc-icon-shuffle);
}
.with-icon.icon-sign-in::before,
.with-icon-after.icon-sign-in::after {
	font-weight: 900;
	content: var(--fc-icon-sign-in);
}
.with-icon.icon-sign-out::before,
.with-icon-after.icon-sign-out::after {
	font-weight: 900;
	content: var(--fc-icon-sign-out);
}
.with-icon.icon-stop::before,
.with-icon-after.icon-stop::after {
	font-weight: 900;
	content: var(--fc-icon-stop);
}
.with-icon.icon-success::before,
.with-icon-after.icon-success::after {
	font-weight: 900;
	content: var(--fc-icon-success);
}


.with-icon.icon-tag::before,
.with-icon-after.icon-tag::after {
	font-weight: 900;
	content: var(--fc-icon-tag);
}
.with-icon.icon-tag-thin::before,
.with-icon-after.icon-tag-thin::after {
	content: var(--fc-icon-tag);
}
.with-icon.icon-thumbs-up::before,
.with-icon-after.icon-thumbs-up::after {
	font-weight: 900;
	content: var(--fc-icon-thumbs-up);
}
.with-icon.icon-tiktok::before,
.with-icon-after.icon-tiktok::after {
	font-family: "Font Awesome 6 Brands";
	content: var(--fc-icon-tiktok);
}
.with-icon.icon-trash-can::before,
.with-icon-after.icon-trash-can::after {
	font-weight: 900;
	content: var(--fc-icon-trash-can);
}
.with-icon.icon-twitter::before,
.with-icon-after.icon-twitter::after {
	font-family: "Font Awesome 6 Brands";
	content: var(--fc-icon-twitter);
}

.with-icon.icon-user::before,
.with-icon-after.icon-user::after {
	font-weight: 900;
	content: var(--fc-icon-user);
}
.with-icon.icon-user-check::before,
.with-icon-after.icon-user-check::after {
	font-weight: 900;
	content: var(--fc-icon-user-graduate);
}
.with-icon.icon-user-graduate::before,
.with-icon-after.icon-user-graduate::after {
	font-weight: 900;
	content: var(--fc-icon-user-graduate);
}

.with-icon.icon-video::before,
.with-icon-after.icon-video::after {
	font-weight: 900;
	content: var(--fc-icon-video);
}

.with-icon.icon-warning::before,
.with-icon-after.icon-warning::after {
	font-weight: 900;
	content: var(--fc-icon-warning);
}


.with-icon.icon-xlsx::before,
.with-icon-after.icon-xlsx::after {
	font-weight: 900;
	content: var(--fc-icon-xlsx);
}
.with-icon.icon-xlsx:not(.btn):not(.white-text):not(.black-text)::before,
.with-icon-after.icon-xlsx:not(.btn):not(.white-text):not(.black-text)::after {
	color: var(--fc-darker-green); 
}

.with-icon.icon-youtube::before,
.with-icon-after.icon-youtube::after {
	font-family: "Font Awesome 6 Brands";
	content: var(--fc-icon-youtube);
}

.alert {
	--bs-alert-border: 1px solid rgba(var(--fc-darker-blue), 0.8);
	--bs-alert-border-radius: 0;
	--bs-alert-padding-x: var(--fc-spacer-4);
	--bs-alert-padding-y: var(--fc-spacer-4);
	--bs-alert-margin-bottom: var(--fc-spacer-4);
}

.alert h3:first-of-type,
.alert h4:first-of-type,
.alert h5:first-of-type,
.alert h6:first-of-type,
.notice h3:first-of-type,
.notice h4:first-of-type,
.notice h5:first-of-type   
.notice h6:first-of-type {

	padding-top: 0;
}

.notice,
.ui-notice {
	--bs-alert-bg: transparent;
	--bs-alert-padding-x: 1rem;
	--bs-alert-padding-y: 1rem;
	--bs-alert-margin-bottom: 1rem;
	--bs-alert-color: inherit;
	--bs-alert-border-color: transparent;
	--bs-alert-border: 1px solid rgba(var(--fc-darker-blue), 0.8);
	--bs-alert-border-radius: 0rem;
	position: relative;
	padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
	margin-bottom: var(--bs-alert-margin-bottom);
	color: var(--bs-alert-color);
	background-color: var(--bs-alert-bg);
	border: var(--bs-alert-border);
	border-radius: var(--bs-alert-border-radius);
}

.alert.with-icon {
	padding-left: 2.75rem;
}
.alert.with-icon::before {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	width: 2rem;
	display: flex;
	align-items: top;
	justify-content: center;
	padding-top: 1rem;
}

.alert-info,
.notice-info {
	--bs-alert-color: var(--fc-fleming-black);
	--bs-alert-bg: var(--fc-dorian);
	--bs-alert-border-color: var(--fc-bright-iris);
	--bs-alert-border: 2px solid var(--fc-bright-iris);
}
.alert-info table,
.notice-info table {

	--bs-body-color: var(--fc-fleming-white);
}

.alert-info.with-icon::before,
.notice-info.with-icon::before {
	color: var(--fc-fleming-white)!important;
	background: var(--fc-bright-iris);
}
.alert-info a,
.notice-info a {
	color: var(--fc-link-color)!important;
}
.alert-info table,
.notice-info table {

	--bs-body-color: var(--fc-fleming-white);
}
.alert-info table {
	background-color: var(--fc-fleming-white);
	color: var(--fc-fleming-black);
}
.alert-info .table-striped > tbody > tr:nth-of-type(2n+1) > * {
	--bs-table-accent-bg: var(--bs-table-striped-bg);
	color: var(--fc-fleming-black);
}

.alert-info-solid {
	--bs-alert-color: var(--fc-fleming-white);
	--bs-alert-bg: var(--fc-darker-blue);
	--bs-alert-border-color: var(--fc-darker-blue);
}
.alert-info-solid.with-icon::before {
	color: var(--fc-fleming-white)!important;
	background: var(--fc-blue);
}
.alert-info-solid a:not(.btn) {
	color: var(--fc-fleming-white)!important;
}


.alert-warning,
.notice-warning {
	--bs-alert-color: var(--fc-fleming-white);
	--bs-alert-bg: var(--fc-darker-orange);
	--bs-alert-border-color: var(--fc-orange);
}
.alert-warning.with-icon::before,
.notice-warning.with-icon::before {
	color: var(--fc-fleming-white)!important;
	background: var(--fc-orange);
}
.alert-warning a {
   color: var(--fc-fleming-white);
}
.alert-warning .with-icon:not(.btn)::before {
	color: var(--fc-fleming-white)!important;
 }
 

.alert-danger {
	--bs-alert-color: var(--fc-fleming-white);
	--bs-alert-bg: var(--fc-darker-red);
	--bs-alert-border-color: var(--fc-red);
}
.alert-danger.with-icon::before {
	color: var(--fc-fleming-white)!important;
	background: var(--fc-red);
}
.alert-danger a {
   color: var(--fc-fleming-white);
}
.alert-danger .with-icon:not(.btn)::before {
	color: var(--fc-fleming-white)!important;
 }

.alert-success {
	--bs-alert-color: var(--fc-fleming-white);
	--bs-alert-bg: var(--fc-darker-green);
	--bs-alert-border-color: var(--fc-green);
}
.alert-success.with-icon::before {
	color: var(--fc-fleming-white)!important;
	background: var(--fc-green);
}
.alert-success a {
   color: var(--fc-fleming-white);
}
.alert-success .with-icon:not(.btn)::before {
	color: var(--fc-fleming-white)!important;
 }

.alert-primary {
	--bs-alert-color: var(--fc-fleming-white);
	--bs-alert-bg: var(--fc-bright-iris-2);
	--bs-alert-border-color: var(--fc-light-slate);
}
.alert-primary.with-icon::before {
	color: var(--fc-fleming-white)!important;
	background: var(--fc-bright-iris-3);
}
 .alert-primary a {
	color: var(--fc-fleming-white);
 }
.alert-primary table {
	--bs-body-color: var(--fc-fleming-white);
}


.alert-secondary {
	--bs-alert-color: var(--fc-fleming-black);
	--bs-alert-bg: var(--fc-fleming-teal-2);
}
.alert-secondary.with-icon::before {
	color: var(--fc-fleming-black)!important;
	background: var(--fc-fleming-white);
}
 .alert-secondary a {
	color: var(--fc-fleming-black);
}

.alert-light {
	--bs-alert-color: var(--fc-fleming-black);
	--bs-alert-bg: var(--fc-dorian);
	--bs-alert-border-color: var(--fc-cloud);
}
 .alert-light a {
	color: var(--fc-link-color)!important;
 }
.alert-light.with-icon::before {
	color: var(--fc-fleming-black)!important;
	background: var(--fc-cloud);
}
.alert-dark {
	--bs-alert-color: var(--fc-fleming-white);
	--bs-alert-bg: var(--fc-fleming-black);
	--bs-alert-border-color: var(--fc-slate);
}
.alert-dark.with-icon::before {
	color: var(--fc-white)!important;
	background: var(--fc-slate);
}


/*------------------------------------ Card Widget  ------------------------------------/*

/*!
    A widget to display contact information in a card format.

    @version 1
    @used http://flemingcollege.ca/programs/aquaculture
    @TODO 
    @module ContactCard
*/

.card {
	--bs-card-bg: transparent;
	--bs-card-border-radius: 0;
	--bs-card-border-width: 0px;
	--bs-card-spacer-y: var(--fc-spacer-4);
	--bs-card-spacer-x: var(--fc-spacer-4);
}

.card-title {
	margin-top: 0;
}
.card-title > * {
	margin-top: 0;
}

.card p {
	margin-bottom: 0.5rem;
}

.black-background .card,
.blue-background .card {
	--bs-card-color: var(--fc-fleming-white);
	--bs-card-border-color: var(--fc-fleming-white);
}
.card.grey-background,
.card.grey-background .with-icon:not(.btn)::before,
.card.white-background,
.card.white-background .with-icon:not(.btn)::before {
	--bs-card-color: var(--fc-fleming-black);
	color: var(--fc-fleming-black)!important;
}
.card.grey-background a:not(.btn),
.card.grey-background a:not(.btn)::before,
.card.white-background a:not(.btn),
.card.white-background a:not(.btn)::before {
	color: var(--fc-link-color)!important;
}

.card.grey-background .btn-link,
.card.grey-background .btn-link::before,
.card.white-background .btn-link,
.card.white-background .btn-link::before {
	color: var(--fc-link-color)!important;
}
.card.blue-background .btn-link,
.card.blue-background .btn-link::before,
.card.black-background .btn-link,
.card.black-background .btn-link::before {
	color: var(--fc-fleming-white)!important;
}

.card .list-group {
	--bs-list-group-bg: transparent;
	border: 0;
}

.card .list-group-item {
	border: 0;
	--bs-list-group-item-padding-x: 0;
}

.accordion {

	--bs-accordion-bg: unset;

}
.accordion-item {

    border-top: 0;
    border-right: 0;
    border-left: 0;
    --bs-accordion-border-color: rgb(var(--fc-fleming-black-rgb), 0.3);
    --bs-accordion-active-color: var(--fc-fleming-black);
    --bs-accordion-active-bg: var(--fc-fleming-white);

}
.accordion-button {
    --bs-accordion-btn-bg: var(--fc-fleming-white);
	--bs-accordion-btn-color:  var(--fc-fleming-black);
	font-size: unset;

}

.Faq dt,
.faq dt {

	position: relative;
	font-size: var(--fc-large-text);
	padding:  var(--fc-spacer-3) var(--fc-spacer-7);
	cursor: pointer;
	font-weight: 500;
	border-top: 1px solid rgb(var(--fc-fleming-black-rgb), 0.3);
	background: var(--fc-cloud);

}
.Faq dt::before,
.faq dt::before {

	position: absolute;
	top: var(--fc-spacer-3);
	left: var(--fc-spacer-2);
	content: 'Q: ';
	opacity: 0.3;
	font-size: var(--fc-xlarge-text);
	font-weight: 700;
	font-family: "HCO Gotham";
	font-style: italic;
	
}
.Faq dt::after,
.faq dt::after {
	font-family: "Font Awesome 6 Pro";
	background-image: none;
	position: absolute;
	top: var(--fc-spacer-2);
	right: var(--fc-spacer-2);;
	content: "\f106";
	transform-origin: center;
}

.Faq dt:hover,
.faq dt:hover {
	background: var(--fc-cloud);
}
.Faq dt:hover::before,
.faq dt:hover::before {
	opacity: 0.3;
}
	

.Faq dt:first-of-type,
.faq dt:first-of-type {

	border-top: 0px;

}

.Faq dt.collapsed,
.faq dt.collapsed {
	background: unset;
}

.Faq dt.collapsed::before,
.faq dt.collapsed::before {
	opacity: 0.1;
}

.Faq dt.collapsed::after,
.faq dt.collapsed::after {
	content: "\f078";
}


.Faq dt.collapsed:hover,
.faq dt.collapsed:hover {
	background: var(--fc-cloud);
}
.Faq dt.collapsed:hover::before,
.faq dt.collapsed:hover::before {
	opacity: 0.3;
	background: var(--fc-cloud);
}


.Faq dd,
.faq dd {

	position: relative;
	padding-left:  var(--fc-spacer-7);
}
.Faq dd::before,
.faq dd::before {

	content: 'A: ';
	position: absolute;
	top: 0;
	left: var(--fc-spacer-1);
	opacity: 0.3;
	font-size: var(--fc-xlarge-text);
	font-weight: 700;
	font-family: "HCO Gotham";
	font-style: italic;
	line-height: 1;
	
}

.Faq.simple dt,
.faq.simple dt ,
.Faq.simple dd,
.faq.simple dd {

	padding:  var(--fc-spacer-3) var(--fc-spacer-7) var(--fc-spacer-3) var(--fc-spacer-5);

}

.Faq.simple dt::before,
.faq.simple dt::before,
.Faq.simple dd::before,
.faq.simple dd::before {
	content: '';
}

[data-widget="AddToCalendar"] {

	cursor: pointer;

}

/*------------------------------------ Add to Calendar Widget  ------------------------------------/*

/*!
    A widget to an Add to Calendar feature

    @version 1
    @used http://flemingcollege.ca/admissions/academic-calendar
    @TODO 
    @module ContactCard
*/
.addToCalendar-popover {
  --bs-popover-max-width: 200px;
  --bs-popover-border-color: var(--fc-bright-iris);
  --bs-popover-header-bg: var(--fc-bright-iris);
  --bs-popover-header-color: var(--fc-fleming-white);
  --bs-popover-body-padding-x: var(--fc-spacer-3);
  --bs-popover-body-padding-y:  var(--fc-spacer-1);
}

/*------------------------------------ ButtonLoader Widget  ------------------------------------/*

/*!
    A widget to place a loader graphic over the submitting button

    @version 1
    @used http://flemingcollege.ca/myopenhouse
    @TODO 
    @module ButtonLoader
*/

.ButtonLoader {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background: rgba(var(--fc-fleming-white-rgb),0.9);
	width: 100%;
	z-index: 1000;
	height: 100%;
	color:rgb(var(--fc-fleming-black-rgb), 0.8);
	visibility: visible;
	border: 1px solid;
	border-radius: 0.375rem;
	font-weight: 600;
}

.btn-primary .ButtonLoader {
	background: var(--fc-bright-iris);
	color:rgb(var(--fc-fleming-white-rgb), 1);	
}
.btn-success .ButtonLoader {
	background: var(--fc-darker-green);
	color:rgb(var(--fc-fleming-white-rgb), 1);	
}
.btn-dark .ButtonLoader {
	background: var(--fc-fleming-black);
	color:rgb(var(--fc-fleming-white-rgb), 1);	
}


/*------------------------------------ IndexList widget ------------------------------------/*
/*!
    An navigation index list, typically alpha or date

    @version 1
    @used http://flemingcollege.ca/programs/a-z
    @TODO 
    @module ProgramList
*/

.IndexList { 
    padding: 1rem 0;
}

.IndexList .Navigation { 
   margin-bottom: 0;
}

.IndexList .Navigation a[href="#top"] { 
    display:none;
}
.stuck .IndexList .Navigation a[href="#top"] { 
     display:inline-block;
}

.black-background .IndexList .Navigation,
.blue-background .IndexList .Navigation {
	color: #fff;
}

.IndexList .Navigation a,
.IndexList .Navigation span:not(.nav-prev-text):not(.nav-next-text):not(.slick-prev-icon):not(.slick-next-icon) {
	font-weight: bold;
	display: inline-block;
	padding: 12px;
	font-weight: bold;
	border-left: 2px solid transparent;
	border-right: 2px solid transparent;
	min-width: 2.5rem;
	text-align: center;
}

.black-background .IndexList .Navigation a,
.blue-background .IndexList .Navigation a {
	color: #fff;
}


.black-background .IndexList .Navigation a,
.blue-background .IndexList .Navigation a,
.black-background .IndexList .Navigation a.active,
.blue-background .IndexList .Navigation a.active {
	color: #fff!important;	
}

.black-background .IndexList .Navigation a:hover,
.blue-background .IndexList .Navigation a:hover,
.black-background .IndexList .Navigation a.active:not(.navigation-disabled),
.blue-background .IndexList .Navigation a.active:not(.navigation-disabled) {
	background-color: #fff;
	color: #000!important;	
}

.IndexList .Navigation a.navigation-disabled {
	pointer-events: none;
	text-decoration: none;
	color: rgba(0, 0, 0, 0.6)!important;
}
.black-background .IndexList .Navigation a.navigation-disabled {
	color: rgba(255,255, 255, 0.5)!important;
}
.IndexList .Navigation a:not(.navigation-disabled):hover,
.IndexList .Navigation a.active:not(.navigation-disabled) {
	background-color: #fff;
	color: #000;
	text-decoration: none;
	border-left-color: var(--fc-bright-iris-3);
	border-right-color: var(--fc-bright-iris-3);
}
.black-background .IndexList .Navigation a:not(.navigation-disabled):hover,
.black-background .IndexList .Navigation a.active:not(.navigation-disabled) {
	border-left-color: var(--fc-slate);
	border-right-color: var(--fc-slate);
}
.dark-red-background .IndexList .Navigation a:not(.navigation-disabled):hover,
.dark-red-background .IndexList .Navigation a.active:not(.navigation-disabled) {
	background-color: #fff;
	color: #000!important;
	text-decoration: none;
	border-left-color: var(--fc-darker-red);
	border-right-color: var(--fc-darker-red);
}

.black-background .IndexList .Navigation a.with-icon:not(.navigation-disabled)::before,
.blue-background .IndexList .Navigation a.with-icon:not(.navigation-disabled)::before,
.black-background .IndexList .Navigation a.with-icon:not(.navigation-disabled)::after,
.blue-background .IndexList .Navigation a.with-icon:not(.navigation-disabled)::after {
	color: var(--fc-fleming-white)!important;
}

.black-background .IndexList .Navigation a.with-icon.active,
.blue-background .IndexList .Navigation a.with-icon.active,
.blue-background .IndexList .Navigation a.with-icon.active {
	color: var(--fc-fleming-black)!important;
}
.black-background .IndexList .Navigation a.with-icon.active::before,
.blue-background .IndexList .Navigation a.with-icon.active::before {
	color: var(--fc-fleming-black)!important;
}

.black-background .IndexList .Navigation a.with-icon:hover::before,
.blue-background .IndexList .Navigation a.with-icon:hover::before,
.black-background .IndexList .Navigation a.with-icon:hover::after,
.blue-background .IndexList .Navigation a.with-icon:hover::after {
	color: var(--fc-fleming-black)!important;
}
/*------------------------------------ FixToTop widget  ------------------------------------/*
/*!
    A widget that fixes an element to the top of the screen as the user scroll past it.

    @version 1
    @used http://flemingcollege.ca/programs/a-z (scoll down)
    @TODO 
    @module FixToTop
*/
.stuck {
	position: fixed!important;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
  }
.stuck .hide-when-stuck {
	display: none!important;
}
.show-when-stuck{
	display: none;
}
.stuck .show-when-stuck{
	display: block;
}

.SECTION.stuck {
	padding: 1rem 0;
}


/*------------------------------------ Horizontal Scroll widget  ------------------------------------/*
/*!
    An area that displays program information in a specific way. 

    @version 1
    @used http://flemingcollege.ca/programs/a-z
    @TODO 
    @module ProgramList
*/
.HorizontalScroll {
    position: relative;
}
.HorizontalScroll.active {
    padding-left: 3rem;
    padding-right: 3rem;
}

 .HorizontalScroll .HorizontalScroll--prev, 
 .HorizontalScroll .HorizontalScroll--next {
	position: absolute;
    display: flex;
	width: 3rem;
	cursor: pointer;  
    justify-content: center;
    align-items: center;
    background: var(--fc-bright-iris-3);
    z-index: 950;
}
.black-background .HorizontalScroll .HorizontalScroll--prev, 
.black-background .HorizontalScroll .HorizontalScroll--next {
   background: none;
}
 
 .HorizontalScroll .HorizontalScroll--prev {
    left: -3rem;    
 }
 .HorizontalScroll .HorizontalScroll--next {
    right: -3rem; 
 }
 .HorizontalScroll .HorizontalScroll--prev::before,
 .HorizontalScroll .HorizontalScroll--next::before {
    /* These styles are required to make icons render reliably 
	https://fontawesome.com/docs/web/add-icons/pseudo-elements
	*/
	display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	/**/
	/* Note: Make sure to include the correct weight and Unicode value for the icon */
	font-family: "Font Awesome 6 Pro";
	
    position: absolute;
    top: 50%;
    opacity: 0.75;
	font-size: 1.5rem;
    transform: translateY(-50%);
    background: var(--fc-bright-iris-3);
}
.HorizontalScroll .HorizontalScroll--prev:hover::before,
.HorizontalScroll .HorizontalScroll--next:hover::before {
    
    opacity: 1;

}
.HorizontalScroll .HorizontalScroll--prev::before {
    content: '\f053';
}
.HorizontalScroll .HorizontalScroll--next::before {
    content: '\f054';
}