kcc-gem-theme 1.65.57

data/assets/scss/2-modules/_nav-local.scss

@@ -0,0 +1,45 @@
+.nav-local {
+  top: 55px;
+  border-bottom-color: $grey-5;
+  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(.8, .8);
+  }
+}

data/assets/scss/2-modules/_sliders.scss

@@ -0,0 +1,191 @@
+// Styles for both the .heroSlider and .baseballSlider
+// slick carousels
+//==============================================
+.slider-container {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+@media screen and (min-width: 1400px) {
+  .slider-container {
+    max-width: 1300px;
+  }
+}
+
+@media screen and (min-width: 1400px) {
+  .index-slider-container {
+    max-width: 1300px;
+  }
+}
+
+.slider-row {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+.heading-container {   // div container for slide headings
+  border-left-color: $white;
+  border-left-style: solid;
+  border-left-width: 2px;
+  margin-left: .9%;
+  padding-left: 5px;
+  position: absolute;
+  top: 55%;
+  width: 7%;
+  z-index: 4444;
+}
+
+@media screen and (min-width: 488px) {
+  .heading-container {
+    top: 60%;
+    width: 6%;
+  }
+}
+
+@media screen and (min-width: 768px) {
+  .heading-container {
+    margin-left: .7%;
+    padding-left: 10px;
+    top: 61%;
+    width: 6%;
+  }
+}
+
+@media screen and (min-width: 992px) {
+  .heading-container {
+    margin-left: .6%;
+    padding-left: 20px;
+    top: 67%;
+  }
+}
+
+@media screen and (min-width: 1200px) {
+  .heading-container {
+    top: 69%;
+  }
+}
+
+.heroSlider .slide-img,
+.baseballSlider .slide-img {
+  position: relative;
+  width: 100%;
+}
+
+.heroSlider .slick-next,
+.baseballSlider .slick-next {
+  right: 20px;
+}
+
+.heroSlider .slick-prev,
+.baseballSlider .slick-prev {
+  left: 20px;
+  z-index: 4;
+}
+
+@media screen and (min-width: 576px) {
+  .heroSlider .slick-next,
+  .baseballSlider .slick-next {
+    right: 25px;
+  }
+
+  .heroSlider .slick-prev,
+  .baseballSlider .slick-prev {
+    left: 25px;
+    z-index: 4;
+  }
+}
+
+.heroSlider .slick-next,
+.heroSlider .slick-prev,
+.baseballSlider .slick-next,
+.baseballSlider .slick-prev {
+  height: 25px;
+  top: 75%;
+  width: 25px;
+}
+
+@media screen and (min-width: 992px) {
+  .heroSlider .slick-next,
+  .heroSlider .slick-prev,
+  .baseballSlider .slick-next,
+  .baseballSlider .slick-prev {
+    height: 40px;
+    top: 80%;
+    width: 40px;
+  }
+}
+
+.heroSlider .slick-dots li button:before,
+.baseballSlider .slick-dots li button:before {
+  color: $landing-bg;
+  font-size: 12px;
+  line-height: 30px;
+  opacity: 1;
+  text-shadow:
+    -1px -1px 0 $black,
+    1px -1px 0 $black,
+    -1px 1px 0 $black,
+    1px 1px 0 $black;
+}
+
+.heroSlider .slick-dots li.slick-active button:before,
+.baseballSlider .slick-dots li.slick-active button:before {
+  color: $primary-blue;
+  opacity: 1;
+  text-shadow:
+    -1px -1px 0 $black,
+    1px -1px 0 $black,
+    -1px 1px 0 $black,
+    1px 1px 0 $black;
+}
+
+.heroSlider .slick-dots li,
+.baseballSlider .slick-dots li  {
+  margin-left: 1px;
+  margin-right: 1px;
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.njcaa-link {
+  margin-top: 30px;
+  position: absolute;
+  right: 15%;
+  z-index: 1000;
+}
+
+@media screen and (min-width:1600px) {
+  .njcaa-link {
+    right: 20%;
+  }
+}
+
+@media screen and (min-width:1900px) {
+  .njcaa-link {
+    right: 25%;
+  }
+}
+
+@media screen and (min-width:1200px) {
+  .njcaa-logo {
+    width: 175px;
+  }
+}
+
+@media screen and (min-width:1600px) {
+  .njcaa-logo {
+    width: 200px;
+  }
+}
+
+.baseballSlider {   // prevents all slides from displaying vertically before slick has initialized
+  visibility: hidden;
+}
+
+.slick-initialized {   // makes slides visible again once slick has initialized
+  visibility: visible;
+}
+
+.slick-track {
+  margin-left: 0;
+}

data/assets/scss/2-modules/_social-icons.scss

@@ -0,0 +1,36 @@
+.social-icons__icons {
+  background-color: $primary-red;
+  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; // Get rid of default link-underline on hover
+}
+
+a.social-icons__links:hover .social-icons__icons {
+  text-decoration: none !important;
+  background-color: $primary-blue;
+}

data/assets/scss/2-modules/_sub-nav.scss

@@ -0,0 +1,32 @@
+
+.sub-nav__nav-link {
+  color: $primary-blue;
+  font-family: 'Oswald', sans-serif;
+  font-weight: 500;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-left: 5px;
+  padding-right: 5px;
+  &:hover {
+    color: $primary-red;
+  }
+}
+
+.nav-item.active .sub-nav__nav-link {
+  border-bottom-color: $primary-red;
+  border-bottom-style: solid;
+  border-bottom-width: thick;
+  padding-bottom: 0;
+}
+
+.sub-nav__navbar {
+  border-style: solid;
+  border-width: 1px;
+  border-color: $grey-5;
+  border-radius: 3px;
+}
+
+.sub-nav__content--wrapper {
+  padding-left: 25px;
+  padding-right: 25px;
+}

data/assets/scss/2-modules/_yt-embed.scss

@@ -0,0 +1,14 @@
+.yt-embed__wrapper {
+  height: 0;
+  overflow: hidden;
+  padding-bottom: 56.25%;
+  padding-top: 30px;
+  position: relative;
+  & iframe {
+    height: 100%;
+    left: 0;
+    position: absolute;
+    top: 0;
+    width: 100%;
+  }
+}

data/assets/scss/3-layout/_background.scss

@@ -0,0 +1,3 @@
+.background__color--tan {
+  background-color: $color-tan-light;
+}

data/assets/scss/3-layout/_content.scss

@@ -0,0 +1,37 @@
+img.float-image-left {
+  float: left;
+  max-width: 100%;
+  height: auto;
+  margin: 10px;
+}
+
+img.float-image-right {
+  float: right;
+  max-width: 100%;
+  height: auto;
+  margin: 10px;
+}
+
+img.no-float {
+  float: none;
+}
+
+img.center-image {
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 100%;
+  height: auto;
+  margin: 10px;
+}
+
+.align-left {
+  text-align: left;
+}
+
+.align-right {
+  text-align: right;
+}
+
+.center-this-text {
+  text-align: center;
+}

data/assets/scss/3-layout/_margins.scss

@@ -0,0 +1,22 @@
+// Margin styles
+// ============================
+
+.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;
+}

data/assets/scss/3-layout/_padding.scss

@@ -0,0 +1,19 @@
+// Padding Styles
+// ==========================
+
+.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;
+}

data/assets/scss/3-layout/_positioning.scss

@@ -0,0 +1,341 @@
+// Positioning Styles
+// ==========================================
+.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%; /* 16:9 */
+  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: $color-blue-light;
+  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: $color-blue-light;
+  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: 125px;
+  height: 1px;
+  &--visible {
+    height: auto;
+  }
+}
+
+@media screen and (min-width: 400px) {
+  .position__offset-alert {
+    margin-top: 135px;
+  }
+}
+
+@media screen and (min-width: 576px) {
+  .position__offset-alert {
+      margin-top: 140px;
+  }
+}
+
+@media screen and (min-width: 768px) {
+  .position__offset-alert {
+      margin-top: 145px;
+  }
+}
+
+@media screen and (min-width: 992px) {
+  .position__offset-alert {
+      margin-top: 150px;
+  }
+}
+
+.position__offset-alert.position__offset-alert-core {
+  margin-top: 115px;
+}
+
+@media screen and (min-width: 992px) {
+  .position__offset-alert.position__offset-alert-core {
+    margin-top: 110px;
+  }
+}