linaro-jekyll-theme 0.10.149 → 1.0

data/_sass/core/breadcrumb.scss

@@ -12,56 +12,79 @@
     .breadcrumb{
         margin-bottom: 0;
     }
+    
+    .breadcrumb-container{
+        padding-top: 5px;
+        padding-bottom: 5px;
+    }
 }
 
+/* Bread Crumb Headings */
 
-.breadcrumb-container > p {
-    color: #FFF;
+.breadcrumb-inner-container  h1, .breadcrumb-inner-container  h2, .breadcrumb-inner-container  h3 {
+    font-weight: 100 !important;
+    letter-spacing: 0 !important;
+    font-size: 34px !important;
+    color: #fff;
 }
 
-.breadcrumb-container ol li a {
-    color: #FFF;
+/* Bread Crumb Ordered List Style */
+
+// Active Colour
+ol.breadcrumb > li.active {
+    color: $navbar-base-text-color;
+     
+}
+ol.breadcrumb li {
+  font-size: 14px;
 }
-/* Bread Crumb Headings */
 
-.breadcrumb-container h1,
-.breadcrumb-container h2,
-.breadcrumb-container h3 {
-    color: #FFF;
-    letter-spacing: 2px;
+ol.breadcrumb > li + li:before {
+  content: "\00bb\00a0";
 }
-/* Bread Crumb Ordered List Style */
 
-.breadcrumb {
+ol.breadcrumb {
     background: transparent;
     border: 0;
     border-radius: 0;
     display: block;
+    padding: 0;
 }
-
-.breadcrumb-container{
-    background-image: url("../images/banner.jpg");
-    background-color: #010220;
-    padding:5px;
+ol.breadcrumb li a {
+    color: #fff;
 }
 
-
-.breadcrumb li {
-  font-size: 14px;
+ol.breadcrumb span {
+    font-size: 10px;
+    letter-spacing: 1px;
+    text-transform: uppercase;
+    text-decoration: none;
+    color: #fff;
+    opacity: .5;
 }
 
-.breadcrumb>li+li:before {
-  content: "\00bb\00a0";
+ol.breadcrumb li.active span {
+    opacity: 1;
 }
-
-.breadcrumb {
-  padding: 0px;
+ol.breadcrumb li span:hover {
+    opacity: 1;
 }
 
-.breadcrumb-title {
-  font-size: 18px;
+
+/* Bread Crumb Container */
+
+.breadcrumb-container{
+    background-color: $brand-primary !important;
+    background-image: none !important;
+    padding-top: 5px;
+    padding-bottom: 5px;
 }
-// Active colour for breadcrumb
-ol.breadcrumb > li.active {
-    color: $navbar-base-text-color;
+
+.breadcrumb-container > p {
+    color: #fff;
 }
+
+
+
+
+

data/_sass/core/carousel.scss

@@ -132,5 +132,20 @@ a.btn.btn-primary {
       font-weight: bold;
       border-color: rgb(25, 148, 123);
   }
+  
+.owl-prev {
+    background-color: #cccccc !important;
+    transition: all 200ms linear;
+}
+.owl-next {
+    background-color: #cccccc !important;
+    transition: all 200ms linear;
+}
+.owl-prev:hover {
+    background-color: #545454 !important;
+}
+.owl-next:hover {
+    background-color: #545454 !important;
+}
 
 /* Icons */

data/_sass/core/footer.scss

@@ -3,6 +3,18 @@
     padding-top: 40px;
     padding-bottom:30px;
 }
+
+#footer .col-md-6.company-footer-bottom a {
+    color: $footer-text-color;
+}
+
+#footer .col-md-6.company-footer-bottom a:hover {
+    color: $brand-primary;
+}
+
+.content-container > div.row.sub-footer{
+    margin-top: 20px;
+}
 input#mc-embedded-subscribe {
     color: #fff;
     background-color: #717171;
@@ -103,11 +115,11 @@ div.row.footer-strip > div > div.pull-right > ul a:hover{
     padding-left: 0px;
 }
 
-a.btn.btn-social-icon {
+a.btn.btn-social-icon i {
     color: $footer-text-color;
     transition: color 1s ease;
 }
-a.btn.btn-social-icon:hover {
+a.btn.btn-social-icon:hover i  {
     color: $brand-primary;
     transition: color 1s ease;
 }

data/_sass/core/homepage.scss

@@ -38,3 +38,8 @@
   width: auto;
   height: 200px;
 }
+
+// Style for Homepage 
+div#main-container.home-container {
+    margin-top: 0;
+}

data/_sass/core/nav.scss

@@ -1,4 +1,83 @@
 //Navbar links colours, font and fadeinout animations.
+
+// Media Queries
+.dropdown-menu {
+  z-index: 25000 !important;
+}
+
+
+.mobile-link-inactive{
+    pointer-events: none;
+    cursor: default;
+}
+
+@media (min-width: $screen-lg) {
+    
+    .navbar-collapse {
+        padding-top: 0px;
+        padding-right: 38px;
+        margin-right: -40px !important;
+        margin-left: -15px !important;
+    }
+    ul.dropdown-menu {
+        margin-top: -1px !important;
+    }
+    #navbar-buttons {
+        margin-right: 40px;
+    }
+    #navbar-collapse {
+        width: 80%;
+        float: right;
+    }
+    
+    .navbar-right .dropdown-menu {
+        right: auto;
+        left: 0;
+    }
+    
+}
+
+@media (max-width: 991px){
+    // Style for Home Page Nav - Transparent
+    nav.nav-light >
+    div#navbar-collapse {
+        background-color: white;
+    }
+    nav.nav-light  div#navbar-collapse {background-color: white;}
+
+    nav.nav-light #navbar-buttons>li>a {
+        color: #444444 !important;
+    }
+}
+
+@media screen and (max-width: $screen-lg) and (min-width: 0px) {
+    
+    ul#navbar-buttons>li {
+        padding-top: 15px;
+    }
+    
+    button.navbar-toggle {
+        margin-right: 10px;
+    }
+
+}
+
+
+// Nav Bar Toggle
+.navbar-toggle {
+    margin-top: 12px !important;
+    position: static !important;
+}
+
+#tabbed-nav-bar .navbar-toggle{
+    color:$brand-primary !important;
+}
+button.btn.btn-default.dropdown-toggle {
+    color: $navbar-base-text-color;
+}
+
+
+
 nav{
     letter-spacing: 1px;
 }
@@ -25,296 +104,180 @@ nav li a:hover{
    -moz-transition: color .5s ease;
    -webkit-transition: color .5s ease;
 }
-.dropdown-submenu>ul.dropdown-menu {
-    margin-left: -1px !important;
+
+// Dark and Light Nav Bar
+nav.nav-light #navbar-buttons > li > a {
+    color:#fff;
 }
 
-ul#navbar-buttons > li > ul.dropdown-menu {
-    top: 66px;
+nav.nav-dark #navbar-buttons > li > a {
+    color:#000;
 }
 
