.homepage-in-theater-movie {
  text-align: center;
}
.col-sm-12.homepage-in-theater-movie, .row.homepage-in-theater-movie .col-sm-6 {
  text-align: left;
  margin-bottom: 40px;
}
.row.homepage-in-theater-movie {
  margin-top: 20px;
}
.homepage-in-theater-movie a {
  color: #EC2027;
}
.homepage-in-theater-movie h3 span {
  display: block;
  width: 100%;
  padding:56.25% 0 0 0;
  margin-bottom: 10px;
  background-image: url(cinema-seats.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.homepage-in-theater-movie h3 {
  margin-bottom: 10px;
  margin-top: 0px;
  padding: 0;
}
.col-sm-12.homepage-in-theater-movie h3, .row.homepage-in-theater-movie h3 {
  margin: 0px 0px 10px 0px;
}
 .showtimes {
  text-align: left;
  line-height: 2.5em;
}
.homepage-in-theater-movie .showtimes {
  margin-bottom: 10px;
}
 .showtimes .date {
  float: left;
	padding-right: 5px;
}
 .showtimes a, .showtimes a:visited {
 	color: #EC2027;
 }
 .showtimes a.sold_out, .calendar-list-showtimes a.sold_out {
	 text-decoration: line-through!important;
	 color: #999!important;
 }

 .showtimes .date_picker_holder {
   	position: relative;
    text-align:left;
    min-width: 166px;
    height: 30px;
   line-height: 22px;
   margin: auto;
 }
 .showtimes .date_picker_holder a, .showtimes .date_picker_holder a:visited {
   color: #2a317d;
 }
 .showtimes .date_picker_holder a:hover {
   color: #EC2027;
 }
 .showtimes a.date_picker {
   display: block;
   background: #FFF3E3 url(select-arrow-2x.png) right 4px no-repeat;
   background-size: 17px 43px;
   font-size: 14px;
   height: 30px;
   z-index: 10;
 }
 .showtimes a.date_picker, .showtimes .film_day_chooser {
   position: absolute;
   top: 0;
   left: 0;
   border: 1px solid #A4A4BC;
   padding: 3px 36px 3px 6px; /* top right bottom left */
 }
 .showtimes .film_day_chooser a {
   display: block;
 }
 .showtimes .film_day_chooser {
   background: #FFF3E3 url(select-arrow-2x.png) right -15px no-repeat;
   background-size: 17px 43px;
   padding-bottom: 0;
   padding-top: 0;
   z-index: 12;
   list-style: none;
 }
  .showtimes .film_day_chooser li {
    padding: 3px 0 3px 0;
  }

.film-subheading, {
	font-family: 'Fugue',Helvetica,Arial,sans-serif; font-weight: 400;
}

.vista-movie-row h5, .homepage-in-theater-movie h5, h5.film-subheading {
	font-family: 'Fugue',Helvetica,Arial,sans-serif; font-weight: 400; font-size: 0.9em;
}
.homepage-in-theater-movie h5 {
  margin: 0;
}
.homepage-in-theater-movie h5 a, .homepage-in-theater-movie h5 a:visited {
  color: #2a317d;
}
.homepage-in-theater-movie h5 a:hover {
  color: #EC2027;
}

.vista-movie-row h1 {
	margin-top: 0;
	padding-top: 0;
}
.vista-movie-row img.main-image {
	padding-bottom: 20px;
}
.vista-movie-row .showtimes {
	border-top: 1px solid #A4A4BC;
	border-bottom: 1px solid #A4A4BC;
	padding-top: 15px;
	padding-bottom: 15px;
}
.vista-movie-row .showtimes {
	text-align: left;
}
.vista-movie-row .showtimes .date {
	float: none; display: block; margin-top: 10px;
}


/* -- CALENDAR -- */

#filter-date {
	border: 1px solid #A4A4BC;
	padding: 2px;
  width: 292px;
  margin: auto;
}


.calendar_month {
	padding: 37px 45px 40px;
	overflow: hidden;
	border: 1px solid #0F0681;
}

.calendar-nav-header {
	height: 30px;
	overflow: hidden;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.calendar-nav-prev,
.calendar-nav-next {
	display: block;
	float: left;
	width: 15px;
	height: 15px;
	margin-left: 6px;
	overflow: hidden;
}

.calendar-nav-next {
	float: right;
	margin-left: 0;
	margin-right: 6px;
}
a.calendar-nav-prev {
	background: url(calendar-arrow-prev.png) 0 3px  no-repeat;
}

a.calendar-nav-next {
	background: url(calendar-arrow-next.png) right 3px no-repeat;
}


a.calendar-nav-current {
	display: block;
	text-align: center;
}


.calendar-days {
	width: 110%;
	overflow: hidden;
}

.calendar-days span {
	display: block;
	float: left;
	width: 22px;
	margin-right: 7px;
	text-align: center;
	font-size: 12px;
}

.calendar_month ul {
	display: block;
	width: 110%;
	padding: 0;
	margin: 0;
	list-style: none;
	padding-top: 7px;
	-webkit-font-smoothing: antialiased;
}

.calendar_month ul li {
	display: block;
	float: left;
	width: 22px;
	height: 22px;
	padding: 0;
	margin: 10px 7px 0 0;
	list-style: none;
}

.calendar_month ul li a {
	display: block;
	width: 22px;
	height: 22px;
	text-align: center;
	line-height: 22px;
	font-size: 12px;
  border: 1px solid rgba(255,255,255,0);
}

.calendar_month ul li.past a {
	color: #999;
  cursor: not-allowed;
}

.calendar_month ul li.current a {
	background: #2A317D;
	color: #FFF;
}
.calendar_month ul li.unscheduled a {
	opacity: 50%;
}
.calendar_month ul li a.selected {
	border-color: #EC2027;
}

#calendar-list {
	float: right;
	width: 850px;
	padding-left: 225px;
	padding-bottom: 50px;
}

#calendar-list .calendar-list-day {
	position: relative;
	width: 100%;
	text-transform: uppercase;
}

