@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Michroma&display=swap");
.dark-style {
  background: #1D194F !important;
  position: relative;
  animation: none;
}

.text-muted {
  color: #1D194F !important;
}

.layout-navbar {
  height: auto !important;
}

.bg-navbar-theme {
  background: #1D194F !important;
}

body {
  background: #1D194F !important;
  font-family: "Michroma", sans-serif !important;
}

a {
  color: #fff !important;
}
a:hover {
  color: #31C590 !important;
}

.bg-label-primary {
  background: #31C590 !important;
  color: #fff !important;
}

.text-primary {
  color: #31C590 !important;
}

.btn-outline-primary {
  color: #31C590;
  border-color: #31C590;
}
.btn-outline-primary:hover {
  background-color: #31C590 !important;
  color: #fff !important;
}

.btn-primary {
  color: #fff !important;
  background-color: #31C590;
  border-color: #31C590;
}
.btn-primary:hover {
  background-color: #F4E97A !important;
  color: #1D194F !important;
  border-color: #F4E97A !important;
}

.bg-menu-theme.menu-horizontal {
  background: #31C590 !important;
  box-shadow: none !important;
  z-index: 1000;
}
.bg-menu-theme.menu-horizontal ul li a {
  color: #fff !important;
  font-family: "Michroma", sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  padding: 10px 20px !important;
}
.bg-menu-theme.menu-horizontal ul li a:hover {
  background: #fff !important;
  color: #31C590 !important;
}

.dropdown-menu {
  background-color: #1D194F !important;
}
.dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover {
  color: #31C590 !important;
}

.titre-room {
  transform: none;
  background: none;
  padding: 0;
  border-radius: 0;
  font-size: 1.5rem;
  margin: 20px 0 0;
  color: #CCFDF9;
  text-transform: uppercase;
  font-weight: 900;
  display: inline-block;
  font-family: "Michroma", sans-serif;
  position: relative;
  text-align: center;
}
@media (max-width: 768px) {
  .titre-room {
    font-size: 1.2rem;
  }
}

.content-footer {
  background: #1D194F !important;
  position: relative;
  border-top: 2px solid #fff;
}
.content-footer .share-menu .share-links .fab, .content-footer .share-menu .share-links a {
  color: #F4E97A;
  font-weight: 700;
}
.content-footer .share-menu .share-links a:hover {
  color: #32FCCB;
}
.content-footer .share-menu .share-links a:hover .fab {
  color: #F4E97A;
}
.content-footer a {
  color: #32FCCB;
}
.content-footer a:hover {
  color: #F4E97A !important;
}

.dark-layout .card {
  background: #fff !important;
  box-shadow: none !important;
}

.min-tournoi {
  border: 2px solid #32FCCB !important;
  border-radius: 0 !important;
}
.min-tournoi .cov-illu-container {
  border-radius: 0 !important;
}
.min-tournoi .min-tournoi-title h4 {
  color: #1D194F;
  text-align: center;
}
.min-tournoi .min-tournoi-title h3 {
  font-size: 1rem;
  color: #1D194F;
  text-align: center;
  margin: 5px 0;
  font-family: "Michroma", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  text-shadow: none;
}
.min-tournoi:hover {
  border: 2px solid #F4E97A !important;
}

.btn-little {
  color: #1D194F !important;
  background-color: #CCFDF9;
}
.btn-little:hover {
  color: #31C590 !important;
  background-color: #1D194F !important;
}

.info-top.text-muted {
  color: #fff !important;
}

.dark-layout .t-min-sponso {
  background-color: #F4E97A !important;
  position: relative;
  padding: 0;
  z-index: 1;
}
.dark-layout .t-min-sponso::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 5px;
  background: linear-gradient(to bottom, #F4E97A, #E5BD24);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 2;
  pointer-events: none;
}
.dark-layout .t-min-sponso .agagner-min .agagner-equal-height h4 {
  font-family: "Michroma", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #1D194F !important;
}

.topState-todo {
  border-bottom: 2px solid #31C590 !important;
}

.card-toplist-amis-header {
  color: #fff;
}
.card-toplist-amis-header .avatar {
  border: 2px solid #fff;
  background: #fff;
}

.card-toplist-amis-body {
  background: #1D194F;
  border: 2px solid #fff;
  border-radius: 10px !important;
}
.card-toplist-amis-body h4 {
  color: #F4E97A;
  font-family: "Michroma", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-align: center;
  margin: 5px 0;
}
.card-toplist-amis-body h3 {
  color: #fff;
  font-family: "Michroma", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-align: center;
  margin: 5px 0;
  text-shadow: none;
}

