/* 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: 1140px) {
 
nav {
display: block !important;
}
}
 
/* Navigation toggles - Mobile (Change max width as you see fit)
--------------------------------------------- */
 
@media only screen and (max-width: 1139px) {


.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: #9d6dc2;
color: #000000;
width: 100%;
text-align:center;
border: 0;
height: 36px;
}

/*button.menu-toggle:hover {
background-color: #ffffff;
color: #000000;
}*/

button.sub-menu-toggle {
background-color: transparent;
color: #9d6dc2;
border: 0;
}

/*button.sub-menu-toggle:hover{
background-color: transparent;
color: #fff;
}*/
 
.sub-menu-toggle {
position: absolute;
right: 0;
top: 8px;
}

.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 {
padding: 10px;
}
 
.genesis-nav-menu .menu-item {
display: block;
position: relative;
text-align: left;
}

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

 
.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 {
color: #fff;
}
 
}