kcc-gem-theme 2.37.1 → 3.0.0

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 (122) hide show
  1. checksums.yaml +4 -4
  2. data/_config.yml +5 -2
  3. data/_includes/accordion.html +1 -1
  4. data/_includes/benefits.html +71 -19
  5. data/_includes/body.html +2 -2
  6. data/_includes/hash/theme_hash.yml +1 -1
  7. data/_includes/header-global.html +3 -3
  8. data/_includes/header.html +3 -3
  9. data/_includes/nav-global-bottom.html +1 -1
  10. data/_includes/nav-landing.html +2 -3
  11. data/_includes/scripts/kcc-theme.html +7 -1
  12. data/_includes/scripts/vendor-cdn.html +3 -2
  13. data/_includes/styles/main.html +3 -1
  14. data/_includes/styles/vendor.html +0 -2
  15. data/_includes/svg/check-mark.html +16 -0
  16. data/_includes/tabbed-content.html +2 -2
  17. data/_layouts/default-core.html +2 -2
  18. data/_layouts/default-landing.html +2 -2
  19. data/_layouts/default.html +2 -2
  20. data/_layouts/landing-simple.html +2 -2
  21. data/assets/img/93-percent-of-students-recommend-us.svg +241 -0
  22. data/assets/img/95-percent-say-KCC-education-worth-it.svg +340 -0
  23. data/assets/img/MFS23-24_Gold_800x800.png +0 -0
  24. data/assets/img/iai-logo.jpg +0 -0
  25. data/assets/img/learn-org_top-50-best_vertical.svg +358 -0
  26. data/assets/img/readers-choice_daily-journal_first-place.svg +488 -0
  27. data/assets/js/alerts/addAccordionOrTabHistoryStates.js +4 -8
  28. data/assets/js/alerts/alerts.js +8 -3
  29. data/assets/js/alerts/contentHashLink.js +28 -24
  30. data/assets/js/dist/453.7d91d735b6ef5560e6cf.bundle.js +2 -0
  31. data/assets/js/dist/453.7d91d735b6ef5560e6cf.bundle.js.LICENSE.txt +5 -0
  32. data/assets/js/dist/604.7d91d735b6ef5560e6cf.bundle.js +1 -0
  33. data/assets/js/dist/635.7d91d735b6ef5560e6cf.bundle.js +2 -0
  34. data/assets/js/dist/635.7d91d735b6ef5560e6cf.bundle.js.LICENSE.txt +29 -0
  35. data/assets/js/dist/676.7d91d735b6ef5560e6cf.bundle.js +1 -0
  36. data/assets/js/dist/695.7d91d735b6ef5560e6cf.bundle.js +2 -0
  37. data/assets/js/dist/695.7d91d735b6ef5560e6cf.bundle.js.LICENSE.txt +5 -0
  38. data/assets/js/dist/731.7d91d735b6ef5560e6cf.bundle.js +1 -0
  39. data/assets/js/dist/977.7d91d735b6ef5560e6cf.bundle.js +1 -0
  40. data/assets/js/dist/bootstrap.7d91d735b6ef5560e6cf.css +1 -0
  41. data/assets/js/dist/{kcc-theme-landing.e980f5cdf7cfb64b966d.bundle.js → kcc-theme-landing.7d91d735b6ef5560e6cf.bundle.js} +1 -1
  42. data/assets/js/dist/kcc-theme.7d91d735b6ef5560e6cf.bundle.js +2 -0
  43. data/assets/js/dist/kcc-theme.7d91d735b6ef5560e6cf.bundle.js.LICENSE.txt +47 -0
  44. data/assets/js/dist/kcc-theme.7d91d735b6ef5560e6cf.css +1 -0
  45. data/assets/js/dist/translate.7d91d735b6ef5560e6cf.bundle.js +0 -0
  46. data/assets/js/nav/megaNav/megaNav.js +3 -10
  47. data/assets/js/nav/megaNav/toggleMenuOnWindowResize.js +27 -12
  48. data/assets/js/src/addClassToOpenNavbar.js +3 -3
  49. data/assets/js/src/all.js +28 -22
  50. data/assets/js/src/bootstrap.js +4 -0
  51. data/assets/scss/1-base/_buttons.scss +6 -32
  52. data/assets/scss/1-base/_header-global.scss +2 -2
  53. data/assets/scss/1-base/_svg.scss +4 -1
  54. data/assets/scss/1-base/_typography.scss +0 -117
  55. data/assets/scss/2-modules/_accordion.scss +1 -0
  56. data/assets/scss/2-modules/_benefits.scss +0 -70
  57. data/assets/scss/2-modules/_nav-landing.scss +1 -0
  58. data/assets/scss/3-layout/_positioning.scss +0 -60
  59. data/assets/scss/bootstrap.scss +92 -0
  60. data/assets/scss/kcc-theme.scss +0 -5
  61. metadata +45 -64
  62. data/_includes/card-section.html +0 -32
  63. data/assets/img/2016-senior-viewbook.jpg +0 -0
  64. data/assets/img/alert.svg +0 -1
  65. data/assets/img/baseball.svg +0 -1
  66. data/assets/img/basketball.svg +0 -1
  67. data/assets/img/calendar.svg +0 -1
  68. data/assets/img/cavaliers-16x9-thumb.png +0 -0
  69. data/assets/img/cavaliers-logo.png +0 -0
  70. data/assets/img/cavaliers-logo_white.png +0 -0
  71. data/assets/img/e-tech_a-roberts_mar2016_D41_6690.jpg +0 -0
  72. data/assets/img/go_cavs_20171002_193828-web.jpg +0 -0
  73. data/assets/img/menu-bg.png +0 -0
  74. data/assets/img/news.svg +0 -1
  75. data/assets/img/placeholder.png +0 -0
  76. data/assets/img/soccer.svg +0 -1
  77. data/assets/img/social-icon.svg +0 -1
  78. data/assets/img/video.svg +0 -1
  79. data/assets/img/volleyball.svg +0 -1
  80. data/assets/js/dist/30.e980f5cdf7cfb64b966d.bundle.js +0 -1
  81. data/assets/js/dist/492.e980f5cdf7cfb64b966d.bundle.js +0 -1
  82. data/assets/js/dist/604.e980f5cdf7cfb64b966d.bundle.js +0 -1
  83. data/assets/js/dist/695.e980f5cdf7cfb64b966d.bundle.js +0 -1
  84. data/assets/js/dist/723.e980f5cdf7cfb64b966d.bundle.js +0 -1
  85. data/assets/js/dist/731.e980f5cdf7cfb64b966d.bundle.js +0 -1
  86. data/assets/js/dist/977.e980f5cdf7cfb64b966d.bundle.js +0 -1
  87. data/assets/js/dist/kcc-theme.e980f5cdf7cfb64b966d.bundle.js +0 -1
  88. data/assets/js/dist/kcc-theme.e980f5cdf7cfb64b966d.css +0 -1
  89. data/assets/js/dist/translate.e980f5cdf7cfb64b966d.css +0 -1
  90. data/assets/js/nav/megaNav/closeMegaNavOnClick.js +0 -22
  91. data/assets/js/nav/megaNav/toggleDropdownOnWindowResizeTwo.js +0 -54
  92. data/assets/js/nav/megaNav/underlineCurrentSite.js +0 -17
  93. data/assets/js/nav/nav/closeNavOnClick.js +0 -50
  94. data/assets/js/nav/nav/highlightCurrentNav.js +0 -56
  95. data/assets/js/nav/nav/moveSearchIcon.js +0 -94
  96. data/assets/js/nav/nav/nav.js +0 -13
  97. data/assets/js/nav/nav/searchToggleNav.js +0 -40
  98. data/assets/js/nav/nav/toggleNavSearchDropdownOnWindowResize.js +0 -57
  99. data/assets/scss/2-modules/_campus-alerts.scss +0 -3
  100. data/assets/scss/2-modules/_card-section.scss +0 -9
  101. data/assets/scss/2-modules/_img-hover.scss +0 -68
  102. data/assets/scss/2-modules/_nav-local.scss +0 -45
  103. data/assets/scss/2-modules/_sliders.scss +0 -16
  104. data/assets/scss/4-pages/index/_home.scss +0 -15
  105. /data/assets/js/dist/{102.e980f5cdf7cfb64b966d.bundle.js → 102.7d91d735b6ef5560e6cf.bundle.js} +0 -0
  106. /data/assets/js/dist/{143.e980f5cdf7cfb64b966d.bundle.js → 143.7d91d735b6ef5560e6cf.bundle.js} +0 -0
  107. /data/assets/js/dist/{172.e980f5cdf7cfb64b966d.bundle.js → 172.7d91d735b6ef5560e6cf.bundle.js} +0 -0
  108. /data/assets/js/dist/{183.e980f5cdf7cfb64b966d.bundle.js → 183.7d91d735b6ef5560e6cf.bundle.js} +0 -0
  109. /data/assets/js/dist/{3.e980f5cdf7cfb64b966d.bundle.js → 3.7d91d735b6ef5560e6cf.bundle.js} +0 -0
  110. /data/assets/js/dist/{303.e980f5cdf7cfb64b966d.bundle.js → 303.7d91d735b6ef5560e6cf.bundle.js} +0 -0
  111. /data/assets/js/dist/{354.e980f5cdf7cfb64b966d.bundle.js → 354.7d91d735b6ef5560e6cf.bundle.js} +0 -0
  112. /data/assets/js/dist/{404.e980f5cdf7cfb64b966d.bundle.js → 404.7d91d735b6ef5560e6cf.bundle.js} +0 -0
  113. /data/assets/js/dist/{404.e980f5cdf7cfb64b966d.css → 404.7d91d735b6ef5560e6cf.css} +0 -0
  114. /data/assets/js/dist/{501.e980f5cdf7cfb64b966d.bundle.js → 501.7d91d735b6ef5560e6cf.bundle.js} +0 -0
  115. /data/assets/js/dist/{706.e980f5cdf7cfb64b966d.bundle.js → 706.7d91d735b6ef5560e6cf.bundle.js} +0 -0
  116. /data/assets/js/dist/{772.e980f5cdf7cfb64b966d.bundle.js → 772.7d91d735b6ef5560e6cf.bundle.js} +0 -0
  117. /data/assets/js/dist/{818.e980f5cdf7cfb64b966d.bundle.js → 818.7d91d735b6ef5560e6cf.bundle.js} +0 -0
  118. /data/assets/js/dist/{885.e980f5cdf7cfb64b966d.bundle.js → 885.7d91d735b6ef5560e6cf.bundle.js} +0 -0
  119. /data/assets/js/dist/{885.e980f5cdf7cfb64b966d.css → 885.7d91d735b6ef5560e6cf.css} +0 -0
  120. /data/assets/js/dist/{923.e980f5cdf7cfb64b966d.bundle.js → 923.7d91d735b6ef5560e6cf.bundle.js} +0 -0
  121. /data/assets/js/dist/{translate.e980f5cdf7cfb64b966d.bundle.js → bootstrap.7d91d735b6ef5560e6cf.bundle.js} +0 -0
  122. /data/assets/js/dist/{723.e980f5cdf7cfb64b966d.css → translate.7d91d735b6ef5560e6cf.css} +0 -0
