/** Page Format and Text **/
body {background: #222;}

.container-fluid {padding:0;}

.black-text-box {
	background: rgba(0,0,0,0.6);
	border-radius:2px;
	border: 1px solid #000;
	box-shadow: 0 0 5px 2px #000;
	color: #fff;
	margin:50px auto;
	padding:50px;
}
.white-box {
	background: #fff;
	border-radius:2px;
	border: 1px solid #000;
	box-shadow: 0 0 5px 2px #000;	
	color: #000;
}
main h1 {margin-bottom:25px;margin-top:0;}
.padder {padding:50px;}

.pdf {height:1100px;width:100%;}

img.eventbrite {background: #f6682F;border-radius: 2px; box-shadow: 0 0 5px 2px #999; max-width:200px;}

/** Header **/

.jumbotron {
	background: url('./images/7200_source_1429836676.jpg')!important;
	background-size: 200px!important;
	height: 300px;
	margin-top: -50px;
	margin-bottom: 0;
	width: 100%;
	border-bottom: 2px solid #000;
}

.navbar {margin-bottom:0;border-radius:0;background: rgba(81,6,11, 0.7);color:#fff;box-shadow: 0 0 5px 2px #000;}
.navbar a {color:#fff!important;font-size:16px;font-weight:bold;}

.logo img {margin-top:25px;border-radius:2px;border:1px solid black;box-shadow: 0 0 5px 2px #000;}

.loggedIn p{margin-top:15px!important;}

/** Content **/

main {background: url('./images/red-curtains-bg.png');background-size:100vw 100vh;background-attachment:fixed;}

.featured {
	margin-left:-15px;
	margin-right:-15px;
	margin-bottom: 25px;
	padding:100px;
}
.featured img {box-shadow: 0 0 5px 2px #999;border-radius:3px;}

.sched{
	max-width:400px;
	padding-bottom: 25px;
}
.sched-movie {margin-right: 25px;}
.sched-event {margin-left: 25px;}

.submit {margin-top: 25px;}
.visible {
	visibility: visible!important;
}
.loading {margin-left: 15px;visibility:hidden;} 
.loading img {max-width:35px!important;}

.form-control {margin-bottom:20px;}
.schedMovieAndEvent label {width:100%;text-align:left;}

#loginForm {margin-left:45px;}
#loginForm .btn {margin-top:-20px;}

.viewSchedMovie {padding:50px;}
.viewSchedMovie h2 {margin: 0!important;font-size: 32px;font-weight:bold;}
.viewSchedMovie img.poster {border: 5px solid #fff;box-shadow: 0 0 5px 2px #999;border-radius:2px;margin-bottom:15px;}

.movieInfoHeader {border-bottom: 1px solid #ccc;padding-bottom:25px;margin-bottom:50px;}
.movieInfoHeader .headerItemLeft {display:inline-block;float:left;}
.movieInfoHeader .headerItemRight {display: inline-block; float: right; font-size: 20px; font-weight: bold;} 
.length {float:none;}


.movieWrap {
	padding:15px;
	margin-bottom:50px;
}
.movie {
	border: 1px solid #fff;
	box-shadow: 0 0 5px 2px #999;
	border-radius: 2px;
	padding: 5px;
}
.movie img {
	max-height:330px!important;
}

.gallery img{
	margin-bottom:30px;
	box-shadow: 0 0 5px 2px #999;
	border: 2px solid #fff;
	cursor: pointer;
}


.contact {text-align:center;}
.contact img {max-height:50px;}

.edit-items p{margin-bottom:0!important;}
.edit-item h2, .edit-item {float:left!important;}
.edit-h2 {float:left!important;margin-left:5px;}
.edit-items .btn {margin-bottom: 10px;}
.edit-date {border: 1px solid #999;}

.register input{color:#000;}

/** Footer **/

footer {
	background: #222;
	color: #fff;
	padding:25px;
}

@media (max-width: 768px) {
	.jumbotron{
		margin-top:0;
		padding-left:10px;
		padding-right:10px;
	}
	.navbar {
		background: #782020;
	}
	.nav {
    margin: 0 auto;
    display: table;
    table-layout: auto;
    float: none;
    width: 100%;
  }
	.nav>li {
    display: table-cell;
    float: left;
    text-align: center;
		width: 100%;
		border-bottom:1px solid #9a9a9a;
  }
  .navbar-toggle {margin-right:25px;}
  
  .black-text-box {padding:25px;}
  .white-box {padding:15px;}
  
  .about h2 {font-size:25px;text-align:center;}
  
  .gallery {padding:10px;}
}