.snippet-calendar-history {
  background: #FFF;
  color: #282828;
}

.snippet-calendar-history .day {
  display: inline-block;
  /*width: 12.5rem;*/
  vertical-align: top;
  /*margin: 0 2rem;*/
}

.snippet-calendar-history .day .seances {

}

.snippet-calendar-history .day .seances .seance {
  /*margin-bottom: 2.5rem;*/
  height: 7rem;
}

.snippet-calendar-history .day .date {
  height: 6rem;
  line-height: 6rem;
  margin-bottom: 2rem;
  pointer-events: none;
}

.snippet-calendar-history .day .relache {
  text-align: center;
}

.snippet-calendar-history .day .seances .seance .time {
  margin: 0;
}

.snippet-calendar-history .day .seances .seance .title,
.snippet-calendar-history .day .seances .seance .descr {
  line-height: 1em;
  margin: 0;
  text-align: left !important;
}

.snippet-calendar-history .day .seance .descr {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.snippet-calendar-history .day .seances .seance .title a {
  color: #282828;
}
.snippet-calendar-history .day .seances .seance .title a:hover {
  color: #ec0928;
}

.snippet-calendar-history .day .seances .seance .place {
  margin: 0;
  color: #ec0928;
}

.snippet-calendar-history .day .seances .seance .btn, .snippet-calendar-history .day .seances .seance .btn-disabled {
 width: 100%;
}

.snippet-calendar-history .fader {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
}
.snippet-calendar-history .fader:not(.opened) {
  height: 6rem;
}

.snippet-calendar-history .container {
  position: relative;
}

.snippet-calendar-history .fader .fader-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
}
.snippet-calendar-history .fader .fader-content.hidden {
  display: block !important;
  visibility: visible !important;
  opacity: 0;
  pointer-events: none;
}

.snippet-calendar-history .btn-fader {
  z-index: 1;
  position: absolute;
  top: 3rem;
  transform: translateY(-50%);
}
.snippet-calendar-history .btn-fader.btn-fader-previous {
  left: -4rem;
}
.snippet-calendar-history .btn-fader.btn-fader-next {
  right: -0rem;
}


.snippet-calendar-history .history {
  position: absolute;
  top: 0;
  left: 0;
  padding: 2rem 0;
  opacity: 0;
  pointer-events: none;
  width: 100%;
}
.snippet-calendar-history .history.opened {
  pointer-events: all;
}

.snippet-calendar-history .history .col {
  padding: 0 3rem;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .snippet-calendar-history .history .col:first-of-type {
    /*border-right: 1px solid #000;*/
  }
}

.snippet-calendar-history .history .image {
  position: relative;
  width: 100%;
  padding-top: 100%;
  background-color: #484848;
  margin: 1rem 0;
}

.snippet-calendar-history .history .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.snippet-calendar-history .history .text {
  /*padding-top: 5rem;*/
  font-family: 'Georgia', sans-serif;
}
.history .snippet-calendar-history .btn-fader.btn-fader-previous {
  left: -0rem;
}
.history .snippet-calendar-history .btn-fader.btn-fader-next {
  right: -4rem;
}
.history .snippet-calendar-history .btn-date {
  transition: all .3s;
}
.history .snippet-calendar-history .btn-date.active:hover,
.history .snippet-calendar-history .btn-date.active {
  color: #ec0928;
}
.history .snippet-calendar-history .btn-date:hover {
  color: #6b6b6b;
}

.snippet-calendar-history .history .text-content {
  text-align: right !important;
  padding: 0;
}
.snippet-calendar-history .history .text-content .text, .snippet-calendar-history .history .text-content .text p {
  text-align: right !important;
  margin: 0;
}
.snippet-calendar-history .history .text-content .text p {
  padding-left: 1.250rem;
}

.snippet-calendar-history .history .image-content {
  text-align: right !important;
}
.snippet-calendar-history .history .image-content .image {
  display: inline-block;
  margin-right: -3rem;
}