Logo is seeing double?

All of a sudden my site nav-menu logo is displaying both the normal state and the hover state at the same time. Must be a css issue, I just don't know much about it as all of it was done here via the forums. Here is all the css in relation to that area:

.logo-hover-state {
      display: none;
}

.site-logo:hover .logo-regular-state {
      display: none;
}

.site-logo:hover .logo-hover-state {
      display: block;
}

.site-logo {
    float: left;
    height: 20px;
    padding-top: 13px;
    padding-right: 20px;
    padding-left: 20px;
}

button.menu-toggle {
    width: auto;
    float: right;
}

#site-navigation:not(.navigation-stick):not(.toggled) .navigation-logo:not(.page-header-navigation-logo) {
    display: inline-block;
}

All I changed was adding the shopping cart. Thanks!