/* Global */
html {
  background-color: #ffffff;
  background-image: url('bg.jpg');
  background-position: 80% 20%;
  background-repeat: repeat-y;
  background-attachment: scroll;
  background-size: cover;
}

/* 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 {
	height: 240px;
	background-color: #000000;
	background-image: url('header.jpg');
	background-position: top center;
	background-repeat: repeat;
	background-attachment: scroll;
}

header#page_header nav#user_nav { background-color: transparent; color: #FFFFFF; text-shadow: none; font-weight: bold; z-index: 1; position: relative; top: 80px;}
header#page_header, header#page_header a {background-color: transparent; color: #FFFFFF !important; z-index: 1; position: relative;}
header#page_header nav#user_nav a {background-color: transparent; color: #FFFFFF; z-index: 1; position: relative;}
header#page_header nav#user_nav ul li:first-child {background-color: transparent; color: #FFFFFF; z-index: 1; position: relative;}

/* Hero (The logo) */
header#page_header a#logo {}
header#page_header #hero {}
header#page_header #hero a#logo { background: none; box-shadow: none; margin-top: 1em; position: relative; top: -39px; left: -450px;}
header#page_header #hero a#logo img {border: solid #B50F0F 19px;}

/* Main Content (The main box) */
#main_content {
  max-width: 900px;
  margin-bottom: 8em;
  margin-top: 3em;
  background-color: rgba(37,23,18,0.8);
  color: #d0bb99;
}
/* The Step whatever of whatever bar */
nav.breadcrumbs {
	background-color: rgba(37,23,18,0.8);
}

/* The Select from all available packages bar */
#main_content section#package_select { 
  background: none;
  color: #FFFFFF;
  font-style: normal !important;
  font-weight: normal !important;
  text-shadow: none !important;
  text-transform: uppercase !important;
  font-family: 'Alfa Slab One';
}

/* All available packages bar mods not working, had to pull this out */
form#choose_package label, form#choose_package fieldset.dark-button-select legend {
    text-transform: uppercase !important;
	font-weight: normal !important;
	text-shadow: none !important;
}

/* The 'Date & Time' header */
h1, h2, form fieldset.container legend {color: #B50F0F !important; text-shadow: none !important; font-family: 'Alfa Slab One'; font-weight: normal !important; text-shadow: none !important;}

/* The widget box header with the month and year in it */
#datepicker .ui-widget-header {
  color: #ffffff;
  border: 1px !important;
  background: #1C235A;
  background: -moz-linear-gradient(top, #0e1329 0%, #1c235a 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #0e1329), color-stop(100%, #1c235a));
  background: -webkit-linear-gradient(top, #0e1329 0%, #1c235a 100%);
  background: -o-linear-gradient(top, #0e1329 0%, #1c235a 100%);
  background: -ms-linear-gradient(top, #0e1329 0%, #1c235a 100%);
  background: linear-gradient(to bottom, #0e1329 0%, #1c235a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e1329', endColorstr='#1c235a', GradientType=0 );
}

/* The bar on the bottom of the main box */
#main_content footer.main-actions {background: transparent;}

/* The widget box date selected colors */
#date_time_select .ui-state-active {
    border: 1px solid #0056A2;
    background: #87CFE8;
    color: #0056A2;
}

/* 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 {
  color: #d0bb99 !important;
}

/* 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: #B50F0F !important;
	background-color: #FFFFFF;
	font-weight: bold;
}
#main_content ul.package-horizontal li.package section.event-summary {
	background-color: #DDDDDD !important;
}

/* The color of the hovered over package when selecting a package */
#featured_packages.PackageResults ul.package-horizontal li.package:hover {
    background-color: #EEEEEE;
}

/* Footer */
footer#page_footer {
	background-color: #2A221E;
}
#PrivacyPolicy a {
	color: #d0bb99;
}

/* Mobile and Small Screens*/
@media only screen and (min-width: 850px) and (max-width: 1170px) {
header#page_header a#logo {}
header#page_header #hero {}
header#page_header #hero a#logo { background: none; box-shadow: none; margin-top: 1em; position: relative; top: -39px; left: -280px;}
header#page_header #hero a#logo img {border: solid #B50F0F 19px;}

header#page_header nav#user_nav { background-color: transparent; color: #FFFFFF; text-shadow: none; font-weight: bold; z-index: 1; position: relative; top: 80px}
header#page_header, header#page_header a {background-color: transparent; color: #FFFFFF !important; z-index: 1; position: relative;}
header#page_header nav#user_nav a {background-color: transparent; color: #FFFFFF; z-index: 1; position: relative;}
header#page_header nav#user_nav ul li:first-child {background-color: transparent; color: #FFFFFF; z-index: 1; position: relative;}
}

@media only screen and (max-width: 849px) {
header#page_header a#logo {}
header#page_header #hero {}
header#page_header #hero a#logo { background: none; box-shadow: none; margin-top: 1em; position: relative; top: -39px; left: 0px;}
header#page_header #hero a#logo img {border: solid #B50F0F 19px;}

header#page_header nav#user_nav { background-color: transparent; color: #FFFFFF; text-shadow: none; font-weight: bold; z-index: 1; position: relative; top: 0px}
header#page_header, header#page_header a {background-color: transparent; color: #FFFFFF !important; z-index: 1; position: relative;}
header#page_header nav#user_nav a {background-color: transparent; color: #FFFFFF; z-index: 1; position: relative;}
header#page_header nav#user_nav ul li:first-child {background-color: transparent; color: #FFFFFF; z-index: 1; position: relative;}
}

/* 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: #B50F0F !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: #FFFFFF !important;
	color: #B50F0F !important;
}

/* Step 1 Select Different Package link - unvisited */
#main_content p#link_select_different_package a:link {
    color: #B50F0F !important;
}
/* Step 1 Select Different Package link - visited */
#main_content p#link_select_different_package a:visited {
    color: #B50F0F !important;
}

