/*============================================================================================================================
STICKY TOP NAV
============================================================================================================================*/
.sticky-nav {
   background-color: #fff;
   border-bottom: 1px solid #f1f1f1;
   border-top: 1px solid #fff;
   z-index: 999;
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.24);
}

.sticky-nav .container {
   position: relative;
}


.sticky-nav .dropdown-toggle::after {
   display: none;
}

.sticky-nav .navbar-toggler {
   color: #333;
   border-color: #f1f1f1;
   padding-top: 0;
   padding-bottom: 0;
   font-size: 1.8rem;
}

.sticky-nav a.navbar-brand {
   color: #333;
   font-size: 1.4rem;
   font-weight: bold;
   outline-style: none;
   text-decoration: none;
}

.sticky-nav .navbar-nav a.nav-link {
   color: #333;
   font-size: 1.4rem;
   margin: 0.4rem 0;
   text-align: center;
   font-weight: bold;
   outline-style: none;
   text-decoration: none;
   text-transform: uppercase;
    display: inline-flex;
    align-items: center;
}

.sticky-nav .navbar-nav .nav-link a{
   color: #333;
   font-size: 1.4rem;
   margin: 0.4rem 0;
   text-align: center;
   font-weight: bold;
   outline-style: none;
   text-decoration: none;
   text-transform: uppercase;
    display: inline-flex;
    align-items: center;
}


@media(max-width: 992px) {

   /* this prevents firefox from expanding 
 the drop downs to be huge on mobile */
   .sticky-nav .nav-link {
       height: auto !important;
   }

   .sticky-top {
       position: relative;
   }
}



@media(min-width: 992px) {

   .sticky-nav{
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.24);
   }

   .sticky-nav a.navbar-brand {
       font-size: 1.4rem;
       font-weight: bold;
       padding-top:0;
       margin-top: -0.2rem;
       border-bottom: 3px solid transparent;
       text-transform: uppercase;
   }

   .sticky-nav a.navbar-brand:hover,
   .sticky-nav a.navbar-brand:focus {
       border-bottom: 3px solid #f47920;
       -moz-transition: 0.3s ease-in;
       -o-transition: 0.3s ease-in;
       -webkit-transition: 0.3s ease-in;
       -ms-transition: 0.3s ease-in;
       transition: 0.3s ease-in;
   }
 
 .sticky-nav .navbar {
   padding: 0;
}
 
 .sticky-nav .navbar-nav {
 align-items: center;
 justify-content: space-evenly;
}

   .sticky-nav .navbar-nav a.nav-link {
       font-size: 1.4rem;
       margin: 0.4rem 1.4rem;
       font-weight: bold;
       border-bottom: 3px solid transparent;
       text-align: center;
       text-transform: uppercase;
   }

   .navbar-expand-lg .sticky-nav .nav-link {
      padding: 0;
   }

   .sticky-nav .navbar-nav a.nav-link:hover,
   .sticky-nav .navbar-nav a.nav-link:focus,
   .sticky-nav .navbar-nav a.nav-link:active {
       color: #000;
       border-bottom: 3px solid #f47920;
       -moz-transition: 0.2s ease-in;
       -o-transition: 0.2s ease-in;
       -webkit-transition: 0.2s ease-in;
       -ms-transition: 0.2s ease-in;
       transition: 0.2s ease-in;
   }

   .sticky-nav .navbar-nav .nav-link a{
      font-size: 1.4rem;
      margin: 0.4rem 1.4rem;
      font-weight: bold;
      border-bottom: 3px solid transparent;
      text-align: center;
      text-transform: uppercase;
      padding: 0.5rem 1rem;
   }

   .sticky-nav .navbar-nav .nav-link a:hover,
   .sticky-nav .navbar-nav .nav-link a:focus,
   .sticky-nav .navbar-nav .nav-link a:active{
      color: #000;
      border-bottom: 3px solid #f47920;
      -moz-transition: 0.2s ease-in;
      -o-transition: 0.2s ease-in;
      -webkit-transition: 0.2s ease-in;
      -ms-transition: 0.2s ease-in;
      transition: 0.2s ease-in;
   }


   .sticky-nav.scrolld {
       background-color: #424242;
       border-bottom: 1px solid #333;
       border-top: 1px solid #333;
   }

   .sticky-nav.scrolld a.navbar-brand {
       color: #fff;
   }

   .sticky-nav.scrolld .navbar-toggler {
       color: #fff;
       border-color: #424242;
   }

   .sticky-nav.scrolld .navbar-nav a.nav-link {
       color: #fff;
   }

}