* {  font-family: "Arial", sans-serif !important; }

/*Change the left-corner logo */

#SiteHead2 h1.logo {

    background-image: url('https://cdn.tixly.com/aet/tix/Skin/20210630/23/Images/civic_theatre_horizontal_white_small.png') !important;

    background-size: contain !important;

    background-repeat: no-repeat !important;

    background-position: left center !important;

    margin: 15px 0px 15px 15px !important;

    

    /* DESKTOP SIZE: Locks in your original size so it doesn't collapse */

    width: 192px !important;

    height: 70px !important; 

}

/* MOBILE SIZE: Adjusts automatically for screens smaller than 768px */

@media (max-width: 768px) {

    #SiteHead2 h1.logo {

        width: 150px !important; /* Slightly smaller for mobile */

        height: 55px !important; /* Keeps the exact same proportions */

        margin: 10px 0px 10px 10px !important; /* Optional: tighter mobile margins */

    }

}

#BuyingHead {

	background-image: url(Images/bg.jpg);

	padding: 50px 0;

}

#FooterSocial {

	display: none;

}

#SiteHead2 .headbackbutt {

	display: none;

}

/* Change footer colour */

#footer {

  background-color: #a08a55;

}

/* Change footer text colour */

#FooterContent .primary-c {

  color: #FFFFFF;

}

/* Hide language and currency option in menu */

a.language-currency-link {

display: none !important;

}

/* Hide social share options */

div.receipt-block-split div.social {

    display: none !important;

}

/* change pacman text */

div.receipt-sale-verify h3 {

    font-size: 0px !important;

}

div.receipt-sale-verify h3:after {

    font-size: 16px !important;

    content: "Almost there!" !important;

}

div.receipt-sale-verify p:nth-child(2) {

    font-size: 0px !important;

}

div.receipt-sale-verify p:nth-child(2):after {

    font-size: 16px !important;

    content: "We're just finalising your payment. This usually takes a few moments, but during busy periods it may take a little longer." !important;

}

div.receipt-sale-verify p:nth-child(3) {

    font-size: 0px !important;

}

div.receipt-sale-verify p:nth-child(3):after {

    font-size: 16px !important;

    content: "Please stay on this page while your transaction is completed. Your receipt will appear automatically once the transaction is finalised." !important;

}

/* Change Ticket Result Wording */

#TicketResultText {

    font-size: 0px !important;

}

#TicketResultText:before {

    font-size: 36px !important;

    content: "Review Your Selection" !important;

}

/* Make sure the ticket and cart symbol are white */

.headtexttotal .tickets.fnt-sbold .primary-c{

    

    color:white !important;

}

/* Change the Buying Head font to black */

#BuyingHead {

  color: black !important;

}

/* Get rid of the line underneath the header on mobile by turning it red */

#SiteHead2 .headtexttitle {

    border-bottom-color: #a08a55 !important;

}

/* Get rid of the annoying gradient thing on mobile */

#SiteHead2 .headtexttotal.header-c-gradient-right.header-bg-c::before {

width: 0px !important; 

}

@media (max-width: 768px){

  .seatnotice::after{

    content: attr(data-content);

    opacity: 1;

    visibility: visible;

    margin-left: 6px;

  }

}

.steps .text{

    color:#595959 !important;

}

.steps.active .text {

    color:black !important;

}

.day.adjacent-month {

    color: #595959 !important;

}

.day.inactive {

    color: #595959 !important;

}

.day {

   color: #595959 !important; 

    

}

.day.event {

color: black !important;    

}

.copyright-text {

    font-size: 0px !important;

}

.copyright.footer-highlight-c {

    color:white !important;

}

.copyright-text:after {

    content: "City of Newcastle" !important;

        font-size: 16px !important;

    color: white !important;

}

#FooterInfo .venobox{

    color: white !important;

}

/* 1. Main Button Shape*/

.button, 

.primary-c-button,

.secondary-c-button,

.tertiary-c-button-secondary,

.cc-btn, .button-icon {

  border-radius: 0px !important; 

}

.receipt-suggestion-header {

    font-size: 0px;

}

.receipt-suggestion-header:after {

    content: "You may also like";

        font-size: 20px !important;

}

/* Hide suggestions on receipt */

