/***** >>> GENERAL <<< *****/
/*****BEGIN TRANSITIONS*****/
.activeVenue, .activeVenue .venueImage, .containerLogin {
	-webkit-transition: all .75s; /* Safari */
    transition: all .75s;
	-webkit-transition-timing-function: ease-in-out;
	-transition-timing-function: ease-in-out;
}
.fade-out {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	z-index: 1000;
}
/*****END TRANSITIONS*****/

html, body {
    max-width: 100%;
    overflow-x: hidden;
}
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #000;
	margin: 0 auto;
	text-align: center;
	background-color: #FFF;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	overflow-x: hidden;
}
.topZ { z-index: 1000; } 
.container-fluid {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
.container {
	flex: 1 0 auto;
	margin-bottom: 50px;
	width: 100%;
	max-width: 1170px;
}
.container > .row { margin: 0; }
.loadingContainer { position: fixed; top: 0; right: 0; bottom: 0; left: 0; }
.loading { text-align: center; position: absolute; top: 50px; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.9); z-index: 10000; }
.loading object { top: 20%; margin-left: auto; margin-right: auto; position: relative; max-width: 120px; width: 40%; }
.loadingMessage { font-style: italic; color: #ffffff; }
.containerLogin { position: relative; }
.login-main { position: relative; }
.selectAccount { position: absolute; top: 0; right: 15px; left: 15px; text-align: center;}
.mt-50 { margin-top: 100px; }
.nmt-0 { margin-top: 0; }
img { max-width: 100%; }
hr { margin: 15px 0; border-top: 1px solid #cccccc; }
.thin-line { border-top: 1px solid #CCC; }
.form-control { background-color: #f1f1f2; border: 0; }
.panel,.btn,.form-control,.input-group,.nav-tabs>li>a { border-radius: 0!important; }


/***** >>> FONTS <<< *****/

h1,h2,h3,h4,h5,h6,
th.fc-day-header,.btn,.panel-header,.nav-tabs {
	text-transform: uppercase;
}
.bold,.btn,.panel-header,.nav-link,.active,
h1,h2,h3,h4,h5,h6 {
	font-weight: 700;
}
.login .form-control {
	font-weight: 700;
}
h1 { font-size: 1.5em; color: #000; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; }
p { font-size: 1.2em; }
.noShow { display: none; }
.white,.btn { color: #FFF; }
.sky-blue { color: #7dcced; font-weight: 700; }


/***** >>> LINKS & HOVER <<< *****/

a { color: #f4211b; transition: all 0.5s; }
a:hover { color: #666; }
a:focus { color: #666; }
.submit:hover {
	background-color: #555;
	color: #FFF;
	box-shadow: 0 1px 1px #000;
}
.statusBar { text-align: right; }
.logout-button:hover,.login-proceed:hover {
	color: #fff;
	background-color: #ed443f;
	box-shadow: 0 1px 1px #000;
}
.invoice-button:hover {
	background-color: #fff;
	color: #ed443f;
	box-shadow: 0 1px 1px #000;
}
.btn {
	transition: all 0.5s;
}
.nav-link {
	opacity: 0.8;
}
.active {
	opacity: 1;
}


/***** LOGIN SCREEN ******/

.background-image {
	background: 
		linear-gradient(#000, transparent 55%),
		linear-gradient(0deg, #000, transparent 75%),
		url('../img/background.jpg')
		no-repeat center;
		background-size: cover;
	background-color: #000;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.logo {
	margin-top: 50px;
	margin-bottom: 50px;
	text-align: center;
	width: 100%;
}
.logo img {
	max-width: 500px;
}
.login {
	border: 0;
	max-width: 500px;
	background-color: #ceced1;
	transition: all 0.5s;
}
.login p {
	color: #333;
}
.panel-header {
	background-color: #c71d19;
	font-size: 1.5em;
	padding: 10px;
}
.panel-lead {
	background-color: #ed443f;
	font-size: 1.2em;
	padding: 10px 20px;
}
.login-button {
	background-color: #FFF;
	color: #c71d19;
	border: 1px solid #ed443f;
	padding: 10px 25px;
	float: right;
}
.login-option p {
	text-align: left;
	margin-bottom:  0;
}
.login-option {
	background-color: #FFF;
	padding: 15px 0;
	margin: 0 0 15px;
}
.login .form-control {
	margin-bottom: 15px;
}
.sign-in {
	padding: 25px;
}
#secureLogin {
	margin-bottom: 15px;
}
.submit {
	background-color: #414042;
}


/***** >>> HEADER <<< *****/

header {
	margin: 80px 0 5px;
	width: 100%;
	max-width: 1170px;
}
header img {
	max-height: 70px;
}
.navbar-inverse img {
	max-width: 200px;
	border-left: 1px solid white;
	padding-left: 10px;
	margin-left: 10px;
}
.navbar-inverse {
	padding: 15px;
}


/***** MAIN PAGE *****/

.venue-gallery {
	padding: 10px;
}
.venues {
	margin: 0;
	padding: 0;
	border: 5px solid #FFF;
	overflow: hidden; 
	background: #696969; 
	position: relative;
}
.venueSubContainer {
	display: block;
	width: 100%;
	height: 0;
	padding: 76% 0 0 0;
	overflow: hidden;
}
.venues a {
	color: #FFF;
}
.venues img {
	-webkit-filter: grayscale(90%); /* Safari 6.0 - 9.0 */
    filter: grayscale(90%);
	position: absolute; top: 0; left: 0;
}
.activeVenue img {
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}
.activeVenue:hover { background: #f4211b; border: 5px solid #f4211b; }
.activeVenue:hover .venueImage {
	transform: scale(1.1);
}
.title-overlay h3 { font-weight: 300; }
.title-overlay {
	color: #FFF;
	background: #000;
	background: rgba(255,255,255,0.35);
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	top: 50%;
	left: 50%;
  	-ms-transform: translate(-50%, -50%);
  	-moz-transform: translate(-50%, -50%);
  	-webkit-transform: translate(-50%, -50%);
  	-o-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);
  	text-shadow: 2px 2px #000;
  	letter-spacing: 1px;
  	transition: all 0.5s;
}
.active .title-overlay {
	background: rgba(0,0,0,0.7);
}
a .title-overlay {
	background: rgba(0,0,0,0.3);;
}
a .title-overlay:hover {
	background: rgba(0,0,0,0);
}


/***** EVENTS *****/

#events {
	margin-bottom: 50px;
}
.event-logo {
	position: absolute;
	left:15px;
}
}
.statusBar {
	float: right;
}
.invoice-button {
	background-color: #f4211b;
	margin: 20px 0 10px 0;
	display: block;
	float: right;
	clear: both;
}
.logout-button {
	background-color: #FFF;
	color: #f4211b;
	border: 1px solid #f4211b;
	margin-left: 10px;
}
.statusBar button {
	padding: 4px 15px;
}
.nav-link {
	background: #f1f2f2;
	color: #f4211b;
}
.active {
	background: #f4211b;
	color: #FFF;
}
.nav-tabs {
	margin-bottom: 1px;
	border-bottom: 0;
}
#events .eventLogo {
	max-width: 125px;
	float: left;
	margin-right: 15px;
}
.doc-link{
	display: block;
	text-align: right;
	margin-bottom: 5px;
}
#events h3 {
	margin-top: 0;
	text-transform: none;
	color: #f4211b;
}
.input-group-addon {
	text-transform: uppercase;
	font-weight: 700;
}
.doc-link .fa-fw {
	font-size: 1.25em;
}

#events .nav>li>a.active, #events .nav>li>a.active { background: #f4211b; color: #ffffff; }
.individualEvent { padding-bottom: 15px; margin: 15px 0; border-bottom: 1px solid #CCC; display: block; cursor: pointer;}
.individualEvent > div:first-child { padding-left: 0; }
.individualEvent > div:last-child { padding-right: 0; }

/***** ORDERS *****/
.individualOrders { padding-bottom: 15px; margin: 15px 10px; border-bottom: 1px solid #CCC; display: block; cursor: default; text-align: left;}
.individualOrders > div:first-child { padding-left: 0; }
.individualOrders > div:last-child { padding-right: 0; }

.orderModBS {
	z-index: 999 !important;
}
.modal-backdrop {
	z-index: 998 !important;
}
.modal-dialog {
	margin: 120px auto !important;
}
.modal-title {
	font-size: 20px !important;
	padding-bottom: 10px;
	font-weight: 300;
}
.modal-header {
	text-align: left;
	margin-left: 10px;
}
.orderBtn {
	background-color: #f4211b !important;
	color: #fff !important;
	border-color: #f4211b !important;
}
.orderBtn:hover {
	border-color: #eee #eee #ddd !important;
}

/***** >>> CALENDAR <<< *****/

#calendar {
	color: #444;
}
.fc-today-button {
	display: none;
}
.fc-day-grid-event .fc-content { white-space: normal; }
.fc-ltr .fc-h-event.fc-not-start, .fc-rtl .fc-h-event.fc-not-end,
.fc-ltr .fc-h-event.fc-not-end, .fc-rtl .fc-h-event.fc-not-start { border-radius: 0; margin: 0; padding: 0; }
.fc-toolbar button {
	color: #f4211b;
	font-size: 1.4em;
	background: #FFF;
	border: 0;
	box-shadow: none;
	float: left;
}
.fc-right h2 {
	font-size: 2em;
	text-transform: none;
	color: #333;
	margin-left: 5px;
}
.fc-button {
	padding: 0;
	bottom: -5px;
}
.fc-day-number {
	font-weight: 800;
	font-size: 1.5em;
}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
	float: left;
	padding-left: 10px;
}
.fc td {
	background-color: #f1f1f2;
}
.fc-unthemed td.fc-today {
	background-color: #DDD;
}
.fc-content {
	background-color: #f4211b;
	padding: 5px;
}
.fc-event {
	border: 0;
}
.fc-day-grid-event .fc-content {
	white-space: initial;
}
td.fc-other-month {
	background-color: #f8f8f8;
}
th.fc-day-header {
	background-color: #FFF;
	font-weight: 400;
	padding: 10px;
}
.fc td, .fc th {
	border: 0;
}
a.fc-day-grid-event {
	background: initial;
	border-radius: 0;
	padding: 0;
	cursor: pointer;
	border: 1px solid #000000;
}
a .fc-content:hover {
	background: #ed443f ;
}
.fc-day-grid-event .fc-content { 
	white-space: normal !important; 
	max-height: 28px !important;
}
.fc-basic-view .fc-body .fc-row { 
	height: auto !important;
	min-height: 140px !important;
	
}
.fc-view-container .fc-day-grid-container { 
	height: auto !important;
	overflow: auto !important;
}




/***** >>> FOOTER <<< *****/

footer {
	width: 100%;
	background-color: #000;
	background-color:rgba(0, 0, 0, 0.7);
	padding: 25px 10px 15px;
}
footer p {
	max-width: 750px;
	font-style: italic;
	font-size: 1em;
	color: #ffffff;
}