@import url('blueprint/screen.css');

body { 
	background-color: white; 
	color: rgba(0, 0, 0, .7); 
	padding: 0;
	margin: 0;
	font-size: 1em;
}

h1, h2, h3, h4, h5 {
	color: rgba(0, 0, 0, 1.0); 
	font-family: 'Archivo Black', sans-serif;
}

input {
	font-size: 24px;
	padding: 6px;
	display: inline;

	border-radius: 6px;
	border: none;
	border-color: #a8a8a8;
	padding: 9px 12px;
}

input.submit {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	
	font-weight: bold;
	background: #cccccc;
	color: black;
}

input.submit:hover {
	background-color: #dddddd;
	border-color: #a8a8a8;
	cursor: pointer;
}

#subscribe input[type=text] {
	width: 100%;
}


a, a:link {
	color: #43b1dc;
	text-decoration: none;
	border-bottom: 1px solid #43b1dc;
}

a:visited, a:hover {
	color: #2d7491;
	border-bottom: 1px solid #2d7491;
}

a:hover {
	border: none;
}

#page a:has(img) {
	border: none;
}


h2 {
	text-transform: uppercase;
/*
	color: #3400BF;
	color: #7F0613;
*/
}

address {
	font-style: normal;
}

h3 {
	margin-top: .5em;
}

#well-hello {
	display: inline-block;
	text-align: center;
	margin: 50px 8% 0 8%;
	padding: 25px 0 0 0;
	height: 70vh;
	width: 84%;
	background: url("../images/new-logo-cinema.png") center center no-repeat; 
	background-size: contain;
}

#well-hello img {
	width: 70%;
	height: auto;
}

#navigation {
	background: white;
	padding: 25px 0 25px 0;
	margin: 0;
}

#navigation .container {
	width: 100%;
}

#navigation a {
	text-decoration: none;
	color: black;
	text-transform: uppercase;
	font-weight: bold;
	color: #7F0613;
	color: black;
	font-size: 1.2em;
	border: none;
}

#navigation a:hover {
	color: #43b1dc;
}

#navigation ul {
	margin: 0;
	padding: 0;
}
 
#navigation ul li {
	text-decoration: none;
	display: block;
/* 	width: 16%; */
	width: 20%;
	float: left;
	text-align: center;
	margin: 0;
	padding: 0;
}

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 1000;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + #header {
  padding-top: 74px;
}

#secondary-navigation {
	margin: 0;
	padding: 12px 0 0 12px;
	height: 125px;
	padding-left: 12px;
	background: white;
	min-width: 900px;
}

#secondary-navigation #logo img {
	width: 90px;
	height: auto;
}

#logo {
	margin-right: 16px;
}

#logo a {
	border: none;
}

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.secondary-sticky {
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 1000;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.secondary-sticky + #main {
  padding-top: 135px;
}

.secondary-sticky + #header {
  padding-top: 135px;
}

#header {
	padding: 0;
	position: relative;
	background-color: black;
	color: white;
	font-size: 1.5em;
	overflow: hidden;
	height: 400px;
}

#header .background {
	background: url('../images/Keefe-2_14.jpg') no-repeat;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	opacity: .85;
	width: 100%;
	min-width: 900px;	
	height: 700px;
}

#header .content {
	position: relative;
	z-index: 100;
}

#header h1 {
	color: white;
	font-family: 'Archivo Black', sans-serif;
	text-shadow: 1px 1px 3px #656565;
}

#header .caption {
	padding: 350px 0 0 0;
	opacity: .65;
}

#slideshow .container {
	width: 100%;
	min-width: 600px;
}

#slideshow .content div {
	max-height: 700px;
	overflow: hidden;	
}

#slideshow img {
	margin-top: -10%;
	width: 100%;
	height: auto;
}

#slideshow p {
	position: absolute;
	bottom: -24px;
	width: 80%;
	width: 100vw;
	background: black;
	color: white;
	padding: 12px 0 0 0;
	text-indent: 24px;
	height: 38px;
	font-size: .8em;
}

#slideshow .slick-prev,
#slideshow .slick-next {
	display: none !important;
}

#map iframe {
	width: 100%;
}

button, input[type=submit] {
	border: 1px solid #e51075;
	background-color: #e51075;
	/*
	background-color: #d50f6d;
	border-color: #d50f6d;
	*/
	height: 3rem;
	padding: 3px 1.25rem;
	font-size: 1.2rem;
	font-weight: bold;
	color: white;
	border-radius: 2px;
}

button:hover, input[type=submit]:hover {
	background-color: #d50f6d;
	border-color: #d50f6d;
	cursor: pointer;
}

#indiegogo #graph {
	display: block;
	background: #ddd;
	width: 100%;
	height: 20px;	
	margin-bottom: 0;
	clear: both;
}

#indiegogo #bar {
	background: #34ca96;
	width: 5%;
	height: 20px;		
}

#indiegogo button {
	border: 1px solid #e51075;
	background-color: #e51075;
	/*
	background-color: #d50f6d;
	border-color: #d50f6d;
	*/
	height: 3rem;
	padding: 3px 1.25rem;
	font-size: 1.2rem;
	font-weight: bold;
	color: white;
	border-radius: 2px;
}

#indiegogo button:hover {
	background-color: #d50f6d;
	border-color: #d50f6d;
	cursor: pointer;
}

#indiegogo #contributed {
	float: left;
	width: 40%;
	height: 24px;
	margin: 0;
	line-height: 1.5em;
	white-space: nowrap;
}

#indiegogo #contributed strong {
	font-size: 2rem;
}

#indiegogo #our-goal {
	float: right;
	width: 40%;
	text-align: right;
	margin: 0;
	line-height: 1.5em;
}

#indiegogo #our-goal strong {
	font-size: 1.4rem;
}

#indiegogo #days {
	margin-top: 0;
	margin-bottom: 0;
}

.section-marker {
	width: 60px;
	height: auto;
}

.left {
	float: left;
	margin: 0 24px 24px 0;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}

.description {
	min-width: 384px;
}

.space {
	margin: 24px 0;
	display: block;
	float: none;
}

.container {
	width: 90%;
}

.span-12 {
	width: 55%;
	min-width: 450px;
}

.span-12.append-1 {
	padding-right: 5%;
}

#home .span-8,
#page .span-8 {
	width: 33%;
	min-width: 310px;
}

#home .span-12 img,
#page .span-12 img,
#page .span-20 img,
#expanded-cinema .span-12 img {
	width: 95%;
	height: auto;
}

#shop .span-12 {
	width: 65%;
}

/* Lightbox 2 Overrides */

#lightbox{	
	z-index: 1001 !important;
}

#overlay {	
	z-index: 1000 !important;
}

#lightbox a,
#gallery a {
	border-bottom: none;
}

#gallery img {
	width: 140px;
	height: auto;
}

#rentals #gallery img {
	width: 280px;
	height: auto;
	padding: 0 6px 6px 0;
}