button.menu-toggle:hover,
button.menu-toggle:focus,
.main-navigation .mobile-bar-items a,
.main-navigation .mobile-bar-items a:hover,
.main-navigation .mobile-bar-items a:focus {
  color: #202020;
}
  
.main-nav ul ul li a {
  line-height: 2em !important;
}

.main-navigation {
  background-color: #F9F9F9;
}

  .main-navigation .main-nav ul li a,
  .menu-toggle {
    color: #333333;
    font-weight: bold;
    letter-spacing: 1px;
  }
  
  .main-navigation .main-nav ul li > a:hover,
  .main-navigation .main-nav ul li > a:focus,
  .main-navigation .main-nav ul li.sfHover > a,
  .main-navigation .main-nav ul ul li a {
    color: #202020;
    background-color: #DFDFDF;
  }
  
  /*
  
  .main-navigation .main-nav ul li[class*="current-menu-"] > a {
    color: #FFFFFF;
    background-color: #EF0C97;
  }
  
  .main-navigation .main-nav ul li[class*="current-menu-"] > a:hover,
  .main-navigation .main-nav ul li.sfHover[class*="current-menu-"] > a {
    background-color: #B70A74;
  }
  
  */
  
  .main-navigation .main-nav ul ul li > a:hover,
  .main-navigation .main-nav ul ul li > a:focus,
  .main-navigation .main-nav ul ul li.sfHover > a {
    color: #0F0F0F;
    background-color: #CFCFCF;
  }

@media all and (min-width: 769px){
  
  .main-navigation .main-nav ul li a {
    padding-left: 30px;
    padding-right: 30px;
  }
  
  .main-navigation ul ul {
    width: 270px;
  }
  
}

@media all and (min-width: 1025px){
  
  .main-navigation {
    border-radius: 6px;
  }
    
    .main-navigation div > ul > li:first-child > a {
      border-top-left-radius: 6px;
      border-bottom-left-radius: 6px;
    }
    
}