event-group-suggestion, .receipt-suggestion-header, .event-group-suggestion-wrapper {

  display: none;

}
/* Color definitions */
/* Primary */
.primary-c {
    color: #a08a55;
}
.primary-bg-c {
    background-color: #a08a55;
	color: #ffffff;
}
/* Border color as font for primary background */
.primary-bg-font-border-c {
    border-color: #ffffff;
}
.primary-border-c {
    border-color: #a08a55;
}
.primary-c-button {
	background-color: #a08a55;
    color: #ffffff;
    border-color: #a08a55;
}
.primary-c-button:hover {
	border-color: #857346;
    background-color: #857346;
}
.primary-c-button-secondary {
	background-color: #a08a55;
    color: #ffffff;
    border-color: #a08a55;
}
.primary-c-button-secondary:hover {
    background-color: #aaaaaa;
    color: #ffffff;
    border-color: #aaaaaa;
}
.primary-c-button-2 {
    background-color: #ffffff;
    border-color: #a08a55;
    color: #a08a55;
}
.primary-c-button-2:hover {
    background-color: #a08a55;
    color: #ffffff;
}
.primary-c-button-2-secondary {
    background-color: #ffffff;
    border-color: #a08a55;
    color: #a08a55;
}
.primary-c-button-2-secondary:hover {
    background-color: #aaaaaa;
    border-color: #aaaaaa;
    color: #ffffff;
}
.primary-c-svg svg path, svg.primary-c-svg path {
    fill: #a08a55;
}
/* Special for header */
.header-c-gradient-right::before {
    background: rgba(160,138,85,0);
    background: -moz-linear-gradient(left, rgba(160,138,85,0) 0%, rgba(160,138,85,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(160,138,85,0)), color-stop(100%, rgba(160,138,85,1)));
    background: -webkit-linear-gradient(left, rgba(160,138,85,0) 0%, rgba(160,138,85,1) 100%);
    background: -o-linear-gradient(left, rgba(160,138,85,0) 0%, rgba(160,138,85,1) 100%);
    background: -ms-linear-gradient(left, rgba(160,138,85,0) 0%, rgba(160,138,85,1) 100%);
    background: linear-gradient(to right, rgba(160,138,85,0) 0%, rgba(160,138,85,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a08a55', endColorstr='#a08a55', GradientType=1 );
}
.header-bg-c {
    background-color: #a08a55;
    color: #ffffff;
}
#skipToContent {
    background-color: #a08a55;
    color: #ffffff;
    border: 1px solid #ffffff;
}
.ms-options li > label {
    color: #a08a55;
}

.header-border-text-c {
    border-color: #ffffff;
}
.header-c-hover-before {
    background-color: #aaaaaa;
}
.header-c-hover-before::before {
    border-color: transparent #a08a55 transparent transparent;
}
.header-c-hover-before:hover {
    background-color: #a08a55;
}
.header-c-hover-before:hover::before {
    border-color: transparent #ffffff transparent transparent;
}
#header .ticket-list .ticket-table::-webkit-scrollbar {
    background-color: #a08a55;
}
#header .ticket-list .ticket-table::-webkit-scrollbar-thumb {
    background-color: #aaaaaa;
    border-color: #a08a55;
}
#header .ticket-list .ticket-table table tbody td {
    border-color: #a08a55;
}
#header .ticket-list .ticket-table table td.event span.dash {
    color: #a08a55;
}
.footer-highlight-c {
    color: #ffffff;
}
.content-inline-heading, .content-table-heading th {
     color: #a08a55;
}
/* Secondary */
.secondary-c {
    color: #aaaaaa;
}
.secondary-bg-c {
    background-color: #aaaaaa;
    color: #ffffff;
}
/* Border color as font for secondary background */
.secondary-bg-font-border-c-before:before {
    border-color: #ffffff;
}
/* Border color as font for secondary background */
.secondary-bg-font-border-c-hover:hover {
    border-color: #ffffff;
}
.secondary-bg-c-hover:hover {
    background-color: #aaaaaa;
    color: #ffffff;
}
.secondary-c-button {
    background-color: #ffffff;
    color: #aaaaaa;
    border-color: #aaaaaa;
}
.secondary-c-button:hover {
    background-color: #aaaaaa;
    border-color: #aaaaaa;
    color: #ffffff;
}
/* Tertiary */
.tertiary-c {
    color: #aaaaaa;
}
.tertiary-bg-c {
    background-color: #aaaaaa;
    color: #212121;
}
.tertiary-border-c {
    border-color: #aaaaaa;
}
.tertiary-c-button-secondary {
	background-color: #aaaaaa;
    color: #a08a55;
    border-color: #aaaaaa;
}
.tertiary-c-button-secondary:hover {
    background-color: #aaaaaa;
    color: #aaaaaa;
    border-color: #aaaaaa;
}
.tertiary-bg-c-hover:hover {
    background-color: #aaaaaa;
    color: #212121;
}
/* Special cases that we can't put classes on */
#BuyingHead {
    color: #fff;
    border-color: #858687;
}

#BuyingSteps div.icon {
    background: rgba(160,138,85,.15);
}
#BuyingSteps .steps.active div.icon {
    background: #a08a55;
}
#SectionGroups li.selected-group a {
    background: #a08a55;
    color: #ffffff;
}
#ProfileBar ul li button.active {
    color: #a08a55;
    box-shadow: 0 3px 0px 0px #a08a55;
}
#CardType > li.active, #GiftCardDescription p a {
    color: #a08a55;
}
#CardType li.active svg path, #CardType li.active svg rect {
    fill: #a08a55;
}
#SiteHead2 .headtexttotal .tickets > a > span > svg path {
    stroke: #a08a55;
}
#ProfileOrders .order-receipt-link a > span > svg path {
    stroke: #a08a55;
}
#ProfileContainer .profile-content .order-receipt-link a > span > svg path {
    stroke: #a08a55;
}
#BuyingSteps.profile-steps .steps.active .text {
    color: #a08a55;
}
#SiteHead2 .profile-language-bar > a > span > svg path,
#SiteHead2 .profile-language-bar > a > span > svg circle {
    stroke: #ffffff;
}
#GiftCardDescription p a:hover {
    color: #857346;
}
#EventSelector .selected td.toggle a {
    border-color: transparent transparent #a08a55 transparent;
}
input[type='checkbox']:checked {
    background-color: #a08a55;
}
.clndr-grid .day.selected, .calendar-event.selected, .month-dropdown button.selected {
    background-color: #a08a55;
    color: #ffffff;
}

/* Nice little special block for validation colors */
input[type='text'].input-validation-error,
input[type='email'].input-validation-error,
input[type='tel'].input-validation-error,
input[type='date'].input-validation-error,
input[type='password'].input-validation-error,
textarea.input-validation-error,
.field-validation-error > span {
    border-color: #fa4517;
    background-image: url(Images/alert.svg);
    background-repeat: no-repeat;
}
input[type='checkbox'].input-validation-error:before{
    border-color: #fa4517 !important;
}
#div-terms.validation-error {
    background-image: url(Images/alert.svg);
}
.validation-summary-errors, .field-validation-error, a.terms-and-conditions.validation-error {
    color: #fa4517;
}