.toplist-amis-page .item-avatar-ranking::after, .toplist-pofile-page .item-avatar-ranking::after {
  color: #F4E97A;
}

.btn-wording:hover, .btn-annule-devine:hover {
  background-color: #CCFDF9 !important;
  color: #F4E97A !important;
  border: none !important;
}

.btn-voir-toplist-complete, .single-tournoi .btn-actions-toplist a.btn-wording {
  background-color: #CCFDF9 !important;
  text-transform: none;
  width: 100%;
  border: none;
  font-weight: 600;
  transition: all 0.2s ease-in;
  line-height: 1.24rem;
  color: #1D194F !important;
  border: 2px solid #CCFDF9 !important;
}
.btn-voir-toplist-complete:hover, .single-tournoi .btn-actions-toplist a.btn-wording:hover {
  background-color: #F4E97A !important;
  color: #1D194F !important;
  border: 2px solid #F4E97A !important;
}

#apropos {
  background: url(images/video.gif) #1D194F no-repeat center center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  margin-top: 100px !important;
}
#apropos::before {
  content: "";
  position: absolute;
  background: rgba(29, 25, 79, 0.768627451);
  bottom: 0;
  right: 0;
  top: 0;
  left: 0;
  z-index: 0;
}
#apropos::after {
  content: "";
  position: absolute;
  background-image: url(images/player-rematch.png);
  background-size: contain;
  background-position: right bottom;
  background-repeat: no-repeat;
  height: 300px;
  width: 240px;
  top: -240px;
  left: 0;
  z-index: 1;
}
#apropos .bloc-cta {
  position: relative;
  z-index: 9;
}
#apropos .bloc-cta .content-cta {
  text-align: left;
}
#apropos .bloc-cta .content-cta h2 {
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-align: left;
  margin: 5px 0 40px;
  font-family: "Michroma", sans-serif;
  position: relative;
}
#apropos .bloc-cta .content-cta h2::before {
  content: "";
  position: absolute;
  background: url(images/trait.svg);
  background-size: contain;
  background-repeat: no-repeat;
  height: 10px;
  width: 100%;
  left: 0;
  right: 0;
  bottom: -20px;
}
#apropos .bloc-cta .content-cta p {
  color: #fff;
  text-align: left;
}
#apropos .bloc-cta .content-cta a {
  background: #32FCCB;
  color: #1D194F !important;
  border: 2px solid #32FCCB;
}
#apropos .bloc-cta .content-cta a:hover {
  background: #F4E97A !important;
  border: 2px solid #F4E97A !important;
  color: #1D194F !important;
}
#apropos .bloc-cta .image-cta img {
  border-radius: 0 !important;
  border: 5px solid #32FCCB;
}

.slick-dots li button:before {
  content: "";
  background-color: #fff;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  opacity: 1 !important;
}

.slick-dots li.slick-active button:before {
  background-color: #F4E97A;
}

.dark-layout .modal .modal-header, .dark-layout .modal .modal-header[class*=bg-] {
  background-color: #F4E97A;
}

.dark-layout .modal .modal-content, .dark-layout .modal .modal-body, .dark-layout .modal .modal-footer {
  background-color: #F4E97A;
  border-color: #F4E97A;
}

.contender-item:hover {
  border: 2px solid #31C590;
}

.titrage-h5 {
  color: #1D194F;
  text-transform: uppercase;
  font-style: italic;
  transform: rotate(-1deg);
  font-family: "Michroma", sans-serif;
  font-weight: 700;
  text-shadow: none;
  font-size: 1.25rem;
  margin: 0 20px 0 0;
}

#defi-modal .modal-body {
  background-color: #F4E97A;
  border-radius: 0;
}
#defi-modal .modal-body p {
  color: #1D194F;
}
#defi-modal .modal-footer {
  background: #F4E97A;
}

.ba-cover-r::after {
  background: #1D194F !important;
}

