/* Navigation widget styling*/

.navbar-inverse {
    background-color:#22415C;
    border-color: #22415C;
}

.navbar {
    height:60px;
    margin-bottom:0;
    margin-top:47px;  /*With 311 Nav Bar*/
}


/*#region Default styles for responsive elements */
.sfNavWrp .sfNavToggle, .sfNavWrp .sfNavSelect {
  display: none;
}

.sfNavList {
  display: block;
}

.sfNavWrp .sfSel {
  font-weight: bold;
  background-color:#002B55;
  color:#ffffff!important;
}

.sfNavToggle {
  cursor: pointer;
}
/*#endregion*/


.navbar-inverse a, .navbar-inverse .navbar-nav>li>a {
    color:#ffffff;
}

#NavWrapper .nav>li>a:focus, #NavWrapper .nav>li>a:hover {
    outline:dotted 1px #ffffff;
}


.sfNavHorizontalDropDownWrp .k-popup {
  background-color: #fff;
}

.sfNavHorizontalDropDownWrp .k-popup a {
      color: #204464;
}

.sfNavHorizontalDropDownWrp .k-popup a:hover,
.sfNavHorizontalDropDownWrp .k-popup a:focus {
    background-color: #299ab6;
	color:#ffffff;
	  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
}

.k-context-menu.k-menu-vertical>.k-item>.k-link, .k-menu .k-menu-group .k-item>.k-link {
    padding:1em;
}

@media (max-width:870px) {
    /*.navbar-fixed-top {
        position: absolute;
    }
    .navbar {
        margin-top:0!important;
    }*/

    .jumbotron h1 {
        min-height:3em!important;
    }
}


/* Mega Menu styling*/

#NavWrapper nav {
    float: left;
    position: relative;
    z-index: 100;
    padding-top:20px;
}

#NavWrapper nav ul {
    }

#NavWrapper nav ul li {
    float: left;
    list-style-type:none;
}

#NavWrapper nav ul li a {
    color: #ffffff;
    text-decoration: none;
    padding: 5px 15px 15px 0;
    margin:0 1.5rem;
}


#NavWrapper input[type="search"] {
    font-size:1.6rem;
}

#NavWrapper button.dropdown-toggle {
    color:#ffffff;
    background-color:#22415C;
    border:0;
    font-size:2.5rem;
    position:fixed;
    right:20px; 
    top:55px; /*With 311 Nav Bar*/
    /*top:10px;*/ /*Without 311 Nav Bar*/
}

#NavWrapper .btn-danger .glyphicon {
    color:#ffffff;
}

#NavWrapper button.dropdown-toggle:hover {
    background-color:#1a3146;
    border:0;
}

#NavWrapper .searchdropdown-input {
   background-color:#22415C;
   top:95%;
}

#NavWrapper .searchdropdown-input .input-group {
    padding:10px;
}

/* Yamm menu*/
.yamm {
    padding-top:5px;
}
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
  font-size:1.55rem;
}
.yamm .container {
  position: relative;
}
.yamm .dropdown-menu {
  left: auto;
}
.yamm .yamm-content {
  padding: 20px 20px 30px;
}

.yamm .yamm-content li {
    font-size:1.6rem;
    text-indent:-1.6rem;
    padding-left:1.6rem;
}

.yamm .yamm-content li:before {
    content: "\25B8";
    color:#808080;
    margin-right:1rem;
}

.yamm .yamm-content li.header .btn {
    font-size:1.9rem;
    font-weight:700;
    text-indent:0;
}



.yamm .yamm-content li.header:before {
    content:"";
    margin-right:0;
}

.yamm .yamm-content li.navhead {
    display:block;
    padding:1.5rem 0 1rem 0;
    font-size:1.9rem;
    text-indent:0;
}

.yamm .yamm-content li.navhead:before {
    content:"";
}

.yamm .yamm-content li.navhead:after {
    content:"";
    height:2px;
    display:block;
    width:70%;
    background-color:#000000;
}

.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0;
  background-color:#ffffff;
  width:100%;
}




@media (max-width:1250px) {
    .yamm .yamm-content li.header .btn, .yamm .yamm-content li.navhead {
        font-size:1.6rem;
    }

    .col-lg-2 p, .col-lg-2 ul, .col-lg-3 p, .col-lg-3 ul {
        font-size:1.5rem;
    }

    .navbar ul {
        padding:0;
    }

    .yamm .yamm-content li {
        font-size:1.3rem;
    }
}

@media (max-width:1100px) {li.yamm-fw {font-size:1.3rem;}}

@media (max-width:870px) {
    .navbar ul {
        font-size: 1.4rem;
    }

    .hours.hrs-btn {font-size:1.3rem;}
}

@media (max-width:768px) {
    .yamm .yamm-content li {
        font-size: 1.7rem;
        line-height:1.8;
    }
   .navbar-inverse a, .navbar-inverse .navbar-nav>li>a {
       color:#000000;
   }

   .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
       color:#299ab6;
       outline:1px dotted #299ab6!important;
   }

   .navbar ul {
       font-size:1.8rem;
   }

   .navbar-inverse .navbar-toggle {
       border-color:#ffffff;
       color:#ffffff;
       margin-right:75px;
   }

    .yamm .dropdown {
        background-color: #ffffff;
    }

    .yamm .dropdown.yamm-fw .dropdown-menu {
        width:100%;
    }
}



.navbar-inverse .yamm-content a {
    color:#337ab7;
}


li > .nav {
    margin-left: 5%;
}

.nav-sitemap .nested:before {
    content:"\25E3";
    color:#808080;
    margin-left:-0.8rem;
    font-size:1.2rem;
    padding-right:2px;
}

li > li > .nav {
    margin-left:10%;
}

.nav-sitemap > li > a, .nav-stacked > li > a, li.nested > a, li.nested > .nav > li > a {
    display: inline-block;
    padding:0.5rem 0.2rem;
}

.sf-autocomplete a:hover{
    cursor:pointer;
    text-decoration:none;
    background-color: #c7f2fd!important;
 }

.sf-autocomplete {
    z-index:99999!important;
    margin-top:-3rem;
}

@media (min-width:1480px){
    .yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  font-size:2rem;
}
    .yamm .nav a.dropdown-toggle {
        padding:15px 25px;
    }
    .yamm .yamm-content li {font-size:1.8rem;}

}