-// Tabbed nav bar css
+nav.nav-light#main-navigation  #navbar_svg .cls-2 {
+    fill: #fff;
+}
 
-#tabbed-nav-bar .nav-tabs > li > a {
-    color: black;
+nav.nav-light {
+    background: transparent;
 }
 
-ul#searchDropdown {
-    top: 6px !important;
+nav.nav-dark {
+    background: transparent;
 }
 
-//By default hide the complete search form and then load it using jQuery.
-#searchform {
-    display: none;
-    min-width: 37px;
+nav.nav-light button.navbar-toggle .icon-bar {
+    background-color:#fff !important;
 }
 
-#brand-image {
-    height:70px;
-    width:auto;
+nav.nav-dark button.navbar-toggle .icon-bar {
+    background-color:#fff !important;
+}
+
+// Nav Bar SVG Style
+svg#navbar_svg {
+    height: 66px;
     padding-top: 5px;
     padding-bottom: 5px;
 }
-#brand-image {
-    @media (min-width: 1200px){
-        height:70px;
-        width:auto;
-    }
-    @media (max-width: 1200px){
-        height:50px;
-        width:auto;
-    }
-
+nav.nav-light .cls-2 {
+    fill: #666;
 }
 
-//Navbar brand padding.
-.navbar-brand {
-    @media (min-width: 1200px){
-        padding-top: 5px;
-        padding-bottom: 5px;
-    }
-    @media (max-width: 1199px){
-        padding-top: 15px;
-        padding-bottom: 15px;
-        padding-left: 10px;
-    }
+nav.nav-light .cls-2 {
+    fill: #fff;
 }
 
-@media screen and (max-width: 1200px) and (min-width: 0px) {
-    #searchform > div > input.form-control{
-        width:100%;
-    }
-    #searchform{
-        margin-bottom: 20px;
-    }
-    #navbar-collapse {
-        padding-top:5px;
-    }
-    #navbar-buttons{
-        margin-top: -10px;
-    }
-    button.navbar-toggle {
-        margin-right: 10px;
-    }
-    #searchform button.btn.btn-default {
-        height: 45px;
-    }
-
-    .navbar-collapse form[role="search"]{
-        margin-bottom:10px;
-    }
+nav.nav-dark .cls-2 {
+    fill: #000;
 }
 
