kcc-gem-theme 2.14.1 → 2.14.4

data/assets/js/dist/kcc-theme.38173b8142253579c4b3.css

@@ -0,0 +1 @@
+.nav-tabs{border-bottom:1px solid #b1b1b1}.nav-tabs .nav-link{background-color:#f8f9fa;border-left-color:#e5e8ed;border-left-style:solid;border-left-width:1px;border-right-color:#e5e8ed;border-right-style:solid;border-right-width:1px;border-top-color:#e5e8ed;border-top-style:solid;border-top-width:1px;border-bottom-color:#b1b1b1}.nav-tabs .nav-link.active{border-color:#b1b1b1 #b1b1b1 #fff}.navbar-brand{margin-right:0}@media screen and (min-width: 768px){.navbar-brand{margin-right:1rem}}.btn{vertical-align:baseline}.modal-open .gsc-search-button{margin-right:15px}@media screen and (max-width: 992px){.dropdown-toggle::after{transform:rotate(0deg);transition:transform .3s ease-in-out}.nav-item.dropdown.show .dropdown-toggle::after{transform:rotate(-180deg)}}.dropdown-toggle.btn::after{transform:rotate(0deg);transition:transform .3s ease-in-out}.nav-item.dropdown.show .dropdown-toggle.btn::after{transform:rotate(-180deg)}@media screen and (min-width: 992px){.dropdown-toggle:not(.btn)::after{display:none}}.alert-warning{border-color:#856404}.alert-danger{border-color:#721c24}.alert-info{border-color:#0c5460}.alert-primary{border-color:#004085}.editor-link{display:none}.cms-editor-active .editor-link{display:block}.editor-button{display:none}.cms-editor-active .editor-button{display:inline-block}.header-global__search-collapse #___gcse_0:hover #gsc-iw-id1,.header-global__search-collapse #___gcse_0:focus #gsc-iw-id1{filter:drop-shadow(2px 2px 6px rgba(128, 128, 128, 0.5))}.header-global__search-collapse #gsc-iw-id1{border-radius:2rem;padding-left:.5rem;border:solid thin #b1b1b1;line-height:1;padding-top:3px;padding-bottom:3px}.header-global__search-collapse .gsc-search-button-v2{background-color:transparent !important;border:none !important;pointer-events:auto;position:relative;right:-0.5rem;top:-0.25rem;transition-property:right;transition-duration:.2s}.header-global__search-collapse button.gsc-overrides__clear-x{right:.5rem;padding-right:5px !important}@media screen and (min-width: 992px){.header-global__search-collapse .gsc-search-button-v2{top:0;right:.5rem}.header-global__search-collapse button.gsc-overrides__clear-x{right:1.125rem;padding-right:5px !important}}.header-global__search-collapse .gsst_a .gscb_a{vertical-align:middle}.header-global__search-collapse .gsc-search-button-v2 svg{fill:#0f3b63 !important;height:1.25rem;width:1.25rem;transition-property:fill;transition-duration:.2s}.header-global__search-collapse .gsc-search-button-v2:hover svg,.header-global__search-collapse .gsc-search-button-v2:focus svg{fill:#c61f48 !important}.header-global__search-collapse td.gsc-search-button{display:inline;pointer-events:none;position:absolute;right:50px}@media screen and (min-width: 1400px){.header-global__search-collapse td.gsc-search-button{right:44px}}.header-global__search-collapse .gsc-search-box-tools .gsc-search-box .gsc-input{padding-right:0 !important}.nav-global__gcse-wrapper #___gcse_0:hover #gsc-iw-id1,.nav-global__gcse-wrapper #___gcse_0:focus #gsc-iw-id1{filter:drop-shadow(2px 2px 6px rgba(128, 128, 128, 0.5))}.nav-global__gcse-wrapper #gsc-iw-id1{border-radius:2rem;padding-left:.5rem;border:solid thin #b1b1b1;line-height:1;padding-top:3px;padding-bottom:3px}.nav-global__gcse-wrapper .gsc-search-button-v2{background-color:transparent !important;border:none !important;pointer-events:auto;position:relative;right:30px;transition-property:right;transition-duration:.2s}.nav-global__gcse-wrapper .gsst_a .gscb_a{vertical-align:middle}.nav-global__gcse-wrapper button.gsc-overrides__clear-x{right:48px;padding-right:5px !important}.nav-global__gcse-wrapper .gsc-search-button-v2 svg{fill:#0f3b63 !important;height:1.25rem;width:1.25rem;transition-property:fill;transition-duration:.2s}.nav-global__gcse-wrapper .gsc-search-button-v2:hover svg,.nav-global__gcse-wrapper .gsc-search-button-v2:focus svg{fill:#c61f48 !important}.nav-global__gcse-wrapper td.gsc-search-button{display:inline;pointer-events:none;position:absolute;right:50px}@media screen and (min-width: 1400px){.nav-global__gcse-wrapper td.gsc-search-button{right:44px}}.nav-global__search-collapse--visible #___gcse_0{margin-bottom:20px}.targetx__wrapper{margin-top:-35px;z-index:-1}p.supportInfo{display:none}@media screen and (min-width: 1200px){.wForm form>div.oneField{margin-top:0 !important}}@media screen and (min-width: 1800px){.wForm form>div.oneField{margin-top:10px !important}}.wFormContainer{padding-left:5px !important;padding-right:5px !important}@media screen and (min-width: 1600px){.wFormContainer{padding:1rem 2rem !important}}#tfa_11::before{display:block;content:" ";margin-top:-60px;height:60px;visibility:hidden;pointer-events:none}@media screen and (min-width: 1800px){#tfa_775-D{margin-top:5px !important}}.oneField.field-container-D{max-width:100%}#submit_button{background-color:#0051a7 !important;border-color:#003773 !important;font-family:"Open Sans",sans-serif !important;font-weight:400 !important;font-size:1.25rem !important;padding-top:.5rem !important;padding-bottom:.5rem !important;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}#submit_button:hover{background-color:#022b55 !important;border-color:#021e3d !important}body{font-size:1rem}.typography__nav-heading{color:#0f3b63;display:inline;font-family:"Eurostile",sans-serif;font-size:1.5rem;font-style:italic;font-weight:700;text-transform:uppercase;transition-property:color;transition-timing-function:ease;transition-duration:.4s}.typography__nav-heading:hover,.typography__nav-heading:focus{color:#c61f48}.typography__nav-heading--smaller{font-size:1.25rem}@media screen and (min-width: 360px){.typography__nav-heading{font-size:1.8rem}.typography__nav-heading--smaller{font-size:1.5rem}}@media screen and (min-width: 410px){.typography__nav-heading{font-size:2rem}}@media screen and (min-width: 576px){.typography__nav-heading{font-size:2.3rem}}@media screen and (min-width: 768px){.typography__nav-heading{font-size:2.4rem}}@media screen and (min-width: 1500px){.typography__nav-heading{font-size:2.6rem}}.typography__footer-heading{font-family:"Roboto",sans-serif;font-size:1.95rem;font-weight:900}@media screen and (min-width: 360px){.typography__footer-heading{font-size:2.2rem}}@media screen and (min-width: 375px){.typography__footer-heading{font-size:2.4rem}}@media screen and (min-width: 410px){.typography__footer-heading{font-size:2.6rem}}.typography__call-to-action{color:#c61f48;font-family:"Oswald",sans-serif;font-size:2.8rem;font-weight:600;line-height:2.8rem;margin-bottom:30px;margin-top:20px}.typography__contacts--name{color:#0f3b63;font-family:"Roboto",sans-serif;font-size:1.3em;font-weight:700;margin-bottom:.2rem}.typography__contacts--title{color:#666;font-family:"Roboto",sans-serif;font-size:1.1em;font-weight:700;margin-bottom:.2rem}.typography__orange-h4{color:#f99e1b;font-family:"Oswald",sans-serif;font-size:2.4rem}.typography__sub-nav--red-h2{color:#c61f48;font-family:"Oswald",sans-serif;font-size:1.4rem;font-weight:500;text-transform:uppercase}@media screen and (min-width: 768px){.typography__sub-nav--red-h2{font-size:1.8rem}}.typography__section--heading{color:#c61f48;font-family:"Oswald",sans-serif;font-size:2rem;font-weight:500}.typography__header-global--nav-top,.typography__header-global--nav-bottom,.typography__header-global--nav-local{color:#0f3b63;font-family:"Oswald",sans-serif;font-size:1rem;font-weight:500;letter-spacing:.05rem;padding-bottom:.25rem;padding-top:.25rem;text-transform:capitalize}@media screen and (min-width: 992px){.typography__header-global--nav-top{color:#b8babc;font-size:1.1rem}.typography__header-global--nav-top:hover,.typography__header-global--nav-top:focus{color:#b8babc}}@media screen and (min-width: 992px){.typography__header-global--nav-bottom{color:#fff;font-size:1.05rem;font-weight:400}}@media screen and (min-width: 992px){.typography__header-global--nav-bottom:hover,.typography__header-global--nav-bottom:focus,.header-global__dropdown:hover .typography__header-global--nav-bottom,.header-global__dropdown:focus .typography__header-global--nav-bottom{color:#0f3b63}}@media screen and (min-width: 992px){.typography__header-global--nav-local{font-size:1rem;font-weight:400}.nav-link:not([role=tab]){margin-left:5px;margin-right:5px}}.typography__nav-link{color:#fff;font-family:"Oswald",sans-serif;font-size:1.05rem;font-weight:400;letter-spacing:.05rem;text-transform:capitalize}.typography__nav-local--nav-link{font-family:"Oswald",sans-serif;font-size:1rem;font-weight:500;text-transform:uppercase}.typography__nav-local--color{color:#0f3b63}.typography__power-text{color:#fff;font-family:"Libre Franklin",sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}@media screen and (min-width: 360px){.typography__power-text{font-size:1.3rem}}@media screen and (min-width: 768px){.typography__power-text{font-size:2.2rem}}@media screen and (min-width: 992px){.typography__power-text{font-size:2.9rem}}@media screen and (min-width: 1200px){.typography__power-text{font-size:3.1rem}}.typography__h2{color:#666;font-family:"Roboto",sans-serif;font-size:2rem;font-weight:500}.typography__h3{color:#0f3b63;font-family:"Roboto",sans-serif;font-size:1.75rem;font-weight:600}.typography__h4{color:#c61f48;font-family:"Roboto",sans-serif;font-size:1.7rem;font-weight:600}.typography__h5{color:#666;font-family:"Roboto",sans-serif;font-weight:700;font-size:1.5rem}.typography__h6{color:#666;font-family:"Roboto",sans-serif;font-weight:700;font-size:1.4rem}.typography__h5--description{color:#58585b;font-family:"Oswald",sans-serif;font-size:1.25rem;font-weight:400}.typography__phone--span{color:#fff;font-family:"Oswald",sans-serif;font-size:1.3rem;font-weight:400;letter-spacing:.07rem;white-space:nowrap}@media screen and (min-width: 768px){.typography__phone--span{font-size:1.45rem}}@media screen and (min-width: 1024px){.typography__phone--span{font-size:1.5rem}}.typography__p--bold{color:#666;font-family:"Roboto",sans-serif;font-weight:700;font-size:1.25rem;line-height:1.2}.typography__stories--quote{color:#0f3b63;font-family:"Oswald",sans-serif;font-size:1.1em;font-weight:300}@media screen and (min-width: 488px){.typography__stories--quote{font-size:1.3rem}}@media screen and (min-width: 768px){.typography__stories--quote{font-size:1.2rem}}@media screen and (min-width: 992px){.typography__stories--quote{font-size:1.4rem}}.typography__col--heading-underline{background-image:url(/assets/img/heading-bg-underline.png);background-repeat:no-repeat;background-position:0 50px}.typography__col--heading-underline-tan{background-image:url(/assets/img/heading-bg-underline-tan.png);background-repeat:no-repeat;background-position:0 50px}p,ul:not(.navbar-nav),ol{color:#666;font-family:"Open Sans",sans-serif;font-size:1rem}.typography__tables th{color:#c61f48;font-family:"Roboto",sans-serif;font-weight:700}.typography__tables td{color:#666;font-family:"Open Sans",sans-serif;font-size:1rem}h1 sup,h2 sup,h3 sup,h4 sup,h5 sup,h6 sup{font-size:45% !important;top:-1em;font-weight:normal}.typography__register--h2{color:#fff;font-family:eurostile,sans-serif;font-size:2.4rem;font-weight:500;letter-spacing:.03rem;position:relative;top:30%;margin-bottom:-10px}@media screen and (min-width: 400px){.typography__register--h2{font-size:3rem}}@media screen and (min-width: 768px){.typography__register--h2{font-size:5.2rem}}@media screen and (min-width: 1200px){.typography__register--h2{font-size:6rem}}@media screen and (min-width: 1800px){.typography__register--h2{font-size:6.6rem}}.typography__register--h3{color:#fff;font-family:eurostile,sans-serif;font-size:1.2rem;font-weight:500;letter-spacing:.03rem;position:relative;top:31%}@media screen and (min-width: 400px){.typography__register--h3{font-size:1.45rem;top:30.5%}}@media screen and (min-width: 768px){.typography__register--h3{font-size:2.5rem;top:30%}}@media screen and (min-width: 1200px){.typography__register--h3{font-size:2.6rem;top:30%}}@media screen and (min-width: 1800px){.typography__register--h3{font-size:2.7rem;top:30%}}.typography__register--caption{color:#fff;font-family:"Oswald",sans-serif;font-size:1rem;font-weight:500;letter-spacing:.07rem;position:absolute;bottom:15px}@media screen and (min-width: 1200px){.typography__register--caption{font-size:1.2rem}}.typography__register-h4{font-family:"Oswald",sans-serif;font-size:1.6rem}@media screen and (min-width: 768px){.typography__register-h4{font-size:2rem}}@media screen and (min-width: 1200px){.typography__register-h4{font-size:2rem}}@media screen and (min-width: 1800px){.typography__register-h4{font-size:2.3rem}}.typography__register--h5{color:#c61f48;font-family:"Oswald",sans-serif;font-size:2rem;font-weight:700;letter-spacing:.03rem;margin-bottom:50px}@media screen and (min-width: 768px){.typography__register--h5{font-size:2.8rem}}@media screen and (min-width: 992px){.typography__register--h5{margin-bottom:60px}}@media screen and (min-width: 1200px){.typography__register-h5{font-size:3rem}}.typography__register--student-p{color:#000;font-weight:600;font-size:1.2em;margin-top:15px}.typography__register--img-cap{font-weight:600;display:block}.typography__register-itransfer{font-size:1.7rem;font-weight:600;line-height:1;position:absolute;top:4rem;margin-left:-20px}@media screen and (min-width: 400px){.typography__register-itransfer{font-size:1.8rem}}@media screen and (min-width: 768px){.typography__register-itransfer{font-size:1.9rem}}.typography__register--h6{color:#c61f48;font-family:"Saira","sans-serif";font-weight:700;font-size:2rem;letter-spacing:.03rem}#page-top::before{display:block;content:" ";margin-top:-60px;height:60px;visibility:hidden;pointer-events:none}.typography__larger-p{font-size:1.2rem}.typography__register--thank-you{color:#0f3b63;font-family:"Eurostile",sans-serif;font-size:2rem}.typography__register--thank-you--message{color:#c61f48;font-family:"Saira","sans-serif";font-weight:700;font-size:1.4rem}@media screen and (min-width: 768px){.typography__register--thank-you{font-size:2.4rem;margin-left:100px;margin-top:-10px}.typography__register--thank-you--message{font-size:1.6rem;margin-left:95px}}@media screen and (min-width: 1200px){.typography__register--thank-you{font-size:2.6rem}}@media screen and (min-width: 1800px){.typography__register--thank-you{font-size:3rem;margin-top:-15px}}@media screen and (max-width: 992px){.typography__nowrap--sm{white-space:nowrap}}.typography__color--inherit{color:inherit}.typography__my-kcc{font-family:"Eurostile",sans-serif;line-height:1.2;font-size:1.2rem}.typography__alert{color:inherit}.typography__last-p--mb0 p.typography__alert:last-child{margin-bottom:0}.typography__header-global--nav-bottom:hover{cursor:default}.dark-mode .typography__header-global--nav-bottom{color:#9bb7dd}.links__dropdown-toggle--custom::after{margin-left:.75rem}[aria-expanded=true].links__dropdown-toggle--custom::after{transform:rotate(-180deg)}.links__launch::after{content:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23007bff" height="20" viewBox="0 0 24 24" width="20"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"/></svg>');margin-left:.375rem;vertical-align:middle;line-height:1}.links__launch:hover::after{content:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%230056b3" height="20" viewBox="0 0 24 24" width="20"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"/></svg>')}.links__kcc-logo{display:inline;float:left;width:120px;height:80px}.links__offset{pointer-events:none}.links__offset a,.links__offset button,.links__offset iframe,.links__offset .card-body{pointer-events:auto}.links__offset::before{content:" ";display:block;height:171px;margin-top:-171px;pointer-events:none;visibility:hidden}@media screen and (min-width: 768px){.links__offset::before{height:150px;margin-top:-150px}}.links__darker-link{color:#006ce0}.navbar-light .navbar-nav .nav-link.links__nav-link--color:not(.btn-primary){color:#0f3b63}.navbar-light .navbar-nav .nav-link.links__nav-link--color:not(.btn-primary):hover,.navbar-light .navbar-nav .nav-link.links__nav-link--color:not(.btn-primary):focus{color:#c61f48}.navbar-light .navbar-nav .nav-link.links__nav-link--color.btn-primary{color:#fff}.navbar-light .navbar-nav .active>.nav-link{border-bottom-color:#c61f48;border-bottom-style:solid;border-bottom-width:thick;color:#0f3b63;padding-bottom:0}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:#c61f48}.links__phone--span{color:#fff;position:relative;text-decoration:none}.links__phone--span:visited{color:#fff}.links__phone--span:hover,.links__phone--span:focus{color:#fff;text-decoration:none}.links__phone--span:focus:after,.links__phone--span:hover:after{opacity:1;transform:translateY(-0.2em)}.links__phone--span:after{background-color:#f99e1b;bottom:-0.325rem;content:"";display:block;height:.1875rem;opacity:0;position:absolute;transition:opacity .3s,transform .3s;width:100%}.links__no-underline{text-decoration:none}.links__no-underline:hover{text-decoration:none}@media screen and (min-width: 992px){.links__header-global--nav-local{position:relative}.active .links__header-global--nav-local::after{background-color:#c61f48;bottom:.125rem;content:"";display:block;height:.145rem;position:absolute;width:calc(100% - 1rem)}}.navbar-light .navbar-nav .nav-link.buttons__btn-primary-custom{background-color:#c61f48;color:#fff}.navbar-light .navbar-nav .nav-link.buttons__btn-primary-custom:hover{background-color:#0f3b63}.buttons__yt-subscribe{display:inline-block;height:1rem;margin-top:-4px;margin-right:5px;transform:scale(1.8, 1.8);vertical-align:middle;width:1rem}.buttons__custom-danger{margin-right:20px}.buttons__btn-margin-top{margin-top:20px}.btn-primary{background-color:#0051a7;border-color:#003773}.btn-primary:hover{background-color:#022b55;border-color:#021e3d}.buttons__no-decoration{text-decoration:none}.buttons__no-decoration:hover{text-decoration:none}.buttons__no-decoration:focus{text-decoration:none}.buttons__no-decoration:visited{text-decoration:none}.buttons{display:inline-block;padding-left:.9rem;padding-right:.9rem;padding-top:.125rem;padding-bottom:.125rem}.buttons__my-kcc{border-color:#b8babc;padding-top:.125rem;padding-bottom:.125rem;margin-top:.25rem;margin-bottom:.375rem}.buttons__my-kcc--mobile{position:absolute;bottom:.65rem;left:1rem}@media screen and (min-width: 992px){.buttons__my-kcc:hover,.buttons__my-kcc:focus{background-color:#0c3050}}@media screen and (max-width: 992px){.buttons__my-kcc:hover,.buttons__my-kcc:focus{color:#c61f48}}.buttons__action{color:#fff;background-color:#c61f48;border-color:#8a1632;font-family:"Roboto",sans-serif;font-size:1.3rem;font-weight:600;line-height:36px;letter-spacing:.075rem;width:100%}.buttons__action:hover,.buttons__action:focus{color:#fff;background-color:#0f3b63}@media screen and (min-width: 360px){.buttons__action{font-size:1.75rem;line-height:48px}}@media screen and (min-width: 768px){.buttons__action{font-size:1.3rem;line-height:36px}}@media screen and (min-width: 992px){.buttons__action{font-size:1.75rem;line-height:48px}}.buttons--sync{padding:.5rem;opacity:0;transition:opacity ease-in-out .25s}@media screen and (max-width: 991px){.buttons--sync{bottom:1px;position:absolute;right:1px}}.buttons--sync:hover,.buttons--sync:focus{border-color:rgba(0,86,179,.65);border-style:solid;border-width:1px}@-webkit-keyframes show{0%{opacity:0}25%{opacity:1}50%{opacity:1}75%{opacity:1}100%{opacity:0}}@keyframes show{0%{opacity:0}25%{opacity:1}50%{opacity:1}75%{opacity:1}100%{opacity:0}}.buttons--sync--preview{-webkit-animation-name:show;animation-name:show;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.alert:hover .buttons--sync,.alert:focus .buttons--sync,.buttons--sync:focus,.buttons--sync:focus-visible{opacity:1}.buttons--sync:focus-visible,.buttons__action:focus-visible{outline:-webkit-focus-ring-color auto 1px}.buttons--sync--visible{opacity:1}.img__responsive--svg{height:auto;max-width:100%}.img__full-width{width:100%}.img__shadow{filter:drop-shadow(3px 3px 10px rgba(126, 126, 126, 0.45))}.img__shadow--border{filter:drop-shadow(3px 3px 10px rgba(126, 126, 126, 0.45));border:3px solid #0f3b63}.header-global{padding-left:0;padding-right:0}.header-global__brand{left:1rem;position:absolute;right:3.25rem;top:0;z-index:1044}.header-global__navbar--padding{padding:0}.header-global__nav-top{background-color:#0f3b63;flex-direction:row;padding-left:1rem;padding-right:calc(2.5rem + 20px);width:100%}.header-global__nav-bottom{background-color:#c61f48;flex-direction:row;padding-left:1rem;padding-bottom:.3125rem;padding-right:1rem;padding-top:.3125rem;width:100%}.header-global__nav-local{border-bottom-color:#b1b1b1;flex-direction:row;border-bottom-style:solid;border-bottom-width:1px;padding-bottom:.5rem;padding-left:1rem;padding-right:1rem;padding-top:.5rem;width:100%}.header-global__navbar--toggler{border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.5);position:absolute;right:1rem;top:3.25rem;z-index:1032}.header-global__navbar--toggler .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.header-global__search-icon,.header-global__close-icon{background-color:transparent;border:1px solid transparent;border-radius:.25rem;display:inline-block;font-size:1rem;font-weight:400;line-height:1.5;padding:.375rem .75rem;position:absolute;text-align:center;top:.125rem;right:.3125rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;transition-property:opacity;transition-timing-function:ease-in-out;transition-duration:.1s;z-index:1032}@media screen and (min-width: 992px){.header-global{border-bottom:solid 1px rgba(0,0,0,.5)}}.header-global__open{bottom:0;overflow-x:hidden;overflow-y:auto}@media screen and (min-width: 410px){.header-global__navbar--toggler{top:3.2rem}}@media screen and (min-width: 576px){.header-global__navbar--toggler{top:3.25rem}}.header-global__search-icon--hidden,.header-global__close-icon--hidden{opacity:0;pointer-events:none;z-index:-1}@media screen and (max-width: 992px){#headerGlobalNavbarContent.collapse.show .header-global__nav-top,#headerGlobalNavbarContent.collapsing .header-global__nav-top{padding-right:1rem}}@media screen and (max-width: 992px){#headerGlobalNavbarContent.collapse.show .header-global__navbar-nav--divider::after,#headerGlobalNavbarContent.collapsing .header-global__navbar-nav--divider::after{background-color:#b1b1b1;content:"";display:block;height:.125rem;margin-bottom:1rem;margin-top:.5rem;width:100%}#headerGlobalNavbarContent.collapse.show .header-global__navbar-nav--divider:nth-child(2)::after,#headerGlobalNavbarContent.collapsing .header-global__navbar-nav--divider:nth-child(2)::after{margin-bottom:0}}#headerGlobalNavbar.header-global__navbar--search-toggle{top:3.5rem}@media screen and (min-width: 992px){.navbar-expand-lg .navbar-nav .header-global__nav-local--navbar-brand.nav-link{padding-left:0}}@media screen and (min-width: 992px){.header-global__nav-bottom--nav-link{padding-top:.75rem;padding-bottom:.75rem}}@media screen and (min-width: 992px){.header-global__nav-top--nav-link{padding-top:.3125rem;padding-bottom:.3125rem}}@media screen and (min-width: 992px){.navbar-expand-lg .navbar-nav .header-global__nav-top--nav-link{padding-left:.9rem;padding-right:.9rem}}@media screen and (min-width: 992px){a.header-global__nav-top--nav-link{position:relative}a.header-global__nav-top--nav-link::after,a.header-global__nav-top--nav-link::after{background-color:#f99e1b;bottom:0;content:"";display:block;height:.125rem;opacity:0;position:absolute;transition:opacity .3s,transform .3s;width:calc(100% - 1.8rem)}a.header-global__nav-top--nav-link:hover::after,a.header-global__nav-top--nav-link:focus::after{opacity:1;transform:translateY(-0.2em)}}@media screen and (min-width: 992px){.header-global__nav-bottom{padding-bottom:0;padding-top:0}}@media screen and (min-width: 992px){a.header-global__nav-bottom--nav-link{position:relative}a.header-global__nav-bottom--nav-link.header-global__nav-bottom--underlined::after{background-color:#f99e1b;color:#f99e1b;bottom:.25rem;border-top-width:.125rem;content:"";display:block;height:.125rem;margin-left:0;opacity:0;position:absolute;transition:opacity .3s,transform .3s;width:calc(100% - 1rem)}a.header-global__nav-bottom--nav-link.header-global__nav-bottom--underlined::after{opacity:1;transform:translateY(-0.2em)}}@media screen and (min-width: 992px){.header-global__nav-local{padding-bottom:.5rem;padding-top:.5rem}}.header-global__brand--svg{fill:#fff;height:28px;max-width:100%}.header-global__brand--svg .st0{fill:none}@media screen and (min-width: 992px)and (max-width: 1040px){.header-global__brand--svg{height:22px}}@media screen and (min-width: 1041px){.header-global__brand--svg{height:26px}}@media screen and (min-width: 992px){.header-global__brand{top:3.125rem;right:auto}}#headerGlobalNavbarContent.collapse.show .typography__nav-heading,#headerGlobalNavbarContent.collapsing .typography__nav-heading{font-size:1.5rem}#headerGlobalNavbarContent.collapse.show .navbar-nav,#headerGlobalNavbarContent.collapsing .navbar-nav{flex-direction:column;background-color:#f8f9fa}#headerGlobalNavbarContent.collapse.show .header-global__nav-top,#headerGlobalNavbarContent.collapsing .header-global__nav-top{position:relative;top:2.65rem;margin-bottom:2.65rem}#headerGlobalNavbarContent.collapse.show .header-global__nav-top::before,#headerGlobalNavbarContent.collapsing .header-global__nav-top::before{background-color:#c61f48;content:"";display:block;height:2.65rem;position:absolute;top:-2.65rem;left:0;right:0;width:100%;z-index:-1}@media screen and (max-width: 991px){#headerGlobalNavbarContent.collapse:not(.show){display:block}#headerGlobalNavbarContent.collapse:not(.show) .header-global__nav-top{display:none;position:absolute}#headerGlobalNavbarContent.collapse:not(.show) .header-global__nav-bottom .nav-link,#headerGlobalNavbarContent.collapse:not(.show) .header-global__nav-local .nav-link:not(.navbar-brand){visibility:hidden}}.header-global__nav--search-icon,.header-global__nav--close-icon{background-size:20px 20px;background-position:center;background-repeat:no-repeat;display:block;height:20px;margin-top:.3125rem;pointer-events:none;width:20px}.header-global__search-collapse{left:.5rem;margin-left:auto;margin-right:auto;position:absolute;right:2rem;top:-56px;width:95%}@media screen and (min-width: 360px){.header-global__search-collapse{left:.55rem}}@media screen and (min-width: 410px){.header-global__search-collapse{left:.65rem}}@media screen and (min-width: 410px){.header-global__search-collapse{left:1rem}}@media screen and (min-width: 768px){.header-global__search-collapse{left:1.25rem}}@media screen and (min-width: 992px){.header-global__search-collapse{left:1.5rem}}.header-global__search-collapse.header-global__search-collapse--visible{top:-46px}@media screen and (min-width: 992px){.header-global__search-collapse.header-global__search-collapse--visible{top:-40px}}.header-global__navbar--search-toggle{top:50px}.header-global__navbar--search-toggle::before{background-color:#c61f48;content:"";display:block;height:64px;position:absolute;top:-60px;width:100%}@media screen and (min-width: 992px){.header-global__navbar--search-toggle::before{background-color:#0f3b63}}@media screen and (min-width: 992px){.header-global__dropdown.show{background-color:#b8babc}}@-webkit-keyframes meganav{0%{opacity:0}100%{opacity:1}}@keyframes meganav{0%{opacity:0}100%{opacity:1}}@media screen and (min-width: 992px){.header-global__nav-bottom .dropdown:hover .dropdown-menu,.header-global__nav-bottom .dropdown .dropdown-menu:hover{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:meganav;animation-name:meganav;display:block !important}}.header-global__nav-bottom .dropdown-item{color:#666}.header-global__nav-bottom .dropdown-item:active{background-color:#0f3b63;color:#fff}.header-global__nav-bottom .dropdown-item:hover,.header-global__nav-bottom .dropdown-item:focus{background-color:#e2e3e4;border-radius:.175rem}@media screen and (min-width: 992px){.header-global__nav-bottom .dropdown:hover{background-color:#b8babc}}@media screen and (min-width: 992px){.nav-item.dropdown.header-global__dropdown--position{position:static}}@media screen and (min-width: 992px){.header-global__dropdown-menu--full-width{left:.75rem;right:.75rem;top:5.77rem}}@media screen and (min-width: 1300px){.header-global__dropdown-menu--full-width{left:1rem;right:1rem}}@media screen and (min-width: 992px){.header-global__drodpown-menu--img{width:280px}.header-global__drodpown-menu--img--border{border:thin solid #d9d9d9}}@media screen and (max-width: 991px){.header-global__core::after{content:"";display:block;height:60px;background-color:#f8f9fa;border-bottom-color:#b1b1b1;border-bottom-style:solid;border-bottom-width:1px}}@media screen and (min-width: 992px){#navGlobalTop .header-global__nav-top--nav-link{margin-top:.3125rem}}.header-global__row--max-width{min-width:100%}@media screen and (min-width: 992px){.header-global__col--column-count{-moz-column-count:2;column-count:2}}.background__color--tan{background-color:#fcf1d6}.svg__fill--blue{fill:#0f3b63}.svg__fill--white{fill:#fff}.svg{height:100px;width:100px}.svg--none{fill:none}.svg--blue{fill:#0f3b63}.svg--red{fill:#c61f48}.svg--max-width{max-width:100%}.svg__button{height:48px;width:48px}.svg--fill-none{fill:none}.svg--fill-white{fill:#fff}.svg--fill-blue{fill:#0f3b63}.svg__action--place{margin-left:-2rem}@media screen and (min-width: 360px){.svg__action--place{margin-left:-3rem}}@media screen and (min-width: 768px){.svg__action--place{margin-left:0}}@media screen and (min-width: 360px){.svg__button{height:48px;width:48px}}@media screen and (min-width: 768px){.svg__button{height:36px;width:36px}}@media screen and (min-width: 992px){.svg__button{height:48px;width:48px}}.svg__sync{fill:#007bff;transition:fill ease-in-out .2s}button:hover .svg__sync,button:focus .svg__sync{fill:#0056b3}.svg__mykcc{display:inline-block;height:1.5rem;width:80px;fill:#007bff}a.svg__link--no-decoration:hover,a.svg__link--no-decoration:focus{text-decoration:none}a.svg__link--no-decoration:hover .svg__mykcc,a.svg__link--no-decoration:focus .svg__mykcc{fill:#0056b3}html{background-color:#b8babc}.header__bg{background-image:url("/assets/img/DSC_8724_4x3.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;height:55%;height:55vh}@media screen and (min-width: 1200px){.header__bg{height:auto}}.footer__margin{margin-top:20px}.footer{background-color:#f8f9fa;margin-bottom:-56px;margin-top:60px;padding-bottom:40px;padding-top:40px;width:100%;border-top-color:rgba(0,0,0,.15);border-top-style:solid;border-top-width:thin}a.footer-link{color:#0f3b63}a.footer-link:hover{text-decoration:none !important;color:#c61f48}.footer-heading{transition-property:color;transition-timing-function:ease;transition-duration:.3s}.footer-icons{background-color:#c61f48;border-radius:50%;transition-property:background-color;transition-timing-function:ease;transition-duration:.3s;height:33px;margin:4px;padding:2px;width:33px}@media screen and (min-width: 360px){.footer-icons{height:40px;margin:5px;width:40px}}@media screen and (min-width: 412px){.footer-icons{height:50px;width:50px}}a.footer-social-links,a.footer-social-links .footer-icons{text-decoration:none !important}a.footer-social-links:hover .footer-icons{text-decoration:none !important;background-color:#0f3b63}.footer__mobile--margin-bottom{margin-bottom:20px}@media screen and (min-width: 992px){.footer__mobile--margin-bottom{margin-bottom:0}}.footer__svg--logo{height:36px}.social-icons__icons{background-color:#c61f48;border-radius:50%;height:33px;margin:4px;padding:2px;transition-property:background-color;transition-timing-function:ease;transition-duration:.3s;width:33px}@media screen and (min-width: 360px){.social-icons__icons{height:40px;margin:5px;width:40px}}@media screen and (min-width: 412px){.social-icons__icons{height:50px;width:50px}}a.social-icons__links,a.social-icons__links .social-icons__icons{text-decoration:none !important}a.social-icons__links:hover .social-icons__icons{text-decoration:none !important;background-color:#0f3b63}.nav-landing{background-color:#c61f48;height:56px;margin-left:0;margin-right:0;max-width:100%;min-width:100%;padding-bottom:5px;padding-left:5%;padding-top:5px;width:100%;z-index:1031}.nav-landing__kcc-logo{margin-left:5px;width:190px}@media screen and (min-width: 360px){.nav-landing__kcc-logo{width:220px}}@media screen and (min-width: 375px){.nav-landing__kcc-logo{width:230px}}@media screen and (min-width: 410px){.nav-landing__kcc-logo{width:255px}}@media screen and (min-width: 488px){.nav-landing__kcc-logo{width:260px}}@media screen and (min-width: 576px){.nav-landing__kcc-logo{width:300px}}@media screen and (min-width: 768px){.nav-landing__kcc-logo{width:320px}}@media screen and (min-width: 992px)and (max-width: 1100px){.nav-landing__kcc-logo{margin-left:-25px;width:310px}}@media screen and (min-width: 1100px){.nav-landing__kcc-logo{margin-left:-25px;width:340px}}.nav-landing__navbar-brand{margin-left:-10px}@media screen and (min-width: 410px){.nav-landing__navbar-brand{margin-left:-15px}}@media screen and (min-width: 488px){.nav-landing__navbar-brand{margin-left:-20px}}@media screen and (min-width: 576px){.nav-landing__navbar-brand{margin-left:-25px}}@media screen and (min-width: 768px){.nav-landing__navbar-brand{margin-left:-35px}}@media screen and (min-width: 992px){.nav-landing__navbar-brand{margin-left:-20px}}@media screen and (min-width: 1000px){.nav-landing__navbar-brand{margin-left:-18px}}@media screen and (min-width: 1080px){.nav-landing__navbar-brand{margin-left:-22px}}@media screen and (min-width: 1200px){.nav-landing__navbar-brand{margin-left:-2.5%}}@media screen and (min-width: 1600px){.nav-landing__navbar-brand{margin-left:-3%}}@media screen and (min-width: 1900px){.nav-landing__navbar-brand{margin-left:-3.25%}}@media screen and (min-width: 2000px){.nav-landing__navbar-brand{margin-left:-3.5%}}.nav-landing__kcc-logo-inverse{margin-left:-3px;width:50px;margin-right:-10px}@media screen and (min-width: 360px){.nav-landing__kcc-logo-inverse{width:60px}}@media screen and (min-width: 410px){.nav-landing__kcc-logo-inverse{width:68px}}@media screen and (min-width: 488px){.nav-landing__kcc-logo-inverse{width:68px}}@media screen and (min-width: 576px){.nav-landing__kcc-logo-inverse{width:73px}}@media screen and (min-width: 768px){.nav-landing__kcc-logo-inverse{width:80px}}@media screen and (min-width: 992px){.nav-landing__kcc-logo-inverse{width:80px;margin-left:-30px;margin-right:20px}}@media screen and (min-width: 1100px){.nav-landing__kcc-logo-inverse{width:85px;margin-right:15px}}@media screen and (min-width: 1300px){.nav-landing__kcc-logo-inverse{width:85px;margin-left:-35px}}@media screen and (min-width: 1400px){.nav-landing__kcc-logo-inverse{width:85px;margin-left:-40px}}.nav-global{background-color:#c61f48;height:56px;margin-left:0;margin-right:0;max-width:100%;min-width:100%;padding-bottom:5px;padding-left:5%;padding-top:5px;width:100%;z-index:1031}.nav-global__kcc-logo{margin-left:5px;width:190px}@media screen and (min-width: 360px){.nav-global__kcc-logo{width:220px}}@media screen and (min-width: 375px){.nav-global__kcc-logo{width:230px}}@media screen and (min-width: 410px){.nav-global__kcc-logo{width:255px}}@media screen and (min-width: 488px){.nav-global__kcc-logo{width:260px}}@media screen and (min-width: 576px){.nav-global__kcc-logo{width:300px}}@media screen and (min-width: 768px){.nav-global__kcc-logo{width:320px}}@media screen and (min-width: 992px)and (max-width: 1100px){.nav-global__kcc-logo{margin-left:-25px;width:310px}}@media screen and (min-width: 1100px){.nav-global__kcc-logo{margin-left:-25px;width:340px}}.clearSearch{background-position:center 72px;padding-top:72px}.search-row{background-color:#005bac;height:46px}.nav-global__gcse-wrapper{margin-left:-5px}@media screen and (min-width: 992px){.nav-global__gcse-wrapper{display:block;float:right;margin-top:-18px;width:50%}}.nav-global__search-icon{background-position:center;background-size:20px 20px;background-repeat:no-repeat;display:inline;height:22px;margin:4px;pointer-events:none;width:22px}@media screen and (min-width: 360px){.nav-global__search-icon{background-size:21px 21px}}@media screen and (min-width: 410px){.nav-global__search-icon{background-size:22px 22px}}@media screen and (min-width: 576px){.nav-global__search-icon{background-size:24px 24px;height:24px;width:24px}}@media screen and (min-width: 768px){.nav-global__search-icon{background-size:25px 25px;height:26px;width:26px}}.nav-global .nav-global__search-toggle .nav-global__search-icon{float:right}.nav-global__search-collapse{display:none;margin-top:-113px}@media screen and (min-width: 576px){.nav-global__search-collapse{margin-top:-115px}}@media screen and (min-width: 992px){.nav-global__search-collapse{display:block;margin-left:0;margin-right:0;margin-top:0}}.nav-global__search-collapse--visible{display:block;width:100%}.nav-global__search-toggle{top:40px;text-decoration:none !important}.nav-global__search--conatiner{max-width:1100px;margin-left:auto;margin-right:auto}.nav-global__search--open-background{width:120%;background-color:#c61f48;height:65px;position:absolute;z-index:-1;top:-60px;left:-40px}.nav-global__navbar-brand{margin-left:-10px}@media screen and (min-width: 410px){.nav-global__navbar-brand{margin-left:-15px}}@media screen and (min-width: 488px){.nav-global__navbar-brand{margin-left:-20px}}@media screen and (min-width: 576px){.nav-global__navbar-brand{margin-left:-25px}}@media screen and (min-width: 768px){.nav-global__navbar-brand{margin-left:-35px}}@media screen and (min-width: 992px){.nav-global__navbar-brand{margin-left:-20px}}@media screen and (min-width: 1000px){.nav-global__navbar-brand{margin-left:-18px}}@media screen and (min-width: 1080px){.nav-global__navbar-brand{margin-left:-22px}}@media screen and (min-width: 1200px){.nav-global__navbar-brand{margin-left:-2.5%}}@media screen and (min-width: 1600px){.nav-global__navbar-brand{margin-left:-3%}}@media screen and (min-width: 1900px){.nav-global__navbar-brand{margin-left:-3.25%}}@media screen and (min-width: 2000px){.nav-global__navbar-brand{margin-left:-3.5%}}.nav-global__kcc-logo-inverse{margin-left:-3px;width:50px;margin-right:-10px}@media screen and (min-width: 360px){.nav-global__kcc-logo-inverse{width:60px}}@media screen and (min-width: 410px){.nav-global__kcc-logo-inverse{width:68px}}@media screen and (min-width: 488px){.nav-global__kcc-logo-inverse{width:68px}}@media screen and (min-width: 576px){.nav-global__kcc-logo-inverse{width:73px}}@media screen and (min-width: 768px){.nav-global__kcc-logo-inverse{width:80px}}@media screen and (min-width: 992px){.nav-global__kcc-logo-inverse{width:80px;margin-left:-30px;margin-right:20px}}@media screen and (min-width: 1100px){.nav-global__kcc-logo-inverse{width:85px;margin-right:15px}}@media screen and (min-width: 1300px){.nav-global__kcc-logo-inverse{width:85px;margin-left:-35px}}@media screen and (min-width: 1400px){.nav-global__kcc-logo-inverse{width:85px;margin-left:-40px}}.error__main-heading{color:#c61f48;font-weight:700}.error__sub-heading{color:#0f3b63;font-weight:700}.benefits__typography--caption{bottom:15px;color:#fff;filter:drop-shadow(0 0 2px rgba(0, 0, 0, 0.25));font-family:"Oswald",sans-serif;font-size:1rem;font-weight:700;letter-spacing:.07rem;position:absolute;right:25px}@media screen and (min-width: 768px){.benefits__typography--caption{font-size:1.1rem}}@media screen and (min-width: 1000px){.benefits__typography--caption{font-size:1.2rem}}.benefits__typography-h4{font-family:"Oswald",sans-serif;font-size:1.6rem;margin-bottom:.5rem}@media screen and (min-width: 768px){.benefits__typography-h4{font-size:2rem}}@media screen and (min-width: 1200px){.benefits__typography-h4{font-size:2rem;margin-bottom:1.5rem}}@media screen and (min-width: 1800px){.benefits__typography-h4{font-size:2.4rem;margin-bottom:1.8rem}}.benefits__typography--h5{color:#c61f48;font-family:"Oswald",sans-serif;font-size:2rem;font-weight:700;letter-spacing:.03rem}.benefits__typography--h5--mb{margin-bottom:40px}@media screen and (min-width: 768px){.benefits__typography--h5{font-size:2.8rem}}@media screen and (min-width: 992px){.benefits__typography--h5--mb{margin-bottom:60px}}.benefits__testimonials--mb{margin-bottom:40px}@media screen and (min-width: 1200px){.benefits__testimonials--mb{margin-bottom:0}}.benefits__typography--h5--black{color:#000;font-family:"Oswald",sans-serif;font-size:2rem;font-weight:400;letter-spacing:.03rem;margin-bottom:60px}@media screen and (min-width: 768px){.benefits__typography--h5--black{font-size:2.1rem}}@media screen and (min-width: 1200px){.benefits__typography-h5--black{font-size:3rem}}.benefits__typography--student-p{font-family:"Open Sans",sans-serif;color:#000;font-weight:600;font-size:1.15rem;margin-top:15px;margin-bottom:.5rem}@media screen and (min-width: 1200px){.benefits__typography--student-p--larger{font-size:1.3rem}}.benefits__typography--img-cap{font-family:"Open Sans",sans-serif;font-size:1.35rem;font-weight:600;display:block}.benefits__typography-itransfer{font-size:1.7rem;font-weight:600;line-height:1;position:absolute;top:4rem;margin-left:-20px}@media screen and (min-width: 400px){.benefits__typography-itransfer{font-size:1.8rem}}@media screen and (min-width: 768px){.benefits__typography-itransfer{font-size:1.9rem}}.benefits__typography--h6{color:#c61f48;font-family:"Saira","sans-serif";font-weight:700;font-size:2rem;letter-spacing:.03rem}.benefits__typography--thank-you{color:#0f3b63;font-family:"Eurostile",sans-serif;font-size:2rem}.benefits__typography--thank-you--message{color:#c61f48;font-family:"Saira","sans-serif";font-weight:700;font-size:1.4rem}@media screen and (min-width: 768px){.benefits__typography--thank-you{font-size:2.4rem;margin-left:100px;margin-top:-10px}.benefits__typography--thank-you--message{font-size:1.6rem;margin-left:95px}}@media screen and (min-width: 1200px){.benefits__typography--thank-you{font-size:2.6rem}}@media screen and (min-width: 1800px){.benefits__typography--thank-you{font-size:3rem;margin-top:-15px}}.benefits__check-svg{margin-top:-60px;width:80px}.benefits__blue-section{background-color:#ccdde1;padding-bottom:25px;padding-top:25px}.benefits__card--spacing{margin-bottom:40px}.benefits__first-section--marg{margin-top:15px;background-color:#ccdde1;padding-bottom:25px;padding-top:25px}@media screen and (min-width: 1200px){.benefits__first-section--marg{margin-top:15px}}.benefits__section--marg{margin-top:35px}@media screen and (min-width: 1200px){.benefits__section--marg{margin-top:65px}}.benefits__row--pad{margin-top:25px}@media screen and (min-width: 1200px){.benefits__row--pad{margin-top:0}}.benefits__itransfer-img{width:120px;margin-top:40px}@media screen and (min-width: 400px){.benefits__itransfer-img{width:140px}}@media screen and (min-width: 768px){.benefits__itransfer-img{width:150px}}@media screen and (min-width: 992px){.benefits__itransfer-img{margin-top:20px;width:160px}}.benefits__idfpr-img{width:330px}@media screen and (max-width: 992px){.benefits__idfpr-img{margin-bottom:15px;margin-top:40px}}.benefits__iccb-img{width:250px}@media screen and (max-width: 992px){.benefits__iccb-img{margin-top:15px}}.benefits__offset-global-nav{margin-top:60px}.benefits__accredited--card{background-color:#0f3b63;padding-bottom:25px;padding-left:10px;padding-right:10px;padding-top:15px;width:90%}@media screen and (min-width: 400px){.benefits__accredited--card{width:75%}}@media screen and (min-width: 768px){.benefits__accredited--card{width:50%}}@media screen and (min-width: 992px){.benefits__accredited--card{width:100%}}@media screen and (min-width: 1200px){.benefits__accredited--card{width:75%}}.benefits__accredited--span-l{color:#fff;font-size:2.1rem;font-weight:bolder;display:block;line-height:1;margin-top:-10px;margin-bottom:5px}.benefits__accredited--span-s{color:#fff;font-size:1.1rem;font-style:italic;line-height:.5;font-weight:600;letter-spacing:-0.04rem}.benefits__accredited--span--source{display:block}.benefits__accredited--itransfer--wrapper{width:50%}.benefits__borders--circle-img{border:3px solid #fff;filter:drop-shadow(5px 5px 12px #b1b1b1);width:50%}@media screen and (min-width: 768px){.benefits__borders--circle-img{width:100%}}#page-top::before{display:block;content:" ";margin-top:-60px;height:60px;visibility:hidden;pointer-events:none}.hero-slider__slider--sub-heading{color:#fff;font-family:"Roboto",sans-serif;font-size:.7em;font-weight:400;letter-spacing:.01em;margin-bottom:2px;padding-top:5px;text-transform:uppercase}@media screen and (min-width: 768px){.hero-slider__slider--sub-heading{font-size:.9em}}@media screen and (min-width: 992px){.hero-slider__slider--sub-heading{font-size:1em}}@media screen and (min-width: 1200px){.hero-slider__slider--sub-heading{font-size:1.2em}}.hero-slider__slider--slide-heading{color:#fff;font-family:"Libre Franklin",sans-serif;font-size:1em;font-weight:300;letter-spacing:.02em;text-transform:uppercase}@media screen and (min-width: 360px){.hero-slider__slider--slide-heading{font-size:1.2em}}@media screen and (min-width: 768px){.hero-slider__slider--slide-heading{font-size:2.1em}}@media screen and (min-width: 992px){.hero-slider__slider--slide-heading{font-size:2.8em}}@media screen and (min-width: 1200px){.hero-slider__slider--slide-heading{font-size:3em}}.hero-slider__heading--bold{color:#fff;filter:drop-shadow(2px 2px 5px #000);font-family:"Libre Franklin",sans-serif;font-size:1em;font-weight:500;letter-spacing:.02em;text-transform:uppercase}@media screen and (min-width: 360px){.hero-slider__heading--bold{font-size:1.2em}}@media screen and (min-width: 768px){.hero-slider__heading--bold{font-size:2.1em}}@media screen and (min-width: 992px){.hero-slider__heading--bold{font-size:2.8em}}@media screen and (min-width: 1200px){.hero-slider__heading--bold{font-size:3em}}.hero-slider__slider{padding-left:0;padding-right:0}.hero-slider__slider--heading-container{margin-left:.5%;padding-left:5px;position:absolute;top:55%;z-index:4444}@media screen and (min-width: 488px){.hero-slider__slider--heading-container{top:63%}}@media screen and (min-width: 576px){.hero-slider__slider--heading-container{top:64%}}@media screen and (min-width: 768px){.hero-slider__slider--heading-container{padding-left:10px;top:64.5%}}@media screen and (min-width: 992px){.hero-slider__slider--heading-container{padding-left:20px;top:70%}}@media screen and (min-width: 1200px){.hero-slider__slider--heading-container{top:71%}}.hero-slider__slides-1 .hero-slider__slider--heading-container{width:100%}.hero-slider__slides-2 .hero-slider__slider--heading-container{width:18.5%}.hero-slider__slides-3 .hero-slider__slider--heading-container{width:13%}.hero-slider__slides-4 .hero-slider__slider--heading-container{width:10%}.hero-slider__slides-5 .hero-slider__slider--heading-container{width:8%}.hero-slider__slides-6 .hero-slider__slider--heading-container{width:6.65%}.hero-slider__slides-7 .hero-slider__slider--heading-container{width:5.75%}.hero-slider__slides-8 .hero-slider__slider--heading-container{width:4.85%}.hero-slider__slider--slide-img{position:relative;width:100%}.hero-slider__slider .slick-next{right:10px}.hero-slider__slider .slick-prev{left:10px;z-index:1}@media screen and (min-width: 488px){.hero-slider__slider .slick-next{right:20px}}@media screen and (min-width: 488px){.hero-slider__slider .slick-prev{left:20px}}@media screen and (min-width: 576px){.hero-slider__slider .slick-next{right:25px}.hero-slider__slider .slick-prev{left:25px}}.hero-slider__slider .slick-next,.hero-slider__slider .slick-prev{height:25px;top:75%;width:25px}@media screen and (min-width: 992px){.hero-slider__slider .slick-next,.hero-slider__slider .slick-prev{height:40px;top:80%;width:40px}}.hero-slider__slider .slick-dots li button:before{color:#e5e8ed;font-size:12px;line-height:30px;opacity:1;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.hero-slider__slider .slick-dots li.slick-active button:before{color:#0f3b63;opacity:1;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.hero-slider__slider .slick-dots li{margin-left:1px;margin-right:1px;padding-left:0;padding-right:0}.hero-slider__slider--slide-img{border-style:solid;border-width:1px;border-color:transparent}.hero-slider__slide-img--border{border-color:rgba(0,0,0,.25)}.hero-slider__slider{visibility:hidden}.slick-initialized{visibility:visible}.slick-next::before{content:url("/assets/img/dbl-next_mobile.svg")}.slick-prev::before{content:url("/assets/img/dbl-prev_mobile.svg")}@media screen and (min-width: 992px){.slick-next::before{content:url("/assets/img/dbl-next.svg")}.slick-prev::before{content:url("/assets/img/dbl-prev.svg")}}.hero-slider__button--toggle{background:transparent;border:none;color:transparent;cursor:pointer;display:block;font-size:0;height:auto;right:50%;margin-right:-12.5px;line-height:0;padding:0;position:absolute;bottom:0;transform:translate(0, -50%);width:25px}.hero-slider__button--toggle:focus-visible,.hero-slider__button--toggle:focus,.slick-next:focus-visible,.slick-prev:focus-visible{outline:-webkit-focus-ring-color auto 1px}button[id*=slick-slide-control]:focus-visible{outline:-webkit-focus-ring-color auto 1px}@media screen and (min-width: 992px){.hero-slider__button--toggle{width:40px;margin-right:-20px}}.hero-slider__button--toggle:before{content:url("/assets/img/pause_mobile.svg");opacity:.75}@media screen and (min-width: 992px){.hero-slider__button--toggle:before{content:url("/assets/img/pause.svg")}}.hero-slider__button--play:before{content:url("/assets/img/play_mobile.svg");opacity:.75}@media screen and (min-width: 992px){.hero-slider__button--play:before{content:url("/assets/img/play.svg")}}.hero-slider__button--toggle:hover,.hero-slider__button--toggle:focus{color:transparent;background:transparent}.hero-slider__button--toggle:hover:before,.hero-slider__button--toggle:focus:before{opacity:1}.img-hover__img-wrapper{margin:0 0 15px;right:0}@media(min-width: 767px){.img-hover__img-wrapper{margin:0 0 30px}}.img-hover__img-link{border-radius:5px;cursor:pointer;display:block;margin:0 auto;max-width:400px;overflow:hidden;position:relative}.img-hover__hover{background:#0f3b63;border-color:#c61f48;border-radius:5px;border-style:solid;border-width:5px;height:100%;position:absolute;transition:opacity ease .5s;width:100%;z-index:2;opacity:0}.img-hover__hover--inverse{opacity:.7}.img-hover__hover:hover,.img-hover__thumb-caption:hover+.img-hover__hover{opacity:.85}.img-hover__hover--inverse:hover,.img-hover__thumb-caption:hover+.img-hover__hover--inverse{opacity:0}.img-hover__img-ease{transition:transform 1s ease-in-out}.img-hover__img-link:hover img.img-hover__img-ease{transform:scale(1.2)}.img-hover__thumb-caption{color:#fff;font-size:20px;height:20px;margin-top:-12px;position:absolute;text-align:center;top:50%;width:100%;z-index:3}.sub-nav__nav-link{color:#0f3b63;font-family:"Oswald",sans-serif;font-weight:500;margin-left:10px;margin-right:10px;padding-left:5px;padding-right:5px}.sub-nav__nav-link:hover{color:#c61f48}.nav-item.active .sub-nav__nav-link{border-bottom-color:#c61f48;border-bottom-style:solid;border-bottom-width:thick;padding-bottom:0}.sub-nav__navbar{border-style:solid;border-width:1px;border-color:#b1b1b1;border-radius:3px}.sub-nav__content--wrapper{padding-left:25px;padding-right:25px}.card-section__col--margin-btm{margin-bottom:2.5rem}.card-section__text-wrapper{margin-bottom:10px;min-height:14rem}.contacts__section-margin{margin-top:40px}.contacts__col-bottom-margin{margin-bottom:40px}.contacts__padding-top{padding-top:40px}.contacts__col--img{margin-left:0;margin-right:-15px}@media screen and (min-width: 360px){.contacts__col--img{margin-left:5px}}@media screen and (min-width: 410px){.contacts__col--img{margin-left:10px}}@media screen and (min-width: 992px){.contacts__padding-left{padding-left:50px}}@media screen and (min-width: 1200px){.contacts__padding-left{padding-left:70px}}.contacts__portrait{border-color:#fff;border-style:solid;border-width:5px}.accordion__padding-left{padding-left:0}.accordion__typography--card-header .btn-link{color:#0f3b63;font-family:"Open Sans",sans-serif;font-size:1.4rem;font-weight:700;text-align:left}.accordion__typography--card-header .btn-link:hover{color:#c61f48}.accordion__button::before{background-color:#0f3b63;border-radius:50%;color:#fff;content:"-";display:inline-block;font-family:"Open Sans",sans-serif;font-size:2rem;font-weight:400;height:30px;line-height:30px;margin-right:10px;position:relative;text-align:center;text-decoration:none !important;text-indent:0;vertical-align:middle;width:30px}.accordion__button.collapsed::before{content:"+"}.accordion__button{text-indent:-45px;margin-left:45px}.loader{text-align:center}.loader__img{height:100px;width:100px}@-webkit-keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}.loader__sync--animate{-webkit-animation-name:spin;animation-name:spin;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;transform-origin:center}.nav-global{background-color:#c61f48;height:56px;margin-left:0;margin-right:0;max-width:100%;min-width:100%;padding-bottom:5px;padding-left:5%;padding-top:5px;width:100%;z-index:1031}.nav-global__kcc-logo{margin-left:5px;width:190px}@media screen and (min-width: 360px){.nav-global__kcc-logo{width:220px}}@media screen and (min-width: 375px){.nav-global__kcc-logo{width:230px}}@media screen and (min-width: 410px){.nav-global__kcc-logo{width:255px}}@media screen and (min-width: 488px){.nav-global__kcc-logo{width:260px}}@media screen and (min-width: 576px){.nav-global__kcc-logo{width:300px}}@media screen and (min-width: 768px){.nav-global__kcc-logo{width:320px}}@media screen and (min-width: 992px)and (max-width: 1100px){.nav-global__kcc-logo{margin-left:-25px;width:310px}}@media screen and (min-width: 1100px){.nav-global__kcc-logo{margin-left:-25px;width:340px}}.clearSearch{background-position:center 72px;padding-top:72px}.search-row{background-color:#005bac;height:46px}.nav-global__gcse-wrapper{margin-left:-5px}@media screen and (min-width: 992px){.nav-global__gcse-wrapper{display:block;float:right;margin-top:-18px;width:50%}}.nav-global__search-icon{background-position:center;background-size:20px 20px;background-repeat:no-repeat;display:inline;height:22px;margin:4px;pointer-events:none;width:22px}@media screen and (min-width: 360px){.nav-global__search-icon{background-size:21px 21px}}@media screen and (min-width: 410px){.nav-global__search-icon{background-size:22px 22px}}@media screen and (min-width: 576px){.nav-global__search-icon{background-size:24px 24px;height:24px;width:24px}}@media screen and (min-width: 768px){.nav-global__search-icon{background-size:25px 25px;height:26px;width:26px}}.nav-global .nav-global__search-toggle .nav-global__search-icon{float:right}.nav-global__search-collapse{display:none;margin-top:-113px}@media screen and (min-width: 576px){.nav-global__search-collapse{margin-top:-115px}}@media screen and (min-width: 992px){.nav-global__search-collapse{display:block;margin-left:0;margin-right:0;margin-top:0}}.nav-global__search-collapse--visible{display:block;width:100%}.nav-global__search-toggle{top:40px;text-decoration:none !important}.nav-global__search--conatiner{max-width:1100px;margin-left:auto;margin-right:auto}.nav-global__search--open-background{width:120%;background-color:#c61f48;height:65px;position:absolute;z-index:-1;top:-60px;left:-40px}.nav-global__navbar-brand{margin-left:-10px}@media screen and (min-width: 410px){.nav-global__navbar-brand{margin-left:-15px}}@media screen and (min-width: 488px){.nav-global__navbar-brand{margin-left:-20px}}@media screen and (min-width: 576px){.nav-global__navbar-brand{margin-left:-25px}}@media screen and (min-width: 768px){.nav-global__navbar-brand{margin-left:-35px}}@media screen and (min-width: 992px){.nav-global__navbar-brand{margin-left:-20px}}@media screen and (min-width: 1000px){.nav-global__navbar-brand{margin-left:-18px}}@media screen and (min-width: 1080px){.nav-global__navbar-brand{margin-left:-22px}}@media screen and (min-width: 1200px){.nav-global__navbar-brand{margin-left:-2.5%}}@media screen and (min-width: 1600px){.nav-global__navbar-brand{margin-left:-3%}}@media screen and (min-width: 1900px){.nav-global__navbar-brand{margin-left:-3.25%}}@media screen and (min-width: 2000px){.nav-global__navbar-brand{margin-left:-3.5%}}.nav-global__kcc-logo-inverse{margin-left:-3px;width:50px;margin-right:-10px}@media screen and (min-width: 360px){.nav-global__kcc-logo-inverse{width:60px}}@media screen and (min-width: 410px){.nav-global__kcc-logo-inverse{width:68px}}@media screen and (min-width: 488px){.nav-global__kcc-logo-inverse{width:68px}}@media screen and (min-width: 576px){.nav-global__kcc-logo-inverse{width:73px}}@media screen and (min-width: 768px){.nav-global__kcc-logo-inverse{width:80px}}@media screen and (min-width: 992px){.nav-global__kcc-logo-inverse{width:80px;margin-left:-30px;margin-right:20px}}@media screen and (min-width: 1100px){.nav-global__kcc-logo-inverse{width:85px;margin-right:15px}}@media screen and (min-width: 1300px){.nav-global__kcc-logo-inverse{width:85px;margin-left:-35px}}@media screen and (min-width: 1400px){.nav-global__kcc-logo-inverse{width:85px;margin-left:-40px}}.nav-local{top:55px;border-bottom-color:#b1b1b1;border-bottom-style:solid;border-bottom-width:1px}.nav-local__search-toggle{top:86px}.nav-local .nav-link{margin-left:10px;margin-right:10px}@media screen and (min-width: 992px){.nav-local .nav-link{margin-left:5px;margin-right:5px}}@media screen and (min-width: 1200px){.nav-local .nav-link{margin-left:10px;margin-right:10px}}#mainNav .navbar-brand{transition:transform ease .4s}@media screen and (min-width: 992px){#mainNav.navbar-shrink{padding-top:0;padding-bottom:0;opacity:.96}#mainNav.navbar-shrink .navbar-brand{transform:scale(0.8, 0.8)}}.yt-embed__wrapper{height:0;overflow:hidden;padding-bottom:56.25%;padding-top:30px;position:relative}.yt-embed__wrapper iframe{height:100%;left:0;position:absolute;top:0;width:100%}.breadcrumbs{background-color:transparent;border-bottom-color:rgba(0,0,0,.25);border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-style:solid;border-bottom-width:thin;margin-bottom:1.5rem}.breadcrumbs--margin-top{margin-top:125px}.breadcrumbs--home{vertical-align:bottom}.breadcrumbs--home--house{fill:none;stroke:#666;stroke-width:1.5;stroke-linejoin:round;stroke-miterlimit:10}.breadcrumbs--home--border{fill:none}.breadcrumb-item+.breadcrumb-item::before{content:url("/assets/img/keyboard_arrow_right.svg");opacity:.5}.positioning__margin-bottom{margin-bottom:30px}@media screen and (min-width: 1200px){.positioning__margin-bottom{margin-bottom:40px}}.positioning__margin-top{margin-top:30px}@media screen and (min-width: 1200px){.positioning__margin-top{margin-top:40px}}.positioning__heading-margin-bottom{margin-bottom:15px}@media screen and (min-width: 1200px){.positioning__heading-margin-bottom{margin-bottom:20px}}.position__offset-fixed-nav{margin-top:105px}@media screen and (min-width: 360px){.position__offset-fixed-nav{margin-top:110px}}@media screen and (min-width: 410px){.position__offset-fixed-nav{margin-top:120px}}@media screen and (min-width: 576px){.position__offset-fixed-nav{margin-top:125px}}@media screen and (min-width: 768px){.position__offset-fixed-nav{margin-top:130px}}@media screen and (min-width: 992px){.position__offset-fixed-nav{margin-top:170px}}.position__sub-nav--offset-fixed-nav{margin-bottom:15px;margin-top:130px}@media screen and (min-width: 360px){.position__sub-nav--offset-fixed-nav{margin-bottom:20px;margin-top:135px}}@media screen and (min-width: 410px){.position__sub-nav--offset-fixed-nav{margin-top:140px}}@media screen and (min-width: 576px){.position__sub-nav--offset-fixed-nav{margin-top:145px}}@media screen and (min-width: 768px){.position__sub-nav--offset-fixed-nav{margin-top:150px}}@media screen and (min-width: 992px){.position__sub-nav--offset-fixed-nav{margin-top:155px}}@media screen and (min-width: 1200px){.position__sub-nav--offset-fixed-nav{margin-top:160px}}.positioning__iframe-wrapper{margin-bottom:20px;position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.positioning__iframe-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.positioning__offset-global-nav{margin-top:60px}.positioning__accordian--padding{margin-top:15px;padding-left:5px;padding-right:5px}@media screen and (min-width: 992px){.positioning__accordian--padding{margin-top:60px}}.positioning__accordian-marg{margin-top:75px}.positioning__card--spacing{margin-bottom:40px}.positioning__first-section--marg{margin-top:15px;background-color:#ccdde1;padding-bottom:25px;padding-top:25px}@media screen and (min-width: 1200px){.positioning__first-section--marg{margin-top:15px}}.positioning__section--marg{margin-top:35px}@media screen and (min-width: 1200px){.positioning__section--marg{margin-top:65px}}.positioning__row--pad{margin-top:25px}.positioning__register--itransfer-img{width:120px;margin-top:40px}@media screen and (min-width: 400px){.positioning__register--itransfer-img{width:140px}}@media screen and (min-width: 768px){.positioning__register--itransfer-img{width:150px}}@media screen and (min-width: 992px){.positioning__register--itransfer-img{padding-left:25px}}.positioning__register--mobile-row--pad{padding-left:0}@media screen and (min-width: 576px){.positioning__register--mobile-row--pad{padding-left:20%}}@media screen and (min-width: 992px){.positioning__register--mobile-row--pad{padding-left:0}}.positioning__register--idfpr-img{width:330px;margin-top:60px}@media screen and (max-width: 992px){.positioning__register--idfpr-img{margin-bottom:15px}}.positioning__register--iccb-img{width:250px}@media screen and (max-width: 992px){.positioning__register--iccb-img{margin-top:15px}}.positioning__heading--row{margin-top:16%}.positioning__check-svg{margin-top:-60px;width:80px}.positioning__blue-section{background-color:#ccdde1;padding-bottom:25px;padding-top:25px}.positioning__col--offset{margin-right:-25px}@media screen and (min-width: 768px){.positioning__col--offset{margin-right:-45px}}.positioning__offset-global-nav{margin-top:60px}@media screen and (min-width: 768px){.position__col--min-height{min-height:15rem}}@media screen and (min-width: 992px){.position__col--min-height{min-height:12rem}}@media screen and (min-width: 1200px){.position__col--min-height{min-height:9rem}}.position__offset-core-nav{margin-top:99px}.position__offset-core-nav.position__campus-alerts--open{margin-top:109px}@media screen and (min-width: 992px){.position__offset-core-nav{margin-top:80px}.position__offset-core-nav.position__campus-alerts--open{margin-top:93px}}.position__offset-alert{margin-top:0;padding-top:125px;height:1px}.position__offset-alert--visible{height:auto}@media screen and (min-width: 400px){.position__offset-alert{padding-top:135px}}@media screen and (min-width: 576px){.position__offset-alert{padding-top:140px}}@media screen and (min-width: 768px){.position__offset-alert{padding-top:145px}}@media screen and (min-width: 992px){.position__offset-alert{padding-top:150px}}.position__offset-alert.position__offset-alert-core{margin-top:0;padding-top:115px}@media screen and (min-width: 992px){.position__offset-alert.position__offset-alert-core{padding-top:110px}}.margins__col--top{margin-top:40px}.margins__col--btm{margin-bottom:40px}.margins__heading--btm{margin-bottom:40px}.margins__heading-tan--btm{margin-bottom:21px}.margins__bottom--none{margin-bottom:0}.padding__col--mobile-none{padding-left:0;padding-right:0}@media screen and (min-width: 992px){.padding__col--mobile-none{padding-left:15px;padding-right:15px}}.padding__x--none{padding-left:0;padding-right:0}.tables td,.tables th{border-style:solid;border-width:thin;border-color:gray;padding-left:5px;padding-right:5px}.section__heading-underline{background-image:url(/assets/img/heading-bg-underline-transparent.png);background-repeat:no-repeat;background-position:0 50px}.section__heading-underline--transparent{background-image:url(/assets/img/heading-bg-underline-transparent.png);background-repeat:no-repeat;background-position:0 50px}.section__heading-underline-tan{background-image:url(/assets/img/heading-bg-underline-transparent.png);background-repeat:no-repeat;background-position:0 50px}.section__margin-bottom{margin-bottom:3rem}.background__color--tan{background-color:#fcf1d6}.thank-you__check-mark{height:75px;width:75px}.home__col--heading-underline{background-image:url("/assets/img/heading-bg-underline-transparent.png");background-repeat:no-repeat;background-position:0 50px}.home__col--heading-underline-tan{background-image:url("/assets/img/heading-bg-underline-transparent.png");background-repeat:no-repeat;background-position:0 50px;bottom:-20px}

data/assets/js/nav/megaNav/closeMegaNavOnClick.js

@@ -4,47 +4,19 @@ const MENU_COLLAPSE = 'headerGlobalNavbarContent';  // ID from the HTML
 const HIDE = 'hide';  // Bootstrap 4 class
 const SHOW = 'show';  // Bootstrap 4 class
 
-function hideBootstrapMenu() {
-  MENU_COLLAPSE_JQUERY.collapse(HIDE);
-}
-
-function checkIfMenuIsOpen() {
-  if ( document.getElementById(MENU_COLLAPSE).classList.contains(SHOW) ) {
-    return true;
-  }
-  return false;
-}
-
-function hideMenuIfOpen(menuIsOpen) {
-  if ( menuIsOpen ) {
-    hideBootstrapMenu();
-  } else {
-    return;
-  }
-}
-
 function clickHandlerFunction(e) {
-  if ( !e.target.matches(NAV_LINKS_SELECTOR) )  // Bail out of the rest of the code if the click event's target is not what we want!
-    return;
-
-  if ( e.target.classList.contains('dropdown-toggle') )
+  if ( !e.target.matches(NAV_LINKS_SELECTOR) || e.target.classList.contains('dropdown-toggle') )  // Bail out of the rest of the code if the click event's target is not what we want!
     return;
 
+  const menuIsOpen = document.getElementById(MENU_COLLAPSE).classList.contains(SHOW) ? true : false;
 
-  const menuIsOpen = checkIfMenuIsOpen();
-
-  hideMenuIfOpen(menuIsOpen);
-}
-
-function addEventListenerFunction(element, clickEvent) {
-  element.addEventListener(clickEvent, clickHandlerFunction, false);
+  if (menuIsOpen) {
+    MENU_COLLAPSE_JQUERY.collapse(HIDE);
+  }
 }
 
 function closeMenuOnClick() {
-  const clickEvent = 'click';
-  const element = document;
-
-  addEventListenerFunction(element, clickEvent);
+  document.addEventListener('click', clickHandlerFunction);
 }
 
 export default closeMenuOnClick;

data/assets/js/nav/megaNav/googleCustomSearch.js

@@ -1,5 +1,3 @@
-import initSearchToggle from './searchToggleMegaNav.js';
-
 const FOCUSABLE_GOOGLE_CUSTOM_SEARCH_SELECTORS_ARR = [
   '#gsc-i-id1',
   '#gs_st50 .gsst_a',
@@ -46,67 +44,118 @@ function addAttribute(selector, attr, val) {
 }
 
 function gcsInit() {  // Init The GCS JS
-  var cx = '006320264078644364913:sy48bet-lr8';
-  var gcse = document.createElement('script');
-  gcse.type = 'text/javascript';
-  gcse.async = true;
-  gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
-  var s = document.getElementsByTagName('script')[0];
-  s.parentNode.insertBefore(gcse, s);
+  return new Promise((resolve, reject) => {
+    const cx = '006320264078644364913:sy48bet-lr8';
+    const gcse = document.createElement('script');
+
+    gcse.type = 'text/javascript';
+    gcse.async = true;
+    gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
+
+    gcse.onload = () => resolve(gcse);
+    document.head.append(gcse);
+  });
 }
 
 function googleCustomSearchInit() {
-  if ( document.getElementById(SEARCH_DIV_WRAPPER_ID) ) {
-    let initSearchPromise = new Promise((resolve, reject) => {
-      gcsInit();
-      resolve();
-    });
-    initSearchPromise.then(() => {
-      let addIdPromise = new Promise((resolve, reject) => {
-
-        const targetNode = document.getElementById('searchCollapse');
-        const config = { attributes: true, childList: true, subtree: true };
-        const callback = function(mutationsList, observer) {
-            for(const mutation of mutationsList) {
-                if (mutation.type == 'childList') {
-                  addId();
-                  let len = FOCUSABLE_GOOGLE_CUSTOM_SEARCH_SELECTORS_ARR.length;
-                  for (var i = 0; i < len; i++) {
-                    addAttribute(FOCUSABLE_GOOGLE_CUSTOM_SEARCH_SELECTORS_ARR[i], 'tabindex', '-1'); // Make Elements initially unfocusable, so that screen readers don't pick up the hidden GCS
-                  }
-                  resolve();
-                }
-            }
-        };
-        const observer = new MutationObserver(callback);  // Using a MutationObserver to watch for changes in the Google Custom Search Elements that got built into the page from `gcsInit()`
-        observer.observe(targetNode, config);
-        // Later, you can stop observing
-        //observer.disconnect();
-      });
-      addIdPromise.then(() => {
-        checkXIcon();
-        const targetNode = document.getElementById('xIcon');
-        const config = { attributes: true, childList: true, subtree: true };
-        const callback = function(mutationsList, observer) {
-            for(const mutation of mutationsList) {
-                if (mutation.type == 'attributes') {
-                  const xIsHidden = targetNode.getAttribute('style') === 'display: none;';
-                  if (xIsHidden) {
-                    removeClear();
-                  } else {
-                    clearXIcon();
-                  }
+  if (!document.getElementById(SEARCH_DIV_WRAPPER_ID))
+    return;
+  
+  gcsInit().then(s => {
+    return new Promise((resolve, reject) => {
+      const targetNode = document.getElementById('searchCollapse');
+      const config = { attributes: true, childList: true, subtree: true };
+      const callback = function(mutationsList, observer) {
+          for(const mutation of mutationsList) {
+              if (mutation.type == 'childList') {
+                addId();
+                let len = FOCUSABLE_GOOGLE_CUSTOM_SEARCH_SELECTORS_ARR.length;
+                for (var i = 0; i < len; i++) {
+                  addAttribute(FOCUSABLE_GOOGLE_CUSTOM_SEARCH_SELECTORS_ARR[i], 'tabindex', '-1'); // Make Elements initially unfocusable, so that screen readers don't pick up the hidden GCS
                 }
-            }
-        };
-        const observer = new MutationObserver(callback);
-        observer.observe(targetNode, config);
-        // Later, you can stop observing
-        //observer.disconnect();
-        initSearchToggle();
-      });
+                resolve(observer.disconnect());
+              }
+          }
+      };
+      const observer = new MutationObserver(callback);  // Using a MutationObserver to watch for changes in the Google Custom Search Elements that got built into the page from `gcsInit()`
+      observer.observe(targetNode, config);
+      // Later, you can stop observing
+      //observer.disconnect();
     });
-  }
+  }).then(() => {
+    checkXIcon();
+    const targetNode = document.getElementById('xIcon');
+    const config = { attributes: true, childList: true, subtree: true };
+    const callback = function(mutationsList, observer) {
+        for(const mutation of mutationsList) {
+            if (mutation.type == 'attributes') {
+              const xIsHidden = targetNode.getAttribute('style') === 'display: none;';
+              if (xIsHidden) {
+                removeClear();
+              } else {
+                clearXIcon();
+              }
+            }
+        }
+    };
+    const observer = new MutationObserver(callback);
+    observer.observe(targetNode, config);
+    // Later, you can stop observing
+    //observer.disconnect();
+    import('./searchToggleMegaNav.js').then(({default: initSearchToggle}) => initSearchToggle())
+  })
+
+
+    // let initSearchPromise = new Promise((resolve, reject) => {
+    //   gcsInit();
+    //   resolve();
+    // });
+    // initSearchPromise.then(() => {
+    //   let addIdPromise = new Promise((resolve, reject) => {
+
+    //     const targetNode = document.getElementById('searchCollapse');
+    //     const config = { attributes: true, childList: true, subtree: true };
+    //     const callback = function(mutationsList, observer) {
+    //         for(const mutation of mutationsList) {
+    //             if (mutation.type == 'childList') {
+    //               addId();
+    //               let len = FOCUSABLE_GOOGLE_CUSTOM_SEARCH_SELECTORS_ARR.length;
+    //               for (var i = 0; i < len; i++) {
+    //                 addAttribute(FOCUSABLE_GOOGLE_CUSTOM_SEARCH_SELECTORS_ARR[i], 'tabindex', '-1'); // Make Elements initially unfocusable, so that screen readers don't pick up the hidden GCS
+    //               }
+    //               resolve();
+    //             }
+    //         }
+    //     };
+    //     const observer = new MutationObserver(callback);  // Using a MutationObserver to watch for changes in the Google Custom Search Elements that got built into the page from `gcsInit()`
+    //     observer.observe(targetNode, config);
+    //     // Later, you can stop observing
+    //     //observer.disconnect();
+    //   });
+    //   addIdPromise.then(() => {
+    //     checkXIcon();
+    //     const targetNode = document.getElementById('xIcon');
+    //     const config = { attributes: true, childList: true, subtree: true };
+    //     const callback = function(mutationsList, observer) {
+    //         for(const mutation of mutationsList) {
+    //             if (mutation.type == 'attributes') {
+    //               const xIsHidden = targetNode.getAttribute('style') === 'display: none;';
+    //               if (xIsHidden) {
+    //                 removeClear();
+    //               } else {
+    //                 clearXIcon();
+    //               }
+    //             }
+    //         }
+    //     };
+    //     const observer = new MutationObserver(callback);
+    //     observer.observe(targetNode, config);
+    //     // Later, you can stop observing
+    //     //observer.disconnect();
+    //     initSearchToggle();
+    //   });
+    // });
+
 }
 
 export default googleCustomSearchInit;

data/assets/js/nav/megaNav/megaNav.js

@@ -2,12 +2,13 @@ import toggleMenuOnWindowResize from './toggleMenuOnWindowResize.js';
 import toggleDropdownOnWindowResize from './toggleDropdownOnWindowResizeTwo.js';
 import googleCustomSearchInit from './googleCustomSearch.js';
 import closeMenuOnClick from './closeMegaNavOnClick.js';
-import underlineCurrentSite from './underlineCurrentSite.js';
 
-document.addEventListener('DOMContentLoaded', function() {
+export default function megaNav() {
   googleCustomSearchInit();
-  underlineCurrentSite();
+  if (window.location.pathname == '/') {
+    import('./underlineCurrentSite').then(({default: underlineCurrentSite}) => underlineCurrentSite())
+  }
   toggleMenuOnWindowResize();
   toggleDropdownOnWindowResize();
   closeMenuOnClick();
-});
+}

data/assets/js/nav/megaNav/searchToggleMegaNav.js

@@ -82,15 +82,11 @@ function clickEventHandler(event) {
   }
 }
 
-function addClickEventListener() {
-  document.addEventListener('click', clickEventHandler);
-}
-
 function initSearchToggle() {
   if ( ! document.getElementById('openSearchButton') )
     return;
 
-  addClickEventListener();
+    document.addEventListener('click', clickEventHandler);
 }
 
 export default initSearchToggle;

data/assets/js/nav/megaNav/toggleMenuOnWindowResize.js

@@ -1,13 +1,9 @@
 // Custom JS to Close the Navigation menu, if its open, & if the screen goes above 992px wide (Bootstrap 4 'lg' devices)
 const NAVBAR_COLLAPSE_ID = 'headerGlobalNavbarContent'; // ID built into the sites' HTML
 
-function collapseElement(el) {
-  $(el).collapse('hide'); // Bootstrap 4 `.collapse()` method.
-}
-
 function checkNavbarCollapseState(menuEl) {
   if ( menuEl.classList.contains('show') ) { // 'show' is a Bootstrap 4 class that makes `.collapse` items visible. // Checking to see if the Menu is open
-    collapseElement(menuEl);
+    $(menuEl).collapse('hide'); // Bootstrap 4 `.collapse()` method.
   }
 }
 

data/assets/js/nav/megaNav/underlineCurrentSite.js

@@ -1,19 +1,14 @@
 const  NAV_GLOBAL_BOTTOM_NAV_ITEMS = document.getElementById('navGlobalBottom'); // ID from the HTML
 
 function underlineCurrentSite() {
-  // JS is fun!
-  if (window.location.pathname === '/') // YOU DON'T NEED TO RUN THIS ON THE HOMEPAGE!!
-    return;
-  //console.log('execution of further functions has ceased.');
   const NAV_ITEMS = NAV_GLOBAL_BOTTOM_NAV_ITEMS.querySelectorAll('li');  // Navigation HTML structure uses <ul><li>...</li><li>...</li></ul> which is common markup for a Bootrap's nav (from their documentation)
   const url = window.location.pathname.replace(/(^\/|\/$)/g, '');
-  //console.log(url);
 
   for (let i = 0, len = NAV_ITEMS.length; i < len; i++) {
     let NAV_CATEGORIES = NAV_ITEMS[i].dataset.nav; // Comes from data-set attributes built into the HTML
 
     if ( url.search(NAV_CATEGORIES) !== -1 ) {
-      let NAV_LINK = NAV_ITEMS[i].querySelector('a'); // Again, pretty standard bootstrap navigation HTML struture to have anchors in the <li>
+      let NAV_LINK = NAV_ITEMS[i].querySelector('a');
 
       return NAV_LINK.classList.add('header-global__nav-bottom--underlined'); // return breaks the loop and this is the class to underline stuff with
     }

data/assets/js/src/all.js

@@ -15,33 +15,62 @@ function loadModule(...moduleArgs) {
 
 // Modules that load before window.onload
 window.addEventListener('load', () => {
-  loadModule('walkText', 'walkText', document.body)
-  document.querySelector('img[data-src]') ? loadModule('lazyLoad') : null;
-  loadModule('footerDate')
-  loadModule('addClassToOpenNavbar')
-  document.getElementById('errorPageSearch') ? loadModule('errorPageSearch', 'errorPageSearch') : null;
-});
 
-// Modules that load before DOMContentLoaded happens
-document.addEventListener('DOMContentLoaded', function () {
-  if (document.querySelector('.hero-slider__slider')) {
-    Promise.resolve()
-      .then(() => loadModule('wrapPowerText'))
-      .then(() => loadModule('sliders', 'initSliders'))
-      .catch((err) => console.error(`Error loading slider modules :${err}`, err))
-  }
-  if (window.localStorage.getItem('darkModeSetting') == 'true' || window.location.pathname == '/settings/') {
-    import('./darkMode').then(({ default: darkMode }) => {
-      return darkMode;
-    }).then(darkMode => {
-      import('../../scss/darkMode.scss').then(() => {
-        return darkMode();
-      });
+//  1.) Import hero slider JS modules
+// './wrapPowerText'
+// 'sliders', 'initSliders'
+// Hero slider module import error handler
+
+// 2.) 'walkText', 'walkText', document.body
+// 3.) 'lazyLoad'
+// 4.) 'footerDate'
+// 5.) 'addClassToOpenNavbar'
+// 6.) 'errorPageSearch'
+  
+// 7. 'darkMode' JS modules
+// 8.) 'darkMode.scss'
+  
+// 9. '../../scss/searchPageOverrides.scss'
+// 10.) document.getElementById('google_translate_element') ? loadModule('translateScript', 'watchForMenuClicks') : null;
+  
+  import('../alerts/alerts')
+    .then(({ default: alerts }) => alerts())
+    .then(() => {
+      if (document.querySelector('.hero-slider__slider')) {
+        Promise.resolve()
+          .then(() => loadModule('wrapPowerText'))
+          .then(() => loadModule('sliders', 'initSliders'))
+          .catch((err) => console.error(`Error loading slider modules :${err}`, err))
+      }
+      loadModule('walkText', 'walkText', document.body)
+      document.querySelector('img[data-src]') ? loadModule('lazyLoad') : null;
+      loadModule('footerDate')
+      loadModule('addClassToOpenNavbar')
+      document.getElementById('errorPageSearch') ? loadModule('errorPageSearch', 'errorPageSearch') : null;
+    })
+    .then(async () => {
+      const { default: megaNav } = await import('../nav/megaNav/megaNav');
+      return megaNav();
     })
-  }
-  if (window.location.pathname == "/search/") {
-    import('../../scss/searchPageOverrides.scss')
-      .catch(err => console.error(`Error loading searchPageOverrides.scss \n${err}`, err));
-  }
-  document.getElementById('google_translate_element') ? loadModule('translateScript', 'watchForMenuClicks') : null;
+    .catch(err => console.error(`Error loading window.onload modules: ${err}`, err))
+  
+    if (window.localStorage.getItem('darkModeSetting') == 'true' || window.location.pathname == '/settings/') {
+      import('./darkMode').then(({ default: darkMode }) => {
+        return darkMode;
+      }).then(darkMode => {
+        import('../../scss/darkMode.scss').then(() => {
+          return darkMode();
+        });
+      })
+    }
+    if (window.location.pathname == "/search/") {
+      import('../../scss/searchPageOverrides.scss')
+        .catch(err => console.error(`Error loading searchPageOverrides.scss \n${err}`, err));
+    }
+    if (document.getElementById('google_translate_element')) {
+      import('./translateScript').then(({ default: watchForMenuClicks }) => {
+        return watchForMenuClicks();
+      })
+    }
 });
+

data/assets/scss/0-tools/_vars.scss

@@ -85,3 +85,6 @@ $btn-hover-bg: #022b55;
 $btn-hover-border: #021e3d;
 $darker-link: #006ce0;
 $orange-heading: $color-orange;
+
+$color-bs-blue: #007bff;
+$color-bs-blue-hover: #0056b3;

data/assets/scss/1-base/_header-global.scss

@@ -75,6 +75,12 @@
   }
 }
 
+@media screen and (min-width: 992px) {
+  .header-global {
+    border-bottom: solid 1px rgba(0,0,0,.5);
+  }
+}
+
 .header-global__open {
   bottom: 0;
   overflow-x: hidden;

data/assets/scss/1-base/_svg.scss

@@ -78,8 +78,7 @@
   }
 }
 
-
-
+// Styling of the little sync icon that refreshes the KCC-alerts system/message
 .svg__sync {
   fill: $color-blue-reboot;
   transition: fill ease-in-out .2s;
@@ -89,3 +88,29 @@ button:hover .svg__sync,
 button:focus .svg__sync {
   fill: $color-blue-reboot-hover;
 }
+
+// Styling for `_includes/svg/mykcc.html` - which is a stylized MyKCC link
+// For creating a a stylized MyKCC link via {% include svg/mykcc.html %}
+/**
+*
+* TODO -  Remove these style rules (and `_includes/svg/mykcc.html`) when gem version is higher 
+*         than kcc-gem-theme-2.14.1.gem - these style rules are being moved into the theme
+*
+*/
+
+.svg__mykcc {
+  display: inline-block;
+  height: 1.5rem;
+  width: 80px;
+  fill: $color-bs-blue;
+}
+
+a.svg__link--no-decoration:hover,
+a.svg__link--no-decoration:focus {
+  text-decoration: none;
+}
+
+a.svg__link--no-decoration:hover .svg__mykcc,
+a.svg__link--no-decoration:focus .svg__mykcc{
+  fill: $color-bs-blue-hover;
+}