/* Step 5 when creating an account, the Home word color */
.emailWrapper .emailsel {
	color: #FFFFFF;
}

/* Step 5 When entering customer info in */
#main_content .ObmRequiredBullet, #main_content .ObmPrimaryBullet, #main_content .ObmPrimaryLabel, #main_content .ObmLabel, #main_content .ObmSeparator, #main_content .ObmField, #main_content .ObmFieldGroup, #main_content .ObmMessage {
	color: #FFFFFF !important;
}

/* Step 5 Name of person on account that you are adding people or organizations for */
i, cite, em, var, address, dfn {
	color: #FFFFFF !important;
}

/* Step 5 When in an account, colors of the stuff in info, people on account, and background of said things */
.table tbody:last-child tr:last-child td:last-child, table tbody:last-child tr:last-child td:last-child {
	color: #FFFFFF !important;
}

/* Step 5 When hovering over guests or organizations */
#SelectGuests.GohWrapper fieldset.container ul li:hover {
	background-color: #EEEEEE !important;
}

/* Step 7 Deposit due box */
.alert-success {
    color: #20267D;
    background-color: #D8F3FE;
    border-color: #20267D;
}

/* This prevents the form change from messing with the logins on other places*/
/* This is for the main login on Step 5 */
#login_form {
	color: #FFFFFF !important;
}

/* This makes the customer name, phone, email be white on the store page */
form#formCustomer {
	color: #FFFFFF !important;
}

/* This makes the links on the store page change color */
#store_top a:link, #store_top a:visited {
	color: #16B8D8 !important;
}

/* This changes the colors of the left hand side text on the payment forms */
form.payment_form {
	color: #000000 !important;
}

/* This changes the "Choose who will be on this waiver" color right before signing waiver */
form#formCustomerWaiver.selectParticipants {
	color: #FFFFFF !important;
}

/* Step 7 Color of the Money */
#CheckoutReview .order-summary #shoppingCartWrapper table.shopping_cart tr.totals td.money {
    color: #20267D;
}

/* Step 7 Order summary color */
#CheckoutReview fieldset.your-order {
	background-color: #251712;
}

/* Step 7 Order summary table colors */
#shoppingCartWrapper table.shopping_cart, #shoppingCartWrapper table.shopping_cart tr, #shoppingCartWrapper table.shopping_cart tr th, #shoppingCartWrapper table.shopping_cart tr td{
	background-color: #FFFFFF;
}

/* Step 7 Your Info box */
#CheckoutReview fieldset.your-info {
	background-color: #251712;
}

/* Step 7 Your Payment Information colors - I suggest making this match the Your Info colors above */
#CheckoutReview fieldset.your-info .payment-details {
	background-color: #EEEEEE;
}

/* This changes the colors of stuff in the shopping cart table */
table.results_table.shopping_cart {
	color: #000000 !important;
}

/* WAIVER - If you changed the main content color back on page 1, you better change these next 2 things or the waiver won't be readable */
form#formCustomerWaiver.previewWaiverText {
	color: #000000 !important;
}
form#formCustomerWaiver.previewWaiverText form {
	color: #000000 !important;
}

/*Hide Book event, online store buttons on waiver page*/
p.consumer_actions {display: none !important;}

/*password bold*/
td.ObmMessage.passwordnotes {background-color: rgba(255,255,255,0.50) !important;}

/* Removing the "Book an Event" and "Purchase from Store" buttons */
div.consumer_actions
{
display: none;
}

.rfLabel
{
	color: white !important;
}

/* Changes the color of the initials box */
div.canvas-container{
	background-color: #d3d3d3;
}