/*!
    Fleming College Redesign 2022
    A visual redesign of flemingcollege.ca

    CSS Documentation Reference
    https://github.com/Paratron/CSSdoc

    @version 1
    @used http://beta.flemingcollege.ca

*/

/*------------------------------------ FONTS  ------------------------------------*/

@font-face {
	font-family: "HCo Gotham";
	src: url("/fonts/Gotham-Light_Web.woff2") format("woff2"), url("/fonts/Gotham-Light_Web.woff") format("woff");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: "HCo Gotham";
	src: url("/fonts/Gotham-LightItalic_Web.woff2") format("woff2"), url("/fonts/woff/Gotham-LightItalic_Web.woff") format("woff");
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: "HCo Gotham";
	src: url("/fonts/Gotham-Book_Web.woff2") format("woff2"), url("/fonts/Gotham-Book_Web.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "HCo Gotham";
	src: url("/fonts/Gotham-BookItalic_Web.woff2") format("woff2"), url("/fonts/Gotham-BookItalic_Web.woff") format("woff");
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: "HCo Gotham";
	src: url("/fonts/Gotham-Medium_Web.woff2") format("woff2"), url("/fonts/Gotham-Medium_Web.woff") format("woff");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "HCo Gotham";
	src: url("/fonts/Gotham-MediumItalic_Web.woff2") format("woff2"), url("/fonts/Gotham-MediumItalic_Web.woff") format("woff");
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: "HCo Gotham";
	src: url("/fonts/Gotham-Bold_Web.woff2") format("woff2"), url("/fonts/Gotham-Bold_Web.woff") format("woff");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "HCo Gotham";
	src: url("/fonts/Gotham-BoldItalic_Web.woff2") format("woff2"), url("/fonts/Gotham-BoldItalic_Web.woff") format("woff");
	font-weight: 700;
	font-style: italic;
}

/*------------------------------------ END FONTS  ------------------------------------*/

/*------------------------------------ GLOBAL VARIABLES  ------------------------------------*/


/*=
    Global variables 
    
    @module GLOBAL
*/
:root {

	/* Color Theme 
	/* https://www.figma.com/file/odRsdgWLRQlLlxKpmxz753/BBL_FC-Design_2021?node-id=533%3A1927
	*/
	--fc-fleming-black: #000000;
	--fc-fleming-black-rgb: 0, 0, 0;
	--fc-fleming-white: #fff;
	--fc-fleming-white-rgb: 255, 255, 255;
	--fc-fleming-blue: #1b75bb;
	--fc-fleming-blue-rgb: 27, 117, 187;
	--fc-red: #EC1C24;
	--fc-red-rgb: 236, 28, 36;
	--fc-darker-red: #C3080F;
	--fc-darker-red-rgb: 195, 8, 15;
	--fc-orange: #f6921e;
	--fc-orange-rgb: 246, 146, 30;
	--fc-darker-orange: #b46204;
	--fc-darker-orange-rgb: 180, 98, 4;
	--fc-green: #8BC53F;
	--fc-green-rgb: 139, 197, 63;
	--fc-darker-green: #437600;
	--fc-darker-green-rgb: 67, 118, 0;
	--fc-blue: #1C8FE9;
	--fc-blue-rgb: 28, 143, 233;
	--fc-darker-blue: #1B75BB;
	--fc-darker-blue-rgb: 27, 117, 187;
	
	--fc-fleming-teal: #2ecec3;
	--fc-fleming-teal-rgb: 46, 206, 195;
	--fc-fleming-teal-1: #2ecec3;
	--fc-fleming-teal-1-rgb: 46, 206, 195;
	--fc-fleming-teal-2: #58e1d8;
	--fc-fleming-teal-2-rgb: 88, 225, 216;
	--fc-fleming-teal-3: #7af1e9;
	--fc-fleming-teal-3-rgb: 122, 241, 233;
	--fc-fleming-teal-4: #b3fcf7;
	--fc-fleming-teal-4-rgb: 179, 252, 247;

	--fc-bright-iris: #4B4DED;
	--fc-bright-iris-rgb: 75, 77, 237;
	--fc-bright-iris-1: #0d10bd;
	--fc-bright-iris-1-rgb: 13, 16, 189;
	--fc-bright-iris-2: #4b4ded;
	--fc-bright-iris-2-rgb: 75, 77, 237;
	--fc-bright-iris-3: #5d5fef;
	--fc-bright-iris-3-rgb: 93, 95, 239;
	--fc-bright-iris-4: #a5a6f6;
	--fc-bright-iris-4-rgb: 165, 166, 246;

	--fc-slate: #4a4a68;
	--fc-slate-rgb: 74, 74, 104;
	--fc-light-slate: #8c8ca1;
	--fc-light-slate-rgb: 140, 140, 161;
	--fc-dorian: #ecf1f4;
	--fc-dorian-rgb: 236, 241, 244;
	--fc-cloud: #fafcfe;
	--fc-cloud-rgb: 250, 252, 254;

	--fc-muted-text-opacity: 0.6;

	--fc-spacer-0: 0rem;/*0px*/
	--fc-spacer-1: 0.25rem;/*4px*/
	--fc-spacer-2: 0.5rem;/*8px*/
	--fc-spacer-3: 0.75rem;/*12px*/
	--fc-spacer-4: 1rem;/*16px*/
	--fc-spacer-5: 2rem; /*24px*/
	--fc-spacer-6: 2.25rem; /*32px*/
	--fc-spacer-7: 3rem; /*48px*/
	--fc-spacer-8: 4rem;   /*64px*/
	--fc-spacer-9: 5rem;   /*80px*/

	--fc-body-color: #000;
	--fc-link-color: #1b75bb;

	--fc-xsmall-text : calc(0.4rem + .3vw); 
	--fc-small-text: calc(0.5rem + .3vw);  
	--fc-normal-text: calc(0.75rem + .3vw); 
	--fc-large-text: calc(1.1rem + .3vw); 
	--fc-xlarge-text: calc(1.25rem + .3vw); 

	--fc-hero-src : 'url()';

}

/*------------------------------------ END GLOBAL  ------------------------------------/*


/*------------------------------------ DOCUMENT  ------------------------------------*/


/*=
    Global resets
    The default definitions for all tags. 
    Styles in this section should only apply to HTML tag selectors
    
    @module DOCUMENT
*/

/* force support for HTML5 in IE < 9 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

body {

	font-family: 'Open Sans','Arial', Helvetica, sans-serif;
	line-height: 1.42857;
	color: #FFF;
	background-color: var(--fc-body-color)!important;
	font-size: var(--fc-normal-text);
	position: relative;
}
body::before {

	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	max-height:100vh;
	z-index: -50;
	content: ' ';

	background-image: url(/theme/v2/img/shield-pattern.svg);	
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
}
 
a {
	color:  #1b75bb;
}

a[href^="http"]:not(a[href*="flemingcollege.ca"]):not(footer a):not(.btn):not(.no-icon) {
	display: inline-block;
	margin-right: 1.5rem;
	position: relative;
} 
a[href^="http"]:not(a[href*="flemingcollege.ca"]):not(footer a):not(.btn):not(.no-icon)::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";
    content: '\f35d';
	position: absolute;
	top: 0rem;
	right: -1rem;
	font-size: 60%;
 
}

a[href*=".doc"],
a[href*=".docx"],
a[href^="mailto:"],
a[href^="/mail?:"],
a[href*=".pdf"],
a[href*=".pptx"],
a[href*=".ppt"],
a[href*=".xlsx"],
a[href*=".xls"] {
	display: inline-block;
} 
a[href*=".doc"]:not(.btn):not(.with-icon):not(.no-icon)::before,
a[href*=".docx"]:not(.btn):not(.with-icon):not(.no-icon)::before,
a[href^="mailto:"]:not(.btn):not(.with-icon):not(.no-icon)::before,
a[href^="/mail?"]:not(.btn):not(.with-icon):not(.no-icon)::before,
a[href*=".pdf"]:not(.btn):not(.with-icon):not(.no-icon)::before,
a[href*=".pptx"]:not(.btn):not(.with-icon):not(.no-icon)::before,
a[href*=".ppt"]:not(.btn):not(.with-icon):not(.no-icon)::before,
a[href*=".xlsx"]:not(.btn):not(.with-icon):not(.no-icon)::before,
a[href*=".xls"]:not(.btn):not(.with-icon):not(.no-icon)::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";
	font-weight: normal;
	transition: opacity 0.15s ease-in-out;
	min-width: 1rem;
	text-decoration: none;
	margin-right: 0.25rem;
	margin-left: 0.25rem;
}
a[href*=".doc"]:not(.btn):not(.no-icon)::before,
a[href*=".docx"]:not(.btn):not(.no-icon)::before {
	content: var(--fc-icon-docx);
	color: var(--fc-darker-blue); 
	
}
a[href*=".pdf"]:not(.btn):not(.no-icon)::before {
	content: var(--fc-icon-pdf);
	color: var(--fc-darker-red); 
}
.black-background a[href*=".pdf"]:not(.btn):not(.no-icon)::before,
.blue-background a[href*=".pdf"]:not(.btn):not(.no-icon)::before {
	color: var(--fc-fleming-white); 
}
a[href*=".pptx"]:not(.btn):not(.no-icon)::before,
a[href*=".ppt"]:not(.btn):not(.no-icon)::before {
	content: var(--fc-icon-pptx);
	color: var(--fc-orange); 
}
a[href*=".xls"]:not(.btn):not(.no-icon)::before,
a[href*=".xlsx"]:not(.btn):not(.no-icon)::before {
	content: var(--fc-icon-xlsx);
	color: var(--fc-darker-green); 
}
a[href^="mailto:"]:not(.btn):not(.no-icon)::before,
a[href^="/mail?"]:not(.btn):not(.no-icon)::before {
	content: var(--fc-icon-email);
}
h1,
h2,
h3,
h4,
h5,
h6,
.h2,
.h3,
.h4,
.h5,
.h6  {
	font-family: 'HCo Gotham', 'Arial', Helvetica, sans-serif;

}

h1 { /* a shim to hide the H1 when BS5 styles aren't included on legacy pages. */		
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0,0,0,0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

h2,
.h2 {
	font-size: calc(3rem + .9vw); /*48px*/
	letter-spacing:  -0.02em;
	margin-left: -3px;
}
h2::first-letter, /* this fixes the leading space on H2's */
.h2::first-letter {
	margin-left: 0;
  }
h3,
.h3 {
	font-size: calc(1.5rem + .3vw); /*48px*/
	letter-spacing:  -0.02em;
	padding-top: var(--fc-spacer-5);
}

h4,
.h4 {
	font-size: calc(1.25rem + .3vw); /*36px*/
	letter-spacing:  -0.02em;
	padding-top: var(--fc-spacer-4);
}

h5,
.h5 {
	font-size: calc(1.1rem + .3vw); /*24px*/
	padding-top: var(--fc-spacer-3);
}

h6,
.h6 {
	font-size: calc(0.68rem + .3vw); /*20px*/	
	padding-top: var(--fc-spacer-2);
}

ul,
ol {
	margin-bottom: 1rem;
}

ul li,
ol li {
	padding-bottom: var(--fc-spacer-1);
}

ul:not(.list-unstyled):not(.list-inline):not(.list-group):not(.slick-dots):not(.nav):not(.nav-pills):not(.navbar-nav):not(.dropdown-menu):not(.swiftype-widget ul):not(.FooterExploreNav ul) li {
	list-style-type: none;
	padding-left: 1.5rem;
	position: relative;
	margin-left: 0;
}
ul:not(.list-unstyled):not(.list-inline):not(.list-group):not(.slick-dots):not(.nav):not(.nav-pills):not(.navbar-nav):not(.dropdown-menu):not(.swiftype-widget ul):not(.FooterExploreNav ul) li::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";
	content: '\f324';
	left: 0;
	position: absolute;
	top: .4em;
	opacity: 0.75;
	font-size: .66em;

  }
