/** FONT EMBED ***/
@font-face {font-family: Argon;src: url(https://cdn.vwassets.com/cinetop.com/tequisquiapan/1748559509219_1681955893278_ArgonPERSONAL-Regular.otf);}
@font-face {font-family: gotham-light;src: url(https://cdn.vwassets.com/cinetop.com/tequisquiapan/1748559537289_1687479375065_GothamLight.otf);}
@font-face {font-family: gotham-black;src: url(https://cdn.vwassets.com/cinetop.com/tequisquiapan/1748559556077_1687479355470_GothamBlack.otf);}



/** BLACK BG ***/
div.main-content {background-color: #000 !important;}
section#basic-page {color: #fff !important;}
h2 {color: #fff !important;}


/***UNDERLINE LINKS***/
div.staticPage a, #wrapper a {text-decoration: underline;}
div.staticPage {color: #fff !important;}


/***FOOTER**/
footer div.social-media {display:none;}
footer {background-image: linear-gradient(#000, #88024b) !important;}
footer hr {display:none;}
footer div.custom-footer-info {margin-top: 30px;}



/**PAGE H1 SPACING ON MOB**/
@media screen and (max-width: 640px){div.staticPage, #wrapper {padding: 45px 15px 15px 15px;}}


/**TOP NAV**/
header nav {margin: 17px 0 0 0 !important;}
header nav ul {margin-bottom: 0px !important;} 
header nav a:hover, a:active:hover, a:visited:hover, a:focus:hover {text-decoration: none !important;}
header nav li.active a {border-bottom: 2px #fff solid;}
header div.logo img {margin-top:5px;}
header div.main-menu.with-container .social-media-header {padding-top:12px !important;}


/**HIDE SHARE BUTTONS ON MOVIE PAGE **/
a.share-button.twitter-share-button.flex-container.flex-container-inline {
    display: none;}

section.details-container div.movie-details div.social-media-share {
margin-top: 40px !important;
}

section.details-container div.movie-details div.social-media-share .facebook-share-button {
   
    display: none;
}

/** LOCATION DROPDOWN **/

#containerCinemas a.more, #containerCinemas a:active.more, #containerCinemas a:visited.more, #containerCinemas a:focus.more, #containerCinemas a:focus.more:after, #containerCinemas a.more:after,  #containerCinemas a:active.more:after, #containerCinemas a:visited.more:after
{background-color:#a0185a;}

#containerCinemas
{width:260px;
margin-top:10px;
text-align: center !important;}

#containerCinemas .containerCinemasMenu
{background-color:#a0185a;
margin: 1px 0 0 0 !important;}

#containerCinemas .containerCinemasMenu ul
{padding: 10px 0;}

#containerCinemas .containerCinemasMenu li
{padding:8px 10px}


/**COMING SOON SPACING**/
section.details-container div.release-date{ margin-top:15px;margin-bottom:5px; }


/**SHOWTIMES **/
header div.previews .preview div.info div.caption-container div.caption-details {width:75%;} 
@media screen and (max-width: 800px) {header div.main-menu div.menu-mobile nav ul li.active a {color:#ffffff;}}
@media screen and (max-width: 500px) {#movie-list div.movie img.poster-landscape, div.staticPage div.movie img.poster-landscape, #wrapper div.movie img.poster-landscape, #movie-list div.movie.layout-by-movie div.posters img.poster-landscape, div.staticPage div.movie.layout-by-movie div.posters img.poster-landscape, #wrapper div.movie.layout-by-movie div.posters img.poster-landscape{height:220px;} 
#movie-list div.movie div.movie-times, div.staticPage div.movie div.movie-times, #wrapper div.movie div.movie-times{padding: 10px 17px 15px;}}
@media screen and (max-width: 640px){#movie-list div.movie img.poster-landscape, div.staticPage div.movie img.poster-landscape, #wrapper div.movie img.poster-landscape, #movie-list div.movie.layout-by-movie div.posters img.poster-landscape, div.staticPage div.movie.layout-by-movie div.posters img.poster-landscape, #wrapper div.movie.layout-by-movie div.posters img.poster-landscape {height:220px;} 
#movie-list div.movie div.movie-times, div.staticPage div.movie div.movie-times, #wrapper div.movie div.movie-times {padding: 10px 17px 15px;}}
@media screen and (max-width: 640px) {#coming-soon #movie-list div.movie {margin-bottom: 15px;}}
#movie-list div.movie div.movie-times a, #printArea div.movie div.movie-times a, div.staticPage div.movie div.movie-times a, #wrapper div.movie div.movie-times a, #movie-list div.movie div.movie-times div.no-booking-link, #printArea div.movie div.movie-times div.no-booking-link, div.staticPage div.movie div.movie-times div.no-booking-link, #wrapper div.movie div.movie-times div.no-booking-link {width: 120px;
    text-align: center;}



/**SESSION KEYS**/
#session-keys {margin-top: -24px;}


/** CAROUSEL **/
/**SHOWHOME PAGE SLIDER ON MOB, SAME RATIO **/

@media screen and (max-width: 800px)
{header div.previews .preview img
{height:100%;}}


@media screen and (max-width: 800px)
{header div.previews .preview div.info div.caption-container div.caption-details h2
	{font-size:15px;}

}

@media screen and (max-width: 800px)
{header div.previews .preview div.info div.caption-container div.caption-link
{display:none;}}



@media screen and (max-width: 640px)
{header div.mobile-hide
{display:block;
padding-bottom:20px;}
header div.previews .preview div.info p
{display:none;}

}

/**HIDE HOMEPAGE CAROUSEL OVERLAY**/

header div.previews .preview div.info
{display: none;}

header div.previews .carousel-control
{top: 50%;}


/**LOCATION POP-UP**/
#cinemaSelector .selectCinema
{    border: solid 1px #c11c6c; color: #fff !important; background-color: #000;}


#cinemaSelector2 .selectCinema
{    border: solid 1px #c11c6c; color: #fff !important; background-color: #000;}