body {
    background:url(../images/body_bg.jpg) top center no-repeat fixed;
    background-size: cover;
    margin:0 10px;
    font-family: Verdana, sans-serif;
}
h1 {
    font-size: 22px;
}
h1, h2, h3, table.table-formatted th {
    font-family: Verdana, sans-serif;
}

a, ul.menu li.account ul li a {
color: #7C1648;
}
a:hover, ul.menu li.account ul li a:hover, #page-footer-wrapper #page-footer a:hover {
    color:#ffab00;
}

div.toggla {
    background-color: #fff;
}

.image {
    float: right !important;
    margin: 0px 0 5px 10px;
}

#page-title-wrapper {
    background:none;
    max-width:100%;
    padding:0;
    width:100%;
    margin:0 auto 0;
    }
    #page-title {
    background-image:url(../images/header.png);
    padding-top:0px;
    height:172px;
    width:360px;
    background-position: center top;
    }
    #page-title h1 {
    height:0;
    margin:0;
    padding: 0;
    }

#page-content-wrapper {
    width:100%;
    padding:0;
}
    div.content-wrapper div.content-title {
        height:auto;
    }

    #page-content {
        width:auto;
        background-color: #fff;
        box-shadow: 0 0 10px #999;
        padding: 15px;
    }

#above-content {
    background-color: #EEEFF3;
    border: 1px solid #EEEFF3;
    padding: 3px 0;
    margin: 0 -15px;
}

    }
    .image {
    box-shadow: 0 0 5px #ccc;
    }
div.content-wrapper .body img {
    float:right;
    margin:0 0 10px 10px;
    box-shadow: 0 0 5px #ccc;
}

#crumbs {background-color: transparent; width:auto;}
#crumbs li a, ul.menu li.account ul li a, ul.menu li.cart a {color:#000;}
#crumbs li a:hover, ul.menu li.account ul li a:hover, ul.menu li.cart a:hover, #crumbs li {color:#777;}
#crumbs li a {background: url(../images/crumb.gif) no-repeat right center;}
#crumbs li:nth-child(2) a {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

ul.menu li.account {
    background-color: transparent;
    border-left: 1px solid transparent;
}

ul.menu li.logged-in ul {
    background-color: #ddd;
}
ul.menu ul {
    border:1px solid #ddd;
}
ul.menu li.logged-in ul, ul.menu li.logged-out ul {
    background: #ddd;
}
ul.menu li.account:hover {
    background-color: #ddd;
    border: 1px solid #ddd;
}

    /* Rounded buttons */
    .button, .event-date-list a, input[type="submit"], a.checkout-home, #formSeatSelection .button {
        background-color: #7C1648;
        border: 2px solid #7C1648;
        color: #fff;
        margin-bottom: 5px;
        padding: 8px 16px;
        border-radius: 4px;
        font-size: 14px;
        }
        .button:hover, #formSeatSelection .button:hover, .content #formConfirm .button:hover, .content .button:hover, .event-date-list a:hover, input.button:hover, input[type="submit"]:hover, a.checkout-home:hover, a.checkout-home:hover {
        background-color: #ffab00;
        border: 2px solid #ffab00;
        color:#fff;
        -webkit-transition: all 0.3s linear;
        -ms-transition: available 0.3s linear;
        transition: all 0.3s linear;
        }
        a.details, .empty-cart-wrapper a, .voucher-activate a {
        background-color: #fff;
        border: 2px solid #7C1648;
        color:#7C1648;
        }
        a.details:hover, .empty-cart-wrapper a:hover, .voucher-activate a:hover {
        background-color: transparent !important;
        border: 2px solid #ffab00 !important;
        color: #ffab00 !important;
        -webkit-transition: all 0.3s linear;
        -ms-transition: available 0.3s linear;
        transition: all 0.3s linear;
        }
        a.button.buttonM.bDefault.tableButton, a.button.buttonM.bRed.tableButton, a.checkout-home, .voucher-activate a  {
        background-color: #fff;
        border: 2px solid #7C1648;
        color: #7C1648;
        border-radius: 4px;
        }
        a.button.buttonM.bDefault.tableButton:hover, a.button.buttonM.bRed.tableButton:hover, a.checkout-home:hover, .voucher-activate a:hover {
        background-color: transparent;
        border: 2px solid #ffab00;
        color: #ffab00;
        -webkit-transition: all 0.3s linear;
        -ms-transition: available 0.3s linear;
        transition: all 0.3s linear;
        }

        .voucher-activate a {
        width:140px;
        text-align: center;
        padding: 8px 7px;
        margin-left:5px;
        }
        .voucher-activate .field label {
        width:138px;
        }
        .voucher-activate input[type=text] {
        width:100px;
        }
        .voucher-activate .field {
        border: 2px solid #7C1648;
        border-radius: 4px;
        padding: 0px 3px 0px 10px;
        width: max-content;
        margin:0 5px 11px;
        }
        .voucher-activate .field label {
        margin-top:3px;
        font-size: 13px;
        }
        .voucher-activate .field label span:before {
        content: "Enter ";
        }
        .voucher-activate input[type="submit"] {
        padding: 1px 8px 3px;
        border-radius: 0px;
        margin: 3px 0;
        font-family: Verdana, sans-serif;
        }
        .form-voucher-activate label {
        padding-left: 5px;
        }

        #formSeatSelection .button {
            height: 38px;
          }