dl {
	margin-bottom: 1rem;

}

hr {
	height: 0;
	border: 0;
	margin: 0;
}

/*=
    DOCUMENT MODIFERS
    global modifiers for TAG selectors
    to be used site-wide.
    
    @module DOCUMENT-MODIFER
*/

i { /* give the link icons some space */
	margin-right: 1em;
}

a:hover>i:first-child {
	text-decoration: none;
}

label,
.form-label {
	text-transform: uppercase;
	font-weight: bold;
	font-size: var(--fc-small-text);
	margin-bottom: 0;
	padding-left:6px;
}

.font-gotham-light {
	font-family: 'HCO Gotham';
	font-weight: 300;
	font-style: normal;
}
.font-gotham-light-italic {
	font-family: 'HCO Gotham';
	font-weight: 300;
	font-style: italic;
}
.font-gotham-book {
	font-family: 'HCO Gotham';
	font-weight: 400;
	font-style: normal;
}
.font-gotham-book-italic {
	font-family: 'HCO Gotham';
	font-weight: 400;
	font-style: italic;
}
.font-gotham-medium {
	font-family: 'HCO Gotham';
	font-weight: 500;
	font-style: normal;
}
.font-gotham-medium-italic {
	font-family: 'HCO Gotham';
	font-weight: 500;
	font-style: italic;
}
.font-gotham-bold {
	font-family: 'HCO Gotham';
	font-weight: 700;
	font-style: normal;
}
.font-gotham-bold-italic {
	font-family: 'HCO Gotham';
	font-weight: 700;
	font-style: italic;
}