@@ -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}}.alert-warning{border-color:#856404}.alert-danger{border-color:#721c24}.alert-info{border-color:#0c5460}.alert-primary{border-color:#004085}.editor-link{display:none}.cms-editor-active .editor-link{display:block}.editor-button{display:none}.cms-editor-active .editor-button{display:inline-block}.header-global__search-collapse #___gcse_0:hover #gsc-iw-id1,.header-global__search-collapse #___gcse_0:focus #gsc-iw-id1{filter:drop-shadow(2px 2px 6px rgba(128, 128, 128, 0.5))}.header-global__search-collapse #gsc-iw-id1{border-radius:2rem;padding-left:.5rem;border:solid thin #b1b1b1;line-height:1;padding-top:3px;padding-bottom:3px}.header-global__search-collapse .gsc-search-button-v2{background-color: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}.targetx__wrapper{margin-top:-35px;z-index:-1}p.supportInfo{display:none}@media screen and (min-width: 1200px){.wForm form>div.oneField{margin-top:0 !important}}@media screen and (min-width: 1800px){.wForm form>div.oneField{margin-top:10px !important}}.wFormContainer{padding-left:5px !important;padding-right:5px !important}@media screen and (min-width: 1600px){.wFormContainer{padding:1rem 2rem !important}}#tfa_11::before{display:block;content:" ";margin-top:-60px;height:60px;visibility:hidden;pointer-events:none}@media screen and (min-width: 1800px){#tfa_775-D{margin-top:5px !important}}.oneField.field-container-D{max-width:100%}#submit_button{background-color:#0051a7 !important;border-color:#003773 !important;font-family:"Open Sans",sans-serif !important;font-weight:400 !important;font-size:1.25rem !important;padding-top:.5rem !important;padding-bottom:.5rem !important;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}#submit_button:hover{background-color:#022b55 !important;border-color:#021e3d !important}body{font-size:1rem}.typography__nav-heading{color:#0f3b63;display:inline;font-family:"Eurostile",sans-serif;font-size:1.5rem;font-style:italic;font-weight:700;text-transform:uppercase;transition-property:color;transition-timing-function:ease;transition-duration:.4s}.typography__nav-heading:hover,.typography__nav-heading:focus{color:#c61f48}.typography__nav-heading--smaller{font-size:1.25rem}@media screen and (min-width: 360px){.typography__nav-heading{font-size:1.8rem}.typography__nav-heading--smaller{font-size:1.5rem}}@media screen and (min-width: 410px){.typography__nav-heading{font-size:2rem}}@media screen and (min-width: 576px){.typography__nav-heading{font-size:2.3rem}}@media screen and (min-width: 768px){.typography__nav-heading{font-size:2.4rem}}@media screen and (min-width: 1500px){.typography__nav-heading{font-size:2.6rem}}.typography__footer-heading{font-family:"Roboto",sans-serif;font-size:1.95rem;font-weight:900}@media screen and (min-width: 360px){.typography__footer-heading{font-size:2.2rem}}@media screen and (min-width: 375px){.typography__footer-heading{font-size:2.4rem}}@media screen and (min-width: 410px){.typography__footer-heading{font-size:2.6rem}}.typography__call-to-action{color:#c61f48;font-family:"Oswald",sans-serif;font-size:2.8rem;font-weight:600;line-height:2.8rem;margin-bottom:30px;margin-top:20px}.typography__contacts--name{color:#0f3b63;font-family:"Roboto",sans-serif;font-size:1.3em;font-weight:700;margin-bottom:.2rem}.typography__contacts--title{color:#666;font-family:"Roboto",sans-serif;font-size:1.1em;font-weight:700;margin-bottom:.2rem}.typography__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__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,p,ul:not(.navbar-nav),ol{color:#666;font-family:"Open Sans",sans-serif;font-size:1rem}.typography__tables th{color:#c61f48;font-family:"Roboto",sans-serif;font-weight:700}.typography__tables td{color:#666;font-family:"Open Sans",sans-serif;font-size:1rem}h1 sup,h2 sup,h3 sup,h4 sup,h5 sup,h6 sup{font-size:45% !important;top:-1em;font-weight:normal}.typography__register--h2{color:#fff;font-family:eurostile,sans-serif;font-size:2.4rem;font-weight:500;letter-spacing:.03rem;position:relative;top:30%;margin-bottom:-10px}@media screen and (min-width: 400px){.typography__register--h2{font-size:3rem}}@media screen and (min-width: 768px){.typography__register--h2{font-size:5.2rem}}@media screen and (min-width: 1200px){.typography__register--h2{font-size:6rem}}@media screen and (min-width: 1800px){.typography__register--h2{font-size:6.6rem}}.typography__register--h3{color:#fff;font-family:eurostile,sans-serif;font-size:1.2rem;font-weight:500;letter-spacing:.03rem;position:relative;top:31%}@media screen and (min-width: 400px){.typography__register--h3{font-size:1.45rem;top:30.5%}}@media screen and (min-width: 768px){.typography__register--h3{font-size:2.5rem;top:30%}}@media screen and (min-width: 1200px){.typography__register--h3{font-size:2.6rem;top:30%}}@media screen and (min-width: 1800px){.typography__register--h3{font-size:2.7rem;top:30%}}.typography__register-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--h6{color:#c61f48;font-family:"Saira","sans-serif";font-weight:700;font-size:2rem;letter-spacing:.03rem}.typography__larger-p{font-size:1.2rem}.typography__register--thank-you{color:#0f3b63;font-family:"Eurostile",sans-serif;font-size:2rem}.typography__register--thank-you--message{color:#c61f48;font-family:"Saira","sans-serif";font-weight:700;font-size:1.4rem}@media screen and (min-width: 768px){.typography__register--thank-you{font-size:2.4rem;margin-left:100px;margin-top:-10px}.typography__register--thank-you--message{font-size:1.6rem;margin-left:95px}}@media screen and (min-width: 1200px){.typography__register--thank-you{font-size:2.6rem}}@media screen and (min-width: 1800px){.typography__register--thank-you{font-size:3rem;margin-top:-15px}}@media screen and (max-width: 992px){.typography__nowrap--sm{white-space:nowrap}}.typography__color--inherit{color:inherit}.typography__my-kcc{font-family:"Eurostile",sans-serif;line-height:1.2;font-size:1.2rem}.typography__alert{color:inherit}.typography__last-p--mb0 p.typography__alert:last-child{margin-bottom:0}.typography__header-global--nav-bottom:hover{cursor:default}.dark-mode .typography__header-global--nav-bottom{color:#9bb7dd}.links__dropdown-toggle--custom::after{margin-left:.75rem}[aria-expanded=true].links__dropdown-toggle--custom::after{transform:rotate(-180deg)}.links__launch::after{content:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23007bff" height="20" viewBox="0 0 24 24" width="20"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"/></svg>');margin-left:.375rem;vertical-align:middle;line-height:1}.links__launch:hover::after{content:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%230056b3" height="20" viewBox="0 0 24 24" width="20"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"/></svg>')}.links__kcc-logo{display:inline;float:left;width:120px;height:80px}.links__offset{pointer-events:none}.links__offset a,.links__offset button,.links__offset iframe,.links__offset .card-body{pointer-events:auto}.links__offset::before{content:" ";display:block;height:171px;margin-top:-171px;pointer-events:none;visibility:hidden}@media screen and (min-width: 768px){.links__offset::before{height:150px;margin-top:-150px}}.links__darker-link{color:#006ce0}.navbar-light .navbar-nav .nav-link.links__nav-link--color:not(.btn-primary){color:#0f3b63}.navbar-light .navbar-nav .nav-link.links__nav-link--color:not(.btn-primary):hover,.navbar-light .navbar-nav .nav-link.links__nav-link--color:not(.btn-primary):focus{color:#c61f48}.navbar-light .navbar-nav .nav-link.links__nav-link--color.btn-primary{color:#fff}.navbar-light .navbar-nav .active>.nav-link{border-bottom-color:#c61f48;border-bottom-style:solid;border-bottom-width:thick;color:#0f3b63;padding-bottom:0}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:#c61f48}.links__phone--span{color:#fff;position:relative;text-decoration:none}.links__phone--span:visited{color:#fff}.links__phone--span:hover,.links__phone--span:focus{color:#fff;text-decoration:none}.links__phone--span:focus:after,.links__phone--span:hover:after{opacity:1;transform:translateY(-0.2em)}.links__phone--span:after{background-color:#f99e1b;bottom:-0.325rem;content:"";display:block;height:.1875rem;opacity:0;position:absolute;transition:opacity .3s,transform .3s;width:100%}.links__no-underline{text-decoration:none}.links__no-underline:hover{text-decoration:none}@media screen and (min-width: 992px){.links__header-global--nav-local{position:relative}.active .links__header-global--nav-local::after{background-color:#c61f48;bottom:.125rem;content:"";display:block;height:.145rem;position:absolute;width:calc(100% - 1rem)}}.navbar-light .navbar-nav .nav-link.buttons__btn-primary-custom{background-color:#c61f48;color:#fff}.navbar-light .navbar-nav .nav-link.buttons__btn-primary-custom:hover{background-color:#0f3b63}.btn-primary{background-color:#0051a7;border-color:#003773}.btn-primary:hover{background-color:#022b55;border-color:#021e3d}.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:rgba(0,0,0,.35);font-family:"Roboto",sans-serif;font-size:1.3rem;font-weight:600;line-height:36px;letter-spacing:.075rem;width:100%}.buttons__action:hover,.buttons__action:focus{color:#fff;background-color:#0f3b63}@media screen and (min-width: 360px){.buttons__action{font-size:1.75rem;line-height:48px}}@media screen and (min-width: 768px){.buttons__action{font-size:1.3rem;line-height:36px}}@media screen and (min-width: 992px){.buttons__action{font-size:1.75rem;line-height:48px}}.buttons--sync{padding:.5rem;opacity:0;transition:opacity ease-in-out .25s}@media screen and (max-width: 991px){.buttons--sync{bottom:1px;position:absolute;right:1px}}.buttons--sync:hover,.buttons--sync:focus{border-color:rgba(0,86,179,.65);border-style:solid;border-width:1px}@keyframes show{0%{opacity:0}25%{opacity:1}50%{opacity:1}75%{opacity:1}100%{opacity:0}}.buttons--sync--preview{animation-name:show;animation-duration:3s;animation-timing-function:ease-in-out}.alert:hover .buttons--sync,.alert:focus .buttons--sync,.buttons--sync:focus,.buttons--sync:focus-visible{opacity:1}.buttons--sync:focus-visible,.buttons__action:focus-visible{outline:-webkit-focus-ring-color auto 1px}.buttons--sync--visible{opacity:1}.buttons__no-decoration:hover,.buttons__no-decoration:focus{text-decoration:none}.img__responsive--svg{height:auto;max-width:100%}.img__full-width{width:100%}.img__shadow{filter:drop-shadow(3px 3px 10px rgba(126, 126, 126, 0.45))}.img__shadow--border{filter:drop-shadow(3px 3px 10px rgba(126, 126, 126, 0.45));border:3px solid #0f3b63}.header-global{padding-left:0;padding-right:0}.header-global__brand{left:1rem;position:absolute;right:3.25rem;top:0;z-index:1044}.header-global__navbar--padding{padding:0}.header-global__nav-top{background-color:#0f3b63;flex-direction:row;padding-left:1rem;padding-right:calc(2.5rem + 20px);width:100%}.header-global__nav-bottom{background-color:#c61f48;flex-direction:row;padding-left:1rem;padding-bottom:.3125rem;padding-right:1rem;padding-top:.3125rem;width:100%}.header-global__nav-local{border-bottom-color:#b1b1b1;flex-direction:row;border-bottom-style:solid;border-bottom-width:1px;padding-bottom:.5rem;padding-left:1rem;padding-right:1rem;padding-top:.5rem;width:100%}.header-global__navbar--toggler{border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.5);position:absolute;right:1rem;top:3.25rem;z-index:1032}.header-global__navbar--toggler .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.header-global__search-icon,.header-global__close-icon{background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:.25rem;display:inline-block;font-size:1rem;font-weight:400;line-height:1.5;padding:.375rem .75rem;position:absolute;text-align:center;top:.125rem;right:.3125rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;transition-property:opacity;transition-timing-function:ease-in-out;transition-duration:.1s;z-index:1032}@media screen and (min-width: 992px){.header-global{border-bottom:solid 1px rgba(0,0,0,.5)}}.header-global__open{bottom:0;overflow-x:hidden;overflow-y:auto}@media screen and (min-width: 410px){.header-global__navbar--toggler{top:3.2rem}}@media screen and (min-width: 576px){.header-global__navbar--toggler{top:3.25rem}}.header-global__search-icon--hidden,.header-global__close-icon--hidden{opacity:0;pointer-events:none;z-index:-1}@media screen and (max-width: 992px){#headerGlobalNavbarContent.collapse.show .header-global__nav-top,#headerGlobalNavbarContent.collapsing .header-global__nav-top{padding-right:1rem}}@media screen and (max-width: 992px){#headerGlobalNavbarContent.collapse.show .header-global__navbar-nav--divider::after,#headerGlobalNavbarContent.collapsing .header-global__navbar-nav--divider::after{background-color:#b1b1b1;content:"";display:block;height:.125rem;margin-bottom:1rem;margin-top:.5rem;width:100%}#headerGlobalNavbarContent.collapse.show .header-global__navbar-nav--divider:nth-child(2)::after,#headerGlobalNavbarContent.collapsing .header-global__navbar-nav--divider:nth-child(2)::after{margin-bottom:0}}#headerGlobalNavbar.header-global__navbar--search-toggle{top:3.5rem}@media screen and (min-width: 992px){.navbar-expand-lg .navbar-nav .header-global__nav-local--navbar-brand.nav-link{padding-left:0}}@media screen and (min-width: 992px){.header-global__nav-bottom--nav-link{padding-top:.75rem;padding-bottom:.75rem}}@media screen and (min-width: 992px){.header-global__nav-top--nav-link{padding-top:.3125rem;padding-bottom:.3125rem}}@media screen and (min-width: 992px){.navbar-expand-lg .navbar-nav .header-global__nav-top--nav-link{padding-left:.9rem;padding-right:.9rem}}@media screen and (min-width: 992px){a.header-global__nav-top--nav-link{position:relative}a.header-global__nav-top--nav-link::after,a.header-global__nav-top--nav-link::after{background-color:#f99e1b;bottom:0;content:"";display:block;height:.125rem;opacity:0;position:absolute;transition:opacity .3s,transform .3s;width:calc(100% - 1.8rem)}a.header-global__nav-top--nav-link:hover::after,a.header-global__nav-top--nav-link:focus::after{opacity:1;transform:translateY(-0.2em)}}@media screen and (min-width: 992px){.header-global__nav-bottom{padding-bottom:0;padding-top:0}}@media screen and (min-width: 992px){a.header-global__nav-bottom--nav-link{position:relative}a.header-global__nav-bottom--nav-link.header-global__nav-bottom--underlined::after{background-color:#f99e1b;color:#f99e1b;bottom:.25rem;border-top-width:.125rem;content:"";display:block;height:.125rem;margin-left:0;opacity:0;position:absolute;transition:opacity .3s,transform .3s;width:calc(100% - 1rem)}a.header-global__nav-bottom--nav-link.header-global__nav-bottom--underlined::after{opacity:1;transform:translateY(-0.2em)}}@media screen and (min-width: 992px){.header-global__nav-local{padding-bottom:.5rem;padding-top:.5rem}}.header-global__brand--svg{height:28px;max-width:100%}@media screen and (min-width: 992px)and (max-width: 1040px){.header-global__brand--svg{height:22px}}@media screen and (min-width: 1041px){.header-global__brand--svg{height:26px}}@media screen and (min-width: 992px){.header-global__brand{top:3.125rem;right:auto}}#headerGlobalNavbarContent.collapse.show .typography__nav-heading,#headerGlobalNavbarContent.collapsing .typography__nav-heading{font-size:1.5rem}#headerGlobalNavbarContent.collapse.show .navbar-nav,#headerGlobalNavbarContent.collapsing .navbar-nav{flex-direction:column;background-color:#f8f9fa}#headerGlobalNavbarContent.collapse.show .header-global__nav-top,#headerGlobalNavbarContent.collapsing .header-global__nav-top{position:relative;top:2.65rem;margin-bottom:2.65rem}#headerGlobalNavbarContent.collapse.show .header-global__nav-top::before,#headerGlobalNavbarContent.collapsing .header-global__nav-top::before{background-color:#c61f48;content:"";display:block;height:2.65rem;position:absolute;top:-2.65rem;left:0;right:0;width:100%;z-index:-1}@media screen and (max-width: 991px){#headerGlobalNavbarContent.collapse:not(.show){display:block}#headerGlobalNavbarContent.collapse:not(.show) .header-global__nav-top{display:none;position:absolute}#headerGlobalNavbarContent.collapse:not(.show) .header-global__nav-bottom .nav-link,#headerGlobalNavbarContent.collapse:not(.show) .header-global__nav-local .nav-link:not(.navbar-brand){visibility:hidden}}.header-global__nav--search-icon,.header-global__nav--close-icon{background-size:20px 20px;background-position:center;background-repeat:no-repeat;display:block;height:20px;margin-top:.3125rem;pointer-events:none;width:20px}.header-global__search-collapse{left:.5rem;margin-left:auto;margin-right:auto;position:absolute;right:2rem;top:-56px;width:95%}@media screen and (min-width: 360px){.header-global__search-collapse{left:.55rem}}@media screen and (min-width: 410px){.header-global__search-collapse{left:.65rem}}@media screen and (min-width: 410px){.header-global__search-collapse{left:1rem}}@media screen and (min-width: 768px){.header-global__search-collapse{left:1.25rem}}@media screen and (min-width: 992px){.header-global__search-collapse{left:1.5rem}}.header-global__search-collapse.header-global__search-collapse--visible{top:-46px}@media screen and (min-width: 992px){.header-global__search-collapse.header-global__search-collapse--visible{top:-40px}}.header-global__navbar--search-toggle{top:50px}.header-global__navbar--search-toggle::before{background-color:#c61f48;content:"";display:block;height:64px;position:absolute;top:-60px;width:100%}@media screen and (min-width: 992px){.header-global__navbar--search-toggle::before{background-color:#0f3b63}}@media screen and (min-width: 992px){.header-global__dropdown.show{background-color:#b8babc}}@keyframes meganav{0%{opacity:0}100%{opacity:1}}@media screen and (min-width: 992px){.header-global__nav-bottom .dropdown:hover .dropdown-menu,.header-global__nav-bottom .dropdown .dropdown-menu:hover{animation-duration:.5s;animation-name:meganav;display:block !important}}.header-global__nav-bottom .dropdown-item{color:#666}.header-global__nav-bottom .dropdown-item:active{background-color:#0f3b63;color:#fff}.header-global__nav-bottom .dropdown-item:hover,.header-global__nav-bottom .dropdown-item:focus{background-color:#e2e3e4;border-radius:.175rem}@media screen and (min-width: 992px){.header-global__nav-bottom .dropdown:hover{background-color:#b8babc}}@media screen and (min-width: 992px){.nav-item.dropdown.header-global__dropdown--position{position:static}}@media screen and (min-width: 992px){.header-global__dropdown-menu--full-width{left:.75rem !important;right:.75rem;top:5.77rem !important}}@media screen and (min-width: 1300px){.header-global__dropdown-menu--full-width{left:1rem;right:1rem}}@media screen and (min-width: 992px){.header-global__drodpown-menu--img{width:280px;border:thin solid rgba(0,0,0,.125);border-radius:4px}}@media screen and (max-width: 991px){.header-global__core::after{content:"";display:block;height:60px;background-color:#f8f9fa;border-bottom-color:#b1b1b1;border-bottom-style:solid;border-bottom-width:1px}}@media screen and (min-width: 992px){#navGlobalTop .header-global__nav-top--nav-link{margin-top:.3125rem}}.header-global__row--max-width{min-width:100%}@media screen and (min-width: 992px){.header-global__col--column-count{-moz-column-count:2;column-count:2}}.background__color--tan{background-color:#fcf1d6}.svg__fill--blue{fill:#0f3b63}.svg__fill--white{fill:#fff}.svg{height:100px;width:100px}.svg--none{fill:none}.svg--blue{fill:#0f3b63}.svg--red{fill:#c61f48}.svg--max-width{max-width:100%}.svg__button{height:48px;width:48px}.svg--fill-none{fill:none}.svg--fill-white{fill:#fff}.svg--fill-blue{fill:#0f3b63}.svg--fill-green{fill:#00a14b}.svg__action--place{margin-left:-2rem}@media screen and (min-width: 360px){.svg__action--place{margin-left:-3rem}}@media screen and (min-width: 768px){.svg__action--place{margin-left:0}}@media screen and (min-width: 360px){.svg__button{height:48px;width:48px}}@media screen and (min-width: 768px){.svg__button{height:36px;width:36px}}@media screen and (min-width: 992px){.svg__button{height:48px;width:48px}}.svg__sync{fill:#007bff;transition:fill ease-in-out .2s}button:hover .svg__sync,button:focus .svg__sync{fill:#0056b3}.svg__mykcc{display:inline-block;height:1.5rem;width:80px;fill:#007bff}a.svg__link--no-decoration:hover,a.svg__link--no-decoration:focus{text-decoration:none}a.svg__link--no-decoration:hover .svg__mykcc,a.svg__link--no-decoration:focus .svg__mykcc{fill:#0056b3}html{background-color:#b8babc}.header__bg{background-image:url("/assets/img/DSC_8724_4x3.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;height:55%;height:55vh}@media screen and (min-width: 1200px){.header__bg{height:auto}}.footer__margin{margin-top:20px}.footer{background-color:#f8f9fa;margin-bottom:-56px;margin-top:60px;padding-bottom:40px;padding-top:40px;width:100%;border-top-color:rgba(0,0,0,.15);border-top-style:solid;border-top-width:thin}a.footer-link{color:#0f3b63}a.footer-link:hover{text-decoration:none !important;color:#c61f48}.footer-heading{transition-property:color;transition-timing-function:ease;transition-duration:.3s}.footer-icons{background-color:#c61f48;border-radius:50%;transition-property:background-color;transition-timing-function:ease;transition-duration:.3s;height:33px;margin:4px;padding:2px;width:33px}@media screen and (min-width: 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-right:1rem;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--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__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__borders--circle-img{border:3px solid #fff;filter:drop-shadow(5px 5px 12px #b1b1b1);width:50%}@media screen and (min-width: 768px){.benefits__borders--circle-img{width:100%}}#page-top::before{display:block;content:" ";margin-top:-60px;height:60px;visibility:hidden;pointer-events:none}.hero-slider__slider--sub-heading{color:#fff;font-family:"Roboto",sans-serif;font-size:.7em;font-weight:400;letter-spacing:.01em;margin-bottom:2px;padding-top:5px;text-transform:uppercase}@media screen and (min-width: 768px){.hero-slider__slider--sub-heading{font-size:.9em}}@media screen and (min-width: 992px){.hero-slider__slider--sub-heading{font-size:1em}}@media screen and (min-width: 1200px){.hero-slider__slider--sub-heading{font-size:1.2em}}.hero-slider__slider--slide-heading{color:#fff;font-family:"Libre Franklin",sans-serif;font-size:1em;font-weight:300;letter-spacing:.02em;text-transform:uppercase}@media screen and (min-width: 360px){.hero-slider__slider--slide-heading{font-size:1.2em}}@media screen and (min-width: 768px){.hero-slider__slider--slide-heading{font-size:2.1em}}@media screen and (min-width: 992px){.hero-slider__slider--slide-heading{font-size:2.8em}}@media screen and (min-width: 1200px){.hero-slider__slider--slide-heading{font-size:3em}}.hero-slider__heading--bold{color:#fff;filter:drop-shadow(2px 2px 5px #000);font-family:"Libre Franklin",sans-serif;font-size:1em;font-weight:500;letter-spacing:.02em;text-transform:uppercase}@media screen and (min-width: 360px){.hero-slider__heading--bold{font-size:1.2em}}@media screen and (min-width: 768px){.hero-slider__heading--bold{font-size:2.1em}}@media screen and (min-width: 992px){.hero-slider__heading--bold{font-size:2.8em}}@media screen and (min-width: 1200px){.hero-slider__heading--bold{font-size:3em}}.hero-slider__slider{padding-left:0;padding-right:0}.hero-slider__slider--heading-container{margin-left:.5%;padding-left:5px;position:absolute;top:55%;z-index:4444}@media screen and (min-width: 488px){.hero-slider__slider--heading-container{top:63%}}@media screen and (min-width: 576px){.hero-slider__slider--heading-container{top:64%}}@media screen and (min-width: 768px){.hero-slider__slider--heading-container{padding-left:10px;top:64.5%}}@media screen and (min-width: 992px){.hero-slider__slider--heading-container{padding-left:20px;top:70%}}@media screen and (min-width: 1200px){.hero-slider__slider--heading-container{top:71%}}.hero-slider__slides-1 .hero-slider__slider--heading-container{width:100%}.hero-slider__slides-2 .hero-slider__slider--heading-container{width:18.5%}.hero-slider__slides-3 .hero-slider__slider--heading-container{width:13%}.hero-slider__slides-4 .hero-slider__slider--heading-container{width:10%}.hero-slider__slides-5 .hero-slider__slider--heading-container{width:8%}.hero-slider__slides-6 .hero-slider__slider--heading-container{width:6.65%}.hero-slider__slides-7 .hero-slider__slider--heading-container{width:5.75%}.hero-slider__slides-8 .hero-slider__slider--heading-container{width:4.85%}.hero-slider__slider--slide-img{position:relative;width:100%}.hero-slider__slider .slick-next{right:10px}.hero-slider__slider .slick-prev{left:10px;z-index:1}@media screen and (min-width: 488px){.hero-slider__slider .slick-next{right:20px}}@media screen and (min-width: 488px){.hero-slider__slider .slick-prev{left:20px}}@media screen and (min-width: 576px){.hero-slider__slider .slick-next{right:25px}.hero-slider__slider .slick-prev{left:25px}}.hero-slider__slider .slick-next,.hero-slider__slider .slick-prev{height:25px;top:75%;width:25px}@media screen and (min-width: 992px){.hero-slider__slider .slick-next,.hero-slider__slider .slick-prev{height:40px;top:80%;width:40px}}.hero-slider__slider .slick-dots li button:before{color:#e5e8ed;font-size:12px;line-height:30px;opacity:1;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.hero-slider__slider .slick-dots li.slick-active button:before{color:#0f3b63;opacity:1;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.hero-slider__slider .slick-dots li{margin-left:1px;margin-right:1px;padding-left:0;padding-right:0}.hero-slider__slider--slide-img{border-style:solid;border-width:1px;border-color:rgba(0,0,0,0)}.hero-slider__slide-img--border{border-color:rgba(0,0,0,.25)}.hero-slider__slider{visibility:hidden}.slick-initialized{visibility:visible}.slick-next::before{content:url("/assets/img/dbl-next_mobile.svg")}.slick-prev::before{content:url("/assets/img/dbl-prev_mobile.svg")}@media screen and (min-width: 992px){.slick-next::before{content:url("/assets/img/dbl-next.svg")}.slick-prev::before{content:url("/assets/img/dbl-prev.svg")}}.hero-slider__button--toggle{background:rgba(0,0,0,0);border:none;color:rgba(0,0,0,0);cursor:pointer;display:block;font-size:0;height:auto;right:50%;margin-right:-12.5px;line-height:0;padding:0;position:absolute;bottom:0;transform:translate(0, -50%);width:25px}.hero-slider__button--toggle:focus-visible,.hero-slider__button--toggle:focus,.slick-next:focus-visible,.slick-prev:focus-visible{outline:-webkit-focus-ring-color auto 1px}button[id*=slick-slide-control]:focus-visible{outline:-webkit-focus-ring-color auto 1px}@media screen and (min-width: 992px){.hero-slider__button--toggle{width:40px;margin-right:-20px}}.hero-slider__button--toggle:before{content:url("/assets/img/pause_mobile.svg");opacity:.75}@media screen and (min-width: 992px){.hero-slider__button--toggle:before{content:url("/assets/img/pause.svg")}}.hero-slider__button--play:before{content:url("/assets/img/play_mobile.svg");opacity:.75}@media screen and (min-width: 992px){.hero-slider__button--play:before{content:url("/assets/img/play.svg")}}.hero-slider__button--toggle:hover,.hero-slider__button--toggle:focus{color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.hero-slider__button--toggle:hover:before,.hero-slider__button--toggle:focus:before{opacity:1}.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}.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;width:calc(100% - 70px)}.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}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}.loader__sync--animate{animation-name:spin;animation-duration:2s;animation-iteration-count:infinite;transform-origin:center}.nav-global{background-color:#c61f48;height:56px;margin-left:0;margin-right:0;max-width:100%;min-width:100%;padding-bottom:5px;padding-left:5%;padding-top:5px;width:100%;z-index:1031}.nav-global__kcc-logo{margin-left:5px;width:190px}@media screen and (min-width: 360px){.nav-global__kcc-logo{width:220px}}@media screen and (min-width: 375px){.nav-global__kcc-logo{width:230px}}@media screen and (min-width: 410px){.nav-global__kcc-logo{width:255px}}@media screen and (min-width: 488px){.nav-global__kcc-logo{width:260px}}@media screen and (min-width: 576px){.nav-global__kcc-logo{width:300px}}@media screen and (min-width: 768px){.nav-global__kcc-logo{width:320px}}@media screen and (min-width: 992px)and (max-width: 1100px){.nav-global__kcc-logo{margin-left:-25px;width:310px}}@media screen and (min-width: 1100px){.nav-global__kcc-logo{margin-left:-25px;width:340px}}.clearSearch{background-position:center 72px;padding-top:72px}.search-row{background-color:#005bac;height:46px}.nav-global__gcse-wrapper{margin-left:-5px}@media screen and (min-width: 992px){.nav-global__gcse-wrapper{display:block;float:right;margin-top:-18px;width:50%}}.nav-global__search-icon{background-position:center;background-size:20px 20px;background-repeat:no-repeat;display:inline;height:22px;margin:4px;pointer-events:none;width:22px}@media screen and (min-width: 360px){.nav-global__search-icon{background-size:21px 21px}}@media screen and (min-width: 410px){.nav-global__search-icon{background-size:22px 22px}}@media screen and (min-width: 576px){.nav-global__search-icon{background-size:24px 24px;height:24px;width:24px}}@media screen and (min-width: 768px){.nav-global__search-icon{background-size:25px 25px;height:26px;width:26px}}.nav-global .nav-global__search-toggle .nav-global__search-icon{float:right}.nav-global__search-collapse{display:none;margin-top:-113px}@media screen and (min-width: 576px){.nav-global__search-collapse{margin-top:-115px}}@media screen and (min-width: 992px){.nav-global__search-collapse{display:block;margin-left:0;margin-right:0;margin-top:0}}.nav-global__search-collapse--visible{display:block;width:100%}.nav-global__search-toggle{top:40px;text-decoration:none !important}.nav-global__search--conatiner{max-width:1100px;margin-left:auto;margin-right:auto}.nav-global__search--open-background{width:120%;background-color:#c61f48;height:65px;position:absolute;z-index:-1;top:-60px;left:-40px}.nav-global__navbar-brand{margin-left:-10px}@media screen and (min-width: 410px){.nav-global__navbar-brand{margin-left:-15px}}@media screen and (min-width: 488px){.nav-global__navbar-brand{margin-left:-20px}}@media screen and (min-width: 576px){.nav-global__navbar-brand{margin-left:-25px}}@media screen and (min-width: 768px){.nav-global__navbar-brand{margin-left:-35px}}@media screen and (min-width: 992px){.nav-global__navbar-brand{margin-left:-20px}}@media screen and (min-width: 1000px){.nav-global__navbar-brand{margin-left:-18px}}@media screen and (min-width: 1080px){.nav-global__navbar-brand{margin-left:-22px}}@media screen and (min-width: 1200px){.nav-global__navbar-brand{margin-left:-2.5%}}@media screen and (min-width: 1600px){.nav-global__navbar-brand{margin-left:-3%}}@media screen and (min-width: 1900px){.nav-global__navbar-brand{margin-left:-3.25%}}@media screen and (min-width: 2000px){.nav-global__navbar-brand{margin-left:-3.5%}}.nav-global__kcc-logo-inverse{margin-left:-3px;width:50px;margin-right:-10px}@media screen and (min-width: 360px){.nav-global__kcc-logo-inverse{width:60px}}@media screen and (min-width: 410px){.nav-global__kcc-logo-inverse{width:68px}}@media screen and (min-width: 488px){.nav-global__kcc-logo-inverse{width:68px}}@media screen and (min-width: 576px){.nav-global__kcc-logo-inverse{width:73px}}@media screen and (min-width: 768px){.nav-global__kcc-logo-inverse{width:80px}}@media screen and (min-width: 992px){.nav-global__kcc-logo-inverse{width:80px;margin-left:-30px;margin-right:20px}}@media screen and (min-width: 1100px){.nav-global__kcc-logo-inverse{width:85px;margin-right:15px}}@media screen and (min-width: 1300px){.nav-global__kcc-logo-inverse{width:85px;margin-left:-35px}}@media screen and (min-width: 1400px){.nav-global__kcc-logo-inverse{width:85px;margin-left:-40px}}.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}.breadcrumbs li{text-transform:capitalize}.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__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-transparent.png);background-repeat:no-repeat;background-position:0 50px}.section__heading-underline--transparent{background-image:url(/assets/img/heading-bg-underline-transparent.png);background-repeat:no-repeat;background-position:0 50px}.section__heading-underline-tan{background-image:url(/assets/img/heading-bg-underline-transparent.png);background-repeat:no-repeat;background-position:0 50px}.section__margin-bottom{margin-bottom:3rem}.background__color--tan{background-color:#fcf1d6}.thank-you__check-mark{height:75px;width:75px}
@@ -1,14 +1,7 @@
1
1
  import toggleMenuOnWindowResize from './toggleMenuOnWindowResize.js';
2
- import toggleDropdownOnWindowResize from './toggleDropdownOnWindowResizeTwo.js';
3
2
  import googleCustomSearchInit from './googleCustomSearch.js';
4
- import closeMenuOnClick from './closeMegaNavOnClick.js';
5
3
 
6
- export default function megaNav() {
7
- googleCustomSearchInit();
8
- if (window.location.pathname == '/') {
9
- import('./underlineCurrentSite').then(({default: underlineCurrentSite}) => underlineCurrentSite())
10
- }
11
- toggleMenuOnWindowResize();
12
- toggleDropdownOnWindowResize();
13
- closeMenuOnClick();
4
+ export default function megaNav(Collapse) {
5
+ googleCustomSearchInit()
6
+ toggleMenuOnWindowResize(Collapse);
14
7
  }
@@ -1,22 +1,37 @@
1
- // Custom JS to Close the Navigation menu, if its open, & if the screen goes above 992px wide (Bootstrap 4 'lg' devices)
2
- const NAVBAR_COLLAPSE_ID = 'headerGlobalNavbarContent'; // ID built into the sites' HTML
1
+ // Custom JS to toggle the navigation menu if a dropdown item is open
2
+ // and the screen is resized to mobile sized nav. Otherwise, the dropdown
3
+ // will stay open while the menu is collapsed causing it to look broken.
4
+ const globalNavBottom = document.getElementById('navGlobalBottom'); // built into the site's HTML
5
+ const menuCollapseElement = document.getElementById('headerGlobalNavbarContent');
3
6
 
4
- function checkNavbarCollapseState(menuEl) {
7
+ function hideOpenMenu(menuEl, bsCollapse) {
5
8
  if ( menuEl.classList.contains('show') ) { // 'show' is a Bootstrap 4 class that makes `.collapse` items visible. // Checking to see if the Menu is open
6
- $(menuEl).collapse('hide'); // Bootstrap 4 `.collapse()` method.
9
+ bsCollapse.hide(); // BS5 Collapse.hide() method
7
10
  }
8
11
  }
9
12
 
10
- function windowResizeHandler() {
11
- if ( window.innerWidth >= 992 ) {
12
- const menuCollapseElement = document.getElementById(NAVBAR_COLLAPSE_ID);
13
-
14
- checkNavbarCollapseState(menuCollapseElement);
15
- }
13
+ function openMenu(bsCollapse) {
14
+ bsCollapse.show(); // BS5 Collapse.show() method
16
15
  }
17
16
 
18
- function toggleMenuOnWindowResize() {
19
- window.addEventListener('resize', windowResizeHandler);
17
+ /**
18
+ *
19
+ * @param {function} Collapse Bootstrap 5 Collapse plugin
20
+ * @see https://getbootstrap.com/docs/5.3/components/collapse/#via-javascript
21
+ */
22
+ function toggleMenuOnWindowResize(Collapse) {
23
+ const bsCollapse = new Collapse(menuCollapseElement, { toggle: false });
24
+
25
+ window.addEventListener('resize', _e => {
26
+ // 992px and up is bootstrap breakpoint for "lg"
27
+ if ( window.innerWidth >= 992 ) {
28
+ hideOpenMenu(menuCollapseElement, bsCollapse);
29
+ } else {
30
+ if (globalNavBottom.querySelector('.dropdown-toggle.show')) {
31
+ openMenu(bsCollapse);
32
+ }
33
+ }
34
+ });
20
35
  }
21
36
 
22
37
  export default toggleMenuOnWindowResize;
@@ -8,13 +8,13 @@ function addClassToOpenNavbar() {
8
8
  const collapse = document.getElementById(NAVBAR_COLLAPSE_ID);
9
9
  const header = document.querySelector(HEADER_GLOBAL);
10
10
 
11
- $(collapse).on('show.bs.collapse', (e) => {
11
+ collapse.addEventListener('show.bs.collapse', _e => {
12
12
  header.classList.add('header-global__open');
13
13
  });
14
14
 
15
- $(collapse).on('hide.bs.collapse', (e) => {
15
+ collapse.addEventListener('hide.bs.collapse', _e => {
16
16
  header.classList.remove('header-global__open');
17
17
  });
18
18
  }
19
19
 
20
- export default addClassToOpenNavbar;
20
+ export default addClassToOpenNavbar;
data/assets/js/src/all.js CHANGED
@@ -1,17 +1,6 @@
1
1
  import '../../scss/kcc-theme.scss';
2
-
3
- function loadModule(...moduleArgs) {
4
- const module = moduleArgs[0];
5
- let defaultFunc;
6
- let funcArg = undefined;
7
-
8
- moduleArgs.length > 1 ? defaultFunc = moduleArgs[1] : defaultFunc = moduleArgs[0];
9
- moduleArgs.length > 2 ? funcArg = moduleArgs[2] : null;
10
-
11
- import(`./${module}`).then(({ default: defaultFunc }) => {
12
- return funcArg = undefined ? defaultFunc() : defaultFunc(funcArg);
13
- });
14
- }
2
+ // import { Collapse, Tab, Dropdown } from 'bootstrap';
3
+ import Collapse from 'bootstrap/js/dist/collapse';
15
4
 
16
5
  // Modules that load before window.onload
17
6
  window.addEventListener('load', () => {
@@ -34,22 +23,30 @@ window.addEventListener('load', () => {
34
23
  // 10.) document.getElementById('google_translate_element') ? loadModule('translateScript', 'watchForMenuClicks') : null;
35
24
 
36
25
  import('../alerts/alerts')
37
- .then(({ default: alerts }) => alerts())
26
+ .then(({ default: alerts }) => alerts(Collapse))
38
27
  .then(() => {
39
28
  if (document.querySelector('.hero-slider__slider')) {
40
29
  Promise.resolve()
41
- .then(() => loadModule('wrapPowerText'))
42
- .then(() => loadModule('sliders', 'initSliders'))
30
+ .then(() => import('./wrapPowerText').then(({default: wrapPowerText}) => wrapPowerText()))
31
+ .then(() => import('./sliders').then(({ default: initSliders }) => initSliders()))
43
32
  .catch((err) => console.error(`Error loading slider modules :${err}`, err))
44
33
  }
45
- loadModule('walkText', 'walkText', document.body)
46
- document.querySelector('img[data-src]') ? loadModule('lazyLoad') : null;
47
- loadModule('footerDate')
48
- loadModule('addClassToOpenNavbar')
34
+ import('./walkText').then(({ default: walkText }) => walkText(document.body));
35
+ if (document.querySelector('img[data-src]')) {
36
+ import('./lazyLoad').then(({ default: lazyLoad }) => lazyLoad());
37
+ }
38
+ import('./footerDate').then(({ default: footerDate }) => footerDate());
39
+ import('./addClassToOpenNavbar').then(({ default: addClassToOpenNavbar }) => addClassToOpenNavbar());
49
40
  })
50
41
  .then(async () => {
51
- const { default: megaNav } = await import('../nav/megaNav/megaNav');
52
- return megaNav();
42
+ if (document.querySelector('.dropdown-toggle')) {
43
+ const { default: Dropdown } = await import('bootstrap/js/dist/dropdown'); // Just importing BS5 Collapse enables them to work in a page
44
+ }
45
+ if (document.getElementById('headerGlobalNavbarContent')) {
46
+ const { default: megaNav } = await import('../nav/megaNav/megaNav');
47
+
48
+ return megaNav(Collapse);
49
+ }
53
50
  })
54
51
  .catch(err => console.error(`Error loading window.onload modules: ${err}`, err))
55
52
 
@@ -74,5 +71,14 @@ window.addEventListener('load', () => {
74
71
  if (document.getElementById('SearchTermForm')) {
75
72
  return import('./watchForWebsiteSearch').then(({ default: init }) => init());
76
73
  }
74
+ if (
75
+ document.querySelector('.modal') &&
76
+ window.location.pathname.indexOf('/support-resources/') === -1
77
+ ) {
78
+ // Conditionally import BS5 Modal plugin in pages with a modal, but
79
+ // do NOT on the support-resources page. This page already uses the
80
+ // modal plugin and we don't want duplicate imports.
81
+ import('bootstrap/js/dist/modal').then(({ default: Modal }) => Modal);
82
+ }
77
83
  });
78
84
 
@@ -0,0 +1,4 @@
1
+ import '../../scss/bootstrap.scss';
2
+
3
+ // This JS file only serves as an entry point for compiling a
4
+ // stylesheet for Bootstrap 5 (only the components/utilities we use).
@@ -6,24 +6,6 @@
6
6
  }
7
7
  }
8
8
 
9
- .buttons__yt-subscribe {
10
- display: inline-block;
11
- height: 1rem;
12
- margin-top: -4px;
13
- margin-right: 5px;
14
- transform: scale(1.8,1.8);
15
- vertical-align: middle;
16
- width: 1rem;
17
- }
18
-
19
- .buttons__custom-danger {
20
- margin-right: 20px;
21
- }
22
-
23
- .buttons__btn-margin-top {
24
- margin-top: 20px;
25
- }
26
-
27
9
  .btn-primary {
28
10
  background-color: $btn-primary-bg;
29
11
  border-color: $btn-primary-border;
@@ -34,20 +16,7 @@
34
16
  border-color: $btn-hover-border;
35
17
  }
36
18
 
37
- .buttons__no-decoration {
38
- text-decoration: none;
39
- &:hover {
40
- text-decoration: none;
41
- }
42
- &:focus {
43
- text-decoration: none;
44
- }
45
- &:visited {
46
- text-decoration: none;
47
- }
48
- }
49
-
50
- .buttons{
19
+ .buttons {
51
20
  display: inline-block;
52
21
  padding-left: .9rem;
53
22
  padding-right: .9rem;
@@ -184,3 +153,8 @@
184
153
  .buttons--sync--visible {
185
154
  opacity: 1;
186
155
  }
156
+
157
+ .buttons__no-decoration:hover,
158
+ .buttons__no-decoration:focus {
159
+ text-decoration: none;
160
+ }
@@ -427,9 +427,9 @@
427
427
 
428
428
  @media screen and (min-width: 992px) {
429
429
  .header-global__dropdown-menu--full-width {
430
- left: .75rem;
430
+ left: .75rem !important; // !important needed to override BS5 style
431
431
  right: .75rem;
432
- top: 5.77rem;
432
+ top: 5.77rem !important; // !important needed to override BS5 style
433
433
  }
434
434
  }
435
435
 
@@ -39,6 +39,9 @@
39
39
  &--fill-blue {
40
40
  fill: $primary-blue;
41
41
  }
42
+ &--fill-green {
43
+ fill: #00a14b;
44
+ }
42
45
  }
43
46
 
44
47
  .svg__action--place {
@@ -113,4 +116,4 @@ a.svg__link--no-decoration:focus {
113
116
  a.svg__link--no-decoration:hover .svg__mykcc,
114
117
  a.svg__link--no-decoration:focus .svg__mykcc{
115
118
  fill: $color-bs-blue-hover;
116
- }
119
+ }
@@ -112,12 +112,6 @@ body {
112
112
  margin-bottom: .2rem;
113
113
  }
114
114
 
115
- .typography__orange-h4 {
116
- color: $orange-heading;
117
- font-family: $font-family-oswald;
118
- font-size: 2.4rem;
119
- }
120
-
121
115
  .typography__sub-nav--red-h2 {
122
116
  color: $primary-red;
123
117
  font-family: $font-family-oswald;
@@ -191,26 +185,6 @@ body {
191
185
  }
192
186
  }
193
187
 
194
- .typography__nav-link {
195
- color: $white;
196
- font-family: $font-family-oswald;
197
- font-size: 1.05rem;
198
- font-weight: 400;
199
- letter-spacing: 0.05rem;
200
- text-transform: capitalize;
201
- }
202
-
203
- .typography__nav-local--nav-link {
204
- font-family: $font-family-oswald;
205
- font-size: 1rem;
206
- font-weight: 500;
207
- text-transform: uppercase;
208
- }
209
-
210
- .typography__nav-local--color {
211
- color: $primary-blue;
212
- }
213
-
214
188
  // "The POWER of Community" text
215
189
  .typography__power-text {
216
190
  color: $white;
@@ -309,51 +283,6 @@ body {
309
283
  }
310
284
  }
311
285
 
312
- .typography__p--bold {
313
- color: $color-grey-heading;
314
- font-family: $font-family-headings;
315
- font-weight: $font-weight-bold;
316
- font-size: 1.25rem;
317
- line-height: 1.2;
318
- }
319
-
320
- .typography__stories--quote {
321
- color: $primary-blue;
322
- font-family: 'Oswald', sans-serif;
323
- font-size: 1.1em;
324
- font-weight: 300;
325
- }
326
-
327
- @media screen and (min-width: 488px) {
328
- .typography__stories--quote {
329
- font-size: 1.3rem;
330
- }
331
- }
332
-
333
- @media screen and (min-width: 768px) {
334
- .typography__stories--quote {
335
- font-size: 1.2rem;
336
- }
337
- }
338
-
339
- @media screen and (min-width: 992px) {
340
- .typography__stories--quote {
341
- font-size: 1.4rem;
342
- }
343
- }
344
-
345
- .typography__col--heading-underline {
346
- background-image: url(/assets/img/heading-bg-underline.png);
347
- background-repeat: no-repeat;
348
- background-position: 0 50px;
349
- }
350
-
351
- .typography__col--heading-underline-tan {
352
- background-image: url(/assets/img/heading-bg-underline-tan.png);
353
- background-repeat: no-repeat;
354
- background-position: 0 50px;
355
- }
356
-
357
286
  // Other font styles
358
287
  .typography__p,
359
288
  p,
@@ -454,22 +383,6 @@ h1 sup, h2 sup, h3 sup, h4 sup, h5 sup, h6 sup { // Make superscripts within hea
454
383
  }
455
384
  }
456
385
 
457
- .typography__register--caption {
458
- color: $white;
459
- font-family: $font-family-oswald;
460
- font-size: 1rem;
461
- font-weight: $font-weight-boldish;
462
- letter-spacing: .07rem;
463
- position: absolute;
464
- bottom: 15px;
465
- }
466
-
467
- @media screen and (min-width: 1200px) {
468
- .typography__register--caption {
469
- font-size: 1.2rem;
470
- }
471
- }
472
-
473
386
  .typography__register-h4 {
474
387
  font-family: $font-family-oswald;
475
388
  font-size: 1.6rem;
@@ -532,27 +445,6 @@ h1 sup, h2 sup, h3 sup, h4 sup, h5 sup, h6 sup { // Make superscripts within hea
532
445
  display: block;
533
446
  }
534
447
 
535
- .typography__register-itransfer {
536
- font-size: 1.7rem;
537
- font-weight: 600;
538
- line-height: 1;
539
- position: absolute;
540
- top: 4rem;
541
- margin-left: -20px;
542
- }
543
-
544
- @media screen and (min-width: 400px) {
545
- .typography__register-itransfer {
546
- font-size: 1.8rem;
547
- }
548
- }
549
-
550
- @media screen and (min-width: 768px) {
551
- .typography__register-itransfer {
552
- font-size: 1.9rem;
553
- }
554
- }
555
-
556
448
  .typography__register--h6 {
557
449
  color: $primary-red;
558
450
  font-family: $font-family-saira;
@@ -561,15 +453,6 @@ h1 sup, h2 sup, h3 sup, h4 sup, h5 sup, h6 sup { // Make superscripts within hea
561
453
  letter-spacing: .03rem;
562
454
  }
563
455
 
564
- #page-top::before {
565
- display: block;
566
- content: " ";
567
- margin-top: -60px;
568
- height: 60px;
569
- visibility: hidden;
570
- pointer-events: none;
571
- }
572
-
573
456
  .typography__larger-p {
574
457
  font-size: 1.2rem;
575
458
  }
@@ -9,6 +9,7 @@
9
9
  font-size: 1.4rem;
10
10
  font-weight: 700;
11
11
  text-align: left;
12
+ width: calc(100% - 70px);
12
13
  &:hover {
13
14
  color: $primary-red;
14
15
  }
@@ -125,27 +125,6 @@
125
125
  display: block;
126
126
  }
127
127
 
128
- .benefits__typography-itransfer {
129
- font-size: 1.7rem;
130
- font-weight: 600;
131
- line-height: 1;
132
- position: absolute;
133
- top: 4rem;
134
- margin-left: -20px;
135
- }
136
-
137
- @media screen and (min-width: 400px) {
138
- .benefits__typography-itransfer {
139
- font-size: 1.8rem;
140
- }
141
- }
142
-
143
- @media screen and (min-width: 768px) {
144
- .benefits__typography-itransfer {
145
- font-size: 1.9rem;
146
- }
147
- }
148
-
149
128
  .benefits__typography--h6 {
150
129
  color: $primary-red;
151
130
  font-family: $font-family-saira;
@@ -239,51 +218,6 @@
239
218
  }
240
219
  }
241
220
 
242
- .benefits__itransfer-img {
243
- width: 120px;
244
- margin-top: 40px;
245
- }
246
-
247
- @media screen and (min-width: 400px) {
248
- .benefits__itransfer-img {
249
- width: 140px;
250
- }
251
- }
252
-
253
- @media screen and (min-width: 768px) {
254
- .benefits__itransfer-img {
255
- width: 150px;
256
- }
257
- }
258
-
259
- @media screen and (min-width: 992px) {
260
- .benefits__itransfer-img {
261
- margin-top: 20px;
262
- width: 160px;
263
- }
264
- }
265
-
266
- .benefits__idfpr-img {
267
- width: 330px;
268
- }
269
-
270
- @media screen and (max-width: 992px) {
271
- .benefits__idfpr-img {
272
- margin-bottom: 15px;
273
- margin-top: 40px;
274
- }
275
- }
276
-
277
- .benefits__iccb-img {
278
- width: 250px;
279
- }
280
-
281
- @media screen and (max-width: 992px) {
282
- .benefits__iccb-img {
283
- margin-top: 15px;
284
- }
285
- }
286
-
287
221
  .benefits__offset-global-nav {
288
222
  margin-top: 60px;
289
223
  }
@@ -345,10 +279,6 @@
345
279
  display: block;
346
280
  }
347
281
 
348
- .benefits__accredited--itransfer--wrapper {
349
- width: 50%;
350
- }
351
-
352
282
  .benefits__borders--circle-img {
353
283
  border: 3px solid $white;
354
284
  filter: drop-shadow(5px 5px 12px #b1b1b1);
@@ -7,6 +7,7 @@
7
7
  min-width: 100%;
8
8
  padding-bottom: 5px;
9
9
  padding-left: 5%;
10
+ padding-right: 1rem;
10
11
  padding-top: 5px;
11
12
  width: 100%;
12
13
  z-index: 1031;