textarea.chat-textarea {
    height: 47px;
}

.text-break {
    word-break: break-word!important;
    word-wrap: break-word!important;
}

.btn-primary:focus {
    background-color: #669c19;
    border-color: #5f9117;
}

.site-navbar .site-navigation .site-menu .active a > span {
    color: #7cbd1e!important;
    margin-right: 3px;
}

.site-mobile-menu .site-nav-wrap > li > a > span {
    margin-left: 3px;
}

.site-blocks-cover.inner-page-cover .row {
    padding-top: 100px;
}

.circle-audio-player:hover {
    cursor: pointer;
}

.in-air {
    font-size: 1.25rem;
    font-weight: normal;
    color: #fff;
    letter-spacing: .1em;
    text-transform: uppercase;
}

#toTheTopButton {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 65px; /* Place the button at the bottom of the page */
    right: 20px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #7c7c7d; /* Set a background color */
    color: white; /* Text color */
    /*cursor: pointer; !* Add a mouse pointer on hover *!*/
    padding: 10px; /* Some padding */
    border-radius: 50%; /* Rounded corners */
    font-size: 22px; /* Increase font size */
}

#toTheTopButton > span {
    display: block;
    width: 1em;
    height: 1em;
}

#toTheTopButton:hover {
    color: #7cbd1e;
    cursor: pointer;
    border-radius: 50%;
    background-color: #6d6d6d;
}

#toTheTopButton:focus {
    color: #7cbd1e;
}

.arrows {
    width: 60px;
    height: 70px;
    position: absolute;
    left: 50%;
    margin-left: -30px;
    bottom: 120px;
}

.arrows path {
    stroke: #7cbd1e;
    fill: transparent;
    stroke-width: 3px;
}

.button-span-icon {
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 3px;
    padding-right: 4px;
}

.modal-title {
    font-weight: 900;
}

.modal-content{
    border-radius: 13px;
}

.modal-input {
    border: none;
    background-color: #e6e2e2;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    height: 40px;
}

.modal-button-copy-url {
    border: none;
    background-color: #e6e2e2;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    cursor: pointer;
}

.modal-button-copy-url:focus {
    outline: none;
}

.modal-copy-url-message {
    font-size: 11px;
    color: #ee5535;
}

.banner-marquee {
    display: none;
    font-size: 17px;
    height: 30px;
    white-space: nowrap;
    overflow: hidden;
    background: linear-gradient(90.28deg, #FF0000 -10%, #AA7E1E 29%, #7CBD1E 58%, #97981E 75%, #D93E1E);
}

.banner-marquee-wrapper {
    display: inline-block;
    animation: marquee 45s linear infinite;
    animation-play-state: running;
}

.banner-marquee-content {
    display: inline;
}

.banner-text {
    color: #FFFFFF;
    display: inline-block;
    vertical-align: text-top;
}

@keyframes marquee {
    0% {
        transform: translate(0%, 0);
    }
    100% {
        transform: translate(-50%, 0);
    }
}

@media(max-width: 576px) {
  h1 {
    font-size: 1.8rem;
  }

  .site-blocks-cover p {
      font-size: 1.2rem;
  }

  .btn-group-lg>.btn, .btn-lg {
      font-size: 1rem;
  }

  .in-air {
      font-size: 1rem;
  }
}