/* line 6, app/assets/stylesheets/events.scss */
#cities div {
  border-radius: 5px;
  margin: 0 15px 10px 15px;
}

/* line 10, app/assets/stylesheets/events.scss */
#cities div.selectionned {
  background-color: var(--red);
}

/* line 14, app/assets/stylesheets/events.scss */
#cities div.no-selectionned {
  background-color: #349DA0;
}

/* line 18, app/assets/stylesheets/events.scss */
#cities div a {
  color: white;
  text-decoration: none;
}

/* line 25, app/assets/stylesheets/events.scss */
#events {
  background-color: var(--green);
}

/* line 28, app/assets/stylesheets/events.scss */
#events h1 {
  font-size: 1.75rem;
}

/* line 32, app/assets/stylesheets/events.scss */
#events .col-event-home {
  overflow: hidden;
  margin-right: 2.5%;
  margin-left: 2.5%;
  position: relative;
  min-height: 450px;
  transition-duration: 500ms;
}

/* line 40, app/assets/stylesheets/events.scss */
#events .col-event-home:hover {
  transition-duration: 500ms;
  box-shadow: -3px 2px 30px black;
  transform: translate(0, -10px);
}

/* line 46, app/assets/stylesheets/events.scss */
#events .col-event-home .link-event {
  color: black;
  text-decoration: none;
}

/* line 51, app/assets/stylesheets/events.scss */
#events .col-event-home .ticketing {
  display: none;
  position: absolute;
  text-align: left;
  height: 50px;
  width: 100%;
  padding-top: 13px;
}

/* line 59, app/assets/stylesheets/events.scss */
#events .col-event-home .ticketing div {
  color: var(--green);
}

/* line 63, app/assets/stylesheets/events.scss */
#events .col-event-home .ticketing img {
  position: absolute;
  right: 0;
  top: 5px;
}

/* line 70, app/assets/stylesheets/events.scss */
#events .col-event-home:hover .ticketing {
  display: block;
  background-color: rgba(255, 255, 255, 0.6);
}

/* line 75, app/assets/stylesheets/events.scss */
#events .col-event-home .img-event-home {
  max-width: 110%;
  height: 220px;
}

/* line 80, app/assets/stylesheets/events.scss */
#events .col-event-home .logo-facebook {
  position: absolute;
  right: 5px;
  bottom: 52px;
}

/* line 86, app/assets/stylesheets/events.scss */
#events .col-event-home .bottom-event {
  position: absolute;
  bottom: 0;
  max-height: 48px;
  width: 100%;
  background-color: #f7f7f7;
}

/* line 93, app/assets/stylesheets/events.scss */
#events .col-event-home .bottom-event .place {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: '..';
}

@media screen and (min-width: 991px) {
  /* line 102, app/assets/stylesheets/events.scss */
  #events .col-event-home {
    flex: 0 0 28.33333%;
    max-width: 28.33333%;
  }
}

@media screen and (min-width: 584px) and (max-width: 991px) {
  /* line 109, app/assets/stylesheets/events.scss */
  #events .col-event-home {
    flex: 0 0 45%;
    max-width: 45%;
  }
}

@media screen and (max-width: 584px) {
  /* line 116, app/assets/stylesheets/events.scss */
  #events .col-event-home {
    flex: 0 0 95%;
    max-width: 95%;
  }
}