/* General */
* {	margin:0; padding:0; font-family: 'Source Sans Pro', sans-serif; }
body { font-size:16px; background:#2980b9; }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border:none; }

/* Container */
#container { width: 990px; margin: auto; padding-bottom: 30px; background: #fff; margin-top: 15px; margin-bottom: 15px; box-shadow: 0 0 5px #000; }
.popup-back { display:none; top: 0; left: 0; position: fixed; width: 100%; height: 100%; z-index: 9; background: rgba(255, 255, 255, 0.8); }
.popup-front { display:none; top: 50%; left: 50%; position: fixed; width: 600px; z-index: 10; margin: -150px 0 0 -300px; background: #FFFFFF; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border: 1px solid #CCC; box-shadow: 0 0 5px #CCC; }
.popup-front h1 { background: #1B5096; color: #fff; font-weight: 300; font-size: 24px; padding: 10px 20px; }
.popup-front p { margin: 20px 20px 50px; }
.popup-front p input { padding: 5px 7px; font-size: 16px; width: 300px; outline: none; }
.popup-front .close { position: absolute; height: 30px; cursor: pointer; right: 0; margin: 10px; }
.content { padding: 30px; }
.content a:hover { color: #aaa; text-decoration: none; }

/* Header */
#header { height: 136px; width: 100%; background: #DADDDD; }
#logo { padding: 15px 30px; }

/* Tickets */
.ticket { padding: 15px; margin-bottom: 15px; background: #ddd; }
.ticket.disabled { pointer-events: none; opacity: 0.3; background: #CCC; -webkit-user-select: none; }
.ticket .left { display: inline-block; }
.ticket .right {float: right;font-size: 13px;line-height: 16px;text-align: right;}
.ticket .right i { margin-right: 10px; }
.ticket .right span, .ticket .right a {width: 95px;display: inline-block;text-align: left;}
.button { padding: 10px 20px; background: #ddd; cursor: pointer; border: none; }
.button.disabled {opacity: 0.3;pointer-events: none;-webkit-user-select: none; background: #CCC; }
.side-form label { position: absolute; }
span.req { color: #D01515; margin: 3px; vertical-align: -2px; }
input[type="text"], textarea, select {outline:none;margin-left: 170px;padding: 3px 5px;min-width:200px;margin-bottom: 8px;border: 1px inset #c5c5c5;background: #fff;}
.warning {color: #fff;background: #D85656;display: inline-block;font-size: 14px;padding: 4px 11px;margin: 0px 0px 10px 6px;float: right;}
label.disabled, label.soldout {color: #afafaf;}
label.disabled:after { content: " Only available for adult tickets"; color: red; font-style:italic;}
label.soldout:after { content: " Sold Out"; color: red; font-style:italic;}
.form_feedback { height: 20px; padding-left:30px; }

/* Footer */
#footer { width: 990px; margin: auto; margin-top: 25px; border-top: 1px solid #CCC; padding-top: 30px; }
#footer li { list-style: none; float: left; width: 126px; font-size: 12px; margin-left: 15px; margin-bottom: 20px; text-align: center; }
#footer li a { color: #001145; text-transform: uppercase; margin-bottom: 5px; font-size: 13px; }
#footer li a { color: #001145; display: block; }
#footer .bottom-section { clear: both; border-top: 1px solid #DDDDDD; margin: auto 260px; text-align: center; color: #001145; font-size: 12px; padding-top: 20px; position: relative; }

/* Forms */
#g-form-overlay { width: 100%; height: 100%; top: 0; left: 0; position: fixed; background: white; background: rgba(255, 255, 255, 0.75); z-index: 10; }
#g-form-popup { position: fixed;z-index: 11;left: 50%;top: 50%;width: 500px;margin-left: -250px;text-align: center;margin-top: -160px;font-family: Arial;background: white;padding: 35px;border: 1px solid #CCC;box-sizing: border-box; }

@media only screen and (max-width: 480px) {
  #container, #footer { width:auto }
  #footer .bottom-section {margin:auto;}
  #logo {width:100%; box-sizing: border-box;}
  .side-form label{position: relative;}
  input[type="text"], textarea, select{display:block;margin-left:0;margin-top:10px;}
}