/*------------------------------------------------------------------------*/
/*------------- Put CSS to overwrite User Accounts CSS here  -------------*/
/*------------------------------------------------------------------------*/

.accountsTopBar a, .accountsTopBar, .accountsTopBar .accountsSection a::before, .accountsTopBar .accountsSection a::after {
  color: var(--fontColor)!important;

}

.accountsTopBar {
  background:none!important;
}


.accountsTopBar a:hover {
  background: none;
}

.accountsTopBar .accountsSection a::after {
  display:none;
}

#viewCart span.mobile-hide {
  display:none;
}

.accountsTopBar a {
  padding:1em;
  border-radius:50%;
}

.accountsTopBar a:not(#viewCart) {
    border:1px solid rgba(0,0,0,0.1);
}

.accountsTopBar .container {
  display:flex;
  align-items:center;
  justify-content:center;
}

.accountsTopBar .accountsSection a.login::before,

.accountsTopBar .accountsSection a.register::before{
  margin-right:0;
}