kcc-gem-theme-original 1.0.0 → 1.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (43) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/contacts.html +4 -4
  3. data/_includes/hash/theme_hash.yml +1 -1
  4. data/_includes/hero-slider.html +1 -5
  5. data/_includes/nav-sub.html +1 -1
  6. data/assets/img/placeholder_16to9.jpg +0 -0
  7. data/assets/img/placeholder_16to9.svg +1 -0
  8. data/assets/js/dist/{13.197fcdd9ea9a90f7ba8e.bundle.js → 13.a3e46e0e2fed29d4a55b.bundle.js} +1 -1
  9. data/assets/js/dist/3.a3e46e0e2fed29d4a55b.bundle.js +1 -0
  10. data/assets/js/dist/303.a3e46e0e2fed29d4a55b.bundle.js +1 -0
  11. data/assets/js/dist/354.a3e46e0e2fed29d4a55b.bundle.js +1 -0
  12. data/assets/js/dist/{3.197fcdd9ea9a90f7ba8e.bundle.js → 384.a3e46e0e2fed29d4a55b.bundle.js} +1 -1
  13. data/assets/js/dist/{453.197fcdd9ea9a90f7ba8e.bundle.js → 453.a3e46e0e2fed29d4a55b.bundle.js} +1 -1
  14. data/assets/js/dist/{635.197fcdd9ea9a90f7ba8e.bundle.js → 635.a3e46e0e2fed29d4a55b.bundle.js} +1 -1
  15. data/assets/js/dist/{873.197fcdd9ea9a90f7ba8e.bundle.js → 873.a3e46e0e2fed29d4a55b.bundle.js} +1 -1
  16. data/assets/js/dist/bootstrap.a3e46e0e2fed29d4a55b.css +1 -0
  17. data/assets/js/dist/{theme.197fcdd9ea9a90f7ba8e.bundle.js → theme.a3e46e0e2fed29d4a55b.bundle.js} +2 -2
  18. data/assets/js/dist/theme.a3e46e0e2fed29d4a55b.css +1 -0
  19. data/assets/js/src/alerts.js +1 -1
  20. data/assets/js/src/all.js +23 -11
  21. data/assets/js/src/sliders.js +36 -45
  22. data/assets/js/src/watchForWebsiteSearch.js +18 -0
  23. data/assets/js/src/wrapPowerText.js +1 -1
  24. data/assets/scss/1-base/_typography.scss +6 -2
  25. data/assets/scss/2-modules/_hero-slider.scss +12 -2
  26. data/assets/scss/3-layout/_positioning.scss +6 -0
  27. data/assets/scss/bootstrap.scss +1 -0
  28. metadata +26 -23
  29. data/assets/js/dist/303.197fcdd9ea9a90f7ba8e.bundle.js +0 -1
  30. data/assets/js/dist/384.197fcdd9ea9a90f7ba8e.bundle.js +0 -1
  31. data/assets/js/dist/bootstrap.197fcdd9ea9a90f7ba8e.css +0 -1
  32. data/assets/js/dist/theme.197fcdd9ea9a90f7ba8e.css +0 -1
  33. /data/assets/js/dist/{102.197fcdd9ea9a90f7ba8e.bundle.js → 102.a3e46e0e2fed29d4a55b.bundle.js} +0 -0
  34. /data/assets/js/dist/{13.197fcdd9ea9a90f7ba8e.bundle.js.LICENSE.txt → 13.a3e46e0e2fed29d4a55b.bundle.js.LICENSE.txt} +0 -0
  35. /data/assets/js/dist/{143.197fcdd9ea9a90f7ba8e.bundle.js → 143.a3e46e0e2fed29d4a55b.bundle.js} +0 -0
  36. /data/assets/js/dist/{183.197fcdd9ea9a90f7ba8e.bundle.js → 183.a3e46e0e2fed29d4a55b.bundle.js} +0 -0
  37. /data/assets/js/dist/{3.197fcdd9ea9a90f7ba8e.css → 384.a3e46e0e2fed29d4a55b.css} +0 -0
  38. /data/assets/js/dist/{453.197fcdd9ea9a90f7ba8e.bundle.js.LICENSE.txt → 453.a3e46e0e2fed29d4a55b.bundle.js.LICENSE.txt} +0 -0
  39. /data/assets/js/dist/{635.197fcdd9ea9a90f7ba8e.bundle.js.LICENSE.txt → 635.a3e46e0e2fed29d4a55b.bundle.js.LICENSE.txt} +0 -0
  40. /data/assets/js/dist/{723.197fcdd9ea9a90f7ba8e.bundle.js → 723.a3e46e0e2fed29d4a55b.bundle.js} +0 -0
  41. /data/assets/js/dist/{965.197fcdd9ea9a90f7ba8e.bundle.js → 965.a3e46e0e2fed29d4a55b.bundle.js} +0 -0
  42. /data/assets/js/dist/{bootstrap.197fcdd9ea9a90f7ba8e.bundle.js → bootstrap.a3e46e0e2fed29d4a55b.bundle.js} +0 -0
  43. /data/assets/js/dist/{theme.197fcdd9ea9a90f7ba8e.bundle.js.LICENSE.txt → theme.a3e46e0e2fed29d4a55b.bundle.js.LICENSE.txt} +0 -0