/* set the BS spacing - this can be done more nicely with SASS.... someday */
.m-1 {
	margin: var(--fc-spacer-1);
}
.p-1 {
	padding: var(--fc-spacer-1);	
}

.m-2 {
	margin: var(--fc-spacer-2);
}
.p-2 {
	padding: var(--fc-spacer-2);	
}

.m-3 {
	margin: var(--fc-spacer-3);
}
.p-3 {
	padding: var(--fc-spacer-3);	
}

.m-4 {
	margin: var(--fc-spacer-4);
}
.p-4 {
	padding: var(--fc-spacer-4);	
}

.m-5 {
	margin: var(--fc-spacer-5);
}
.p-5 {
	padding: var(--fc-spacer-5);	
}

.m-6 {
	margin: var(--fc-spacer-6);
}
.p-6 {
	padding: var(--fc-spacer-6);	
}

.m-7 {
	margin: var(--fc-spacer-7);
}
.p-7 {
	padding: var(--fc-spacer-7);	
}

.m-8 {
	margin: var(--fc-spacer-8);
}
.p-8 {
	padding: var(--fc-spacer-8);	
}

.m-9 {
	margin: var(--fc-spacer-9);
}
.p-9 {
	padding: var(--fc-spacer-9);	
}

.mt-1 {
	margin-top: var(--fc-spacer-1);
}
.pt-1 {
	padding-top: var(--fc-spacer-1);	
}
.mb-1 {
	margin-bottom: var(--fc-spacer-1);
}
.pb-1 {
	padding-bottom: var(--fc-spacer-1);	
}
.ms-1 {
	margin-left: var(--fc-spacer-1);
}
.ps-1 {
	padding-left: var(--fc-spacer-1);	
}
.me-1 {
	margin-right: var(--fc-spacer-1);
}
.pe-1 {
	padding-right: var(--fc-spacer-1);	
}
.mx-1 {
	margin-left: var(--fc-spacer-1);
	margin-right: var(--fc-spacer-1);
}
.my-1 {
	margin-top: var(--fc-spacer-1);
	margin-bottom: var(--fc-spacer-1);
}
.px-1 {
	padding-left: var(--fc-spacer-1);	
	padding-right: var(--fc-spacer-1);
}
.py-1 {
	padding-top: var(--fc-spacer-1);	
	padding-bottom: var(--fc-spacer-1);
}

.mt-2 {
	margin-top: var(--fc-spacer-2);
}
.pt-2 {
	padding-top: var(--fc-spacer-2);	
}
.mb-2 {
	margin-bottom: var(--fc-spacer-2);
}
.pb-2 {
	padding-bottom: var(--fc-spacer-2);	
}
.ms-2 {
	margin-left: var(--fc-spacer-2);
}
.ps-2 {
	padding-left: var(--fc-spacer-2);	
}
.me-2 {
	margin-right: var(--fc-spacer-2);
}
.pe-2 {
	padding-right: var(--fc-spacer-2);	
}
.mx-2 {
	margin-left: var(--fc-spacer-2);
	margin-right: var(--fc-spacer-2);
}
.my-2 {
	margin-top: var(--fc-spacer-2);
	margin-bottom: var(--fc-spacer-2);
}
.px-2 {
	padding-left: var(--fc-spacer-2);	
	padding-right: var(--fc-spacer-2);
}
.py-2 {
	padding-top: var(--fc-spacer-2);	
	padding-bottom: var(--fc-spacer-2);
}

.mt-3 {
	margin-top: var(--fc-spacer-3);
}
.pt-3 {
	padding-top: var(--fc-spacer-3);	
}
.mb-3 {
	margin-bottom: var(--fc-spacer-3);
}
.pb-3 {
	padding-bottom: var(--fc-spacer-3);	
}
.ms-3 {
	margin-left: var(--fc-spacer-3);
}
.ps-3 {
	padding-left: var(--fc-spacer-3);	
}
.me-3 {
	margin-right: var(--fc-spacer-3);
}
.pe-3 {
	padding-right: var(--fc-spacer-3);	
}
.mx-3 {
	margin-left: var(--fc-spacer-3);
	margin-right: var(--fc-spacer-3);
}
.my-3 {
	margin-top: var(--fc-spacer-3);
	margin-bottom: var(--fc-spacer-3);
}
.px-3 {
	padding-left: var(--fc-spacer-3);	
	padding-right: var(--fc-spacer-3);
}
.py-3 {
	padding-top: var(--fc-spacer-3);	
	padding-bottom: var(--fc-spacer-3);
}


.mt-4 {
	margin-top: var(--fc-spacer-4);
}
.pt-4 {
	padding-top: var(--fc-spacer-4);	
}
.mb-4 {
	margin-bottom: var(--fc-spacer-4);
}
.pb-4 {
	padding-bottom: var(--fc-spacer-4);	
}
.ms-4 {
	margin-left: var(--fc-spacer-4);
}
.ps-4 {
	padding-left: var(--fc-spacer-4);	
}
.me-4 {
	margin-right: var(--fc-spacer-4);
}
.pe-4 {
	padding-right: var(--fc-spacer-4);	
}
.mx-4 {
	margin-left: var(--fc-spacer-4);
	margin-right: var(--fc-spacer-4);
}
.my-4 {
	margin-top: var(--fc-spacer-4);
	margin-bottom: var(--fc-spacer-4);
}
.px-4 {
	padding-left: var(--fc-spacer-4);	
	padding-right: var(--fc-spacer-4);
}
.py-4 {
	padding-top: var(--fc-spacer-4);	
	padding-bottom: var(--fc-spacer-4);
}

.mt-5 {
	margin-top: var(--fc-spacer-5);
}
.pt-5 {
	padding-top: var(--fc-spacer-5);	
}
.mb-5 {
	margin-bottom: var(--fc-spacer-5);
}
.pb-5 {
	padding-bottom: var(--fc-spacer-5);	
}
.ms-5 {
	margin-left: var(--fc-spacer-5);
}
.ps-5 {
	padding-left: var(--fc-spacer-5);	
}
.me-5 {
	margin-right: var(--fc-spacer-5);
}
.pe-5 {
	padding-right: var(--fc-spacer-5);	
}
.mx-5 {
	margin-left: var(--fc-spacer-5);
	margin-right: var(--fc-spacer-5);
}
.my-5 {
	margin-top: var(--fc-spacer-5);
	margin-bottom: var(--fc-spacer-5);
}
.px-5 {
	padding-left: var(--fc-spacer-5);	
	padding-right: var(--fc-spacer-5);
}
.py-5 {
	padding-top: var(--fc-spacer-5);	
	padding-bottom: var(--fc-spacer-5);
}


