/*--theme-color defined in appskeleton*/


li a:hover{
  color: rgb(147, 118, 0);
}

a:link{
  color: rgb(11, 118, 151);
  text-decoration: none;
}

a:visited{
  color: rgb(11, 118, 151);
}

.accordion-body{
  background-color:#fff477;
}

.accordion-button:not(.collapsed){
  color: black;
  background-color: var(--theme-color);
}

#archive-tag{
  visibility: hidden;
  font-size: 0.70em;
}

#center-letter{
  color: var(--theme-color);
  font-weight: bold;
}

#chart{
  width: 100%;
  height: 7.5rem;
}

#connlogo{
  margin-bottom: 4px;
}

#todays-letters{
  letter-spacing: 0.4rem;
}

#twoletter-pane{
  column-count: 2;
}

/* supports flashing effect of the date header */

.anim{
  animation-name: flash;
  animation-duration: 1.1s;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
}

@keyframes flash{
  0% {text-shadow: none;}  
  1% {text-shadow: 0 0 3px #f03800;}
  100% {text-shadow: none;}
}