/*
Custom styling
Does not affect the Chat UI styling
To affect chat UI frame styling see chatui/style.css
*/

b, strong {
    font-weight: bold;
    letter-spacing: 1px;
}
a {
  color: #fff81d;
}
/* wave dots */
span#wave {
  position: relative;
  /* margin-top: 50vh; */
  text-align: center;
  width: 100px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  vertical-align: bottom;
  line-height: 18px;
}
span#wave .dot {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 3px;
  background: #fff;
  animation: wave 1.3s linear infinite;
}
span#wave .dot:nth-child(2) {
  animation-delay: -1.1s;
}
span#wave .dot:nth-child(3) {
  animation-delay: -0.9s;
}

@keyframes wave {
  0%, 60%, 100% {
    transform: initial;
  }
  30% {
    transform: translateY(-9px);
  }
}
.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 60%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: .25rem;
    margin-bottom: 20px;
}

small, .small {
  font-size: 90%;
}

.text-gray{
  color: /*#f1f1f1*/ #ff7a6f !important;
  line-height: 20px;
}
/* .site-title */
.site-title {
  position: absolute;
  top: 1%;
  width: 100%;
  margin: 10px auto;
  padding-bottom: 10px;
  line-height: 1;
}
@media ( max-width: 1440px ){
  .site-title {
    top: 3%;
  }
}
.site-title h1 {
  font-family: 'Pacifico', cursive;
  font-size: 1.8em;
  font-weight: bold;
  color: #755eb5;
  text-transform: lowercase;
}
/* .copyright */
.copyright {
  position: absolute;
  top: 102%;
  width: 100%;
  margin: 10px auto;
  padding-bottom: 10px;
  line-height: 1;
}

.copyright a {
  color: #007bff;
}