@charset "utf-8";

/* Reset Styles */
*, *::after, *::before { margin: 0; padding: 0; border: 0; line-height: inherit; color: inherit; text-transform: inherit; font-weight: inherit; font-style: inherit; font-size: inherit; font-family: inherit; background-color: transparent; outline: none;  -webkit-tap-highlight-color: rgba(0,0,0,0); -moz-box-sizing: border-box; box-sizing: border-box; }
ol, ul { list-style: none; list-style-position: inside; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: inherit;}
blockquote::before, blockquote::after, q::before, q::after { content: ""; }
blockquote, q { quotes: "" ""; }
button { cursor: pointer; }
button:focus, button:active { outline:0; }
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner { padding:0; border: 0; margin: 0; line-height: normal; }
header, footer, nav, article, section, main { display: block; }
:-ms-input-placeholder { color: #999; opacity: 1; }
::-webkit-input-placeholder { color: #999; opacity: 1; }
::-moz-placeholder { color: #999; opacity: 1; }
::-ms-clear { display: none; }
select.__placeholder { color: #ccc; opacity: 1; }
input, textarea, select { background: none; margin: 0; padding: 0; display: block; width: 100%; line-height: normal;
	-moz-user-select: text; 
	-webkit-user-select: text; 
	-ms-user-select: text;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand { display: none; }

/*-----------
	General Styles with resets
-------------*/
html { font-size: 14px;}
body{width: 670px; margin: 0 auto;}
ul{list-style-type: disc;}
ol{list-style-type: decimal;}
img{width: 100%; height: auto; display: block;}
button, a {border: 0; background: #fff; color: #000; padding: 0; margin: 0; font-size: 1rem}

/*-----------
	Headings
-------------*/
.headline--1, 
.headline--2,
.headline--3,
.headline--4,
.headline--5,
.headline--6,
.homepage__hero-title,
.movies-row__item-details-title,
.headline--article,
.user-generated h1,
.user-generated h2,
.user-generated h3,
.user-generated h4,
.user-generated h5,
.user-generated h6,
.page-content__article-header{margin: 0 0 5px 0; font-weight: bold; font-size: 1.143rem}
.headline--1,
.user-generated h1,
.page-content__article-header{font-size: 1.857rem;}
.headline--2,
.headline--article,
.user-generated h2{font-size: 1.429rem}


/*-----------
	User generated content
-------------*/
.user-generated p,
.user-generated span,
.user-generated ul,
.user-generated ol{margin: 10px 0;}
.user-generated strong{font-weight: bold;}
.user-generated em{font-style: italic;}
.user-generated img{width: auto; height: auto; max-width: 100%;}

/*---------
Header
-----------*/
.header{position: relative !important;}
.header__logo-img{width: 200px; margin: 0 0 20px 0;}
.header-top,
.header__nav,
.header__showtime,
.header__overlay-button,
.footer,
.banner,
.page-content__social-share,
.page-content__more-button{display: none;}


/*---------
Page Content
-----------*/
.page-content__back-button{display: none;}
.page-content__article-header ~ .headline{margin: 0 0 20px 0;}

/*---------
Movie row lists
-----------*/
.movies-row{margin: 20px 0 40px 0;}
.movies-row__item{display: flex; margin: 0 0 20px 0;}
.movies-row__item > a{width: 110px; margin: 0 20px 0 0;}
.movies-row__item-details{flex: 1;}
.movies-row__item-details > a{display: none;}
.movies-row__item--see-more{display: none;}
.movies-row--main-listing{display: none;}
.movies-row--main-listing.is-active{display: flex; flex-wrap: wrap;}
.movies-row--main-listing .movies-row__item {display: block; width: calc(50% - 20px); margin: 10px;}
.movies-row--main-listing .movies-row__item > a{display: none;}
.movies-row--main-listing .movies-row__item-container > *{float: right; width: calc(100% - 130px)}
.movies-row--main-listing .movies-row__item-container > a{float: left; width: 110px;}
.movies-row--main-listing .movies-row__item-container:after{content: ''; display: block; clear: both;}

/*---------
Movie Features filter
-----------*/
.movies-featured__filter{display: none;}

/*---------
Tabbed Menu
-----------*/
.tabbed-menu__item{margin: 20px 0 0 0;}
.tabbed-menu__item-link{display: none;}
.tabbed-menu__item-link.is-active{display: block;}

/*---------
Single movie details
-----------*/
.movie-details__container{display: flex;}
.movie-details__container .btn,
.movie-details__container .btn-link{display: none;}
.movie-details__poster{width: 175px; margin: 0 20px 0 0;}
.movie-details__data{flex: 1}
.movie-details__filter{margin: 40px 0 0 0; font-size: 1.429rem;}
.movie-details .showtimes{margin: 20px 0 0 0;}
.movie-details .showtimes-listing {margin: 0 0 40px 0;}
.movie-details .container > .headline--2{margin-bottom: 20px; margin-top: 40px; border-bottom: 1px solid #000; padding: 0 0 10px 0;}
.movie-details .showtimes-listing__times-container{margin: 20px 0 0 0; border: 1px solid #000; padding: 10px;}
.movie-details .showtimes-listing__theatre .btn{display: none;}


/*---------
HOMEPAGE
-----------*/
.promotions{display: flex; flex-wrap: wrap; margin: 0 0 40px 0;}
.promotions__item{width: calc((100% / 3) - 20px); margin: 10px;}

.listing-rows{display: flex; flex-wrap: wrap;}
.listing-row{width: calc((100% / 3) - 10px); margin: 0 10px 0 0;}

.homepage__hero{margin: 0 0 30px 0;}
.homepage__hero-container{background-image: none !important; margin: 0 0 20px 0;}
.homepage__hero-controls{display: none;}
.homepage__hero-container a{display: none} 

/*---------
FAQ
-----------*/
.faq-item{margin: 0 0 20px 0;}
.faq-item__title{font-size: 1rem; margin: 0 0 5px 0; font-weight: bold;}
.faq-item__dropdown{margin: 0 0 0 20px;}
.faq-item__answer-location span{margin: 0 0 0 10px;}
.faq-item__answer p:nth-of-type(2n){margin: 0 0 15px 0;}

/*---------
News Snippet
-----------*/
.news-snippet{margin: 0 0 30px 0;}
.news-snippet__summary a{display: none;}

/*---------
Showtimes
-----------*/
.showtimes-listing{margin: 0 0 20px;}
.showtimes-listing__times-listing a{margin: 0 10px 0 0;}
.showtimes-listing__times-auditorium-features{font-size: 1rem; margin: 0 0 5px 0;}
.showtimes-listing__theatre-toggle{display: none;}

/* --------
Article Aside Block 
-----------*/
.article-aside{display: flex; margin: 0 0 40px 0;}
.article-aside__text{flex: 1;}
.article-aside__text a{display: none;}
.article-aside__wrapper{width: 25%; margin: 0 0 0 20px;}

/*---------
Showtimes Overlay
-----------*/
.modal-open header,
.modal-open footer,
.modal-open main{display: none !important;}
.modal-open .form__row{display: flex; margin: 10px 0 0;}
.modal-open .form-element{margin-bottom: 0;}
.modal-open .btn--showtime{margin: 0 10px 0 0;}
.modal-open .showtimes-listing{margin: 40px 0 0 0; display: flex; border-top: 2px solid #000; padding-top: 40px;}
.modal-open .showtimes-listing__times{flex: 1;}
.modal-open .showtimes-listing__poster{order: 3; width: 175px;}
.modal-open .showtimes-listing__theatre{margin: 0 20px 0 0; width: 175px;}
.modal-open .showtimes-listing__theatre-heading{display: flex; flex-direction: column; margin: 0;}
.modal-open  .showtimes-listing__times-container{border: 1px solid #000; padding: 10px; margin: 0 0 20px 0;}
.modal-open .movies-row__item-rating{font-weight: bold; margin: 0 0 20px 0;}
.modal-open .js-watch-trailer{display: none;}
.modal-open .form__row{display: flex; flex-direction: column;}
.modal-open #showtimes_theatre{margin: 0 0 0 -20px;}