.mt-6 {
	margin-top: var(--fc-spacer-6);
}
.pt-6 {
	padding-top: var(--fc-spacer-6);	
}
.mb-6 {
	margin-bottom: var(--fc-spacer-6);
}
.pb-6 {
	padding-bottom: var(--fc-spacer-6);	
}
.ms-6 {
	margin-left: var(--fc-spacer-6);
}
.ps-6 {
	padding-left: var(--fc-spacer-6);	
}
.me-6 {
	margin-right: var(--fc-spacer-6);
}
.pe-6 {
	padding-right: var(--fc-spacer-6);	
}
.mx-6 {
	margin-left: var(--fc-spacer-6);
	margin-right: var(--fc-spacer-6);
}
.my-6 {
	margin-top: var(--fc-spacer-6);
	margin-bottom: var(--fc-spacer-6);
}
.px-6 {
	padding-left: var(--fc-spacer-6);	
	padding-right: var(--fc-spacer-6);
}
.py-6 {
	padding-top: var(--fc-spacer-6);	
	padding-bottom: var(--fc-spacer-6);
}

.mt-7 {
	margin-top: var(--fc-spacer-7);
}
.pt-7 {
	padding-top: var(--fc-spacer-7);	
}
.mb-7 {
	margin-bottom: var(--fc-spacer-7);
}
.pb-7 {
	padding-bottom: var(--fc-spacer-7);	
}
.ms-7 {
	margin-left: var(--fc-spacer-7);
}
.ps-7 {
	padding-left: var(--fc-spacer-7);	
}
.me-7 {
	margin-right: var(--fc-spacer-7);
}
.pe-7 {
	padding-right: var(--fc-spacer-7);	
}
.mx-7 {
	margin-left: var(--fc-spacer-7);
	margin-right: var(--fc-spacer-7);
}
.my-7 {
	margin-top: var(--fc-spacer-7);
	margin-bottom: var(--fc-spacer-7);
}
.px-7 {
	padding-left: var(--fc-spacer-7);	
	padding-right: var(--fc-spacer-7);
}
.py-7 {
	padding-top: var(--fc-spacer-7);	
	padding-bottom: var(--fc-spacer-7);
}

.mt-8 {
	margin-top: var(--fc-spacer-8);
}
.pt-8 {
	padding-top: var(--fc-spacer-8);	
}
.mb-8 {
	margin-bottom: var(--fc-spacer-8);
}
.pb-8 {
	padding-bottom: var(--fc-spacer-8);	
}
.ms-8 {
	margin-left: var(--fc-spacer-8);
}
.ps-8 {
	padding-left: var(--fc-spacer-8);	
}
.me-8 {
	margin-right: var(--fc-spacer-8);
}
.pe-8 {
	padding-right: var(--fc-spacer-8);	
}
.mx-8 {
	margin-left: var(--fc-spacer-8);
	margin-right: var(--fc-spacer-8);
}
.my-8 {
	margin-top: var(--fc-spacer-8);
	margin-bottom: var(--fc-spacer-8);
}
.px-8 {
	padding-left: var(--fc-spacer-8);	
	padding-right: var(--fc-spacer-8);
}
.py-8 {
	padding-top: var(--fc-spacer-8);	
	padding-bottom: var(--fc-spacer-8);
}

.mt-9 {
	margin-top: var(--fc-spacer-9);
}
.pt-9 {
	padding-top: var(--fc-spacer-9);	
}
.mb-9 {
	margin-bottom: var(--fc-spacer-9);
}
.pb-9 {
	padding-bottom: var(--fc-spacer-9);	
}
.ms-9 {
	margin-left: var(--fc-spacer-9);
}
.ps-9 {
	padding-left: var(--fc-spacer-9);	
}
.me-9 {
	margin-right: var(--fc-spacer-9);
}
.pe-9 {
	padding-right: var(--fc-spacer-9);	
}
.mx-9 {
	margin-left: var(--fc-spacer-9);
	margin-right: var(--fc-spacer-9);
}
.my-9 {
	margin-top: var(--fc-spacer-9);
	margin-bottom: var(--fc-spacer-9);
}
.px-9 {
	padding-left: var(--fc-spacer-9);	
	padding-right: var(--fc-spacer-9);
}
.py-9 {
	padding-top: var(--fc-spacer-9);	
	padding-bottom: var(--fc-spacer-9);
}

.xsmall-text {
	font-size: var(--fc-xsmall-text);
}

.small-text {
	font-size: var(--fc-small-text);
}

.normal-text {
	font-size: var(--fc-normal-text);
}

.large-text {
	font-size: var(--fc-large-text);
}

.xlarge-text {
	font-size: var(--fc-xlarge-text);
}

.title-text {
	font-size: var(--fc-small-text);
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.03em;


}
.muted-text {

	opacity: var(--fc-muted-text-opacity)
}
.strike-through {

	text-decoration: line-through;
}

.title-case {
	text-transform: capitalize;
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
	.w-sm-100 {
	width:100%!important;
	}
	.w-sm-75 {
	width:75%!important;
	}
	.w-sm-50 {
	width:50%!important;
	}
	.w-sm-25 {
	width:25%!important;
	}
	.h-sm-100 {
	height:100%!important;
	}
	.h-sm-75 {
	height:75%!important;
	}
	.h-sm-50 {
	height:50%!important;
	}
	.h-sm-25 {
	height:25%!important;
	}
	}
	
	/* Medium devices (tablets, 768px and up)*/
	@media (min-width: 768px) {
	.w-md-100 {
	width:100%!important;
	}
	.w-md-75 {
	width:75%!important;
	}
	.w-md-50 {
	width:50%!important;
	}
	.w-md-25 {
	width:25%!important;
	}
	.h-md-100 {
	height:100%!important;
	}
	.h-md-75 {
	height:75%!important;
	}
	.h-md-50 {
	height:50%!important;
	}
	.h-md-25 {
	height:25%!important;
	}
	}
	
	/* Large devices (desktops, 992px and up)*/
	@media (min-width: 992px) {
	.w-lg-100 {
	width:100%!important;
	}
	.w-lg-75 {
	width:75%!important;
	}
	.w-lg-50 {
	width:50%!important;
	}
	.w-lg-25 {
	width:25%!important;
	}
	.h-lg-100 {
	height:100%!important;
	}
	.h-lg-75 {
	height:75%!important;
	}
	.h-lg-50 {
	height:50%!important;
	}
	.h-lg-25 {
	height:25%!important;
	}
	}
	
	/* Extra large devices (large desktops, 1200px and up)*/
	@media (min-width: 1200px) {
	.w-xl-100 {
	width:100%!important;
	}
	.w-xl-75 {
	width:75%!important;
	}
	.w-xl-50 {
	width:50%!important;
	}
	.w-xl-25 {
	width:25%!important;
	}
	.h-xl-100 {
	height:100%!important;
	}
	.h-xl-75 {
	height:75%!important;
	}
	.h-xl-50 {
	height:50%!important;
	}
	.h-xl-25 {
	height:25%!important;
	}
	}

