﻿/*****************************************/
/****OVERRIDE CERTAIN BOOTSTRAP STYLES****/
/*****************************************/
#smallNav .btn-default {
    background-color:transparent;
}
#smallNav .navbar {
    min-height: 0;
}
#smallNav .dropdown-menu {
    left: auto;
}
#smallNav .btn {
    padding:6px 6px;
}
@media (min-width: 350px) {
    #smallNav .btn {
    padding:6px 10px;
    }
}
#smallNav .btn-default:hover,
#smallNav .btn-default:focus,
#smallNav .btn-default.focus,
#smallNav .btn-default:active,
#smallNav .btn-default.active,
#smallNav .open>.dropdown-toggle.btn-default {
    color: inherit;
    background-color: transparent;
    border-color: transparent;
}
#smallNav .well {
    min-height: 20px;
    padding: 10px;
    margin-bottom: 0px;
    background-color: #e4ebee;
    border: 1px solid #e3e3e3;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, .05);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, .05);
}
#smallNav .panel {
    margin-bottom: 10px;
    border: none;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    background-color: #e4ebee;
}
#smallNav .panel-body {
    padding: 15px;
    background-color: #FFF;
}
#smallNav .panel-body ul {
    padding-left: 40px;
    margin-left:0;
}
#smallNav .panel-body ul li {
    list-style-type:disc;
}

#smallNav .panel-default > .panel-heading {
  background-color: #f5f5f5;
}
#smallNav .panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #e4ebee;
    cursor: pointer;
}
#smallNav .panel-heading>.dropdown .dropdown-toggle {
    color: inherit;
    background-color: #e4ebee;
}
#smallNav .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
    color: #006d9e;
    text-decoration: none;
}
#smallNav .panel-title:hover,
#smallNav .panel-title:focus {
    text-decoration: underline;
}
#smallNav .panel-title>a,
#smallNav .panel-title>small,
#smallNav .panel-title>.small,
#smallNav .panel-title>small>a,
#smallNav .panel-title>.small>a {
    color: inherit;
    text-decoration: none;
}#smallNav .uppercase {
            text-transform: uppercase;
        }
/*******************************************/
/****TOGGLE NAV STYLES FOR SMALL SCREENS****/
/*******************************************/
#smallNav .homeText {
    display: none;
}
#smallNav .menuItem {
    color: #072d78;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    line-height: normal;
    padding: 6px 7px 5px 0;
    margin-left: -2px;
    margin-right: -2px;
    height:auto;
}
#smallNav .menuItem:hover {
    background-color: #0B6093;
    color: #fff;
    text-decoration: none;
}
#smallNav .mainNavBar {
    width: 100%;
    border-bottom: solid 1px #AEAEAE;
    background: #E7EDEF;
    background: -moz-linear-gradient(top, #E7EDEF 0%, #BECFD7 100%);
    background: -webkit-linear-gradient(top, #E7EDEF 0%, #BECFD7 100%);
    background: linear-gradient(to bottom, #E7EDEF 0%, #BECFD7 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#E7EDEF', endColorstr='#BECFD7', GradientType=0);
}
#smallNav .subLink {
    color: #2f3940;
    font-size: 15px;
    line-height: 28px;
}
#smallNav .mainMenuButton {
    width: 18%;
    text-align: center;
}
#smallNav .moreButton {
    width: 17%;
    text-align: center;
}
#smallNav .searchButton {
    width: 16%;
    text-align: center;
}
#smallNav .noSubMenu {
    margin: 5px 0;
    border: none;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    background-color: #e4ebee;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

@media (min-width: 650px) and (max-width: 910px) {
    #smallNav .menuItem {
        font-size: 15px;
    }

    #smallNav .moreButton {
        width: 16%;
        text-align: center;
    }
}
/* media query - at 510px stack the icons on top of the text */
@media (max-width: 510px) {
    #smallNav .mainMenuButton {
        width: 18%;
        text-align: center;
    }
    #smallNav .moreButton {
        width: 14%;
        text-align: center;
    }
    #smallNav .searchButton {
        width: 14%;
        text-align: center;
    }
}
/*end of media query */
/* media query - below 450 pixels, lose icons and adjust navigation */
@media (max-width: 450px) {
    #smallNav .xsHide {
        display: none;
    }

    #smallNav .menuItem {
        padding: 13px 4px 13px 3px;
        margin: 0 -2px 0 -2px;
    }
    #smallNav .mainMenuButton {
        width: 20%;
        text-align: center;
    }
    #smallNav .moreButton {
        width: 12%;
        text-align: center;
    }
    #smallNav .searchButton {
        width: 8%;
        text-align: center;
        padding-top:0;
    }
    #smallNav .searchIcon {
        height: 1em;
        line-height: 1em;
    }
}
/*end of media query */
/* media query - below 350 pixels, search jumps below */
@media (max-width: 350px) {
    #smallNav .menuItem {
        padding:13px 4px 13px 3px;
        margin:0 -2px 0 -2px;
    }
    #smallNav .mainMenuButton {
        width: 22%;
        text-align: center;
    }
    #smallNav .moreButton {
        width: 12%;
        text-align: center;
    }

    #smallNav .searchButton {
        display:none;
    }
    #collapseSearch {
    display:block;
    }
}
/*end of media query */
/* panel styles for icons open and collapsed */
#smallNav .panel-default .panel-heading:before {
    font-family: "FontAwesome";
    float: right;
    color: #808080;
    margin-right: .75rem;
    content: "\f055";
    font-size:15px;
}

#smallNav .panel-default .panel-heading[aria-expanded="true"]:before {
    content: "\f056";
     font-size:15px;
    /* minus symbol to close panel */
}

.dotted-vertical-line {
    border-right: 2px dotted #9a9a9a;
    padding-right: 10px;
}
.dotted-hr {
    border-top: 2px dotted #006d9e;
    margin-top: 10px;
    margin-bottom: 12px;
    clear: both;
}
.dropdown-menu .dropdown-right {
    float: right;
    right: 0;
}
.no-bullet {
    list-style: none;
}
.subLinks {
    list-style: disc;
    margin-bottom: 15px;
}
.subLinks2 {
    list-style: circle;
}
.subLinks,
.subLinks2 {
    margin-left: 10px;
}
.subLinks li,
.subLinks2 li {
    margin-top: 8px;
}
/** multi-column nav styles **/

/* large navbar icon styles */
.fa-stack-2x {
    font-size: 24px;
    color: transparent;
}
.fa-stack-1x {
    color: #179de6;
}
/* search styles */
.form-control {
    height: 26px;
    width: 120px;
}
.input-group {
    width: 150px;
}
#smallNav .search-btn {
    padding: 4px 12px;
    background-color: #0B6093;
    color: #fff;
}
#smallNav .search-btn:hover {
    background-color: #002c77;
    color:#fff;
}
.navbar-form {
    padding: 0;
}
       
