/********************
/* Film list
*********************/
.eighteentkt-list { margin:0; }
.eighteentkt-list.eighteentkt-list--slick { padding:20px;background-color: #FFF;overflow:hidden; }
/*.eighteentkt-list.eighteentkt-list--list {}*/
.eighteentkt-list__slider .slick-list .slick-track { margin:0; }
.eighteentkt-list__slider { overflow: hidden; }
.eighteentkt-list__wrapper { display: flex;flex-wrap: wrap;/*justify-content: center;*/ }
.eighteentkt-list__arrow { position: absolute;top: calc(50% - 30px);padding:10px;z-index:10;cursor: pointer;background-color: rgba(0,0,0,0.5);border-radius:50px; }
.eighteentkt-list__arrow::before { display:flex;justify-content: center;align-items: center;width:20px;height:20px;color:#FFF;font-size:20px;/*border-left: 3px solid #CCC;border-top: 3px solid #CCC;*/ }
.eighteentkt-list__arrow.eighteentkt-list__arrow--prev { /*transform: rotate(-45deg);*/left: 10px; }
.eighteentkt-list__arrow.eighteentkt-list__arrow--prev::before { content:"\276E"; }
.eighteentkt-list__arrow.eighteentkt-list__arrow--next { /*transform: rotate(135deg);*/ right: 10px; }
.eighteentkt-list__arrow.eighteentkt-list__arrow--next::before { content:"\276F"; }
.eighteentkt-list__item { position:relative; }
.eighteentkt-list__slider .eighteentkt-list__item { float: left; /* override for preload */ }
.eighteentkt-list__wrapper .eighteentkt-list__item { margin: 0.5rem 0;flex-basis: 100%; }
.eighteentkt-list__item:after { content: "";display: block;position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;background-color: rgba(0,0,0,0.0);transition: 0.3s; }
.eighteentkt-list__item:hover:after { background-color: rgba(0,0,0,0.5); }
.eighteentkt-list__link { position: absolute;height: 100%;width: 100%;z-index: 3; }
.eighteentkt-list__item .eighteentkt-list__image { width:100%;height:100%;object-fit: cover; }
.eighteentkt-list__tech { position: absolute;z-index: 2;top: 8px;left: 8px; }
.eighteentkt-list__tech-item { display: block;margin:0 2px 2px 0;padding:3px 8px;color: #FFF;text-transform: uppercase;font-size: 10px;background-color: #c00; /* fix for differetn with: */ float:left;clear: both; }
.eighteentkt-list__inner { display:none;position: absolute;bottom: 0;z-index:2;padding: 10px 10px 20px 10px;transition: 0.3s; }
.eighteentkt-list__item:hover .eighteentkt-list__inner { display:block; }
.eighteentkt-list__genre,
.eighteentkt-list__title,
.eighteentkt-list__date { font-size: 14px;line-height: 18px;color:#FFF; }
.eighteentkt-list__genre { margin:0;font-weight: 300; }
.eighteentkt-list__title { margin: 8px 0 0 0;font-weight: 500;text-transform: uppercase; }
.eighteentkt-list__date { margin:0;font-weight: 300; }

/********************
/* Film Page
*********************/
.eighteentkt-page { margin: 40px 0;display: flex;flex-direction: column;flex-wrap: wrap; }
.eighteentkt-page__column { flex-basis: 100%; }
.eighteentkt-page__image-wrapper { position: relative;margin-bottom: 10px; }
.eighteentkt-page__tech { position: absolute;display: block;top: 10px;left: 10px;padding:5px 10px;color: #FFF;text-transform: uppercase;font-size: 11px;background-color: #c00; }
.eighteentkt-page__image { width: 100%; }
.eighteentkt-page__title { text-transform: uppercase; }
/*.eighteentkt-page__subtitle {}
.eighteentkt-page__text {}*/
.eighteentkt-page__table th { text-align: left; }
.eighteentkt-page__notes { padding: 10px;border:1px solid #f0d229;background-color: #fff9d5; }
.eighteentkt-page .eighteentkt-page__tkt-button { text-decoration:none;padding:10px 8px;background-color: #43B692;border-radius:5px;display:inline-flex;justify-content:center;align-items:center;transition: all .3s ease; }
.eighteentkt-page__tkt-button:hover { color:#CCC;background-color: #54595F; }
.eighteentkt-page__tkt-button__icon { color:#FFF;font-size:12px; }
.eighteentkt-page__tkt-button__text { margin-left:5px;color:#FFF;font-size:16px;line-height:16px; }

/********************
/* Calendar
*********************/
.eighteentkt-calendar {}

/* Filtro Mesi (in alto) */
.eighteentkt-calendar__months { display: flex; }
.eighteentkt-calendar__month-link { margin:0px 3px;border:1px solid #000;display:block;padding:5px;text-align:center; }
.eighteentkt-calendar__month-link--active { background-color: #EEE; }

/* Slider Giorni (striscia orizzontale) */
.eighteentkt-calendar__days { margin:10px 0;display: flex; overflow-x: auto; }
.eighteentkt-calendar__day-link { margin:0px 3px;border:1px solid #000;display:block;padding:5px;text-align:center; }
.eighteentkt-calendar__day-link--active { background-color: #EEE; }
/* Elementi dentro il giorno */
.eighteentkt-calendar__day-number { display:block; }
.eighteentkt-calendar__day-month { display:block; }
.eighteentkt-calendar__day-weekday { display:block; }
.eighteentkt-calendar__list { margin-top:15px; }
.eighteentkt-calendar__item { display: flex; }
.eighteentkt-calendar__left { flex-basis: 20%; }
.eighteentkt-calendar__image { width: 100%; }
.eighteentkt-calendar__right { flex-basis: 80%;padding: 20px; }
.eighteentkt-calendar__title {}
.eighteentkt-calendar__meta {}
.eighteentkt-calendar__meta-item { display: block; }

/* Orari */
.eighteentkt-calendar__showtimes {}
.eighteentkt-calendar__showtimes-label {}
.eighteentkt-calendar__times-grid { display: flex; }
.eighteentkt-calendar__time-btn {
    /* Il bottone giallo */
}
.eighteentkt-calendar__view-film { display: block; }

/********************
/* Media query
*********************/

/* Desktop */
@media only screen and (min-width: 1025px) {
    .eighteentkt-list__wrapper .eighteentkt-list__item { margin: 0.25%;flex-basis: 19.5%; }
	.eighteentkt-page { flex-direction: row; }
	.eighteentkt-page__column.eighteentkt-page__column--left { flex-basis: 30%;order: 1; }
	.eighteentkt-page__column.eighteentkt-page__column--right { flex-basis: 70%;padding: 20px;order: 2; }
	.eighteentkt-page__column.eighteentkt-page__column--bottom { flex-basis: 100%;padding: 20px 0;order: 3; }
}
@media only screen and (min-width: 768px) {
    .eighteentkt-list.eighteentkt-list--slick { max-height:340px; }
	.eighteentkt-list__slider .eighteentkt-list__item { margin: 0 5px 30px 5px;max-width: 210px;height: 310px; }
	.eighteentkt-list__wrapper .eighteentkt-list__item { flex-basis: 210px; }
}
/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .eighteentkt-list__wrapper .eighteentkt-list__item { margin: 0.25%;flex-basis: 32.83%; }
}