/*------------------------------------ END DOCUMENT  ------------------------------------/*

/*------------------------------------ GLOBAL MODIFERS  ------------------------------------/*

/*=
    GLOBAL MODIFERS
    global modifiers to be used everywhere
    
    @module GLOBAL-MODIFER
*/

.padded {
	/*added to a .[color]-background to provide padding when not otherwise provided by another class system */
	padding: 1.5rem;

}

.row-striped {
	background-color: var(--fc-fleming-white);	
}
.row-striped:nth-child(2n+1) {
	background-color: var(--fc-dorian);	
}

.white-background:not(.sticky-top):not(.fixed-top):not(.stuck),
.cloud-background:not(.sticky-top):not(.fixed-top):not(.stuck),
.grey-background:not(.sticky-top):not(.fixed-top):not(.stuck),
.teal-background:not(.sticky-top):not(.fixed-top):not(.stuck),
.blue-background:not(.sticky-top):not(.fixed-top):not(.stuck),
.black-background:not(.sticky-top):not(.fixed-top):not(.stuck),
.dark-red-background:not(.sticky-top):not(.fixed-top):not(.stuck),
.white-teal-background:not(.sticky-top):not(.fixed-top):not(.stuck),
.teal-white-background:not(.sticky-top):not(.fixed-top):not(.stuck) {
	position: relative;

}

.white-background::before,
.grey-background::before,
.cloud-background::before,
.teal-background::before,
.blue-background::before,
.black-background::before,
.dark-red-background::before,
.white-teal-background::before,
.teal-white-background::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: -20;
	content: ' ';
}

.white-background::before {
	background-color: var(--fc-fleming-white);

}
.cloud-background::before {
	background-color: var(--fc-cloud);
}
.grey-background::before {
	background-color: var(--fc-dorian);
}
.teal-background::before {
	background-color: var(--fc-fleming-teal);
}
.blue-background::before {
	background-color: var(--fc-bright-iris-3);
}
.black-background::before {
	background-color: var(--fc-fleming-black);
}
.dark-red-background::before {
	background-color: var(--fc-darker-red);
}
.white-teal-background::before {
	background-image: linear-gradient(to right, var(--fc-fleming-white) 50%, var(--fc-fleming-teal) 50%);
}
.teal-white-background::before {
	background-image: linear-gradient(to right, var(--fc-fleming-teal) 50%, var(--fc-fleming-white) 50%);
}

.white-background .with-icon:not(.btn):not(.alert)::before,
.white-background .with-icon-after:not(.btn):not(.alert)::after,
.cloud-background .with-icon:not(.btn):not(.alert)::before,
.cloud-background .with-icon-after:not(.btn):not(.alert)::after,
.grey-background .with-icon:not(.btn):not(.alert)::before,
.grey-background .with-icon-after:not(.btn):not(.alert)::after {
	color: var(--fc-fleming-black);
}

.white-background,
.cloud-background,
.grey-background {
	color: var(--fc-fleming-black)!important;
}
/*
.white-background a:not(.btn):not(.nav-link),
.cloud-background a:not(.btn):not(.nav-link),
.grey-background a:not(.btn):not(.nav-link) {
	color: var(--fc-link-color)!important;
}
*/
.black-background,
.blue-background,
.dark-red-background,
.black-background a:not(.btn):not(.black-text),
.blue-background a:not(.btn):not(.black-text),
.dark-red-background a:not(.btn):not(.black-text) {
	color: var(--fc-fleming-white)!important;
}

.black-background .with-icon:not(.btn):not(.alert):not(.input-group-text):not(.navigation-disabled):not(.IndexList a)::before,
.black-background .with-icon-after:not(.btn):not(.alert):not(.input-group-text):not(.navigation-disabled):not(.IndexList a)::after,
.blue-background .with-icon:not(.btn):not(.alert):not(.input-group-text):not(.navigation-disabled):not(.IndexList a)::before,
.blue-background .with-icon-after:not(.btn):not(.alert):not(.input-group-text):not(.navigation-disabled):not(.IndexList a)::after,
.dark-red-background .with-icon-after:not(.btn):not(.alert):not(.input-group-text):not(.navigation-disabled):not(.IndexList a)::after {
	color: var(--fc-fleming-white);
}

.grey-background .with-icon:not(.btn):not(.alert):not(.input-group-text)::before,
.grey-background .with-icon-after:not(.btn):not(.alert):not(.input-group-text)::after,
.grey-background .with-icon:not(.btn):not(.alert):not(.input-group-text)::before,
.grey-background .with-icon-after:not(.btn):not(.alert):not(.input-group-text)::after {
	color: var(--fc-fleming-black)!important;
}

.teal-background {
	color:var(--fc-fleming-black);
}
.teal-background a:not(.btn) {
	color: var(--fc-bright-iris); 
} 


.black-background.background-opacity-1::before {
	background-color: rgba(var(--fc-fleming-black-rgb),0.1);
}
.black-background.background-opacity-2::before {
	background-color: rgba(var(--fc-fleming-black-rgb),0.2);
}
.black-background.background-opacity-3::before {
	background-color: rgba(var(--fc-fleming-black-rgb),0.3);
}
.black-background.background-opacity-4::before {
	background-color: rgba(var(--fc-fleming-black-rgb),0.4);
}
.black-background.background-opacity-5::before {
	background-color: rgba(var(--fc-fleming-black-rgb),0.5);
}
.black-background.background-opacity-6::before {
	background-color: rgba(var(--fc-fleming-black-rgb),0.6);
}
.black-background.background-opacity-7::before {
	background-color: rgba(var(--fc-fleming-black-rgb),0.7);
}
.black-background.background-opacity-8::before {
	background-color: rgba(var(--fc-fleming-black-rgb),0.8);
}
.black-background.background-opacity-9::before {
	background-color: rgba(var(--fc-fleming-black-rgb),0.9);
}

