/*------------------------------------------------------------------------*/
/*------------- Put CSS to overwrite User Accounts CSS here  -------------*/
/*------------------------------------------------------------------------*/


.accountsTopBar .container {
    max-width: none;
}


@media all and (min-width:701px) {
.accountsTopBar {
  background: rgba(147, 171, 120, .1);
  background: var(--ctaLight);
  color: var(--headingColor);
  font-size: 0.9em;
}

  .accountsTopBar .container {
    height: 36px;
    overflow: hidden;
  }

    
.accountsTopBar a {
    font-size: 1em;
    padding-top: .7em;
    padding-bottom: .7em;
  height:36px;
}

    .accountsTopBar a.-ctaBtn- {
        margin: 0 0 0 .1em;
    }
    
    .accountsTopBar a:not(.-ctaBtn-, .-primaryBtn-) {
  color: var(--headingColor);
  margin: 0 0.1em;
  border-radius: 0;
}
.accountsTopBar a:not(.-ctaBtn-, .-primaryBtn-):hover {
  background: rgba(255,255,255,.5);
  color: var(--primary);
}
.accountsTopBar .accountsSection a:before {
  color: var(--headingColor);
  margin-right: 0.5em;
}
.accountsTopBar .accountsSection a:after {
  color: var(--headingColor);
}

  .accountsTopBar a.-primaryBtn-:hover {
      color: var(--white);
  background: var(--cta);
  border-color: var(--cta);
  }

    .accountsTopBar .accountsSection a:hover:before,
    .accountsTopBar .accountsSection a:hover:after{
          background: transparent;
  color: var(--primary);
    }
}