/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
	padding: 30px 15px 0;
}

a, 
a:active, 
a:link,    
a:visited { color: black; text-decoration: none; cursor: pointer;}
a:hover   { color: #cc0000; text-decoration: none; cursor: pointer;}

code {
	font-size: 80%;
}


header {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d8d8fe+0,ffffff+60 */
background: #d8d8fe; /* Old browsers */
background: -moz-linear-gradient(top, #d8d8fe 0%, #ffffff 60%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #d8d8fe 0%,#ffffff 60%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d8d8fe 0%,#ffffff 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8fe', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}


h1 {
	border-bottom: 1px solid #e3e3e3;
}

h1 { 
	font-size: 2em;
}

h2 { 
	font-size: 1.4em;
}

h4 {
	font-size: 1em;
	margin-bottom: 0;
}

input[name="bill_address_postal_code"]
, input[name="postal_code"]
, input[name="ship_address_postal_code"] { 
	/*text-transform: uppercase;*/
} 

label { 
	margin-top: 8px;
	font-weight: bold;
}

.red-text { 
	color: #cc0000!important;
}

.expires-bar { 
	background-color: #cc0000!important;
	color: white;
}


.expires-bar a, 
.expires-bar a:active, 
.expires-bar a:link,    
.expires-bar a:visited { color: white!important; font-size: 1.4em; font-weight: bold;}
.expires-bar a:hover   { color: white!important; font-size: 1.4em; font-weight: bold;}

.alert:empty{
    display:none;
}

.booked { 
	color: red !important;
}

.btn-danger { color: white !important; text-decoration: none; cursor: pointer;}


.btn-primary {
    color: black;
    background-color: #d8d8fe;
    border-color: #d8d8fe;
}

.btn-primary:hover {
    color: white !important;
    background-color: #Cc0000;
    border-color: #cc0000;
}

.btn-secondary {
    color: white !important;
}

.btn-disabled {
    color: black;
    background-color: #e3e3e3!important;
    border-color: #e3e3e3!important;
}

.btn-disabled:hover {
    color: black !important;
    background-color: #e3e3e3!important;
    border-color: #e3e3e3!important;
}

.callout-text {
	margin-top: 1em;
	color: black;
	font-weight: bold;
	font-style: italic;
}

.card { 
	margin-bottom: 1em;
}

.card-body .row { 
	/*margin-bottom: 1em;*/
}
.card-header, .table-header {
	background-color: #d8d8fe !important;
	font-size: 1.4em;
	font-weight: bold;
}


.error { 
	color: #cc0000;
}

.extra-large-text { 
	font-size: 5em;
}

.form-group .form-control { 
	/*margin-bottom: 1em;*/
}

#iform .row { 
	margin-bottom: 1em;
}

.input-group input[type="number"] { 
	border-left: 1px solid white;
}

.input-group-text { 
	background: white!important;
	border-right: 1px solid white;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 60px;
	line-height: 60px; /* Vertically center the text there */
	background-color: #d8d8fe;
}

.footer > .container {
	padding-right: 15px;
	padding-left: 15px;
}

.href, .switchimg { 
	cursor: pointer;
}

.input-group-text {
	/* height: 1rem; */
	/*padding-top: 0; */
}

.lg-text { 
	font-size: 3em;
}


.modal-dialog {
    -webkit-transform: translate(0,-25%);
    -o-transform: translate(0,-25%);
    transform: translate(0,-25%);
    top: 25%;
    margin: 0 auto;
}

.modal-header { 
	background-color: #d8d8fe !important;
}

.navigation, .navbar { 
	background-color: #d8d8fe !important;
	padding-top: 1em;
	padding-bottom: 1em;
}

.processing-modal-lg .modal-dialog{
    display: table;
    position: relative;
    margin: 0 auto;
    top: calc(50% - 24px);
}
  
.processing-modal-lg .modal-dialog .modal-content{
    background-color: transparent;
    border: none;
}

.small-text { 
	font-size: .8em !important;
}


.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: url('/_images/loader.png') 50% 50% no-repeat rgb(102,102,108);
    opacity: .8;
}

#faqs .card-body { 
	border: 1px solid #e3e3e3;
	border-radius: 4px;
} 

#faqs .card-header,
#faqs .card-header .btn-link 
{ 
	color: black;
	font-size: 1em;
	text-transform: uppercase;
	text-decoration: none;
}


input.error::-webkit-input-placeholder {
    color: #cc0000;
}

/* Firefox < 19 */
input.error:-moz-placeholder {
    color: #cc0000;
}

/* Firefox > 19 */
input.error::-moz-placeholder {
    color: #cc0000;
}

/* Internet Explorer 10 */
input.error:-ms-input-placeholder {
    color: #cc0000;
}

@media (min-width:600px)  { 
	.showlist img { width: 150px; }
}
.alert-info p { 
	margin: 1em;
}

.about-btn {
 	white-space: normal;
    text-align: left;
}