#calendar-list .calendar-list-day .date {
	position: absolute;
	left: -225px;
	top: -8px;
	width: 196px;
	text-align: right;
	font-size: 11px;
	letter-spacing: 1px;
	color: #A4A4BC;
}

#calendar-list .calendar-list-day .group {
	border-top: 1px solid #A4A4BC;
	padding-top: 10px;
	margin-top: 10px;
}

#calendar-list .calendar-list-day .group .label {
	display: block;
	position: absolute;
	left: -225px;
	width: 196px;
	padding-top: 12px;
	text-align: right;
	font-size: 11px;
	letter-spacing: 1px;
	color: #A4A4BC;
}

#calendar-list .calendar-list-day .group .item {
	padding: 10px 0; 
	letter-spacing: 1px;
}

#calendar-list .calendar-list-day .group .calendar-list-showtimes {
	display: block;
	padding-top: 0;
	width: 100%;
	overflow: hidden;
}

#calendar-list .calendar-list-day .group .calendar-list-showtimes a {
	display: block;
	float: left;
	margin-right: 6px;
	color: #EC2027;
	font-size: 11px;
}
#calendar-list .calendar-list-day .group .calendar-list-showtimes a.none {
	color: #2A317D;
  cursor: not-allowed;
}

#calendar-list .calendar-list-day .group .calendar-list-showtimes a.title {
	font-size: 12px;
	margin-right: 10px;
	color: #2A317D;
}


#calendar-list .calendar-list-day .group .calendar-list-showtimes .sold-out {
	margin-right: 6px;
	font-size: 11px;
}


.vista-movie-row {
  margin-bottom: 30px;

}

.vista-movie-row .movie-trailer,
.vista-movie-row .member-ticket-promo {
  margin-bottom: 20px;
}

.member-ticket-promo {
  background-color: #2A317D;
  color: #fff;
  padding: 10px;
  text-align: center;
}
.member-ticket-promo h1, 
.member-ticket-promo a {
  color: #EC2027;
}
.member-ticket-promo h1 {
  margin-bottom: 8px;
}
.member-ticket-promo p {
  margin: 0;
  margin-bottom: 8px;
}

@media (min-width: 576px) {
  .vista-movie-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0px 30px;
  }
  .vista-movie-row .movie-image {
    grid-column: 1;
  }
  .vista-movie-row .movie-trailer {
    grid-column: 1;
    grid-row: 2;
  }
  .vista-movie-row .member-ticket-promo {
    grid-column: 1;
    grid-row: 3;
  }
  .vista-movie-row .movie-info {
    grid-column: 2;
    grid-row: 1 / 5;
  }

}

.vista-movie-row .film-trailer-holder {
  padding-bottom: 56.25%; position: relative; height: 0; overflow: hidden; max-width: 100%;
}

.vista-movie-row .film-trailer-holder iframe {
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}