.white-background.background-opacity-1::before {
	background-color: rgba(var(--fc-fleming-white-rgb),0.1);
}
.white-background.background-opacity-2::before {
	background-color: rgba(var(--fc-fleming-white-rgb),0.2);
}
.white-background.background-opacity-3::before {
	background-color: rgba(var(--fc-fleming-white-rgb),0.3);
}
.white-background.background-opacity-4::before {
	background-color: rgba(var(--fc-fleming-white-rgb),0.4);
}
.white-background.background-opacity-5::before {
	background-color: rgba(var(--fc-fleming-white-rgb),0.5);
}
.white-background.background-opacity-6::before {
	background-color: rgba(var(--fc-fleming-white-rgb),0.6);
}
.white-background.background-opacity-7::before {
	background-color: rgba(var(--fc-fleming-white-rgb),0.7);
}
.white-background.background-opacity-8::before {
	background-color: rgba(var(--fc-fleming-white-rgb),0.8);
}
.white-background.background-opacity-9::before {
	background-color: rgba(var(--fc-fleming-white-rgb),0.9);
}

/*
.white-background ~ .grey-background::before,
.white-background ~ .teal-background::before,
.white-background ~ .blue-background::before,
.white-background ~ .black-background::before,
.white-background ~ .white-teal-background::before,
.white-background ~ .teal-white-background::before,

.grey-background ~ .white-background::before,
.grey-background ~ .teal-background::before,
.grey-background ~ .blue-background::before,
.grey-background ~ .black-background::before,
.grey-background ~ .white-teal-background::before,
.grey-background ~ .teal-white-background::before,

.teal-background ~ .white-background::before,
.teal-background ~ .grey-background::before,
.teal-background ~ .blue-background::before,
.teal-background ~ .black-background::before,
.teal-background ~ .white-teal-background::before,
.teal-background ~ .teal-white-background::before,

.blue-background ~ .white-background::before,
.blue-background ~ .grey-background::before,
.blue-background ~ .teal-background::before,
.blue-background ~ .black-background::before,
.blue-background ~ .white-teal-background::before,
.blue-background ~ .teal-white-background::before,

.black-background ~ .white-background::before,
.black-background ~ .grey-background::before,
.black-background ~ .teal-background::before,
.black-background ~ .blue-background::before,
.black-background ~ .white-teal-background::before,
.black-background ~ .teal-white-background::before,

.white-teal-background ~ .white-background::before,
.white-teal-background ~ .grey-background::before,
.white-teal-background ~ .teal-background::before,
.white-teal-background ~ .blue-background::before,
.white-teal-background ~ .black-background::before,
.white-teal-background ~ .teal-white-background::before,

.teal-white-background ~ .white-background::before,
.teal-white-background ~ .grey-background::before,
.teal-white-background ~ .teal-background::before,
.teal-white-background ~ .blue-background::before,
.teal-white-background ~ .black-background::before,
.teal-white-background ~ .white-teal-background::before {

	z-index: -15;

}
*/

.alternating-color {

	background-color: var(--fc-dorian);
}
.alternating-color:nth-child(odd) {

	background-color: var(--fc-fleming-white);

}

.white-text {
	color:var(--fc-fleming-white)!important;
}
.white-text::before {
	color:var(--fc-fleming-white)!important;
}
a.white-text {
	color:var(--fc-fleming-white)!important;
}
a.white-text::before {
	color:var(--fc-fleming-white)!important;
}

.black-text {
	color:var(--fc-fleming-black)!important;
}
.black-text::before {
	color:var(--fc-fleming-black)!important;
}
a.black-text {
	color:var(--fc-fleming-black)!important;
}
a.black-text::before {
	color:var(--fc-fleming-black)!important;
}

.dark-red-text {
	color: var(--fc-darker-red) !important;
  }

/*------------------------------------ END GLOBAL MODIFERS  ------------------------------------/*


/*------------------------------------ END DOCUMENT  ------------------------------------/*


/*= SELECTIZE MODIFIERS  
    Overwrite or enhance the default Selectize styles.

    @version 1
    @used https://flemingcollege.ca/cash-for-college
    @TODO 
    @module SELECTIZE
*/
.selectize-control.form-select {
	padding: 0;
	-moz-padding-start: 0;
	border: 0;
}
.selectize-dropdown.form-select {
	padding-right: 11px;
	font-size: 1rem;
	line-height:  inherit;
}
.selectize-control.form-select .selectize-input,
.selectize-control.form-select .selectize-input input {
	border: 0;
	font-size: 1rem;
	line-height:  inherit;
}
/*= SLICK SLIDER MODIFIERS  
    Overwrite or enhance the default slider styles.

    @version 1
    @used https://flemingcollege.ca/programs/apprenticeships
    @TODO 
    @module SLIDER
*/
.slick-next,
.slick-prev {
	width: 2rem;
	height: 4rem;
}
.slick-prev {
	
	left: -4rem;
	display:none;
}
.slick-next {
	
	right: -4rem;
	display:none;
}

/*  Medium devices (tablets, 768px and up) */
@media (min-width: 993px) {
	
	.slick-prev {
	
		left: -2.75rem;
		display:block;
	}
	.slick-next {
		
		right: -2.75rem;
		display:block;
	}
}
.slick-next .slick-next-icon::before,
.slick-prev .slick-prev-icon::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";
	content: " ";
	transition: opacity 0.15s ease-in-out;
	text-decoration: none;
	color: var(--fc-fleming-white);
	font-weight: 900;
	font-size: 2.5rem;
}

.slick-prev  .slick-prev-icon::before {
	content: '\f32a';
}
.slick-next  .slick-next-icon::before {
	content: '\f32b';
}
.slick-prev  .slick-prev-icon:hover::before {
	color: var(--fc-orange)!important;
}
.slick-next  .slick-next-icon:hover::before {
	color: var(--fc-orange)!important;
}

.slick-autoplay-toggle-button,
.slick-prev .slick-prev-icon,
.slick-next .slick-next-icon,
.slick-dots li button .slick-dot-icon,
.slick-dots li.slick-active button .slick-dot-icon {
	color: var(--fc-fleming-white);
}
.slick-dots {
	bottom: -45px;
}
.slick-dots.slick-dots-two-rows {
	bottom: -90px;
}

.black-background .slick-autoplay-toggle-button,
.black-background .slick-prev .slick-prev-icon,
.black-background .slick-next .slick-next-icon,
.black-background .slick-dots li button .slick-dot-icon,
.black-background .slick-dots li.slick-active button .slick-dot-icon,

