jumbo-jekyll-theme 5.6.9.4 → 5.7.0

data/_sass/core/breadcrumb.scss

@@ -1,98 +1,18 @@
-/* -------------------------- Breadcrumb Style -------------------------- */
-/* Bread Crumb Paragraphs */
-
-//Mobile Style for Breadcrumb
-
-@media(max-width:$screen-sm-min){
-    .breadcrumb-container h1, .breadcrumb-container h2, .breadcrumb-container h3 {
-        margin-top: 0;
-        margin-bottom: 0;
+#wrapper {
+    #breadcrumb {
+        background-color: $breadcrumb_bg_color;
+        h1 {
+            margin-top:0px;
+            margin-bottom:0px;
+            padding-top:10px;
+        }
+        ol {
+            background-color: $breadcrumb_bg_color;
+            padding-left:0px;
+            li:not(:first-child)::before {
+                content: "\00bb\00a0";
+                padding-left:5px;
+            }
+        }
     }
-
-    .breadcrumb{
-        margin-bottom: 0;
-    }
-    
-    .breadcrumb-container{
-        padding-top: 5px;
-        padding-bottom: 5px;
-    }
-    .breadcrumb-inner-container  h1, .breadcrumb-inner-container  h2, .breadcrumb-inner-container  h3 {
-        letter-spacing: 0;
-        font-size: 22px;
-        color: #fff;
-    }
-}
-
-/* Bread Crumb Headings */
-
-.breadcrumb-inner-container  h1, .breadcrumb-inner-container  h2, .breadcrumb-inner-container  h3 {
-    letter-spacing: 0;
-    font-size: 34px;
-    color: #fff;
-}
-
-/* Bread Crumb Ordered List Style */
-
-// Active Colour
-ol.breadcrumb > li.active {
-    color: $navbar-text-color;
-     
-}
-ol.breadcrumb li {
-  font-size: 14px;
-}
-
-ol.breadcrumb > li + li:before {
-  content: "\00bb\00a0";
-}
-
-ol.breadcrumb {
-    background: transparent;
-    border: 0;
-    border-radius: 0;
-    display: block;
-    padding: 0;
-    margin-bottom: 0;
-}
-ol.breadcrumb li a {
-    color: #fff;
-}
-
-ol.breadcrumb span {
-    font-size: 12px;
-    letter-spacing: 1px;
-    text-transform: none;
-    text-decoration: none;
-    color: $breadcrumb-span-color;
-    opacity: .5;
-}
-
-ol.breadcrumb li.active span {
-    opacity: 1;
-}
-ol.breadcrumb li span:hover {
-    opacity: 1;
-}
-
-
-/* Bread Crumb Container */
-
-.breadcrumb-container{
-    background-color: $breadcrumb-background-color;
-    padding-top: 10px;
-    padding-bottom: 10px;
-}
-
-.breadcrumb-container > p {
-    color: #fff;
-}
-
-#wrapper .breadcrumb-inner-container h1,#wrapper .breadcrumb-inner-container h2,#wrapper .breadcrumb-inner-container h3{
-    color: $breadcrumb-title-color;
 }
-
-
-
-
-

data/_sass/core/carousel-header.scss

