PageSourceSearch

https://www.sd64.bc.ca/about

html sd64.bc.ca collected 2026-10-01 14:35:27 UTC 248,120 bytes, 2,852 lines download raw bytes

1<!DOCTYPE html> <html lang="en" class="ciAn dir-ltr ci-sg-frontend"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"> <link href="https://sb45storage.blob.core.windows.net/pub/themes/Sd64/images/favicon.ico" rel="shortcut icon" type="image/x-icon"/> 
1<script>
vendor: 335 bytes, lines 1-5
1(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 
2new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 
3j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 
4'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 
5})(window,document,'script','dataLayer','
5GTM-5GSX8K
vendor: 3 bytes, line 5
5');
5</script>
5 <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans+Condensed:300%7COpen+Sans:300,400,600,700%7CSignika:300,400%7CSource+Sans+Pro:300,400,600,700"> <link rel="stylesheet" href="https://sb45storage.blob.core.windows.net/pub/themes/Sd64/styles/ph.css?35557"> <!--##HeaderStart--> <title>About</title><meta property="og:url" content="https://www.sd64.bc.ca/about"/><meta property="og:type" content="article"/><meta property="og:title" content="About"/><meta property="og:image" content="https://media.sd64.bc.ca/media/Default/pgg/5/Salt Spring Island to the other Gulf Islands, Mount Baker and the North Cascades.jpg"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:image" content="https://media.sd64.bc.ca/media/Default/pgg/5/Salt Spring Island to the other Gulf Islands, Mount Baker and the North Cascades.jpg"/><meta name="twitter:title" content="About"/><meta property="fb:app_id" content="966242223397117"/> <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"/> <meta charset="utf-8"/> <meta content="width=device-width, initial-scale=1.0" name="viewport"/> <!--##HeaderEnd--> <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://sb45storage.blob.core.windows.net/pub/themes/Sd64/styles/style.css?20230613"/> <link rel="stylesheet" href="https://sb45storage.blob.core.windows.net/pub/themes/Sd64/styles/froala_edit.css"/> <style>
6    #main .ci-banner-block .ci-slider-nav {
7        overflow:hidden;
8    }
9    .ci_site-b .ci-quick-link .quick-slider .quicklink_items{
10        display:inline-block;
11    }
12    .ci_site-b .ci-banner-block .ci-slider-nav *{
13    display: none;
14    }
15    </style> <style> #header { position: relative; background: #fff; border-bottom: 6px solid #7aab3b; padding: 26px 0 30px; z-index: 999 } @media(min-width: 374px) { #header { padding: 19px 0 } } @media(min-width: 980px) { #header { padding: 19px 0 15px } } @media(min-width: 1366px) { #header { padding: 21px 0 } } #header:before, #header:after { content: ''; height: 6px; background: #1f72b3; position: absolute; bottom: 0px; left: 0; width: 69%; z-index: -1 } @media(min-width: 480px) { #header:before, #header:after { width: 74% } } @media(min-width: 640px) { #header:before, #header:after { width: 100% } } @media(min-width: 1366px) { #header:before, #header:after { width: 50% } } #header:after { background: #2b336c; width: 32% } @media(min-width: 480px) { #header:after { width: 36% } } @media(min-width: 640px) { #header:after { width: 40% } } @media(min-width: 1366px) { #header:after { width: 50% } } #header .container { max-width: 1654px } @media(min-width: 980px) { #header .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } } @media(min-width: 1366px) { #header .container { -webkit-box-align: center; -ms-flex-align: center; align-items: center } } #header .ci-logo { width: 108px } @media(min-width: 374px) { #header .ci-logo { width: 162px } } @media(min-width: 1366px) { #header .ci-logo { width: 311px; margin-left: -4px } } #header .ci-logo a { display: block } #header .ci-side-logo { display: none } @media(min-width: 1366px) { #header .ci-side-logo { display: block; width: 105px; margin-left: 20px } } #header .ci-side-logo a:hover, #header .ci-side-logo a:focus { opacity: .8 } @media(min-width: 980px) { #header .ci-r-holder { width: calc(100% - 162px); padding-top: 9px } } @media(min-width: 1366px) { #header .ci-r-holder { width: calc(100% - 311px) } } #header .ci-r-holder .ci-top-holder { display: none } @media(min-width: 980px) { #header .ci-r-holder .ci-top-holder { display: block; margin-bottom: 25px } } @media(min-width: 1366px) { #header .ci-r-holder .ci-top-holder { margin-bottom: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } } @media(min-width: 1366px) { .school-site #header .ci-r-holder .ci-toggle-holder, .affiliate-site #header .ci-r-holder .ci-toggle-holder { width: calc(100% - 125px) } } @media(min-width: 980px) { #header .ci-r-holder .ci-toggle-holder { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; text-transform: uppercase; position: relative;} #header .ci-r-holder .ci-toggle-holder .ci-hold { font-weight: 600;padding-left:20px;} #header .ci-r-holder .ci-toggle-holder .ci-hold:first-child { border: none } #header .ci-r-holder .ci-toggle-holder .ci-hold a { display: block } #header .ci-r-holder .ci-toggle-holder .ci-typography { margin: 0 -3px; padding-right: 20px } #header .ci-r-holder .ci-toggle-holder .ci-typography li { font-weight: 700; padding: 0 3px } #header .ci-r-holder .ci-toggle-holder .ci-typography li .large { font-size: 20px; line-height: 1 } #header .ci-r-holder .ci-toggle-holder .ci-typography li .mid { font-size: 15px } #header .ci-r-holder .ci-toggle-holder .ci-typography li .small { font-size: 10px } #header .ci-r-holder .ci-toggle-holder .ci-typography li a { color: #666 } #header .ci-r-holder .ci-toggle-holder .ci-typography li a:hover { color: #2b336c }
15 .school-site #header .ci-r-holder .ci-toggle-holder .ci-typography li a:hover { color: #981c3e } .affiliate-site #header .ci-r-holder .ci-toggle-holder .ci-typography li a:hover { color: #2e2d77 } #header .ci-r-holder .ci-toggle-holder .contrast-hold a { padding: 14px 45px 14px 18px; position: relative; display: block; min-width: 30px; color: #666 } #header .ci-r-holder .ci-toggle-holder .contrast-hold a .icon { position: absolute; top: 50%; right: 18px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } #header .ci-r-holder .ci-toggle-holder .contrast-hold a:hover { color: #2b336c } #header .ci-r-holder .ci-toggle-holder .contrast-hold a:hover .icon { fill: #2b336c } .school-site #header .ci-r-holder .ci-toggle-holder .contrast-hold a:hover { color: #981c3e } .school-site #header .ci-r-holder .ci-toggle-holder .contrast-hold a:hover .icon { fill: #981c3e } .affiliate-site #header .ci-r-holder .ci-toggle-holder .contrast-hold a:hover { color: #2e2d77 } .affiliate-site #header .ci-r-holder .ci-toggle-holder .contrast-hold a:hover .icon { fill: #2e2d77 } #header .ci-r-holder .ci-toggle-holder .icon { fill: #9B9B9B; -webkit-transition: fill .3s linear; transition: fill .3s linear } #header .ci-r-holder .ci-toggle-holder .contrast-icon { width: 15px; height: 16px } #header .ci-r-holder .ci-toggle-holder .caret-icon { width: 10px; height: 10px } } #header .ci-r-holder .ci-toggle-holder .language-hold .dropdown-opener { color: #9B9B9B;font-size:1.3rem;font-weight:500; } #header .ci-r-holder .ci-toggle-holder .language-hold.show .dropdown-opener { color: #9B9B9B; } .school-site #header .ci-r-holder .ci-toggle-holder .language-hold.show .dropdown-opener { color: #981c3e } #header .ci-r-holder .ci-toggle-holder .language-hold.show .icon { fill: #9B9B9B; } .school-site #header .ci-r-holder .ci-toggle-holder .language-hold.show .icon { fill: #981c3e } #header .ci-r-holder .ci-toggle-holder .route-hold { margin-left: 12px; display: none } #header .ci-r-holder .ci-toggle-holder .route-hold a { text-transform: uppercase; font-weight: 600; color: #000; border-radius: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 180px; padding: 14px 15px; text-align: center } #header .ci-r-holder .ci-toggle-holder .route-hold.active { display: block } #header .ci-r-holder .ci-toggle-holder .route-hold.ontime a { background: #bcd863 } #header .ci-r-holder .ci-toggle-holder .route-hold.ontime a:hover { background: #9dbf30 } #header .ci-r-holder .ci-toggle-holder .route-hold.delayed a { background: #ffcb4d } #header .ci-r-holder .ci-toggle-holder .route-hold.delayed a:hover { background: #ffb501 } #header .ci-r-holder .ci-toggle-holder .route-hold.cancelled a { background: #d12a3e } #header .ci-r-holder .ci-toggle-holder .route-hold.cancelled a:hover { background: #911d2b } #header .ci-r-holder .ci-toggle-holder .route-hold span { position: relative; padding-right: 32px } #header .ci-r-holder .ci-toggle-holder .route-hold .icon { fill: #000; width: 19px; height: 20px; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media(min-width: 1366px) { #header .ci-r-holder .ci-toggle-holder .search-hold { margin-left: 9px } } #header .ci-r-holder .ci-toggle-holder .fake-placeholder { display: none } @media all and (-ms-high-contrast:none) { #header .ci-r-holder .ci-toggle-holder input:focus:not(.has-text)~.fake-placeholder { display: block } #header .ci-r-holder .ci-toggle-holder .fake-placeholder { position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 13px 40px 13px 17px; color: #767676; font-weight: 600 } } #header .ci-r-holder .top-block { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background: #fff; padding: 20px 10px; border-bottom: 1px solid #e6e6e6 } @media(min-width: 980px) { #header .ci-r-holder .top-block { display: none } } #header .ci-r-holder .top-block .route-hold { display: none } #header .ci-r-holder .top-block .route-hold a { background: #bcd863; text-transform: uppercase; font-weight: 600; color: #000; border-radius: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 12px; font-weight: 600; width: 150px; padding: 14px 10px; text-align: center } @media(min-width: 374px) { #header .ci-r-holder .top-block .route-hold a { width: 180px } } #header .ci-r-holder .top-block .route-hold.active { display: block } #header .ci-r-holder .top-block .route-hold.ontime a { background: #bcd863 } #header .ci-r-holder .top-block .route-hold.ontime a:hover { background: #9dbf30 } #header .ci-r-holder .top-block .route-hold.delayed a { background: #ffcb4d } #header .ci-r-holder .top-block .route-hold.delayed a:hover { background: #ffb501 } #header .ci-r-holder .top-block .route-hold.cancelled a { background: #d12a3e } #header .ci-r-holder .top-block .route-hold.cancelled a:hover { background: #911d2b } #header .ci-r-holder .top-block .route-hold span { position: relative; padding-right: 24px } @media(min-width: 374px) { #header .ci-r-holder .top-block .route-hold span { padding-right: 32px } } #header .ci-r-holder .top-block .route-hold .icon { fill: #000; width: 19px; height: 20px; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } #header .ci-r-holder .top-block .search-hold { margin-left: 10px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } #header .ci-r-holder .top-block .ci-search-form { width: 100% } #header .ci-r-holder .top-block .ci-search-form input[type="search"] { width: 100% } #header .ci-r-holder .top-block .ci-search-form input[type="search"]:focus { border-color: #ebe9e9; width: 100% } #header .ci-r-holder .top-block .ci-search-form button { top: 53% } @media(min-width: 374px) { #header .ci-r-holder .top-block .ci-search-form button { right: 20px } } #header .ci-r-holder .low-nav { padding: 16px 10px 50px } @media(min-width: 374px) { #header .ci-r-holder .low-nav { padding: 23px 15px 50px } } @media(min-width: 980px) { #header .ci-r-holder .low-nav { display: none } } #header .ci-r-holder .low-nav .ci-toggle-holder { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; text-transform: uppercase; position: relative; margin-right: -6px; margin-bottom: 11px } @media(min-width: 374px) { #header .ci-r-holder .low-nav .ci-toggle-holder { margin: 0 -12px 11px } } #header .ci-r-holder .low-nav .ci-toggle-holder .ci-hold { border-left: 1px solid #d0d0d0 } #header .ci-r-holder .low-nav .ci-toggle-holder .ci-hold:first-child { border: none } #header .ci-r-holder .low-nav .ci-toggle-holder .ci-hold a { display: block; color: #666 } #header .ci-r-holder .low-nav .ci-toggle-holder .ci-typography { margin: 0 -3px; padding-right: 10px } @media(min-width: 374px) { #header .ci-r-holder .low-nav .ci-toggle-holder .ci-typography { padding-right: 20px } } #header .ci-r-holder .low-nav .ci-toggle-holder .ci-typography li { font-weight: 700; padding: 0 3px } #header .ci-r-holder .low-nav .ci-toggle-holder .ci-typography li .large { font-size: 20px; line-height: 1 } #header .ci-r-holder .low-nav .ci-toggle-holder .ci-typography li .mid { font-size: 15px } #header .ci-r-holder .low-nav .ci-toggle-holder .ci-typography li .small { font-size: 10px } #header .ci-r-holder .low-nav .ci-toggle-holder .ci-typography li a:hover { color: #2b336c }
15 .school-site #header .ci-r-holder .low-nav .ci-toggle-holder .ci-typography li a:hover { color: #981c3e } .affiliate-site #header .ci-r-holder .low-nav .ci-toggle-holder .ci-typography li a:hover { color: #2e2d77 } #header .ci-r-holder .low-nav .ci-toggle-holder .contrast-hold a { padding: 14px 35px 14px 10px; position: relative; display: block; min-width: 115px } @media(min-width: 374px) { #header .ci-r-holder .low-nav .ci-toggle-holder .contrast-hold a { min-width: 160px; padding-left: 18px } } #header .ci-r-holder .low-nav .ci-toggle-holder .contrast-hold a:hover { color: #2b336c } #header .ci-r-holder .low-nav .ci-toggle-holder .contrast-hold a:hover .icon { fill: #2b336c } .school-site #header .ci-r-holder .low-nav .ci-toggle-holder .contrast-hold a:hover { color: #981c3e } .school-site #header .ci-r-holder .low-nav .ci-toggle-holder .contrast-hold a:hover .icon { fill: #981c3e } .affiliate-site #header .ci-r-holder .low-nav .ci-toggle-holder .contrast-hold a:hover { color: #2e2d77 } .affiliate-site #header .ci-r-holder .low-nav .ci-toggle-holder .contrast-hold a:hover .icon { fill: #2e2d77 } #header .ci-r-holder .low-nav .ci-toggle-holder .contrast-hold a .icon { position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media(min-width: 374px) { #header .ci-r-holder .low-nav .ci-toggle-holder .contrast-hold a .icon { right: 19px } } #header .ci-r-holder .low-nav .ci-toggle-holder .language-hold .dropdown-opener { padding: 14px 20px 14px 10px; min-width: 105px } @media(min-width: 374px) { #header .ci-r-holder .low-nav .ci-toggle-holder .language-hold .dropdown-opener { min-width: 121px; padding-left: 13px } } #header .ci-r-holder .low-nav .ci-toggle-holder .language-hold .language-dropdown { top: auto; left: auto; bottom: 100%; right: 0 } #header .ci-r-holder .low-nav .ci-toggle-holder .icon { fill: #666 } #header .ci-r-holder .low-nav .ci-toggle-holder .contrast-icon { width: 15px; height: 16px } #header .ci-r-holder .low-nav .ci-toggle-holder .caret-icon { width: 10px; height: 10px } @media(min-width: 374px) { #header .ci-r-holder .low-nav .ci-toggle-holder .caret-icon { right: 15px } } #header .ci-r-holder .low-nav .low-logo { padding: 0 5px } #header .ci-r-holder .ci-search-form { position: relative } #header .ci-r-holder .ci-search-form input[type="search"] { border-radius: 22px; font-size: 12px; line-height: 14px; font-weight: 600; color: #767676; width: 240px; height: 42px; background: #f4f4f4; border: 1px solid #ebe9e9; border-radius: 22px; outline: none; box-shadow: none; padding: 13px 40px 13px 17px; text-transform: uppercase } #header .ci-r-holder .ci-search-form input[type="search"]::-webkit-input-placeholder { color: #666 } #header .ci-r-holder .ci-search-form input[type="search"]::-moz-placeholder { opacity: 1; color: #666 } #header .ci-r-holder .ci-search-form input[type="search"]:-moz-placeholder { color: #666 } #header .ci-r-holder .ci-search-form input[type="search"]:-ms-input-placeholder { color: #666 } #header .ci-r-holder .ci-search-form input[type="search"].placeholder { color: #666 } #header .ci-r-holder .ci-search-form input[type="search"]:focus { background: #fff; outline: 1px dotted #000; border-color: #1f72b3; width: 280px } #header .ci-r-holder .ci-search-form input[type="search"]:focus~button .icon.search-icon { fill: #2b336c }
15 .school-site #header .ci-r-holder .ci-search-form input[type="search"]:focus~button .icon.search-icon { fill: #6b172e } .affiliate-site #header .ci-r-holder .ci-search-form input[type="search"]:focus~button .icon.search-icon { fill: #1f1e57 } #header .ci-r-holder .ci-search-form button { background: none; border: none; padding: 0; outline: none; position: absolute; top: 53%; right: 15px; height: 16px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } #header .ci-r-holder .ci-search-form button:focus { outline: 1px dotted #1f72b3 } #header .ci-r-holder .ci-search-form .icon { width: 15px; height: 16px; vertical-align: top } #header .ci-r-holder .ci-search-form .icon.search-icon { fill: #1f72b3 } .language-hold { position: relative } .language-hold .dropdown-opener { padding: 14px 30px 14px 16px; position: relative; display: block; min-width: 115px } .language-hold .dropdown-opener .icon { position: absolute; top: 50%; right: 8px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media(min-width: 980px) { .language-hold.show .dropdown-opener:after { content: ''; height: 3px; width: 100%; position: absolute; left: 0; bottom: 0; background: #000; } } .language-hold.show .language-dropdown { z-index: 9999; opacity: 1; visibility: visible } .language-hold .language-dropdown { display: block; margin: 4px 0 0; position: absolute; top: 100%; left: -12px; opacity: 0; visibility: hidden; overflow: hidden; box-shadow: 0 3px 6px rgba(0, 0, 0, .16); border: 1px solid #dadada; background: #fff; padding: 12px 10px; width: 122px } @media(min-width: 980px) { .language-hold .language-dropdown { left: 0; margin: 0; padding: 18px 10px 16px } } .language-hold .language-dropdown .drop-hold { max-height: 265px; width: 100%; overflow: auto } .language-hold .language-dropdown ul li { font-size: 14px; padding-left: 3px; padding-right: 3px; text-transform: none; font-weight: 600 } .language-hold .language-dropdown ul li+li { border-top: 1px solid #dadada; padding-top: 10px; margin-top: 11px } .language-hold .language-dropdown ul li a { color: #767676 } .language-hold .language-dropdown ul li a:hover { color: #000; text-decoration: underline } .print-only { display: none } .fixed-position #header { border-bottom-width: 6px } @media(min-width: 980px) { .fixed-position #header { padding: 21px 0 } } @media(min-width: 980px) { .fixed-position #header .container { -webkit-box-align: center; -ms-flex-align: center; align-items: center } } @media(min-width: 980px) { .fixed-position #header .ci-logo { width: 117px } } @media(min-width: 980px) { .fixed-position #header .ci-r-holder { padding-top: 0; width: calc(100% - 117px) } } .fixed-position #header .ci-r-holder .ci-top-holder { display: none } @media(min-width: 480px) { .fixed-position #header .ci-r-holder .low-nav .ci-toggle-holder { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } } @media(min-width: 980px) { .fixed-position .main-nav { margin-left: 0 !important } } @media(min-width: 980px) { .fixed-position .main-nav>li { padding: 0 2px } } @media(min-width: 1366px) { .fixed-position .main-nav>li { padding: 0 6px } } @media(min-width: 980px) { .fixed-position .dropmenu { padding-top: 6px } } @media(min-width: 1366px) { .fixed-position .dropmenu { padding-top: 27px } } @media(min-width: 980px) { .school-site .fixed-position .dropmenu { padding-top: 21px } } @media(min-width: 1366px) { .school-site .fixed-position .dropmenu { padding-top: 16px } } .fixed-position .nav-drop .inner-wrap { height: calc(100vh - 97px) } @media(min-width: 980px) { .fixed-position .nav-drop .inner-wrap { height: auto } } @media(min-width: 980px) { .school-site .fixed-position #header { padding: 15px 0 } } @media(min-width: 980px) { .school-site .fixed-position #header .ci-logo { width: 60px } } @media(min-width: 980px) { .school-site .fixed-position #header .ci-logo img { width: 60px } } @media(min-width: 980px) { .school-site .fixed-position #header .ci-logo .text { display: none } } @media(min-width: 980px) { .school-site .fixed-position #header .ci-r-holder { width: calc(100% - 60px); padding-top: 0 } } @media(min-width: 980px) { .affiliate-site .fixed-position #header { padding-bottom: 18px } } @media(min-width: 1366px) { .affiliate-site .fixed-position #header { padding: 16px 0 } } @media(min-width: 980px) { .affiliate-site .fixed-position #header .ci-logo { width: 74px } } @media(min-width: 980px) { .affiliate-site .fixed-position #header .ci-logo img { width: 74px; height: 45px } } @media(min-width: 980px) { .affiliate-site .fixed-position #header .ci-logo .text { display: none } } @media(min-width: 980px) { .affiliate-site .fixed-position #header .ci-r-holder { width: calc(100% - 74px); padding-top: 0 } } .nav-opener { position: absolute; top: 50%; right: 22px; width: 25px; height: 22px; text-indent: -9999px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media(min-width: 480px) { .nav-opener { right: 32px } } @media(min-width: 980px) { .nav-opener { display: none } } .nav-opener:before, .nav-opener:after, .nav-opener span { -webkit-transition: all .2s linear; transition: all .2s linear; background: #1f72b3; position: absolute; top: 8px; left: 0; right: 0; height: 4px; border-radius: 2px } .school-site .nav-opener:before, .school-site .nav-opener:after, .school-site .nav-opener span { background: #6b172e } .nav-opener:before, .nav-opener:after { content: ''; top: 0 } .nav-active .nav-opener:before, .nav-active .nav-opener:after { background: #2b336c; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 8px; left: -4px; right: -4px } .nav-active .school-site .nav-opener:before, .nav-active .school-site .nav-opener:after { background: #6b172e } .nav-opener:after { top: 16px } .nav-active .nav-opener:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .nav-opener:hover { opacity: .8 } .nav-active .nav-opener span { opacity: 0 } .nav-drop { position: absolute; top: 100%; right: -100%; width: 100%; background: #fff; z-index: 99; opacity: 0; visibility: visible; margin-top: 6px; -webkit-transition: right .3s linear, opacity .3s linear, visibility .3s linear; transition: right .3s linear, opacity .3s linear, visibility .3s linear } @media(min-width: 374px) { .nav-drop { width: 375px; right: -375px } } @media(min-width: 980px) { .nav-drop { background: none; position: static; width: 100%; opacity: 1; visibility: visible; margin: 0; border-left: none } } .nav-active .nav-drop { right: 0; opacity: 1; visibility: visible } .nav-drop .inner-wrap { height: 100vh;
15 overflow-y: scroll; overflow-x: hidden } @media(min-width: 980px) { .nav-drop .inner-wrap { height: calc(100vh - 144px) } } @media(min-width: 980px) { .nav-drop .inner-wrap { height: auto; overflow: visible } } .main-nav { margin: 0; position: relative; background: #fff } @media(max-width: 979px) { .main-nav { overflow: hidden } } @media(min-width: 980px) { .main-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: static; margin-right: -12px; margin-left: -80px; background: none } } @media(min-width: 1366px) { .main-nav { margin-left: 0; margin-right: -24px; position: relative } } @media(min-width: 980px) { .school-site .main-nav { margin-left: -250px } } @media(min-width: 1366px) { .school-site .main-nav { margin-left: 0 } } .main-nav>li { font-size: 17px; line-height: 21px; font-weight: 600; border-bottom: 1px solid #e6e6e6 } @media(min-width: 980px) { .main-nav>li { border-bottom: none; font-size: 14px; line-height: 20px; padding: 0 4px } } @media(min-width: 1366px) { .main-nav>li { font-size: 17px; padding: 0 6px } } @media(min-width: 980px) { .school-site .main-nav>li, .affiliate-site .main-nav>li { position: relative } } .main-nav>li.active>a { background: #1f72b3; color: #fff } @media(min-width: 980px) { .main-nav>li.active>a { background: none; border-color: #7aab3b; color: #2b336c } } .main-nav>li.active>a .inner-opener:before, .main-nav>li.active>a .inner-opener:after { background: #fff } .main-nav>li.active>a .inner-opener:after { display: none } .main-nav>li.drop-active>a { background: none; border-color: #7aab3b; color: #2b336c } .main-nav>li.drop-active>a:after { content: ''; height: 25px; background: transparent; position: absolute; top: 100%; left: 0; right: 0 } @media(min-width: 980px) { .main-nav>li.drop-active .dropmenu { opacity: 1; visibility: visible } } @media(min-width: 980px) { .school-site .main-nav>li:last-child .dropmenu, .affiliate-site .main-nav>li:last-child .dropmenu, .school-site .main-nav>li:nth-last-child(2) .dropmenu, .affiliate-site .main-nav>li:nth-last-child(2) .dropmenu { left: auto; right: 0 } } .main-nav>li>a { position: relative; display: block; padding: 24px 65px 23px 27px; color: #1f72b3 } @media(min-width: 980px) { .main-nav>li>a { padding: 12px 10px; border-radius: 30px; border: 2px solid transparent } } @media(min-width: 1366px) { .main-nav>li>a { padding: 17px 13px } } .main-nav>li>a:hover { background: #1f72b3; color: #fff } @media(min-width: 980px) { .main-nav>li>a:hover { background: none; border-color: #7aab3b; color: #2b336c } } .main-nav>li>a:hover .inner-opener:before, .main-nav>li>a:hover .inner-opener:after { background: #fff } .main-nav>li>a.has-drop-down-a .inner-opener { opacity: 1; visibility: visible } .main-nav>li>a .inner-opener { position: absolute; top: 50%; right: 26px; width: 22px; height: 22px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; visibility: hidden } @media(min-width: 980px) { .main-nav>li>a .inner-opener { display: none } } .main-nav>li>a .inner-opener:before, .main-nav>li>a .inner-opener:after { content: ''; background: #666; position: absolute; -webkit-transition: background .3s linear; transition: background .3s linear } .main-nav>li>a .inner-opener:before { height: 4px; width: 22px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .main-nav>li>a .inner-opener:after { height: 22px; width: 4px; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } @media(min-width: 980px) { .dropmenu { opacity: 0; visibility: hidden; position: absolute; top: 100%; left: 0; width: 100%; padding-top: 6px } } @media(min-width: 1366px) { .dropmenu { left: auto; right: 0; width: 1242px; padding-top: 27px } } @media(min-width: 980px) { .school-site .dropmenu, .affiliate-site .dropmenu { right: auto; left: 0; width: 260px; padding-top: 15px } } @media(min-width: 1366px) { .school-site .dropmenu { padding-top: 19px } } .sec-lvl { width: 100%; background: #f7f7f7; padding: 14px 0 } @media(min-width: 980px) { .sec-lvl { background: none; padding: 31px 8px; background: #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, .16); position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;border-radius:25px; } } @media(min-width: 980px) { .school-site .sec-lvl, .affiliate-site .sec-lvl { display: block; box-shadow: 0 3px 6px rgba(0, 0, 0, .16); border: 1px solid #ccc; background: #fff; border-radius: 4px; padding: 20px 22px 6px } } .school-site .sec-lvl, .affiliate-site .sec-lvl { padding-bottom: 10px } .sec-lvl>li { font-size: 17px; line-height: 1.2941; font-weight: 400; text-transform: none; letter-spacing: 0 } @media(min-width: 980px) { .sec-lvl>li { font-size: 1.4rem; line-height: 1.25; margin-bottom: 23px; padding: 0 24px; width: 33.33% } } @media(min-width: 1366px) { .sec-lvl>li { font-size: 1.6rem } } @media(min-width: 980px) { .school-site .sec-lvl>li, .affiliate-site .sec-lvl>li { margin-bottom: 13px; font-size: 1.6rem; width: 100%; padding: 0 } } .sec-lvl>li.active>a { color: #2b336c } .sec-lvl>li.active>a .sec-opener:after { display: none } .sec-lvl>li.focus>a, .sec-lvl>li:hover>a { color: #2b336c } @media(min-width: 980px) { .sec-lvl>li.focus>a, .sec-lvl>li:hover>a { color: #2b336c } } @media(min-width: 980px) { .sec-lvl>li.focus .third-lvl, .sec-lvl>li:hover .third-lvl { opacity: 1; visibility: visible } } .sec-lvl>li>a { display: block; padding: 11px 60px 11px 28px; position: relative; color: #1f72b3 } @media(min-width: 980px) { .sec-lvl>li>a { display: inline; padding: 0 } } @media(min-width: 980px) { .school-site .sec-lvl>li>a, .affiliate-site .sec-lvl>li>a { color: #767676 !important } } .sec-lvl>li>a:hover { background: #f7f7f7 } @media(min-width: 980px) { .sec-lvl>li>a:hover { color: #2b336c; text-decoration: underline; background: none } } @media(min-width: 980px) { .school-site .sec-lvl>li>a:hover { color: #981c3e !important } } @media(min-width: 980px) { .affiliate-site .sec-lvl>li>a:hover { color: #2e2d77 !important } } .sec-lvl>li>a.has-drop-down-a .sec-opener { opacity: 1; visibility: visible } .sec-lvl>li>a .sec-opener { position: absolute; top: 50%; right: 30px; width: 16px; height: 16px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; visibility: hidden } @media(min-width: 980px) { .sec-lvl>li>a .sec-opener { display: none } } .sec-lvl>li>a .sec-opener:before, .sec-lvl>li>a .sec-opener:after { content: ''; background: #222; position: absolute; -webkit-transition: background .3s linear; transition: background .3s linear } .sec-lvl>li>a .sec-opener:before { height: 2px; width: 16px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .sec-lvl>li>a .sec-opener:after { height: 16px; width: 2px; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .third-lvl { padding: 2px 0 0 } @media(min-width: 980px) { .third-lvl { display: none } }
15 .school-site .third-lvl, .affiliate-site .third-lvl { padding: 0; margin-bottom: -6px } .third-lvl>li { font-size: 1.6rem; line-height: 1.375; font-weight: 500 } @media(min-width: 980px) { .third-lvl>li { font-weight: 400; margin-bottom: 12px } } .school-site .third-lvl>li, .affiliate-site .third-lvl>li { margin-bottom: 3px } .third-lvl>li.active { background: #f7f7f7 } .third-lvl>li.active>a { color: #2b336c } .third-lvl>li.active>a .third-opener:after { display: none } .third-lvl>li>a { display: block; padding: 9px 60px 9px 37px; position: relative; color: #1f72b3 } @media(min-width: 980px) { .third-lvl>li>a { display: inline-block; color: #666; padding: 0 } } .third-lvl>li>a:hover { color: #2b336c } @media(min-width: 980px) { .third-lvl>li>a:hover { text-decoration: underline } } .third-lvl>li>a.has-drop-down-a .third-opener { opacity: 1; visibility: visible } .third-lvl>li>a .third-opener { position: absolute; top: 50%; right: 30px; width: 16px; height: 16px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; visibility: hidden } @media(min-width: 980px) { .third-lvl>li>a .third-opener { display: none } } .third-lvl>li>a .third-opener:before, .third-lvl>li>a .third-opener:after { content: ''; background: #222; position: absolute; -webkit-transition: background .3s linear; transition: background .3s linear } .third-lvl>li>a .third-opener:before { height: 2px; width: 16px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .third-lvl>li>a .third-opener:after { height: 16px; width: 2px; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } @media(min-width: 980px) { .fourth-lvl { display: none } } .fourth-lvl>li { font-weight: 500 } .fourth-lvl>li>a { color: #1f72b3; display: block; padding: 9px 60px 9px 58px } .school-site .fourth-lvl>li>a { padding: 7px 60px 7px 58px } .fourth-lvl>li>a:hover { color: #2b336c } @media(max-width: 979px) { [data-inner-slide] { position: absolute; top: 0; left: 0; width: 100%; -webkit-transform: translateX(150%); -ms-transform: translateX(150%); transform: translateX(150%); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; background: #fff; z-index: 2; padding: 0 0 12px; border-bottom: 1px solid #e6e6e6; visibility: hidden } } @media(max-width: 979px) { [data-inner-slide].fourth-lvl>li:first-child { margin-bottom: 9px } } @media(max-width: 979px) { [data-inner-slide].fourth-lvl>li>a { padding: 8px 60px 8px 39px } } @media(max-width: 979px) { [data-inner-slide]>li { margin-bottom: 0 } } @media(min-width: 980px) { [data-inner-slide]>li:first-child { display: none } } @media(max-width: 979px) { [data-inner-slide]>li:first-child { font-size: 17px; line-height: 28px; font-weight: 600; letter-spacing: 1.7px; margin: 0 0 13px; border-bottom: 1px solid #dadada } } @media(max-width: 979px) { [data-inner-slide]>li:first-child>a { padding: 20px 65px 20px 17px; background: #1f72b3; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } @media(max-width: 979px) { .school-site [data-inner-slide]>li:first-child>a { padding: 20px 65px 20px 17px; background: #981c3e; color: #fff } } @media(max-width: 979px) { .affiliate-site [data-inner-slide]>li:first-child>a { padding: 20px 65px 20px 17px; background: #2e2d77; color: #fff } } @media(max-width: 979px) { .school-site [data-inner-slide]>li:first-child>a:hover { color: #fff } } @media(max-width: 979px) { .affiliate-site [data-inner-slide]>li:first-child>a:hover { color: #fff } } @media(max-width: 979px) { [data-inner-slide]>li:first-child>a img { margin: 0 15px 0 0 } } @media(max-width: 979px) { [data-inner-slide]>li:first-child>a .inner-opener { position: absolute; top: 50%; right: 26px; width: 22px; height: 22px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } } @media(max-width: 979px) { [data-inner-slide]>li:first-child>a .inner-opener:before { content: ''; background: #fff; position: absolute; height: 4px; width: 22px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } } @media(max-width: 979px) { [data-inner-slide]>li>a { display: block; padding: 11px 60px 11px 39px; position: relative } } @media(max-width: 979px) { .active>[data-inner-slide] { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); visibility: visible } }
15 @media(max-width: 979px) { [data-slide].js-acc-hidden { display: none !important } } .school-site #header { border-bottom-color: #6b172e; padding: 20px 0 } @media(min-width: 375px) { .school-site #header { padding: 16px 0 } } @media(min-width: 1366px) { .school-site #header { padding: 22px 0 20px } } .school-site #header:before, .school-site #header:after { display: none } .school-site #header .ci-logo { width: 176px } @media(min-width: 375px) { .school-site #header .ci-logo { width: 278px } } @media(min-width: 640px) { .school-site #header .ci-logo { width: 292px } } @media(min-width: 1366px) { .school-site #header .ci-logo { width: 334px } } .school-site #header .ci-logo a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .school-site #header .ci-logo img { width: 60px; height: auto } @media(min-width: 375px) { .school-site #header .ci-logo img { width: 69px } } @media(min-width: 1366px) { .school-site #header .ci-logo img { width: 100px } } .school-site #header .ci-logo .text { font-size: 24px; font-weight: 600; line-height: 1.17; color: #6b172e; width: calc(100% - 60px); padding: 2px 0 0 10px; text-transform: capitalize } @media(min-width: 375px) { .school-site #header .ci-logo .text { font-size: 26px; width: calc(100% - 69px) } } @media(min-width: 640px) { .school-site #header .ci-logo .text { font-size: 28px } } @media(min-width: 1366px) { .school-site #header .ci-logo .text { width: calc(100% - 100px); padding-left: 20px } } @media(min-width: 375px) { .school-site #header .ci-logo .text br { display: none } } @media(min-width: 980px) { .school-site #header .ci-r-holder { width: calc(100% - 292px); padding-top: 11px } } @media(min-width: 1366px) { .school-site #header .ci-r-holder { width: calc(100% - 334px); padding-top: 8px } } .school-site #header .ci-search-form .icon.search-icon { fill: #666 } .school-site .nav-opener::before, .school-site .nav-opener::after, .school-site .nav-opener span { background: #6b172e } @media(min-width: 1366px) { .school-site .main-nav { margin-right: -20px } } .school-site .main-nav>li.active>a, .school-site .main-nav>li.drop-active>a { background: #981c3e; color: #fff } @media(min-width: 980px) { .school-site .main-nav>li.active>a, .school-site .main-nav>li.drop-active>a { background: none; color: #6b172e; border-color: #fdca46 } } @media(min-width: 980px) { .school-site .main-nav>li:hover { background: none; color: #6b172e; border-color: #fdca46 } } .school-site .main-nav>li>a { color: #981c3e } .school-site .main-nav>li>a:hover { color: #fff; background: #981c3e } @media(min-width: 980px) { .school-site .main-nav>li>a:hover { background: none; color: #6b172e; border-color: #fdca46 } } .school-site .sec-lvl>li>a { color: #6b172e } .school-site .sec-lvl>li>a:hover { color: #981c3e } .school-site .sec-lvl>li.active>a { color: #981c3e } .school-site .third-lvl>li>a { color: #981c3e; padding: 6px 60px 6px 43px } .school-site .third-lvl>li>a:hover { color: #6b172e } .school-site .third-lvl>li.active>a { color: #6b172e } .school-site .fourth-lvl>li>a { color: #981c3e } .school-site .fourth-lvl>li>a:hover { color: #6b172e } .affiliate-site #header { border-bottom-color: #1f1e57; padding: 17px 0 } @media(min-width: 375px) { .affiliate-site #header { padding: 13px 0 } } @media(min-width: 480px) { .affiliate-site #header { padding: 25px 0 } } @media(min-width: 640px) { .affiliate-site #header { padding: 24px 0 } } @media(min-width: 980px) { .affiliate-site #header { padding-bottom: 15px } } @media(min-width: 1366px) { .affiliate-site #header { padding: 26px 0 20px } } .affiliate-site #header:before, .affiliate-site #header:after { display: none } .affiliate-site #header .ci-logo { width: 194px } @media(min-width: 375px) { .affiliate-site #header .ci-logo { width: 214px } } @media(min-width: 480px) { .affiliate-site #header .ci-logo { width: 346px } } @media(min-width: 640px) { .affiliate-site #header .ci-logo { width: 354px } } @media(min-width: 980px) { .affiliate-site #header .ci-logo { width: 346px } } @media(min-width: 1366px) { .affiliate-site #header .ci-logo { width: 494px } } .affiliate-site #header .ci-logo a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .affiliate-site #header .ci-logo img { width: 57px; height: 36px } @media(min-width: 375px) { .affiliate-site #header .ci-logo img { width: 74px; height: 45px } } @media(min-width: 640px) { .affiliate-site #header .ci-logo img { width: 82px; height: 51px } } @media(min-width: 980px) { .affiliate-site #header .ci-logo img { width: 74px; height: 45px } } @media(min-width: 1366px) { .affiliate-site #header .ci-logo img { width: 163px; height: 100px } } .affiliate-site #header .ci-logo .text { font-size: 22px; font-weight: 600; line-height: 1.09; color: #1f1e57; width: calc(100% - 57px); padding: 2px 0 0 10px; text-transform: capitalize } @media(min-width: 375px) { .affiliate-site #header .ci-logo .text { width: calc(100% - 74px) } } @media(min-width: 480px) { .affiliate-site #header .ci-logo .text { font-size: 24px; padding-top: 0 } } @media(min-width: 640px) { .affiliate-site #header .ci-logo .text { width: calc(100% - 82px) } } @media(min-width: 980px) { .affiliate-site #header .ci-logo .text { width: calc(100% - 74px) } } @media(min-width: 1366px) { .affiliate-site #header .ci-logo .text { font-size: 28px; width: calc(100% - 163px); padding: 19px 0 0 26px } } .affiliate-site #header .ci-logo .text .sm { display: block; font-size: 14px; margin-bottom: 2px } @media(min-width: 375px) { .affiliate-site #header .ci-logo .text .sm { margin-bottom: 9px } } @media(min-width: 480px) { .affiliate-site #header .ci-logo .text .sm { font-size: 16px; margin-bottom: 6px } } @media(min-width: 640px) { .affiliate-site #header .ci-logo .text .sm { font-size: 18px } } @media(min-width: 480px) { .affiliate-site #header .ci-logo .text br { display: none } } @media(min-width: 980px) { .affiliate-site #header .ci-r-holder { width: calc(100% - 346px); padding-top: 4px } } @media(min-width: 1366px) { .affiliate-site #header .ci-r-holder { width: calc(100% - 494px) } } .affiliate-site #header .ci-search-form .icon.search-icon { fill: #666 } @media(min-width: 1366px) { .affiliate-site #header .ci-r-holder .ci-top-holder { margin-left: -140px } } .affiliate-site .nav-opener::before, .affiliate-site .nav-opener::after, .affiliate-site .nav-opener span { background: #1f1e57 } @media(min-width: 980px) { .affiliate-site .main-nav { margin-left: -104px } } @media(min-width: 1366px) { .affiliate-site .main-nav { margin-left: 0; margin-right: -20px } } @media(min-width: 1366px) { .affiliate-site .main-nav>li { padding: 0 3px } } @media(min-width: 1500px) { .affiliate-site .main-nav>li { padding: 0 6px } } .affiliate-site .main-nav>li.active>a, .affiliate-site .main-nav>li.drop-active>a { background: #2e2d77; color: #fff } @media(min-width: 980px) { .affiliate-site .main-nav>li.active>a, .affiliate-site .main-nav>li.drop-active>a { background: none; color: #1f1e57; border-color: #bbbdc0 } } @media(min-width: 980px) { .affiliate-site .main-nav>li:hover { background: none; color: #1f1e57; border-color: #bbbdc0 } } .affiliate-site .main-nav>li>a { color: #2e2d77 } .affiliate-site .main-nav>li>a:hover { color: #fff; background: #2e2d77 } @media(min-width: 980px) { .affiliate-site .main-nav>li>a:hover { background: none; color: #1f1e57; border-color: #bbbdc0 } } .affiliate-site .sec-lvl>li>a { color: #2e2d77 } .affiliate-site .sec-lvl>li>a:hover { color: #1f1e57 } .affiliate-site .sec-lvl>li.active>a { color: #1f1e57 } .affiliate-site .third-lvl>li>a { color: #2e2d77; padding: 5px 60px 5px 43px } .affiliate-site .third-lvl>li>a:hover { color: #1f1e57 } .affiliate-site .third-lvl>li.active>a { color: #1f1e57 } .affiliate-site .fourth-lvl>li>a { color: #2e2d77 } .affiliate-site .fourth-lvl>li>a:hover { color: #1f1e57 } </style> <style> .slick-slide img {height: 100%;}.ci-banner-block { position: relative; border-bottom: 4px solid #2b336c } @media(min-width: 480px) { .ci-banner-block { border-width: 6px; margin-top: -5px } } @media(min-width: 1366px) { .ci-banner-block { border-width: 4px; margin-top: 0; margin-bottom: -48px } } .school-site .ci-banner-block { border-color: #fdca46 } .affiliate-site .ci-banner-block { border-color: #bbbdc0 } .ci-banner-block:before, .ci-banner-block:after { content: ''; height: 4px; background: #1f72b3; position: absolute; bottom: -4px; left: 0; width: 63% } @media(min-width: 480px) { .ci-banner-block:before, .ci-banner-block:after { width: 63%; height: 6px; bottom: -6px } } @media(min-width: 640px) { .ci-banner-block:before, .ci-banner-block:after { width: 60% } } @media(min-width: 980px) { .ci-banner-block:before, .ci-banner-block:after { width: 57% } } @media(min-width: 1366px) { .ci-banner-block:before, .ci-banner-block:after { height: 4px; bottom: -4px; width: 63.5% } } .school-site .ci-banner-block:before, .affiliate-site .ci-banner-block:before, .school-site .ci-banner-block:after, .affiliate-site .ci-banner-block:after { display: none } .ci-banner-block:after { background: #7aab3b; width: 25% } @media(min-width: 480px) { .ci-banner-block:after { width: 26% } } @media(min-width: 640px) { .ci-banner-block:after { width: 21% } } @media(min-width: 980px) { .ci-banner-block:after { width: 17% } } @media(min-width: 1366px) { .ci-banner-block:after { width: 7.4% } } .ci-banner-block .ci-slick-slider:not(.slick-initialized) { max-height: 604px !important; overflow: hidden !important; visibility: hidden !important } .ci-banner-block .ci-nav-slider, .ci-banner-block .ci-slider-nav { top: 0; display: none; position: absolute; pointer-events: none } .ci-banner-block .ci-nav-slider:first-child .ci-img-holder:last-child, .ci-banner-block .ci-slider-nav:first-child .ci-img-holder:last-child { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } .ci-banner-block .ci-nav-slider:not(.slick-initialized), .ci-banner-block .ci-slider-nav:not(.slick-initialized) { display: none } .ci-banner-block .ci-nav-slider:after, .ci-banner-block .ci-slider-nav:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: '' } .ci-banner-block .ci-nav-slider .slick-track, .ci-banner-block .ci-slider-nav .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .ci-banner-block .ci-nav-slider .slick-track:after, .ci-banner-block .ci-nav-slider .slick-track:before, .ci-banner-block .ci-slider-nav .slick-track:after, .ci-banner-block .ci-slider-nav .slick-track:before { display: none } .ci-banner-block .ci-nav-slider .ci-img-holder, .ci-banner-block .ci-slider-nav .ci-img-holder { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important } .ci-banner-block .ci-nav-slider img, .ci-banner-block .ci-slider-nav img { width: 100%; height: auto } .ci-banner-block .ci-slider-nav { left: 0; width: 1070px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } @media(min-width: 980px) { .ci-banner-block .ci-slider-nav { display: block } } @media(min-width: 1366px) { .ci-banner-block .ci-slider-nav { width: 900px } } @media(min-width: 1600px) { .ci-banner-block .ci-slider-nav { width: 1068px } } @media(min-width: 1921px) { .ci-banner-block .ci-slider-nav { -webkit-transform: none; -ms-transform: none; transform: none } }
15 .school-site .ci-banner-block .ci-slider-nav:after { background-color: #6b172e } .affiliate-site .ci-banner-block .ci-slider-nav:after { background-color: #1f1e57 } .ci-banner-block .ci-slider-nav+.ci-slider-nav { left: auto; right: 0; -webkit-transform: translateX(10%); -ms-transform: translateX(10%); transform: translateX(10%) } @media(min-width: 1921px) { .ci-banner-block .ci-slider-nav+.ci-slider-nav { -webkit-transform: none; -ms-transform: none; transform: none } } .school-site .ci-banner-block .ci-slider-nav+.ci-slider-nav:after { background-color: #6b172e } .affiliate-site .ci-banner-block .ci-slider-nav+.ci-slider-nav:after { background-color: #1f1e57 } .ci-banner-block .ci-slider-nav+.ci-slider-nav .ci-img-holder:first-child { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 }  @media(min-width: 1366px) { .ci-banner-block .ci-slick-slider .ci-img-holder { max-width: 100%; width: 900px; margin: 0 } } @media(min-width: 1600px) { .ci-banner-block .ci-slick-slider .ci-img-holder { width: 62.56% } } .ci-banner-block .ci-slick-slider .container { padding: 0 } @media(min-width: 1366px) { .ci-banner-block .ci-slick-slider .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;    flex-direction: row-reverse; } } .ci-banner-block .ci-desc-holder { background: #5c812d; padding: 13px 50px 76px 12px; min-height: 134px } @media(min-width: 480px) { .ci-banner-block .ci-desc-holder { padding: 20px 50px 90px 20px; min-height: 199px } } @media(min-width: 640px) { .ci-banner-block .ci-desc-holder { padding: 15px 50px 90px 30px; min-height: 160px } } @media(min-width: 980px) { .ci-banner-block .ci-desc-holder { min-height: 155px } } @media(min-width: 1366px) { .ci-banner-block .ci-desc-holder { padding: 25px 50px 170px 140px; background: green; min-height: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex;flex-direction: column;justify-content:center; } } @media(min-width: 1600px) { .ci-banner-block .ci-desc-holder { padding-bottom: 200px } } .school-site .ci-banner-block .ci-desc-holder { background: #6b172e; padding: 15px 50px 70px 20px } @media(min-width: 480px) { .school-site .ci-banner-block .ci-desc-holder { padding: 21px 50px 70px 20px } } @media(min-width: 640px) { .school-site .ci-banner-block .ci-desc-holder { padding: 16px 50px 90px 30px } } @media(min-width: 1366px) { .school-site .ci-banner-block .ci-desc-holder { background: none } } .affiliate-site .ci-banner-block .ci-desc-holder { background: #1f1e57; padding: 15px 50px 70px 16px } @media(min-width: 480px) { .affiliate-site .ci-banner-block .ci-desc-holder { padding: 20px 50px 70px 23px } } @media(min-width: 640px) { .affiliate-site .ci-banner-block .ci-desc-holder { padding: 15px 50px 90px 31px } } @media(min-width: 1366px) { .affiliate-site .ci-banner-block .ci-desc-holder { padding: 15px 50px 187px 45px; background: none } } .ci-banner-block .ci-desc-holder h1 { font-size: 1.5rem; line-height: 1.3333; font-weight: 400 } @media(min-width: 480px) { .ci-banner-block .ci-desc-holder h1 { font-size: 2.4rem } } @media(min-width: 980px) { .ci-banner-block .ci-desc-holder h1 { font-size: 3.2rem } } @media(min-width: 1366px) { .ci-banner-block .ci-desc-holder h1 { font-size: 3.7rem; line-height: 1.2632; min-height: 190px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } }
15 .school-site .ci-banner-block .ci-desc-holder h1 { font-size: 1.6rem; line-height: 1.3125 } @media(min-width: 480px) { .school-site .ci-banner-block .ci-desc-holder h1 { font-size: 2.4rem; line-height: 1.3333 } } @media(min-width: 980px) { .school-site .ci-banner-block .ci-desc-holder h1 { font-size: 3.2rem } } @media(min-width: 1366px) { .school-site .ci-banner-block .ci-desc-holder h1 { font-size: 3.8rem } } .affiliate-site .ci-banner-block .ci-desc-holder h1 { font-size: 1.6rem; line-height: 1.3125 } @media(min-width: 480px) { .affiliate-site .ci-banner-block .ci-desc-holder h1 { font-size: 2.4rem; line-height: 1.3333 } } @media(min-width: 980px) { .affiliate-site .ci-banner-block .ci-desc-holder h1 { font-size: 3.2rem } } @media(min-width: 1366px) { .affiliate-site .ci-banner-block .ci-desc-holder h1 { font-size: 3.8rem } } .ci-banner-block .ci-desc-holder h1 a { color: #fff } .ci-banner-block .ci-desc-holder h1 a:hover { text-decoration: underline } .ci-banner-block .ci-slider-controls { position: absolute; bottom: 29px; left: 0; right: 0 } @media(min-width: 480px) { .ci-banner-block .ci-slider-controls { bottom: 47px } } @media(min-width: 980px) { .ci-banner-block .ci-slider-controls { bottom: 37px } } @media(min-width: 1366px) { .ci-banner-block .ci-slider-controls { bottom: 110px } } @media(min-width: 1600px) { .ci-banner-block .ci-slider-controls { bottom: 136px } } .ci-banner-block .ci-slider-controls .container { padding: 0 12px } @media(min-width: 480px) { .ci-banner-block .ci-slider-controls .container { padding: 0 20px } } @media(min-width: 640px) { .ci-banner-block .ci-slider-controls .container { padding: 0 30px } } @media(min-width: 1366px) { .ci-banner-block .ci-slider-controls .container { text-align: left } }
15 .school-site .ci-banner-block .ci-slider-controls .container { padding: 0 19px } @media(min-width: 480px) { .school-site .ci-banner-block .ci-slider-controls .container { padding: 0 22px } } @media(min-width: 640px) { .school-site .ci-banner-block .ci-slider-controls .container { padding: 0 30px } } .affiliate-site .ci-banner-block .ci-slider-controls .container { padding: 0 16px } @media(min-width: 480px) { .affiliate-site .ci-banner-block .ci-slider-controls .container { padding: 0 22px } } @media(min-width: 640px) { .affiliate-site .ci-banner-block .ci-slider-controls .container { padding: 0 30px } } @media(min-width: 1366px) { .ci-banner-block .ci-slider-controls .frame { width: calc(100% - 900px); display: inline-block; vertical-align: top; text-align: center; padding: 0 15px } } @media(min-width: 1600px) { .ci-banner-block .ci-slider-controls .frame { width: calc(100% - 62.56%); padding: 0 35px } } .ci-banner-block .slider-nav { display: inline-block; vertical-align: top; position: relative; padding: 0 37px } @media(min-width: 480px) { .ci-banner-block .slider-nav { padding: 0 56px } } .ci-banner-block .slick-arrow { position: absolute; top: 60%; left: 0; width: 33px; height: 33px; border: 2px solid #fff; border-radius: 100%; background: none; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); outline-color: #fff; -webkit-transition: background .3s linear, border-color .3s linear; transition: background .3s linear, border-color .3s linear } @media(min-width: 480px) { .ci-banner-block .slick-arrow { width: 48px; height: 48px } }
15 .ci-banner-block .slick-arrow.slick-next { left: auto; right: 0 } .ci-banner-block .slick-arrow:hover { background: #7aab3b; border-color: #7aab3b } .school-site .ci-banner-block .slick-arrow:hover { background: #fdca46; border-color: #fdca46 } .affiliate-site .ci-banner-block .slick-arrow:hover { background: #bbbdc0; border-color: #bbbdc0 } .ci-banner-block .slick-arrow .arrow-icon { width: 9px; height: 15px; fill: #fff } @media(min-width: 480px) { .ci-banner-block .slick-arrow .arrow-icon { width: 12px; height: 19px } } .ci-banner-block .slick-dots { margin: 0; display: inline-block; vertical-align: top } .ci-banner-block .slick-dots li { padding: 2px 2px; display: inline-block; vertical-align: middle; font-size: 0 } @media(min-width: 480px) { .ci-banner-block .slick-dots li { padding: 2px 3px } } .ci-banner-block .slick-dots li.slick-active button { background: #fff } .ci-banner-block .slick-dots li button { display: block; text-indent: -9999px; overflow: hidden; line-height: 0; width: 11px; height: 11px; border: none; border-radius: 100%; background: rgba(255, 255, 255, .3); padding: 0; -webkit-transition: background .3s linear; transition: background .3s linear } @media(min-width: 480px) { .ci-banner-block .slick-dots li button { width: 16px; height: 16px } } .ci-banner-block .slick-dots li button:hover { background: #fff } </style> <style> #main .ci-quick-link .icon-hold { border: 3px solid #B7B6C1; } #main .ci-quick-link a:hover .icon-hold { border-color: #225160; background: #116B4F; } #main .ci-quick-link a:hover .text { color: #00853E; } #main .ci-quick-link .btn-holder { padding-top: 100px; } #main .ci-quick-link .slick-slide a { overflow: hidden;display:flex;flex-direction:column;justify-content:center;align-items:center; } #main .ci-quick-link .slick-slide a:hover img { filter: drop-shadow(#fff 175px 0); transform: translateX(-175px); } .ci-quick-link { padding-top: 16px; padding-bottom: 20px; position: relative } @media(min-width: 480px) { .ci-quick-link { padding-top: 24px } } .school-site .ci-quick-link { padding-top: 20px; padding-bottom: 18px } @media(min-width: 480px) { .school-site .ci-quick-link { padding-top: 25px; padding-bottom: 21px } } .affiliate-site .ci-quick-link { padding-top: 27px; padding-bottom: 18px } @media(min-width: 480px) { .affiliate-site .ci-quick-link { padding-top: 25px; padding-bottom: 25px } } .ci-quick-link .hill-bg { position: absolute; top: -27px; left: 50%; z-index: -1; width: 577px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } @media(min-width: 480px) { .ci-quick-link .hill-bg { width: 862px; top: -40px } } @media(min-width: 640px) { .ci-quick-link .hill-bg { width: 990px; top: -60px } } @media(min-width: 980px) { .ci-quick-link .hill-bg { width: 1614px; top: -150px } } @media(min-width: 1366px) { .ci-quick-link .hill-bg { top: -85px; left: -10px; right: -10px; -webkit-transform: none; -ms-transform: none; transform: none; width: auto } } @media(min-width: 640px) { .ci-quick-link .container { padding: 0 24px } } @media(min-width: 980px) { .ci-quick-link .container { padding: 0 48px } } @media(min-width: 1366px) { .ci-quick-link .container { padding: 0 18px } } @media(min-width: 1366px) { .ci-quick-link .slick-list { margin: 0 -50px } } .ci-quick-link .slick-slide { padding: 0 6px; text-align: center } @media(min-width: 640px) { .ci-quick-link .slick-slide { padding: 0 34px } } .ci-quick-link a { text-align: center; display: inline-block; vertical-align: top } .ci-quick-link a:hover .icon-hold { border-color: #7aab3b } .school-site .ci-quick-link a:hover .icon-hold { border-color: #fdca46 } .affiliate-site .ci-quick-link a:hover .icon-hold { border-color: #bbbdc0 } .school-site .ci-quick-link a:hover .text { color: #6b172e } .affiliate-site .ci-quick-link a:hover .text { color: #1f1e57 } .ci-quick-link .icon-hold { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 80px; height: 80px; background: #fff; margin-bottom: 8px; border-radius: 100%; border: 4px solid #c3e2fb; -webkit-transition: border-color .3s linear; transition: border-color .3s linear } @media(min-width: 480px) { .ci-quick-link .icon-hold { width: 120px; height: 120px; margin-bottom: 12px } } .school-site .ci-quick-link .icon-hold { border-color: #981c3e } .affiliate-site .ci-quick-link .icon-hold { border-color: #2e2d77 } .ci-quick-link .icon-hold .icon { width: 40px; height: 40px; fill: #666 } @media(min-width: 480px) { .ci-quick-link .icon-hold .icon { width: 60px; height: 60px } } .ci-quick-link .text { display: block; font-size: .8rem; line-height: 1.375; font-weight: 600; padding: 0 10px; color: #2b336c; -webkit-transition: color .3s linear; transition: color .3s linear } @media(min-width: 480px) { .ci-quick-link .text { font-size: 1.6rem; padding: 0 } } .school-site .ci-quick-link .text { color: #981c3e; font-size: 1rem; line-height: 1.4; padding: 0 } @media(min-width: 480px) { .school-site .ci-quick-link .text { font-size: 1.6rem; line-height: 1.375 } } .affiliate-site .ci-quick-link .text { color: #2e2d77; font-size: 1rem; line-height: 1.4; padding: 0 } @media(min-width: 480px) { .affiliate-site .ci-quick-link .text { font-size: 1.6rem; line-height: 1.375 } } .ci-quick-link .slick-arrow { position: absolute; top: 36%; left: -18px; width: 33px; height: 33px; border: 2px solid #f2f2f2; border-radius: 100%; background: #fff; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); outline-color: #666; z-index: 2; -webkit-transition: background .3s linear, border-color .3s linear; transition: background .3s linear, border-color .3s linear } @media(min-width: 480px) { .ci-quick-link .slick-arrow { top: 34%; width: 48px; height: 48px; left: -29px } } @media(min-width: 640px) { .ci-quick-link .slick-arrow { left: 0 } } @media(min-width: 980px) { .ci-quick-link .slick-arrow { left: -6px } } @media(min-width: 1366px) { .ci-quick-link .slick-arrow { left: 0 } }
15 .ci-quick-link .slick-arrow.slick-next { left: auto; right: -18px } @media(min-width: 480px) { .ci-quick-link .slick-arrow.slick-next { right: -29px } } @media(min-width: 640px) { .ci-quick-link .slick-arrow.slick-next { right: 0 } } @media(min-width: 980px) { .ci-quick-link .slick-arrow.slick-next { right: -6px } } @media(min-width: 1366px) { .ci-quick-link .slick-arrow.slick-next { right: 0 } } .ci-quick-link .slick-arrow:hover { background: #7aab3b; border-color: #7aab3b } .school-site .ci-quick-link .slick-arrow:hover { background: #fdca46; border-color: #fdca46 } .affiliate-site .ci-quick-link .slick-arrow:hover { background: #bbbdc0; border-color: #bbbdc0 } .ci-quick-link .slick-arrow .arrow-icon { width: 19px; height: 30px; fill: #C8C8C8; }</style> <style> #main .ci-news-events .events-holder::before { left: -30%; right: -30%; } .events-block .event-row { margin-bottom: 0; } .events-block .tag { font-size: 1.4rem; font-weight: 500; text-transform: uppercase; letter-spacing: 1.3px; } .events-block .timing { font-size: 1.4rem; color: #767676; } .ci-news-events .events-block .link{ text-overflow:unset; } .ci-news-events .events-block .link span { font-weight: 400;color:#1A1A1A;white-space:pre-wrap;min-height:65px;line-height:1.2; } .ci-news-events .events-block > section { margin-bottom: 0; } #main .events-block .date { background: #286281; border: 1px solid #878787; font-weight: 400; } #main .events-block .date .day { font-weight: 400; } #main .ci-news-events .link-hold a { color: #1D97C3; } .events-block .event-row .desc .link { color: #000;margin-bottom:5px;padding: 5px 0px 0px; } .events-block .event-row .desc .timing { color: #6E6E6E; font-size: 1.6rem; font-weight: 500;cursor:default;} @media(min-width:1366px) { .ci-news-events .events-block .desc { padding: 37px 20px 38px 24px; } .ci-news-events .events-block section:not(:last-child) { padding-right: 20px; } .ci-news-events .events-block .date { font-size: 2.4rem; width: 35%; max-width: 110px; } .ci-news-events .events-block .date .day { font-size: 2.4rem; } } .ci-news-events .events-holder .events-block.event-xl-blcok { display: flex; flex-wrap: nowrap; } @media(max-width:1365px){ .ci-news-events .events-holder .events-block.d-block { display: flex !important; } } @media (min-width: 1024px) { #main .ci-news-events .events-holder .slick-arrow { color: #1D97C3; } .ci-news-events .events-holder .slick-arrow { position: absolute; z-index: 1; top: 25%; background: unset; border: none; outline: none; } } @media (min-width: 1366px) and (max-width:1599px){ #main .ci-news-events .events-holder .slick-prev { left: -40px; right: auto; } #main .ci-news-events .events-holder .slick-next { right: -5px; left: auto; } } @media (min-width: 1600px) and (max-width:1799px) { #main .ci-news-events .events-holder .slick-prev { left: -70px; right: auto; } #main .ci-news-events .events-holder .slick-next { right: -35px; left: auto; } } @media (min-width: 1800px){ #main .ci-news-events .events-holder .slick-prev { left: -90px; right: auto; } #main .ci-news-events .events-holder .slick-next { right: -55px; left: auto; } } @media (max-width: 1365px) { #main .ci-news-events .events-holder .slick-prev, #main .ci-news-events .events-holder .slick-next { display:none; } } </style> <style> .news-block { margin: 0 } @media(min-width: 1024px) { .news-block { margin:0 -15px } } .news-block.slick-dotted .slick-list { margin-right: -20px; margin-left: -11px; margin-bottom: 30px; padding-right: 52px } @media(min-width: 480px) { .news-block.slick-dotted .slick-list { margin-right:-32px; margin-left: -15px; padding-right: 132px } } @media(min-width: 640px) { .news-block.slick-dotted .slick-list { padding-right:292px } } .news-block.slick-dotted .slick-slide { padding: 0 11px } @media(min-width: 480px) { .news-block.slick-dotted .slick-slide { padding:0 15px } } .news-holder .card a:hover .img-holder .overlay { opacity: 1; visibility: visible } .news-holder .card a:hover .h4 span { text-decoration: underline } @media(min-width: 480px) { .news-block .card-#main { padding:1.75rem 1.25rem 2.7rem } } @media(min-width: 1366px) { .news-block .card-#main { padding:1.75rem 1.45rem 2.8rem } } .news-holder .img-holder { position: relative } .news-holder .img-holder .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(59,30,91,.7); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-weight: 600; opacity: 0; visibility: hidden; -webkit-transition: opacity .3s linear,visibility .3s linear; transition: opacity .3s linear,visibility .3s linear } .school-site .news-block .img-holder .overlay { background: rgba(137,116,73,.7) } .news-block .tag { font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.3px; margin-bottom: 7px; color: #69339b } .school-site .news-block .tag { color: #897449 } @media(min-width: 480px) { .news-block .tag { margin-bottom:13px } } @media(min-width: 1366px) { .news-block .tag { font-size:1.5rem; margin-bottom: 14px } } @media(min-width: 1366px) and (max-width:1599px) { .news-block .tag { font-size:1.2rem } } .news-block .h4 { font-size: 1.8rem; line-height: 1.67; color: #1e102e; margin-bottom: 9px } .school-site .news-block .h4 { color: #000 } @media(min-width: 480px) { .news-block .h4 { font-size:2.4rem; line-height: 1.25; margin-bottom: 15px } } @media(min-width: 640px) { .news-block .h4 { min-height:60px } } @media(min-width: 1366px) { .news-block .h4 { margin-bottom:20px } } @media(min-width: 1366px) and (max-width:1599px) { .news-block .h4 { font-size:2.2rem } } .news-block .text { display: none } .news-block time { color: #767676; font-size: 13px; margin-bottom: 20px } .school-site .news-block time { color: #666 } @media(min-width: 480px) { .news-block time { margin-bottom:27px } } @media(min-width: 1366px) { .news-block time { font-size:1.5rem } } @media(min-width: 1366px) and (max-width:1599px) { .news-block time { font-size:1.2rem } } .news-block .card-link { font-size: 13px; font-weight: 600; color: #69339b } .school-site .news-block .card-link { color: #897449 } @media(min-width: 480px) { .news-block .card-link { font-size:1.6rem } } @media(min-width: 1366px) { .news-block .card-link { font-size:1.8rem } } @media(min-width: 1366px) and (max-width:1599px) { .news-block .card-link { font-size:1.6rem } } .news-block .slick-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .news-block .slick-dots li { padding: 0 7px } .school-site .news-block .slick-dots .slick-active button { background: #4d2b5d } .news-block .slick-dots button { padding: 0; border: none; text-indent: -9999px; overflow: hidden; width: 16px; height: 16px; border-radius: 100%; background: #a6a6a6; opacity: .9; -webkit-transition: background .3s linear; transition: background .3s linear } #main.event-active { overflow: hidden } .events-block .event-row { background: #fff; margin-bottom: 19px } .events-block .event-row .event-opener { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .school-site .events-block .event-row .event-opener:hover .link span { color: #645434 } .events-block .event-row .event-opener:hover .link span:before,.events-block .event-row .event-opener:hover .link span:after { opacity: 1; visibility: visible; -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px) } .events-block .event-row .event-opener:hover .link span:before { -webkit-transition: opacity .2s,visibility .2s,-webkit-transform .2s linear; transition: opacity .2s,visibility .2s,-webkit-transform .2s linear; transition: transform .2s linear,opacity .2s,visibility .2s; transition: transform .2s linear,opacity .2s,visibility .2s,-webkit-transform .2s linear } .events-block .event-row .event-opener:hover .link span:after { -webkit-transition: opacity 0s .2s,visibility 0s .2s,-webkit-transform 0s .2s linear; transition: opacity 0s .2s,visibility 0s .2s,-webkit-transform 0s .2s linear; transition: transform 0s .2s linear,opacity 0s .2s,visibility 0s .2s; transition: transform 0s .2s linear,opacity 0s .2s,visibility 0s .2s,-webkit-transform 0s .2s linear } .events-block .event-row.event-active .event-slide { opacity: 1; visibility: visible; right: 0 } .events-block .date { color: #fff; width: 85px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 10px; font-size: 1.5rem; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase } .school-site .events-block .date { background: #897449 } .events-block .date .day { font-size: 2.2rem; font-weight: 700; letter-spacing: 2.2px } .events-block .desc { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding: 22px 20px 22px 24px; color: #1e102e } .events-block .link { font-weight: 600; width: 100%; margin-bottom: 3px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .events-block .link span { position: relative; color: #1e102e } .school-site .events-block .link span { color: #000 } .events-block .link span:before,.events-block .link span:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; opacity: 0; visibility: hidden } .school-site .events-block .link span:before,.school-site .events-block .link span:after { background-color: #645434 } .events-block .link span:before { -webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px); -webkit-transition: opacity 0s,visibility 0s,-webkit-transform 0s linear; transition: opacity 0s,visibility 0s,-webkit-transform 0s linear; transition: transform 0s linear,opacity 0s,visibility 0s; transition: transform 0s linear,opacity 0s,visibility 0s,-webkit-transform 0s linear } .events-block .link span:after { -webkit-transform: translateY(4px); -ms-transform: translateY(4px); transform: translateY(4px); -webkit-transition: opacity .2s,visibility .2s,-webkit-transform .2s linear; transition: opacity .2s,visibility .2s,-webkit-transform .2s linear; transition: transform .2s linear,opacity .2s,visibility .2s; transition: transform .2s linear,opacity .2s,visibility .2s,-webkit-transform .2s linear } .events-block .timing { font-size: 1.5rem } .event-slide { position: fixed; top: 0; right: -320px; width: 320px; z-index: 999; background: #f8f8f8; padding: 33px 20px; overflow-y: auto; height: 100vh; opacity: 0; visibility: hidden; box-shadow: -1px 0 0 #a6a6a6; -webkit-transition: opacity .3s linear,visibility .3s linear,right .3s linear; transition: opacity .3s linear,visibility .3s linear,right .3s linear } @media(min-width: 480px) { .event-slide { width:400px; right: -400px; padding: 26px 30px } } .event-slide .close { font-size: 1.8rem; line-height: 1; color: #291533; margin-top: 9px; margin-right: -7px; opacity: 1 } .event-slide .title { font-size: 1.5rem; line-height: 1.33; font-weight: 600; display: block; margin-bottom: 27px; padding-right: 25px } .school-site .event-slide .title { color: #897449 } .event-slide .top-part { font-size: .875rem; line-height: 1.29; margin-bottom: 16px } .event-slide time { display: block; margin-bottom: 20px; color: #000 } .event-slide .h4 { font-size: 1.25rem; line-height: 1.23; margin-bottom: 12px; font-weight: 600; color: #1e102e; display: block } .school-site .event-slide .h4 { color: #645434 } .event-slide address { font-size: 1.6rem; margin-bottom: 10px } .school-site .event-slide address { color: #897449 } .event-slide .timing { display: block; font-size: 1.2rem; color: #000 } .event-slide .lbl { display: block; margin-bottom: 5px } .event-slide .tag { display: block; color: #666 } .event-slide .text-holder { font-size: 1.125rem; line-height: 1.67; margin-bottom: 38px } .event-slide .text-holder .text-title { font-size: 1.5rem; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; color: #69339b; display: block; margin-bottom: 13px } .school-site .event-slide .text-holder .text-title { color: #897449 } .event-slide .btn-group { width: 100%; margin-bottom: 56px } .event-slide .btn { width: 100%; max-width: 100%; font-size: .875rem; line-height: 1.15; font-weight: 700; letter-spacing: .56px; text-transform: none } .event-slide .ci-widget { margin-bottom: 35px } .event-slide .ci-widget .heading { font-size: 1.8rem; line-height: 1.33; font-weight: 600; display: block; border-bottom: 1px solid #c8c8c8; padding-bottom: 6px; margin-bottom: 22px } .school-site .event-slide .ci-widget .heading { color: #897449 } .event-slide .ci-widget .files,.event-slide .ci-widget .links { font-size: 1.6rem } .event-slide .ci-widget .files a,.event-slide .ci-widget .links a { text-decoration: underline } .school-site .event-slide .ci-widget .files a,.school-site .event-slide .ci-widget .links a { color: #897449 } .event-slide .ci-widget .files a:hover,.event-slide .ci-widget .links a:hover { text-decoration: none } .event-slide .files li { margin-bottom: 16px } .event-slide .files img { margin-right: 5px } .event-slide .links li { position: relative; padding-left: 19px; margin-bottom: 16px } .event-slide .links li:before { content: ''; background: #a6a6a6; border-radius: 100%; width: 6px; height: 6px; position: absolute; top: 9px; left: 3px } .event-slide iframe { width: 100%; height: 175px; vertical-align: top } .event-slide .social-networks { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -6px } .event-slide .social-networks li { padding: 0 6px 10px } .event-slide .social-networks a { width: 48px; height: 48px; border-radius: 100%; border: 1px solid #d0d0d0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .school-site .event-slide .social-networks a { background: #897449 } .school-site .event-slide .social-networks a:hover { background: #a8905d } </style> <style>
15 #main .ci-news-events .events-holder::before { left: -30%; right: -30%; } .events-block .event-row { margin-bottom: 0; } .events-block .tag { font-size: 1.4rem; font-weight: 500; text-transform: uppercase; letter-spacing: 1.3px; } .events-block .timing { font-size: 1.4rem; color: #767676; } .ci-news-events .events-block .link { text-overflow: unset; } .ci-news-events .events-block .link span { font-weight: 400; } .ci-news-events .events-block>section { margin-bottom: 0; } #main .events-block .date { background: #286281; border: 1px solid #878787; font-weight: 400; } #main .events-block .date .day { font-weight: 400; } #main .ci-news-events .link-hold a { color: #1D97C3; } .events-block .event-row .desc .link { color: #000; } .events-block .event-row .desc .timing { color: #6E6E6E; font-size: 1.6rem; font-weight: 500;} @media(min-width:1366px) { .ci-news-events .events-block .desc { padding: 37px 20px 38px 24px; } .ci-news-events .events-block section:not(:last-child) { padding-right: 20px; } .ci-news-events .events-block .date { font-size: 2.4rem; width: 35%; max-width: 110px; } .ci-news-events .events-block .date .day { font-size: 2.4rem; } } .ci-news-events .events-holder .events-block.event-xl-blcok { display: flex; flex-wrap: nowrap; } @media(max-width:1365px) { .ci-news-events .events-holder .events-block.d-block { display: flex !important; } } @media (min-width: 1024px) { #main .ci-news-events .events-holder .slick-arrow { color: #1D97C3; } .ci-news-events .events-holder .slick-arrow { position: absolute; z-index: 1; top: 25%; background: unset; border: none; outline: none; } } @media (min-width: 1366px) and (max-width:1599px) { #main .ci-news-events .events-holder .slick-prev { left: -40px; right: auto; } #main .ci-news-events .events-holder .slick-next { right: -5px; left: auto; } } @media (min-width: 1600px) and (max-width:1799px) { #main .ci-news-events .events-holder .slick-prev { left: -70px; right: auto; } #main .ci-news-events .events-holder .slick-next { right: -35px; left: auto; } } @media (min-width: 1800px) { #main .ci-news-events .events-holder .slick-prev { left: -90px; right: auto; } #main .ci-news-events .events-holder .slick-next { right: -55px; left: auto; } } @media (max-width: 1365px) { #main .ci-news-events .events-holder .slick-prev, #main .ci-news-events .events-holder .slick-next { display: none; } } </style> <style> @media(min-width:1600px) { .event-row .desc .link { font-size: 2.4rem; margin-bottom: 0; } } @media(min-width:1024px) and (max-width:1599px) { .event-row .desc .link { font-size: 1.9rem; margin-bottom: 0; } } #main .news-block time { margin-bottom: 4px; } #main .news-block .card a:hover .h4 span { text-decoration: none; } #main .news-holder .card a:hover .text { text-decoration: underline; }  @media(min-width:640px) { /*news*/ #main .news-block .h4 { font-size: 2.4rem; min-height: 24px; } #main .news-block .text { font-size: 3.8rem; } #main .news-block time { font-size: 2.5rem; } #main .news-block .card-link { font-size: 3.2rem; } #main .ci-news-events .news-holder .card-#main { padding: 28px 20px 40px; } } @media(min-width:1024px) { #main .ci-news-events .news-block .ci_otherStory_itm { padding-left: 26px; padding-right: 26px; } .ci-news-events .container { justify-content: center; display: flex; } .ci-news-events .news-holder .news-block .slick-track { width: 100% !important; } .ci-news-events .news-holder .slick-arrow { position: absolute; z-index: 1; top: 30%; color: #f4f4f4; background: unset; border: none; outline: none; } .ci-news-events .news-holder .slick-prev { left: -90px; right: auto; } .ci-news-events .news-holder .slick-next { right: -90px; left: auto; } /*#main .news-holder .text { height: 66px; }*/ #main .ci-news-events .h3 { font-size: 4.0rem; text-transform: unset; } .ci-news-events .view-path { font-size: 2.5rem; font-weight: bold; } .events-block .tag { font-size: 1.5rem; } /*news*/ #main .news-block .h4 { font-size: 2.0rem; min-height: 20px; } #main .news-block .text { font-size: 2.4rem; } .ci_otherStory-board .card-title span { height: 28px; } #main .news-block time { font-size: 2.0rem; margin-bottom: 27px; } #main .news-block .card-link { font-size: 1.6rem; } }
15 @media(min-width:1366px) { #main .ci-news-events .h3 { font-size: 5.0rem; text-transform: unset; } #main .ci-news-events .news-holder .card-#main { padding: 28px 23px 44px; } #main .news-block .card-link { font-size: 2.3rem; } } @media(max-width:1023px) { #main .ci-news-events .news-holder .head-block h3 { display: block; width: 100%; text-align: center; } #main .ci-news-events .news-holder .head-block span { width: 100%; text-align: center; } #main .ci-news-events .h3 { letter-spacing: 1.5px; text-transform: unset; } .ci-news-events .view-path { font-size: 2.0rem; font-weight: bold; } .ci-news-events .news-holder .head-block a { font-size: 2.5rem; } .ci-news-events .events-holder .head-block .link-hold a { font-size: 1.8rem; } .event-row .desc .link { font-size: 2.2rem; } .events-block .timing { font-size: 1.4rem; } #main .ci-news-events .news-holder { padding-bottom: 15px; } } @media(max-width:480px) { /*news*/ #main .ci-news-events .h3 { font-size: 2.2rem; letter-spacing: 0.5px; } #main .ci-news-events .ci_otherStory_itm .card-title span, .ci_otherStory_itm .card-#main time { font-size: 1.6rem; } #main .ci_otherStory_itm .text p { font-size: 2rem; } #main .ci_otherStory_itm .card .card-link { font-size: 1.5rem; font-weight: 500; } #main .ci-news-events .events-holder .h3 { font-size: 3rem; } #main .ci-news-events .news-holder .head-block a { font-size: 2rem; } #main .ci-news-events .events-holder .event-row .desc .link { font-size: 1.8rem; } #main .ci-news-events .events-holder .events-block .timing { font-size: 1.4rem; } } #main .news-block .h4, #main .news-holder .h4 { color: #286281; min-height: 20px; text-transform: uppercase; font-weight: 500; } #main .news-holder .text { display: block; font-weight: 400; line-height: 1.3; letter-spacing: 1px; } .ci_otherStory-board .card-title span { letter-spacing: 2px; } #main .news-block .card-link { letter-spacing: 1px; } #main .news-holder .card-link:hover { text-decoration: underline; } #main .ci-news-events .news-holder .ci_otherStory_itm { padding-left: 26px; padding-right: 26px; } @media(max-width:1023px) { #main .ci-news-events .event-lg-blcok { display: none !important; } } .ci-news-events .news-holder .news-block .slick-track { display: flex; flex-wrap: nowrap; } @media(max-width:639px) { #main .ci-news-events .h3 { font-size: 2rem; } .ci_otherStory_itm .card-title span { font-size: 1.8rem; } .ci_otherStory_itm .card-#main time { font-size: 1.6rem; } .ci_otherStory_itm .text p { font-size: 2.2rem; font-weight: 400; } .ci_otherStory_itm .card .card-link { font-size: 2.2rem; } } @media(min-width:640px) and (max-width:1023px) { #main .ci-news-events .h3 { font-size: 4rem; } .ci_otherStory_itm .card-title span { font-size: 2.4rem; } .ci_otherStory_itm .card-#main time { font-size: 2.5rem; } .ci_otherStory_itm .text p { font-size: 3.8rem; font-weight: 400; } .ci_otherStory_itm .card .card-link { font-size: 3.2rem; } } </style> <style>.ci-news-events .news-block{ margin: 0 auto; width: 78%; } .event-active .event-slide { right: 0 !important; opacity: 1 !important; visibility: visible !important; z-index: 1000; } .events-holder .desc.event-active .event-slide { opacity: 1; visibility: visible; right: 0 } .events-holder .desc .event-opener:hover { text-decoration: underline; color: #1A1A1A; } .school-site .events-holder .desc .event-opener { font-size: 1.8rem } .events-holder .meta-hold { display: block; font-size: 1.4rem; color: #212121 } .school-site .events-holder .btn { margin-top: 10px } @media(min-width:640px) { .school-site .events-holder .btn { width: 236px } } @media(min-width:1024px) { .school-site .events-holder .btn { margin-top: 21px } } @media(min-width:1366px) { .school-site .events-holder .btn { margin-top: 46px } } .event-slide { position: fixed; top: 0; right: -320px; width: 320px; z-index: 999; background: #f8f8f8; padding: 33px 20px; overflow-y: auto; height: 100vh; opacity: 0; visibility: hidden; box-shadow: -1px 0 0 #a6a6a6; outline: none; -webkit-transition: opacity .3s linear, visibility .3s linear, right .3s linear; transition: opacity .3s linear, visibility .3s linear, right .3s linear } @media(min-width:480px) { .event-slide { width: 400px; right: -400px; padding: 22px 28px } } .event-slide .close { opacity: 1; position: absolute; top: 26px; right: 37px; float: none } .event-slide .close:hover { opacity: .8 } .event-slide .title { font-size: 2.2rem; line-height: 1.33; font-weight: 300; display: block; margin-bottom: 30px; padding-right: 50px; color: #02528a } .event-slide .top-part { font-size: 1.4rem; line-height: 1.29; margin-bottom: 13px } .event-slide time { font-weight: 700; display: block; margin-bottom: 14px } .event-slide .h4 { font-size: 2.2rem; line-height: 1.23; margin-bottom: 1px; font-weight: 400; color: #02528a; display: block } .event-slide address { font-size: 1.6rem; color: #000; margin-bottom: 13px } .event-slide .timing { display: block; font-size: 1.2rem; color: #333 } .event-slide .lbl { display: block; margin-bottom: 5px } .event-slide .tag { display: block; color: #666 } .event-slide .text-holder { font-size: 1.6rem; line-height: 1.5; margin-bottom: 42px; color: #111 } .event-slide .text-holder .text-title { font-size: 1.4rem; text-transform: uppercase; color: #666; display: block; margin-bottom: 10px } .event-slide .btn-group { width: 100%; margin-bottom: 35px } .event-slide .btn { width: 100%; max-width: 100%; font-size: 1.4rem; line-height: 1.15; font-weight: 600; text-transform: uppercase; border-radius: 0; padding: 16px 12px; position: static } .event-slide .ci-widget { margin-bottom: 53px } .event-slide .ci-widget .heading { font-size: 1.8rem; line-height: 1.33; font-weight: 600; display: block; border-bottom: 1px solid #c8c8c8; padding: 0 5px 6px; margin-bottom: 22px; color: #02528a } .event-slide .ci-widget .files, .event-slide .ci-widget .links { font-size: 16px } .event-slide .ci-widget .files a, .event-slide .ci-widget .links a { color: #1F72B3; text-decoration: underline } .event-slide .ci-widget .files a:hover, .event-slide .ci-widget .links a:hover { text-decoration: none } .event-slide .files li { margin-bottom: 16px; position: relative } .event-slide .files a { padding-left: 24px } .event-slide .files img { margin-right: 5px; position: absolute; top: 6px; left: 5px } .event-slide .links li { position: relative; padding-left: 24px; margin-bottom: 16px } .event-slide .links li:before { content: ''; background: #a6a6a6; border-radius: 100%; width: 6px; height: 6px; position: absolute; top: 11px; left: 8px } .event-slide .social-networks { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -12px -6px 0 } .event-slide .social-networks li { padding: 0 6px 10px } .event-slide .social-networks a { width: 48px; height: 48px; border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .event-slide .social-networks a:hover { background: #bcd862 }</style> <style> body.event-active { overflow: hidden } .event-slide { position: fixed; top: 0; right: -320px; width: 320px; z-index: 999; background: #f8f8f8; padding: 33px 20px; overflow-y: auto; height: 100vh; opacity: 0; visibility: hidden; box-shadow: -1px 0 0 #a6a6a6; outline: none; -webkit-transition: opacity .3s linear, visibility .3s linear, right .3s linear; transition: opacity .3s linear, visibility .3s linear, right .3s linear } @media(min-width:480px) { .event-slide { width: 400px; right: -400px; padding: 22px 28px } } .event-slide .close { opacity: 1; position: absolute; top: 26px; right: 37px; float: none } .event-slide .close:hover { opacity: .8 } .event-slide .title { font-size: 2.2rem; line-height: 1.33; font-weight: 300; display: block; margin-bottom: 30px; padding-right: 50px; color: #02528a } .event-slide .top-part { font-size: 1.4rem; line-height: 1.29; margin-bottom: 13px } .event-slide time { font-weight: 700; display: block; margin-bottom: 14px } .event-slide .h4 { font-size: 2.2rem; line-height: 1.23; margin-bottom: 1px; font-weight: 400; color: #02528a; display: block } .event-slide address { font-size: 1.6rem; color: #000; margin-bottom: 3px } .event-slide .timing { display: block; font-size: 1.2rem; color: #333 } .event-slide .lbl { display: block; margin-bottom: 5px } .event-slide .tag { display: block; color: #666 } .event-slide .text-holder { font-size: 1.6rem; line-height: 1.5; margin-bottom: 42px; color: #111 } .event-slide .text-holder .text-title { font-size: 1.4rem; text-transform: uppercase; color: #666; display: block; margin-bottom: 10px } .event-slide .btn-group { width: 100%; margin-bottom: 35px } .event-slide .btn { width: 100%; max-width: 100%; font-size: 1.4rem; line-height: 1.15; font-weight: 600; text-transform: uppercase; border-radius: 0; padding: 16px 12px; position: static } .event-slide .ci-widget { margin-bottom: 53px } .event-slide .ci-widget .heading { font-size: 1.8rem; line-height: 1.33; font-weight: 600; display: block; border-bottom: 1px solid #c8c8c8; padding: 0 5px 6px; margin-bottom: 22px; color: #02528a } .event-slide .ci-widget .files, .event-slide .ci-widget .links { font-size: 16px } .event-slide .ci-widget .files a, .event-slide .ci-widget .links a { color: #1F72B3; text-decoration: underline } .event-slide .ci-widget .files a:hover, .event-slide .ci-widget .links a:hover { text-decoration: none } .event-slide .files li { margin-bottom: 16px; position: relative } .event-slide .files a { padding-left: 24px } .event-slide .files img { margin-right: 5px; position: absolute; top: 6px; left: 5px } .event-slide .links li { position: relative; padding-left: 24px; margin-bottom: 16px } .event-slide .links li:before { content: ''; background: #a6a6a6; border-radius: 100%; width: 6px; height: 6px; position: absolute; top: 11px; left: 8px } .event-slide .social-networks { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -12px -6px 0 } .event-slide .social-networks li { padding: 0 6px 10px } .event-slide .social-networks a { width: 48px !important; height: 48px !important; border-radius: 100% !important; background: #fff !important; border: 1px solid #dadada !important; display: -ms-flexbox; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .event-slide .social-networks a:hover { background: #bcd862 } .ciHidden { display: none } </style> <style> @media (min-width: 1024px) { .ci_footer_ack { margin: 0 40px 0 -40px; } } @media (min-width: 1366px) { #wrapper .footer-top .short-holder { padding-right: 25px; } } .ci_footer_lastcol > section { margin-bottom: 35px; } .footer { padding-top: 45px; } .affiliate-site .footer { padding-top: 38px; } .footer .footer-head { padding-bottom: 26px; margin-bottom: 35px; } .school-site .footer .footer-head { padding-bottom: 27px; margin-bottom: 26px; } .affiliate-site .footer .footer-head { padding-bottom: 28px; } .footer .footer-head .logo-text { font-size: 2.5rem; line-height: 1.325; margin-bottom: 10px; } .school-site .footer .footer-head .logo-text { font-size: 2.5rem; margin-bottom: 11px; } .affiliate-site .footer .footer-head .logo-text { font-size: 2.5rem; margin-bottom: 9px; } .footer .footer-head .slogan { font-size: 2.6rem; line-height: 1.32; } .school-site .footer .footer-head .slogan { font-size: 1.5625rem; } .affiliate-site .footer .footer-head .slogan { font-size: 1.5625rem; } .footer .footer-main { padding-bottom: 7px; } .school-site .footer .footer-main { padding-bottom: 0; margin-bottom: -8px; } .affiliate-site .footer .footer-main { padding-bottom: 0; } .footer .contact-col { width: 35%; } .school-site .footer .contact-col { width: 29.4%; } .affiliate-site .footer .contact-col { width: 30.8%; } .footer .holder { margin-bottom: 38px; } .affiliate-site .footer .holder--details { margin-bottom: 37px; } .footer .title { margin-bottom: 33px; } .affiliate-site .footer .title { margin-bottom: 41px; } .footer .mid-row { padding-top: 0; flex-direction: row; justify-content: flex-end; width: 65%; } .school-site .footer .mid-row { padding-top: 0; width: 70.6%; justify-content: space-between; } .affiliate-site .footer .mid-row { padding-top: 0; width: 69.2%; justify-content: space-between; } .footer .mid-col { width: 44.5%; } .school-site .footer .mid-col { width: 44.7%; } .affiliate-site .footer .mid-col { width: 46.2%; } .footer .mid-col__land { width: 52%; } .school-site .footer .mid-col__land { width: 50%; } .affiliate-site .footer .mid-col__land { width: 53%; } .footer .mid-col__land .title { margin-bottom: 33px; } .school-site .footer .mid-col__land .title { margin-bottom: 42px; } .affiliate-site .footer .mid-col__land .title { margin-bottom: 41px; } .footer .mid-col__land p { margin-bottom: 24px; font-size: 1.125rem; line-height: 1.3333; } .footer .app-logo { margin-top: -10px; margin-bottom: 20px; } .school-site .footer .app-logo { margin-bottom: 29px; } .affiliate-site .footer .app-logo { margin-top: -15px; margin-bottom: 25px; } .affiliate-site .footer .app-logo .logo-box { border: none; } .affiliate-site .footer .app-logo .text { padding-left: 19px; } .footer .text-holder { max-width: 100%; } .footer .store-logo { padding-top: 18px; flex-wrap:nowrap;} .affiliate-site .footer .store-logo { padding-top: 25px; } .affiliate-site .footer .store-logo li { padding: 0 10px; } .affiliate-site .footer .store-logo img { width: 105px; } .affiliate-site .footer .store-logo .google-play { width: 114px; } .footer .social-networks { padding-top: 60px; } .school-site .footer .social-networks { padding-top: 20px; } .affiliate-site .footer .social-networks { padding-top: 20px; margin: 0 -20px; } .affiliate-site .footer .social-networks li { padding: 0 20px 10px; } .affiliate-site .footer .social-networks [class^="icon-"] { font-size: 37px; } .affiliate-site .footer .social-networks .icon-youtube { font-size: 28px; } .affiliate-site .footer .social-networks .icon-twitter { font-size: 31px; } .affiliate-site .footer .social-networks .icon-instagram { font-size: 33px; } .footer-bottom { padding-top: 15px; } .school-site .footer-bottom { padding-top: 14px; } .affiliate-site .footer-bottom { padding-top: 17px; } .footer-bottom .right-area { padding-top: 4px; margin-right: 28px; } .school-site .footer-bottom .right-area { padding-top: 4px; margin-right: 28px; } .affiliate-site .footer-bottom .right-area { padding-top: 1px; margin-right: 28px; } </style> <style>
16    .seo-desc {
17            position: fixed;
18            left: -10000px;
19            z-index: -100;
20    }
21    #header .jcf-scrollbar-vertical .jcf-scrollbar-handle {
22        background: #767676;
23    }
24    #header .language-hold .jcf-scrollbar-vertical {
25        right: -10px;
26    }
27    @media (max-width: 767px){
28        #wrapper #main {
29            padding: 0;
30        }
31    }
32
33    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
34        font-family: Roboto, Helvetica, Arial, sans-serif !important;
35    }
36    body .bootstrap-datetimepicker-widget table th .glyphicon-chevron-left:before {
37        content: "\2794" !important;
38        font-size: 10px;
39        transform: rotateZ( 180deg );
40        display: inline-flex;
41        width: 15px;
42        height: 11px;
43        align-items:center;
44    }
45
46    body .bootstrap-datetimepicker-widget table th .glyphicon-chevron-right:before {
47        content: "\2794" !important;
48        font-size: 10px;
49        display: inline-flex;
50        align-items: center;
51    }
52    .ci-footer-bottom .ci-footer-link a {
53        color: #fff;
54        font-weight: bold;
55    }
56    #wrapper #main .ci-news-events .news-holder .view-path:hover{
57        text-decoration:underline;
58    }
59    #wrapper .container, #wrapper .container-sm {
60        max-width: 1920px;
61    }
62    #wrapper #header .ci-r-holder .ci-toggle-holder .ci-hold .ci-login-drop a {
63        text-transform: capitalize;
64        font-size: 1.4rem;
65        color: #767676;
66        font-weight: 500;
67    }
68        #wrapper #header .ci-r-holder .ci-toggle-holder .ci-hold .ci-login-drop a.dropdown-toggle {
69            font-size: 1.3rem;
70            color: #9B9B9B;
71           
71 font-weight: 500;
72            padding: 14px 30px 14px 0px;
73        }
74    #wrapper #header .ci-r-holder .ci-login-drop .dropdown-menu {
75        min-width: 18rem;
76    }
77    .social-links {
78        display: -webkit-box;
79        display: -ms-flexbox;
80        display: flex;
81        -ms-flex-wrap: wrap;
82        flex-wrap: wrap;
83        -webkit-box-align: center;
84        -ms-flex-align: center;
85        align-items: center;
86        margin-bottom:0px;
87    }
88    .social-links li {
89        margin: 0 25px 5px 0;
90    }
91    #wrapper #header .ci-r-holder .ci-toggle-holder .language-hold .dropdown-opener {
92        text-transform: uppercase;
93        cursor: pointer;
94        outline: unset;
95    }
96    .main-nav > li:hover .dropmenu {
97        opacity: 1;
98        visibility: visible;
99    }
100    .main-nav > li .dropmenu {
101        width: 642px !important;
102        left: auto !important;
103        right: auto;
104        top: 100% !important;
105    }
106    .main-nav > li .dropmenu .sec-lvl > li {
107        width: 100%;
108        font-size: 2.2rem;
109        font-weight: bold;
110    }
111    .btn-primary:focus, .btn-primary.focus{
112        box-shadow:unset !important;
113    }
114    .main-nav > li .dropmenu .sec-lvl > li > a {
115        color: #000;
116    }
117    .ci-news-events .news-holder .card-body {
118        border: 1px solid #E1E1E1;
119    }
120    #main .pg_hr_banner{
121        display:none;
122    }
123
124    @media (min-width: 1024px){
125        #header .search-holder .search-form {
126            background: none;
127            border: 2px solid #C66A28;
128            width: 320px;
129            border-radius: 15px;
130            background: #ffffff;
131        }
132    }
133
134    @media (min-width: 1024px){
135        #header .search-holder .dropdown-menu {
136            position: static;
137            margin: -10px -43px 0 0;
138        }
139        #header .search-holder .search-form {
140            width: 320px;
141        }
142    }
143    #header .search-holder .dropdown-menu {
144        border: none;
145        padding: 0;
146        box-shadow:none;
147    }
148    #header .search-holder .search-form input::-webkit-input-placeholder {
149        color: #4F4F4F;
150        font-size: 14px;
151    }
152
153    #header .search-holder .dropdown-menu.show svg {
154        fill: #C66A28;
155    }
156    #header .search-form input[type="search"] {
157        padding-left: 40px;
158        color: #C66A28;
159    }
160    #header .search-form button {
161        left: 11px;
162        right: unset;
163    }
164    #header .language-hold .jcf-scrollbar-horizontal {
165        display:none;
166    }
167    @media (min-width: 1024px){
168        #header .language-hold .language-dropdown {
169            padding-bottom:0px;
170        }
171        .main-nav .dropmenu .sec-lvl {
172            display: inline-block;
173            column-count: 2;
174        }
175    }
176    #main .ci-article-section .content-col .content-item .top-area > .img-holder  img{
177        width:100%;
178    }
179
180
181
182
183    html .nav-active .nav-opener:before, html .nav-active .nav-opener:after {
184        left: 0px;
185        right: 4px;
186    }
187
188    @media (max-width: 1023px) {
189        #wrapper .footer .store-logo {
190            margin: 0 -5px 75px;
191        }
192
193        #wrapper .footer .store-logo li {
194            padding: 0 5px;
195        }
196        body #wrapper #header .ci-r-holder .ci-toggle-holder .ci-hold .ci-login-drop a.dropdown-toggle{
197            font-size:1.2rem;
198        }
199        #wrapper #header .ci-r-holder .ci-login-drop .dropdown-menu {
200            left: auto;
201            right: 5px
202        }
203        .ci_site-s .school-site .main-nav.hasGoBackBtn .dropmenu .sec-lvl > li > a {
204            padding-left: 48px;
205        }
206
207        #wrapper #header .ci-r-holder .social-networks {
208            justify-content: center;
209        }
210
211        #header .main-nav {
212            overflow: hidden;
213            display: grid;
214        }
215
216        .main-nav [data-slide].js-acc-hidden {
217            display: none !important;
218        }
219
220        .main-nav li.ci_hamburgeritm.ci-active, .main-nav li.ci_hamburgeritm.ci-active.active {
221            order: -1;
222        }
223
224        #header .main-nav > li.ci_hamburgeritm {
225            display: block;
226            font-size: 20px;
227        }
228        /*#nav .nav-drop{
229            height:114vh;
230        }*/
231        #nav .nav-drop .inner-wrap {
232            height: calc(100vh - 103px);
233        }
234
235        #wrapper #header .ci-r-holder .low-nav .ci-toggle-holder .language-hold .language-dropdown {
236            top: unset;
237            left: unset;
238            bottom: 100%;
239            right: -2px;
240            height: 281px;
241            box-shadow: unset;
242        }
243        #wrapper #header .ci-r-holder .low-nav .ci-toggle-holder .language-hold .language-dropdown .jcf-scrollable-wrapper {
244            width: 100% !important;
245        }
246            #wrapper #header .ci-r-holder .low-nav .ci-toggle-holder .language-hold .language-dropdown .jcf-scrollable-wrapper .drop-hold {
247                height: 261px !important;
248                max-height: 261px;
249                width: 100% !important;
250                overflow: hidden !important;
251            }
252            #wrapper #header .ci-r-holder .low-nav .ci-toggle-holder .language-hold .language-dropdown .jcf-scrollbar-vertical {
253                height: 50px !important;
254            }
255
256        #header .main-nav > li > a .inner-opener {
257            width: 32px;
258            height: 32px;
259        }
260        #header .main-nav > li > a .inner-opener:before {
261            width:26px;
262            right:3px;
263        }
264        #header .main-nav > li > a .inner-opener:after {
265            height: 26px;
266            top: 3px;
267        }
268    }
269
270    @media (min-width: 980px) and (max-width:1023px) {
271        #wrapper #header .ci-r-holder .low-nav .ci-toggle-holder .language-hold .dropdown-opener {
272            min-width: 100px;
273            font-size:1.2rem;
274        }
275
276        #wrapper #header .ci-r-holder .low-nav .ci-toggle-holder .contrast-hold a {
277            min-width: 150px;
278        }
279
280        #header #nav .nav-drop .inner-wrap .low-nav svg {
281            margin-left: 0px;
282        }
283
284        .main-nav .ci_hamburgeritm {
285            display: block !important;
286        }
287
288        #header .main-nav > li > a .inner-opener {
289            display: block;
290        }
291
292        #header .main-nav > li > a {
293            padding: 24px 25px 23px 27px;
294            text-transform: uppercase;
295            transition: unset;
296        }
297
298        #nav .nav-drop .inner-wrap {
299            height: auto;
300            overflow: visible;
301        }
302
303        #header .main-nav > li {
304            display: none;
305        }
306
307        #header .main-nav > li.ci_hamburgeritm {
308            display: block !important;
309            border-bottom: 1px solid #e6e6e6;
310        }
311
312        #header .main-nav > li.ci_hamburgeritm.goBackBurgerLvlBtnWp {
313            display: block !important;
314            position: absolute !important;
315            border: 0 !important;
316            z-index: 100;
317        }
318
319        #header .main-nav > li.ci_hamburgeritm.goBackBurgerLvlBtnWp > a {
320            position: relative;
321            display: block;
322            padding: 24px 65px 23px 27px;
323        }
324
325        #nav .nav-drop {
326            position: absolute;
327            top: 100%;
328            right: 0;
329            width: 430px;
330            background: #fff;
331            z-index: 99;
332            opacity: 1;
333            visibility: visible;
334            margin-top: 6px;
335            -webkit-transition: right .3s linear,opacity .3s linear,visibility .3s linear;
336            transition: right .3s linear,opacity .3s linear,visibility .3s linear;
337        }
338
339        #header .main-nav {
340            justify-content: unset;
341            position: unset;
342            margin-right: 0px;
343            margin-left: 0px;
344        }
345
346        .ci_hamburgeritm .dropmenu {
347            opacity: 1;
348            visibility: visible;
349            position: unset;
350            width: unset;
351        }
352
353        .dropmenu .sec-lvl {
354            background: #f7f7f7;
355            padding: 14px 0;
356            box-shadow: unset;
357            position: unset;
358            display: unset;
359        }
360
361        .dropmenu .sec-lvl > li {
362            font-size: 17px;
363            line-height: 1.2941;
364            font-weight: 400;
365            text-transform: none;
366            letter-spacing: 0;
367            width: 100%;
368            margin-bottom: 9px;
369        }
370
371        .dropmenu .sec-lvl > li > a {
372            padding: 11px 60px 11px 0px;
373            display: block;
374        }
375
376        #wrapper #header .ci-r-holder .top-block {
377            display: flex;
378        }
379
380        #wrapper #header .ci-r-holder .low-nav {
381            display: block;
382        }
383
384        #header .main-nav > li > a:hover .inner-opener:before,
385        #header .main-nav > li > a:hover .inner-opener:after {
386            background: #fff;
387        }
388
389        .dropmenu .sec-lvl > li > a .sec-opener {
390            display: block;
391        }
392
393        .dropmenu .sec-lvl .third-lvl {
394            display: block;
395        }
396        #wrapper #header .ci-r-holder .ci-toggle-holder .ci-hold{
397            padding-left:0px;
398        }
399        #wrapper #header .ci-r-holder .low-nav .ci-toggle-holder .language-hold .dropdown-opener {
400            padding: 14px 15px 14px 10px;
401        }
402        #header .language-hold .dropdown-opener .icon {
403            right:2px;
404        }
405    }
406
407    @media(min-width:450px) and (max-width:979px) {
408        #nav .nav-drop {
409            width: 430px;
410        }
411
412        #wrapper #header .ci-r-holder .low-nav .ci-toggle-holder .language-hold .dropdown-opener {
413            min-width: 110px;
414            font-size:1.2rem;
415        }
416
417        #wrapper #header .ci-r-holder .low-nav .ci-toggle-holder .contrast-hold a {
418            min-width: 140px;
419            padding: 14px 10px 14px 10px;
420        }
421
422        #wrapper #header .ci-r-holder .low-nav .ci-toggle-holder .ci-typography {
423            padding-right: 10px;
424        }
425        body #wrapper #header .ci-r-holder .ci-toggle-holder .ci-hold .ci-login-drop a.dropdown-toggle {
426            padding: 14px 30px 14px 5px;
427        }
428    }
429    @media(min-width:380px) and (max-width:449px) {
430        #nav .nav-drop {
431            width: 430px;
432        }
433        #header #nav .main-nav > li > a {
434            width: 430px;
435            max-width: 430px;
436            outline: unset;
437        }
438    }
439
440    @media(max-width:379px){
441        #nav .nav-drop {
442            width: 375px;
443        }
444        #header #nav .main-nav > li > a {
445            width: 375px;
446            max-width: 375px;
447            outline: unset;
448        }
449    }
450
451    @media(max-width:449px) {
452        #header .main-nav > li > a {
453            padding: 24px 20px 23px 27px;
454        }
455
456        #wrapper #header .ci-r-holder .ci-toggle-holder .ci-hold .ci-quick-links-drop > a {
457            padding: 14px 16px;
458        }
459
460        #wrapper #header .ci-r-holder .low-nav .ci-toggle-holder .contrast-hold a .icon {
461            right: -19px;
462        }
463
464        #wrapper #header .ci-r-holder .low-nav .ci-toggle-holder .language-hold .dropdown-opener {
465            min-width: 100px;
466            padding: 14px 15px 14px 0px;
467            font-size:1.2rem;
468        }
469
470        #wrapper #header .ci-r-holder .low-nav .ci-toggle-holder .contrast-hold a {
471            min-width: 120px;
472            padding: 14px 0px 14px 10px;
473            right: 5px;
474        }
475
476        #wrapper #header .ci-r-holder .low-nav .ci-toggle-holder .ci-typography {
477            padding-right: 10px;
478        }
479        #wrapper #header .ci-r-holder .low-nav .ci-toggle-holder .ci-hold {
480            padding: 0 5px;
481        }
482
483    }
484
485    @media(min-width: 1366px) and (max-width:1599px) {
486        #nav .main-nav > li > a {
487            padding: 17px 10px;
488        }
489    }
490    @media (min-width: 980px) and (max-width:1023px) {
491        #wrapper #header .container:last-child .ci-r-holder .nav-opener {
492            display: unset;
493        }
494
495        #wrapper #header .ci-r-holder .ci-top-holder {
496            display: none;
497        }
498    }
499    .ci-article-section .article-holder {
500        padding-bottom: 50px;
501    }
502    html body {
503        zoom: 80%;
504    }
505
506    .article-holder .article-extras .h4 {
507        font-size: 24px;
508        font-family: DM Sans !important;
509        font-weight: 500;
510    }
511    .article-extras .h4 {
512        border-bottom: 1px solid #c8c8c8;
513        padding: 0 5px 6px;
514        margin-bottom:20px;
515    }
516    .article-extras .pdf-list li {
517        padding-left: 0px !important;
518    }
519    #main .ci-content-page .article-extras a {
520        padding: 0px 20px 14px 0;
521        text-decoration: underline;
522    }
523    .article-extras ul.pdf-list img {
524        position: absolute;
525        left: 5px;
526        top: 4px;
527        width: 12px;
528        height: 16px;
529    }
530    .article-extras ul.pdf-list span {
531        padding-left: 25px;
532        font-family: DM Sans;
533    }
534    .article-extras .social-networks li {
535        padding: 0 6px 10px;
536        margin-bottom: 0;
537    }
538    #main .ci-content-page .article-extras a {
539        padding: 0px 20px 14px 0;
540        text-decoration: underline;
541    }
542    .article-extras .social-networks a {
543        display: block;
544        width: 48px;
545        height: 48px;
546        display: -webkit-box;
547        display: -ms-flexbox;
548        display: flex;
549        -ms-flex-wrap: wrap;
550        flex-wrap: wrap;
551        border-radius: 50%;
552        -webkit-box-align: center;
553        -ms-flex-align: center;
554        align-items: center;
555        -webkit-box-pack: center;
556        -ms-flex-pack: center;
557        justify-content: center;
558    }
559    .article-extras ul li a {
560        color: #0062AD;
561        text-decoration: underline;
562        font-size: 18px;
563    }
564    .event-active .event-slide .social-networks a img{
565        width:30px;
566    }
567
568    .fr-view .ci-accordion {
569        list-style: none;
570        padding-left: 10px;
571    }
572    .ci-accordion > li > h1,
573    .ci-accordion > li > h2,
574    .ci-accordion > li > h3,
575    .ci-accordion > li > h4 {
576        position: relative;
577        padding-left: 40px;
578        font-size: 2.4rem;
579        padding-bottom: 10px;
580        box-shadow: 0 1px 1px rgba(0,0,0,.05);
581    }
582    .ci-accordion > li > h1 a.collapsed:before,
583    .ci-accordion > li > h2 a.collapsed:before,
584    .ci-accordion > li > h3 a.collapsed:before,
585    .ci-accordion > li > h4 a.collapsed:before {
586        transform: rotateZ( 0deg );
587        top: -5px;
588    }
589    .fr-view #accordion1 h2,
590    .fr-view #accordion1 h3 {
591        font-weight: 400;
592    }
593
594    .ci-accordion .panel{
595        box-shadow:unset;
596    }
597
598    #wrapper #header .ci-r-holder .ci-toggle-holder .ci-hold .ci-login-drop .dropdown-menu.show a:hover {
599        color: #000;
600        text-decoration: underline;
601    }
602    .main-nav > li .dropmenu .sec-lvl > li > a:focus{
603        outline:unset;
604    }
605    .fr-view .cinotblbdr tbody td{
606        border:none;
607    }
608
609    #main .ci-banner-block .ci-desc-holder h1 a {
610        overflow: hidden;
611        text-overflow: ellipsis;
612        display: -webkit-box;
613        -webkit-line-clamp: 2;
614        -webkit-box-orient: vertical;
615    }
616    .page_ctn_body .pg_event_meta_w > div {
617        padding-top: 20px;
618    }
619
620    .page_ctn_body .pg_event_meta_w .page_ctn_btn_cart {
621        border-radius: 40px;
622        padding: 10px;
623        font-size: 16px;
624    }
625
626    .page_ctn_body .pg_event_ctn {
627        padding-top: 20px;
628    }
629    @media(min-width:320px) and (max-width:479px) {
630        #wrapper .footer .erase_logo .erase_txt span {
631            font-size: 1.8rem;
632        }
633    }
634    @media(max-width:1023px) {
635        body #wrapper .breadcrumb-holder .breadcrumb-item + .breadcrumb-item::before {
636            top: 10px;
637        }
638        .ci-quick-links-drop .dropdown-menu {
639            bottom: 100%;
640            top: auto;
641        }
642    }
643    @media (min-width: 1024px){
644        .ci-quick-links-drop .dropdown-menu {
645            bottom: auto;
646            top: 100%;
647        }
648    }
649    @media(max-width:364px){
650        body #wrapper #header .ci-r-holder .low-nav .ci-toggle-holder .ci-hold {
651            padding: 0 2px;
652        }
653        body #wrapper .footer .erase_logo .erase_txt span{
654            font-size:1.6rem;
655        }
656    }
657</style> <style>
658    .breadcrumb .breadcrumb-item {
659        position: relative;
660    }
661
662    .breadcrumb .breadcrumb-item:first-child {
663        padding-right: 20px;
664    }
665
666    #wrapper .breadcrumb-item + .breadcrumb-item {
667        padding: 0 20px;
668    }
669
670    @media (min-width: 1600px) {
671        .sidebar-holder {
672            padding-right: 40px;
673        }
674    }
675
676    @media (min-width: 1200px) {
677        .sidebar-nav .side-slide ul li + li {
678            margin-top: 0;
679        }
680
681        .sidebar-nav .side-slide ul li + li {
682            margin-top: 16px;
683        }
684
685        .sidebar-holder {
686            padding-top: 3px;
687        }
688
689        .sidebar-nav {
690            /*box-shadow: 2px 4px 8px rgb(0 0 0 / 16%);*/
691            padding-bottom: 1px;
692        }
693
694            .sidebar-nav > li {
695                letter-spacing: 0;
696                text-transform: none;
697                font-size: 24px;
698            }
699
700                .sidebar-nav > li > a {
701                    padding: 27px 55px 27px 20px;
702                }
703            /*.sidebar-nav .side-slide ul {
704            border-left: 2px solid #e2e2e2;
705        }*/
706            .sidebar-nav .side-slide ul {
707                margin-left: 20px;
708                margin-bottom: 32px;
709                padding-left: 20px;
710                padding-right: 20px;
711            }
712
713                .sidebar-nav .side-slide ul li {
714                    font-size: 1.125rem;
715                    font-weight: 400;
716                    padding: 7px 0;
717                    margin: 0 0 13px;
718                }
719    }
720
721    .sidebar-nav .ci_lnav_sl ul li:first-child {
722        padding-top: 0;
723    }
724
725    .sidebar-nav .ci_lnav_sl ul li {
726        padding-bottom: 0;
727        margin-bottom: 0;
728    }
729
730    .sidebar-nav .ci_lnav_sl ul {
731        padding-bottom: 10px !important;
732    }
733
734    .sidebar-nav .side-slide ul li {
735        line-height: 1.22;
736        text-transform: none;
737        letter-spacing: 0;
738    }
739
740        .sidebar-nav .side-slide ul li a {
741            color: #767676;
742            font-size: 1.8rem;
743            font-family: Open Sans;
744        }
745
746    .sidebar-nav .side-slide ul {
747        padding-left: 22px;
748        padding-right: 32px;
749        padding-bottom: 20px;
750    }
751
752    .sidebar-nav > li {
753        text-transform: uppercase;
754        font-weight: 600;
755        letter-spacing: 1.8px;
756        border-bottom: 2px solid #EAEAEA;
757        border-right: 1px solid #EAEAEA;
758    }
759
760        .sidebar-nav > li.active > a {
761            color: #5e2d90;
762        }
763
764        .sidebar-nav > li > a {
765            padding: 17px 55px 17px 20px;
766        }
767
768        .sidebar-nav > li > a {
769            display: block;
770            padding: 28px 55px 28px 20px;
771            position: relative;
772        }
773
774            .sidebar-nav > li > a .icon-plus {
775                width: 22px;
776                height: 22px;
777                position: absolute;
778                top: 50%;
779                right: 20px;
780                -webkit-transform: translateY(-50%);
781                -ms-transform: translateY(-50%);
782                transform: translateY(-50%);
783                z-index: 1;
784            }
785
786    #ciLeftNav {
787        min-height: 100px;
788    }
789
790    .sidebar-nav .icon-plus:before {
791        content: '';
792        width: 22px;
793        height: 4px;
794        background: #767676;
795        position: absolute;
796        top: 50%;
797        left: 0;
798        -webkit-transform: translateY(-50%);
799        -ms-transform: translateY(-50%);
800        transform: translateY(-50%);
801    }
802
803    .sidebar-nav .icon-plus:after {
804        content: '';
805        width: 4px;
806        height: 22px;
807        background: #767676;
808        position: absolute;
809        top: 0;
810        left: 50%;
811        -webkit-transform: translateX(-50%);
812        -ms-transform: translateX(-50%);
813        transform: translateX(-50%);
814    }
815
816    .sidebar-nav .icon-plus:before, .sidebar-nav .icon-plus:after {
817        -webkit-transition: opacity .3s linear,visibility .3s linear,background .3s linear;
818        transition: opacity .3s linear,visibility .3s linear,background .3s linear;
819    }
820
821    .sidebar-nav li.active > a .icon-plus:after {
822        opacity: 0;
823        visibility: hidden;
824    }
825
826    .ci_lnav_l3 .icon-plus:after {
827        height: 18px;
828        width: 1px;
829        top: 2px;
830        left: auto;
831        right: 10px;
832    }
833
834    .ci_lnav_l3 .icon-plus:before {
835        height: 1px;
836        width: 18px;
837        right: 2px;
838        left: auto;
839    }
840
841    .ci_lnav_l3 > a > .icon-plus, .ci_lnav_l4 > a > .icon-plus {
842        min-width: 30px;
843        height: 22px;
844        display: block;
845        position: relative;
846        top: -1px;
847    }
848
849    .sidebar-nav .ci_lnav_sl ul {
850        padding-bottom: 10px !important;
851    }
852
853    .ci_lnav_l4, .ci_lnav_l3 {
854        position: relative;
855    }
856
857        .ci_lnav_l3 > a, .ci_lnav_l4 > a {
858            display: flex;
859            justify-content: space-between;
860            width: 100%;
861            align-items: center;
862        }
863
864
865    #main .sidebar-nav > li {
866        font-size: 1.125rem;
867        text-transform: capitalize;
868        font-weight: bold;
869        letter-spacing: 0px;
870    }
871
872        #main .sidebar-nav > li:first-letter {
873            text-transform: uppercase;
874        }
875
876        #main .sidebar-nav > li > a {
877            color: #172A2D;
878            font-size: 1.8rem;
879            font-weight: bold;
880        }
881@media (min-width: 1366px) {
882        .img-list li {
883            width: 25%;
884            padding: 0 22px;
885        }
886
887        .img-list {
888            margin: 0 -22px;
889        }
890    }
891
892    @media (min-width: 1024px) and (max-width: 1365px) {
893        .img-list li {
894            width: 33.33%;
895            padding: 0 12px;
896        }
897
898        .img-list {
899            margin: 0 -12px;
900        }
901    }
902
903    @media (min-width: 640px) and (max-width: 1023px) {
904        .img-list li {
905            width: 50%;
906            padding: 0 11px;
907        }
908
909        .img-list {
910            margin: 0 -11px;
911        }
912    }
913
914    @media (min-width: 480px) and (max-width: 639px) {
915        .img-list li {
916            width: 50%;
917            padding: 0 8px;
918        }
919
920        .img-list {
921            margin: 0 -8px;
922        }
923    }
924    #main .breadcrumb-holder {
925        background-color: #EAEAEA;
926    }
927    #main .breadcrumb {
928        padding: 2.5rem 0rem;
929        margin-bottom: 0px;
930        background-color: unset;
931    }
932    .sidebar-nav .side-slide .side-slide_3 ul {
933        margin-top: 30px;
934        margin-bottom: 0px;
935        padding-right: 0px;
936        padding-left: 0px;
937    }
938
939    #main .ci-article-section .content-col{
940        padding-top:48px;
941    }
942    #main .ci-article-section .content-col .content-item{
943        font-size:1.8rem;
944    }
945    #main .breadcrumb-holder .container{
946        padding-left:40px;
947        padding-right:40px;
948    }
949    main .ci-article-section .content-col .content-item .img-holder {
950        padding: 40px 0px;
951    }
952    body #st-2.st-left {
953        left: unset;
954        right: 0px;
955    }
956
957    body #st-2 .st-toggle {
958        right: -48px;
959        left: unset;
960    }
961
962    body #st-2 > div {
963        clear: right;
964        float: right;
965    }
966
967    body #st-2.st-hidden.st-left {
968        right: -48px;
969        left: unset;
970    }
971
972    body #st-2.st-left .st-toggle .st-left {
973        display: none;
974    }
975
976    body #st-2.st-left .st-toggle .st-right {
977        display: inline-block;
978    }
979
980    body #st-2.st-left.st-hidden .st-toggle .st-left {
981        display: inline-block;
982    }
983
984    body #st-2.st-left.st-hidden .st-toggle .st-right {
985        display: none;
986    }
987
988    body #st-2.st-hidden:hover .st-toggle {
989        right: 48px;
990        left: unset;
991    }
992    .fr-view .fr-file:after {
993        content: unset !important;
994    }
995</style> <style>
996    #wrapper .breadcrumb-holder .breadcrumb-item + .breadcrumb-item::before {
997        background: url(https://sb45storage.blob.core.windows.net/pub/themes/Sd64/images/chevron-right-d.svg) 
997no-repeat 0 0;
998        content: "";
999        position: absolute;
1000        width: 8px;
1001        height: 12px;
1002        left: 0;
1003        right: auto;
1004        top: 7px;
1005    }
1006   #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
1007        background-image: url(https://sb45storage.blob.core.windows.net/pub/themes/Sd64/images/fancybox_sprite.png) !important;
1008    }
1009
1010    .ci-accordion > li > h1 a:before,
1011    .ci-accordion > li > h2 a:before,
1012    .ci-accordion > li > h3 a:before,
1013    .ci-accordion > li > h4 a:before{
1014        content: " ";
1015        margin-top: 9px;
1016        position: absolute;
1017        left: 0px;
1018        top: 0px;
1019        width: 20px;
1020        height: 20px;
1021        transform: rotateZ( 90deg );
1022        background: url(https://sb45storage.blob.core.windows.net/pub/themes/Sd64/images/chevron-right-d.svg) 0 0 no-repeat;
1023        background-size: 50% 100%;
1024    }
1025    body .ci-search-list [id*="accordion"] .submenu:before,
1026    body .ci-search-month [id*="accordion"] .submenu:before,
1027    body .ci-search-subscribe [id*="accordion"] .submenu:before {
1028        background: url(https://sb45storage.blob.core.windows.net/pub/themes/Sd64/images/calsprite.png) no-repeat -352px 0 !important;
1029    }
1030    body .ci-search-list [id*="accordion"] .collapsed .submenu:before,
1031    body .ci-search-list [id*="accordion"] .collapsed + .submenu:before,
1032    body .ci-search-month [id*="accordion"] .collapsed .submenu:before,
1033    body .ci-search-month [id*="accordion"] .collapsed + .submenu:before,
1034    body .ci-search-subscribe [id*="accordion"] .collapsed .submenu:before,
1035    body .ci-search-subscribe [id*="accordion"] .collapsed + .submenu:before {
1036        background: url(https://sb45storage.blob.core.windows.net/pub/themes/Sd64/images/calsprite.png) no-repeat -331px 0 !important;
1037    }
1038
1039.fr-view p{
1040   margin: 1em 0;
1041}
1042.fr-view img.fr-dii.fr-fil {
1043    margin-right: 38px !important;
1044}
1045
1046
1047</style> 
1047<script>var _ci = {};_ci.siteId=5;_ci.odlGrpId=900000;_ci.sitePath='';_ci.siteType='b';_ci.siteTitle='Gulf Islands School District';_ci.urlName='';_ci.isHome=0;_ci.api='https://cicmsapi.azurewebsites.net/sd64';_ci.cdn='https://sb45storage.blob.core.windows.net/pub/themes';</script>
1047 
1047<script>_ci.theme = {"pb":"#3D100F","pd":"#9C6E29","pl":"#C66A28","sb":"#14341B","sd":"#62682D","sl":"#F2E4D9"}</script>
1047 <style>
1048#main .ci-article-section .content-col .content-item {
1049    font-size: 2.0rem;
1050}
1051    @-moz-document url-prefix() {
1052        .ci-home-page .ci-quick-link .quick-slider .quicklink_items {
1053            margin: 0 -2px;
1054        }
1055    }
1056</style> 
1056<script>window.isRTL = false;</script>
1056 <style>
1057	.fr-view a[name] {		
1058		display: inline-block;		
1059		scroll-margin-top: 150px;
1060	} 
1061</style> </head> <body class=' nav-ready ci_site-b ci-www content-page sb-page-o365article sbcontentpage ci-inner '>
vendor: 68 bytes, line 1061
1061 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1061GTM-5GSX8K
vendor: 83 bytes, line 1061
1061" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 
1061<link rel="preload" href="https://media.sd64.bc.ca/sb365media/Header_Images/district-header.jpg" as="image"/> <style>
1062        #wrapper #header:before, #wrapper #header:after {
1063            height: 0px;
1064            background: #14341B;
1065        }
1066    </style> <style>
1067@media (min-width: 1366px) {
1068    #wrapper .main-nav>li {
1069        padding: 0 2px;
1070    }
1071}
1072    #wrapper #header .ci-logo a {
1073        display: flex;
1074        align-items: center;
1075    }
1076
1077    #wrapper #header .ci-logo .text {
1078        color: #3D100F;
1079    }
1080
1081        #wrapper #header .ci-logo .text em {
1082            font-style: normal;
1083            color: #C66A28;
1084        }
1085
1086    .footer .ci-footer-bottom {
1087        background-color: unset;
1088        border-top: 1px solid #fff;
1089    }
1090
1091    #header .contrast-hold {
1092        position: relative;
1093        padding-right: 10px;
1094        padding-left: 20px;
1095    }
1096
1097        #header .contrast-hold:before {
1098            content: '\/';
1099            position: absolute;
1100            top: 50%;
1101            left: 0;
1102            font-size: 38px;
1103            line-height: 1;
1104            font-weight: 400;
1105            color: #9B9B9B;
1106            transform: translateY(-50%);
1107        }
1108
1109    #header .ci-login-drop svg {
1110        width: 10px;
1111        height: 6px;
1112        position: absolute;
1113        right: 8px;
1114        top: 50%;
1115        transform: translateY(-50%);
1116    }
1117
1118    #main .ci-banner-block {
1119        border-bottom: unset;
1120    }
1121
1122        #main .ci-banner-block:before, #main .ci-banner-block:after {
1123            height: 0px;
1124            background: #14341B;
1125        }
1126
1127        #main .ci-banner-block .ci-desc-holder .btn {
1128            max-width: 164px;
1129            padding: 20px 0px;
1130            min-width: unset;
1131            border-radius: 15px;
1132            border: 2px solid #818181 !important;
1133            font-size: 2.2rem;
1134            color: #000;
1135            background: #fff;
1136        }
1137
1138    #main .ci-quick-link .text {
1139        color: #777777;
1140        text-transform: uppercase;
1141        font-weight: bold;
1142    }
1143
1144    #wrapper #main .ci-quick-link .slick-slide a:hover .icon-hold {
1145        background: #fff;
1146    }
1147
1148    #wrapper #main .ci-quick-link .slick-slide a:hover img {
1149        filter: drop-shadow(#9C6E29 175px 0);
1150        transform: translateX(-175px);
1151    }
1152
1153    #wrapper #main .ci-quick-link a:hover .text {
1154        color: #777777;
1155    }
1156
1157    #main .ci-quick-link .btn-primary:hover, #main .ci-quick-link .btn-primary:focus-visible {
1158        color: #C66A28;
1159        background: #fff !important;
1160    }
1161
1162    #wrapper #main .ci-news-events .events-holder .view-path:hover {
1163        color: #C66A28;
1164        background: #fff;
1165        border: 1px solid #C66A28 !important;
1166    }
1167
1168    #wrapper .footer .title {
1169        font-size: 2.4rem;
1170        margin-bottom: 34px;
1171    }
1172
1173    #wrapper .footer address,
1174    #wrapper .footer .mid-row .text-holder p {
1175        font-size: 1.8rem;
1176    }
1177
1178    #wrapper .footer .link {
1179        font-size: 1.4rem;
1180    }
1181
1182    #wrapper .footer .footer-main .holder--details {
1183        font-size: 2.1rem;
1184    }
1185
1186    .footer .ci-footer-bottom {
1187        font-size: 1.5rem;
1188    }
1189
1190    .sidebar-nav .side-slide ul li.ci_navnode_active a {
1191        color: #C66A28;
1192    }
1193
1194    #main .sidebar-nav > li.active > a {
1195        color: #C66A28;
1196    }
1197
1198    .main-nav > li .dropmenu .sec-lvl > li > a:hover {
1199        color: #9C6E29;
1200        text-decoration: none;
1201    }
1202
1203    .ci-footer-bottom .ci-copyright {
1204        font-weight: bold;
1205    }
1206
1207    #wrapper #main .news-holder .card a:hover .text {
1208        text-decoration: none;
1209        font-weight: bold;
1210    }
1211
1212        #wrapper #main .news-holder .card a:hover .text p {
1213            color: #C66A28 !important;
1214        }
1215
1216    #wrapper #main .news-holder .card a:hover span.card-link {
1217        color: #C66A28 !important;
1218        text-decoration: none;
1219    }
1220
1221    #nav .main-nav > li > a:hover {
1222        background: #3D100F;
1223        border-color: unset;
1224        color: #fff;
1225        border-radius: 25px;
1226    }
1227
1228    .main-nav > li:hover .dropmenu .sec-lvl {
1229        border-radius: 25px;
1230    }
1231
1232    #nav .main-nav > li > a {
1233        font-weight: bold;
1234        color: #3D100F;
1235        text-transform: uppercase;
1236    }
1237
1238    #main .ci-banner-block .slick-arrow {
1239        border: unset;
1240    }
1241
1242    @media (min-width: 480px) {
1243        #main .ci-banner-block .slick-arrow .arrow-icon {
1244            width: 20px;
1245            height: 40px;
1246        }
1247    }
1248
1249    #main .ci-banner-block .slick-dots li button {
1250        border: 1px solid #fff;
1251        background: none;
1252        width: 13px;
1253        height: 13px;
1254    }
1255
1256    #main .ci-banner-block .slick-dots li.slick-active button {
1257        width: 16px;
1258        height: 16px;
1259        background: #fff;
1260    }
1261
1262    #wrapper .footer .holder .block a:hover {
1263        color: #C66A28;
1264    }
1265
1266    .footer .ci-footer-link a:hover {
1267        color: #C66A28;
1268    }
1269
1270    #wrapper #header .ci-r-holder .ci-toggle-holder .contrast-hold a:hover {
1271        color: #C66A28;
1272    }
1273
1274
1275
1276    @media(min-width:1366px) {
1277        #wrapper #header .ci-logo .text {
1278            font-size: 2.6rem;
1279        }
1280    }
1281
1282    @media(min-width:1024px) and (max-width:1365px) {
1283        #wrapper #header .ci-logo {
1284            width: 280px;
1285        }
1286
1287        #wrapper #header .ci-r-holder {
1288            width: calc(100% - 320px);
1289        }
1290
1291        #wrapper #header #nav .nav-drop {
1292            max-width: 100%;
1293            height: unset;
1294            transform: unset;
1295        }
1296
1297        #wrapper #header #nav .main-nav {
1298            margin-left: 0px;
1299        }
1300
1301        #wrapper #header .ci-logo .text {
1302            font-size: 2.2rem;
1303        }
1304
1305        #nav .main-nav > li > a {
1306            font-size: 2rem;
1307        }
1308    }
1309
1310    @media(min-width:480px) and (max-width:1023px) {
1311        #wrapper #header .ci-logo {
1312            width: 262px;
1313        }
1314
1315            #wrapper #header .ci-logo .text {
1316                font-size: 2rem;
1317            }
1318    }
1319
1320    @media(max-width:479px) {
1321        #wrapper #header .ci-logo {
1322            width: 252px;
1323        }
1324
1325        #wrapper #header .ci-logo .text {
1326            font-size: 1.6rem;
1327        }
1328        #wrapper #main .ci-news-events > .container > .container:last-child {
1329            padding-top: 65px;
1330        }
1331    }
1332
1333
1334
1335
1336    #nav .nav-opener:before, #nav .nav-opener:after, #nav .nav-opener span,
1337    #nav .nav-active .nav-opener:before, #nav .nav-active .nav-opener:after {
1338        background: #3D100F;
1339    }
1340
1341    @media(max-width:1023px) {
1342        #wrapper #header {
1343            border-bottom: 3px solid #3D100F;
1344        }
1345
1346            #wrapper #header .main-nav .sec-lvl > li.ci_itmactive a {
1347                color: #3D100F;
1348            }
1349
1350            #wrapper #header .container {
1351                margin-right: 0px;
1352            }
1353
1354        #header #nav .nav-drop {
1355            margin-top: 22px;
1356            padding-bottom:180px;
1357        }
1358
1359        #wrapper #header #nav .main-nav > li > a {
1360            border-radius: 0px !important;
1361        }
1362
1363        #header #nav .main-nav > li > a:hover {
1364            border-radius: 0px !important;
1365        }
1366
1367        #header .main-nav > li.ci_hamburgeritm .dropmenu ul {
1368            padding: 14px 0;
1369        }
1370
1371            #header .main-nav > li.ci_hamburgeritm .dropmenu ul > li {
1372                margin: 15px 0px;
1373            }
1374
1375                #header .main-nav > li.ci_hamburgeritm .dropmenu ul > li > a {
1376                    padding: 11px 60px 11px 28px;
1377                }
1378
1379                    #header .main-nav > li.ci_hamburgeritm .dropmenu ul > li > a:focus {
1380                        outline: unset;
1381                    }
1382
1383                    #header .main-nav > li.ci_hamburgeritm .dropmenu ul > li > a span {
1384                        font-size: 17px;
1385                        font-weight: 400;
1386                        color: #3D100F;
1387                    }
1388
1389        #header .ci-search-form button[type='submit'] {
1390            left: unset;
1391        }
1392
1393        #wrapper #header .contrast-hold:before {
1394            content: unset;
1395        }
1396
1397        #wrapper #header .contrast-hold {
1398            padding-left: 0px;
1399        }
1400
1401        #wrapper #header .ci-r-holder .low-nav .ci-toggle-holder {
1402            flex-wrap: nowrap;
1403        }
1404
1405        #header #nav .low-nav .social-links {
1406            justify-content: center;
1407        }
1408
1409        #wrapper #header .ci-r-holder .low-nav .ci-toggle-holder .ci-hold a,
1410        body #wrapper #header .ci-r-holder .ci-toggle-holder .ci-hold .ci-login-drop a.dropdown-toggle {
1411            color: #3D100F;
1412        }
1413
1414        #wrapper #header .ci-r-holder .low-nav .ci-toggle-holder .icon {
1415            fill: #3D100F;
1416        }
1417
1418        #header .main-nav > li.active > a {
1419            background: #3D100F;
1420            color: #fff;
1421        }
1422
1423        #wrapper #header .ci-r-holder .low-nav .ci-toggle-holder {
1424            margin: 0 -20px 11px;
1425        }
1426    }
1427
1428    @media(min-width:450px) and (max-width:1023px) {
1429        #nav .ci-login-drop .nav-link {
1430            padding: 0.5rem 0.5rem;
1431        }
1432
1433        #wrapper #header .ci-login-drop {
1434            min-width: 80px;
1435        }
1436
1437        #wrapper #header .ci-r-holder .low-nav .ci-toggle-holder .contrast-hold a .icon {
1438            right: 10px;
1439        }
1440
1441        body #wrapper #header .ci-r-holder .low-nav .ci-toggle-holder .contrast-hold a {
1442            padding: 14px 5px 14px 5px;
1443        }
1444
1445        #wrapper #header .contrast-hold {
1446            padding-left: 0px;
1447            padding-right: 0px;
1448        }
1449
1450        #header #nav .main-nav > li > a {
1451            width: 430px;
1452            max-width: 430px;
1453            outline: unset;
1454        }
1455    }
1456
1457    @media(max-width:449px) {
1458        #wrapper #header .ci-r-holder .ci-toggle-holder .ci-hold .ci-login-drop a.dropdown-toggle,
1459        #wrapper #header .ci-r-holder .low-nav .ci-toggle-holder .contrast-hold a,
1460        #wrapper #header .ci-r-holder .low-nav .ci-toggle-holder .language-hold .dropdown-opener {
1461            -webkit-transform: scale(0.8);
1462            font-weight: 400;
1463        }
1464
1465        body #wrapper #header .ci-r-holder .low-nav .ci-toggle-holder .contrast-hold a {
1466            min-width: 103px;
1467            padding: 14px 0px 14px 0px;
1468            font-size:12px;
1469        }
1470
1471        body wrapper #header .ci-r-holder .low-nav .ci-toggle-holder .contrast-hold a .icon {
1472            right: -17px;
1473        }
1474
1475        #header .low-nav .language-hold .dropdown-opener .icon {
1476            right: 0px;
1477        }
1478
1479        #wrapper #header .contrast-hold {
1480            padding-right: 0px;
1481        }
1482
1483        #wrapper .footer .holder .block .detail {
1484            padding-left: 20px;
1485        }
1486    }
1487
1488    @media(max-width:979px) {
1489        #header .main-nav > li > a:hover {
1490            background: #3D100F;
1491            color: #fff;
1492        }
1493
1494        #header .main-nav .dropmenu .sec-lvl > li > a {
1495            color: #3D100F;
1496        }
1497
1498        .main-nav .dropmenu .sec-lvl .third-lvl > li > a {
1499            color: #3D100F;
1500        }
1501    }
1502
1503    @media (min-width: 980px) and (max-width:1023px) {
1504        #header .main-nav > li.active > a {
1505            background: #3D100F;
1506            border-radius: 0px;
1507            color: #fff;
1508        }
1509
1510        #header .main-nav > li > a:hover {
1511            background: #3D100F;
1512            color: #fff;
1513            border-radius: 0px;
1514        }
1515
1516        .main-nav .dropmenu .sec-lvl > li > a {
1517            color: #3D100F;
1518        }
1519
1520        .main-nav .dropmenu .sec-lvl .third-lvl > li > a {
1521            color: #3D100F;
1522            font-weight: 500;
1523        }
1524    }
1525
1526    @media(min-width:1600px) {
1527        .fixed-position #nav .main-nav > li > a {
1528            padding: 17px 35px;
1529        }
1530
1531        #wrapper #header > .container:first-child,
1532        #wrapper #main .ci-quick-link .container,
1533        #wrapper .footer > .container {
1534            padding-left: 140px;
1535            padding-right: 100px;
1536        }
1537
1538        #nav .main-nav > li > a {
1539            padding: 17px 22.5px;
1540            font-size: 2.3rem;
1541        }
1542    }
1543
1544    @media(min-width:1366px) and (max-width:1599px) {
1545        #wrapper #header .container,
1546        #wrapper #main .ci-quick-link .container,
1547        #wrapper .footer > .container {
1548            padding-left: 140px;
1549            padding-right: 140px;
1550        }
1551
1552        #nav .main-nav > li > a {
1553            font-size: 1.7rem;
1554        }
1555    }
1556
1557    @media (min-width: 1366px) {
1558        .main-nav > li:hover .dropmenu {
1559            padding-top: 23px;
1560        }
1561
1562        #wrapper #main .breadcrumb-holder .container {
1563            padding-left: 135px;
1564            padding-right: 135px;
1565        }
1566
1567        #main .ci-article-section > .container {
1568            padding-left: 115px;
1569            padding-right: 115px;
1570        }
1571    }
1572    /*@media(min-width:1921px){
1573            #wrapper .footer .bg-stretch{
1574                left:195px;
1575                right:195px;
1576            }
1577        }*/
1578    #main .ci-banner-block .slick-dots {
1579        padding-left: 0px;
1580    }
1581
1582    #main .ci-banner-block .slick-arrow:hover {
1583        background: unset;
1584    }
1585
1586    #main .ci-banner-block .slick-arrow:focus {
1587        outline: unset !important;
1588    }
1589
1590    #wrapper .footer .bg-stretch:before {
1591        background: #14341B;
1592    }
1593
1594    #main .breadcrumb .breadcrumb-item span {
1595        font-size: 1.6rem;
1596        color: #C66A28;
1597    }
1598
1599    #main .ci-article-section .content-col .content-item .head-hold > h1 {
1600        font-size: 3.8rem;
1601        color: #C66A28;
1602        padding-bottom: 15px;
1603        font-weight: 400;
1604    }
1605
1606    .article-holder .article-extras .h4 {
1607        color: #14341B;
1608    }
1609
1610    #wrapper #main .article-extras .social-networks a {
1611        padding: 0 !important;
1612        border: 4px solid #C66A28;
1613        background: #212121;
1614    }
1615
1616    .event-active .event-slide .social-networks a {
1617        background: #212121 !important;
1618        border: 3px solid #C66A28 !important;
1619    }
1620
1621    .fr-view #accordion1 a {
1622        color: #C66A28;
1623        outline: unset;
1624    }
1625
1626    @media (min-width: 980px) {
1627        #wrapper #header .ci-r-holder .ci-toggle-holder .contrast-hold a:hover .icon {
1628            fill: #C66A28;
1629        }
1630    }
1631
1632    .main-nav > li:nth-of-type(n+5) .dropmenu {
1633        right: 0px;
1634    }
1635
1636    .page_ctn_body .pg_event_meta_w .page_ctn_btn_cart {
1637        background: #C66A28;
1638        border: 1px solid #C66A28;
1639        color: #fff;
1640    }
1641    .page_ctn_body .pg_event_meta_w .page_ctn_btn_cart:hover {
1642        background: #fff;
1643        color: #C66A28;
1644    }
1645    @media(max-width:1023px) {
1646        body #wrapper .footer .store-logo {
1647            margin-bottom: 12px;
1648        }
1649    }
1650    @media (min-width: 1024px) {
1651        #wrapper #header .ci-r-holder .ci-toggle-holder .ci-typography li .small {
1652            font-size: 13px;
1653            margin-top: 13px;
1654        }
1655
1656        #wrapper #header .ci-r-holder .ci-toggle-holder .ci-typography li .mid {
1657            font-size: 18px;
1658            margin-top: 5px;
1659        }
1660
1661        #wrapper #header .ci-r-holder .ci-toggle-holder .ci-typography li .large {
1662            font-size: 25px;
1663            margin-top: 2px;
1664        }
1665        #wrapper #header .ci-r-holder .ci-toggle-holder > .ci-hold:nth-of-type(3) {
1666            padding-left: 40px;
1667        }
1668        #wrapper #header .ci-r-holder .ci-toggle-holder > .ci-hold:nth-of-type(4){
1669            padding-left:0px;
1670        }
1671        #wrapper #header .ci-r-holder .ci-toggle-holder .ci-typography {
1672            align-items: unset !important;
1673        }
1674    }
1675
1676
1677    #wrapper #header .ci-r-holder .ci-toggle-holder .ci-typography li a {
1678        color: #9B9B9B;
1679        font-weight: bold;
1680    }
1681
1682    @media(min-width:1024px){
1683        .ci-highContrast .ci-logo img.High-Contrast-lg {
1684            display: block !important;
1685        }
1686        .ci-highContrast .ci-logo img.High-Contrast {
1687            display: none !important;
1688        }
1689    }
1690    @media(max-width:1023px){
1691        .ci-highContrast .ci-logo img.High-Contrast-lg {
1692            display: none !important;
1693        }
1694
1695        .ci-highContrast .ci-logo img.High-Contrast {
1696            display: block !important;
1697        }
1698    }
1699
1700    .ci-highContrast .ci-logo img.NoHigh-Contrast {
1701        display: none !important;
1702    }
1703</style> <style>
1704        .ci-news-events .news-holder .img-holder .overlay {
1705            background: rgba(20, 52, 27,0.65);
1706            color: #fff;
1707            font-size: 18px;
1708        }
1709
1710        .ci-news-events .news-holder .img-holder .overlay span:after {
1711            content: '';
1712            background: url(https://sb45storage.blob.core.windows.net/pub/themes/Sd64/images/chevron-right-w.svg) no-repeat 0 0;
1713            width: 20px;
1714            height: 20px;
1715            position: absolute;
1716            top: 50%;
1717            right: 30%;
1718            transform: translateY(-50%);
1719        }
1720</style> <style>
1721:root{
1722    --thmr-pb: #C66A28;
1723    --thmr-pd: #3d100f;
1724}
1725</style> <svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" class="d-none"> <symbol id="cii_hc"> <path d="M31.36 11.733c-0.427-1.28-0.853-2.56-1.707-3.84-1.28-2.347-3.413-4.267-5.76-5.76-1.28-0.64-2.56-1.28-3.84-1.493-1.28-0.427-2.56-0.64-4.053-0.64s-2.773 0.213-4.267 0.64c-1.28 0.213-2.56 0.853-3.84 1.493-2.347 1.493-4.267 3.413-5.76 5.76-0.64 1.28-1.28 2.56-1.493 3.84-0.64 2.773-0.64 5.76 0 8.533 0.427 1.28 0.853 2.56 1.707 3.84 1.28 2.347 3.413 4.267 5.76 5.76 1.28 0.64 2.56 1.28 3.84 1.707s2.773 0.64 4.267 0.64 2.773-0.213 4.267-0.64c1.28-0.427 2.56-0.853 3.84-1.707 2.347-1.28 4.267-3.413 5.76-5.76 0.64-1.28 1.28-2.56 1.707-3.84 0.427-2.773 0.427-5.76-0.427-8.533zM27.52 19.2c-1.067 4.053-4.267 7.253-8.32 8.32-1.067 0.213-1.92 0.427-2.987 0.427h-0.213c-0.213 0-0.64 0-0.853 0v-23.893c0.213 0 0.64 0 0.853 0 1.067 0 2.133 0.213 3.2 0.427 4.053 1.067 7.253 4.267 8.32 8.32 0.64 2.133 0.64 4.267 0 6.4z"/> </symbol> <symbol id="cii_print"> <path d="M2.121 8.148a.48.48 0 0 0-.148.352c0 .135.05.253.148.352A.48.48 0 0 0 2.473 9a.48.48 0 0 0 .351-.148.48.48 0 0 0 .149-.352.48.48 0 0 0-.149-.352A.48.48 0 0 0 2.473 8a.48.48 0 0 0-.352.148zM14.973 13h-3v-3h-8v3h-3V7h14zm-4 2h-6v-4h6zm-6-14h6v5h-6zm7 5V0h-8v6h-3a1.004 1.004 0 0 0-1 1v7h4v2h8v-2h4V7a1.004 1.004 0 0 0-1-1z"/> </symbol> <symbol id="cii_search"> <path d="M31.787 28.16l-7.253-6.827c0.64-1.067 1.28-2.133 1.707-3.2 0.64-1.493 0.853-2.987 0.853-4.48 0-1.28-0.213-2.347-0.427-3.627-0.213-1.067-0.853-2.133-1.28-3.2-0.64-1.067-1.28-1.92-2.133-2.773s-1.707-1.493-2.773-2.133c-1.28-0.64-2.347-1.067-3.413-1.493-1.067-0.213-2.347-0.427-3.627-0.427v0c-1.28 0-2.347 0.213-3.627 0.427-1.067 0.427-2.133 0.853-3.2 1.28-1.067 0.64-1.92 1.28-2.773 2.133s-1.493 1.707-2.133 2.773c-0.64 1.067-1.067 2.133-1.28 3.2-0.213 1.28-0.427 2.56-0.427 3.627 0 1.28 0.213 2.347 0.427 3.627 0.427 1.067 0.853 2.133 1.28 3.2 0.64 1.067 1.28 1.92 2.133 2.773s1.707 1.493 2.773 2.133c1.067 0.64 2.133 1.067 3.2 1.28 1.067 0.427 2.347 0.427 3.627 0.427v0c1.493 0 3.2-0.213 4.48-0.853 1.28-0.427 2.347-0.853 3.413-1.707l7.467 6.827c0.427 0.427 1.067 0.64 1.493 0.64 0 0 0 0 0 0 0.64 0 1.067-0.213 1.493-0.64s0.64-1.067 0.64-1.493c0-0.427-0.213-1.067-0.64-1.493zM22.613 13.44c0 1.28-0.213 2.347-0.64 3.413s-1.067 2.133-1.92 2.987c-1.067 0.853-1.92 1.493-2.987 1.92s-2.347 0.64-3.627 0.64c0 0 0 0 0 0-1.28 0-2.347-0.213-3.413-0.64s-2.133-1.067-2.773-1.92c-1.067-0.853-1.707-1.707-2.133-2.773-0.427-1.28-0.853-2.347-0.64-3.627 0-1.28 0.213-2.347 0.64-3.627 0.427-1.067 1.067-2.133 1.92-2.773 0.853-0.853 1.707-1.493 2.773-1.92s2.347-0.64 3.627-0.64c1.28 0 2.347 0.213 3.627 0.64 1.067 0.427 2.133 1.067 2.987 1.92s1.493 1.707 1.92 2.987c0.427 1.067 0.64 2.133 0.64 3.413z"/> </symbol> <symbol id="cii_dropdown"> <path d="M8.595-.001l1.154 1.15-4.85 4.85-4.851-4.85 1.154-1.15 3.696 3.696z"/> </symbol> <symbol id="icon-next" viewBox="0 0 20 32"> <path d="M2.526 0c0.674 0 1.347 0.168 1.853 0.674l15.326 15.326-15.326 15.326c-1.011 1.011-2.526 1.011-3.537 0s-1.011-2.526 0-3.537l11.621-11.621-11.789-11.789c-0.842-1.011-0.842-2.695 0-3.705 0.505-0.505 1.179-0.674 1.853-0.674z"></path> </symbol> <symbol id="icon-prev" viewBox="0 0 20 32"> <path d="M17.011 32c-0.674 0-1.347-0.168-1.853-0.674l-15.158-15.326 15.326-15.326c1.011-1.011 2.526-1.011 3.537 0s1.011 2.526 0 3.537l-11.789 11.789 11.621 11.621c1.011 1.011 1.011 2.526 0 3.537-0.337 0.674-1.011 0.842-1.684 0.842z"></path> </symbol> </svg> 
1725<script>
1726var _ci_jq_loaded = []
1727function onJqueryLoaded(func){
1728    _ci_jq_loaded.push(func)
1729}
1730
1731</script>
1731 <style>
1732html.sizeA1{zoom:0.9}
1733html.sizeA3{zoom:1.1}
1734.ci-nav .icon-angle-down {width: 10.3px;display:inline-block;}
1735</style> <style>
1736            .wdgzone
1737             {
1738                display: none;
1739            }
1740        </style> 
1740<script type='text/javascript' src='https://platform-api.sharethis.com/js/sharethis.js#property=6412b909b0ebee001a376ac4&product=sop' async='async'></script>
1740 <a class="sr-only sr-only-focusable" href="#main" accesskey="c">Skip to main content</a> <noscript><div>Javascript must be enabled for the correct page display</div></noscript> <div id="wrapper" class="sctwww "> <style>
1741    .dropdown-item:focus, .dropdown-item:hover {
1742        background-color: #fff;
1743    }
1744
1745    .print-only {
1746        display: none;
1747    }
1748</style> <header id="header"> <div class="container"> <div class="ci-logo" style="z-index:1;"> <a href="/"> <img class="NoHigh-Contrast d-lg-block d-none" src="https://sb45storage.blob.core.windows.net/pub/themes/Sd64/images/HeaderLogo.png" width="280" height="98.22" alt="sd64" style="max-width:100%;max-height:100%;width:100%;"> <img class="High-Contrast-lg d-none" src="https://sb45storage.blob.core.windows.net/pub/themes/Sd64/images/SD64Logo-Reverse.png" width="1247" height="437" alt="sd64" style="max-width:100%;width:100%;height:auto;aspect-ratio: auto;"> <img class="High-Contrast d-none" src="https://sb45storage.blob.core.windows.net/pub/themes/Sd64/images/footer-logo.png" width="59" alt="sd64" style="max-width:100%;width:100%;aspect-ratio: auto;"> <img class="NoHigh-Contrast d-lg-none d-block" src="https://sb45storage.blob.core.windows.net/pub/themes/Sd64/images/logo.png" width="109" height="109" alt="sd64" style="max-width:100%;max-height:100%;aspect-ratio: auto;"> </a> </div> <div class="ci-r-holder "> <div class="ci-top-holder"> <div class="ci-toggle-holder"> <ul class="social-links list-unstyled"> <li> <a href="https://www.facebook.com/schooldistrict64" target="_blank"> <img src="https://sb45storage.blob.core.windows.net/pub/themes/Sd64/images/facebook-color.svg" style="width: 20px ; height: 20px ;" alt="facebook"> </a> </li> <li> <a href="https://www.linkedin.com/company/gulf-islands-school-district-64" target="_blank"> <img src="https://sb45storage.blob.core.windows.net/pub/themes/Sd64/images/linkedin-color.svg" style="width: 20px ; height: 20px ;" alt="linkedin"> </a> </li> </ul> <div class="ci-hold"> <div class="language-hold js-dropdown"> <a href="javascript:" class="dropdown-opener js-dropdown-opener"> Translate <svg class="ci-icon icon" style="width: 10px; height: 6px;"> <use class="abcd" xlink:href="#cii_dropdown"/> </svg> </a> <div class="language-dropdown"> <div class="drop-hold jcf-scrollable"> <ul class="language-list list-unstyled " style="list-style: none;overflow-x:hidden; "> <li class="dropdown-item"><a href="javascript:" data-val="af">Afrikaans</a></li> <li class="dropdown-item"><a href="javascript:" data-val="sq">Albania</a></li> <li class="dropdown-item"><a href="javascript:" data-val="am">Amharic</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ar">Arabic</a></li> <li class="dropdown-item"><a href="javascript:" data-val="hy">Armenian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="az">Azerbaijani</a></li> <li class="dropdown-item"><a href="javascript:" data-val="eu">Basque</a></li> <li class="dropdown-item"><a href="javascript:" data-val="be">Belarusian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="bn">Bengali</a></li> <li class="dropdown-item"><a href="javascript:" data-val="bs">Bosnian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="bg">Bulgarian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ca">Catalan</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ceb">Cebuano</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ny">Chichewa</a></li> <li class="dropdown-item"><a href="javascript:" data-val="zh-CN">Chinese (Simplifield)</a></li> <li class="dropdown-item"><a href="javascript:" data-val="zh-TW">Chinese (Traditional)</a></li> <li class="dropdown-item"><a href="javascript:" data-val="co">Corsican</a></li> <li class="dropdown-item"><a href="javascript:" data-val="hr">Croatian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="cs">Czech</a></li> <li class="dropdown-item"><a href="javascript:" data-val="da">Danish</a></li> <li class="dropdown-item"><a href="javascript:" data-val="nl">Dutch</a></li> <li class="dropdown-item"><a href="javascript:" data-val="en">English</a></li> <li class="dropdown-item"><a href="javascript:" data-val="eo">Esperanto</a></li> <li class="dropdown-item"><a href="javascript:" data-val="et">Estonian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="tl">Filipino</a></li> <li class="dropdown-item"><a href="javascript:" data-val="fi">Finnish</a></li> <li class="dropdown-item"><a href="javascript:" data-val="fr">French</a></li> <li class="dropdown-item"><a href="javascript:" data-val="fy">Frisian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="gl">Galician</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ka">Georgian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="de">German</a></li> <li class="dropdown-item"><a href="javascript:" data-val="el">Greek</a></li> <li class="dropdown-item"><a href="javascript:" data-val="gu">Gujarati</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ht">Haitian Creola</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ha">Hausa</a></li> <li class="dropdown-item"><a href="javascript:" data-val="haw">Hawaiian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="iw">Hebrew</a></li> <li class="dropdown-item"><a href="javascript:" data-val="hi">Hindi</a></li> <li class="dropdown-item"><a href="javascript:" data-val="hmn">Hmong</a></li> <li class="dropdown-item"><a href="javascript:" data-val="hu">Hungarian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="is">Icelandic</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ig">Igbo</a></li> <li class="dropdown-item"><a href="javascript:" data-val="id">Indonesian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ga">Irish</a></li> <li class="dropdown-item"><a href="javascript:" data-val="it">Italian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ja">Japanese</a></li> <li class="dropdown-item"><a href="javascript:" data-val="jw">Javanese</a></li> <li class="dropdown-item"><a href="javascript:" data-val="kn">Kannada</a></li> <li class="dropdown-item"><a href="javascript:" data-val="kk">Kazakh</a></li> <li class="dropdown-item"><a href="javascript:" data-val="km">Khmer</a></li> <li class="dropdown-item"><a href="javascript:" data-val="rw">Kinyarwanda</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ko">Korean</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ku">Kurdish (Kurmanji)</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ky">Kyrgyz</a></li> <li class="dropdown-item"><a href="javascript:" data-val="lo">Lao</a></li> <li class="dropdown-item"><a href="javascript:" data-val="la">Latin</a></li> <li class="dropdown-item"><a href="javascript:" data-val="lv">Latvian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="lt">Lithuanian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="lb">Luxembourgish</a></li> <li class="dropdown-item"><a href="javascript:" data-val="mk">Macedonian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="mg">Malagasy</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ms">Malay</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ml">Malayalam</a></li> <li class="dropdown-item"><a href="javascript:" data-val="mt">Maltese</a></li> <li class="dropdown-item"><a href="javascript:" data-val="mi">Maori</a></li> <li class="dropdown-item"><a href="javascript:" data-val="mr">Marathi</a></li> <li class="dropdown-item"><a href="javascript:" data-val="mn">Mongolian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="my">Myanmar (Burmese)</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ne">Nepali</a></li> <li class="dropdown-item"><a href="javascript:" data-val="no">Norwegian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="or">Odia (Oriya)</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ps">Pashto</a></li> <li class="dropdown-item"><a href="javascript:" data-val="fa">Persian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="pl">
1748Polish</a></li> <li class="dropdown-item"><a href="javascript:" data-val="pt">Portuguese</a></li> <li class="dropdown-item"><a href="javascript:" data-val="pa">Punjabi</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ro">Romanian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ru">Russian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="sm">Samoan</a></li> <li class="dropdown-item"><a href="javascript:" data-val="gd">Scots Gaelic</a></li> <li class="dropdown-item"><a href="javascript:" data-val="sr">Serbian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="st">Sesotho</a></li> <li class="dropdown-item"><a href="javascript:" data-val="sn">Shona</a></li> <li class="dropdown-item"><a href="javascript:" data-val="sd">Sindhi</a></li> <li class="dropdown-item"><a href="javascript:" data-val="si">Sinhala</a></li> <li class="dropdown-item"><a href="javascript:" data-val="sk">Slovak</a></li> <li class="dropdown-item"><a href="javascript:" data-val="sl">Slovenian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="so">Somali</a></li> <li class="dropdown-item"><a href="javascript:" data-val="es">Spanish</a></li> <li class="dropdown-item"><a href="javascript:" data-val="su">Sundanese</a></li> <li class="dropdown-item"><a href="javascript:" data-val="sw">
1748Swahili</a></li> <li class="dropdown-item"><a href="javascript:" data-val="sv">Swedish</a></li> <li class="dropdown-item"><a href="javascript:" data-val="tg">Tajik</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ta">Tamil</a></li> <li class="dropdown-item"><a href="javascript:" data-val="tt">Tatar</a></li> <li class="dropdown-item"><a href="javascript:" data-val="te">Telugu</a></li> <li class="dropdown-item"><a href="javascript:" data-val="th">Thai</a></li> <li class="dropdown-item"><a href="javascript:" data-val="tr">Turkish</a></li> <li class="dropdown-item"><a href="javascript:" data-val="tk">Turkmen</a></li> <li class="dropdown-item"><a href="javascript:" data-val="uk">Ukrainian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ur">Urdu</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ug">Uyghur</a></li> <li class="dropdown-item"><a href="javascript:" data-val="uz">Uzbek</a></li> <li class="dropdown-item"><a href="javascript:" data-val="vi">Vietnamese</a></li> <li class="dropdown-item"><a href="javascript:" data-val="cy">Welsh</a></li> <li class="dropdown-item"><a href="javascript:" data-val="xh">Xhosa</a></li> <li class="dropdown-item"><a href="javascript:" data-val="yi">Yiddish</a></li> <li class="dropdown-item"><a href="javascript:" data-val="yo">Yoruba</a></li> <li class="dropdown-item"><a href="javascript:" data-val="zu">Zulu</a></li> </ul> </div> </div> </div> </div> <div class="ci-hold"> <div class="ci-quick-links-drop ci-login-drop dropdown"> <a class="nav-link dropdown-toggle" href="#" id="dropdown01" role="button" data-toggle="dropdown" data-display="static" aria-haspopup="true" aria-expanded="false"> LOGINS <svg class="ci-icon icon" style="width: 10px; height: 6px;"><use class="abcd" xlink:href="#cii_dropdown"/></svg> </a> <div class="dropdown-menu" aria-labelledby="dropdown01"> <a href='https://login.microsoftonline.com/' target='_blank' class='dropdown-item t_pb-f'>M365</a> <div class="dropdown-divider"></div> <a href='https://sd64-makeafuture.simplication.com/WLSBLogin.aspx ' target='_blank' class='dropdown-item t_pb-f'>EasyConnnect</a> <div class="dropdown-divider"></div> <a href='https://myeducation.gov.bc.ca/' target='_blank' class='dropdown-item t_pb-f'>MyEducationBC</a> <div class="dropdown-divider"></div> <a href='https://sd64.sharepoint.com/sites/SD64LearningTools' target='_blank' class='dropdown-item t_pb-f'>SD64 Learning Tools</a> <div class="dropdown-divider"></div> <a href='https://ticketing.sd64.bc.ca/' target='_blank' class='dropdown-item t_pb-f'>SD64 Ticketing</a> <div class="dropdown-divider"></div> <a href='https://sitegovern.sd64.bc.ca' target='_blank' class='dropdown-item t_pb-f'>Website Administration</a> <div class="dropdown-divider"></div> </div> </div> </div> <div class="ci-hold"> <ul class="ci-typography list-unstyled d-flex align-items-baseline " data-resize-font=""> <li><a href="javascript:setTxtSize(1)" class="small" aria-label="small">A</a></li> <li><a href="javascript:setTxtSize(2)" class="mid" aria-label="mid">A</a></li> <li><a href="javascript:setTxtSize(3)" class="large" aria-label="large">A</a></li> </ul> </div> <div class="ci-hold"> <div class="contrast-hold"> <a href="javascript:switchHighContrastMode();"> <svg class="ci-icon icon" style="width: 28px; height: 28px;" viewBox="0 0 32 32"> <use class="abcd" xlink:href="#cii_hc"/> </svg> </a> </div> </div> <div class="search-holder dropdown"> <a class="search-opener dropdown-toggle" href="#" id="dropdown_03" role="button" data-toggle="dropdown" data-display="static" aria-haspopup="true" aria-expanded="false" accesskey="4"> <span class="sr-only">Search Opener</span> <svg class="ci-icon icon" style="width: 33px; height: 33px;vertical-align:top;" viewBox="0 0 32 32"> <use class="abcd" xlink:href="#cii_search"></use> </svg> </a> <div class="dropdown-menu" aria-labelledby="dropdown_03"> <form class="search-form search-form2" action="#"> <input type="search" placeholder="What Are You Looking For?" aria-label="Search"> <button type="submit"> <span class="sr-only">Search button</span>
1748 <svg class="ci-icon icon" style="width: 17px; height: 16px;vertical-align:top;" viewBox="0 0 32 32"> <use class="abcd" xlink:href="#cii_search"></use> </svg> </button> </form> </div> </div> </div> </div> <nav id="nav"> <a href="#" class="nav-opener"><span>Menu</span></a> <div class="nav-drop"> <div class="inner-wrap"> <div class="top-block"> <div class="search-hold"> <form class="ci-search-form search-form1" action="#"> <input type="search" placeholder="Search" aria-label="Search"> <button type="submit"> <span class="sr-only">Search</span> <svg class="ci-icon icon" style="width: 17px; height: 16px;vertical-align: top;" viewBox="0 0 32 32"> <use class="abcd" xlink:href="#cii_search"/> </svg> </button> </form> </div> </div> <style>
1749    .goBackBurgerLvlBtnWp {
1750        position: absolute;
1751        border: 0 !important;
1752        z-index: 100
1753    }
1754
1755    .hasGoBackBtn li.ci-active > a {
1756        padding-left: 50px !important
1757    }
1758
1759    #wrapper .goBackBurgerLvlBtn, #wrapper .ci_hasmburgeritm.ci_itmactive > a {
1760        color: #fff !important
1761    }
1762
1763    @media (min-width: 980px) {
1764        .ci_hamburgeritm {
1765            display: none !important;
1766        }
1767
1768        #nav .main-nav > .has-drop-down.drop-active > .js-acc-hidden {
1769            left: auto !important;
1770            right: 0 !important;
1771            width: 100% !important;
1772            padding-top: 27px;
1773            top: 100% !important;
1774            padding-top: 6px;
1775        }
1776    }
1777
1778    @media (min-width: 1366px) {
1779        #nav .main-nav > .has-drop-down.drop-active > .dropmenu {
1780            left: auto !important;
1781            right: 0 !important;
1782            width: 1242px !important;
1783            padding-top: 27px;
1784            top: 100% !important;
1785            padding-top: 27px;
1786        }
1787    }
1788
1789    @media (max-width: 989px) {
1790        .main-nav > li {
1791            display: none;
1792        }
1793
1794            .main-nav > li.ci_hamburgeritm {
1795                display: block;
1796            }
1797    }
1798    @media (min-width: 1024px){
1799        .main-nav .sec-lvl.two-col> li {
1800            margin-bottom: 0px;
1801        }
1802    }
1803
1804</style> <ul class="main-nav list-unstyled"> <li> <a class=" " href="javascript:;">District <span class="inner-opener " data-opener role="button" tabindex="0" aria-label="inner opener"></span></a> <div data-slide class="dropmenu" style="z-index:10;"> <ul class="sec-lvl list-unstyled"> <li> <a class="" href="/about">About </a> </li> <li> <a class="" href="/accessibility">Accessibility <span class="sec-opener" data-inner-opener role="button" tabindex="0"></span></a> <ul class="third-lvl list-unstyled" data-inner-slide> <li> <a class="firsta" style="color:#fff;" href="javascript:;"> <svg class="ci-icon icon" style="width: 9px; height: 16px;"><use class="abcd" xlink:href="#cii_arrow_left"/></svg> Accessibility<span class="inner-opener"></span> </a> </li> <li><a class="" href="/accessibility-plan-1">Accessibility Plan </a></li> <li><a class="" href="/accessibility-group-terms-of-reference">Accessibility Group - Terms of Reference </a></li> </ul> </li> <li> <a class="" href="/anti-racism-action-plan">Anti-Racism Action Plan </a> </li> <li> <a class="" href="/instructional-calendar">Instructional Calendar </a> </li> <li> <a class="" href="/health-and-safety-1">Health and Safety <span class="sec-opener" data-inner-opener role="button" tabindex="0"></span></a> <ul class="third-lvl list-unstyled" data-inner-slide> <li> <a class="firsta" style="color:#fff;" href="javascript:;"> <svg class="ci-icon icon" style="width: 9px; height: 16px;"><use class="abcd" xlink:href="#cii_arrow_left"/></svg> Health and Safety<span class="inner-opener"></span> </a> </li> <li><a class="" href="/emergency-preparedness-and-response">District Emergency Preparedness and Response </a></li> <li><a class="" href="/first-aid-program-for-employees">First Aid Program for Employees </a></li> <li><a class="" href="/reporting-forms-and-minutes">Incident Reporting &amp; Forms </a></li> <li> <a class="" href="/joint-health-and-safety">District Joint Occupational Health &amp; Safety <span class="third-opener " data-inner-opener></span></a> <ul class="fourth-lvl list-unstyled" data-inner-slide> <li> <a class="firsta" style="color:#fff;" href="javascript:;">
1804 <svg class="ci-icon icon" style="width: 9px; height: 16px;"><use class="abcd" xlink:href="#cii_arrow_left"/></svg> District Joint Occupational Health &amp; Safety<span class="inner-opener"></span> </a> </li> <li> <a class="" href="/h-s-minutes-archive">H&amp;S Minutes Archive </a> </li> </ul> </li> <li><a class="" href="/musculoskeletal-injury-msi-prevention">Musculoskeletal Injury (MSI) Prevention </a></li> <li><a class="" href="/site-based-joint-occupational-health-and-safety">Site Based Joint Occupational Health and Safety </a></li> <li><a class="" href="/page/6954/refusal-of-unsafe-work">Refusal of Unsafe Work </a></li> <li><a class="" href="/safe-work-procedures-swp">Safe Work Procedures (SWP) </a></li> <li><a class="" href="/safety-bulletins">Safety Bulletins </a></li> <li><a class="" href="/unexpected-health-emergencies">Unexpected Health Emergencies </a></li> <li><a class="" href="/workplace-hazardous-materials-information-system-whmis">Workplace Hazardous Materials </a></li> <li><a class="" href="/hvac-systems">HVAC Systems </a></li> </ul> </li> <li> <a class="" href="https://www.sd64.bc.ca/policiesandaps" target=&quot;_blank&quot;>Policies &amp; Practices (APs) <span class="sec-opener" data-inner-opener role="button" tabindex="0"></span></a> <ul class="third-lvl list-unstyled" data-inner-slide> <li> <a class="firsta" style="color:#fff;" href="javascript:;"> <svg class="ci-icon icon" style="width: 9px; height: 16px;"><use class="abcd" xlink:href="#cii_arrow_left"/></svg> Policies &amp; Practices (APs)<span class="inner-opener"></span> </a> </li> <li><a class="" href="/draft-policies-in-circulation">Draft Policies in Circulation </a></li> </ul> </li> <li> <a class="" href="/privacy-and-information">Privacy and Information <span class="sec-opener" data-inner-opener role="button" tabindex="0"></span></a> <ul class="third-lvl list-unstyled" data-inner-slide> <li> <a class="firsta" style="color:#fff;" href="javascript:;"> <svg class="ci-icon icon" style="width: 9px; height: 16px;"><use class="abcd" xlink:href="#cii_arrow_left"/></svg> Privacy and Information<span class="inner-opener"></span> </a> </li> <li><a class="" href="/privacy">Privacy Management </a></li> <li><a class="" href="/information-requests">Information Requests </a></li> <li><a class="" href="/safety-and-security-cameras">Safety and Security Cameras </a></li> </ul> </li> <li> <a class="" href="/transportation">Transportation <span class="sec-opener" data-inner-opener role="button" tabindex="0"></span></a> <ul class="third-lvl list-unstyled" data-inner-slide> <li> <a class="firsta" style="color:#fff;" href="javascript:;"> <svg class="ci-icon icon" style="width: 9px; height: 16px;"><use class="abcd" xlink:href="#cii_arrow_left"/></svg> Transportation<span class="inner-opener"></span> </a> </li> <li> <a class="" href="/buses">Buses <span class="third-opener " data-inner-opener></span></a> <ul class="fourth-lvl list-unstyled" data-inner-slide> <li> <a class="firsta" style="color:#fff;" href="javascript:;"> <svg class="ci-icon icon" style="width: 9px; height: 16px;"><use class="abcd" xlink:href="#cii_arrow_left"/></svg> Buses<span class="inner-opener"></span> </a> </li> <li> <a class="" href="/fernwood-elementary-school-bus-schedules">Fernwood Elementary School Bus Schedules </a> </li> <li> <a class="" href="/fulford-community-school-bus-schedules">Fulford Community School Bus Schedules </a> </li> <li> <a class="" href="/galiano-island-community-bus-schedules">Galiano Island Community Bus Schedules </a> </li> <li> <a class="" href="/gulf-islands-secondary-school-bus-schedules">Gulf Islands Secondary School Bus Schedules </a> </li> <li> <a class="" href="/mayne-island-school-bus-schedule">Mayne Island School Bus Schedule </a> </li> <li> <a class="" href="/pender-islands-bus-schedules">Pender Islands Bus Schedules </a> </li> <li> <a class="" href="/salt-spring-elementary-school-bus-schedules">Salt Spring Elementary School Bus Schedules </a> </li> <li> <a class="" href="/code-of-conduct-on-school-buses">Code of Conduct on School Buses </a> </li> </ul> </li> <li><a class="" href="/water-taxis">Water Taxis </a></li> <li><a class="" href="/inclement-weather">Inclement Weather </a></li> <li><a class="" href="/frequently-asked-questions-1">Frequently Asked Questions </a></li> </ul> </li> </ul> </div> </li> <li> <a class=" " href="javascript:;">Schools <span class="inner-opener " data-opener role="button" tabindex="0" aria-label="inner opener"></span></a>
1804 <div data-slide class="dropmenu" style="z-index:10;"> <ul class="sec-lvl list-unstyled"> <li> <a class="" href="/all-sd64-schools">All SD64 Schools </a> </li> <li> <a class="" href="/programs">Programs <span class="sec-opener" data-inner-opener role="button" tabindex="0"></span></a> <ul class="third-lvl list-unstyled" data-inner-slide> <li> <a class="firsta" style="color:#fff;" href="javascript:;"> <svg class="ci-icon icon" style="width: 9px; height: 16px;"><use class="abcd" xlink:href="#cii_arrow_left"/></svg> Programs<span class="inner-opener"></span> </a> </li> <li> <a class="" href="/careers-and-trades">Careers and Trades <span class="third-opener " data-inner-opener></span></a> <ul class="fourth-lvl list-unstyled" data-inner-slide> <li> <a class="firsta" style="color:#fff;" href="javascript:;"> <svg class="ci-icon icon" style="width: 9px; height: 16px;"><use class="abcd" xlink:href="#cii_arrow_left"/></svg> Careers and Trades<span class="inner-opener"></span> </a> </li> <li> <a class="" href="/work-experience">Work Experience </a> </li> <li> <a class="" href="/task">TASK </a> </li> <li> <a class="" href="/work-in-trades">Work in Trades </a> </li> <li> <a class="" href="/train-in-trades-trn">Train in Trades (TRN) </a> </li> <li> <a class="" href="/dual-credit-academic">Dual Credit Academic </a> </li> <li> <a class="" href="/resources-partners">Resources / Partners </a> </li> </ul> </li> <li> <a class="" href="/early-learning">Early Learning <span class="third-opener " data-inner-opener></span></a> <ul class="fourth-lvl list-unstyled" data-inner-slide> <li> <a class="firsta" style="color:#fff;" href="javascript:;"> <svg class="ci-icon icon" style="width: 9px; height: 16px;"><use class="abcd" xlink:href="#cii_arrow_left"/></svg> Early Learning<span class="inner-opener"></span> </a> </li> <li> <a class="" href="/kindergarten-registration">Kindergarten Registration </a> </li> <li> <a class="" href="/early-learning-newsletter">Early Learning Newsletter </a> </li> </ul> </li> <li><a class="" href="/feeding-futures">Feeding Futures </a></li> <li><a class="" href="/french-immersion">French Immersion </a></li> <li> <a class="" href="/gulf-islands-school-of-performing-arts-gispa">Gulf Islands School of Performing Arts (GISPA) <span class="third-opener " data-inner-opener></span></a> <ul class="fourth-lvl list-unstyled" data-inner-slide> <li> <a class="firsta" style="color:#fff;" href="javascript:;"> <svg class="ci-icon icon" style="width: 9px; height: 16px;"><use class="abcd" xlink:href="#cii_arrow_left"/></svg> Gulf Islands School of Performing Arts (GISPA)<span class="inner-opener"></span> </a> </li> <li> <a class="" href="/dance">Dance </a> </li> <li> <a class="" href="/music">Music </a> </li> <li> <a class="" href="/theatre">Theatre </a> </li> <li> <a class="" href="/frequently-asked-questions">Frequently Asked Questions </a> </li> <li> <a class="" href="/gallery">Gallery </a> </li> </ul> </li> <li><a class="" href="https://www.sd64.bc.ca/seecsaturna/page/2004/seec" target=&quot;_blank&quot;>Saturna Ecological Education Center (SEEC) </a></li> </ul> </li> <li> <a class="" href="/scholarships">Scholarships </a> </li> <li> <a class="" href="/inclusive-education">Inclusive Education </a> </li> <li> <a class="" href="/indigenous-education">Indigenous Education </a> </li> </ul> </div> </li> <li> <a class=" " href="javascript:;">Board <span class="inner-opener " data-opener role="button" tabindex="0" aria-label="inner opener"></span></a> <div data-slide class="dropmenu" style="z-index:10;"> <ul class="sec-lvl list-unstyled"> <li> <a class="" href="/board-of-education">Board of Education </a> </li> <li> <a class="" href="/finance">Finance </a> </li> <li> <a class="" href="/school-board-meetings">School Board Meetings <span class="sec-opener" data-inner-opener role="button" tabindex="0"></span></a> <ul class="third-lvl list-unstyled" data-inner-slide> <li> <a class="firsta" style="color:#fff;" href="javascript:;"> <svg class="ci-icon icon" style="width: 9px; height: 16px;"><use class="abcd" xlink:href="#cii_arrow_left"/></svg> School Board Meetings<span class="inner-opener"></span> </a> </li> <li><a class="" href="/school-board-meetings-archive">School Board Meetings Archive </a></li> <li><a class="" href="/standing-committee-meetings-archive">Standing Committee Meetings Archive </a></li> </ul> </li> <li> <a class="" href="/standing-committees">Standing Committees <span class="sec-opener" data-inner-opener role="button" tabindex="0"></span></a> <ul class="third-lvl list-unstyled" data-inner-slide> <li> <a class="firsta" style="color:#fff;" href="javascript:;">
1804 <svg class="ci-icon icon" style="width: 9px; height: 16px;"><use class="abcd" xlink:href="#cii_arrow_left"/></svg> Standing Committees<span class="inner-opener"></span> </a> </li> <li><a class="" href="/committee-of-the-whole">Committee of the Whole </a></li> <li><a class="" href="/education-committee">Education Committee </a></li> <li><a class="" href="/finance-audit-and-facilities-committee">Finance, Audit, and Facilities Committee </a></li> <li><a class="" href="/policy-committee">Policy Committee </a></li> </ul> </li> <li> <a class="" href="/strategic-planning-and-direction">Strategic Planning and Direction <span class="sec-opener" data-inner-opener role="button" tabindex="0"></span></a> <ul class="third-lvl list-unstyled" data-inner-slide> <li> <a class="firsta" style="color:#fff;" href="javascript:;"> <svg class="ci-icon icon" style="width: 9px; height: 16px;"><use class="abcd" xlink:href="#cii_arrow_left"/></svg> Strategic Planning and Direction<span class="inner-opener"></span> </a> </li> <li><a class="" href="/strategic-direction-2024-2028">Strategic Direction 2024-2028 </a></li> </ul> </li> <li> <a class="" href="https://www2.gov.bc.ca/gov/content/education-training/k-12/administration/legislation-policy/manual-of-school-law" target=&quot;_blank&quot; target=&quot;_blank&quot;>Provincial School Act </a> </li> <li> <a class="" href="/school-trustee-elections-2026">School Trustee Elections 2026 </a> </li> </ul> </div> </li> <li> <a class=" " href="javascript:;">Staff <span class="inner-opener " data-opener role="button" tabindex="0" aria-label="inner opener"></span></a> <div data-slide class="dropmenu" style="z-index:10;"> <ul class="sec-lvl list-unstyled"> <li> <a class="" href="/central-dispatch">Central Dispatch </a> </li> <li> <a class="" href="/collective-and-related-agreements">Collective and Related Agreements </a> </li> <li> <a class="" href="/employee-forms">Employee Forms </a> </li> <li> <a class="" href="/group-benefits">Group Benefits </a> </li> <li> <a class="" href="/professional-learning">Professional Learning </a> </li> <li> <a class="" href="/resource-links">Resource Links </a> </li> <li> <a class="" href="/information-technology">Information Technology <span class="sec-opener" data-inner-opener role="button" tabindex="0"></span></a> <ul class="third-lvl list-unstyled" data-inner-slide> <li> <a class="firsta" style="color:#fff;" href="javascript:;"> <svg class="ci-icon icon" style="width: 9px; height: 16px;"><use class="abcd" xlink:href="#cii_arrow_left"/></svg> Information Technology<span class="inner-opener"></span> </a> </li> <li><a class="" href="/information-technology-downloads">Information Technology Downloads </a></li> <li><a class="" href="/printer-support">Printer Support </a></li> <li><a class="" href="/multifactor-authentication-for-staff-faq">Multifactor Authentication for Staff - FAQ </a></li> <li><a class="" href="/district-approved-applications">District Approved Applications </a></li> </ul> </li> </ul> </div> </li> <li> <a class=" " href="javascript:;">Careers <span class="inner-opener " data-opener role="button" tabindex="0" aria-label="inner opener"></span></a> <div data-slide class="dropmenu" style="z-index:10;"> <ul class="sec-lvl list-unstyled"> <li> <a class="" href="/job-postings">Job Postings <span class="sec-opener" data-inner-opener role="button" tabindex="0"></span></a> <ul class="third-lvl list-unstyled" data-inner-slide> <li> <a class="firsta" style="color:#fff;" href="javascript:;"> <svg class="ci-icon icon" style="width: 9px; height: 16px;"><use class="abcd" xlink:href="#cii_arrow_left"/></svg> Job Postings<span class="inner-opener"></span> </a> </li> <li><a class="" href="/cupe-support-staff-positions">CUPE - Support Staff Positions </a></li> <li><a class="" href="/gita-teaching-positions">GITA - Teaching Positions </a></li> <li><a class="" href="/page/2815/excluded-and-administrative-opportunities">Excluded and Administrative Opportunities </a></li> </ul> </li> <li> <a class="" href="/hiring-process">Hiring Process </a> </li> <li> <a class="" href="/cupe-job-descriptions">CUPE Job Descriptions </a> </li> <li> <a class="" href="/joint-job-evaluation-committee">Joint Job Evaluation Committee </a> </li> </ul> </div> </li> <li> <a class=" " href="javascript:;">Parent <span class="inner-opener " data-opener role="button" tabindex="0" aria-label="inner opener"></span></a>
1804 <div data-slide class="dropmenu" style="z-index:10;"> <ul class="sec-lvl list-unstyled"> <li> <a class="" href="/addressing-concerns">Addressing Concerns </a> </li> <li> <a class="" href="https://www.sd64.bc.ca/page/5008/anti-racism-action-plan">Anti-Racism Action Plan </a> </li> <li> <a class="" href="/district-parents-advisory-council">District Parents Advisory Council </a> </li> <li> <a class="" href="/family-portal">Family Portal </a> </li> <li> <a class="" href="/parent-information-and-resources">Parent Information and Resources <span class="sec-opener" data-inner-opener role="button" tabindex="0"></span></a> <ul class="third-lvl list-unstyled" data-inner-slide> <li> <a class="firsta" style="color:#fff;" href="javascript:;"> <svg class="ci-icon icon" style="width: 9px; height: 16px;"><use class="abcd" xlink:href="#cii_arrow_left"/></svg> Parent Information and Resources<span class="inner-opener"></span> </a> </li> <li><a class="" href="/school-fees">School Fees </a></li> </ul> </li> <li> <a class="" href="/student-registration">Student Registration </a> </li> <li> <a class="" href="/volunteering">Volunteering </a> </li> <li> <a class="" href="/parent-guardian-caregiver-code-of-conduct">Parent/Guardian/Caregiver Code of Conduct </a> </li> </ul> </div> </li> <li> <a class=" " href="/contact-us">Contact Us <span class="inner-opener " data-opener role="button" tabindex="0" aria-label="inner opener"></span></a> <div data-slide class="dropmenu" style="z-index:10;"> <ul class="sec-lvl list-unstyled two-col"> <li> <a class="" href="/district-contacts">District Contacts </a> </li> <li> <a class="" href="/facility-booking">Facility Booking </a> </li> </ul> </div> </li> </ul> <div class="low-nav"> <div class="ci-toggle-holder"> <div class="ci-hold"> <ul class="ci-typography list-unstyled d-flex align-items-baseline" data-resize-font> <li> <a href="javascript:setTxtSize(1)" class="small" aria-label="small">A</a> </li> <li> <a href="javascript:setTxtSize(2)" class="mid" aria-label="mid">A</a> </li> <li> <a href="javascript:setTxtSize(3)" class="large" aria-label="large">A</a> </li> </ul> </div> <div class="ci-hold"> <div class="contrast-hold"> <a href="javascript:switchHighContrastMode();"> HIGH Contrast <svg class="ci-icon icon" style="width: 16px; height: 16px;" viewBox="0 0 32 32"> <use class="abcd" xlink:href="#cii_hc"/> </svg> </a> </div> </div> <div class="ci-hold"> <div class="language-hold js-dropdown"> <a href="javascript:" class="dropdown-opener js-dropdown-opener"> Translate <svg class="ci-icon icon" style="width: 10px; height: 6px;"> <use class="abcd" xlink:href="#cii_dropdown"/> </svg> </a> <div class="language-dropdown"> <div class="drop-hold jcf-scrollable"> <ul class="language-list list-unstyled " style="list-style: none;overflow-x:hidden; "> <li class="dropdown-item"><a href="javascript:" data-val="af">Afrikaans</a></li> <li class="dropdown-item"><a href="javascript:" data-val="sq">Albania</a></li> <li class="dropdown-item"><a href="javascript:" data-val="am">Amharic</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ar">Arabic</a></li> <li class="dropdown-item"><a href="javascript:" data-val="hy">Armenian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="az">Azerbaijani</a></li> <li class="dropdown-item"><a href="javascript:" data-val="eu">Basque</a></li> <li class="dropdown-item"><a href="javascript:" data-val="be">Belarusian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="bn">Bengali</a></li> <li class="dropdown-item"><a href="javascript:" data-val="bs">Bosnian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="bg">Bulgarian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ca">Catalan</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ceb">Cebuano</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ny">Chichewa</a></li> <li class="dropdown-item"><a href="javascript:" data-val="zh-CN">Chinese (Simplifield)</a></li> <li class="dropdown-item"><a href="javascript:" data-val="zh-TW">Chinese (Traditional)</a></li> <li class="dropdown-item"><a href="javascript:" data-val="co">Corsican</a></li> <li class="dropdown-item"><a href="javascript:" data-val="hr">Croatian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="cs">Czech</a></li> <li class="dropdown-item"><a href="javascript:" data-val="da">Danish</a></li> <li class="dropdown-item"><a href="javascript:" data-val="nl">Dutch</a></li> <li class="dropdown-item"><a href="javascript:" data-val="en">English</a></li> <li class="dropdown-item"><a href="javascript:" data-val="eo">Esperanto</a></li> <li class="dropdown-item"><a href="javascript:" data-val="et">Estonian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="tl">Filipino</a></li> <li class="dropdown-item"><a href="javascript:" data-val="fi">Finnish</a></li> <li class="dropdown-item"><a href="javascript:" data-val="fr">French</a></li> <li class="dropdown-item"><a href="javascript:" data-val="fy">Frisian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="gl">Galician</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ka">Georgian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="de">German</a></li> <li class="dropdown-item"><a href="javascript:" data-val="el">Greek</a></li> <li class="dropdown-item"><a href="javascript:" data-val="gu">Gujarati</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ht">Haitian Creola</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ha">Hausa</a></li> <li class="dropdown-item"><a href="javascript:" data-val="haw">Hawaiian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="iw">Hebrew</a></li> <li class="dropdown-item"><a href="javascript:" data-val="hi">Hindi</a></li> <li class="dropdown-item"><a href="javascript:" data-val="hmn">Hmong</a></li> <li class="dropdown-item"><a href="javascript:" data-val="hu">Hungarian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="is">Icelandic</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ig">Igbo</a></li> <li class="dropdown-item"><a href="javascript:" data-val="id">Indonesian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ga">Irish</a></li> <li class="dropdown-item"><a href="javascript:" data-val="it">Italian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ja">Japanese</a></li> <li class="dropdown-item"><a href="javascript:" data-val="jw">Javanese</a></li> <li class="dropdown-item"><a href="javascript:" data-val="kn">Kannada</a></li> <li class="dropdown-item"><a href="javascript:" data-val="kk">Kazakh</a></li> <li class="dropdown-item"><a href="javascript:" data-val="km">Khmer</a></li> <li class="dropdown-item"><a href="javascript:" data-val="rw">Kinyarwanda</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ko">Korean</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ku">Kurdish (Kurmanji)</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ky">Kyrgyz</a></li> <li class="dropdown-item"><a href="javascript:" data-val="lo">Lao</a></li> <li class="dropdown-item"><a href="javascript:" data-val="la">Latin</a></li> <li class="dropdown-item"><a href="javascript:" data-val="lv">Latvian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="lt">Lithuanian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="lb">Luxembourgish</a></li> <li class="dropdown-item"><a href="javascript:" data-val="mk">Macedonian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="mg">Malagasy</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ms">Malay</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ml">Malayalam</a></li> <li class="dropdown-item"><a href="javascript:" data-val="mt">Maltese</a></li> <li class="dropdown-item"><a href="javascript:" data-val="mi">Maori</a></li> <li class="dropdown-item"><a href="javascript:" data-val="mr">Marathi</a></li> <li class="dropdown-item"><a href="javascript:" data-val="mn">Mongolian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="my">Myanmar (Burmese)</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ne">Nepali</a></li> <li class="dropdown-item"><a href="javascript:" data-val="no">Norwegian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="or">Odia (Oriya)</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ps">Pashto</a></li> <li class="dropdown-item"><a href="javascript:" data-val="fa">Persian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="pl">
1804Polish</a></li> <li class="dropdown-item"><a href="javascript:" data-val="pt">Portuguese</a></li> <li class="dropdown-item"><a href="javascript:" data-val="pa">Punjabi</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ro">Romanian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ru">Russian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="sm">Samoan</a></li> <li class="dropdown-item"><a href="javascript:" data-val="gd">Scots Gaelic</a></li> <li class="dropdown-item"><a href="javascript:" data-val="sr">Serbian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="st">Sesotho</a></li> <li class="dropdown-item"><a href="javascript:" data-val="sn">Shona</a></li> <li class="dropdown-item"><a href="javascript:" data-val="sd">Sindhi</a></li> <li class="dropdown-item"><a href="javascript:" data-val="si">Sinhala</a></li> <li class="dropdown-item"><a href="javascript:" data-val="sk">Slovak</a></li> <li class="dropdown-item"><a href="javascript:" data-val="sl">Slovenian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="so">Somali</a></li> <li class="dropdown-item"><a href="javascript:" data-val="es">Spanish</a></li> <li class="dropdown-item"><a href="javascript:" data-val="su">Sundanese</a></li> <li class="dropdown-item"><a href="javascript:" data-val="sw">
1804Swahili</a></li> <li class="dropdown-item"><a href="javascript:" data-val="sv">Swedish</a></li> <li class="dropdown-item"><a href="javascript:" data-val="tg">Tajik</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ta">Tamil</a></li> <li class="dropdown-item"><a href="javascript:" data-val="tt">Tatar</a></li> <li class="dropdown-item"><a href="javascript:" data-val="te">Telugu</a></li> <li class="dropdown-item"><a href="javascript:" data-val="th">Thai</a></li> <li class="dropdown-item"><a href="javascript:" data-val="tr">Turkish</a></li> <li class="dropdown-item"><a href="javascript:" data-val="tk">Turkmen</a></li> <li class="dropdown-item"><a href="javascript:" data-val="uk">Ukrainian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ur">Urdu</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ug">Uyghur</a></li> <li class="dropdown-item"><a href="javascript:" data-val="uz">Uzbek</a></li> <li class="dropdown-item"><a href="javascript:" data-val="vi">Vietnamese</a></li> <li class="dropdown-item"><a href="javascript:" data-val="cy">Welsh</a></li> <li class="dropdown-item"><a href="javascript:" data-val="xh">Xhosa</a></li> <li class="dropdown-item"><a href="javascript:" data-val="yi">Yiddish</a></li> <li class="dropdown-item"><a href="javascript:" data-val="yo">Yoruba</a></li> <li class="dropdown-item"><a href="javascript:" data-val="zu">Zulu</a></li> </ul> </div> </div> </div> </div> <div class="ci-hold"> <div class="ci-quick-links-drop ci-login-drop dropdown"> <a class="nav-link dropdown-toggle" href="#" id="dropdown02" role="button" data-toggle="dropdown" data-display="static" aria-haspopup="true" aria-expanded="false"> LOGINS <svg class="ci-icon icon" style="width: 10px; height: 6px;"><use class="abcd" xlink:href="#cii_dropdown"/></svg> </a> <div class="dropdown-menu" aria-labelledby="dropdown02"> <a href='https://login.microsoftonline.com/' target='_blank' class='dropdown-item t_pb-f'>M365</a> <div class="dropdown-divider"></div> <a href='https://sd64-makeafuture.simplication.com/WLSBLogin.aspx ' target='_blank' class='dropdown-item t_pb-f'>EasyConnnect</a> <div class="dropdown-divider"></div> <a href='https://myeducation.gov.bc.ca/' target='_blank' class='dropdown-item t_pb-f'>MyEducationBC</a> <div class="dropdown-divider"></div> <a href='https://sd64.sharepoint.com/sites/SD64LearningTools' target='_blank' class='dropdown-item t_pb-f'>SD64 Learning Tools</a> <div class="dropdown-divider"></div> <a href='https://ticketing.sd64.bc.ca/' target='_blank' class='dropdown-item t_pb-f'>SD64 Ticketing</a> <div class="dropdown-divider"></div> <a href='https://sitegovern.sd64.bc.ca' target='_blank' class='dropdown-item t_pb-f'>Website Administration</a> <div class="dropdown-divider"></div> </div> </div> </div> </div> <ul class="social-links list-unstyled"> <li> <a href="https://www.facebook.com/schooldistrict64" target="_blank"> <img src="https://sb45storage.blob.core.windows.net/pub/themes/Sd64/images/facebook-color.svg" style="width: 20px ; height: 20px ;" alt="facebook"> </a> </li> <li> <a href="https://www.linkedin.com/company/gulf-islands-school-district-64" target="_blank"> <img src="https://sb45storage.blob.core.windows.net/pub/themes/Sd64/images/linkedin-color.svg" style="width: 20px ; height: 20px ;" alt="linkedin"> </a> </li> </ul> </div> </div> </div> </nav> </div> </div> </header> <!--##MainStart--> <main id="main"> <nav class="breadcrumb-holder" aria-label="breadcrumb"> <div class="container"> <ol class="breadcrumb" id="ciNavBread"> <li class="breadcrumb-item"><a href="#">&nbsp;</a></li> </ol> </div> </nav> <div class="ci-article-section"> <div class="container"> <div class="row ctn-withleftnav" style="margin-left:0;margin-right:0;"> <div class="sidebar-col col-xl-3 pr-xl-30 d-none d-print-none d-xl-block position-relative"> <div class="sidebar-holder leftnav_list_wp"> <ul class="sidebar-nav list-unstyled" id="ciLeftNav"></ul> </div> </div> <div class="content-col col-xl-9 pl-xl-25"> <div class="article-holder" id="cireadermain"> <div> <!--##PageInfoStart-->
1804<script>_ci.itmId=372;_ci.isHome=0;_ci.verId=0;_ci.title='';_ci.cats='';</script>
1804<!--##PageInfoEnd--> <article class="sb-item content-item"> <style>
1805    .head-hold .tag {
1806        font-size: 14px;
1807        color: #767676;
1808        font-weight: 400;
1809        font-family: Open Sans;
1810        text-transform: uppercase;
1811        padding-right: 10px;
1812    }
1813
1814    .head-hold time {
1815        font-size: 16px;
1816        color: #000;
1817        font-weight: 400;
1818        font-family: Open Sans;
1819    }
1820
1821    #wrapper #header {
1822        border-bottom: unset;
1823    }
1824    .fr-view ul, .fr-view ol {
1825        margin-bottom: 3.2rem;
1826    }
1827</style> <style>
1828
1829.fr-view hr{    
1830    page-break-after: avoid;
1831}
1832
1833        #main .ci-article-section .fr-view h1 {
1834            margin-top: 24px;
1835            margin-bottom: 24px;
1836        }
1837
1838        #main .ci-article-section .fr-view h2 {
1839            margin-top: 22.4px;
1840            margin-bottom: 22.4px;
1841        }
1842
1843        #main .ci-article-section .fr-view h3 {
1844            margin-top: 21px;
1845            margin-bottom: 21px;
1846        }
1847
1848        #main .ci-article-section .fr-view h4 {
1849            margin-top: 19px;
1850            margin-bottom: 19px;
1851        }
1852
1853</style> <style>
1854        #main .article-holder .head-hold > h1 {
1855            padding-top: 20px;
1856        }
1857    </style> <style>
1858        .head-hold .tag {
1859            display: none;
1860        }
1861    </style> <div> <div class="top-area"> <div class="head-hold" style="page-break-after:avoid; "> <div class="print-only"> <img style="max-width:200px !important" class="print-only" src="https://sb45storage.blob.core.windows.net/pub/themes/Sd64/images/HeaderLogo.png" width="280" height="98.22" alt="sd64"> </div> <span class="tag"></span> <h1 class="t_sb-f">About</h1> </div> <div class="img-holder"> <picture> <source data-srcset="https://media.sd64.bc.ca/media/Default/pgg/5/Salt Spring Island to the other Gulf Islands, Mount Baker and the North Cascades.jpg"/> <img class="lazyload" data-expand="250" src="https://media.sd64.bc.ca/media/Default/pgg/5/Salt%20Spring%20Island%20to%20the%20other%20Gulf%20Islands,%20Mount%20Baker%20and%20the%20North%20Cascades.jpg" loading="lazy" alt="Salt Spring Island to the other Gulf Islands, Mount Baker and the North Cascades"> </picture> </div> <section> <div class="fr-view"> <h3 id="isPasted"><strong>The Gulf Islands School District</strong> is a geographically and culturally diverse public school district located in the British Columbia Southern Gulf Islands archipelago on the traditional territory of the Coast Salish First Peoples.&nbsp;</h3><p>The District is home to five island communities: Salt Spring, Pender, Galiano, Mayne, and Saturna islands, each identifying as unique, inclusive, and champions of the arts and the environment.</p><p>The District operates a family of nine schools serving approximately 1500 students and their families and prides itself on offering quality and innovative programs, promoting active and healthy lifestyles, and providing caring and inclusive learning environments where students, staff, and visitors feel safe and welcomed.&nbsp;</p><p>The Gulf Islands enjoy Canada&rsquo;s mildest climate with cool, wet winters and warm, dry summers. The area is home to large numbers of artists, trees, marine life, and spectacular scenery.</p><p><br></p><p><br></p> </div> </section> </div> <ul class="img-list list-unstyled anim-set d-sm-flex flex-wrap"> <li class="mb-20 mb-sm-20 mb-md-30 mb-xl-20"> <a rel="next" title="Student audience during science presentation at Fernwood Elementary School" href="https://media.sd64.bc.ca/media/Default/pgg/5/Student audience during science presentation at Fernwood Elementary School.jpg" class="d-block position-relative"> <img class="card-img-top lazyload" data-expand="250" src="https://media.sd64.bc.ca/media/Default/pgg/5/Student audience during science presentation at Fernwood Elementary School.jpg" loading="lazy" alt="image description"> </a> </li> <li class="mb-20 mb-sm-20 mb-md-30 mb-xl-20"> <a rel="next" title="Fernwood Pier on Salt Spring Island, Galiano Island in the distance" href="https://media.sd64.bc.ca/media/Default/pgg/5/Fernwood Pier on Salt Spring Island, Galiano Island in the distance.jpg" class="d-block position-relative"> <img class="card-img-top lazyload" data-expand="250" src="https://media.sd64.bc.ca/media/Default/pgg/5/Fernwood Pier on Salt Spring Island, Galiano Island in the distance.jpg" loading="lazy" alt="image description"> </a> </li> <li class="mb-20 mb-sm-20 mb-md-30 mb-xl-20"> <a rel="next" title="Primary student at Galiano Island School" href="https://media.sd64.bc.ca/media/Default/pgg/5/Primary student at Galiano Island School.jpg" class="d-block position-relative"> <img class="card-img-top lazyload" data-expand="250" src="https://media.sd64.bc.ca/media/Default/pgg/5/Primary student at Galiano Island School.jpg" loading="lazy" alt="image description"> </a> </li> <li class="mb-20 mb-sm-20 mb-md-30 mb-xl-20"> <a rel="next" title="The Gulf Islands (seen at dusk from Saturna Island)" href="https://media.sd64.bc.ca/media/Default/pgg/5/The Gulf Islands (seen at dusk from Saturna Island).jpg" class="d-block position-relative"> <img class="card-img-top lazyload" data-expand="250" src="https://media.sd64.bc.ca/media/Default/pgg/5/The Gulf Islands (seen at dusk from Saturna Island).jpg" loading="lazy" alt="image description"> </a> </li> <li class="mb-20 mb-sm-20 mb-md-30 mb-xl-20"> <a rel="next" title="Gulf Islands School of Performing Arts dancer at ArtSpring Theatre" href="https://media.sd64.bc.ca/media/Default/pgg/5/Gulf Islands School of Performing Arts dancer at ArtSpring Theatre.jpg" class="d-block position-relative"> <img class="card-img-top lazyload" data-expand="250" src="https://media.sd64.bc.ca/media/Default/pgg/5/Gulf Islands School of Performing Arts dancer at ArtSpring Theatre.jpg" loading="lazy" alt="image description"> </a> </li> <li class="mb-20 mb-sm-20 mb-md-30 mb-xl-20"> <a rel="next" title="A courtyard at the beautiful Gulf Islands Secondary School campus" href="https://media.sd64.bc.ca/media/Default/pgg/5/A courtyard at the beautiful Gulf Islands Secondary School campus.jpg" class="d-block position-relative"> <img class="card-img-top lazyload" data-expand="250" src="https://media.sd64.bc.ca/media/Default/pgg/5/A courtyard at the beautiful Gulf Islands Secondary School campus.jpg" loading="lazy" alt="image description"> </a> </li> <li class="mb-20 mb-sm-20 mb-md-30 mb-xl-20"> <a rel="next" title="Young scientist records observations outdoors in the Gulf Islands" href="https://media.sd64.bc.ca/media/Default/pgg/5/Young scientist records observations outdoors in the Gulf Islands.jpg" class="d-block position-relative"> <img class="card-img-top lazyload" data-expand="250" src="https://media.sd64.bc.ca/media/Default/pgg/5/Young scientist records observations outdoors in the Gulf Islands.jpg" loading="lazy" alt="image description"> </a> </li> </ul> </div> </article> </div> <div> </div> </div> </div> </div> </div> </div> </main> <!--##MainEnd--> <style>
1862    .footer .bg-stretch {
1863        background-image: url(https://media.sd64.bc.ca/sb365media/Footer_Images/district-footer.jpg);
1864    }
1865    .footer .footer-head>a{
1866        display:flex;
1867        align-items:center;
1868    }
1869    .footer .footer-head .footer-text {
1870        padding-left: 20px;
1871    }
1872    </style> <style>
1873    #wrapper .footer .footer-head {
1874        width: 330px;
1875        max-width: 330px;
1876        margin-bottom: 15px;
1877    }
1878    .footer .ci-footer-bottom .ci-footer-link {
1879        list-style: initial;
1880        padding-left: 15px;
1881    }
1882    .footer .ci-footer-bottom {
1883        padding:30px 0px;
1884    }
1885        .footer .erase_logo {
1886            padding-bottom: 30px;
1887            display: flex;
1888            position: relative;
1889            margin-top: -10px;
1890        }
1891        .footer .erase_logo .erase_txt {
1892            display: flex;
1893            justify-content: center;
1894            align-items: center;
1895            width: 100%;
1896        }
1897    .footer .erase_logo .erase_txt:before {
1898        content: '';
1899        height: 35px;
1900        background: #fff;
1901        width: 4px;
1902        margin-left: 20px;
1903    }
1904    .footer .erase_logo .erase_txt img {
1905        margin-left: 20px;
1906    }
1907    .footer .erase_logo .erase_txt span {
1908        font-size: 2.3rem;
1909        padding-left: 10px;
1910        display: block;
1911        width: 100%;
1912    }
1913    @media (min-width: 640px){
1914        #wrapper .footer .store-logo .google-play {
1915            width: 150px;
1916        }
1917    }
1918    </style> <style>
1919    .footer .ci-footer-bottom div.col-xl-9 {
1920        padding-left: 0px;
1921    }
1922
1923    .footer .ci-footer-bottom div.col-xl-3 {
1924        padding-right: 0px;
1925    }
1926    @media(min-width:1024px){
1927        #wrapper .footer .footer-head img {
1928            width: 330px;
1929        }
1930    }
1931    @media(min-width:640px) and (max-width:1023px) {
1932        #wrapper .footer .footer-head img {
1933            width: 302px;
1934        }
1935    }
1936    @media(max-width:639px) {
1937        #wrapper .footer .footer-head img {
1938            width: 204px;
1939        }
1940    }
1941    @media(min-width:1024px) and (max-width:1365px) {
1942        #wrapper .footer .contact-col {
1943            width: 50%;
1944        }
1945        #wrapper .footer .mid-row {
1946            width: 50%;
1947        }
1948        #wrapper .footer .mid-col {
1949            width: 100%;
1950        }
1951        #wrapper .footer .ci-footer-bottom div.col-xl-3 {
1952            padding-left: 0px;
1953            padding-top: 20px;
1954        }
1955        .footer .ci-schoolbundle-logo {
1956            margin-left:0px;
1957        }
1958    }
1959
1960    @media(max-width:1023px) {
1961        #wrapper .footer .contact-col {
1962            width: 100%;
1963        }
1964        .footer .erase_logo a{
1965            width:100%;
1966        }
1967
1968        #wrapper .footer .mid-row {
1969            width: 80%;
1970        }
1971
1972        #wrapper .footer .mid-col {
1973            width: 100%;
1974        }
1975        #wrapper .footer .ci-footer-bottom div.col-xl-3 {
1976            padding-left: 0px;
1977            padding-top: 20px;
1978        }
1979
1980        .footer .ci-schoolbundle-logo {
1981            margin-left: 0px;
1982        }
1983        #wrapper .footer .erase_logo .erase_txt:before{
1984            content:unset;
1985        }
1986        #wrapper .footer .erase_logo {
1987            flex-wrap:wrap;
1988        }
1989        #wrapper .footer .erase_logo .erase_txt img {
1990            margin-left:0px;
1991        }
1992    }
1993
1994    @media(max-width:639px) {
1995        #wrapper .footer .store-logo img{
1996            width:115px;
1997        }
1998        #wrapper .footer .store-logo .google-play {
1999            width: 150px;
2000        }
2001        #wrapper .footer .store-logo {
2002            flex-wrap:nowrap;
2003        }
2004        #wrapper .footer .store-logo {
2005            margin-bottom: 42px;
2006        }
2007    }
2008    @media(max-width:479px) {
2009        #wrapper .footer .app-logo .text{
2010            font-size:1.6rem;
2011        }
2012    }
2013
2014    @media(min-width:1024px){
2015        .footer .photo_credits1 {
2016            width: 49%;
2017            justify-content: flex-end;
2018            align-items: flex-end;
2019            font-size: 1.8rem;
2020        }
2021    }
2022    @media(max-width:1023px) {
2023        .footer .photo_credits2 {
2024            font-size: 1.8rem;
2025            padding-bottom: 20px;
2026        }
2027    }
2028    @media(min-width:1600px) {
2029        #wrapper .footer .contact-col{
2030            width:35%;
2031        }
2032        #wrapper .footer .mid-row {
2033            width: 65%;
2034        }
2035        #wrapper .footer .erase_logo .erase_txt {
2036            width: 35%;
2037        }
2038    }
2039
2040    @media(min-width:1366px) and (max-width:1599px) {
2041        #wrapper .footer .contact-col {
2042            width: 40%;
2043        }
2044
2045        #wrapper .footer .mid-row {
2046            width: 60%;
2047        }
2048
2049        #wrapper .footer .erase_logo .erase_txt {
2050            width: 60%;
2051        }
2052        #wrapper .footer .app-logo .text {
2053            font-size: 18px;
2054        }
2055        body #wrapper .footer address, body #wrapper .footer .mid-row .text-holder p {
2056            font-size: 1.6rem;
2057        }
2058    }
2059</style> <footer class="footer"> <div class="bg-stretch" id="bg-stretch166720401674732"> </div> <div class="container"> <div class="footer-head"> <a href="/"> <div class="footer-img"> <img src="https://sb45storage.blob.core.windows.net/pub/themes/Sd64/images/FooterLogo.png" width="2778" height="974" alt="GULF ISLANDS SCHOOL DISTRICT 64"> </div> </a> </div> <div class="footer-main"> <div class="row"> <div class="contact-col"> <span class="title">CONTACT US</span> <div class="holder"> <address>112 Rainbow Road, Salt Spring Island, BC V8K 2K3</address> <a href=https://www.google.com/maps/place/School+District+64+(Gulf+Islands)/@48.8545469,-123.5033537,17z/data=!3m1!4b1!4m6!3m5!1s0x548f574ebbd2eeb1:0x3153f7a1c65dc2cd!8m2!3d48.8545469!4d-123.5007788!16zL20vMGRmZjZk?authuser=0 class="link" target="_blank">View Map</a> </div> <div class="holder holder--details"> <div class="block"> <span class="wrap">Phone:</span> <span class="detail"><a href="tel:250.537.5548">250.537.5548</a></span> </div> <div class="block"> <span class="wrap">Fax:</span> <span class="detail"><a href="fax:250.537.4200">250.537.4200</a></span> </div> </div> </div> <div class="mid-row"> <div class="mid-col"> <div class="app-logo"> <a href="/"> <span class="logo-box"> <img src="https://sb45storage.blob.core.windows.net/pub/themes/Sd64/images/logo.png" width="192" height="192" alt="School District 64"> </span> <span class="text">SD64 MOBILE APP</span> </a> </div> <div class="text-holder"> <p> Download the SD64 App. From events to bus delays, all the information your family needs in one place. With up-to-date notifications and information directly from your school, you’ll stay connected no matter where you are. </p> </div> <ul class="store-logo list-unstyled"> <li><a href="https://apps.apple.com/tr/app/gulf-islands-school-district/id6449671859" target=&#39;_blank&#39;><img src="https://media.sd64.bc.ca/media/images/app-store-badge.svg" width="499" height="167" class="app-store" alt="App Store"></a></li> <li><a href="https://play.google.com/store/apps/details?id=ca.schoolbundle.sd64" target=&#39;_blank&#39;><img src="https://media.sd64.bc.ca/media/images/google-play-badge.svg" width="499" height="167" class="google-play" alt="Google Play"></a></li> </ul> </div> </div> </div> </div> <div class="erase_logo"> <a href="https://www2.gov.bc.ca/gov/content/erase" target="_blank"> <img src="https://sb45storage.blob.core.windows.net/pub/themes/Sd64/images/erase_logo.png" width="350" height="61" alt="erase logo"> </a> <div class="erase_txt"> <a href="https://media.sd64.bc.ca/media/Default/medialib/2-30-anti-racism.0d5c154413.pdf" target="_blank" style="width:100%;display:flex;color:#fff;"> <img src="https://sb45storage.blob.core.windows.net/pub/themes/Sd64/images/ban.png" alt="erase logo" width="35" height="35" style="width:100%;height:auto;max-width:35px;max-height:35px;aspect-ratio: auto;"> <span>Racism will not be tolerated at SD64</span> </a> </div> </div> <div class="ci-footer-bottom"> <div class="container"> <div class="row"> <div class="col-xl-9 col-lg-12 flex-middle"> <div class="ci-copyright">&copy; Gulf Islands School District. All rights reserved.</span></div> <ul class="ci-footer-link"> <li><a href="/privacy-policy">Privacy Policy</a></li> <li><a href="/terms-of-use">Terms of Use</a></li> <li><a href="https://sitegovern.sd64.bc.ca/launcher" target=&#39;_blank>Sign In</a></li> <li><a href="/sitemap">Site Map</a></li> </ul> </div> <div class="col-xl-3 col-lg-3"> <div class="ci-schoolbundle-logo"> <a href="http://www.schoolbundle.ca/"><img src="https://sb45storage.blob.core.windows.net/pub/themes/Sd64/images/sb-logo-h.svg" width="212" height="16" alt="schoolbundle"></a> </div> </div> </div> </div> </div> </div> </footer> <a href="#" class="ci-back-to-top" aria-label="back to top"> <span class="icon-top"></span> </a> <div class="d-none"> <span id="uwGoogleTranslate" title="Google Translate™"><span id='google_translate_element'></span></span> </div> </div> 
2059<script>
2060    _ci.siteNav = [{"I":1197,"T":"District","L":0,"U":"#"},{"I":372,"T":"About","L":1,"U":"/about"},{"I":7664,"T":"Accessibility","L":1,"U":"/accessibility"},{"I":7665,"T":"Accessibility Plan","L":2,"U":"/accessibility-plan-1"},{"I":7666,"T":"Accessibility Group - Terms of Reference","L":2,"U":"/accessibility-group-terms-of-reference"},{"I":5008,"T":"Anti-Racism Action Plan","L":1,"U":"/anti-racism-action-plan"},{"I":959,"T":"Instructional Calendar","L":1,"U":"/instructional-calendar"},{"I":3128,"T":"Health and Safety","L":1,"U":"/health-and-safety-1"},{"I":7177,"T":"District Emergency Preparedness and Response","L":2,"U":"/emergency-preparedness-and-response"},{"I":6957,"T":"First Aid Program for Employees","L":2,"U":"/first-aid-program-for-employees"},{"I":1214,"T":"Incident Reporting & Forms","L":2,"U":"/reporting-forms-and-minutes"},{"I":1213,"T":"District Joint Occupational Health & Safety","L":2,"U":"/joint-health-and-safety"},{"I":602,"T":"H&S Minutes Archive","L":3,"U":"/h-s-minutes-archive"},{"I":7355,"T":"Musculoskeletal Injury (MSI) Prevention","L":2,"U":"/musculoskeletal-injury-msi-prevention"},{"I":7011,"T":"Site Based Joint Occupational Health and Safety","L":2,"U":"/site-based-joint-occupational-health-and-safety"},{"I":6954,"T":"Refusal of Unsafe Work","L":2,"U":"refusal-of-unsafe-work"},{"I":7208,"T":"Safe Work Procedures (SWP)","L":2,"U":"/safe-work-procedures-swp"},{"I":7376,"T":"Safety Bulletins","L":2,"U":"/safety-bulletins"},{"I":7316,"T":"Unexpected Health Emergencies","L":2,"U":"/unexpected-health-emergencies"},{"I":7308,"T":"Workplace Hazardous Materials","L":2,"U":"/workplace-hazardous-materials-information-system-whmis"},{"I":1216,"T":"HVAC Systems ","L":2,"U":"/hvac-systems"},{"I":6969,"T":"Policies & Practices (APs)","L":1,"U":"*https://www.sd64.bc.ca/policiesandaps","N":"1"},{"I":1233,"T":"Draft Policies in Circulation","L":2,"U":"/draft-policies-in-circulation"},{"I":4380,"T":"Privacy and Information","L":1,"U":"/privacy-and-information"},{"I":1218,"T":"Privacy Management","L":2,"U":"/privacy"},{"I":4358,"T":"Information Requests","L":2,"U":"/information-requests"},{"I":7736,"T":"Safety and Security Cameras","L":2,"U":"/safety-and-security-cameras"},{"I":3111,"T":"Transportation","L":1,"U":"/transportation"},{"I":3112,"T":"Buses","L":2,"U":"/buses"},{"I":2872,"T":"Fernwood Elementary School Bus Schedules","L":3,"U":"/fernwood-elementary-school-bus-schedules"},{"I":2881,"T":"Fulford Community School Bus Schedules","L":3,"U":"/fulford-community-school-bus-schedules"},{"I":3119,"T":"Galiano Island Community Bus Schedules","L":3,"U":"/galiano-island-community-bus-schedules"},{"I":3084,"T":"Gulf Islands Secondary School Bus Schedules","L":3,"U":"/gulf-islands-secondary-school-bus-schedules"},{"I":3176,"T":"Mayne Island School Bus Schedule","L":3,"U":"/mayne-island-school-bus-schedule"},{"I":3120,"T":"Pender Islands Bus Schedules","L":3,"U":"/pender-islands-bus-schedules"},{"I":3081,"T":"Salt Spring Elementary School Bus Schedules","L":3,"U":"/salt-spring-elementary-school-bus-schedules"},{"I":2867,"T":"Code of Conduct on School Buses","L":3,"U":"/code-of-conduct-on-school-buses"},{"I":3064,"T":"Water Taxis","L":2,"U":"/water-taxis"},{"I":2971,"T":"Inclement Weather","L":2,"U":"/inclement-weather"},{"I":3069,"T":"Frequently Asked Questions ","L":2,"U":"/frequently-asked-questions-1"},{"I":1229,"T":"Schools","L":0,"U":"#"},{"I":83,"T":"All SD64 Schools","L":1,"U":"/all-sd64-schools"},{"I":1230,"T":"Programs","L":1,"U":"/programs"},{"I":380,"T":"Careers and Trades","L":2,"U":"/careers-and-trades"},{"I":1314,"T":"Work Experience","L":3,"U":"/work-experience"},{"I":1315,"T":"TASK","L":3,"U":"/task"},{"I":1316,"T":"Work in Trades","L":3,"U":"/work-in-trades"},{"I":1317,"T":"Train in Trades (TRN)","L":3,"U":"/train-in-trades-trn"},{"I":1318,"T":"Dual Credit Academic","L":3,"U":"/dual-credit-academic"},{"I":1319,"T":"Resources / Partners","L":3,"U":"/resources-partners"},{"I":381,"T":"Early Learning","L":2,"U":"/early-learning"},{"I":1338,"T":"Kindergarten Registration","L":3,"U":"/kindergarten-registration"},{"I":3447,"T":"Early Learning Newsletter","L":3,"U":"/early-learning-newsletter"},{"I":4329,"T":"Feeding Futures","L":2,"U":"/feeding-futures"},{"I":382,"T":"French Immersion","L":2,"U":"/french-immersion"},{"I":2673,"T":"Gulf Islands School of Performing Arts (GISPA)","L":2,"U":"/gulf-islands-school-of-performing-arts-gispa"},{"I":2677,"T":"Dance","L":3,"U":"/dance"},{"I":2678,"T":"Music","L":3,"U":"/music"},{"I":2679,"T":"Theatre","L":3,"U":"/theatre"},{"I":2676,"T":"Frequently Asked Questions","L":3,"U":"/frequently-asked-questions"},{"I":2675,"T":"Gallery","L":3,"U":"/gallery"},{"I":5312,"T":"Saturna Ecological Education Center  (SEEC)","L":2,"U":"*https://www.sd64.bc.ca/seecsaturna/page/2004/seec","N":"1"}
2060,{"I":388,"T":"Scholarships","L":1,"U":"/scholarships"},{"I":5302,"T":"Inclusive Education","L":1,"U":"/inclusive-education"},{"I":384,"T":"Indigenous Education","L":1,"U":"/indigenous-education"},{"I":1231,"T":"Board","L":0,"U":"#"},{"I":395,"T":"Board of Education ","L":1,"U":"/board-of-education"},{"I":398,"T":"Finance","L":1,"U":"/finance"},{"I":396,"T":"School Board Meetings","L":1,"U":"/school-board-meetings"},{"I":641,"T":"School Board Meetings Archive","L":2,"U":"/school-board-meetings-archive"},{"I":5972,"T":"Standing Committee Meetings Archive","L":2,"U":"/standing-committee-meetings-archive"},{"I":3097,"T":"Standing Committees","L":1,"U":"/standing-committees"},{"I":4614,"T":"Committee of the Whole","L":2,"U":"/committee-of-the-whole"},{"I":4615,"T":"Education Committee","L":2,"U":"/education-committee"},{"I":4616,"T":"Finance, Audit, and Facilities Committee","L":2,"U":"/finance-audit-and-facilities-committee"},{"I":4613,"T":"Policy Committee","L":2,"U":"/policy-committee"},{"I":399,"T":"Strategic Planning and Direction","L":1,"U":"/strategic-planning-and-direction"},{"I":5123,"T":"Strategic Direction 2024-2028","L":2,"U":"/strategic-direction-2024-2028"},{"I":5060,"T":"Provincial School Act","L":1,"U":"*https://www2.gov.bc.ca/gov/content/education-training/k-12/administration/legislation-policy/manual-of-school-law","N":"1"},{"I":7786,"T":"School Trustee Elections 2026","L":1,"U":"/school-trustee-elections-2026"},{"I":1235,"T":"Staff","L":0,"U":"#"},{"I":402,"T":"Central Dispatch","L":1,"U":"/central-dispatch"},{"I":404,"T":"Collective and Related Agreements","L":1,"U":"/collective-and-related-agreements"},{"I":406,"T":"Employee Forms","L":1,"U":"/employee-forms"},{"I":408,"T":"Group Benefits","L":1,"U":"/group-benefits"},{"I":410,"T":"Professional Learning","L":1,"U":"/professional-learning"},{"I":407,"T":"Resource Links","L":1,"U":"/resource-links"},{"I":411,"T":"Information Technology","L":1,"U":"/information-technology"},{"I":3284,"T":"Information Technology Downloads","L":2,"U":"/information-technology-downloads"},{"I":3624,"T":"Printer Support","L":2,"U":"/printer-support"},{"I":4400,"T":"Multifactor Authentication for Staff - FAQ","L":2,"U":"/multifactor-authentication-for-staff-faq"},{"I":5407,"T":"District Approved Applications","L":2,"U":"/district-approved-applications"},{"I":1236,"T":"Careers","L":0,"U":"#"},{"I":2811,"T":"Job Postings","L":1,"U":"/job-postings"},{"I":2814,"T":"CUPE - Support Staff Positions ","L":2,"U":"/cupe-support-staff-positions"},{"I":2812,"T":"GITA - Teaching Positions","L":2,"U":"/gita-teaching-positions"},{"I":2815,"T":"Excluded and Administrative Opportunities","L":2,"U":"excluded-and-administrative-opportunities"},{"I":418,"T":"Hiring Process","L":1,"U":"/hiring-process"},{"I":405,"T":"CUPE Job Descriptions","L":1,"U":"/cupe-job-descriptions"},{"I":409,"T":"Joint Job Evaluation Committee","L":1,"U":"/joint-job-evaluation-committee"},{"I":1237,"T":"Parent","L":0,"U":"#"},{"I":5277,"T":"Addressing Concerns","L":1,"U":"/addressing-concerns"},{"I":5009,"T":"Anti-Racism Action Plan","L":1,"U":"*https://www.sd64.bc.ca/page/5008/anti-racism-action-plan","N":""},{"I":421,"T":"District Parents Advisory Council ","L":1,"U":"/district-parents-advisory-council"},{"I":422,"T":"Family Portal","L":1,"U":"/family-portal"},{"I":420,"T":"Parent Information and Resources","L":1,"U":"/parent-information-and-resources"},{"I":5909,"T":"School Fees","L":2,"U":"/school-fees"},{"I":389,"T":"Student Registration","L":1,"U":"/student-registration"},{"I":4488,"T":"Volunteering","L":1,"U":"/volunteering"},{"I":6610,"T":"Parent/Guardian/Caregiver Code of Conduct","L":1,"U":"/parent-guardian-caregiver-code-of-conduct"},{"I":21,"T":"Contact Us ","L":0,"U":"/contact-us"},{"I":375,"T":"District Contacts","L":1,"U":"/district-contacts"},{"I":376,"T":"Facility Booking","L":1,"U":"/facility-booking"}]; 
2061</script>
2061 <div class="modal fade" id="modalTranslate" tabindex="-1" role="dialog" aria-labelledby="modalTranslateTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <span class="modal-title" id="modalTranslateTitle"><img loading="lazy" src="https://sb45storage.blob.core.windows.net/pub/themes/Sd64/images/icon-translate.svg" width="24" height="24" alt="Google Translate"> Google Translate</span> <button type="button" class="close" data-dismiss="modal" aria-label="Close">Close</button> </div> <div class="modal-body"> <select title="language"> <option value="select">Select Language</option> <option value="af">Afrikaans</option> <option value="sq">Albania</option> <option value="ar">Arabic</option> <option value="hy">Armenian</option> <option value="az">Azerbaijani</option> <option value="eu">Basque</option> <option value="be">Belarusia</option> <option value="bn">Bengali</option> <option value="bs">Bosnian</option> <option value="bg">Bulgarian</option> <option value="ca">Catalan</option> <option value="ceb">Cebuano</option> <option value="zh-CN">Chinese (Simplifield)</option> <option value="zh-TW">Chinese (Traditional)</option> <option value="hr">Croatian</option> <option value="cs">Czech</option> <option value="da">Danish</option> <option value="nl">Dutch</option> <option value="eo">Esperanto</option> <option value="et">Estonian</option> <option value="tl">Filipino</option> <option value="fi">Finnish</option> <option value="fr">French</option> <option value="gl">Galician</option> <option value="ka">Georgia</option> <option value="de">German</option> <option value="el">Greek</option> <option value="gu">Gujarati</option> <option value="ht">Haitian Creola</option> <option value="iw">Hebrew</option> <option value="hi">Hindi</option> <option value="hmn">Hmong</option> <option value="hu">Hungarian</option> <option value="is">Icelandic</option> <option value="id">Indonesian</option> <option value="ga">Irish</option> <option value="it">Italian</option> <option value="ja">Japanese</option> <option value="jw">Javanese</option> <option value="kn">Kannada</option> <option value="km">Khmer</option> <option value="ko">Korean</option> <option value="lo">Lao</option> <option value="la">Latin</option> <option value="lv">Latvian</option> <option value="lt">Lithuanian</option> <option value="mk">Macedonian</option> <option value="ms">Malay</option> <option value="mt">Maltese</option> <option value="mr">Marathi</option> <option value="no">Norwegian</option> <option value="fa">Persian</option> <option value="pl">Polish</option> <option value="pt">Portuguese</option> <option value="ro">Romanian</option> <option value="ru">Russian</option> <option value="sr">Serbian</option> <option value="sk">Slovak</option> <option value="sl">Slovenian</option> <option value="es">Spanish</option> <option value="sw">
2061Swahili</option> <option value="sv">Swedish</option> <option value="ta">Tamil</option> <option value="te">Telugy</option> <option value="th">Thai</option> <option value="tr">Turkish</option> <option value="uk">Ukrainian</option> <option value="ur">Urdu</option> <option value="vi">Vietnamese</option> <option value="cy">Welsh</option> <option value="yi">Yiddish</option> </select> <div class="text-wrap"> <span class="body-title">Notes on Translation</span> <p>The electronic translation service is hosted by Google Translate. The quality of the translation will vary in some of the languages offered by Google. Google Translate is a free service and currently offers translation in over 50 languages, although an impressive number, this does not capture all languages or dialects. The basic translation’s goal is to capture the general intention of the original English material.</p> <p>The Cobb County School District does not guarantee the quality, accuracy or completeness of any translated information. Before you act on translated information, the District encourages you to confirm any facts that are important to you and affect any decisions you may make.</p> <p>The Cobb County School District is committed to parent, family and community engagement, and it is our hope that by providing this tool on our website that we are making our information more accessible to families whose first language is not English and thereby enabling better engagement in public education.</p> </div> </div> <div class="modal-footer"> <span class="by">Powered by</span> <div class="google-logo"> </div> </div> </div> </div> </div> <!--##FooterStart--> 
2061<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.js"></script>
2061 
2061<script src="https://sb45storage.blob.core.windows.net/pub/themes/Sd64/scripts/ph.js?32237"></script>
2061 
2061<script src="https://sb45storage.blob.core.windows.net/pub/themes/Sd64/scripts/popper.min.js?32237" defer></script>
2061 
2061<script src="https://ajax.aspnetcdn.com/ajax/bootstrap/4.5.3/bootstrap.js" crossorigin="anonymous" defer></script>
2061 
2061<script>
2062        _ci_jq_loaded.forEach(function (f){
2063            f(jQuery);
2064        });
2065        </script>
2065 <a class="sr-only sr-only-focusable" href="#wrapper" accesskey="t">Back to top</a> <style>
2066        .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
2067            padding: 0;
2068            margin: 0;
2069            border: 0;
2070            outline: none;
2071            vertical-align: top
2072        }
2073
2074        .fancybox-wrap {
2075            position: absolute;
2076            top: 0;
2077            left: 0;
2078            z-index: 8020
2079        }
2080
2081        .fancybox-skin {
2082            position: relative;
2083            background: #f9f9f9;
2084            color: #444;
2085            text-shadow: none;
2086            -webkit-border-radius: 4px;
2087            -moz-border-radius: 4px;
2088            border-radius: 4px
2089        }
2090
2091        .fancybox-opened {
2092            z-index: 8030
2093        }
2094
2095            .fancybox-opened .fancybox-skin {
2096                -webkit-box-shadow: 0 10px 25px rgba(0,0,0,.5);
2097                -moz-box-shadow: 0 10px 25px rgba(0,0,0,.5);
2098                box-shadow: 0 10px 25px rgba(0,0,0,.5)
2099            }
2100
2101        .fancybox-outer, .fancybox-inner {
2102            position: relative
2103        }
2104
2105        .fancybox-inner {
2106            overflow: hidden
2107        }
2108
2109        .fancybox-type-iframe .fancybox-inner {
2110            -webkit-overflow-scrolling: touch
2111        }
2112
2113        .fancybox-error {
2114            color: #444;
2115            font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
2116            margin: 0;
2117            padding: 15px;
2118            white-space: nowrap
2119        }
2120
2121        .fancybox-image, .fancybox-iframe {
2122            display: block;
2123            width: 100%;
2124            height: 100%
2125        }
2126
2127        .fancybox-image {
2128            max-width: 100%;
2129            max-height: 100%
2130        }
2131
2132        #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
2133            background-image: url('/modules/ci.sg.frontend/styles/fancybox/fancybox_sprite.png')
2134        }
2135
2136        #fancybox-loading {
2137            position: fixed;
2138            top: 50%;
2139            left: 50%;
2140            margin-top: -22px;
2141            margin-left: -22px;
2142            background-position: 0 -108px;
2143            opacity: .8;
2144            cursor: pointer;
2145            z-index: 8060
2146        }
2147
2148            #fancybox-loading div {
2149                width: 44px;
2150                height: 44px;
2151                background: url('/modules/ci.sg.frontend/styles/fancybox/fancybox_loading.gif') center center no-repeat
2152            }
2153
2154        .fancybox-close {
2155            position: absolute;
2156            top: -18px;
2157            right: -18px;
2158            width: 36px;
2159            height: 36px;
2160            cursor: pointer;
2161            z-index: 8040
2162        }
2163
2164        .fancybox-nav {
2165            position: absolute;
2166            top: 0;
2167            width: 40%;
2168            height: 100%;
2169            cursor: pointer;
2170            text-decoration: none;
2171            background: transparent url('/modules/ci.sg.frontend/styles/fancybox/blank.gif');
2172            -webkit-tap-highlight-color: rgba(0,0,0,0);
2173            z-index: 8040
2174        }
2175
2176        .fancybox-prev {
2177            left: 0
2178        }
2179
2180        .fancybox-next {
2181            right: 0
2182        }
2183
2184        .fancybox-nav span {
2185            position: absolute;
2186            top: 50%;
2187            width: 36px;
2188            height: 34px;
2189            margin-top: -18px;
2190            cursor: pointer;
2191            z-index: 8040;
2192            visibility: hidden
2193        }
2194
2195        .fancybox-prev span {
2196            left: 10px;
2197            background-position: 0 -36px
2198        }
2199
2200        .fancybox-next span {
2201            right: 10px;
2202            background-position: 0 -72px
2203        }
2204
2205        .fancybox-nav:hover span {
2206            visibility: visible
2207        }
2208
2209        .fancybox-tmp {
2210            position: absolute;
2211            top: -99999px;
2212            left: -99999px;
2213            visibility: hidden;
2214            max-width: 99999px;
2215            max-height: 99999px;
2216            overflow: visible !important
2217        }
2218
2219        .fancybox-lock {
2220            overflow: hidden !important;
2221            width: auto
2222        }
2223
2224            .fancybox-lock body {
2225                overflow: hidden !important
2226            }
2227
2228        .fancybox-lock-test {
2229            overflow-y: hidden !important
2230        }
2231
2232        .fancybox-overlay {
2233            position: absolute;
2234            top: 0;
2235            left: 0;
2236            overflow: hidden;
2237            display: none;
2238            z-index: 8010;
2239            background: url('/modules/ci.sg.frontend/styles/fancybox/fancybox_overlay.png')
2240        }
2241
2242        .fancybox-overlay-fixed {
2243            position: fixed;
2244            bottom: 0;
2245            right: 0
2246        }
2247
2248        .fancybox-lock .fancybox-overlay {
2249            overflow: auto;
2250            overflow-y: scroll
2251        }
2252
2253        .fancybox-title {
2254            visibility: hidden;
2255            font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
2256            position: relative;
2257            text-shadow: none;
2258            z-index: 8050
2259        }
2260
2261        .fancybox-opened .fancybox-title {
2262            visibility: visible
2263        }
2264
2265        .fancybox-title-float-wrap {
2266            position: absolute;
2267            bottom: 0;
2268            right: 50%;
2269            margin-bottom: -35px;
2270            z-index: 8050;
2271            text-align: center
2272        }
2273
2274            .fancybox-title-float-wrap .child {
2275                display: inline-block;
2276                margin-right: -100%;
2277                padding: 2px 20px;
2278                background: transparent;
2279                background: rgba(0,0,0,.8);
2280                -webkit-border-radius: 15px;
2281                -moz-border-radius: 15px;
2282                border-radius: 15px;
2283                text-shadow: 0 1px 2px #222;
2284                color: #fff;
2285                font-weight: bold;
2286                line-height: 24px;
2287                white-space: nowrap
2288            }
2289
2290        .fancybox-title-outside-wrap {
2291            position: relative;
2292            margin-top: 10px;
2293            color: #fff
2294        }
2295
2296        .fancybox-title-inside-wrap {
2297            padding-top: 10px
2298        }
2299
2300        .fancybox-title-over-wrap {
2301            position: absolute;
2302            bottom: 0;
2303            left: 0;
2304            color: #fff;
2305            padding: 10px;
2306            background: #000;
2307            background: rgba(0,0,0,.8)
2308        }
2309
2310        @media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
2311            #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
2312                background-image: url('/modules/ci.sg.frontend/styles/fancybox/[email protected]');
2313                background-size: 44px 152px
2314            }
2315
2316                #fancybox-loading div {
2317                    background-image: url('/modules/ci.sg.frontend/styles/fancybox/[email protected]');
2318                    background-size: 24px 24px
2319                }
2320        }
2321
2322        .clearfix:after {
2323            content: '';
2324            display: block;
2325            clear: both
2326        }
2327
2328        .ellipsis {
2329            white-space: nowrap;
2330            text-overflow: ellipsis;
2331            overflow: hidden
2332        }
2333
2334        .flex, .flex-top, .flex-middle, .flex-bottom, .flex-justify, .flex-center, .flex-end {
2335            display: -webkit-box;
2336            display: -ms-flexbox;
2337            display: flex;
2338            -ms-flex-wrap: wrap;
2339            flex-wrap: wrap
2340        }
2341
2342            .flex:before, .flex-top:before, .flex-middle:before, .flex-bottom:before, .flex-justify:before, .flex-center:before, .flex-end:before, .flex:after, .flex-top:after, .flex-middle:after, .flex-bottom:after, .flex-justify:after, .flex-center:after, .flex-end:after {
2343                display: none
2344            }
2345
2346        .flex-top {
2347            -webkit-box-align: start;
2348            -ms-flex-align: start;
2349            align-items: flex-start
2350        }
2351
2352        .flex-middle {
2353            -webkit-box-align: center;
2354            -ms-flex-align: center;
2355            align-items: center
2356        }
2357
2358        .flex-bottom {
2359            -webkit-box-align: end;
2360            -ms-flex-align: end;
2361            align-items: flex-end
2362        }
2363
2364        .flex-justify {
2365            -webkit-box-pack: justify;
2366            -ms-flex-pack: justify;
2367            justify-content: space-between
2368        }
2369
2370        .flex-center {
2371            -webkit-box-pack: center;
2372            -ms-flex-pack: center;
2373            justify-content: center
2374        }
2375
2376        .flex-end {
2377            -webkit-box-pack: end;
2378            -ms-flex-pack: end;
2379            justify-content: flex-end
2380        }
2381
2382        .print-only {
2383            display: none !important
2384        }
2385
2386        @media print {
2387            #wrapper {
2388                width: 100% !important;
2389                display: block !important;
2390                height: auto !important;
2391                min-height: 0 !important
2392            }
2393
2394                #wrapper .w1 {
2395                    display: block !important;
2396                    width: 100% !important
2397                }
2398
2399            * {
2400                -webkit-transition: none !important;
2401                transition: none !important;
2402                max-width: none !important;
2403                min-width: 0 !important;
2404                height: auto !important;
2405                page-break-inside: avoid;
2406                margin-top: 0 !important;
2407                overflow: hidden !important
2408            }
2409
2410                *.ci-viewport-section {
2411                    opacity: 1 !important;
2412                    visibility: visible !important;
2413                    -webkit-transform: none !important;
2414                    -ms-transform: none !important;
2415                    transform: none !important
2416                }
2417
2418                    *.ci-viewport-section > .ci-item-wrap {
2419                        opacity: 1 !important;
2420                        visibility: visible !important;
2421                        -webkit-transform: none !important;
2422                        -ms-transform: none !important;
2423                        transform: none !important
2424                    }
2425
2426            img {
2427                height: auto !important
2428            }
2429
2430            .print-only {
2431                display: block !important
2432            }
2433
2434            .container {
2435                display: block !important
2436            }
2437
2438            select {
2439                background: #fff !important
2440            }
2441
2442            .print-logo {
2443                width: 167px !important;
2444                margin-bottom: 30px !important
2445            }
2446
2447            .ci-img {
2448                border: none !important
2449            }
2450
2451            .btn, #header, #footer, footer.footer, .ci-sidebar, .breadcrumb, .slick-arrow, .ci-newsletter, .ci-share-this, .ci-header-wave, .ci-banner-wave, .ci-header-block, .ci-bg-slider, .ci-button, .ci-btn-wrap, .ci-slider-wrap, .ci-slick-dots, .ci-quick-links, .ci-side-box-image, .ci-notification-wrap, .ci-title-wrap .h5, .ci-filter-bar, .load-more, .ci-nav-opener {
2452                display: none !important
2453            }
2454
2455            .ci-call-to-action {
2456                color: #000 !important;
2457                padding: 0 !important;
2458                page-break-inside: avoid;
2459                margin-bottom: 0 !important
2460            }
2461
2462                .ci-call-to-action p {
2463                    margin-bottom: 0 !important
2464                }
2465
2466                .ci-call-to-action .ci-bg-image {
2467                    display: none !important
2468                }
2469
2470            #collapse_02 {
2471                display: block !important;
2472                height: auto !important
2473            }
2474
2475            .ci-upcoming-events {
2476                page-break-inside: avoid
2477            }
2478
2479            #main {
2480                padding: 0 !important
2481            }
2482
2483            .ci-event-list {
2484                padding: 0 !important;
2485                margin-bottom: 0 !important;
2486                border-top: 2px solid #000 !important
2487            }
2488
2489                .ci-event-list li {
2490                    padding: 7px 0;
2491                    font-size: 15px;
2492                    line-height: 1.2;
2493                    border-bottom: 2px solid #000 !important
2494                }
2495
2496            .ci-news-hold {
2497                display: block !important;
2498                height: auto !important;
2499                width: 100% !important
2500            }
2501
2502                .ci-news-hold .ci-news-wrap {
2503                    font-size: 15px !important;
2504                    line-height: 1.2 !important;
2505                    display: block !important;
2506                    padding: 10px 0 0 !important;
2507                    width: calc(100% + 30px) !important;
2508                    margin: 0 -15px !important
2509                }
2510
2511                    .ci-news-hold .ci-news-wrap .ci-column {
2512                        max-width: none !important;
2513                        width: calc(33.33% - 3px) !important;
2514                        display: inline-block !important;
2515                        vertical-align: top !important;
2516                        padding: 0 15px !important;
2517                        margin: 0 0 12px !important
2518                    }
2519
2520                    .ci-news-hold .ci-news-wrap.ci-one-cols {
2521                        margin: 0 -15px !important;
2522                        width: calc(100% + 30px) !important
2523                    }
2524
2525                        .ci-news-hold .ci-news-wrap.ci-one-cols .ci-column {
2526                            width: calc(33.33% - 3px) !important;
2527                            display: inline-block !important;
2528                            vertical-align: top !important;
2529                            padding: 0 15px !important
2530                        }
2531
2532                            .ci-news-hold .ci-news-wrap.ci-one-cols .ci-column .ci-img, .ci-news-hold .ci-news-wrap.ci-one-cols .ci-column .ci-txt {
2533                                width: 100% !important
2534                            }
2535
2536                    .ci-news-hold .ci-news-wrap.ci-two-cols {
2537                        display: block !important;
2538                        margin: 0 -15px !important;
2539                        width: calc(100% + 30px) !important
2540                    }
2541
2542                        .ci-news-hold .ci-news-wrap.ci-two-cols .ci-column {
2543                            width: calc(33.33% - 3px) !important;
2544                            display: inline-block !important;
2545                            vertical-align: top !important;
2546                            padding: 0 15px !important;
2547                            margin: 0 !important
2548                        }
2549
2550                            .ci-news-hold .ci-news-wrap.ci-two-cols .ci-column .ci-img, .ci-news-hold .ci-news-wrap.ci-two-cols .ci-column .ci-txt {
2551                                width: 100% !important
2552                            }
2553
2554                    .ci-news-hold .ci-news-wrap .ci-txt {
2555                        padding: 0 !important;
2556                        margin: 0 !important;
2557                        width: 100% !important;
2558                        max-width: none !important
2559                    }
2560
2561                    .ci-news-hold .ci-news-wrap.ci-three-cols {
2562                        margin: 0 -15px !important;
2563                        width: calc(100% + 30px) !important
2564                    }
2565        }
2566
2567        @media print and (max-width:1023px) {
2568            .ci-news-hold .ci-news-wrap.ci-three-cols .ci-column:nth-child(3) {
2569                display: inline-block !important;
2570                vertical-align: top !important
2571            }
2572        }
2573
2574        @media print {
2575            .fr-view *{
2576                page-break-after: avoid;
2577            }
2578
2579            .ci-news-hold .ci-news-wrap.ci-three-cols .ci-column:nth-child(3) .ci-img, .ci-news-hold .ci-news-wrap.ci-three-cols .ci-column:nth-child(3) .ci-txt {
2580                width: 100% !important
2581            }
2582
2583            .ci-news-hold .ci-news-wrap.ci-three-cols, .ci-news-hold .ci-news-wrap.ci-four-cols {
2584                display: block !important;
2585                margin: 0 -15px !important;
2586                width: calc(100% + 30px) !important
2587            }
2588
2589                .ci-news-hold .ci-news-wrap.ci-three-cols .ci-column, .ci-news-hold .ci-news-wrap.ci-four-cols .ci-column {
2590                    width: 30% !important;
2591                    padding: 0 15px !important
2592                }
2593
2594            .ci-news-hold .ci-news-wrap .h4 {
2595                font-size: 18px !important
2596            }
2597
2598            .icon-angle-left, .icon-angle-right {
2599                display: none !important
2600            }
2601
2602            .ci-hero .ci-slick-slider {
2603                display: block !important;
2604                width: 100% !important
2605            }
2606
2607                .ci-hero .ci-slick-slider .slick-track, .ci-hero .ci-slick-slider .slick-list {
2608                    -webkit-transform: none !important;
2609                    -ms-transform: none !important;
2610                    transform: none !important;
2611                    width: 100% !important;
2612                    display: block !important;
2613                    height: auto !important
2614                }
2615
2616                .ci-hero .ci-slick-slider .ci-slide {
2617                    height: auto !important
2618                }
2619
2620                    .ci-hero .ci-slick-slider .ci-slide:not(.slick-active), .ci-hero .ci-slick-slider .ci-slide.slick-cloned {
2621                        display: none !important
2622                    }
2623
2624                .ci-hero .ci-slick-slider .slick-arrow.slick-prev, .ci-hero .ci-slick-slider .slick-arrow.slick-next {
2625                    display: none !important;
2626                    visibility: hidden !important
2627                }
2628
2629                .ci-hero .ci-slick-slider .ci-bg-image {
2630                    background: none !important;
2631                    position: static !important
2632                }
2633
2634                    .ci-hero .ci-slick-slider .ci-bg-image img {
2635                        width: 100% !important;
2636                        height: auto !important;
2637                        opacity: 1 !important;
2638                        visibility: visible !important
2639                    }
2640
2641            .ci-hero .ci-txt {
2642                height: auto !important;
2643                position: static !important;
2644                padding: 10px !important
2645            }
2646
2647                .ci-hero .ci-txt .ci-wrap {
2648                    display: block !important
2649                }
2650
2651            .ci-two-columns {
2652                display: block
2653            }
2654
2655                .ci-two-columns .ci-img, .ci-two-columns .ci-txt {
2656                    width: 100%
2657                }
2658
2659            .ci-announcements-wrap {
2660                display: block !important;
2661                width: 100% !important;
2662                padding: 5px 10px !important;
2663                border: none !important;
2664                page-break-inside: avoid;
2665                margin-bottom: 15px !important
2666            }
2667
2668                .ci-announcements-wrap .ci-announcements-list {
2669                    border-top: 2px solid #000 !important
2670                }
2671
2672                    .ci-announcements-wrap .ci-announcements-list li {
2673                        min-height: 0;
2674                        margin: 0 !important;
2675                        padding: .8571em 0 !important;
2676                        border-bottom: 2px solid #aaa !important
2677                    }
2678
2679                        .ci-announcements-wrap .ci-announcements-list li a {
2680                            padding: 0 !important
2681                        }
2682
2683            .ci-banner .ci-txt {
2684                font-size: 18px !important;
2685                line-height: 1.3 !important;
2686                padding-bottom: 5px !important
2687            }
2688
2689            .ci-banner p {
2690                margin-bottom: 10px !important
2691            }
2692
2693            .ci-opener {
2694                display: block;
2695                width: auto
2696            }
2697
2698            .ci-news-page {
2699                padding: 0 !important
2700            }
2701
2702                .ci-news-page .ci-news-wrap {
2703                    display: block;
2704                    padding: 20px 0 0 !important;
2705                    font-size: 17px !important;
2706                    line-height: 1.3 !important;
2707                    margin: 0 -15px !important
2708                }
2709
2710                    .ci-news-page .ci-news-wrap .ci-column {
2711                        width: calc(33.33% - 5px) !important;
2712                        display: inline-block;
2713                        vertical-align: top;
2714                        padding: 0 15px !important;
2715                        margin: 0 0 20px !important
2716                    }
2717
2718                    .ci-news-page .ci-news-wrap .h4 {
2719                        font-size: 20px !important
2720                    }
2721
2722            #main, .ci-banner {
2723                padding: 0 !important;
2724                margin: 0 !important
2725            }
2726
2727            img {
2728                width: auto !important
2729            }
2730
2731            .ci-content-page, .ci-news-content {
2732                display: block !important;
2733                padding: 0 !important;
2734                width: 100% !important
2735            }
2736
2737                .ci-content-page img, .ci-news-content img {
2738                    max-width: 740px !important
2739                }
2740
2741            .ci-two-col {
2742                margin-bottom: 0 !important
2743            }
2744
2745                .ci-two-col .ci-img-wrap {
2746                    width: 100% !important
2747                }
2748
2749                .ci-two-col .ci-txt {
2750                    margin: 0 !important;
2751                    width: 100% !important;
2752                    padding: 0 !important
2753                }
2754        }
2755
2756        #main .ci-viewmap a {
2757            position: relative;
2758            top: 3px;
2759            text-decoration: underline
2760        }
2761
2762        #main .ci-title h5 {
2763            color: #bf0000
2764        }
2765
2766        #main .ci-elementary address {
2767            font-size: 16px;
2768            margin-bottom: 9px;
2769            margin-top: 10px;
2770            color: #111;
2771        }
2772
2773        #main .ci-additional-numbers.ci-add-block dl {
2774            display: flex;
2775            justify-content: space-between
2776        }
2777    </style> <!--##FooterEnd--> 
2777<script type="text/javascript">
2778    $(function () {
2779        $('.fr-view table').wrap('<div></div>');
2780        $('.fr-view iframe').wrap('<div></div>');
2781        $('.fr-view table').parent().css("overflow-x", "auto");
2782        $('.fr-view iframe').parent().css("overflow-x", "auto");
2783        //$("#nav a.nav-opener").click(function (e) {
2784        //    var e = e || window.event;
2785        //    if ($(e.target).hasClass('nav-opener') && !$('.ci_site-b').hasClass('nav-active')) {
2786        //        $('.ci_site-b').addClass('nav-active');
2787        //    }
2788        //    else {
2789        //        $('.ci_site-b').removeClass('nav-active');
2790        //    }
2791        //})
2792        $(".main-nav>li").hover(function () {
2793            $(this).children("a").css({ 'background': '#3D100F', 'color': '#fff', 'border-radius': '25px' })
2794        }, function () {
2795            $(this).children("a").css({ 'background': '#fff', 'color': '#3D100F' })
2796        });
2797        $("#header .language-hold>a").click(function () {
2798            if ($(this).parent().hasClass('show')) {
2799                $(this).parent().removeClass('show');
2800            } else {
2801                $(this).parent().addClass('show');
2802            }
2803        });
2804        $(document).mouseup(function (e) {
2805            var _con = $('#header .language-hold>a'); // 设置目标区域
2806            if (!_con.is(e.target) && _con.has(e.target).length === 0) {
2807                $("#header .language-hold").removeClass('show');
2808            }
2809        });
2810    });
2811</script>
2811 <div id="cisbcssholder"></div> <div class="ciHidden"> <span id="uwGoogleTranslate" title="Google Translate™"><span id='google_translate_element'></span></span> </div> <div class="print-only" style="padding-left:20px;margin-top:-20px!important;padding-top:10px;font-size:20px;border-top: 1px solid #000;"><span>GULF ISLANDS SCHOOL DISTRICT 64</span></div> 
2811<script>
2812document.querySelector('.main-nav').addEventListener('mousedown', function(event) {	
2813    if(event.target.closest('.ci_hamburgeritm') !== null){
2814        if(event.target.closest('a').getAttribute('href') === '#'){
2815            event.preventDefault()
2816            event.stopPropagation()
2817			event.target.nextElementSibling.click()
2818        }
2819    }
2820})
2821</script>
2821 
2821<script type='text/javascript'>
2822   
2823var Countly = Countly || {};Countly.q = Countly.q || [];
2824Countly.app_key = '76294d7d748d43cd55ce54bfedef83c60cd9bba0';
2825Countly.url = 'https://analytics.schoolbundle365.com';
2826Countly.q.push(['track_sessions']);
2827Countly.q.push(['track_pageview']);
2828Countly.q.push(['track_clicks']);
2829Countly.q.push(['track_scrolls']);
2830Countly.q.push(['track_links']);
2831Countly.q.push(['track_forms']);
2832Countly.q.push(['collect_from_forms']);
2833
2834Countly.q.push(['add_event', {
2835   "key": window._ci.siteId +"_page_view", // 专门为该学校创建的事件键名
2836   "count": 1,
2837   "segmentation": {
2838      "url": location.href,
2839      "title": window._ci.title
2840   }
2841}]);
2842
2843(function() {
2844   if(location.host.toLowerCase().indexOf('.schoolbundle.ca')>0) return
2845   
2846   var cly = document.createElement('script'); cly.type = 'text/javascript';
2847   cly.async = true;
2848   cly.src = 'https://analytics.schoolbundle365.com/sdk/web/countly.min.js';
2849   cly.onload = function(){Countly.init()};
2850   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(cly, s);
2851})();
2852</script>
2852 </body> </html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.