/* Mobile */
@media only screen and (max-width: 640px) {}

/* Global */
html {
  background-color: #ffffff;
  background-image: url('bg2.jpg');
  background-size: fill;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-attachment: fixed;
}
/* This is where you can put in a specific font if you want to make it global */
body { 
  font-family: Helvetica, sans-serif !important;
}

/* Header (This is that bar on the very top) */
header#page_header #header_bg { 
	background-color: transparent;
}
header#page_header nav#user_nav { 
	background-color: transparent; 
	color: #000000;
	font-size: 1.3em;
	text-shadow: none;
	margin-top: 4em;
}
header#page_header, header#page_header a {
	background-color: rgba(113, 124, 131, .8);
	top: -6em;
}
header#page_header nav#user_nav a { color: #000000 !important;}
header#page_header nav#user_nav ul li:first-child {}

/* Hero (The logo) */
header#page_header a#logo {}
header#page_header #hero {
	}
header#page_header #hero a#logo {
	background: none; 
	box-shadow: none; 
	}
header#page_header #hero a#logo img { }

/* Main Content (The main box) */
#main_content {
  max-width: 900px;
  margin-bottom: 6em;
  background-color: #ffffff;
  color: #000000;
  margin-top: -5.5em;
}
/* The Step whatever of whatever bar */
nav.breadcrumbs { 
  background-color: #00A6E2;
}

/* The Select from all available packages bar */
#main_content section#package_select { 
  background-color: #FFBB0E;
  color: #ffffff;
  font-style: normal !important;
}
/* The widget box header with the month and year in it */
#datepicker .ui-widget-header {
	background-image: none;
	border: none;
	background-color: #00A6E2;
	color: #ffffff;
}

/* The bar on the bottom of the main box */
#main_content footer.main-actions {
	background-color: transparent;
}

/* The 'Date & Time' header */
h1, h2, form fieldset.container legend { }

/* Footer */
footer#page_footer {}
#PrivacyPolicy a {}

/* Buttons */
button.btn-success, input[type="button"].btn-success, input[type="submit"].btn-success, input[type="reset"].btn-success, .btn.btn-success, .table tbody tr td.is-actions a.btn-success, table tbody tr td.is-actions a.btn-success, form fieldset.dark-button-select input[type='radio']+label.btn-success, form fieldset.dark-button-select input[type='radio']+legend.btn-success, #main_content fieldset.time-picker input[type='radio']+label.btn-success, #main_content fieldset.time-picker form fieldset.dark-button-select input[type='radio']+legend.btn-success, form fieldset.dark-button-select #main_content fieldset.time-picker input[type='radio']+legend.btn-success, #main_content form#guest_form fieldset input[type='radio']+label.btn-success, #main_content form#guest_form fieldset.dark-button-select input[type='radio']+legend.btn-success, body.authentication a#account_create {
}

button.btn-success:hover, button.btn-success:active, button.btn-success.active, input[type="button"].btn-success:hover, input[type="button"].btn-success:active, input[type="button"].btn-success.active, input[type="submit"].btn-success:hover, input[type="submit"].btn-success:active, input[type="submit"].btn-success.active, input[type="reset"].btn-success:hover, input[type="reset"].btn-success:active, input[type="reset"].btn-success.active, .btn.btn-success:hover, .table tbody tr td.is-actions a.btn-success:hover, table tbody tr td.is-actions a.btn-success:hover, form fieldset.dark-button-select input[type='radio']+label.btn-success:hover, form fieldset.dark-button-select input[type='radio']+legend.btn-success:hover, #main_content fieldset.time-picker input[type='radio']+label.btn-success:hover, #main_content fieldset.time-picker form fieldset.dark-button-select input[type='radio']+legend.btn-success:hover, form fieldset.dark-button-select #main_content fieldset.time-picker input[type='radio']+legend.btn-success:hover, #main_content form#guest_form fieldset input[type='radio']+label.btn-success:hover, #main_content form#guest_form fieldset.dark-button-select input[type='radio']+legend.btn-success:hover, body.authentication a#account_create:hover, .btn.btn-success:active, .table tbody tr td.is-actions a.btn-success:active, table tbody tr td.is-actions a.btn-success:active, form fieldset.dark-button-select input[type='radio']+label.btn-success:active, form fieldset.dark-button-select input[type='radio']+legend.btn-success:active, #main_content fieldset.time-picker input[type='radio']+label.btn-success:active, #main_content fieldset.time-picker form fieldset.dark-button-select input[type='radio']+legend.btn-success:active, form fieldset.dark-button-select #main_content fieldset.time-picker input[type='radio']+legend.btn-success:active, #main_content form#guest_form fieldset input[type='radio']+label.btn-success:active, #main_content form#guest_form fieldset.dark-button-select input[type='radio']+legend.btn-success:active, body.authentication a#account_create:active, .btn.btn-success.active, .table tbody tr td.is-actions a.btn-success.active, table tbody tr td.is-actions a.btn-success.active, form fieldset.dark-button-select input[type='radio']+label.btn-success.active, form fieldset.dark-button-select input[type='radio']+legend.btn-success.active, #main_content fieldset.time-picker input[type='radio']+label.btn-success.active, #main_content fieldset.time-picker form fieldset.dark-button-select input[type='radio']+legend.btn-success.active, form fieldset.dark-button-select #main_content fieldset.time-picker input[type='radio']+legend.btn-success.active, #main_content form#guest_form fieldset input[type='radio']+label.btn-success.active, #main_content form#guest_form fieldset.dark-button-select input[type='radio']+legend.btn-success.active, body.authentication a.active#account_create {
}

/* Remove "Book an event" button from their waivers because it is awful and gets people stuck and why do we still use this? It only complicates things and makes them worse for our customers */
#main_content > p > input { display: none;}