@@ -1,91 +1,91 @@
-// Full Width Slider
-.carousel-fade .carousel-inner .item {
-    opacity: 0;
-    transition-property: opacity;
-}
-.carousel-fade .carousel-inner .active {
-    opacity: 1;
-}
-.carousel-fade .carousel-inner .active.left,
-.carousel-fade .carousel-inner .active.right {
-    left: 0;
-    opacity: 0;
-    z-index: 1;
-}
-.carousel-fade .carousel-inner .next.left,
-.carousel-fade .carousel-inner .prev.right {
-    opacity: 1;
-}
-.carousel-fade .carousel-control {
-    z-index: 2;
-}
-@media all and (transform-3d),
-(-webkit-transform-3d) {
-    .carousel-fade .carousel-inner > .item.next,
-    .carousel-fade .carousel-inner > .item.active.right {
-        opacity: 0;
-    }
-    .carousel-fade .carousel-inner > .item.prev,
-    .carousel-fade .carousel-inner > .item.active.left {
-        opacity: 0;
-    }
-    .carousel-fade .carousel-inner > .item.next.left,
-    .carousel-fade .carousel-inner > .item.prev.right,
-    .carousel-fade .carousel-inner > .item.active {
-        opacity: 1;
-    }
-}
-.item:nth-child(1) {
-    -webkit-background-size: cover;
-    -moz-background-size: cover;
-    -o-background-size: cover;
-    background-size: cover;
-}
-.item:nth-child(2) {
-    -webkit-background-size: cover;
-    -moz-background-size: cover;
-    -o-background-size: cover;
-    background-size: cover;
-}
-.item:nth-child(3) {
-    -webkit-background-size: cover;
-    -moz-background-size: cover;
-    -o-background-size: cover;
-    background-size: cover;
-}
-.carousel .item {
-    position: fixed;
-    z-index: 99999;
-    width: 100%;
-    height: $jumbotron-height + 100px;
-    margin-top: $navbar-height;
-}
-.carousel.slide.carousel-fade {
-    position: absolute;
-    top: 0px;
-    z-index: 0;
-    overflow: hidden;
-}
-nav#universal-nav {
-    z-index: 2;
-    position: static;
-}
-nav#main-navigation {
-    z-index: 999999;
-}
-#content-container {
-    background-color: $body-bg;
-    position: relative;
-}
-div#jumbotron {
-    text-align: center;
-    height: $jumbotron-height;
-    z-index: 0;
-    position: relative;
-    background: none;
-}
-@media (max-width: $screen-sm-min){
-    #jumbotron {
-        font-size: 32px;
-    }
-}
+// Full Width Slider
+.carousel-fade .carousel-inner .item {
+    opacity: 0;
+    transition-property: opacity;
+}
+.carousel-fade .carousel-inner .active {
+    opacity: 1;
+}
+.carousel-fade .carousel-inner .active.left,
+.carousel-fade .carousel-inner .active.right {
+    left: 0;
+    opacity: 0;
+    z-index: 1;
+}
+.carousel-fade .carousel-inner .next.left,
+.carousel-fade .carousel-inner .prev.right {
+    opacity: 1;
+}
+.carousel-fade .carousel-control {
+    z-index: 2;
+}
+@media all and (transform-3d),
+(-webkit-transform-3d) {
+    .carousel-fade .carousel-inner > .item.next,
+    .carousel-fade .carousel-inner > .item.active.right {
+        opacity: 0;
+    }
+    .carousel-fade .carousel-inner > .item.prev,
+    .carousel-fade .carousel-inner > .item.active.left {
+        opacity: 0;
+    }
+    .carousel-fade .carousel-inner > .item.next.left,
+    .carousel-fade .carousel-inner > .item.prev.right,
+    .carousel-fade .carousel-inner > .item.active {
+        opacity: 1;
+    }
+}
+.item:nth-child(1) {
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+    background-size: cover;
+}
+.item:nth-child(2) {
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+    background-size: cover;
+}
+.item:nth-child(3) {
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+    background-size: cover;
+}
+.carousel .item {
+    position: fixed;
+    z-index: 99999;
+    width: 100%;
+    height: $jumbotron_height + 100px;
+    // margin-top: $navbar-height;
+}
+.carousel.slide.carousel-fade {
+    position: absolute;
+    top: 0px;
+    z-index: 0;
+    overflow: hidden;
+}
+nav#universal-nav {
+    z-index: 2;
+    position: static;
+}
+nav#main-navigation {
+    z-index: 999999;
+}
+#content-container {
+    background-color: $body-bg;
+    position: relative;
+}
+div#jumbotron {
+    text-align: center;
+    height: $jumbotron_height;
+    z-index: 0;
+    position: relative;
+    background: none;
+}
+@include media-breakpoint-down(sm) {
+    #jumbotron {
+        font-size: 32px;
+    }
+}

data/_sass/core/carousel.scss

