kcc-gem-theme-original 1.0.0 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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>')}))}}}]);