﻿body, body.custom-background {
    background-color: #222;
    background-image: url('http://hoosier.myprojectstatus.com/wp-content/uploads/2012/10/photodune-2407289-road-l-alt1.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}
.header-wrapper { height: 100px; }
.header-wrapper .logo { height: 125px; width:156px; }
.callout { position:relative; width: 560px!important; } 
.topHeader { background:url(/wp-content/themes/marvel/images/header.jpg) no-repeat 0 0 #FFFFFF; color:#FFFFFF; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight:bold; height: 430px; padding:0 15px; position:relative; }
.topHeader h2 { color:#FFFFFF; float:left; font-size:70px; line-height: 55px; margin-top:15px; text-shadow:1px 1px 1px #383B3F; text-transform:uppercase; width:55%; }
.topHeader h2 small { font-size:30px; }
.topHeader p { font-size:15px; font-weight:bold; float: left; line-height: 25px; margin-top: 20px; }
.topHeader p .yellow { color: #feda34; }
.topHeader .phone { position:absolute; right:0; margin-top: 0; text-align:right; top:40px; }
.topHeader .phone span.yellow { color: #feda34; font-size:20px; }
.topHeader .phone span { color:#FFFFFF; font-size:12px; }

div.wpb_call_to_action .youtubeVideo { float:left; height: 175px; width: 275px; margin-right:25px;}
div.wpb_call_to_action .contentNextToVideo {}

.wpb_tour_next_prev_nav { display: none!important; }

.row-fluid .wpb_content_element.span12.column_container .wpb_call_to_action a { margin:5px 30px; }


/* HOME FORM */
.ticketWidget{ background:#FFF; background: rgba(255,255,255,.9); border:#FFF 1px solid; border: rgba(255,255,255,.9) 1px solid; margin:40px 0;}

.ticketWidget p,
.ticketWidget label { color:#555; }
.bookTrip {margin:-20px -20px 0 -20px }
.bookTrip h4 { background:#d00000; color:#FFF; font-size: 14px; padding:3px 0; text-align:center; } 

.ticketType p { color:#383B3F; margin:8px 15px 0 0; }
.ticketType h6{ float:left; font-weight: normal; }
.ticketType .choice{ float:left; margin-right:10px; margin-top: 11px; }
.ticketType .choice input{ float:left; margin:4px 2px 0 0; }

.origin { float:left; margin-right:3%; width:48%; }
.origin select { border: 1px solid #F7F7F8; padding:10px 0; text-indent:10px; background: #FFF;-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1) inset;-moz-box-shadow: 0 1px 3px rgba(0,0,0,.1) inset;box-shadow: 0 1px 3px rgba(0,0,0,.1) inset;color: #555;border-color: #CFCFCF; padding:5px 0; text-indent:10px; width:100%; }

.destination { float:left; position:relative; width:48%;}
.destination input {padding:5px 0; text-indent:10px; width:100%;}
span.ui-helper-hidden-accessible{ display:none!important; }
.ui-autocomplete {background-color: white;border-width: 2px; border-color: #ccc;border-style: solid; font-size: 12px; list-style: none; padding: 2px;margin-top: 1px;text-align: left;width:151px; z-index:100;}
.ui-autocomplete li {background-color: white; color:#373737; }
.ui-autocomplete .selected, .ui-autocomplete li:hover, .ui-autocomplete li:hover a {background-color: #d00000; color: #fff; }

.departDate:before,
.returnDate:before { clear: both; }
.departDate,
.returnDate { color:#555; float:left; margin-right:3%; width:47.5%; }
.returnDate { margin-right:0; }
.departDate input,
.returnDate input { padding:5px 0; text-indent:10px; width:100%; }
.departDate .help-block { width:200%; }

.departTime { float:left; position:relative; width:48%;}
.departTime input { padding:5px 0; text-indent:10px; width:100%; }

.numTraveling { width:100%; }
.numTraveling .help-block{ display:block; float:left; width:33%; }
.numTraveling .help-block select { clear:both; display:block; float:left; border: 1px solid #F7F7F8; padding:5px 10px; background: #FFF;-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1) inset;-moz-box-shadow: 0 1px 3px rgba(0,0,0,.1) inset;box-shadow: 0 1px 3px rgba(0,0,0,.1) inset;color: #555;border-color: #CFCFCF; }
.numTraveling .help-block span { clear:both; content:""; display:block; float:left; width:100%; }

.stepsbutton { background-color:#ec9600; border:none; color:white; display:block; font-size:16px; margin:15px auto 0; padding:5px 15px; text-transform:uppercase; }

.text_widget { float:right; }
.gform_wrapper br {display:none;}

@media only screen and (max-width: 989px){
    #header .container .columns.four { width:100%!important; }
    .header-wrapper .logo { display:block; margin:0 auto; }
    .header-wrapper { height: auto!important; }
    #header .container div.twelve.columns{ width:auto!important; }
}

@media only screen and (max-width: 989px) and (min-width: 768px){
    .ticketWidget { margin: 20px 0 65px; }
    .topHeader { padding:0 10px;}
    .topHeader h2 { margin-top:15px;}
    .topHeader .phone { bottom:60px}
    .topHeader .text_widget h5 { font-size:12px; }
    .topHeader .text_widget .help-block { font-size:10px; }
    .topHeader h2 { font-size: 68px; }
    .topHeader h2 small { font-size: 26px; }
}

@media only screen and (max-width: 767px) and (min-width: 480px){
    .topHeader { padding:0 10px;  }
    .topHeader h2 { margin-top:0; width: auto; }
    select#main-menu-mobile {margin-top:15px;}
    .topHeader .callout { height: 280px; }
    .seven.columns.text_widget {  }
}

@media only screen and (max-width: 768px){
    .ticketWidget { border-color:#999; margin-top: 20px; }
    div.wpb_call_to_action .youtubeVideo {float:none; margin:50px auto 10px auto; }

    div.wpb_wrapper.qr-code img{margin:0 auto;}

    .wpb_tour .ui-tabs .ui-tabs-nav,
    .wpb_tour .wpb_tab { margin:0!important; width:auto!important; }

    .cta_align_bottom a { display:block; }
    .topHeader { height: auto; padding: 0 20px; width:auto; }
    .topHeader .callout { margin-bottom: 60px; }
    .topHeader .columns { width:auto!important; }
    .topHeader .phone { bottom: auto; top: 270px; }
    .topHeader .text_widget h5 { font-size:12px; }
    .topHeader .text_widget .departDate .help-block { font-size:10px; width:200%; }
    .topHeader h2 { font-size: 68px; }
    .topHeader h2 small { font-size: 26px; }
}
 
@media only screen and (max-width: 480px){
    .topHeader h2 { font-size:60px; width:100%; }
    .topHeader h2 small { font-size: 25px;line-height: 0px!important; }
    .topHeader .text_widget { margin-top: 20px; }
    .topHeader .text_widget h5 { font-size:11px; }
    .topHeader .text_widget .ticketType .choice { display: block; width: 100%; }
    .topHeader .phone { position: static; text-align: left; }
    .topHeader .callout { margin-bottom: 0; }
}