table.table-formatted td {
border-bottom: 1px solid #dedede;
}
div.toggla label {
    background: none;
    padding: 0;
}
div.toggla label a {
    color:#333;
    cursor: text;
}
div.map {
    padding: 0;
    border:none;
}

.plan-select, .cart-image-wrapper, .body a img {
    display: none;
}

.parent_event .image a img {
    width: auto;
}


#section1.page-id-tickets {
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='50px' width='220px'><text x='5' y='15' fill='orange' font-size='16' font-family='Arial, Helvetica, sans-serif'>Online sales not open yet.</text></svg>");
  background-repeat: no-repeat;
  }
    .plan-select.toggla.widget, .toggla.widget.seat_select {
    background-color: white;
    }


    .home-action-buttons.card-footer {
        width: 100%;
        display: inline-block;
    }

#page-footer-wrapper {
    background: none;
    background-color: transparent;
    color: #ccc;
    width: 100%;
    font-size:13px;
    }
    #page-footer-wrapper #page-footer {
    color:#ccc;
    margin:0 auto;
    }
    #page-footer-wrapper #page-footer a{
    color: #ccc;
    }
    #page-footer-wrapper #page-footer a:hover{
    color: #ccc;
    cursor: text;
    }
    #page-footer-wrapper #page-footer a.contact-us-link, #page-footer-wrapper #page-footer a.terms-link, #page-footer-wrapper #page-footer a.privacy-link{
    color: #fff;
    cursor: pointer;
    }
    #page-footer-wrapper #page-footer a.contact-us-link:hover, #page-footer-wrapper #page-footer a.terms-link:hover, #page-footer-wrapper #page-footer a.privacy-link:hover {
    color: #FFBC00;
    }

/* payment page */
.field label {
        width: 28%;
    }
    .form-payment input {
        width: 54%;
    }
    .form-payment .input-card-code {
        width: 25px;
        margin: 0 10px 10px 0;
    }
    .form-payment .cvc-detail {
        margin-left: 0;
    }
    .form-payment .expiry-date select {
        width: 71px;
    }
    .form-payment select {
        width: 150px;
    }
    .form-payment .expiry-date select {
        width: 71px;
        margin: 0 10px 5px 0;
    }
    .form-payment .expiry-date select:nth-child(2) {
        margin-left: 0;
    }
    .form-payment select {
        width: 130px;
    }

td.area-wheelchair-space input[type="checkbox"] {
  display:none;
}
td.area-wheelchair-space{
  border:1px solid #fff !important;
}
#ticket-info .content .area-wheelchair-space:after{
    content:"Reserved for wheelchairs \A Call Box Office to book";
    color:#aa7400;
    font-style: italic;
    white-space: pre;
}