.dark-layout .card-presentation-top-right {
  background: #F4E97A !important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  border-radius: 0;
  transform: rotate(-1deg) !important;
  z-index: 1;
}
.dark-layout .card-presentation-top-right::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 5px;
  background: linear-gradient(to bottom, #F4E97A, #E5BD24);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}
.dark-layout .card-presentation-top-right .card-presentation-top-right-title h3 {
  color: #1D194F;
}

.waiter, .waiter-begin {
  background: #1D194F;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  animation: none;
}
.waiter .sk-wave .sk-wave-rect, .waiter-begin .sk-wave .sk-wave-rect {
  background-color: #32FCCB;
}
.waiter h4, .waiter-begin h4 {
  font-family: "Michroma", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #32FCCB;
  text-shadow: none;
}
.waiter .va, .waiter-begin .va {
  display: none;
}

.title-win {
  transform: rotate(0deg) !important;
}
.title-win h2 {
  font-size: 1rem;
  color: #1D194F;
}

.card-developer-meetup .presentationtop h1 {
  font-family: "Michroma", sans-serif !important;
  font-style: normal;
  font-weight: 700;
  font-size: 1.5rem;
  text-align: center;
  text-transform: uppercase;
  margin: 10px 20px 20px 20px;
  color: #1D194F;
  text-shadow: none !important;
  transform: rotate(0deg);
}

.top-precision p {
  color: #1D194F;
}

.btn-wording-rose {
  background: #F4E97A !important;
  color: #31C590 !important;
}
.btn-wording-rose:hover {
  background: #fff !important;
  color: #31C590;
}

.separate {
  height: 2px;
  background-color: #1D194F;
  border-radius: 10px;
  width: 70%;
  margin: 0 auto;
}

.twitch-possible .btnstarttwitch {
  border: 2px solid #31C590;
  background-color: #31C590;
  color: #fff;
  border-radius: 0 !important;
}
.twitch-possible .btnstarttwitch:hover {
  background: #32FCCB;
  color: #1D194F;
  border: 2px solid #32FCCB;
}

.check-btn-block, .modes-jeu-twitch__content-btns button {
  background: transparent !important;
  color: #1D194F;
  border: 2px solid #1D194F !important;
  border-radius: 0 !important;
}
.check-btn-block .info-check, .modes-jeu-twitch__content-btns button .info-check {
  color: #1D194F;
}
.check-btn-block .nb_contenders_check_btn, .modes-jeu-twitch__content-btns button .nb_contenders_check_btn {
  color: #1D194F;
  background: #32FCCB;
}
.check-btn-block:hover, .modes-jeu-twitch__content-btns button:hover {
  color: #1D194F !important;
  background: #31C590 !important;
  border: 2px solid #31C590 !important;
}

.modes-jeu-twitch__content-btns button.active-twitch-mode {
  background: #32FCCB;
  color: #1D194F;
  border: 2px solid #32FCCB;
}

.top-title-question h2 {
  color: #F4E97A !important;
}
.top-title-question h1 {
  font-family: "Michroma", sans-serif;
  font-style: normal;
  letter-spacing: 0.1em;
  color: #CCFDF9 !important;
  text-shadow: none !important;
  transform: rotate(0);
}

.t-sponso-container .twitch-votes-container .votes-stats-p .votes-number, .t-normal-container .twitch-votes-container .votes-stats-p .votes-number {
  color: #F4E97A;
}

.t-sponso-container .twitch-votes-container .votes-stats-p, .t-normal-container .twitch-votes-container .votes-stats-p {
  color: #fff;
}

.single-tournoi .tournoi-content .title-contender {
  color: #fff;
}

.t-sponso-container .twitch-votes-container .votes-container > p:first-of-type, .t-normal-container .twitch-votes-container .votes-container > p:first-of-type {
  color: #F4E97A;
}

.t-sponso-container .twitch-votes-container .votes-container .votes-stats, .t-normal-container .twitch-votes-container .votes-container .votes-stats {
  color: #F4E97A;
  border: 1px solid #F4E97A;
  outline-color: #F4E97A;
}

.stepbar {
  background: #F4E97A;
}
.stepbar .stepbar-content span {
  color: #1D194F;
}

.btn-wording, .partage-toplist-block .btn-wording-share {
  transition: all 0.2s ease-in;
  background: #1D194F !important;
  color: #fff !important;
  border: 2px solid #1D194F !important;
}
.btn-wording:hover, .partage-toplist-block .btn-wording-share:hover {
  background: #31C590 !important;
  color: #fff !important;
  border: 2px solid #31C590 !important;
}

.name h3 span {
  color: #fff !important;
}

.reseau-share li a {
  color: #fff !important;
}

.partage-toplist-block h5 {
  font-style: normal;
  font-family: "Michroma", sans-serif;
  transform: rotate(0);
  color: #F4E97A;
  text-shadow: none;
  font-size: 1.1rem;
  text-align: left;
  font-weight: 900;
}

.demo-visuel-toplist {
  box-shadow: 0 0 10px #F4E97A;
}

.vainkeur-card .championname h4 {
  color: #1D194F !important;
}
.vainkeur-card a {
  background: #CCFDF9 !important;
  border: 2px solid #CCFDF9 !important;
  color: #1D194F !important;
}
.vainkeur-card a:hover {
  background: #F4E97A !important;
  color: #1D194F !important;
  border: 2px solid #F4E97A !important;
}
.vainkeur-card a:hover .text-muted {
  color: #32FCCB !important;
}

#choosenumbertop .form-check {
  background: transparent;
  border-radius: 0 !important;
  border: 2px solid #1D194F !important;
}
#choosenumbertop .form-check .info-check {
  color: #1D194F;
  font-weight: bold;
}
#choosenumbertop .form-check:hover {
  background: #31C590 !important;
  color: #1D194F !important;
}
#choosenumbertop .form-check:hover small {
  color: #1D194F !important;
}
#choosenumbertop .form-check:hover .info-check {
  color: #1D194F !important;
}