@@ -123,7 +123,7 @@ a.right.carousel-control{
 
 /* Responsive CSS for Homepage */
 
-@media only screen and (max-width: $screen-xs-min) {
+@include media-breakpoint-only(xs) {
     .hero-banner {
       padding-top: 0px;
       min-height: auto;
@@ -153,8 +153,8 @@ a.right.carousel-control{
     padding-bottom: 10px;
     padding-top: 10px;
     }
-}  
-    
+}
+
 .hero-banner {
     padding-top: 0px;
     min-height: auto;
@@ -190,7 +190,7 @@ a.right.carousel-control{
     margin-bottom: 20px;
 }
 .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
-    background-color: $brand-primary !important;
+    background-color: $primary !important;
     transition: all 1s ease;
 }
 
@@ -227,7 +227,7 @@ a.right.carousel-control{
 }
 .activity-block a:hover{
     text-decoration: none;
-    color: $brand-primary;
+    color: $primary;
     transition: all 1s ease;
 }
 
@@ -241,12 +241,12 @@ a.right.carousel-control{
 .activity-holder p {
     height: 99px;
 }
-@media (min-width: $screen-sm-min) {
+@include media-breakpoint-up(sm) {
     .row .activity-holder{
         height:529.44px;
     }
 }
-@media (max-width: $screen-sm-min) {
+@include media-breakpoint-down(sm) {
     .row .activity-holder{
         height:auto;
     }
@@ -309,4 +309,3 @@ button.owl-dot {
     border: none;
     outline: none;
 }
-

data/_sass/core/cookies.scss

@@ -0,0 +1,194 @@
+/* Cookie Dialog */
+#gdpr-cookie-message {
+    position: fixed;
+    right: 30px;
+    bottom: 30px;
+    max-width: 375px;
+    background-color: #eeeded;
+    padding: 20px;
+    border-radius: 5px;
+    box-shadow: 0 15px 15px rgba(0,0,0,0.25);
+    margin-left: 30px;
+    font-family: 'Lato';
+    z-index: 999999;
+    button#ihavecookiesBtn {
+        margin-left: 0px !important;
+    }
+    h4 {
+        color: #333;
+        font-family: 'Quicksand', sans-serif;
+        font-size: 18px;
+        font-weight: 500;
+        margin-bottom: 10px;
+    }
+    h5 {
+        color: #a2a2a2;
+        font-family: 'Quicksand', sans-serif;
+        font-size: 15px;
+        font-weight: 500;
+        margin-bottom: 10px;
+    }
+     p,  ul {
+        color: #333;
+        font-size: 15px;
+        line-height: 1.5em;
+    }
+    p:last-child {
+        margin-bottom: 0;
+        text-align: right;
+    }
+    li {
+        width: 49%;
+        display: inline-block;
+    }
+    a {
+        color: $primary;
+        text-decoration: none;
+        font-size: 15px;
+        padding-bottom: 2px;
+        border-bottom: 1px dotted rgba(255,255,255,0.75);
+        transition: all 0.3s ease-in;
+        &:hover {
+            color:#333;
+            border-bottom-color: $primary;
+            transition: all 0.3s ease-in;
+        }
+    }
+    button, button#ihavecookiesBtn {
+        border: none;
+        background: $primary;
+        color: white;
+        font-family: 'Quicksand', sans-serif;
+        font-size: 15px;
+        padding: 7px;
+        border-radius: 3px;
+        margin-left: 15px;
+        cursor: pointer;
+        transition: all 0.3s ease-in;
+    }
+    button {
+        &:hover {
+            background: white;
+            color: $primary;
+            transition: all 0.3s ease-in;
+        }
+        &#gdpr-cookie-advanced {
+            background: white;
+            color: $primary;
+        }
+        &:disabled {
+            opacity: 0.3;
+        }
+    }
+    input[type="checkbox"] {
+        float: none;
+        margin-top: 0;
+        margin-right: 5px;
+    }
+}
+
+.df-switch {
+  margin-top: 20px;
+  padding: 2rem;
+  text-align: center;
+}
+.btn-toggle {
+  top: 50%;
+  transform: translateY(-50%);
+}
+.btn-toggle {
+  margin: 0 4rem;
+  padding: 0;
+  position: relative;
+  border: none;
+  height: 1.5rem;
+  width: 5rem;
+  border-radius: 1.5rem;
+  color: #6b7381;
+  background: lightgrey;
+}
+.btn-toggle:focus,
+.btn-toggle.focus,
+.btn-toggle:focus.active,
+.btn-toggle.focus.active {
+  outline: none;
+}
+.btn-toggle:before,
+.btn-toggle:after {
+  line-height: 1.5rem;
+  width: 4rem;
+  text-align: center;
+  font-weight: 600;
+  font-size: 0.75rem;
+  text-transform: uppercase;
+  letter-spacing: 2px;
+  position: absolute;
+  bottom: 0;
+  transition: opacity 0.25s;
+}
+.btn-toggle:before {
+  content: 'off';
+  left: -5rem;
+  color: lightgrey;
+}
+.btn-toggle:after {
+  content: 'on';
+  right: -5rem;
+  opacity: 0.5;
+  color: $primary;
+}
+.btn-toggle > .inner-handle {
+  border-radius: 13px;
+  width: 65px;
+  height: 13px;
+  position: absolute;
+  top: 6px;
+  left: 8px;
+  background-color: lightgrey;
+  box-shadow: inset 1px 1px 2px -1px black;
+}
+.btn-toggle.active > .inner-handle {
+  background-color:$primary;
+}
+.btn-toggle > .handle:before {
+  content: "";
+  position: absolute;
+  height: 34px;
+  width: 34px;
+  top: 35%;
+  left: 11px;
+  background-image: radial-gradient(circle at center, $primary 5px, transparent 5px);
+  background-size: 10px 10px;
+  background-repeat: no-repeat;
+}
+.btn-toggle.active > .handle:before {
+  background-image: radial-gradient(circle at center, $primary 5px, transparent 5px);
+}
+.btn-toggle > .handle {
+  position: absolute;
+  top: -0.2875rem;
+  left: 0.3875rem;
+  width: 2.125rem;
+  height: 2.125rem;
+  border-radius: 1.125rem;
+  background: #fff;
+  transition: left 0.25s;
+  border: 1px solid #ccc;
+}
+.btn-toggle.active {
+  transition: background-color 0.25s;
+}
+.btn-toggle.active > .handle {
+  left: 2.4175rem;
+  transition: left 0.25s;
+}
+.btn-toggle.active:before {
+  opacity: 0.5;
+}
+.btn-toggle.active:after {
+  opacity: 1;
+  color: $primary;
+}
+.btn-toggle.active {
+  background-color: $primary;
+}