#bcpanel {
    display: none;
}

#masthead {
    background-color: #264E6A;
    height: 80px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
}

.navbar {
    margin-bottom: 0;
}

a.navbar-brand {
    margin-top: 10px;
}

.council-logo {
    font-family: 'Roboto Condensed';
    font-weight: 300;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 28px;
    display: inline-block;
    height: 80px;
    float: left;
    width: 180px;
    background-size: 162px 43px;
    background-position: center left;
    background-repeat: no-repeat; 
    background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ2Mi43IDEyMi41IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NjIuNyAxMjIuNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGNpcmNsZSBmaWxsPSIjQkExNTVEIiBjeD0iNjEuMiIgY3k9IjYxLjIiIHI9IjYxLjIiLz48Zz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNzYuMyw2NS4xSDUzLjlWODRoMjEuNGwwLjYtNy45aDEwLjF2MTguMUgzMy42di04bDctMS40VjM3LjRsLTctMS40di04aDdoNDUuMnYxOC4xSDc1LjdsLTAuNi03LjlINTMuOXYxNi42aDIyLjRWNjUuMXoiLz48L2c+PGc+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE1OS4xLDc2LjdjMC0yLjYtMC43LTQuNS0yLTUuOGMtMS4zLTEuMy0zLjctMi43LTcuMi00LjFjLTYuMy0yLjQtMTAuOS01LjItMTMuNi04LjRjLTIuOC0zLjItNC4yLTctNC4yLTExLjRjMC01LjMsMS45LTkuNiw1LjYtMTIuOGMzLjgtMy4yLDguNS00LjgsMTQuMy00LjhjMy45LDAsNy4zLDAuOCwxMC4zLDIuNGMzLDEuNiw1LjQsMy45LDcsNi45YzEuNiwzLDIuNCw2LjMsMi40LDEwLjFoLTEyLjdjMC0yLjktMC42LTUuMi0xLjktNi43Yy0xLjMtMS41LTMuMS0yLjMtNS40LTIuM2MtMi4yLDAtNCwwLjctNS4yLDJjLTEuMiwxLjMtMS45LDMuMS0xLjksNS4zYzAsMS43LDAuNywzLjMsMi4xLDQuN3MzLjgsMi44LDcuNCw0LjNjNi4xLDIuMiwxMC42LDQuOSwxMy40LDguMmMyLjgsMy4yLDQuMiw3LjMsNC4yLDEyLjNjMCw1LjUtMS43LDkuOC01LjIsMTIuOGMtMy41LDMuMS04LjIsNC42LTE0LjIsNC42Yy00LjEsMC03LjgtMC44LTExLjEtMi41Yy0zLjMtMS43LTYtNC4xLTcuOS03LjJjLTEuOS0zLjEtMi44LTYuOC0yLjgtMTFoMTIuOGMwLDMuNiwwLjcsNi4zLDIuMSw3LjljMS40LDEuNiwzLjcsMi41LDYuOSwyLjVDMTU2LjksODMuNywxNTkuMSw4MS40LDE1OS4xLDc2Ljd6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTIxMC4xLDY2aC0xOS44djE2LjdoMjMuNHYxMC42aC0zNi4ydi02M2gzNi4xdjEwLjZoLTIzLjR2MTQuOWgxOS44VjY2eiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMzguMiw3MC4yaC02LjN2MjNoLTEyLjd2LTYzaDIwLjNjNi40LDAsMTEuMywxLjcsMTQuOCw1YzMuNSwzLjMsNS4yLDgsNS4yLDE0LjFjMCw4LjQtMywxNC4yLTkuMSwxNy42bDExLDI1Ljh2MC42aC0xMy43TDIzOC4yLDcwLjJ6IE0yMzEuOSw1OS42aDcuMmMyLjUsMCw0LjQtMC44LDUuNy0yLjVjMS4zLTEuNywxLjktMy45LDEuOS02LjhjMC02LjMtMi41LTkuNS03LjQtOS41aC03LjRWNTkuNnoiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjg0LjMsNzUuOWwxMC42LTQ1LjdoMTQuMmwtMTguMiw2M2gtMTMuMmwtMTgtNjNoMTQuMUwyODQuMyw3NS45eiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0zMjYuNCw5My4yaC0xMi43di02M2gxMi43VjkzLjJ6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTM3Ny4xLDcyLjJjLTAuMyw3LjItMi4zLDEyLjYtNi4xLDE2LjNjLTMuNywzLjctOSw1LjUtMTUuNyw1LjVjLTcuMSwwLTEyLjYtMi4zLTE2LjQtN2MtMy44LTQuNy01LjctMTEuNC01LjctMjBWNTYuNGMwLTguNywyLTE1LjMsNS45LTIwYzMuOS00LjcsOS40LTcsMTYuNC03YzYuOSwwLDEyLjEsMS45LDE1LjYsNS44YzMuNiwzLjgsNS42LDkuMyw2LjEsMTYuNWgtMTIuOGMtMC4xLTQuNC0wLjgtNy41LTIuMS05LjJjLTEuMy0xLjctMy42LTIuNS02LjktMi41Yy0zLjQsMC01LjgsMS4yLTcuMiwzLjZjLTEuNCwyLjQtMi4yLDYuMy0yLjIsMTEuN3YxMS45YzAsNi4zLDAuNywxMC42LDIuMSwxMi45czMuOCwzLjUsNy4yLDMuNWMzLjMsMCw1LjctMC44LDYuOS0yLjRjMS4zLTEuNiwyLTQuNiwyLjItOC44SDM3Ny4xeiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik00MTUuNSw2NmgtMTkuOHYxNi43aDIzLjR2MTAuNkgzODN2LTYzaDM2LjF2MTAuNmgtMjMuNHYxNC45aDE5LjhWNjZ6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQ0OS45LDc2LjdjMC0yLjYtMC43LTQuNS0yLTUuOGMtMS4zLTEuMy0zLjctMi43LTcuMi00LjFjLTYuMy0yLjQtMTAuOS01LjItMTMuNi04LjRjLTIuOC0zLjItNC4yLTctNC4yLTExLjRjMC01LjMsMS45LTkuNiw1LjYtMTIuOGMzLjgtMy4yLDguNS00LjgsMTQuMy00LjhjMy45LDAsNy4zLDAuOCwxMC4zLDIuNGMzLDEuNiw1LjQsMy45LDcsNi45YzEuNiwzLDIuNCw2LjMsMi40LDEwLjFINDUwYzAtMi45LTAuNi01LjItMS45LTYuN2MtMS4zLTEuNS0zLjEtMi4zLTUuNC0yLjNjLTIuMiwwLTQsMC43LTUuMiwyYy0xLjIsMS4zLTEuOSwzLjEtMS45LDUuM2MwLDEuNywwLjcsMy4zLDIuMSw0LjdjMS40LDEuNCwzLjgsMi44LDcuNCw0LjNjNi4xLDIuMiwxMC42LDQuOSwxMy40LDguMmMyLjgsMy4yLDQuMiw3LjMsNC4yLDEyLjNjMCw1LjUtMS43LDkuOC01LjIsMTIuOGMtMy41LDMuMS04LjIsNC42LTE0LjIsNC42Yy00LjEsMC03LjgtMC44LTExLjEtMi41Yy0zLjMtMS43LTYtNC4xLTcuOS03LjJjLTEuOS0zLjEtMi44LTYuOC0yLjgtMTFoMTIuOGMwLDMuNiwwLjcsNi4zLDIuMSw3LjljMS40LDEuNiwzLjcsMi41LDYuOSwyLjVDNDQ3LjYsODMuNyw0NDkuOSw4MS40LDQ0OS45LDc2Ljd6Ii8+PC9nPjwvc3ZnPg==');
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand:focus {
    color: #FFFFFF;
}


.navbar-default .navbar-nav>li>a.user-label {
    background-size: 16px 16px;
    background-position: 8px 10px;
    margin-left: 10px;
    color: #FFFFFF;
    font-size: 16px;
    padding: 10px 15px 10px 30px;
    background-repeat: no-repeat;
    height: auto;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBpZD0iVXNlcl9JY29uXzJfIiBmaWxsPSIjRkZGRkZGIiBkPSJNMTEsN2MwLjMtMC42LDAuMS0xLjMsMC0yYy0wLjEtMC41LTAuNi0wLjgtMS0xQzkuNCwzLjYsOC45LDMsOCwzQzcsMyw2LjYsMy4zLDYsNA0KCUM1LjcsNC4zLDUuMSw0LjYsNSw1QzQuOSw1LjQsNC42LDYuNSw1LDdjMC4yLDAuMywwLjEsMC42LDAsMUM0LjksOC41LDUuNSw5LjEsNS44LDkuNGMwLjEsMC4xLDAuMSwwLjQsMC4xLDAuNQ0KCUM2LDEwLjIsNiwxMC44LDYuNCwxMWMwLjEsMCwwLjEsMC43LDAsMC44YzAsMC42LTAuMiwwLjktMC45LDFjLTAuNCwwLjEtMC45LDAuMi0xLjMsMC40QzMuMywxMy41LDIuMiwxMy45LDIsMTVoMTINCgljLTAuMi0xLjEtMS4zLTEuNS0yLjMtMS44Yy0wLjQtMC4xLTAuOS0wLjMtMS4zLTAuNGMtMC42LTAuMS0wLjgtMC40LTAuOS0xYzAtMC4xLTAuMS0wLjgsMC0wLjhjMC40LTAuMiwwLjQtMC44LDAuNS0xLjENCgljMC0wLjEsMC0wLjQsMC4xLTAuNUMxMC41LDkuMSwxMS4xLDguNSwxMSw4QzExLDcuOCwxMC44LDcuNCwxMSw3eiIvPg0KPC9zdmc+');
}


.navbar-default {
    border: none;
}


@media only screen and (max-width: 767px) {
    .navbar-default .user-label-left {
        display: block;
        font-size: 20px;
        padding-top: 15px;
    }
}

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>a:hover {
    color: #FFFFFF;
    font-size: 16px;
}

.navbar-default .navbar-nav>li>a:focus {
    color: #FFFFFF;
    background-color: transparent;
}


.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: #FFFFFF;
    background-color: rgba(255,255,255,0.1);
    border-radius: 4px;
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    color: #FFFFFF;
    background-color: rgba(255,255,255,0.1);
}