-.navbar-collapse {
-    position: relative;
-    padding-top: 30px;
-    max-height: 270px;
+// Sub Menu for Boostrap NavBar
+.dropdown-submenu {
+    position:relative;
 }
-.navbar-collapse form[role="search"] {
-    top: 0px;
-    right: 0px;
-    width: 100%;
-    padding: 0px;
-    margin: 0px;
-    z-index: 0;
+.dropdown-submenu>.dropdown-menu {
+    top:0;
+    left:100%;
+    margin-top:-6px;
+    margin-left:-1px;
+    -webkit-border-radius:0 6px 6px 6px;
+    -moz-border-radius:0 6px 6px 6px;
+    border-radius:0 6px 6px 6px;
 }
-.navbar-collapse form[role="search"] button,
-.navbar-collapse form[role="search"] input {
-    padding: 8px 12px;
-    border-radius: 0px;
-    border-width: 0px;
-    color: $navbar-base-text-color;
-    border-color: rgb(231, 231, 231);
-    box-shadow: none;
-    outline: none;
+.dropdown-submenu:hover>.dropdown-menu {
+    display:block;
 }
- .navbar-collapse form[role="search"] button[type="reset"]:focus {outline:0;background-color: transparent}
- .navbar-collapse form[role="search"] button[type="reset"]:active {outline:0;background-color: transparent}
- .navbar-collapse form[role="search"] button[type="submit"]:focus {outline:0;background-color: transparent}
- .navbar-collapse form[role="search"] button[type="submit"]:active {outline:0;background-color: transparent}
- .navbar-collapse form[role="search"] button[type="submit"] {
-    background-color: transparent;
+.dropdown-submenu>a:after {
+    display:block;
+    content:" ";
+    float:right;
+    width:0;
+    height:0;
+    border-color:transparent;
+    border-style:solid;
+    border-width:5px 0 5px 5px;
+    border-left-color:#cccccc;
+    margin-top:5px;
+    margin-right:-10px;
 }
- .navbar-collapse form[role="search"] button[type="submit"]:hover {
-    display: table-cell;
-    color: $brand-primary;
-    transition: color .5s ease;
-   -moz-transition: color .5s ease;
-   -webkit-transition: color .5s ease;
+.dropdown-submenu:hover>a:after {
+    border-left-color:#ffffff;
 }
- .navbar-collapse form[role="search"] input {
-    padding: 16px 12px;
-    font-size: 14pt;
-    font-style: normal;
-    color: $navbar-base-text-color;
-    box-shadow: none;
-    background-color: $navbar-inverse-bg;
+.dropdown-submenu.pull-left {
+    float:none;}
+.dropdown-submenu:hover>a:after {
+    border-left-color:#ffffff;
+}
+.dropdown-submenu.pull-left {
+    float:none;
+}
+.dropdown-submenu.pull-left>.dropdown-menu {
+    left:-100%;
+    margin-left:10px;
+    -webkit-border-radius:6px 0 6px 6px;
+    -moz-border-radius:6px 0 6px 6px;
+    border-radius:6px 0 6px 6px;
 }
 
-@media (min-width: 1200px) {
-
-     .navbar-collapse {
-        padding-top: 0px;
-        padding-right: 38px;
-        margin-right: -40px !important;
-        margin-left: -15px !important;
-
-    }
-     ul.dropdown-menu {
-        margin-top: -1px !important;
-    }
-     .navbar-collapse form[role="search"] {
-        position: absolute;
-        min-width: 50px;
-        display: block;
-    }
-     .navbar-collapse form[role="search"] button {
-        margin-right: 0;
-        min-width: 90px;
-    }
-     .navbar-collapse form[role="search"] button[type="submit"]:hover {
-        color: $brand-primary;
-        transition: color .5s ease;
-       -moz-transition: color .5s ease;
-       -webkit-transition: color .5s ease;
-    }
-     .navbar-collapse form[role="search"] button,
-     .navbar-collapse form[role="search"] input {
-        height:51px;
-        padding: 15px 12px;
-    }
-     .navbar-collapse form[role="search"] input {
-        padding: 25px 12px;
-        font-size: 18pt;
-        opacity: 0;
-        display: none;
-    }
-     .navbar-collapse form[role="search"].active {
-        width: 100%;
-        transition: width 2s ease;
-       -moz-transition: width 2s ease;
-       -webkit-transition: width 2s ease;
-    }
-     .navbar-collapse form[role="search"].active button,
-     .navbar-collapse form[role="search"].active input {
-        display: table-cell;
-        opacity: 1;
-    }
-     .navbar-collapse form[role="search"].active input {
-        width: 650px;
-        height: 51px;
-        text-align: right;
-        transition: width 1s ease;
-        -moz-transition: width 1s ease;
-        -webkit-transition: width 1s ease;
-    }
-     .navbar-collapse form[role="search"].active button[type="submit"] {
-        background-color: transparent;
-    }
-     .navbar-collapse form[role="search"].active button[type="reset"] {
-        min-width: 40px;
-        background-color: $navbar-inverse-bg;
-        display: table-cell;
-    }
-     .navbar-collapse form[role="search"].active button[type="submit"]:hover {
-        display: table-cell;
-        color: $brand-primary;
-        transition: color .5s ease;
-       -moz-transition: color .5s ease;
-       -webkit-transition: color .5s ease;
-    }
-     .navbar-collapse form[role="search"].active button[type="reset"]:hover {
-        display: table-cell;
-        color: $brand-primary;
-        transition: color .5s ease;
-       -moz-transition: color .5s ease;
-       -webkit-transition: color .5s ease;
-    }
-     form#searchform {
-        width: auto;
-        margin-top: 13px;
-    }
-     nav form[role="search"] #searchform  input {
-        height:51px;
-        width: 600px;
-    }
-    #navbar-buttons {
-        margin-right: 40px;
-    }
-
-
-
-    #navbar-collapse {
-        width: 80%;
-        float: right;
-    }
-
+.dropdown-submenu > ul.dropdown-menu > li > a {
+    color: $navbar-base-text-color;
+}
+.dropdown-submenu > ul.dropdown-menu > li > a:hover {
+    color: $brand-primary;
+    text-decoration: none;
+    transition: 500ms all ease;
 }
 
-/// Make the bootstrap nav bar work without javascript.
-//Toggle
-#navbar-toggle-cbox:checked ~ .navbar-collapse {
-    display: block;
+.dropdown-submenu.pull-left>.dropdown-menu {
+    left:-100%;
+    margin-left:10px;
+    -webkit-border-radius:6px 0 6px 6px;
+    -moz-border-radius:6px 0 6px 6px;
+    border-radius:6px 0 6px 6px;
 }
 
-#navbar-toggle-cbox {
-  display:none
+.dropdown-submenu > ul.dropdown-menu > li > a {
+    color: $navbar-base-text-color;
 }
-nav#main-navigation label[for="navbar-toggle-cbox"]{
-    left:3px;
+.dropdown-submenu > ul.dropdown-menu > li > a:hover {
+    color: $brand-primary;
+    text-decoration: none;
+    transition: 500ms all ease;
 }
 
-//Dropdowns
-.no-js-navbar .dropdown-menu .sub-menu {
-    left: 100%;
-    position: absolute;
-    top: 0;
-    visibility: hidden;
-    margin-top: -1px;
+.dropdown-submenu > ul.dropdown-menu {
+    margin-left: -1px;
 }
 
-.no-js-navbar .dropdown-menu li:hover .sub-menu {
-    visibility: visible;
+ul#navbar-buttons > li > ul.dropdown-menu {
+    top: 67px;
 }
 
-.no-js-navbar .dropdown:hover .dropdown-menu {
-    display: block;
+// Tabbed nav bar css
+
+#tabbed-nav-bar .nav-tabs > li > a {
+    color: black;
 }
 
-.no-js-navbar .nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
-    margin-top: 0;
+// Navbar Brand
+.navbar-brand {
+    @media (min-width: 1200px){
+        padding-top: 0px;
+        padding-bottom: 0px;
+        padding-left: 15px;
+    }
+    @media (max-width: 1199px){
+        padding-top: 0px;
+        padding-bottom: 0px;
+        padding-left: 5px;
+    }
 }
 
-.no-js-navbar .navbar .sub-menu:before {
-    border-bottom: 7px solid transparent;
-    border-left: none;
-    border-right: 7px solid rgba(0, 0, 0, 0.2);
-    border-top: 7px solid transparent;
-    left: -7px;
-    top: 10px;
+#brand-image {
+    height:66px;
+    width:auto;
+    padding-top: 5px;
+    padding-bottom: 5px;
 }
-.no-js-navbar .navbar .sub-menu:after {
-    border-top: 6px solid transparent;
-    border-left: none;
-    border-right: 6px solid #fff;
-    border-bottom: 6px solid transparent;
-    left: 10px;
-    top: 11px;
-    left: -6px;
+#brand-image {
+    @media (max-width: 1200px){
+        height:70px;
+        width:auto;
+    }
 }
 
 
-
-.no-js-navbar .navbar-form input, .form-inline input {
-	width:auto;
+.navbar-collapse {
+    position: relative;
+    max-height: 270px;
 }
 
+
  .input-group-btn {
     min-width: 50px;
 }
 
-
-
 nav > li {
     font-size: 14px;
 }
@@ -355,71 +318,18 @@ nav > ul.navbar-right {
     min-width: 620px;
 }
 
-//Search Dropdown
-
-@media (min-width: 1200px) {
-    #searchDropdown {
-        top: 16%;
-        min-width: 234px;
-        width:781px;
-        font-size:16px;
-        background-color: $navbar-inverse-bg;
-        right: -2px;
-    }
-    #searchDropdown input {
-        width: 675px;
-        text-align: right;
-        color: $navbar-base-text-color;
-        background-color: $navbar-inverse-bg;
-        outline:0;
-        border:0;
-        outline-style: none;
-        box-shadow: none;
-        border-color: transparent;
-
-    }
-    #searchDropdown input:focus{
-        outline:0;
-        border:0
-    }
-    #searchDropdown button[type="reset"]{
-        font-size:16px;
-        background-color: $navbar-inverse-bg;
-        border:0;
-    }
-    #searchDropdown button[type="reset"]:hover{
-        color: $brand-primary;
-        transition: color 1s ease;
-    }
-
-    #searchDropdown button[type="submit"]{
-        font-size:16px;
-        background-color: $navbar-inverse-bg;
-        border:0;
-    }
-    #searchDropdown button[type="submit"]:hover{
-        color: $brand-primary;
-        transition: color 1s ease;
-    }
-
-}
-
 #tabbed-nav-bar {
     background-color:white;
     padding-bottom:10px;
     height:80px;
 }