#choosenumbertop .form-check.choice-mode-top-actif {
  background: #31C590;
  color: #1D194F;
  border: 2px solid #1D194F;
}
#choosenumbertop .form-check.choice-mode-top-actif .info-check {
  color: #1D194F;
}
#choosenumbertop .form-check.choice-mode-top-actif small {
  color: #1D194F !important;
}

.laucher_t {
  background: #1D194F !important;
  color: #fff !important;
  border: 2px solid #1D194F !important;
  border-radius: 0 !important;
}
.laucher_t:hover {
  background: #32FCCB !important;
  color: #1D194F !important;
  border: 2px solid #32FCCB !important;
  border-radius: 0 !important;
}

.modes-jeu-twitch__content-btns button.active-twitch-mode {
  background: #31C590 !important;
  color: #1D194F !important;
  border: 2px solid #31C590 !important;
}

.devine {
  background: #F4E97A;
  box-shadow: 0;
}
.devine .content-devine {
  background: #F4E97A;
}
.devine .titrage-h5 {
  color: #1D194F;
  text-transform: uppercase;
  font-style: normal;
  transform: rotate(0);
  font-weight: 700;
  text-shadow: none;
  font-family: "Michroma", sans-serif;
}
.devine p {
  color: #1D194F;
}

.btn-defi {
  background: #F4E97A;
}
.btn-defi:before {
  background: linear-gradient(to bottom, transparent 5%, #F4E97A 80%);
}
.btn-defi a {
  color: #F4E97A !important;
}
.btn-defi a:hover {
  color: #F4E97A !important;
}

.partage-toplist .fixedbar-content {
  background: #F4E97A;
}
.partage-toplist .fixedbar-content .reseau-btn-share a, .partage-toplist .fixedbar-content .partage-btn a {
  color: #F4E97A !important;
}
.partage-toplist .fixedbar-content .reseau-btn-share a:hover, .partage-toplist .fixedbar-content .partage-btn a:hover {
  color: #F4E97A !important;
}

.dark-style .swal2-modal.swal2-popup {
  background: #fff;
  font-family: "Michroma", sans-serif;
  box-shadow: 0 0.31rem 1.25rem 0 rgba(0, 0, 0, 0.4);
  border-radius: 0.375rem;
}
.dark-style .swal2-modal.swal2-popup .swal2-title {
  color: #F4E97A;
}
.dark-style .swal2-modal.swal2-popup .swal2-content {
  color: #F4E97A;
}

.deco-footer {
  min-height: 650px;
  background: url(images/footer-rematch.png) #1D194F no-repeat center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

.banner-room {
  display: none;
}

.single-room #content-page-gv {
  padding: 100px 0 0 !important;
}

#renderalltops {
  position: relative;
  z-index: 4;
}

.datefinsponso {
  color: #F4E97A !important;
}

#video {
  position: relative;
  margin-top: 350px !important;
}

#autre-tl {
  position: relative;
  margin-top: 120px !important;
}

.content-footer .blockquote-wrapper .blockquote h6 {
  color: #31C590;
  font-family: "Michroma", sans-serif;
}

.dark-layout .card.loading-card {
  background: #32FCCB !important;
}

.slick-nav .slick-dots li {
  margin: 0 2px;
  height: 25px;
  width: 25px;
}
.slick-nav .slick-dots li button::before {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  content: ""; /* nécessaire pour que ::before fonctionne */
  display: block;
  background-size: cover;
  background-color: transparent !important;
  opacity: 0.75 !important;
}

.slick-nav .slick-dots li.slick-active button::before, .slick-nav .slick-dots li:hover button::before {
  opacity: 1 !important;
  background-image: url("images/db/1.png") !important;
}

.notifications-container .media .notification-text {
  color: #CCFDF9 !important;
}

.dark-layout .page-template-r .card {
  background: #282553 !important;
  box-shadow: none !important;
}/*# sourceMappingURL=room-rematch-css.css.map */