/* Responsive Navigation
---------------------------------------------------------------------------------------------------- */
 
/* Standard Navigation
--------------------------------------------- */
 
nav {
clear: both;
}
 
/* Navigation toggles
--------------------------------------------- */
 
.sub-menu-toggle,
.menu-toggle {
display: none;
visibility: hidden;
}
 
/* Navigation toggles - Ensure Menu Displays when Scaled Up
--------------------------------------------- */
 
@media only screen and (min-width: 1024px) {
 
nav {
display: block !important;
}
}
 
/* Navigation toggles - Mobile (Change max width as you see fit)
--------------------------------------------- */
 
@media only screen and (max-width: 1023px) {
 
.menu-toggle,
.sub-menu-toggle {
display: block;
font-weight: 700;
margin: 0 auto;
overflow: hidden;
text-align: center;
visibility: visible;
}
 
button.menu-toggle {
background-color: #242faf;
color: #999;
width: 100%;
text-align:center;
}

button.menu-toggle:hover {
background-color: #242faf;
color: #fff;
}

button.sub-menu-toggle {
background-color: transparent;
color: #999;
}

button.sub-menu-toggle:hover{
background-color: transparent;
color: #000;
}
 
.sub-menu-toggle {
position: absolute;
right: 0;
top: 0;
}

.bbcm-blue .nav-primary {
    background-color: transparent;
}
 
.menu-toggle:before {
content: "\2261";
}
 
.menu-toggle.activated:before {
content: "\2191";
}
 
.sub-menu-toggle:before {
content: "+";
}
 
.sub-menu-toggle.activated:before {
content: "-";
}
 
nav {
display: none;
position: relative;
padding-top: 0 !important;
}

.genesis-nav-menu {
border-radius: 3px;
background-color: #f5f5f5;
padding: 10px;
}
 
.genesis-nav-menu .menu-item {
display: block;
position: relative;
text-align: left;
}

.genesis-nav-menu .menu-item a {
color: #333;
}

 
.genesis-nav-menu .menu-item:hover {
position: relative;
}
 
.genesis-nav-menu .sub-menu {
clear: both;
display: none;
opacity: 1;
position: static;
width: 100%;
}
 
.genesis-nav-menu .sub-menu a {
border-left: 0;
position: relative;
width: auto;
}
 
.genesis-nav-menu .sub-menu .sub-menu {
margin: 0;
}
 
.genesis-nav-menu .sub-menu .sub-menu a {
background-color: #f5f5f5;
padding-left: 30px;
}
 
.genesis-nav-menu .sub-menu .sub-menu .sub-menu a {
background-color: #fff;
padding-left: 40px;
}
 
.nav-primary a:hover,
.nav-primary .current-menu-item > a {
color: #000;
}
 
}