/* Updates to Menu CSS to accomodate 30-05-18 */
    #mobile-menu .section-container.accordion>.section>.title.active{
         background:#FFF;
    }
    
     #mobile-menu .section-container.accordion>.section>.title.active a{
         color:#50b948;
     }
    
    .section-container.horizontal-nav>.section>.title:not(.active):not(.isAnimating):hover,  #mobile-menu .section-container.accordion>.section>.title:not(.active):not(.isAnimating):hover {
        background-color: rgba(255, 255, 255, 0.3)!important;
    }
    
    #menu .section-container.horizontal-nav>.section>.title, #mobile-menu .section-container.accordion>.section>.title{
        position:relative;
        overflow:hidden;
    }
    
    #menu .section-container.horizontal-nav>.section>.title a, #mobile-menu .section-container.accordion>.section>.title a{
        position:relative;
        z-index:999;
    }
    
    .active-font-only{
        font-family: 'arsenalbold', arial, sans-serif !important;
    }
    #menu .active-font-only{
        color:#FFFFFF;
    }
    #mobile-menu .active-font-only{
        color:#50b948;
    }
    
    /* Material Design Button Anim */
    .circle {
        display: block;
        position: absolute;
/*        background: #42993c;*/
        background:#50b948;
        border-radius: 50%;
        -webkit-transform: scale(0);
        transform: scale(0);
        z-index:998;
        opacity: 1;
    }
  
    #mobile-menu .circle{
        background:#FFFFFF;  
    }
    
    #menu .circle{
        background:#42993c;
    }
    .circle.animate {
    -webkit-animation: effect 0.25s linear;
            animation: effect 0.25s linear;
    -webkit-animation-fill-mode:both;
            animation-fill-mode:both;
    
    }
  
    @-webkit-keyframes effect {
        100% {
          -webkit-transform: scale(2.5);
                  transform: scale(2.5);
        }
    }
    
    @keyframes effect {
        100% {
          -webkit-transform: scale(2.5);
                  transform: scale(2.5);
        }
    }