@font-face {
        font-family: 'Amsterdam Sans';
        src: url('/wp-content/uploads/sites/33/2024/11/AmsterdamSans-Bold.otf');
        /* Other font properties (e.g., font-weight, font-style) can be added here */
      }

      
      @font-face {
        font-family: 'Amsterdam Sans';
        src: url('/wp-content/uploads/sites/33/2024/11/AmsterdamSans-Regular.otf');
        /* Other font properties (e.g., font-weight, font-style) can be added here */
      }

      
      body {
        font-family: "Amsterdam Sans", Regular;
      }

      h1, h2, h3, h4, h5, h6,
      .cardResult__point span {
        font-family: "Amsterdam Sans", Bold;
      }

      .btn.btn-secondary,
      .btn.btn-secondary:hover:not(:disabled),
      .languageSelector__icon span,
      .avatarDisplay__button,
      .avatarDisplay__button:hover,
      .audioPlayer__button#playButton,
      .questionCard__bg:before,
      .videoPlayer__button#playButton,
      .video-js .vjs-play-progress.vjs-slider-bar,
      .audioPlayer__button#pauseButton:hover,
      .audioPlayer__visual .bar,
      .videoPlayer__button#playButton:hover,
      .videoPlayer__button#playButton,
      .cardResult__point,
      .modal__closeBtn,
      .experiencePicker__list input[type="radio"]:checked+div {
          background-color: #ec0000;
      }
      .btn.btn-primary,
      .btn.btn-primary:hover:not(:disabled),
      .loadingScreen,
      .loadingScreen:before,
      .wordCloud input[type="checkbox"]:checked+span,
      .questionCard__bg button.skipAudio,
      .questionCard.is-opened .questionCard__back .btn:hover:after {
          background-color: #ec0000;
      }

      .questionCard.is-opened.is-slider .questionCard__back .btn:hover:after {
        background-color: #ec0000;
      }

      .wordCloud input[type="checkbox"]:checked+span,
      .questionCard.is-opened .questionCard__back .btn:after,
      .questionCard.is-opened .questionCard__back .btn>span:before {
        border-color: #ec0000;
      }
      .field:focus,
      .audioPlayer__button#playButton:hover,
      .videoPlayer__button,
      .videoPlayer__button#playButton:hover,
      .experiencePicker__list div:hover,
      .experiencePicker__list input[type="radio"]:checked+div,
      .member.is-leader .member__wrapper,
      .answerItem__input:checked+span.imageWrapper>img
      {
          border-color: #ec0000;
      }

      .slider__item::-webkit-slider-thumb {
        background-color: #ec0000;
      }

      .answerItem__input:checked+span.imageWrapper:before {
        
        -webkit-box-shadow: inset 0 0 0 4px #ec0000;
        box-shadow: inset 0 0 0 4px #ec0000;
        border-color: #ec0000 !important;
      } 


      .answerItem .answerItem__input:checked + span:before {
          border-color: #ec0000;
          background: #ec0000;
      }
      .gameScreen__title span,
      .endScreen__title span,
      .lobbyScreen__title span
      {
          color: #ec0000;
      }
      .avatarPicker__list input[type="radio"]:focus+img, .avatarPicker__list input[type="radio"]:checked+img {
          -webkit-box-shadow: 0 0 0 3px #ec0000;
          box-shadow: 0 0 0 3px #ec0000;
      }
      .audioPlayer__button,
      .audioPlayer__button#pauseButton:after,
      .wordCloud span {
        border-color: #ec0000;
      }
      .audioPlayer__button#playButton:hover:after {
        border-color: transparent transparent transparent #ec0000;
      }

      .loginScreen__explanation p,
      .stt-v2 .is-image .questionCard__bg__quote .entrycontent,
      .stt-v3 .is-image .questionCard__bg__quote .entrycontent {
        color: #0a0a0a;
      }

      h1, h2, h3, h4, h5, h6 {
          color: #ec0000;
      font-weight: 400;
      }

      .questionCard__title {
        color: #ec0000;
      }
      .cardResult__title {
          color: #ec0000
      }
      .questionCard__accent svg path {
        fill: #ec0000;
      }
      .wordCloud span
      body {
          font-style: normal;
          font-weight: 400;
          font-size: px;
          line-height: px;
          color: #0a0a0a;
      }
      *::-webkit-scrollbar-thumb {
            background-color: #ec0000;
        }
      @media screen and (min-width: 1024px) and (orientation: landscape) {
          #welcomeScreen,
          #setupScreen, 
          #lobbyScreen {
              background-color: #ec0000;
          }
          .wordCloud span:hover {
            color: #ec0000;
          }
      }
      @media screen and (max-width: 1023px) {
        .questionCard.is-video .answerItem__input:checked+span:before {
          border-color: #ec0000;
          -webkit-box-shadow: inset 0 0 0 4px #ec0000;
          box-shadow: inset 0 0 0 4px #ec0000;
        }
      }

      .questionCard__bg button.skipAudio {
        background-color: #ec0000;
      }
      
      .replay-action a.replayBtn {
        background-color: #ec0000;
      }

      .questionCard__back .btn:hover>span:before {
        border-color: #ec0000;
      }

      .questionCard.is-opened .questionCard__back .btn:before {
        border-color: #ec0000;
      }

      .scoreEarned {
        border: solid 1px #ec0000;
      }
      
      .scoreEarned:before,
      .popup#timedOut-popup .popup__close,
      #timer {
        background-color: #ec0000;
      }

      .questionCard.v2-questionCard.is-opened .questionCard__title {
        color: #ec0000;
      }

      .questionCard.v2-questionCard .v2-question.questionCard__content .choiceItem input[type=radio]:checked+.choiceItem__Box {
        background-color: #ec0000;
        border-color: #ec0000;
      }

      .questionCard.v2-questionCard .v2-question.questionCard__content .choiceItem:hover .choiceItem__Box {
        color: #ec0000;
        border-color: #ec0000;
      } 

      .questionCard.v2-questionCard .v2-question.questionCard__content .choiceItem input[type=radio]:checked+.choiceItem__Box+.choiceItem__text::before {
        background-color: #ec000040;
      }

      .questionCard.v2-questionCard .v2-question.questionCard__content .play-button {
        background-color: #ec0000;
      }

      .questionCard.v2-questionCard .v2-question.questionCard__content .play-button:hover {
        background-color: #ec000040;
      box-shadow: inset 0 0 0 1000px #ec000040;
      }

      .questionCard.v2-questionCard .slider__item {
        background-color: #ec0000;
      }

      .questionCard.v2-questionCard .slider__placeholder {
        color: #ec0000;
      }

      .slides .slide {
        background-color: #ec0000;

      box-shadow: -5px 0 ;
      }

      .slides .slide.done span {
        color: #ec0000;
      }

      .slides .slider-content-block .choiceItem input[type=radio]:checked+.choiceItem__Box+.choiceItem__text::before {
        background-color: #ec000040;
      }

      .slides .slider-content-block .choiceItem input[type=radio]:checked+.choiceItem__Box {
        background-color: #ec0000;
        border: #ec0000;
      }

      .slides .slider-content-block .choiceItem .choiceItem__Box:hover {
        color: #ec0000;
        border-color: #ec0000;
      }

      .slides .slider-content-block .choiceItem:hover .choiceItem__Box {
        color: #ec0000;
        border-color: #ec0000;
      }

      #pageWrapper.is-loading::before {
        background-color: #ec0000;
      }

      .v2-wordCloud input[type=checkbox]:checked+span {
        background-color: #ec0000;
      }

      .v3-questionCard .v3-questionCard__answers.is-wordcloud .v2-wordCloud input[type=checkbox]:checked+span {
        background-color: #ec0000;
      }

      .v2-wordCloud span:hover {
        background-color: #ec000040;
      }

      .slider__point-circle {
        background-color: #ec0000;
      }

      .slides .slide .slider__point--arrow {
        fill: #ec0000;
      }

      .questionCard.is-slider.is-opened .questionCard__content.is-layered .slider__point--arrow {
        fill: #ec0000;
      }

      .slider__point::after {
        background-color: #ec000026;
      }

      .slider__point::before {
        background-color: #ec000040;
      }

      .v3-questionCard__answers .answerItem__text::after {
        background-color: #ec0000;
      }

      .v3-questionCard__answers .answerItem__input:checked+.answerItem__Box {
        background-color: #ec0000;
      }
      
      .videoPlayer__modal {
        border-left: 10px solid #ec0000;
      }

      .videoPlayer__modal-text {
        color: #ec0000;
      }

      .questionHotspot__title {
        border-left: 8px solid #ec0000;
      }

      .stt-v2 .ratingPopup__scroll h5,
      .stt-v3 .ratingPopup__scroll h5{
        color: #ec0000;  
      }

      .endScreen__explanation {
        color: #0a0a0a;
      }

      .audioPlayer__label {
        color: #ec0000;
      }