data/assets/js/dist/theme.a3e46e0e2fed29d4a55b.css ADDED
@@ -0,0 +1 @@
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}}.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:rgba(0,0,0,0) !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:rgba(0,0,0,0) !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}#google_translate_element{position:fixed;bottom:.25rem;right:.25rem !important;z-index:99999}.goog-te-gadget{font-family:Roboto,"Open Sans",sans-serif !important;text-transform:uppercase;font-weight:500}.goog-te-gadget:hover{color:#fff}.goog-te-gadget-simple{background-color:rgba(255,255,255,.85) !important;border:1px solid rgba(0,0,0,.95) !important;border-radius:4px !important;cursor:pointer;display:inline-block;font-size:1rem !important;height:100%;line-height:2rem !important;margin-right:5px;padding:8px !important;transition:background-color .2s;white-space:nowrap;zoom:1}.goog-te-gadget-simple:hover{background-color:rgba(0,123,255,.85) !important}.goog-te-gadget-simple:focus{background-color:rgba(0,123,255,.85) !important}.goog-te-gadget-simple:hover .VIpgJd-ZVi9od-xl07Ob-lTBxed{color:#fff !important}.VIpgJd-ZVi9od-xl07Ob-lTBxed{color:#000 !important;text-decoration:none !important}.VIpgJd-ZVi9od-xl07Ob-lTBxed:before{font-family:"Material Icons";content:"";margin-right:16px;font-size:2rem;vertical-align:-10px}.VIpgJd-ZVi9od-xl07Ob-lTBxed span:nth-child(5){display:none}.VIpgJd-ZVi9od-xl07Ob-lTBxed span:nth-child(3){border:none !important;font-family:"Material Icons"}.VIpgJd-ZVi9od-xl07Ob-lTBxed span:nth-child(3):after{font-family:"Material Icons";content:"";font-size:1.5rem;vertical-align:-6px}.goog-te-gadget-icon{background-image:url(https://placehold.it/32) !important;background-position:0px 0px;height:32px !important;width:32px !important;margin-right:8px !important;display:none}.VIpgJd-ZVi9od-ORHb-OEVmcd.skiptranslate{display:none !important}body{top:0px !important}@media(max-width: 667px){#google_translate_element{bottom:.25rem;left:16px !important;width:100% !important}#google_translate_element .goog-te-gadget{width:100% !important}#google_translate_element .skiptranslate{width:100% !important}#google_translate_element .goog-te-gadget-simple{width:calc(100% - 32px) !important;text-align:center}}a.VIpgJd-ZVi9od-xl07Ob-lTBxed{text-decoration:none !important}a.VIpgJd-ZVi9od-xl07Ob-lTBxed:hover{text-decoration:none !important}.VIpgJd-ZVi9od-vH1Gmf{border:none !important}body{font-size:1rem}.typography__nav-heading{color:#0f3b63;display:inline;font-family:"Eurostile",sans-serif;font-display:swap;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,.typography__p{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-display:swap;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;font-display:swap;line-height:1.2;font-size:1.2rem}.typography__alert{color:#856404}.typography__alert:last-child{margin-bottom:0}.typography__header-global--nav-bottom:hover{cursor:default}.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}}.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}.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--white{fill:#fff}.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}}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: 330px){.footer-icons{height:40px;width:40px}}@media screen and (min-width: 360px){.footer-icons{height:40px;margin:5px;width:40px}}@media screen and (min-width: 412px){.footer-icons{height:45px;width:45px}}@media screen and (min-width: 576px){.footer-icons{height:50px;width:50px}}@media screen and (min-width: 992px){.footer-icons{height:45px;margin:3px;width:45px}}@media screen and (min-width: 1053px){.footer-icons{height:45px;margin:5px;width:45px}}@media screen and (min-width: 1200px){.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;max-width:100%}.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;pointer-events:none;position:absolute;top:55%;width:10%;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-4{width:10%}.hero-slider__slides-8{width:5%}.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__slide-img--border{border-color:#d9d9d9;border-style:solid;border-width:thin}.hero-slider__slider div:first-child{margin-bottom:30px}.slick-initialized div:first-child{margin-bottom:0}.hero-slider__slider div:not(:first-child){visibility:hidden;display:none}.slick-initialized div:not(:first-child){visibility:visible;display:block}.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:rgba(0,0,0,0);border:none;color:rgba(0,0,0,0);cursor:pointer;display:block;font-size:0;height:25px;right:50%;margin-right:-12.5px;line-height:0;outline:none;padding:0;position:absolute;bottom:0;transform:translate(0, -50%);width:25px}@media screen and (min-width: 992px){.hero-slider__button--toggle{width:40px;bottom:25px;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:rgba(0,0,0,0);outline:none;background:rgba(0,0,0,0)}.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:all 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:all 1s ease-in-out}.img-hover__img-link:hover img.img-hover__img-ease{transform:scale(1.2, 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:28px;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}.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:all 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:rgba(0,0,0,0);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}}.positioning__max-width-600{max-width:600px;margin-left:auto;margin-right:auto}.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.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-tan.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.png);background-repeat:no-repeat;background-position:0 50px}.home__col--heading-underline-tan{background-image:url(/assets/img/heading-bg-underline-tan.png);background-repeat:no-repeat;background-position:0 50px;bottom:-20px}
data/assets/js/src/alerts.js CHANGED
@@ -10,7 +10,7 @@ function alerts(Collapse) {
10
10
  checkForPrefersReducedMotion();
11
11
 
12
12
  // Checks if our cached alert is already in sessionStorage
13
- if (window.sessionStorage.getItem('Alert-Content')) {
13
+ if (!window.sessionStorage.getItem('Alert-Content')) {
14
14
  // If not, build the alert from a new Google API response
15
15
  gapi.load('client', () => {
16
16
  start(Collapse);
data/assets/js/src/all.js CHANGED
@@ -14,29 +14,36 @@ import Collapse from 'bootstrap/js/dist/collapse';
14
14
 
15
15
  window.addEventListener('load', async () => {
16
16
 
17
- if (document.querySelector('[data-bs-toggle="dropdown"]')) {
18
- // Dropdown does not need to be called to existing dropdown HTML markup work
19
- const { default: Dropdown } = await import('bootstrap/js/dist/dropdown');
17
+ if (document.querySelector('.hero-slider__slider')) {
18
+ import('./wrapPowerText')
19
+ .then(({ default: wrapPowerText }) => wrapPowerText())
20
+ .then(() => {
21
+ import('./sliders')
22
+ .then(({ default: initSliders }) => initSliders())
23
+ })
24
+ // import('./sliders')
25
+ // .then(({ default: initSliders }) => initSliders())
26
+ // .then(() => {
27
+ // import('./wrapPowerText')
28
+ // .then(({ default: wrapPowerText }) => wrapPowerText())
29
+ // })
20
30
  }
21
31
 
22
32
  import('./alerts').then(({ default: alerts }) => alerts(Collapse));
23
33
 
24
34
  import('../nav/nav').then(({ default: nav }) => nav());
25
35
 
36
+ if (document.querySelector('[data-bs-toggle="dropdown"]')) {
37
+ // Dropdown does not need to be called to existing dropdown HTML markup work
38
+ const { default: Dropdown } = await import('bootstrap/js/dist/dropdown');
39
+ }
40
+
26
41
  if (document.getElementById('google_translate_element')) {
27
42
  import('../../scss/translate.scss').then(() => {
28
43
  import('./translate').then(({ default: translate }) => translate());
29
44
  })
30
45
  }
31
46
 
32
- if (document.querySelector('.hero-slider__slider')) {
33
- import('./wrapPowerText')
34
- .then(({ default: wrapPowerText }) => wrapPowerText())
35
- .then(() => {
36
- import('./sliders').then(({ default: initSliders }) => initSliders())
37
- })
38
- }
39
-
40
47
  if (document.querySelector('img[data-src]')) {
41
48
  import('./lazyLoad').then(({ default: lazyLoad }) => lazyLoad());
42
49
  }
@@ -47,6 +54,11 @@ window.addEventListener('load', async () => {
47
54
  }
48
55
 
49
56
  import('./walkText').then(({ default: walkText }) => walkText(document.body));
57
+
58
+ if (document.getElementById('SearchTermForm')) {
59
+ import('./watchForWebsiteSearch')
60
+ .then(({ default: watchForWebsiteSearch }) => watchForWebsiteSearch());
61
+ }
50
62
 
51
63
  if (document.querySelector('[data-bs-toggle="modal"]')) {
52
64
  // This import enables modals in pages with modal HTML markup
data/assets/js/src/sliders.js CHANGED
@@ -6,24 +6,6 @@ const SLICK_PAUSE = 'slickPause'; // Methods unique to slick
6
6
  const SLICK_NEXT_SLIDE = 'slickNext'; // Methods unique to slick
7
7
  const play = 'Play';
8
8
  const pause = 'Pause';
9
- // =============================================================================================== //
10
- // TODO: //
11
- // //
12
- // Rewrite below prevArrow & nextArrow as <button> elements (like slick's default arrows). //
13
- // //
14
- // =============================================================================================== //
15
-
16
- function initSlick() {
17
- $(heroSliderClassName).slick({
18
- dots: true,
19
- slidesToShow: 1,
20
- slidesToScroll: 1,
21
- autoplay: true,
22
- autoplaySpeed: 4000,
23
- prevArrow:'<button type="button" data-role="none" class="prev slick-prev" aria-label="Previous" role="button" style="display: block;">Previous</button>', // TODO: change to <button> el
24
- nextArrow:'<button type="button" data-role="none" class="next slick-next" aria-label="Next" role="button" style="display: block;">Next</button>' // TODO: change to <button> el
25
- });
26
- }
27
9
 
28
10
  function setAttributeOnEl(el, attr, value) {
29
11
  return el.setAttribute(attr, value);
@@ -37,45 +19,54 @@ function toggleSlickPlayState(el, slickState, newButtonText) {
37
19
  el.classList.toggle('hero-slider__button--play');
38
20
  el.innerHTML = newButtonText;
39
21
 
40
- newButtonTextIsPause ? $(heroSliderClassName).slick(SLICK_NEXT_SLIDE) : null;
22
+ if (newButtonTextIsPause) {
23
+ $(heroSliderClassName).slick(SLICK_NEXT_SLIDE);
24
+ }
41
25
  }
42
26
 
43
- function watchForElementClicks(el) {
44
- el.addEventListener('click', function(e) {
45
- let buttonTextIsPause = el.innerHTML === 'Pause';
27
+ function createButton(parent) {
28
+ const button = document.createElement('button');
46
29
 
47
- buttonTextIsPause ? toggleSlickPlayState(el, SLICK_PAUSE, play) : toggleSlickPlayState(el, SLICK_PLAY, pause);
48
- });
30
+ button.setAttribute('role', 'button');
31
+ button.setAttribute('type', 'button');
32
+ button.setAttribute('aria-label', 'Pause');
33
+ button.setAttribute('style', 'display: block;')
34
+ button.innerHTML = 'Pause';
35
+ button.classList.add('hero-slider__button--toggle');
36
+ parent.appendChild(button);
37
+ return button;
49
38
  }
50
39
 
51
- function createButton() {
40
+ function addButton() {
52
41
  const slickParent = document.querySelector(heroSliderClassName);
53
- const button = document.createElement('button');
54
- const initialButtonText = 'Pause';
42
+ const button = createButton(slickParent);
55
43
 
56
- setAttributeOnEl(button, 'role', 'button');
57
- setAttributeOnEl(button, 'type', 'button');
58
- setAttributeOnEl(button, 'aria-label', 'Pause');
59
- setAttributeOnEl(button, 'style', 'display: block;');
60
- button.innerHTML = initialButtonText;
61
- button.classList.add('hero-slider__button--toggle');
62
- slickParent.appendChild(button);
63
- watchForElementClicks(button);
64
- }
44
+ button.addEventListener('click', _e => {
45
+ const buttonTextIsPause = button.innerHTML === 'Pause';
65
46
 
66
- function watchForSlickInit(initFunction) {
67
- // slick's on 'init' function (See events in slick docs):
68
- $(heroSliderClassName).on('init', function(event, slick){ // According to slick doc's; you have to call a $(slick).on('init', function(){ //... }); before you initialize slick
69
- createButton();
47
+ if (buttonTextIsPause) {
48
+ toggleSlickPlayState(button, SLICK_PAUSE, play);
49
+ } else {
50
+ toggleSlickPlayState(button, SLICK_PLAY, pause);
51
+ }
70
52
  });
71
- initFunction(); // Initializing slick after the above `.on('init', function() {})`
72
53
  }
73
54
 
74
55
  function initSliders() {
75
- if ( ! document.querySelector(heroSliderClassName) )
76
- return;
77
-
78
- watchForSlickInit(initSlick);
56
+ // slick's on 'init' function (See events in slick docs):
57
+ $(heroSliderClassName).on('init', function(event, slick){ // According to slick doc's; you have to call a $(slick).on('init', function(){ //... }); before you initialize slick
58
+ addButton();
59
+ });
60
+ // Initializing slick after the above `.on('init', function() {})`
61
+ $(heroSliderClassName).slick({
62
+ dots: true,
63
+ slidesToShow: 1,
64
+ slidesToScroll: 1,
65
+ autoplay: true,
66
+ autoplaySpeed: 4000,
67
+ prevArrow:'<button type="button" data-role="none" class="prev slick-prev" aria-label="Previous" role="button" style="display: block;">Previous</button>', // TODO: change to <button> el
68
+ nextArrow:'<button type="button" data-role="none" class="next slick-next" aria-label="Next" role="button" style="display: block;">Next</button>' // TODO: change to <button> el
69
+ });
79
70
  }
80
71
 
81
72
  export default initSliders;
data/assets/js/src/watchForWebsiteSearch.js ADDED
@@ -0,0 +1,18 @@
1
+ const form = document.getElementById('SearchTermForm');
2
+ const searchURL = 'https://www.kcc.edu/search';
3
+
4
+ function submissionHandler(e) {
5
+ const target = e.target;
6
+ const searchString = encodeURIComponent(target.querySelector('#searchTermInput').value); // user enter search term into input element
7
+ // Google Custom Search can be triggered using a query string on the search page e.g. `?q=my-search`
8
+ const searchQuery = `?q=${searchString}`;
9
+
10
+ e.preventDefault();
11
+ return window.location = new URL(searchURL + searchQuery);
12
+ }
13
+
14
+ function watchForWebsiteSearch() {
15
+ form.addEventListener('submit', submissionHandler);
16
+ }
17
+
18
+ export default watchForWebsiteSearch;
data/assets/js/src/wrapPowerText.js CHANGED
@@ -1,5 +1,5 @@
1
1
  const slideHeadingList = document.querySelectorAll('.hero-slider__slider--slide-heading'); // Element from HTML
2
- const regEx = /\*\*(\S+)\*\*/g;
2
+ const regEx = /\*\*([^\*]+)\*\*/g;
3
3
  const replacement = '<span class="typography__power-text">$1</span>';
4
4
 
5
5
  function wrapPowerText() {
data/assets/scss/1-base/_typography.scss CHANGED
@@ -13,6 +13,7 @@ body {
13
13
  color: $primary-blue;
14
14
  display: inline;
15
15
  font-family: $font-family-kcc;
16
+ font-display: swap;
16
17
  font-size: 1.5rem;
17
18
  font-style: italic;
18
19
  font-weight: 700;
@@ -359,7 +360,8 @@ body {
359
360
 
360
361
  p,
361
362
  ul:not(.navbar-nav), // :not() selecter prevents unnecesary style override
362
- ol { // Needed so list font looks the same as paragraph font
363
+ ol, // Needed so list font looks the same as paragraph font
364
+ .typography__p {
363
365
  color: $color-grey-heading; // Bootstrap sets these things to black
364
366
  font-family: $font-family-paragraph;
365
367
  font-size: $font-size-base;
@@ -578,6 +580,7 @@ h1 sup, h2 sup, h3 sup, h4 sup, h5 sup, h6 sup { // Make superscripts within hea
578
580
  .typography__register--thank-you {
579
581
  color: $primary-blue;
580
582
  font-family: $font-family-kcc;
583
+ font-display: swap;
581
584
  font-size: 2rem;
582
585
  &--message {
583
586
  color: $primary-red;
@@ -624,6 +627,7 @@ h1 sup, h2 sup, h3 sup, h4 sup, h5 sup, h6 sup { // Make superscripts within hea
624
627
 
625
628
  .typography__my-kcc {
626
629
  font-family: $font-family-kcc;
630
+ font-display: swap;
627
631
  line-height: 1.2;
628
632
  font-size: 1.2rem;
629
633
  }
@@ -637,4 +641,4 @@ h1 sup, h2 sup, h3 sup, h4 sup, h5 sup, h6 sup { // Make superscripts within hea
637
641
 
638
642
  .typography__header-global--nav-bottom:hover {
639
643
  cursor: default;
640
- }
644
+ }
data/assets/scss/2-modules/_hero-slider.scss CHANGED
@@ -243,12 +243,22 @@
243
243
  border-width: thin;
244
244
  }
245
245
 
246
- .hero-slider__slider { // prevents all slides from displaying vertically before slick has initialized
246
+ .hero-slider__slider div:first-child {
247
+ margin-bottom: 30px;
248
+ }
249
+
250
+ .slick-initialized div:first-child {
251
+ margin-bottom: 0;
252
+ }
253
+
254
+ .hero-slider__slider div:not(:first-child) { // prevents all slides from displaying vertically before slick has initialized
247
255
  visibility: hidden;
256
+ display: none;
248
257
  }
249
258
 
250
- .slick-initialized { // makes slides visible again once slick has initialized
259
+ .slick-initialized div:not(:first-child) { // makes slides visible again once slick has initialized
251
260
  visibility: visible;
261
+ display: block;
252
262
  }
253
263
 
254
264
  .slick-next::before {
data/assets/scss/3-layout/_positioning.scss CHANGED
@@ -341,3 +341,9 @@
341
341
  padding-top: 110px;
342
342
  }
343
343
  }
344
+
345
+ .positioning__max-width-600 {
346
+ max-width: 600px;
347
+ margin-left: auto;
348
+ margin-right: auto;
349
+ }
data/assets/scss/bootstrap.scss CHANGED
@@ -44,6 +44,7 @@ $breadcrumb-padding-x: 1rem;
44
44
  @import '../../node_modules/bootstrap/scss/card';
45
45
  @import '../../node_modules/bootstrap/scss/close';
46
46
  @import '../../node_modules/bootstrap/scss/dropdown';
47
+ @import '../../node_modules/bootstrap/scss/forms';
47
48
  @import '../../node_modules/bootstrap/scss/modal';
48
49
  @import '../../node_modules/bootstrap/scss/tables';
49
50
 
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: kcc-gem-theme-original
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.0.0
4
+ version: 1.0.2
5
5
  platform: ruby
6
6
  authors:
7
7
  - wdzajicek
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2024-04-18 00:00:00.000000000 Z
11
+ date: 2024-04-19 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -150,6 +150,7 @@ files:
150
150
  - assets/img/pinterest-p_white.svg
151
151
  - assets/img/pinterest.svg
152
152
  - assets/img/placeholder_16to9.jpg
153
+ - assets/img/placeholder_16to9.svg
153
154
  - assets/img/placeholder_4by3.jpg
154
155
  - assets/img/placeholder_square-1by1.jpg
155
156
  - assets/img/placeholder_square.jpg
@@ -166,27 +167,28 @@ files:
166
167
  - assets/img/youtube-white.svg
167
168
  - assets/img/youtube.svg
168
169
  - assets/img/yt-loading.png
169
- - assets/js/dist/102.197fcdd9ea9a90f7ba8e.bundle.js
170
- - assets/js/dist/13.197fcdd9ea9a90f7ba8e.bundle.js
171
- - assets/js/dist/13.197fcdd9ea9a90f7ba8e.bundle.js.LICENSE.txt
172
- - assets/js/dist/143.197fcdd9ea9a90f7ba8e.bundle.js
173
- - assets/js/dist/183.197fcdd9ea9a90f7ba8e.bundle.js
174
- - assets/js/dist/3.197fcdd9ea9a90f7ba8e.bundle.js
175
- - assets/js/dist/3.197fcdd9ea9a90f7ba8e.css
176
- - assets/js/dist/303.197fcdd9ea9a90f7ba8e.bundle.js
177
- - assets/js/dist/384.197fcdd9ea9a90f7ba8e.bundle.js
178
- - assets/js/dist/453.197fcdd9ea9a90f7ba8e.bundle.js
179
- - assets/js/dist/453.197fcdd9ea9a90f7ba8e.bundle.js.LICENSE.txt
180
- - assets/js/dist/635.197fcdd9ea9a90f7ba8e.bundle.js
181
- - assets/js/dist/635.197fcdd9ea9a90f7ba8e.bundle.js.LICENSE.txt
182
- - assets/js/dist/723.197fcdd9ea9a90f7ba8e.bundle.js
183
- - assets/js/dist/873.197fcdd9ea9a90f7ba8e.bundle.js
184
- - assets/js/dist/965.197fcdd9ea9a90f7ba8e.bundle.js
185
- - assets/js/dist/bootstrap.197fcdd9ea9a90f7ba8e.bundle.js
186
- - assets/js/dist/bootstrap.197fcdd9ea9a90f7ba8e.css
187
- - assets/js/dist/theme.197fcdd9ea9a90f7ba8e.bundle.js
188
- - assets/js/dist/theme.197fcdd9ea9a90f7ba8e.bundle.js.LICENSE.txt
189
- - assets/js/dist/theme.197fcdd9ea9a90f7ba8e.css
170
+ - assets/js/dist/102.a3e46e0e2fed29d4a55b.bundle.js
171
+ - assets/js/dist/13.a3e46e0e2fed29d4a55b.bundle.js
172
+ - assets/js/dist/13.a3e46e0e2fed29d4a55b.bundle.js.LICENSE.txt
173
+ - assets/js/dist/143.a3e46e0e2fed29d4a55b.bundle.js
174
+ - assets/js/dist/183.a3e46e0e2fed29d4a55b.bundle.js
175
+ - assets/js/dist/3.a3e46e0e2fed29d4a55b.bundle.js
176
+ - assets/js/dist/303.a3e46e0e2fed29d4a55b.bundle.js
177
+ - assets/js/dist/354.a3e46e0e2fed29d4a55b.bundle.js
178
+ - assets/js/dist/384.a3e46e0e2fed29d4a55b.bundle.js
179
+ - assets/js/dist/384.a3e46e0e2fed29d4a55b.css
180
+ - assets/js/dist/453.a3e46e0e2fed29d4a55b.bundle.js
181
+ - assets/js/dist/453.a3e46e0e2fed29d4a55b.bundle.js.LICENSE.txt
182
+ - assets/js/dist/635.a3e46e0e2fed29d4a55b.bundle.js
183
+ - assets/js/dist/635.a3e46e0e2fed29d4a55b.bundle.js.LICENSE.txt
184
+ - assets/js/dist/723.a3e46e0e2fed29d4a55b.bundle.js
185
+ - assets/js/dist/873.a3e46e0e2fed29d4a55b.bundle.js
186
+ - assets/js/dist/965.a3e46e0e2fed29d4a55b.bundle.js
187
+ - assets/js/dist/bootstrap.a3e46e0e2fed29d4a55b.bundle.js
188
+ - assets/js/dist/bootstrap.a3e46e0e2fed29d4a55b.css
189
+ - assets/js/dist/theme.a3e46e0e2fed29d4a55b.bundle.js
190
+ - assets/js/dist/theme.a3e46e0e2fed29d4a55b.bundle.js.LICENSE.txt
191
+ - assets/js/dist/theme.a3e46e0e2fed29d4a55b.css
190
192
  - assets/js/nav/closeNavOnClick.js
191
193
  - assets/js/nav/highlightCurrentNav.js
192
194
  - assets/js/nav/moveSearchIcon.js
@@ -208,6 +210,7 @@ files:
208
210
  - assets/js/src/sliders.js
209
211
  - assets/js/src/translate.js
210
212
  - assets/js/src/walkText.js
213
+ - assets/js/src/watchForWebsiteSearch.js
211
214
  - assets/js/src/wrapPowerText.js
212
215
  - assets/js/src/ytEmbed.js
213
216
  - assets/scss/0-tools/_bootstrap-overrides.scss
data/assets/js/dist/303.197fcdd9ea9a90f7ba8e.bundle.js DELETED
@@ -1 +0,0 @@
1
- "use strict";(self.webpackChunkkcc_gem_theme=self.webpackChunkkcc_gem_theme||[]).push([[303],{303:function(e,t,l){l.r(t);const n=".hero-slider__slider",o="slickNext",s="Pause";function a(){$(n).slick({dots:!0,slidesToShow:1,slidesToScroll:1,autoplay:!0,autoplaySpeed:4e3,prevArrow:'<button type="button" data-role="none" class="prev slick-prev" aria-label="Previous" role="button" style="display: block;">Previous</button>',nextArrow:'<button type="button" data-role="none" class="next slick-next" aria-label="Next" role="button" style="display: block;">Next</button>'})}function i(e,t,l){return e.setAttribute(t,l)}function c(e,t,l){const a=l===s;$(n).slick(t),i(e,"aria-label",l),e.classList.toggle("hero-slider__button--play"),e.innerHTML=l,a&&$(n).slick(o)}t.default=function(){var e;document.querySelector(n)&&(e=a,$(n).on("init",(function(e,t){!function(){const e=document.querySelector(n),t=document.createElement("button");var l;i(t,"role","button"),i(t,"type","button"),i(t,"aria-label","Pause"),i(t,"style","display: block;"),t.innerHTML="Pause",t.classList.add("hero-slider__button--toggle"),e.appendChild(t),(l=t).addEventListener("click",(function(e){"Pause"===l.innerHTML?c(l,"slickPause","Play"):c(l,"slickPlay",s)}))}()})),e())}}}]);
data/assets/js/dist/384.197fcdd9ea9a90f7ba8e.bundle.js DELETED
@@ -1 +0,0 @@
1
- "use strict";(self.webpackChunkkcc_gem_theme=self.webpackChunkkcc_gem_theme||[]).push([[384],{384:function(e,c,n){n.r(c);const r=document.querySelectorAll(".hero-slider__slider--slide-heading"),s=/\*\*(\S+)\*\*/g;c.default=function(){[...r].forEach((e=>{e.innerHTML=e.innerHTML.replace(s,'<span class="typography__power-text">$1</span>')}))}}}]);