/* Global */
html {
  background-color: #FFFFFF;
  background-image: url('bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  position: relative;
}

/* This is where you can put in a specific font if you want to make it global */
body {
}

/* Header (This is that bar on the very top) */
header#page_header #header_bg {
    background: none;
	height: 150px;
}

/* Header */
header#page_header #header_bg
{
background: transparent;

}
header#page_header nav#user_nav
{
margin-right: -10em;
}

/* Hero (The logo) */
header#page_header a#logo {}
header#page_header #hero {}
header#page_header #hero a#logo {
	background: none;
	box-shadow: none;
	position: relative;
	margin-top: -4em;
}
header#page_header #hero a#logo img {}

/* Main Content (The main box) */
#main_content {
  max-width: 900px;
  margin-bottom: 12em;
  margin-top: 5em;
  background-color: #e0ffdb;
  color: #000000;
}

/* Margin fix for party images */
#main_content ul.package-horizontal li.package div.images {
	padding-right: 0em !important;
}

/* Fixing upsell image slash confirm party image margin */
#main_content li.package>div.images>img {
	padding-right: 5px !important;
}

/* The Step whatever of whatever bar */
nav.breadcrumbs { 
  background-color: #ba6fbb;
  color: #FFFFFF;
  text-shadow: none;
}

/* The Select from all available packages bar */
#main_content section#package_select {
  color: #FFFFFF;
  background-color: #2fbcda;
  font-style: normal !important;
}

/* Use this if you are trying to change the weight of the font on Select from all available packages bar */
form label, form fieldset.dark-button-select legend {
}

/* The 'Date & Time' header and the other h1 and h2 headers */
h1, h2, form fieldset.container legend {

}

/* The widget box header with the month and year in it */
#datepicker .ui-widget-header {
	background-image: none;
	border: solid 1px #4D4D4D;
	background-color: #ba6fbb;
	color: #FFFFFF;
}

/*Weekday Text and colors*/
.table thead th, table thead th, .table tfoot th, table tfoot th {
    background-color: #ffff99;
    color: #000;
    font-size: 9px;
    padding: 0 5px;
    text-transform: uppercase;
    vertical-align: bottom;
}

/* The widget box calendar colors */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	color: #000;
}

/* The widget box date selected colors */
#date_time_select .ui-state-active {
    border: solid 1px #4D4D4D;
    background: #f64893;
    color: #FFFFFF;
}

/* The color of the time and time zone selected message in the main box */
#main_content fieldset.time-picker legend span, #main_content form#guest_form fieldset legend span {
	font-style: normal;
	font-weight: bold;
}

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

/* Change the color of the date and time header once the package has been selected */
#featured_packages.PackageResults h1 span big {
	
}

/* The background and border color of a package when the package has been selected on select time page */
#main_content #featured_packages ul.package-horizontal li.package.selected {
    border-color: #74D1D4 !important;
}

/* Footer */
footer#page_footer {
  color: #000;
  text-shadow: none;
  background-image: url('footer.png');
  background-color: #edfcff;
  height: 100px;
  background-position: center;
}

/* Adjust location of text in footer - use relative position and margins */
footer#page_footer p {
	
}

/* Adjust location of System Powered By text in footer - use relative position and margins */
footer#page_footer p.powered-by {

}

#PrivacyPolicy a {
  color: #777777;
}

/* Mobile */
@media only screen and (max-width: 1024px) and (min-width: 900px) {
header#page_header nav#user_nav {background-color: transparent; color: #000000; text-shadow: none; font-weight: bold; position: relative; right: -140px}
header#page_header, header#page_header a {background-color: transparent; color: #000000 !important; position: relative;}
header#page_header nav#user_nav a {background-color: transparent; color: #000000; position: relative;}
header#page_header nav#user_nav ul li:first-child {background-color: transparent; color: #000000; position: relative;}
}

@media only screen and (max-width: 899px) and (min-width: 641px) {
header#page_header nav#user_nav {background-color: transparent; color: #000000; text-shadow: none; font-weight: bold; position: relative; right: 12em}
header#page_header, header#page_header a {background-color: transparent; color: #000000 !important; position: relative;}
header#page_header nav#user_nav a {background-color: transparent; color: #000000; position: relative;}
header#page_header nav#user_nav ul li:first-child {background-color: transparent; color: #000000; position: relative;}
header#page_header #hero a#logo {box-shadow: none; margin-top: -3em;}
}

@media only screen and (max-width: 640px) {
html {
  background-color: #FFFFFF;
}
	
header#page_header nav#user_nav {background-color: transparent; color: #FFFFFF; text-shadow: none; font-weight: bold; position: relative; margin-right: 0em;}
header#page_header, header#page_header a {background-color: transparent; color: #FFFFFF !important; position: relative;}
header#page_header nav#user_nav a {background-color: transparent; color: #FFFFFF; position: relative;}
header#page_header nav#user_nav ul li:first-child {background-color: transparent; color: #FFFFFF; position: relative;}
header#page_header a#logo {}
header#page_header #hero {}
header#page_header #hero a#logo {box-shadow: none; margin-top: -2em;}
header#page_header #hero a#logo img {}
}

/* 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 {
	background-image: none !important;
	background-color: #f64894 !important;
	border: 1px solid;
	border-radius: 16px;
	color: #FFFFFF !important;
	font-weight: bold !important;
	text-shadow: none !important;
}

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 {
	background-image: none !important;
	background-color: #ba6fbb !important;
	transition: .3s;
	border: 1px solid;
	border-radius: 16px;
	color: #fff !important;
	font-weight: bold !important;
	text-shadow: none !important;
}

/* The color of the Confirm Package message at the bottom of Step 2 */
#ConfirmUpsell_footnote {
	color: #666666;
}

/*Hide Book event, online store buttons on waiver page*/
p.consumer_actions {display: none !important;}