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 & Forms </a></li> <li> <a class="" href="/joint-health-and-safety">District Joint Occupational Health & 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 & Safety<span class="inner-opener"></span> </a> </li> <li> <a class="" href="/h-s-minutes-archive">H&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="_blank">Policies & 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 & 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="_blank">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="_blank" target="_blank">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="#"> </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. </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. </p><p>The Gulf Islands enjoy Canada’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='_blank'><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='_blank'><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">© 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='_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.