#Header {
  background: darkred;
}
#Header a {
  color: whitesmoke;
  font-weight: 700;
  font-size: 1.3rem;
}

@media (max-width: 425px) {
  #Header a {
    font-size: 0.9rem;
  }
}
.footer-menu {
  display: none;
}

.article-top figure {
  position: relative;
  margin: 0;
}
.article-top figure::before {
  content: "";
  position: absolute;
  background: linear-gradient(45deg, #6e29ad, #af0000, #fff500);
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 10px;
}
.article-top figure .img-thumbnail {
  border: 0;
  background-color: transparent;
  width: 100%;
  object-fit: cover;
  padding: 0;
  height: 311px;
}
.article-top .figure-caption {
  color: whitesmoke;
  font-size: 1.3rem;
}
.article-top p {
  font-size: 2rem;
  margin-bottom: 5px;
}
.article-top.top .border-img .border-rf {
  position: absolute;
  top: 4%;
  left: 3%;
  width: 93%;
  height: 87%;
  background: transparent;
  border: 4px solid white;
  border-radius: 10px;
}

.list-article {
  margin-top: 4rem;
}
.list-article .button-article {
  text-decoration: none;
  font-size: 18px;
  font-weight: 900;
  display: inline-block;
  border-radius: 40px;
  padding: 5px 35px;
  color: #351E4D;
  background: linear-gradient(to bottom, #eada09, #948e10);
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5), inset 0px 5px 5px rgba(255, 255, 255, 0.7), inset 0px -5px 5px rgba(0, 0, 0, 0.2);
  /* &:nth-child(2n) {
     text-decoration: none;
     font-size: 18px;
     font-weight: 900;
     display: inline-block;
     border-radius: 40px;
     padding: 5px 35px;
     color: #351E4D;
     background: linear-gradient(to bottom, #fe0000, #a70707);
     box-shadow: 0px 3px 5px rgb(0 0 0 / 50%), inset 0px 5px 5px rgb(255 255 255 / 70%), inset 0px -5px 5px rgb(0 0 0 / 20%);
   }*/
}
.list-article .button-article:hover {
  color: #351e4a;
  transform: scale(1.2);
}
.list-article .button-jeu {
  text-decoration: none;
  font-size: 18px;
  font-weight: 900;
  display: inline-block;
  border-radius: 40px;
  padding: 5px 35px;
  color: #351E4D;
  background: linear-gradient(to bottom, #ea0909, #941010);
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5), inset 0px 5px 5px rgba(255, 255, 255, 0.7), inset 0px -5px 5px rgba(0, 0, 0, 0.2);
  /* &:nth-child(2n) {
     text-decoration: none;
     font-size: 18px;
     font-weight: 900;
     display: inline-block;
     border-radius: 40px;
     padding: 5px 35px;
     color: #351E4D;
     background: linear-gradient(to bottom, #fe0000, #a70707);
     box-shadow: 0px 3px 5px rgb(0 0 0 / 50%), inset 0px 5px 5px rgb(255 255 255 / 70%), inset 0px -5px 5px rgb(0 0 0 / 20%);
   }*/
}
.list-article .button-jeu:hover {
  color: #351e4a;
  transform: scale(1.2);
}

@media (min-width: 768px) and (max-width: 991px) {
  .article-top.top .border-img .border-rf {
    height: 85%;
    border: 4px solid white;
  }
}
@media (max-width: 425px) {
  .Hero p {
    font-size: 1rem;
  }
  .Hero .w-75 {
    width: 100% !important;
  }

  .article-top figure::before {
    content: "";
    position: absolute;
    background: linear-gradient(45deg, #6e29ad, #af0000, #fff500);
    top: 0;
    z-index: 1;
    width: 100%;
    height: 10px;
  }
  .article-top figure .img-thumbnail {
    border: 0;
    background-color: transparent;
    width: 100%;
    object-fit: cover;
    padding: 0;
  }
  .article-top .figure-caption {
    font-size: 1rem;
  }
  .article-top p {
    font-size: 1.3rem;
  }
  .article-top.top .border-img .border-rf {
    top: 8%;
    width: 94%;
    height: 74%;
    border: 2px solid white;
    border-radius: 10px;
  }

  .list-article {
    margin-top: 5rem;
  }

  .button-article {
    padding: 5px 11px;
    font-size: 14px;
  }
  .button-article:hover {
    color: #351e4a;
    transform: scale(1.1);
  }
  .button-article-red {
    padding: 5px 11px;
    font-size: 14px;
  }
}
.article-single {
  position: relative;
}
.article-single figure {
  width: 70%;
}
.article-single figure img {
  width: 100%;
}
.article-single .figure-caption {
  color: whitesmoke;
  font-size: 1.3rem;
}
.article-single p {
  font-size: 2rem;
}
.article-single .coupon {
  color: yellow;
  font-weight: 900;
  font-size: 3rem;
}
.article-single .coupon span {
  font-size: 5rem;
}
.article-single .pagination-group .left {
  width: 0;
  height: 0;
  border-left: 60px solid transparent;
  border-right: 60px solid transparent;
  border-bottom: 100px solid #5f4b73;
  position: absolute;
  left: 5%;
  transform: rotate(270deg);
  top: 35%;
}
.article-single .pagination-group .right {
  width: 0;
  height: 0;
  border-left: 60px solid transparent;
  border-right: 60px solid transparent;
  border-bottom: 100px solid #5f4b73;
  position: absolute;
  right: 5%;
  transform: rotate(90deg);
  top: 35%;
}

.Content-single {
  margin-top: 4rem;
}
.Content-single .title-single {
  font-weight: 300;
  font-size: 2rem;
}
.Content-single .info-resa ul {
  list-style: none;
}
.Content-single .info-resa ul li {
  position: relative;
  padding: 2rem;
  margin-bottom: 2rem;
}
.Content-single .info-resa ul .horaire::before {
  content: "";
  background: url(/wp-content/themes/jirClub/assets/medias/pictos/icone-horaire.png) no-repeat;
  background-size: 5rem;
  position: absolute;
  width: 100%;
  top: 0;
  height: 100%;
  left: -10%;
}
.Content-single .info-resa ul .telephone::before {
  content: "";
  background: url(/wp-content/themes/jirClub/assets/medias/pictos/icone-telephone.png) no-repeat;
  background-size: 5rem;
  position: absolute;
  width: 100%;
  top: 0;
  height: 100%;
  left: -10%;
}
.Content-single .info-resa ul .adresse::before {
  content: "";
  background: url(/wp-content/themes/jirClub/assets/medias/pictos/icone-localisation.png) no-repeat;
  background-size: 5rem;
  position: absolute;
  width: 100%;
  top: 0;
  height: 100%;
  left: -10%;
}
.Content-single .extrait {
  margin-top: 3rem;
}

.separator {
  background: linear-gradient(45deg, #6e29ad, #af0000, #fff500);
  height: 10px;
}

@media (min-width: 1024px) and (max-width: 1400px) {
  .article-single {
    position: relative;
  }
  .article-single figure {
    position: relative;
    margin: 0;
  }
  .article-single .figure-caption {
    color: whitesmoke;
    font-size: 1.3rem;
  }
  .article-single p {
    font-size: 2rem;
  }
  .article-single .coupon {
    color: yellow;
    font-weight: 900;
    font-size: 2rem;
  }
  .article-single .coupon span {
    font-size: 4rem;
  }
  .article-single .pagination-group {
    position: absolute;
    top: 0;
    background: transparent;
    width: 100%;
    bottom: 0;
  }
  .article-single .pagination-group .left {
    left: -20%;
  }
  .article-single .pagination-group .right {
    right: -20%;
  }

  .Content-single .title-single {
    font-weight: 300;
    font-size: 2rem;
  }
  .Content-single .info-resa ul .horaire::before {
    background-size: 3rem;
    top: 25%;
  }
  .Content-single .info-resa ul .telephone::before {
    background-size: 3rem;
    top: 25%;
  }
  .Content-single .info-resa ul .adresse::before {
    background-size: 3rem;
    top: 25%;
  }
  .Content-single .extrait {
    margin-top: 3rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .article-single {
    position: relative;
  }
  .article-single figure {
    position: relative;
    margin: 0;
  }
  .article-single .figure-caption {
    color: whitesmoke;
    font-size: 1.3rem;
  }
  .article-single p {
    font-size: 1.5rem;
  }
  .article-single .coupon {
    font-size: 1.5rem;
  }
  .article-single .coupon span {
    font-size: 2rem;
  }
  .article-single .pagination-group .left {
    left: -20%;
    top: 25%;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 80px solid #5f4b73;
  }
  .article-single .pagination-group .right {
    right: -20%;
    top: 25%;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 80px solid #5f4b73;
  }

  .Content-single .title-single {
    font-size: 1.5rem;
  }
  .Content-single .info-resa ul li {
    margin-bottom: 0;
  }
  .Content-single .info-resa ul .horaire::before {
    background-size: 3rem;
    top: 25%;
  }
  .Content-single .info-resa ul .telephone::before {
    background-size: 3rem;
    top: 25%;
  }
  .Content-single .info-resa ul .adresse::before {
    background-size: 3rem;
    top: 25%;
  }
  .Content-single .extrait {
    margin-top: 3rem;
  }
}
@media (max-width: 425px) {
  .article-single {
    position: relative;
  }
  .article-single figure {
    position: relative;
    margin: 0;
  }
  .article-single .figure-caption {
    color: whitesmoke;
    font-size: 1.3rem;
  }
  .article-single p {
    font-size: 0.9rem;
  }
  .article-single .coupon {
    font-size: 1rem;
  }
  .article-single .coupon span {
    font-size: 2rem;
  }
  .article-single .w-75 {
    width: 100% !important;
  }
  .article-single .pagination-group .left {
    left: -25%;
    top: 20%;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 40px solid #5f4b73;
  }
  .article-single .pagination-group .right {
    right: -25%;
    top: 20%;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 40px solid #5f4b73;
  }

  .separator {
    background: linear-gradient(45deg, #6e29ad, #af0000, #fff500);
    height: 5px;
  }

  .Content-single .title-single {
    font-size: 1.5rem;
  }
  .Content-single .info-resa ul li {
    font-size: 0.8rem;
    margin-bottom: 0;
  }
  .Content-single .info-resa ul .horaire::before {
    background-size: 2.5rem;
    top: 30%;
  }
  .Content-single .info-resa ul .telephone::before {
    background-size: 2.5rem;
    top: 30%;
  }
  .Content-single .info-resa ul .adresse::before {
    background-size: 2.5rem;
    top: 30%;
  }
  .Content-single .extrait {
    margin-top: 3rem;
  }
}
body {
  background-color: #351e4a;
  color: whitesmoke;
  font-family: "Poppins", sans-serif;
}

.h1 {
  font-weight: 900;
}

.h1, .h5 {
  color: whitesmoke;
}

.hero-title {
  text-align: center;
  color: whitesmoke;
}

/*# sourceMappingURL=main.css.map */
