jumbo-jekyll-theme 5.6.9.4 → 5.7.0

data/_sass/core/fontello.scss

@@ -0,0 +1,156 @@
+@font-face {
+  font-family: "fontello";
+  src: url("/assets/fonts/fontello/fontello.eot?26029165");
+  src: url("/assets/fonts/fontello/fontello.eot?26029165#iefix")
+      format("embedded-opentype"),
+    url("/assets/fonts/fontello/fontello.woff2?26029165") format("woff2"),
+    url("/assets/fonts/fontello/fontello.woff?26029165") format("woff"),
+    url("/assets/fonts/fontello/fontello.ttf?26029165") format("truetype"),
+    url("/assets/fonts/fontello/fontello.svg?26029165#fontello") format("svg");
+  font-weight: normal;
+  font-style: normal;
+}
+[class^="icon-"]:before,
+[class*=" icon-"]:before {
+  font-family: "fontello";
+  font-style: normal;
+  font-weight: normal;
+  speak: none;
+
+  display: inline-block;
+  text-decoration: inherit;
+  width: 1em;
+  margin-right: 0.2em;
+  text-align: center;
+  /* opacity: .8; */
+
+  /* For safety - reset parent styles, that can break glyph codes*/
+  font-variant: normal;
+  text-transform: none;
+
+  /* fix buttons height, for twitter bootstrap */
+  line-height: 1em;
+
+  /* Animation center compensation - margins should be symmetric */
+  /* remove if not needed */
+  margin-left: 0.2em;
+
+  /* you can be more comfortable with increased icons size */
+  /* font-size: 120%; */
+
+  /* Font smoothing. That was taken from TWBS */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+  /* Uncomment for 3D effect */
+  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
+}
+
+.icon-search:before {
+  content: "\e800";
+} /* '' */
+.icon-stop:before {
+  content: "\e801";
+} /* '' */
+.icon-pause:before {
+  content: "\e802";
+} /* '' */
+.icon-fast-fw:before {
+  content: "\e803";
+} /* '' */
+.icon-fast-bw:before {
+  content: "\e804";
+} /* '' */
+.icon-terminal:before {
+  content: "\e805";
+} /* '' */
+.icon-basket:before {
+  content: "\e806";
+} /* '' */
+.icon-users:before {
+  content: "\e807";
+} /* '' */
+.icon-user:before {
+  content: "\e808";
+} /* '' */
+.icon-folder-open:before {
+  content: "\e809";
+} /* '' */
+.icon-github-circled-alt2:before {
+  content: "\f056";
+} /* '' */
+.icon-link-ext:before {
+  content: "\f08e";
+} /* '' */
+.icon-terminal-1:before {
+  content: "\f120";
+} /* '' */
+.icon-play-circled:before {
+  content: "\f144";
+} /* '' */
+.icon-link-ext-alt:before {
+  content: "\f14c";
+} /* '' */
+.icon-youtube-squared:before {
+  content: "\f166";
+} /* '' */
+.icon-youtube:before {
+  content: "\f167";
+} /* '' */
+.icon-youtube-play:before {
+  content: "\f16a";
+} /* '' */
+.icon-file-code:before {
+  content: "\f1c9";
+} /* '' */
+.icon-newspaper:before {
+  content: "\f1ea";
+} /* '' */
+.icon-cart-plus:before {
+  content: "\f217";
+} /* '' */
+.icon-github:before {
+  content: "\f300";
+} /* '' */
+.icon-github-circled:before {
+  content: "\f301";
+} /* '' */
+.icon-flickr:before {
+  content: "\f303";
+} /* '' */
+.icon-flickr-circled:before {
+  content: "\f304";
+} /* '' */
+.icon-twitter:before {
+  content: "\f309";
+} /* '' */
+.icon-twitter-circled:before {
+  content: "\f30a";
+} /* '' */
+.icon-facebook:before {
+  content: "\f30c";
+} /* '' */
+.icon-facebook-circled:before {
+  content: "\f30d";
+} /* '' */
+.icon-facebook-squared:before {
+  content: "\f30e";
+} /* '' */
+.icon-pinterest:before {
+  content: "\f312";
+} /* '' */
+.icon-pinterest-circled:before {
+  content: "\f313";
+} /* '' */
+.icon-linkedin:before {
+  content: "\f318";
+} /* '' */
+.icon-linkedin-circled:before {
+  content: "\f319";
+} /* '' */
+.icon-spotify-circled:before {
+  content: "\f328";
+} /* '' */
+.icon-instagram:before {
+  content: "\f32d";
+} /* '' */

