#mobileMenu #subMobileMenu ul li:hover {background: #666}
#mobileMenu #subMobileMenu ul li:hover a{color: #fff}
#mobileMenu #subMobileMenu ul ul {display: none;background: #7571b0;}
#mobileMenu #subMobileMenu ul ul[aria-expanded='true'] {display:block;}
#mobileMenu #subMobileMenu li .arrow a {
    width: 50px;
    height: 42px;
    background: url("//common.northwestern.edu/v8/css/images/icons/mobile-down-arrow-ltpurple.svg") no-repeat center/20px 20px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    text-indent: -9999px;
    overflow: hidden;
    border: none;
    padding: 0;page-break-before: 
}
#mobileMenu #subMobileMenu li li a {padding-left: 2em; font-size: .9em; border:none;}
#mobileMenu #subMobileMenu li a.current {background: #efefef; color:#666;}
#mobileMenu #subMobileMenu li .arrow.open a {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    border: none;
}