td.unavailable {
  border: 1px solid #fff !important;
  background-color: #999 !important;
  cursor: default;
}
td.unavailable.area- {
  background-color: #fff !important;
}


/* responsive code */
@media only screen and (max-device-width: 420px) and (orientation : portrait){
    body {
    margin: 0;
    }
    #page-title {
    height: 110px;
    width:100%;
    background-size: 280px;
    }
    #above-content {
        margin:0
    }
    div.fblike {
    width: auto !important;
    }
    th.header_ticket_admittance,
    td.ticket_admittance,
    th.header_ticket_available,
    td.ticket_available,
    .body a img {
    display: none;
    }
    .row .col-md-6.payment-col-1, .row .col-md-6.payment-col-2 {
    width:100%;
    }
    .row .col-md-6.payment-col-1 .form-sub-head, .row .col-md-6.payment-col-2 .form-sub-head {
    width:100%;
    font-size: 18px;
    margin-left:10px;
    }
    .form-payment input {
    width: 60%;
    }
    .form-payment .input-card-code {
    width: 30px;
    }
    .payment-icons {
    padding-top:20px;
    }
    .payment-icons img {
    margin-bottom:5px;
    }
    .payment-icons img:nth-child(2) {
    width:90%;
    }
    #page-footer-wrapper #page-footer span {
    display: none !important;
    }
}
@media only screen and (max-device-width: 740px) and (orientation : landscape){
    body {
    margin: 0;
    }
    #page-title {
    height: 108px;
    width:100%;
    background-size: 280px;
    }
    #crumbs {
        width:50% !important;
        }
        #crumbs li {
        display: none !important;
        }
        #crumbs li.first {
        display:inline-block !important;
        }
        #crumbs li a {
        background: none !important;
        }
    div.content-wrapper div.content-title {
    height: auto !important;
    }
    div.fblike {
    width: auto;
    }
    th.header_ticket_available,
    td.ticket_available,
    .body a img {
    display: none;
    }
    .row .col-md-6.payment-col-1, .row .col-md-6.payment-col-2 {
    width:100%;
    }
    .row .col-md-6.payment-col-1 .form-sub-head, .row .col-md-6.payment-col-2 .form-sub-head {
    width:100%;
    font-size: 18px;
    margin-left:10px;
    }
    .form-payment input {
    width: 60%;
    }
    .form-payment .input-card-code {
    width: 30px;
    }
    .payment-icons {
    padding-top:20px;
    }
    .payment-icons img {
    margin-bottom:5px;
    }
    .payment-icons img:nth-child(2) {
    width:90%;
    }
    #page-footer-wrapper #page-footer span {
    display: none !important;
    }
}

@media only screen and (max-width: 599px) {
    div.fblike {
        width:50%;
        margin-bottom: 15px;
    }
}

@media only screen and (min-width: 980px) {
    #page-title {
        padding-top:0px;
        width:980px;
    }
    #page-content {
        width:980px;
    }
    #page-footer-wrapper #page-footer {
        width:980px;
    }
}

ul.menu li.logged-in ul {
    width: 120px;}
ul.menu li.logged-out ul {
    width: 160px;}

/**** event specific ****

#formConfirm h3:nth-child(2):after {
  content: "Donation";
}
#formConfirm h3:nth-child(2) span {
  display: none;
}
#formConfirm .handlers:before {
  content: "Everyone involved on stage and behind the scenes in this concert is giving their time free of charge and every penny raised will go directly to the charities Skillway and Cellar Camino Cafe.";
}
.handlers .handler {
  margin-top: 15px;
}
.handler-fee{
  display: none;
}
#formConfirm h3:nth-of-type(2) span,
.fees-total-description-transaction span {
  display: none;
}
#formConfirm h3:nth-of-type(2):after,
.fees-total-description-transaction:after {
  content: "Donation";
}
.auth-net-review .row:nth-of-type(3) .review-label label {
  font-size: 0;
}
.auth-net-review .row:nth-of-type(3) .review-label label:before {
  content: "Donation";
  font-size: 14px;
}

***/

.parent_event.parent_event_192805 {
    display: none;
  }

  .event-view-192805 .body a img {
    display: block !important;
  }