-#tabbed-nav-bar .navbar-toggle{
-    color:$brand-primary !important;
-}
+
 
 #tabbed-nav-bar .collapse{
     margin-bottom:-1px;
     z-index: 1;
 }
 
-
-
 .sticky-nav {
     position: fixed;
     top: 0;
@@ -470,6 +380,10 @@ nav > ul.navbar-right {
     line-height: 50px;
 }
 
+.navbar-header {
+    position: relative;
+    z-index: 1;
+}
 
 // Tabbed Nav bar
 /*  -------- Tabbed Content Sections ------- */
@@ -574,9 +488,7 @@ nav > ul.navbar-right {
 button#closeForm {
     color: $navbar-base-text-color;
 }
-button#searchButton {
-    color: $navbar-base-text-color;
-}
+
 @media (max-width: 1199px){
     .navbar-inverse .navbar-nav .open .dropdown-menu > li > a.dropdown-item {
         color: $navbar-base-text-color;
@@ -593,65 +505,219 @@ li.side-nav-button {
 li.side-nav-button:first-child {
     border-top: 0px;
 }
-.nav-pills>li.side-nav-button>a {
+.nav-pills > li.side-nav-button>a {
     border-radius: 0px;
     font-size: 16px;
 }
 
-//Sub Menu for Bootstrap 3 Dropdowns
-.dropdown-submenu {
-    position:relative;
+
+ul#navbar-buttons > li {
+    padding-top: 15px;
 }
-.dropdown-submenu>.dropdown-menu {
-    top:0;
-    left:100%;
-    margin-top:-6px;
-    margin-left:-1px;
-    -webkit-border-radius:0 6px 6px 6px;
-    -moz-border-radius:0 6px 6px 6px;
-    border-radius:0 6px 6px 6px;
+
+.dropdown-menu li:hover {
+    background-color: #eee;
+    transition: all 500ms ease;
 }
-.dropdown-submenu:hover>.dropdown-menu {
-    display:block;
+.dropdown-menu li {
+    transition: all 500ms ease;
 }
-.dropdown-submenu>a:after {
-    display:block;
-    content:" ";
-    float:right;
-    width:0;
-    height:0;
-    border-color:transparent;
-    border-style:solid;
-    border-width:5px 0 5px 5px;
-    border-left-color:#cccccc;
-    margin-top:5px;
-    margin-right:-10px;
+
+#navbar-buttons .dropdown-menu {
+    background-color: #fff;
+    border-top: 2px solid $brand-primary;
 }
-.dropdown-submenu:hover>a:after {
-    border-left-color:#ffffff;
+
+
+
+#navbar-buttons .dropdown-menu>li>a {
+    color: #444444;
+    letter-spacing: 0;
+    font-size:12px;
+    outline: 0;
 }
-.dropdown-submenu.pull-left {
-    float:none;
+
+#navbar-buttons .dropdown-menu>li>a:hover {
+    color: $brand-primary;
+    letter-spacing: 0;
+    font-size:12px;
+}
+.navbar-inverse .navbar-nav>li>a {
+    color: #444444;
+    font-size: 12px;
+    font-weight: bold;
+    padding-right: 20px !important;
+    padding-left: 20px !important;
+    text-transform: uppercase;
+    letter-spacing: 0px;
+}
+.navbar-inverse #navbar-buttons >li>a {
+    color: $navbar-base-text-color;
 }
-.dropdown-submenu.pull-left>.dropdown-menu {
-    left:-100%;
-    margin-left:10px;
-    -webkit-border-radius:6px 0 6px 6px;
-    -moz-border-radius:6px 0 6px 6px;
-    border-radius:6px 0 6px 6px;
+
+.navbar-inverse #navbar-buttons>li>a:hover{
+    color: $brand-primary;
 }
-.dropdown-submenu > ul.dropdown-menu {
-    margin-left: 15px;
+
+// Search Bar
+
+i.glyphicon.glyphicon-search {
+    font-size: 16px;
 }
-.dropdown-submenu > ul.dropdown-menu > li > a {
+
+
+div#search_bar {
+    width: 100%;
+    position: absolute;
+    text-align:right;
+    height: 66px;
+    right: 43px;
+    display: none;
+    background-color: $navbar-inverse-bg;
+    z-index: 99999;
+}
+
+div#search_bar input {
+    width:100%;
+    right: 0;
+    height: 66px;
+    border-radius:0;
+    outline:0;
+    border:0;
+    text-align: right;
+    font-size: 26px;
+    background-color: $navbar-inverse-bg;
     color: $navbar-base-text-color;
+    border-color: inherit;
+    -webkit-box-shadow: none;
+    box-shadow: none;
 }
-.dropdown-submenu > ul.dropdown-menu > li > a:hover {
-    color: $brand-primary;
-    text-decoration: none;
-    transition: 500ms all ease;
+
+div#search_bar input:focus {
+    border-color: inherit;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    outline: none;
 }
 
-button.btn.btn-default.dropdown-toggle {
+#search_bar .input-group{
+    width: auto;
+}
+
+div#search_bar button {
+    width:50px;
+    margin-left: -10px;
+    border-radius: 0px;
+    height: 66px;
+    padding-top: 13px;
+    font-size: 16px;
+    background-color: $navbar-inverse-bg;
+    border:0;
     color: $navbar-base-text-color;
 }
+div#search_bar button:hover {
+    background-color: $navbar-base-text-color;
+    color: $navbar-inverse-bg;
+}
+
+div#search_bar input::-webkit-input-placeholder {
+    color: $navbar-base-text-color !important;
+}
+ 
+div#search_bar input:-moz-placeholder { /* Firefox 18- */
+    color: $navbar-base-text-color !important;  
+}
+ 
+div#search_bar input::-moz-placeholder {  /* Firefox 19+ */
+    color: $navbar-base-text-color !important;  
+}
+ 
+div#search_bar input:-ms-input-placeholder {  
+    color: $navbar-base-text-color !important;  
+}
+
+
+//NavBar Subtle Animations
+li.dropdown-submenu.sub-menu:hover  > a:after {
+    margin-right:-6px;
+    margin-top: 8px;
+    transform: rotateZ(90deg);
+    border-left-color:#a5a5a5;
+}
+
+li.dropdown-submenu.sub-menu > a:after {
+    transition: all 100ms linear;
+}
+
+li.dropdown.menu.open > a {
+    color: #a682b8 !important;
+
+}
+
+
+ul.dropdown-menu.menu {
+    padding-top: 0;
+    padding-bottom: 0;
+    border-radius: 0 !important;
+}
+
+// Linaro Sites Navigation
+
+li#linaro-app-menu-item  > a >i.glyphicon.glyphicon-th {
+    font-size: 16px;
+    margin-top: -17px;
+}
+
+li#linaro-app-menu-item {
+    top: -1px;
+}
+
+li#linaro-app-menu-item {
+    margin-right: 15px;
+}
+
+li#linaro-app-menu-item > ul {
+    right: 10px;
+    left: auto;
+}
+
+li#linaro-app-menu-item > ul {
+    background: none repeat scroll 0 0 #a080b7;
+    margin-top: 25px;
+    padding: 0 0 0 10px;
+    position: absolute;
+    width: 125px;
+    z-index: 999;
+    border:solid #a080b7 1px;
+    margin-left:-24px;
+    padding-left: 0;
+}
+
+li#linaro-app-menu-item > ul:before {
+    top:-34px;
+    left: 93%;
+    border: solid transparent;
+    content: " ";
+    height: 0;
+    width: 0;
+    position: absolute;
+    pointer-events: none;
+}
+
+
+li#linaro-app-menu-item > ul:before {
+    border-color: rgba(204, 204, 204, 0);
+    border-bottom-color: #a080b7;
+    border-width: 16px;
+    margin-left: -16px;
+}
+
+@media only screen and (max-width: 1459px) and (min-width: 992px)  {
+    div#search_bar {
+        right: 0px;
+    }
+}
+
+
+
+