data/_sass/core/footer.scss

@@ -1,142 +1,69 @@
-// Footer List Groups
-#wrapper {
-    footer {
-        position: relative;
-        a {
-            color: $footer-text-color;
-            font-size: 14px;
-            &:hover {
-                color: $brand-primary;
-                text-decoration: none;
-                transition: color .5s ease;
-                -moz-transition: color .5s ease;
-                -webkit-transition: color .5s ease;
-            }
-        }
-        b {
-            a {
-                color: $brand-primary;
-            }
-            &:hover {
-                color: $brand-primary;
-            }
-        }
-        h3 {
-            font-size:24px;
-            color: $footer-text-color;
-            @media(max-width: $screen-sm-min - 1){
-                text-align: center;
-            }
-        }
-        .footer-main {
-            
-            background: $footer-bg-color; /* Old browsers */
-            background: -moz-linear-gradient(-45deg,  darken($footer-bg-color, 5%) 0%,  $footer-bg-color 23%, lighten($footer-bg-color, 20%) 46%,  lighten($footer-bg-color, 30%) 73%, footer-bg-color 100%); /* FF3.6-15 */
-            background: -webkit-linear-gradient(-45deg,  darken($footer-bg-color, 5%)  0%, $footer-bg-color 23%,lighten($footer-bg-color, 20%) 46%, lighten($footer-bg-color, 30%) 73%, $footer-bg-color 100%); /* Chrome10-25,Safari5.1-6 */
-            background: linear-gradient(135deg,  darken($footer-bg-color, 5%)  0% ,  $footer-bg-color 23%, lighten($footer-bg-color, 20%) 46%, lighten($footer-bg-color, 30%) 73%, $footer-bg-color 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
-            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='$footer-bg-color',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
-
-            ul.list-group {
-                margin-left:0px;
-                li {
-                    background-color:transparent;
-                    border:0;
-                    padding-left:0px;
-                    padding-right:0px;
-                    transition: all 400ms ease;
-                    &:hover {
-                        padding-left: 4px;
-                        a {
-                            color:darken($brand-primary, 10%);
-                        }
-                    }
-                    small.date {
-                        display: block;
-                    }
-                }
-                @media(max-width: $screen-sm-min - 1){
-                    text-align: center;
-                }
-            }
-            // Address and contact details
-            .contact-details {
-                margin-top: 20px;
-                address {
-                    font-size: 14px;
-                    color: $footer-text-color;
-                    a.email {
-                        text-align: left;
-                        font-size: 24px;
-                        display:inline-block; 
-                        background-color: transparent;
-                        border: 0px;
-                        margin-top:5px;
-                        color: $footer-text-color;
-                        width:100%;
-                        &:hover{
-                            color:$brand-primary;
-                        }
-                        &:visited, &:hover, &:active, &:link {
-                            text-decoration: none !important;
-                            color: $footer-text-color;
-                        }
-                        @media(max-width: $screen-sm-min - 1){
-                            text-align: center;
-                        }
-                    }
-                }
-                @media(max-width: $screen-sm-min - 1){
-                    text-align: center;
-                }
-            }
-            .footer-follow-section {
-                padding-bottom: 40px;
-                text-align: center;
-                padding-left: 30px;
-                padding-right: 30px;
-                a.btn.btn-social-icon {
-                    margin-right: 10px;
-                    padding-right: 0;
-                    margin-top: 5px;
-                    background-color: $footer-bg-color;
-                    border-radius: 50%;
-                    transition: all 300ms ease;
-                    i {
-                        width: 60px;
-                        height: 60px;
-                        left: -8px;
-                        position: relative;
-                        padding-top: 15px;
-                        padding-left: 5px;
-                        border-radius: 50%;
-                        text-align: center;
-                        font-size:24px;
-                        margin-top:25px;
-                        margin-right: 5px;
-                        transition: all 1s linear;
-                        color: $footer-text-color;
-                    }
-                    &:hover {
-                        background-color: lighten($footer-bg-color, 30%);
-                        color: $brand-primary;
-                    }
-                }
-                h3 {
-                    font-size: 24px;
-                    color: $footer-text-color;
-                }
-            }
-        }
-        .footer-bottom {
-            background-color: #1c1c1c;
-            color: #FFF;
-            span.coloured-bp{
-                color: $brand-primary;
-            }
-            img.footer-logo {
-                height: 40px;
-                display: inline-block;
-            }
-        } 
-    }
-}
+#wrapper {
+    footer {
+        .main {
+            background-color: $footer_bg_color;
+            .contact-details {
+                margin: 30px 0;
+                 address {
+                    text-align: left;
+                    font-size: 18px;
+                    color: #fff;
+                }
+                h3 {
+                    text-align: left;
+                    color :$primary;
+                    margin-top: 0px;
+                    font-size: 24px;
+                    font-weight: bold;
+                }
+                i {
+                    color: white;
+                    &:hover {
+                        color: $primary;
+                    }
+                }
+            }
+            .footer-column {
+                margin: 30px 0;
+                h3 {
+                    color: #ffffff;
+                    font-weight: 700;
+                    font-size: 26px;
+                    border-left: 5px solid $primary;
+                    padding-left: 15px;
+                }
+                ul.list-group {
+                    li {
+                        background-color: transparent;
+                        border: 0;
+                        padding-left: 0px;
+                        padding-right: 0px;
+                        transition: all 400ms ease;
+                        &:hover {
+                            padding-left: 4px;
+                        }
+                         a {
+                             color: #fff;
+                            font-size: 24px;
+                            font-weight: normal;
+                            &:hover {
+                                color: $primary;
+                                text-decoration: none;
+                                transition: color .5s ease;
+                                -moz-transition: color .5s ease;
+                                -webkit-transition: color .5s ease;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+        .strip {
+            background-color: $footer_strip_bg_color;
+            .footer-logo {
+                height: 40px;
+                margin: 10px 0;
+            }
+        }
+    }
+}

data/_sass/core/jumbotron.scss

@@ -1,279 +1,90 @@
-/* Home Page Jumbotron Div */
-#wrapper div#jumbotron-content {
-    text-align: center;
-    height: $jumbotron-height;
-}
-#jumbotron-image:before {
-    content: '';
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    background-image: linear-gradient(to bottom right, #000, #000);
-    opacity: .5;
-}
-/* Overlay - 60% opacity default */
-#jumbotron.overlay {
-    background-color: rgba(0, 0, 0, $overlay);
-    position: relative;
-    z-index: 0;
-}
-#jumbotron.overlay:before {
-    content: '';
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    height: $jumbotron-height;
-    left: 0;
-    background-image: linear-gradient(to bottom right, #000, #000);
-    opacity: .5;
-    width: 100%;
-    z-index: -1;
-}
-.overlay:before {
-    content: '';
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    height: $jumbotron-height;
-    left: 0;
-    background-image: linear-gradient(to bottom right, #000, #000);
-    opacity: .5;
-    width: 100%;
-    z-index: 0;
-}
-#wrapper div#jumbotron.background-image.bg-up {
-    background-position-y: 0px !important;
-    background-position-x: center !important;
-}
-video#jumbotronVideo {
-    position: absolute;
-    right: 0;
-    bottom: 0;
-    min-width: 100%;
-    min-height: 100%;
-    top:0px;
-    z-index:-2;
-}
-#wrapper div#jumbotron.video {
-    height: 600px !important;
-}
-#wrapper div#jumbotron.video:before {
-    height: 600px !important;
-}
-#wrapper div#jumbotron.video h1#jumbotron-heading {
-    font-size: 50px;
-}
-#wrapper div#jumbotron.video div#jumbotron-content {
-    height:600px;
-}
-#wrapper div#jumbotron.background-image {
-    background-size: cover !important;
-    background-position: center center !important;
-    background-repeat: no-repeat !important;
-}
-div.jumbotron-image{
-    background-repeat: no-repeat;
-    background-position: center;
-    background-size: cover;
-    height: 100%;
-    width: 100%;
-}
-/* Jumbotron Sub Title */
-#wrapper #jumbotron-sub-title {
-    max-width:700px;
-    color: $jumbotron-sub-title-color;
-    font-size: $jumbotron-sub-title-font-size;
-}
-/* Jumbotron Heading */
-#wrapper #jumbotron-heading {
-    max-width: 700px;
-    color: $jumbotron-heading-color;
-    font-size: $jumbotron-font-size;
-    margin-top: 0px;
-}
-/* Jumbotron Styles - SM  */
-@media(max-width:$screen-sm-min){
-   #wrapper #jumbotron-heading {
-        font-size: $jumbotron-font-size-xs;
-    }
-   #wrapper #jumbotron-sub-title {
-        color: $jumbotron-sub-title-color;
-        font-size: $jumbotron-sub-title-font-size-xs;
-    }
-   #wrapper #jumbotron-sub-title.smaller {
-        font-size: 14px !important;
-    }
-
-}
-#buttons >  a.btn {
-    color: black ;
-    font-weight: normal;
-    font-size: 12px;
-    background-color: white;
-}
-#buttons >  a.btn:hover {
-    color: white ;
-    font-weight: normal;
-    font-size: 12px;
-    background-color: $brand-primary;
-}
-/* Jumbotron Header */
- #jumbotron {
-    background: $jumbotron-bottom-color; /* Old browsers */
-    background: -moz-linear-gradient(top, $jumbotron-top-color 0%, $jumbotron-bottom-color 100%); /* FF3.6-15 */
-    background: -webkit-linear-gradient(top, $jumbotron-top-color 0%,$jumbotron-bottom-color 100%); /* Chrome10-25,Safari5.1-6 */
-    background: linear-gradient(to bottom, $jumbotron-top-color 0%, $jumbotron-bottom-color 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$jumbotron-top-color, endColorstr=$jumbotron-bottom-color,GradientType=0 ); /* IE6-9 */
-    -webkit-background-size: cover;
-    -moz-background-size: cover;
-    -o-background-size: cover;
-    background-size: cover;
-    background-position: center center;
-}
-#wrapper #jumbotron small {
-    font-size: 14px;
-}
-
-
-// Owl Carousel Slider Full Width
-#wrapper #jumbotron-slider + .big-triangle {
-    position: relative;
-    z-index: 2;
-}
-#jumbotron-slider {
-	position: relative;
-	height: 100%;
-
-    .owl-stage-outer {
-        width: 100vw;
-    }
-	div:not(.owl-controls) {
-		height: 100%;
-	}
-	h2.slide-title.big-title {
-        font-size: 60px;
-        font-weight: bold;
-        @media(max-width: $screen-sm-min) {
-            font-size: 38px !important;
-        }
-    }
-	.owl-slide {
-		background-repeat: no-repeat;
-		background-size: cover;
-		background-position: center;
-    }
-    .slide-title {
-        z-index: 2;
-        color: white;
-        font-size: 32px;
-        position: relative;
-        max-width: 600px;
-        margin: auto;
-        margin-left: auto;
-        margin-right: auto;
-    }
-    h2.slide-title.desc-title {
-        margin-bottom: 0px;
-        @media(max-width: $screen-sm-min) {
-            font-size: 24px !important;
-        }
-    }
-
-	div.owl--text {
-        position: relative;
-        width: 700px;
-        height: auto;
-        opacity: .8;
-        font-size: 16px;
-        padding: 10px;
-        color: white;
-        margin: auto;
-        margin-left: auto;
-        border-radius: 4px;
-        margin-right: auto;
-        margin-top: 0px;
-        @media(max-width: $screen-sm-min) {
-            width: 100%;
-        }
-        border-radius: 4px;
-         p {
-            color: white;
-            margin-bottom: 5px;
-            @media(max-width: $screen-sm-min) {
-                font-size: 12px !important;
-            }
-        }
-        a.btn {
-            position: relative;
-            display: inline-block;
-            margin-left: auto;
-            margin-right: atuo;
-        }
-    }
-	.owl-dots {
-        position: absolute;
-        bottom: 0px;
-        width: 100%;
-        height: 40px !important;
-    }
-	.owl-controls {
-		position: absolute;
-		top: 50%;
-		left: 0;
-		right: 0;
-
-		.owl-buttons {
-			div {
-				position: absolute;
-				top: 0;
-				bottom: 0;
-				display: inline-block;
-				zoom: 1;
-				margin: 0;
-				width: 50px;
-				height: 30px;
-				line-height: 25px;
-				text-align: center;
-				font-size: .9em;
-				border-radius: 3px;
-				color: #FFF;
-				background: #000;
-				opacity: .6;
-				text-transform: capitalize;
-			}
-
-			.owl-prev {
-				left: 5px;
-			}
-
-			.owl-next {
-				right: 5px;
-			}
-		}
-	}
-}
-#wrapper .carousel-header .big-triangle {
-    z-index: -1;
-    position: relative;
-    bottom: 0px;
-}
-.item.owl-slide.flex-center.overlay {
-    padding: 10px;
-}
-body,
-html {
-	height: 100%;
-}
-
-body {
-	margin: 0;
-	font-family: futura, sans-serif;
-}
-#wrapper #jumbotron a.btn {
-    -webkit-appearance: none;
-}
-@import 'triangle-divider';
+#wrapper {
+  .jumbotron {
+    background-color: $jumbotron_bg_color;
+    position: relative;
+    height: $jumbotron_height;
+    margin-bottom: 0px;
+    h1 {
+        @include media-breakpoint-up(sm){
+            font-size: 3.5rem;
+            font-weight: 300;
+            line-height: 1.2;
+
+        }
+    }
+    &.video {
+        background-color: transparent;
+    }
+    video {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      -webkit-transform: translateX(-50%) translateY(-50%);
+      transform: translateX(-50%) translateY(-50%);
+      min-width: 100%;
+      min-height: 100%;
+      width: auto;
+      height: auto;
+      z-index: -1;
+      overflow: hidden;
+    }
+    .dotted {
+      .inner_content_wrapper {
+        padding: 20px;
+        text-align: center;
+        @include media-breakpoint-only(xs){
+            padding:0px;
+            h1 {
+                margin:0.5rem;
+            }
+        }
+      }
+    }
+
+    &.background_image {
+      background-color: transparent;
+      .container {
+        h1 {
+          color: #fff;
+        }
+        p {
+          color: #fff;
+        }
+      }
+    }
+    &.slider {
+      padding-top: 0px;
+      padding-bottom: 0px;
+      .owl-carousel {
+          height: 100%;
+        .owl-stage-outer {
+            height: 100%;
+            .owl-stage {
+                height: 100%;
+                .owl-item {
+                    height: 100%;
+                }
+            }
+        }
+      }
+
+      .item.owl-slide {
+        overflow: hidden;
+        height: 100%;
+      }
+      .owl-dots {
+            top: -40px;
+            position: relative;
+        }
+    }
+    .header_background_image {
+      position: absolute;
+      z-index: -1;
+      top: 0;
+      height: 100%;
+      width: 100%;
+      object-fit: cover;
+      filter: brightness(0.6);
+    }
+  }
+}