@media only screen and (min-width: 768px){
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

#masthead .navbar-collapse.collapse {
    margin-top: 20px;
}

.navbar-default .navbar-toggle {
    border-color: #FFFFFF;
    background-color: transparent;
    margin-right: 5px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFFFFF;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: rgba(255,255,255,0.1);
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.open>.dropdown-menu {
    display: block;
}

.dropdown-menu {
    background-color: #6C6F70;
    border: none;
    top: 115%;
    border-radius: 5px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.3);
    box-shadow: 0 6px 12px rgba(0,0,0,0.3);
    padding: 7px 0;
}

.dropdown-menu>li>a {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 400;
    padding: 3px 17px;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #FFFFFF;
    background-color: rgba(255,255,255,0.1);
}

.dropdown-menu .divider {
    background-color: rgba(255,255,255,0.1);
}

@media only screen and (max-width: 767px){
    #masthead #user-nav-menu {
        width: 45%;
        position: absolute;
        right: 23px;
        top: 60px;
        background-color: #6C6F70;
        border: none;
        border-radius: 5px;
        margin-top: 0;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.3);
        box-shadow: 0 6px 12px rgba(0,0,0,0.3);
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #FFFFFF;
        font-size: 15px;
        font-weight: 400;
        padding: 3px 17px;
        display: block;
        clear: both;
        line-height: 1.42857143;
        white-space: nowrap
    }

    .navbar-default .navbar-nav>li>a.user-label {
        width: 90%;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #FFFFFF;
        background-color: rgba(255,255,255,0.1);
    }
}



