.voir-plus {
  padding-top: 0.5rem;
}

.block-views-blocknos-clubs-carousel h2,
.block-views-blockevents-carousel h2 {
  font-size: 2.2rem;
  line-height: 3.375rem;
  font-weight: 700;
}

.block-views-blocknos-clubs-carousel .carousel-control-prev-icon,
.block-views-blocknos-clubs-carousel .carousel-control-next-icon,
.block-views-blockevents-carousel .carousel-control-prev-icon,
.block-views-blockevents-carousel .carousel-control-next-icon{
  filter: invert(100%);
}

.block-views-blocknos-clubs-carousel .carousel-control-prev,
.block-views-blocknos-clubs-carousel .carousel-control-next,
.block-views-blockevents-carousel .carousel-control-prev,
.block-views-blockevents-carousel .carousel-control-next{
  height: 30px;
  width: 30px;
  border: solid 1px black;
  border-radius: 50%;
  top: 100%;
  padding: 1.5rem;
  background-color: white;
}

.block-views-blocknos-clubs-carousel .carousel-control-prev:hover,
.block-views-blocknos-clubs-carousel .carousel-control-next:hover,
.block-views-blockevents-carousel .carousel-control-prev:hover,
.block-views-blockevents-carousel .carousel-control-next:hover{
  filter: invert(100%);
  transition: ease-out 0.3s;
}

.block-views-blocknos-clubs-carousel .carousel-control-prev,
.block-views-blockevents-carousel .carousel-control-prev{
  left: 42%;
  transform: translate(-50%, -50%);
}

.block-views-blocknos-clubs-carousel .carousel-control-next,
.block-views-blockevents-carousel .carousel-control-next{
  left: 58%;
  transform: translate(-50%, -50%);
}

.block-views-blocknos-clubs-carousel .carousel-control-prev *,
.block-views-blocknos-clubs-carousel .carousel-control-next *,
.block-views-blockevents-carousel .carousel-control-prev *,
.block-views-blockevents-carousel .carousel-control-next *{
  padding: 0.5rem;
}

#views-bootstrap-nos-clubs-carousel .carousel-inner,
#views-bootstrap-events-carousel .carousel-inner {
  max-height: 600px;
}

/*TESTING CAROUSEL*/
#views-bootstrap-nos-clubs-carousel .carousel-item .bg-white,
#views-bootstrap-events-carousel .carousel-item .bg-white {
  margin: 0 12px;
}

@media (min-width: 768px) {
  #views-bootstrap-nos-clubs-carousel .carousel-inner,
  #views-bootstrap-events-carousel .carousel-inner {
    display: flex;
  }
  #views-bootstrap-nos-clubs-carousel .carousel-item,
  #views-bootstrap-events-carousel .carousel-item{
    margin-right: 0;
    flex: 0 0 50%;
    display: block;
  }
  #views-bootstrap-nos-clubs-carousel .carousel-control-prev,
  #views-bootstrap-events-carousel .carousel-control-prev {
    left: 45%;
  }
  #views-bootstrap-nos-clubs-carousel .carousel-control-next,
  #views-bootstrap-events-carousel .carousel-control-next {
    left: 55%;
  }
}

@media (min-width: 992px) {
  #views-bootstrap-nos-clubs-carousel .carousel-inner,
  #views-bootstrap-events-carousel .carousel-inner{
    display: flex;
  }
  #views-bootstrap-nos-clubs-carousel .carousel-item,
  #views-bootstrap-events-carousel .carousel-item {
    margin-right: 0;
    flex: 0 0 33.333333%;
    display: block;
  }
  #views-bootstrap-nos-clubs-carousel .carousel-control-prev,
  #views-bootstrap-events-carousel .carousel-control-prev {
    left: 47%;
  }
  #views-bootstrap-nos-clubs-carousel .carousel-control-next
  #views-bootstrap-events-carousel .carousel-control-next {
    left: 53%;
  }
}

.club-container .field--name-field-image.field--items,
.event-container .field--name-field-image.field--items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1rem;
}