/*=================================
//                                 
//    ###     ####   ###    ###  
//   ## ##   #   ##  ## #  # ##  
//  ##   ##    ###   ##  ##  ##  
//  #######  #   ##  ##      ##  
//  ##   ##   ####   ##      ##  
//                                 
//=================================*/

#wcag {
  display: block;
  position: fixed;
  right: 0;
  top: 38px;
  transition: all ease-in-out 350ms;
  z-index: 5;
}

#wcag.wcag-toolbar-open {
  right: 240px;
}

#wcag .wcag-toolbar-link {
  background: var(--wcag);
  display: inline-flex;
  /* flex-direction: column; */
  font-size: 125%;
  height: 35px;
  padding: 8px;
  transition: all ease-in-out 300ms;
  border: 1px solid var(--border6);
}

#wcag .wcag-toolbar-overlay {
  background: white;
  border: 1px solid var(--border);
  display: inline-flex;
  position: absolute;
  top: 0;
  width: 240px;
}

.wcag-toolbar-title {
  color: var(--text);
  font-weight: bold;
  margin-bottom: 0;
  padding: 1rem;
  text-transform: uppercase;
}

.wcag-tools .nav-link {
  display: block;
  font-size: .875rem;
  font-weight: normal;
  line-height: 1;
  text-decoration: none;
  padding: .5rem 1rem;
}

.wcag-toolbar-icon {
  color: var(--text);
  margin-right: 0.5rem;
  height: 1rem;
  width: 1rem;
}

.wcag-toolbar-text {
  color: var(--text);
  height: 1rem;
}

@media (max-width: 992px) {
  #wcag {
    /* top: 1rem; */
    display: block;
  }
}