@media only screen and (max-width: 767px) {
    #council-logo-panel .council-logo {
        float: none;
    }

    #nav-toggle-button {
        float: left;
        width: 20%;
        margin-top: 15px;
    }

    #council-logo-panel {
        float: left;
        width: 60%;
        text-align: center;
    }

    #top-menu-toggle-button {
        float: left;
        width: 20%;
        margin-top: 15px;
    }
}

#navigation-toggle,
#navigation-toggle:hover,
#navigation-toggle:focus,
#navigation-toggle:active {
    background-color: transparent !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
    border-radius: 5px;
}




.header-toggle-button {
    position: relative;
    padding: 10px 23px;
    margin: 0;
    background-color: transparent;
    background-image: none;
    border: none;
    border-radius: 0;
    display: inline-block;
    height: 40px;
    background-size: 12px 14px;
    background-repeat: no-repeat;
    background-position: center center;
    -moz-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
    -webkit-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
}

#navigation-toggle {
    float: left;
    margin-top: 5px;
}

.header-toggle-button.arrow-right {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEyIDE0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMiAxNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSI0LjYsMCAwLDAgNy40LDcgMCwxNCA0LjYsMTQgMTIsNyAiLz48L3N2Zz4=');
}

.header-toggle-button.reverse {
    box-shadow: -2px 2px 2px rgba(0,0,0,0.4) !important;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.header-toggle-button.arrow-left {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEyIDE0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMiAxNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSI3LjQsMCAxMiwwIDQuNiw3IDEyLDE0IDcuNCwxNCAwLDcgIi8+PC9zdmc+');
}