/* ***** Mobile menu ***** */

.mobnav {
   background-color: #FFFFFF;
   max-width: 350px;
   margin-left: auto;
   margin-right: auto;
   padding-bottom: 5px;
}

ul.mobnavbar {
   display: block;
   margin-top: 0px;
}

ul.mobnavbar a {
   font-size: 18px;
   font-weight: normal;
   text-decoration: none;
   line-height: 45px;
}

ul.mobnavbar, ul.mobnavbar ul, ul.mobnavbar li {
   list-style-type: none;
}

ul.mobnavbar li {
   float: none;
}

ul.mobnavbar li a {
   padding: 7px;
   margin-bottom: 5px;
   background-color: #ED1F86;
   color: #FFFFFF;
   box-shadow: 0 1px 2px rgba(0,0,0,0.12), 0 1px 3px rgba(0,0,0,0.24);
   text-align: left;
   text-indent: 5%;
   display: block;
   overflow: hidden;
}

ul.mobnavbar li a:hover {
   background-color: #2F2F2F;
   color: #FFFFFF;
}


/* ***** Menu Accordion ***** */

button.accordion {
    background-color: #ED1F86;
    color: #FFFFFF;
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 18px;
   font-weight: normal;
   text-decoration: none;
   line-height: 45px;
   text-indent: 5%;
   padding-top: 7px;
   padding-bottom: 7px;
   margin-bottom: 5px;
}

button.accordion.active, button.accordion:hover {
    background-color: #2F2F2F;
    color: #FFFFFF;
}


/* ***** Mobile Sub Menu Accordion ***** */

ul.submobnavbar li a {
   font-size: 18px;
   text-indent: 5%;
   background-color: #ED1F86;
   color: #FFFFFF;
   /*opacity: 0.85;*/
}

ul.submobnavbar li a:before {
   content: " >> ";
}

div.panel {
    display: none;
    background-color: #FFFFFF;
}

div.panel.show {
    display: block !important;
}