/*
 Theme Name:   SCO of SLAG
 Template:   c411-studentloans
 Author:       Great Exposure
 Version:      1.0.0
*/
@import url("https://studentloansandgrants.com/wp-content/themes/c411-studentloans/style.css");

a:link, a:visited, a:active { color: #1b3e73; text-decoration: none; }

.c411-nav-main a:link, .c411-nav-main a:visited, .c411-nav-main a:hover, .c411-nav-main a:active { color: #1d488a; }

.c411-list-archivelinks .c411-c-links > li a:link, .c411-list-archivelinks .c411-c-links > * a:link, .c411-list-archivelinks .c411-c-links > li a:visited, .c411-list-archivelinks .c411-c-links > * a:visited, .c411-list-archivelinks .c411-c-links > li a:hover, .c411-list-archivelinks .c411-c-links > * a:hover, .c411-list-archivelinks .c411-c-links > li a:active, .c411-list-archivelinks .c411-c-links > * a:active,
.c411-schoolprofile-program-nav > ul > li a:link, .c411-schoolprofile-program-nav > ul > li a:visited, .c411-schoolprofile-program-nav > ul > li a:hover, .c411-schoolprofile-program-nav > ul > li a:active { color: #1d488a;}

.c411-header, .c411-header-general { background-color: transparent; position: absolute; width: 100%; top: 0; left: 0; z-index: 9; }
.c411-header .c411-c-top, .c411-header-general .c411-c-top {  padding-top: 0; }
.c411-header .c411-c-top .c411-c-left .c411-c-logo, .c411-header-general .c411-c-top .c411-c-left .c411-c-logo { position: relative; background: url(images/sco-logo.png) no-repeat 0 0; background-size: contain;  height: 116px; margin-top: 1rem; opacity: 1 !important; }
.c411-home-hero, .c411-page-hero { background: linear-gradient(90deg, rgb(31, 102, 130) 45%, rgba(59, 120, 134, 0.8) 55%, rgba(191, 155, 44, 0.2) 100%), url('images/hero-bg-sco25.jpg') no-repeat top right rgb(31, 102, 130); background-size: contain;
    min-height: 350px; height: 30vh; display: flex; align-items: center; background-size: contain; position: relative;}
.c411-home-hero .c411-c-slogan, .c411-page-hero .c411-c-slogan { /*color:#F7F0C4;*/ letter-spacing: -1px; font-size: 2.75rem; line-height: 1; max-width: 60%; text-shadow: 0 0 50px rgba(0,0,0,0.4); }
.c411-page-hero .c411-c-highlight { background: url(images/hero-icon-underline.svg) no-repeat bottom left; background-size: auto; background-size: 100%;  padding: 0.5rem 0; }
	.c411-page-hero .c411-c-sub .c411-c-highlight { padding: 0rem 0 0.1rem;}
.c411-searchpanel-full .c411-searchbar { background: #e6e5df; color: #333; padding: 3rem 5%; display: flex; gap: 1.5rem; align-items: center; } 
    body.home .c411-searchpanel-full .c411-searchbar { background: linear-gradient(90deg, rgba(29, 96, 128, 0.79) 0%, rgba(221, 208, 125, 0.09) 100%), url(images/search-bg2.jpg) no-repeat center; background-size: cover; color:#fff; min-height: 200px; padding: 0rem 5%; } 
            .c411-a-search-results.c411-a-sticky.c411-searchpanel-full .c411-searchbar, .c411-searchpanel-full.c411-a-sticky .c411-searchbar { padding: 1.5rem 5%; border-radius: 0 0 2rem 2rem;  }
.c411-c-beaver { background: url(images/beaver-img.png) no-repeat center; width: 213px; height: 250px; background-size: contain; position: absolute; z-index: 99999; bottom: -23px; left: 45%; 	 display: none;}
	@media (min-width: 1500px) { .c411-c-beaver { left: 47%; }}
	@media (min-width: 2200px) { .c411-c-beaver { left: 50%; }}
	.c411-c-beaver.res { left:50% !important;}
		@media (min-width: 2200px) { .c411-c-beaver.res { left:53% !important;}}

.c411-input-tooltip { background: #ad4d25; color: #fff; font-size: 1.125rem; pointer-events: none; }
.c411-input-tooltip::before { border-bottom-color: #ad4d25; }
.c411-input-search-combo:disabled { opacity: 0.7; border: #ad4d25 3px solid; }
.c411-schoolprofile-cta { background: #ad4d25; color: #f7f0c4;}
.c411-schoolprofile-contact { background: #277E9F; border: none; box-shadow: none; color: #fff; }
.c411-schoolprofile-contact a { color: inherit; text-decoration: underline;  }
.c411-schoolprofile-contact .c411-c-form { background-color: transparent; }
.c411-page-layout-8-4 > .c411-c-right h2 { font-size: 1.5rem; }
.c411-page-layout-8-4 > .c411-c-right .c411-list-archivelinks .c411-c-links.c411-a-2col { column-count: 1; }
.c411-schoolprofile-cta .c411-c-icon { color: #f7f0c4;}
.c411-schoolprofile-cta .c411-c-title { font-size: 1.75rem;}
.c411-schoolprofile-contact .c411-c-title { font-size: 1.9rem; font-weight: 600; line-height: 1.25; letter-spacing: -0.5px; }
.c411-schoolprofile-fundings .fa-check { color: #2C708A; }
.c411-input-search-combo { padding: 10px 1rem; cursor: pointer; border-radius: 0.5rem; }
.c411-input-search-combo-wrap::before { left: auto; color: #ad4d25; right: 1rem; top: 0.8rem; pointer-events: none; }
.c411-input-search-combo-wrap input { padding-left: 1rem; }
select { background: #fff url(images/select-arrow.svg) no-repeat right 0.75rem center; max-width: 100%; cursor: pointer; }
.c411-campuscard .c411-campuscard-campusselector.c411-a-single { cursor: inherit; }
select option { cursor: pointer; }
.c411-input-tooltip i { top: -1px;  margin-right: 4px; }
    .home .c411-input-tooltip i { top: 1px; margin-right: 2px; }
.c411-input-tooltip * { color: #fff; }
.c411-input-tooltip .clui-c-program { position: relative; top: -2px; }
.fad::before { color: #eee !important; }

.c411-ontario-hero-v2-static.c411-a-side-a { background:none; background: linear-gradient(90deg, rgb(31, 102, 130) 55%, rgba(59, 120, 134, 0.65) 60%, rgba(191, 155, 44, 0.2) 100%), url('images/hero-bg-results-a25.jpg') no-repeat top right #1f6682; background-size: contain; position: absolute;}
.c411-ontario-hero-v2-static.c411-a-side-b { background:none; background: linear-gradient(90deg, rgb(179, 171, 121) 55%, rgba(181, 172, 116, 0.55) 60%, rgba(191, 155, 44, 0.2) 100%), url('images/hero-bg-results-b.jpg') no-repeat top right #b3ab79; background-size: contain; position: absolute;}

.c411-campuscard { padding-bottom: 0.55rem;}
.c411-schoolprofile-program-nav > ul > li a .c411-c-btn { margin-right: 0.5rem; }
.c411-schoolprofile-program-nav > ul > li .c411-c-description { padding-top: 0;}
.c411-campuscard-programs .c411-c-instruction { color: #ad4d25; font-size: 0.7rem; text-transform: uppercase; pointer-events: none; margin-bottom: 0.5rem; }
.c411-campuscard-programs ul.c411-c-categories > li .c411-c-catfold-btn { color: #AD4D25; font-size: 0.7rem; }
.c411-campuscard-programs ul.c411-c-categories > li ul.c411-c-programs > li a { font-weight: 600;}
.c411-campuscard-more a { border: #ddd 1px solid; background: #fff; color: #333 !important; }
.c411-campuscard-logo { border-bottom: 0;}
.c411-campuscard-meta { min-height: inherit; padding: 1.25rem 0.5rem 1rem; text-align: center; border-top: #ded5cf 1px solid; border-bottom: #ded5cf 1px solid; margin: 0 1.5rem 1rem; }
.c411-campuscard .c411-campuscard-campusselector { padding: 0.25rem 1.5rem 0.25rem 0.5rem; background-position: right 0.45rem center; max-width: 30ch; min-height: 35px; border-radius: 1rem; text-transform: uppercase !important; }
.c411-btn-sm-red { padding: 10px 1.5rem; line-height: 1.2; min-height: 35px; }
.c411-btn-sm-red:hover { background: #E34909; }

.c411-searchpanel-full-container { padding: 2rem 0 4rem 0;}
    .c411-searchpanel-full-container { padding: 1rem 0;}
.c411-searchpanel-full-container .c411-searchpanel-full { padding: 0; }
.c411-page-search-cover .c411-c-intro { margin: 1rem 0 1.5rem; }
.c411-border-top { border-top: #e3e3e3 1px solid;}
.c411-list-archivelinks .c411-c-links li, .c411-list-archivelinks .c411-c-links .lui-c-li, .c411-searchpanel-cat-list .c411-c-links.c411-a-2col > li:nth-child(8n), .c411-list-archivelinks .c411-c-links.c411-a-2col > li:nth-child(2n) { border-bottom: #e5e5e5 1px solid; }
.c411-input-search-combo-dropdown {/* padding-bottom: 1px;*/ border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.c411-input-search-combo-dropdown-areas { margin: 0.5rem 0; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 5px;}
.c411-input-search-combo-dropdown-areas .c411-btn-sm-red  { cursor:pointer; }
.c411-input-search-combo-dropdown-shortcuts { padding-top: 0.5rem; padding-bottom: 1px; margin:0 1rem 0rem 1rem; color:#333; }
.c411-searchpanel-full.c411-a-search-results .c411-input-search-combo-dropdown-shortcuts { border-top: 1px dashed #ded5cf; }
.c411-widget-sticky-bottom .c411-schoolprofile-flyoutnav-trigger { background: linear-gradient(331.95deg, #a64a24 0%, #c50000 100%); background: #145193; }
.c411-widget-sticky-bottom .c411-schoolprofile-cta-mobile { background: #c50000; }

.c411-footnotes { font-style: italic; }
.c411-footer .c411-footermenu .c411-footermenu-copyright { margin:1.25rem 0 0 0; }
.c411-footer .c411-c-content .c411-c-copy img { max-width: 180px; height: auto; margin-top: 1rem; opacity: 0.8;}

/*gravity*/
.gform_wrapper.gform_validation_error .validation_error { color: #913D1B; font-size: 14px;  background: rgba(247, 237, 205,0.9); padding: 10px 2%; font-size: 12px; font-weight: normal; border: 0; margin: 0; }
.gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description { padding-right: 0;}
.gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_left_half, .gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_right_half { max-width: inherit !important;}
.gform_wrapper .gform_fields .validation_message, .gform_wrapper .gform_fields .gfield_required { color: #913D1B; color:#fff; font-size: 12px; font-weight: normal; }
.gform_legacy_markup_wrapper .field_description_below .gfield_description {padding-top: 0px !important; padding-left: 10px;}
.gform_wrapper ul.gform_fields > li.gfield.gfield_error, .gform_wrapper ul.gform_fields > li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background-color: rgba(247, 237, 205, 0.9); border-radius: 5px; }
.gform_legacy_markup_wrapper .gform_validation_errors > h2 { font-size: 14px !important; font-weight: normal !important; }
.c411-page-wrap .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="image"], .gform_wrapper .gform_footer input[type="submit"] { background: #B3481D; border-radius: 1rem; font-size: 18px; text-transform: uppercase; margin: 0.5rem 0 0; }
.c411-page-wrap .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .c411-page-wrap .gform_wrapper select, .c411-page-wrap .gform_wrapper.gf_browser_chrome select, .c411-page-wrap .gform_wrapper textarea { border-radius: 0.5rem;}
.c411-page-wrap .gform_wrapper .gform_footer input.button:hover { background: #D74406;   }
.gform_wrapper .gfield_chainedselect span { margin-top: 0.5rem;}

.c411-page-thankyou { background: linear-gradient(90deg, rgba(29, 96, 128, 0.79) 0%, rgba(221, 208, 125, 0.09) 100%), url(images/search-bg2.jpg) no-repeat center; background-size: cover; }

/* 20251117 Better Jobs Ontario */
/* Base Styles */
body.page-template-page-bjo { overflow-x:hidden; }
.bjo-page { --bjo-primary: #283891; --bjo-primary-dark: #1f2a6d; --bjo-accent: #B3481D; --bjo-accent-dark: #D74406; --bjo-bg: #f4f4ef; --bjo-surface: #ffffff; --bjo-text: #333; --bjo-muted: #6c757d; --bjo-border-subtle: #dde2ec; --bjo-success: #1f6682; --bjo-radius-lg: 12px; --bjo-shadow-soft: 0 2px 8px rgba(0,0,0,0.08); --bjo-shadow-medium: 0 4px 16px rgba(0,0,0,0.14); }

.bjo-page * { box-sizing: border-box; }
.bjo-page {  line-height: 1.6; color: var(--bjo-text); }
body.page-template-page-bjo .c411-c-left h1 { display:none;} 
.bjo-bor-rad { border-radius: 1rem;}
.bjo-row-light {background: var(--bjo-bg);
  padding: 1rem 50%;
  margin: 0 -50%;}

/* Buttons */
.bjo-cta-button { display: inline-block; background: #b4500d; color: #fff !important;padding: 16px 36px; font-size: 1.05rem; font-weight: 600; border-radius: 1rem; text-decoration: none; cursor: pointer;  }
	.c411-section-link-underline a.bjo-cta-button { text-decoration: none !important; }
.bjo-cta-button:hover, .bjo-cta-button:focus-visible { opacity: .9;}
.bjo-cta-button.secondary { background: transparent !important; border: 2px solid #fff !important; box-shadow: none !important; }
.bjo-cta-button.secondary:hover, .bjo-cta-button.secondary:focus-visible { background: #fff !important; color: var(--bjo-primary-dark) !important; }

/* Section spacing */
.bjo-content-section { padding: 2rem 0; }
.bjo-content-section.alt-bg { background: var(--bjo-bg); padding-left: 5%; padding-right: 5%;}
.bjo-section-header {  margin: 1rem 0 2rem; }
.bjo-section-header h2 { font-size: 2.4rem; font-weight: 700; color: var(--bjo-primary-dark); }
.bjo-section-header p { font-size: 1.15rem; color: var(--bjo-muted); }

/* Hero */
.c411-bjo-hero, .c411-bjo-hero .c411-page-hero { min-height: 450px; background: linear-gradient(90deg, rgb(31, 102, 130) 45%, rgba(59, 120, 134, 0.8) 55%, rgba(191, 155, 44, 0.2) 100%), url('images/bjo-d1.jpg') no-repeat top right rgb(31, 102, 130); background-size: contain;}
.c411-c-sub-bjo { margin-top: 1rem; font-size: 0.5em; }
.c411-c-slogan-bjo-cta { margin-top: 1.5rem; }
	.c411-searchpanel-bjo-header .c411-searchpanel-full { top: 0; margin: 0; padding: 0; position: relative;}
	.c411-searchpanel-bjo-header .c411-searchpanel-full .c411-searchbar { background: none; justify-content: start; align-items: start; max-width: 560px; margin: 0; gap: 0; padding: 0; margin-top: 2rem;}
	.c411-searchpanel-bjo-header .c411-searchpanel-full .c411-searchbar .c411-c-title { display:none; }
	.c411-searchpanel-bjo-header .c411-searchpanel-full .c411-searchbar select, .c411-searchpanel-bjo-header .c411-searchpanel-full .c411-searchbar input { background-color: #f7f0c4; }
	.c411-searchpanel-bjo-header .c411-searchpanel-full .c411-searchbar .c411-input-search-combo { border-color: #f7f0c4; }
	.c411-searchpanel-bjo-header .c411-searchpanel-full .c411-searchbar > * {/*  flex-basis: 45%;  */ margin-right:5%; max-width: 330px;}
		.c411-searchpanel-bjo-header .c411-searchpanel-full .c411-searchbar #c411-search-input-city-wrap,
		.c411-searchpanel-bjo-header .c411-searchpanel-full .c411-searchbar .c411-input-tooltip { display:none !important; }

.bjo-hero { background: radial-gradient(circle at top left, #3d57c4 0%, var(--bjo-primary) 40%, var(--bjo-primary-dark) 100%); color: #fff; padding: 80px 0 70px;  }
.bjo-hero h1 { font-size: 3rem; font-weight: 700; margin-bottom: .75rem; }
.bjo-hero-subtitle { font-size: 1.4rem; opacity: 0.95; margin-bottom: 2rem; }
.bjo-hero-tagline { opacity: .8; margin-bottom: .5rem; text-transform: uppercase; letter-spacing: .05em; font-size: .9rem; }

/* Quick Facts */
.bjo-quick-facts { padding: 0 0 2rem 0; background: #fff; border-bottom: 1px solid var(--bjo-border-subtle); }
.bjo-facts-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 24px; }
.bjo-fact-card { background: #fff; border-radius: var(--bjo-radius-lg); border: 1px solid var(--bjo-border-subtle); box-shadow: var(--bjo-shadow-soft); padding: 22px; display: grid; grid-template-columns: auto 1fr; gap: 16px; transition: 0.25s; 
	display: flex;
  flex-wrap: wrap;
  justify-content: start;
  text-align: center;
  align-items: stretch;
  flex-direction: column;}
.bjo-fact-card:hover { transform: translateY(-3px); box-shadow: var(--bjo-shadow-medium); border-color: rgba(40,56,145,0.35); }

.bjo-fact-icon-circle { width: 48px; height: 48px; border-radius: 100px; display: flex; align-items: center; justify-content: center; width: 100%; }
.bjo-fact-icon-circle .bjo-icon { width: 100%; height: 100%; background-color: var(--bjo-success); mask-repeat: no-repeat !important; mask-position: center !important;}
.bjo-fact-icon-circle .bjo-icon.fact1 { mask:url('images/bjo-svg1.svg'); }
.bjo-fact-icon-circle .bjo-icon.fact2 { mask:url('images/bjo-svg2.svg'); }
.bjo-fact-icon-circle .bjo-icon.fact3 { mask:url('images/bjo-svg3.svg'); }
.bjo-fact-icon-circle .bjo-icon.fact4 { mask:url('images/bjo-svg4.svg'); }
.bjo-fact-icon-circle svg { width: 26px; height: 26px; fill: var(--bjo-primary); }
.bjo-fact-text { display: flex; align-items: stretch; flex-direction: column; justify-content: start;}
.bjo-fact-title { font-size: 1.1rem; font-weight: 600; color: var(--bjo-primary-dark); }
.bjo-fact-description { font-size: .95rem; color: var(--bjo-muted); line-height: 1.4; margin-top: .25rem; }

/* Eligibility */
.bjo-eligibility-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; }
.bjo-eligibility-card { background: #fff; border-radius: var(--bjo-radius-lg); border: 1px solid var(--bjo-border-subtle); padding: 26px; position: relative; overflow: hidden; box-shadow: var(--bjo-shadow-soft); }
.bjo-eligibility-card::before { content: ""; position: absolute; left: 0; top: 0; width: 4px; height: 100%; background: linear-gradient(180deg, var(--bjo-success), #1f6682); }
.bjo-eligibility-card h3 { font-size: 1.2rem; color: var(--bjo-primary-dark); display: flex; gap: 10px; align-items: center; }
.bjo-check-icon { width: 22px; height: 22px; color: var(--bjo-success); /* background: rgba(34,197,94,0.12);  */border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.bjo-eligibility-card p { color: #555; line-height: 1.7; }

/* Steps */
.bjo-step { display: flex; gap: 26px; margin-bottom: 32px; position: relative; }
.bjo-step-number { width: 52px; height: 52px; aspect-ratio: 1; border-radius: 50%; border: 3px solid var(--bjo-primary); background: #fff; color: var(--bjo-primary-dark); font-weight: 700; display: flex; align-items: center; justify-content: center; }
.bjo-step:not(:last-child)::after { content: ""; position: absolute; left: 26px; top: 60px; width: 2px; height: calc(100% - 12px); background: rgba(40,56,145,0.18); }
.bjo-step-content h3 { font-size: 1.35rem; color: var(--bjo-primary-dark); }
.bjo-step-content p { font-size: .98rem; color: #555; line-height: 1.7; }

/* Mid CTA */
.bjo-mid-cta { padding: 3rem 1rem 0rem;  }

/* FAQ Section */
#bjo-faq { border-top: 1px solid var(--bjo-border-subtle); }
.bjo-faq-container { /* max-width: 900px; */ margin: 0 auto; }
.bjo-faq-item { margin-bottom: 15px; border: 1px solid #dee2e6; border-radius: 8px; background: white; box-shadow: 0 2px 6px rgba(0,0,0,0.05); overflow: hidden; white-space: wrap; }
.bjo-faq-item p { padding-bottom:0; margin-bottom: 0; min-height: 0; }
.bjo-faq-question { width: 100%; padding: 20px 25px; background: white; border: none; text-align: left; font-size: 1.125rem; font-weight: 600; color: #1a2332; cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition: background 0.3s, color 0.3s; }
.bjo-faq-item.active .bjo-faq-question {  background: #f4f4ef; /*color: var(--bjo-primary-dark); border-left: 4px solid var(--bjo-success); */  }
.bjo-faq-question:hover { background: #f4f4ef; }
.bjo-faq-icon { font-size: 1.5rem; color: var(--bjo-success); font-weight: 300; transition: transform 0.3s; }
.bjo-faq-item.active .bjo-faq-icon { transform: rotate(45deg); }
.bjo-faq-answer { max-height: 0; overflow: hidden; background: #f4f4ef; transition: max-height 0.3s ease-out; will-change: max-height; }
.bjo-faq-item.active .bjo-faq-answer { max-height: 500px; transition: max-height 0.5s ease-in; }
.bjo-faq-answer p { padding: 20px 25px; margin: 0; color: #444; line-height: 1.7; }

		
/* Program Categories */
.bjo-program-categories { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 1.5rem !important; }  
.bjo-program-categories a { text-decoration: none !important; }
.bjo-program-categories a:hover { text-decoration: underline !important; }
.bjo-category-card { padding: 20px; background: #fff; border-radius: var(--bjo-radius-lg); border: 1px solid var(--bjo-border-subtle); display: flex; align-items: center; gap: 16px; box-shadow: var(--bjo-shadow-soft); text-decoration: none; color: inherit; transition: 0.25s; flex-wrap: wrap;
  text-align: center; flex-direction: column; justify-content: center;}
.bjo-category-card:hover { border-color: rgba(40,56,145,0.45); box-shadow: var(--bjo-shadow-medium); transform: translateY(-2px); }
.bjo-category-icon { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; }
.bjo-category-icon .bjo-icon { width: 100%; height: 100%; background-color: var(--bjo-success); mask-repeat: no-repeat !important; }
	.bjo-category-icon .bjo-icon.healthcare { mask:url('images/bjo-icon-healthcare.svg'); }
	.bjo-category-icon .bjo-icon.business { mask:url('images/bjo-icon-business.svg'); }
	.bjo-category-icon .bjo-icon.technology { mask:url('images/bjo-icon-technology.svg'); }
	.bjo-category-icon .bjo-icon.skilled { mask:url('images/bjo-icon-skilled.svg'); }
	.bjo-category-icon .bjo-icon.human { mask:url('images/bjo-icon-human.svg'); }
	.bjo-category-icon .bjo-icon.creative { mask:url('images/bjo-icon-creative.svg'); }
	.bjo-category-icon .bjo-icon.culinary { mask:url('images/bjo-icon-culinary.svg'); }
	.bjo-category-icon .bjo-icon.tourism { mask:url('images/bjo-icon-tourism.svg'); }
	.bjo-category-icon .bjo-icon.education { mask:url('images/bjo-icon-education.svg'); }
	.bjo-category-icon .bjo-icon.beauty { mask:url('images/bjo-icon-beauty.svg'); }
	.bjo-category-icon .bjo-icon.legal { mask:url('images/bjo-icon-legal.svg'); }
	.bjo-category-icon .bjo-icon.engineering { mask:url('images/bjo-icon-engineering.svg'); }
.bjo-category-icon svg { width: 22px; height: 22px; fill: var(--bjo-primary); }
.bjo-category-name { font-weight: 600; font-size: 1.05rem; color: var(--bjo-primary-dark); }

/* Coverage */
.bjo-coverage-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(400px,1fr)); gap: 40px; overflow: hidden;}
.bjo-coverage-column h3 { color: var(--bjo-primary); border-bottom: 3px solid rgba(40,56,145,0.2); padding-bottom: 10px; margin-bottom: 1.3rem; }
.bjo-coverage-list { list-style: none; padding: 0; }
.bjo-coverage-list li { position: relative; padding-left: 28px; margin-bottom: 12px; color: #555; }
.bjo-coverage-list li::before { content: "✓"; position: absolute; left: 0; top: 0; color: var(--bjo-success); font-weight: 700; }



/* Final CTA */
.bjo-final-cta { padding: 4rem 1rem; color: #fff; text-align: center; margin: 2rem 0; border-radius: 1rem; background: linear-gradient(90deg, rgba(29, 96, 128, 0.79) 0%, rgba(221, 208, 125, 0.09) 100%), url(images/search-bg2.jpg) no-repeat center; background-size: cover;}
.bjo-final-cta h2 { font-size: 2.3rem; margin-bottom: 1rem; }  
.bjo-final-cta p { font-size: 1.15rem; opacity: 0.9; margin-bottom: 2rem; }
.bjo-cta-buttons { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
.bjo-program-categories > p, .bjo-program-categories > br { display: none !important; }
.bjo-cta-buttons p, .bjo-cta-buttons br { display: none !important; }
/* 20251117 Better Jobs Ontario */

/**/
.c411-input-tooltip { display: none !important;}
.c411-nav-sub a:link, .c411-nav-sub a:visited, .c411-nav-sub a:hover, .c411-nav-sub a:active, .c411-nav-sub a *,
.c411-list-archivelinks .c411-c-links > li.current-menu-item a:link, .c411-list-archivelinks .c411-c-links > .current-menu-item a:link, .c411-list-archivelinks .c411-c-links > li.current-menu-item a:visited, .c411-list-archivelinks .c411-c-links > .current-menu-item a:visited, .c411-list-archivelinks .c411-c-links > li.current-menu-item a:hover, .c411-list-archivelinks .c411-c-links > .current-menu-item a:hover, .c411-list-archivelinks .c411-c-links > li.current-menu-item a:active, .c411-list-archivelinks .c411-c-links > .current-menu-item a:active,
.c411-schoolprofile-program-nav > ul > li a.c411-a-active:link, .c411-schoolprofile-program-nav > ul > li a[aria-expanded="true"]:link, .c411-schoolprofile-program-nav > ul > li a.c411-a-active:visited, .c411-schoolprofile-program-nav > ul > li a[aria-expanded="true"]:visited, .c411-schoolprofile-program-nav > ul > li a.c411-a-active:hover, .c411-schoolprofile-program-nav > ul > li a[aria-expanded="true"]:hover, .c411-schoolprofile-program-nav > ul > li a.c411-a-active:active, .c411-schoolprofile-program-nav > ul > li a[aria-expanded="true"]:active,
.c411-schoolprofile-program-nav > ul > li a .c411-c-btn *, .text-primary, .c411-btn-theme-text-only *, .c411-search-category-ribbon > .c411-c-item-all i { color: #AD4D25;}
.c411-input-search-combo.c411-a-warning, .c411-schoolprofile-facultynav .nav > li.active > a { border-color: #ad4d25 !important;}
.c411-btn-sm-red, .c411-btn { background-color: #ad4d25; border-color: #ad4d25; }
.c411-section-decor-article { display:none; }
.c411-section-highlight { background: #E2EFF4;}
 
 
        @media (min-width: 1200px) {
			 .c411-c-left .c411-searchpanel-full { width: 1228px; }
            .c411-container.c411-page-general.c411-border-radius-large { width: 1224px; }
			.bjo-program-categories { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; grid-auto-rows: 1fr; }
        }

            @media (min-width: 992px) {
                .c411-page-hero-wrap { min-height: 350px; }
                .c411-header-general .c411-c-top .c411-c-right { padding-top: 0; }
                .c411-header-general .c411-c-top .c411-c-right a { background: #ad4d25; color:#f7f0c4; padding: 0.25rem 1rem 0.35rem; border-radius: 0 0 0.5rem 0.5rem; text-decoration: none; }
                .c411-header-general .c411-c-top .c411-c-right a:hover { background: #f7f0c4; color:#ad4d25; opacity: 1;}
                .c411-home-hero .c411-c-ctnr, .c411-archive-hero .c411-c-ctnr,
                .c411-ontario-hero-v2-static.c411-a-side-b .c411-c-ctnr,
                .c411-ontario-hero-v2-static .c411-c-ctnr { padding-bottom: 0; padding-top: 100px; position: relative; }
                .c411-ontario-hero-v2-static .c411-c-ctnr .c411-c-slogan, .c411-ontario-hero-v2-static .c411-c-ctnr .c411-c-slogan h1 { font-size: 2.9rem; }
                .c411-ontario-hero-v2-static .c411-c-ctnr .c411-c-slogan .c411-c-sub { font-size: 1.5rem; max-width: 40ch; line-height: 1.2; margin-top: 1rem;  }
                .c411-searchpanel-full .c411-searchbar .c411-c-title label { margin: 0.25rem 0 0 0;}
                .c411-schoolprofile-contact { padding: 2rem; max-height: inherit; top: 1rem;}
                .c411-searchpanel-full .c411-input-search-combo { width: 100%;}
				.c411-footer .c411-c-content .c411-c-copy-container { float:right;}
				.c411-footer .c411-c-content .c411-c-copy { margin-left: 3rem; float: left; }
				.c411-searchpanel-compact .c411-searchbar { background: #e6e5df; color: #333;   }


            }

                        @media (max-width: 991px) {
                            ul, ol { padding-left: 1rem; }
                            ul li, ol li { padding-bottom: 0.5rem; }
                            .c411-page-home { padding-left: 1rem; padding-right: 1rem; font-size: 1rem; }
							.c411-header, .c411-header-general {position: relative;} 
                            .c411-header .c411-c-top { position: relative; }
                            .c411-page-general { max-width: 92%; }
                            .home .c411-header-general .c411-c-top { /* min-height: 30vh; */ }
                            .c411-header-general .c411-c-top .c411-c-left { padding: 0 0 0 12px; }
							.c411-header .c411-c-top .c411-c-left .c411-c-logo, .c411-header-general .c411-c-top .c411-c-left .c411-c-logo { height: 76px; margin: 0.5rem auto; }
                            .c411-header-general .c411-c-top .c411-c-right { border: 0; /* position: absolute; bottom: -27px; bottom: -45px; */ width: 100%; padding-bottom: 0;}
                            .c411-header-general .c411-c-top .c411-c-right a { /* background: #ad4d25; color: #f7f0c4;  */display: block; font-size: 0.875rem; padding: 0.5rem 1rem; border-radius: 0rem; border-top: #ded5cf 1px solid; /* background: #566a66; color: #fff; */  }
								.c411-header-general .c411-c-top .c411-c-right a:after { position: relative; right:-1px; display: inline; content: ' \f054'; font-family: "Font Awesome 5 Pro"; } 
							.c411-header-general .c411-c-top .c411-c-right a:hover { /* background: #E34909;*/  opacity: 1; }
								.c411-header-general .c411-c-top .c411-c-right a:hover:after { right:-3px; } 
								
                            .c411-home-hero, .c411-page-hero { background: #1f6079; min-height: 30vh; align-items: end; }
                            .c411-home-hero .c411-c-ctnr { background: linear-gradient(145deg, rgba(31, 102, 130,0.9) 45%, rgba(59, 120, 134, 0.8) 55%, rgba(191, 155, 44, 0.5) 100%), url('images/hero-bg-sco25.jpg') no-repeat top right rgb(31, 102, 130);
                                background-size: cover; min-height: 30vh; display: flex; align-items: end; justify-content: center; width: 100%; padding: 0 1rem 4rem 1rem; }
								.c411-bjo-hero.c411-home-hero .c411-c-ctnr { flex-direction: column; align-items: start; justify-content: start;} 
							.c411-home-hero .c411-c-slogan, .c411-page-hero .c411-c-slogan { font-size: 2.5rem; line-height: 1.1; max-width: inherit;}

                            .c411-page-home h1 { font-size: 1.8rem; margin-top: 1rem;}
                            .c411-page-home h2 { font-size: 1.7rem; line-height: 1.2;}
                            .c411-searchpanel-full { background: #1f6682; top: 0 !important;}
                                    .c411-searchpanel-full { overflow: hidden; border-radius: 1rem;}
                            .c411-searchpanel-full-container { margin: 0 -1rem; }
                            .c411-searchpanel-full .c411-searchbar { display: block; padding: 3rem 5% 10rem; background: linear-gradient(90deg, rgba(29, 96, 128, 0.79) 0%, rgba(221, 208, 125, 0.09) 100%), url(images/search-bg2.jpg) no-repeat center; background-size: cover; }
                            .c411-input-search-combo-dropdown-shortcuts { border-top:0; }
                            .c411-input-tooltip { font-size: 1rem; width: 93vw;}

                            .c411-searchpanel-mobile-full {
                                background: linear-gradient(145deg, rgba(31, 102, 130,0.9) 45%, rgba(59, 120, 134, 0.8) 55%, rgba(191, 155, 44, 0.5) 100%), url('images/hero-bg-sco25.jpg') no-repeat top right rgb(31, 102, 130);
                                background-size: cover; padding: 4rem 1rem 2rem;
                            }
								.home .c411-searchpanel-mobile-full {padding: 50px 1rem 4rem; background: linear-gradient(90deg, rgba(29, 96, 128, 0.79) 0%, rgba(221, 208, 125, 0.09) 100%), url(images/search-bg2.jpg) no-repeat center;  background-size: cover; min-height: 250px;}
                            .c411-searchpanel-mobile-full::before { display: none; }
                            .c411-searchpanel-mobile-full .c411-c-title { line-height: 1.15; }

                            .c411-archive-body { padding-left: 1rem; padding-right: 1rem; overflow-x: hidden; }
                            .c411-page-hero-wrap { height: 30vh; }
                            .c411-search-category-ribbon > .c411-c-item-all { height: auto; }
                            .c411-schoolprofile-bizcard .c411-schoolprofile-meta { padding-left: 0.5rem; padding-right: 0.5rem; margin: 0 0 2rem 0; border-top: 0; }
                            .c411-schoolprofile-2-cols { padding: 0rem 1rem 0rem; /* background: linear-gradient(180deg, rgba(31, 102, 130,0.3) 0%, #fff 15%);  */}
                            .c411-schoolprofile-bizcard .c411-schoolprofile-meta h1, .c411-schoolprofile-bizcard .c411-schoolprofile-meta .c411-c-name { line-height: 1.1; }
                            .c411-schoolprofile-program-nav > ul > li a {  line-height: 1.2; }

							.c411-input-search-combo-dropdown-areas { gap: 0;}
                            .c411-input-search-combo-dropdown-areas .c411-btn-sm-red  { flex-basis: 48%; text-align: center; margin: 2% 0; }

                            .c411-ontario-hero-v2-static .c411-c-ctnr .c411-c-slogan, .c411-ontario-hero-v2-static .c411-c-ctnr .c411-c-slogan h1 { max-width: 18ch; text-shadow: 0 0 50px rgba(0,0,0,0.8);}
                            .c411-ontario-hero-v2-static .c411-c-ctnr { padding-left: 1rem; padding-right: 1rem; margin: 0; background: linear-gradient(0deg, rgba(23, 54, 66,0.8) 0%, rgba(0, 0, 0, 0) 80%); width: 100%;}
                            .c411-input-search-combo-dropdown #c411-fn-search-combo-usemylocation { right: 0.6rem; top: 0.7rem; }
                            .c411-searchpanel-full.c411-a-search-results  { border-radius: 0; }
                            .c411-searchpanel-full.c411-a-search-results .c411-searchbar { background: #fff; margin: 0; border-radius: 1rem; padding: 0; min-height: inherit; }

                            .c411-archive-hero .c411-c-ctnr { background: linear-gradient(135deg, rgba(31, 102, 130,0.9) 30%, rgba(59, 120, 134, 0.65) 60%, rgba(191, 155, 44, 0.3) 100%), url('images/hero-bg-results-a-m.jpg') no-repeat top center rgb(31, 102, 130); min-height: 30vh; 
								display: flex; align-items: end; justify-content:start; padding: 0 1rem 4rem 1rem; }
                            .c411-ontario-hero-v2-static.c411-a-side-a { background: linear-gradient(135deg, rgba(31, 102, 130,0.9) 30%, rgba(59, 120, 134, 0.65) 60%, rgba(191, 155, 44, 0.3) 100%), url('images/hero-bg-results-a-m.jpg') no-repeat top center rgb(31, 102, 130); }
                            .c411-ontario-hero-v2-static.c411-a-side-b { background: linear-gradient(145deg, rgba(179, 171, 121,0.8) 45%, rgba(181, 172, 116, 0.65) 55%, rgba(35, 112, 149, 0.6) 100%), url('images/hero-bg-results-b-m.jpg') no-repeat top center rgb(247,240,196); }
                            .c411-ontario-hero-v2-static .c411-c-ctnr .c411-c-slogan .c411-c-sub .c411-c-divider { margin-bottom: 2rem; }
							
							.c411-c-beaver { width: 70px; height: 130px; bottom: auto; top: -137px; left: auto; right: 8px;   }
							.c411-searchpanel-mobile-full .c411-c-beaver { top: 2px; }
								.c411-page-home .c411-searchpanel-mobile-full .c411-c-beaver { display:none;}
							.c411-c-beaver.res { left: inherit !important; top: -98px; }
							
							.c411-schoolprofile-bizcard { padding-top: 1.5rem; border-top: #ded5cf 1px solid; }
							.c411-schoolprofile-bizcard .c411-schoolprofile-logo { margin: 0;}
							
                            .c411-schoolprofile-contact { padding: 1rem; border-radius: 1rem;}
                            .c411-schoolprofile-contact .c411-c-title { font-size: 1.65rem; text-align: center; }
                            .gform_wrapper .top_label li.gfield.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half { width: 100% !important; margin-right: 0% !important; }
                            .c411-page-schoolprofile .lui-margin-v-3x { text-align: center; }
							
                            .c411-footer { margin:1.25rem 1rem 0rem; }
                                body.single-schools .c411-footer { margin-bottom: 6rem; } 
                            .c411-footnotes { padding-top: 1rem; }
							.c411-footer .c411-c-content .c411-c-copy-container { border-top: 1px solid #ded5cf; margin-top: 1.25rem;}
							.c411-footer .c411-c-content .c411-c-copy { margin: 1.5rem 0 0.5rem;}
							.c411-footer .c411-c-content .c411-c-copy img { margin: 0.5rem auto 1rem; max-height: 28px; }
								.c411-footer .c411-c-content .c411-c-copy.on img { max-height: 20px; }
                            .c411-widget-sticky-bottom .c411-schoolprofile-cta-mobile small { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
							
							
							/* 20251117 Better Jobs Ontario */
							.c411-page-hero .c411-c-sub .c411-c-highlight { line-height: 1.6;}
							.c411-bjo-hero, .c411-bjo-hero .c411-page-hero { min-height: 350px; background: linear-gradient(45deg, rgb(31, 102, 130) 35%, rgba(59, 120, 134, 0.8) 65%, rgba(191, 155, 44, 0.2) 100%), url('images/bjo-m1b.jpg') no-repeat top right rgb(31, 102, 130); background-size: cover;}  
							.c411-input-search-combo { background-color: #f7f0c4; border: 0 !important; }
							.bjo-hero h1 { font-size: 2.4rem; }
							.bjo-hero-subtitle { font-size: 1.2rem; }
							.bjo-section-header h2 { font-size: 2rem; }
							.bjo-step { flex-direction: column; }
							.bjo-step::after { display: none; }  
							.bjo-hero h1 { font-size: 2rem; }
							.bjo-hero-subtitle { font-size: 1.05rem; }
							.bjo-faq-question {     font-size: 1rem;     padding: 15px 20px; }
							.bjo-eligibility-card p { margin-bottom: 0; }
							
							.c411-bjo-hero.c411-home-hero .c411-c-ctnr { padding-bottom: 1rem; justify-content: end;  }
							.c411-searchpanel-bjo-header { width: 100%; }
							.c411-searchpanel-bjo-header .c411-searchpanel-mobile-full { background: none; padding: 2rem 0rem 0rem; margin:0; min-height: 0;  }
							
							.c411-searchpanel-bjo-header .c411-searchpanel-mobile-full .c411-searchbar #c411-fn-search-input-program-tooltip, 
							.c411-searchpanel-bjo-header .c411-searchpanel-mobile-full .c411-searchbar #c411-search-input-city-wrap,
							.c411-searchpanel-bjo-header  .c411-searchpanel-mobile-full .c411-c-title { display:none !important; }
 
							.ui-autocomplete.ui-front li.ui-menu-item .ui-menu-item-wrapper.ui-state-active { background-color: #ad4d25; border-color: #ad4d25; }
 
                        }








/*# sourceMappingURL=./style.css.map */