.blue-background .slick-autoplay-toggle-button,
.blue-background .slick-prev .slick-prev-icon,
.blue-background .slick-next .slick-next-icon,
.blue-background .slick-dots li button .slick-dot-icon,
.blue-background .slick-dots li.slick-active button .slick-dot-icon

{

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


.white-background .slick-autoplay-toggle-button,
.white-background .slick-prev .slick-prev-icon::before,
.white-background .slick-next .slick-next-icon::before,
.white-background .slick-dots li button .slick-dot-icon,
.white-background .slick-dots li.slick-active button .slick-dot-icon,

.white-background .slick-autoplay-toggle-button,
.white-background .slick-prev .slick-prev-icon::before,
.white-background .slick-next .slick-next-icon::before,
.white-background .slick-dots li button .slick-dot-icon,
.white-background .slick-dots li.slick-active button .slick-dot-icon,

.grey-background .slick-autoplay-toggle-button,
.grey-background .slick-prev .slick-prev-icon::before,
.grey-background .slick-next .slick-next-icon::before,
.grey-background .slick-dots li button .slick-dot-icon,
.grey-background .slick-dots li.slick-active button .slick-dot-icon,

.grey-background .slick-autoplay-toggle-button,
.grey-background .slick-prev .slick-prev-icon::before,
.grey-background .slick-next .slick-next-icon::before,
.grey-background .slick-dots li button .slick-dot-icon,
.grey-background .slick-dots li.slick-active button .slick-dot-icon
{

	color: var(--fc-fleming-black);
}



.white-teal-background .slick-next,
.white-teal-background .slick-next .slick-next-icon::before,
.teal-white-background .slick-prev,
.teal-white-background .slick-prev .slick-prev-icon::before {

	color: var(--fc-fleming-black);
}

.white-teal-background .slick-prev,
.white-teal-background .slick-prev .slick-prev-icon::before,
.teal-white-background .slick-next,
.teal-white-background .slick-next .slick-next-icon::before {

	color: var(--fc-fleming-black);
}


/*------------------------------------ END SLICK SLIDER MODIFIERS    ------------------------------------*/

 
/*------------------------------------ SHIMS  ------------------------------------/*
/*!
    These are legacy classes that exist in the database content
	Doing this near the top so it is easily overwritten further down the cascade

    @version 1  2022.06.09 
    @used http://flemingcollege.ca/
    @changelog
        -- 2022.06.09  - initial implementation

    @TODO 

    @module SHIMS
*/

.lead-in { 

	font-size: var(--fc-xlarge-text);
}


/*------------------------------------ END SHIMS  ------------------------------------/*


/*------------------------------------ HEADER  ------------------------------------/*

/*!
    Common Page header
    Used on every page.

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

header .ADMIN {
	background: #000;
	color: #fff;
}

header .ADMIN ul,
header .ADMIN li {
	margin: 0;
	padding: 0;
}

header .ADMIN li {
	display: inline-block;
	list-style-type: none;
}

header .ADMIN button {
	color: #fff;
}
header .ADMIN a {
	color: #fff;
}

.NavbarHeader {
	width: 100%;
}
/*  Medium devices (tablets, 768px and up) */
@media (min-width: 992px) {	
	
	.NavbarHeader  {
		width: auto;
	}
}

header .Logo img {
	width: 250px;
	position: relative;
	z-index: 1035;
}

header .MenuToggler button {
	font-size: var(--fc-xlarge-text);
	display: block;
}
/*  Medium devices (tablets, 768px and up) */
@media (min-width: 992px) {	
	
	header .MenuToggler button  {
		display: none;
	}
}

header .NAVIGATION {
	padding-bottom: var(--fc-spacer-4);
}

header .UpperNav a {

	color: var(--fc-fleming-teal);
	text-decoration: none;
}
header .UpperNav a:hover {
	text-decoration: underline;
}

header .UpperSearch {
	background: rgba(var(--fc-fleming-white-rgb),0.2);
	border-bottom-left-radius: 12px;
	padding: var(--fc-spacer-4);
}
header .UpperSearch .btn {
	--bs-btn-color:  var(--fc-fleming-white);
	--bs-btn-bg: transparent;
	--bs-btn-hover-color:  var(--fc-fleming-black);
	--bs-btn-hover-bg:var(--fc-fleming-teal);
	--bs-btn-hover-border-color: var(--fc-fleming-teal);
	--bs-btn-active-color:  var(--fc-fleming-black);
	--bs-btn-active-bg: var(--fc-fleming-teal);
	--bs-btn-active-border-color: var(--fc-fleming-teal);
	--bs-btn-border-color: rgba(var(--fc-fleming-black-rgb),0.8);
	border-top-right-radius:.375rem!important;
	border-bottom-right-radius:.375rem!important;
	padding: .375rem .75rem;
}
.navmodal-search {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1080;
	display:flex;
	justify-content: end;
}
.navmodal-search form {
	padding-top: var(--fc-spacer-4);
	width:100%;
}
.navmodal-search .btn {
	--bs-btn-color:  var(--fc-fleming-white);
	--bs-btn-bg: rgba(var(--fc-fleming-white-rgb),0.2);
	--bs-btn-hover-color:  var(--fc-fleming-black);
	--bs-btn-hover-bg:var(--fc-fleming-teal);
	--bs-btn-hover-border-color: var(--fc-fleming-teal);
	--bs-btn-active-color:  var(--fc-fleming-black);
	--bs-btn-active-bg: var(--fc-fleming-teal);
	--bs-btn-active-border-color: var(--fc-fleming-teal);
	--bs-btn-border-color: rgba(var(--fc-fleming-white-rgb),0.1);
	border-top-right-radius:.375rem!important;
	border-bottom-right-radius:.375rem!important;
	padding: .375rem .75rem;
}


/*  Medium devices (tablets, 768px and up) */
@media (min-width: 992px) {		

	.navmodal-search form {
		width: 75%;
	}
}
/*  Large devices (desktops, 992px and up) */
@media (min-width: 992px) {		
	header .UpperSearch {
		padding: var(--fc-spacer-4) var(--fc-spacer-7) var(--fc-spacer-4) var(--fc-spacer-8);
	}
}
header .UpperNavSearch a { 
	background: rgba(var(--fc-fleming-white-rgb),0.2);
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	border: 1px solid #222;
	border-top: 0;
	display: block;
	transition: 0.15s ease-in-out;
	padding: var(--fc-spacer-4);
}
header .UpperNavSearch a:hover {
	background: rgba(var(--fc-fleming-white-rgb),0.3);

}
header .UpperNavSearch a {

	color: var(--fc-fleming-white);

}
header .MenuHeaders .navbar-nav {
	width:auto;
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 1025;
	padding-left: 73px;
}
/*  Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {		
	header .MenuHeaders .navbar-nav {
		width:auto;
		display: flex;
		flex-direction: row;
	}
}
/*  Large devices (desktops, 992px and up) */
@media (min-width: 992px) {		
	header .MenuHeaders .navbar-nav {  
		position: relative;
		z-index: 1035;
		padding-left: 0;
	}
}

header .MenuHeaders .nav-item {
	display: flex;
	flex-direction: column;
	padding-bottom: var(--fc-spacer-4);
}
/*  Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {		
	header .MenuHeaders .nav-item  {
		flex-direction: row;
		max-width: 8rem;
	}
}
/*  Large devices (desktops, 992px and up) */
@media (min-width: 992px) {	
	
	header .MenuHeaders .nav-item  {
		max-width:unset;
		padding-top:25px;
		padding-bottom: var(--fc-spacer-1);
	}
}


header .NAVIGATION .navbar-nav .nav-link {
	color: var(--fc-fleming-white);
	font-weight: 500;
	border-bottom: 2px solid transparent;
	margin-right: 32px;
	font-size: var(--fc-large-text);
}  
header .NAVIGATION .navbar-nav .nav-link.active,
header .NAVIGATION .navbar-nav .nav-link:hover {
	text-decoration: underline;
	text-decoration-color: var(--fc-fleming-teal);
	text-decoration-thickness: 2px;
}

header .MenuHeaders .nav-item .nav-link {

	text-align: left;
	padding: 0;

}
/*  Medium devices (tablets, 768px and up) 
@media (min-width: 768px) {	
	
	header .MenuHeaders .nav-item .nav-link {

		text-align: center;

	}

}*/
header .MenuHeaders .nav-item:last-child {	
	max-width:unset;
}
header .MenuHeaders .nav-item:last-child .nav-link {	
	text-align: left;
	margin-right: 0px;
}

header .MenuHeaders .nav-item:last-child .nav-link span {
	display: block;
	color: var(--fc-fleming-teal);
}

.nav-modal-backdrop {

	z-index: 1020;
}
header .NAVMODAL {
	--bs-modal-bg: rgba(var(--fc-fleming-black-rgb), 0.89);
	z-index: 1030;

}

header .NAVMODAL .modal-dialog {
	z-index: 1035;
}

header .NAVMODAL .modal-content {
	padding-top: 10rem;
	position: relative;
	background-color:  #1a1a1a!important;
}

header .NAVMODAL .modal-body {
	scrollbar-gutter: stable both-edges;
}


/*  Medium devices (tablets, 768px and up) */
@media (min-width: 992px) {	
	
	header .NAVMODAL .modal-content {
		padding-top: 11rem;
		padding-right: 80px;
		padding-left: 80px;
	}
	
	header .NAVMODAL .modal-content.upper-search-open {
		padding-top: 18rem;
	}
}

header .NAVMODAL .modal-cta {
	width: 100%;
	max-width: 250px;
	min-height: 300px;
}


header .NAVMODAL .modal-content ul {
	padding-left: 0;
	list-style: none;
}

header .NAVMODAL .modal-content h3 {
	margin-top: var(--fc-spacer-4);
	padding-bottom: var(--fc-spacer-3);
	font-size: 1.6rem;
	text-transform: uppercase;
}
header .NAVMODAL .modal-content .col h3:first-of-type {
	margin-top: 0;
	padding-top: 0;
}
header .NAVMODAL .modal-content li:before {
	top:1.15em!important;
}
header .NAVMODAL .modal-content a {
	color: var(--fc-fleming-white);
	text-decoration: none;
	padding: var(--fc-spacer-2) 0;
	display: block;
}
header .NAVMODAL .modal-content a:hover {
	text-decoration: underline;
}
header .NAVMODAL .modal-content .btn-close {
	color: var(--fc-fleming-black);
	background-color: var(--fc-fleming-white);
	font-size: 1rem;
	position: absolute;
	right: 10%;
	z-index: 1081;
}


@media (min-width: 992px) {
	header .NAVMODAL .modal-content .btn-close {
		font-size: 1.75rem;
	}
}
/*------------------------------------ END HEADER  ------------------------------------*/

/*------------------------------------ FOOTER  ------------------------------------/*

/*!
    Common Page footer
    Used on every page.

    @version 1  2022.06.09 
    @used http://flemingcollege.ca/
    @changelog
        -- 2022.06.09  - initial implementation

    @TODO 

    @module FOOTER
*/

footer {
	border-top: 1px solid var(--fc-slate);	
}


footer h2 {
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: var(--fc-xlarge-text);
	color: var(--fc-fleming-black);
}

footer ul {
	padding: 0;
	list-style: none;
}

footer ul li {
	padding: var(--fc-spacer-1) 0;
	list-style-type: none;
}

footer a {
	color: var(--fc-fleming-black);
	text-decoration: none;
}

footer a:hover {
	color: var(--fc-fleming-black);
	text-decoration: underline;
}

footer .Logo img {
	max-width: 190px;
	margin: 0;
}


footer .card {
	height:100%;
}
footer .card-header {
	background:transparent;
	padding:0;
	height:100%;
}
footer .card-body {
	padding:0;
	height:100%;
}

.DateModified button {

	border-top-left-radius: 0;
	border-top-right-radius: 0;
	--bs-btn-padding-x: 0.5rem;
	--bs-btn-padding-y: 0.25rem;
}
.PageInfo {
	border-bottom: 3px solid var(--fc-dorian);
}

.FooterTopNav a {
	font-family: 'HCo Gotham', 'Arial', Helvetica, sans-serif;
	font-weight: 500; 
	font-size: var(--fc-xlarge-text);
	text-align:center;
	display: block;
}
@media (min-width: 992px) {
	.FooterTopNav a {
		text-align:left;
	}
}
.FooterExploreNav {
	text-align:center;
}
@media (min-width: 992px) {
	.FooterExploreNav {
		text-align:left;
	}
}
.FooterCampusNav h2 {
	text-align:center;
}
.FooterCampusInfo {
	margin:0 auto;
	width:max-content;
}
.FooterCampusInfo a:not(.with-icon) {
	text-decoration: underline;
}
@media (min-width: 992px) {
	.FooterCampusNav h2 {
		text-align:left;
	}
	.FooterCampusInfo {
		margin:0;
		width:100%;
	}
}
footer .Social a::before {
	font-size: 3rem;
}

footer .Disclaimer a {
	text-decoration: underline;
}

/*------------------------------------ END FOOTER  ------------------------------------/*