#SiteHead2 a.brandLogo {

	display: none !important;

}

#SiteHead2 h1.logo {

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

	width: 153px !important;

  height: 50px !important;

}

#BuyingHead {

	color: #000000 !important;

	background-color: #efeeeb !important;

}

#FooterSocial {

	display: none;

}

#SiteHead2 .headbackbutt {

	display: none;

}

/* Change occupied seat color */

.s-s.occ circle {

    fill: lightgrey !important;

    stroke: lightgrey !important;

}

/* Change fee name in basket */

.results-sub-header .title h2 {

    font-size: 0px !important;

}

.results-sub-header .title h2:after {

    font-size: 16px;

    content: 'Fees'

}

/*

span.service-name {

    font-size: 0px;

}

span.service-name:after {

    font-size: 14px;

    content: 'Handling fee'

}

*/

.results-container.services .results-header .title h2 {

    font-size: 0px !important;

}

.results-container.services .results-header .title h2:after {

    font-size: 16px;

    content: 'Fees'

}

/* More apparent block for terms & conditions */

dd.tnc-container {

    justify-items: right;

}

div#TermsInfo {

    background-color: #FAFAFA;

    padding: 20px 20px !important;

    margin: 20px 0px !important;

}

div#terms-info {

    padding: 0px !important;

    margin: 0px !important;

}

/* Hide suggestions in basket */

.event-group-suggestion {

display: none;

}

div#BasketContainer > h2:first-child{

display: none;

} 

/* Hide language and currency option in menu */

a.language-currency-link {

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: "Your payment is just being finalised. This normally takes a few moments but during very busy periods it may take several minutes." !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 don't navigate away from this page whilst we complete your order. The page will automatically reload with your receipt when the order is finalised." !important;

}

/* change header embedded Stripe */

#PaymentRedirect > div h2 {visibility: hidden !important;}

/* Hide powered by Tixly */

#footer .left-foot.bottom {

  display: none;

} 

/* Hide continue shopping button */

div.col-3.col-m-5.col-s-12 {

  visibility: hidden !important;

}

/* Do not let address fields show on top of header */

/* Only applies if screen width > 600 */

@media (min-width: 600px) {

  .customer-info div[style="z-index: 10"] {

      z-index: 0 !important;

  }

}

/* hide Stripe branding */

.external-badge {

  display: none !important;

}

/* Stripe text */

#StripeExternalInfo {

    font-size: 0px;

}

#StripeExternalInfo:before {

    content:'Upon clicking Continue a payment window will pop up to finalise your order.';

    font-size: 16px;

}

/* Spam notice change */

div.spam-warning {

    font-size: 0px !important;

}

div.spam-warning:after {

    font-size: 16px;

    content: 'Note that some email servers categorise these emails as spam, be sure to check your spam folder for the confirmation email.';

}

/* Hide X-login */

div.social-wrapper:has(button.twitter-signin) {

    display: none !important;

}

/* Change color of Stripe timer */

span#stripe-expiration, #stripe-expiration-container svg {

    color: black;

}

/* Hide social share options */

div.receipt-block-split div.social {

    display: none !important;

}

/* Reset email button colored on hover */

#ForgotPassword .login-button:hover {

  	background-color: #dA8686 !important;

	color: #ffffff !important;

}

/*Venoframe pop-up on mobile - changing size*/

@media (max-width: 767px) {

    .venoframe {

        height: 500px !important;

    }

  .vbox-content {

  		margin-top: 200px !important;

    }

}

@media only screen and (max-width: 600px) {

    #tix-seatpicker {

        top: 100px !important;

    }

}

/*Hide reservation note button in my pages*/

#ProfileContainer .profile-content .reservation-note-button {

	display: none;

}

/* Hide social logins */

#SignInSocial {

display: none !important;

}

/* Also hide text "Or log in with" */

#ProfileFields h5 {

    display: none;

}

/*Fix for Continue button that were hidden in Seat picker on Mobile due to that the header had been moved down*/

@media only screen and (max-width: 600px) { 

    .cart-aside {

      bottom: 85px !important;

    }

}

/* Change price zone 13 RUSH to look sold seat color */

.s-s.na  circle.p-13 {

    fill: lightgrey !important;

    stroke: lightgrey !important;

}

/* Target the CIRCLE within the specific data-price-zone 

g[data-price-zone-id="13"] .p-13 {

  fill: lightgrey !important;

  stroke: lightgrey !important;

}

*/

/* Change receipt page change tickets to black */

.receipt-change-event a {

    color: black !important;

        opacity: 1 !important;

}

/* 1. Set the container to relative so it can anchor the text */

.button-container.twoEqualColumns:has(> #GetMobile) {

    position: relative !important;

    padding-top: 60px !important; /* Create exact space for the notice text */

    display: flex !important;

    justify-content: center !important;

    gap: 10px !important;

}

/* 2. Position the notice text absolutely so it doesn't push the width */

.button-container.twoEqualColumns:has(> #GetMobile)::before {

    content: "If you have purchased a product or add-on with your tickets, you will need to download the PDF voucher to redeem at the venue";

    position: absolute !important;

    top: 0 !important;

    left: 0 !important;

    right: 0 !important;

    width: 100% !important;

    

    /* Centering and Typography */

    text-align: center !important;

    font-size: 13px !important; /* Slightly smaller to ensure it stays in bounds */

    font-weight: 700 !important;

    line-height: 1.3 !important;

    color: #333 !important;

    

    /* Ensure it doesn't trigger horizontal scroll */

    box-sizing: border-box !important;

    padding: 0 10px !important;

}

/* 3. Keep buttons at their natural size */

#GetMobile, #GetPdf {

    flex: 0 1 auto !important; /* Prevents stretching */

    width: auto !important;

    white-space: nowrap !important;

}

@media (max-width: 768px){

  .seatnotice::after{

    content: attr(data-content);

    opacity: 1;

    visibility: visible;

	margin-left: 6px;

  }

}

}

/* 1. Set the container to relative so it can anchor the text */

.button-container.twoEqualColumns:has(> #GetMobile) {

    position: relative !important;

    padding-top: 60px !important; /* Create exact space for the notice text */

    display: flex !important;

    justify-content: center !important;

    gap: 10px !important;

}

/* 2. Position the notice text absolutely so it doesn't push the width */

.button-container.twoEqualColumns:has(> #GetMobile)::before {

    content: "If you have purchased a product or add-on with your tickets, you will need to download the PDF voucher to redeem at the venue";

    position: absolute !important;

    top: 0 !important;

    left: 0 !important;

    right: 0 !important;

    width: 100% !important;

    

    /* Centering and Typography */

    text-align: center !important;

    font-size: 13px !important; /* Slightly smaller to ensure it stays in bounds */

    font-weight: 700 !important;

    line-height: 1.3 !important;

    color: #333 !important;

    

    /* Ensure it doesn't trigger horizontal scroll */

    box-sizing: border-box !important;

    padding: 0 10px !important;

}

/* 3. Keep buttons at their natural size */

#GetMobile, #GetPdf {

    flex: 0 1 auto !important; /* Prevents stretching */

    width: auto !important;

    white-space: nowrap !important;

}

@media (max-width: 768px){

  .seatnotice::after{

    content: attr(data-content);

    opacity: 1;

    visibility: visible;

    margin-left: 6px;

  }

  

/* --- 1. SETUP THE CONTAINER (Applies to all screens) --- */

.profile-input-line.button-line {

    display: flex;

    gap: 12px; /* Consistent space between buttons */

}

/* --- 2. MOBILE SPECIFIC STYLES (Phones) --- */

@media screen and (max-width: 768px) {

    .profile-input-line.button-line {

        flex-direction: column; 

        align-items: center;

    }

    /* Step A: Move ‘Sign In’ to Top */

    .profile-input-line.button-line .login-button {

        order: 1;

        width: 100%;

        margin: 0; /* Remove default margins that might cause gaps */

    }

    /* Step B: Move ‘Create Profile’ to Bottom & FIX ALIGNMENT */

    .profile-input-line.button-line .register-button {

        order: 2;

        width: 100%;

        /* Flexbox magic to center content perfectly */

        display: flex !important;

        justify-content: center;

        align-items: center;

        /* Match the height of the Sign In button */

        min-height: 45px; /* Adjust this value if your buttons are taller */

        padding: 0;       /* Reset padding to let Flexbox do the work */

    }

    /* Step C: Fix the Icon specifically */

    .profile-input-line.button-line .register-button svg {

        margin-right: 8px; /* Space between icon and text */

        margin-bottom: 0 !important; /* Forces icon to not sit high */

        display: block;    /* Removes invisible inline spacing */

    }

}

/* --- 3. DESKTOP SPECIFIC STYLES (Computers) --- */

@media screen and (min-width: 769px) {

    .profile-input-line.button-line {

        flex-direction: row; /* Side-by-side */

        align-items: center;

    }

    /* Swap order on desktop too */

    .profile-input-line.button-line .login-button {

        order: 1;

    }

    .profile-input-line.button-line .register-button {

        order: 2;

        /* Ensure desktop button text aligns with icon too */

        display: inline-flex;

        align-items: center;

    }

    .profile-input-line.button-line .register-button svg {

        margin-right: 8px;

    }

}

  

  

}

/* --- 1. SHARED STYLES --- */

.profile-input-line.button-line {

    display: flex;

    gap: 12px;

}

/* Set order globally since it doesn't change between views */

.profile-input-line.button-line .login-button { order: 1; }

.profile-input-line.button-line .register-button { order: 2; }

/* Common Button Centering Logic */

.profile-input-line.button-line .register-button {

    display: inline-flex;

    align-items: center;

    justify-content: center;

}

.profile-input-line.button-line .register-button svg {

    margin-right: 8px;

}

/* --- 2. MOBILE --- */

@media screen and (max-width: 768px) {

    .profile-input-line.button-line {

        flex-direction: column;

    }

    

    .profile-input-line.button-line .login-button,

    .profile-input-line.button-line .register-button {

        width: 100%;

        margin: 0;

        min-height: 45px; /* Applied to both for consistency */

    }

}

/* --- 3. DESKTOP --- */

@media screen and (min-width: 769px) {

    .profile-input-line.button-line {

        align-items: center; /* Default is row, so we just need alignment */

    }

}

/* Make zone selection text black */

#TicketSelector .price-zone:before, #TicketSelector .price, #TicketSelector .currency-rate.c-usd, #TicketSelector .currency-rate.c-eur, #TicketSelector .currency-rate.c-aud, #TicketSelector .select-zone svg {

    

    color:black;

}

/* Change Zone under ticket selection to "General Admission" */

/* Only do this if you are only going to have one price zone for all events, otherwise it will override all price zone names */

#TicketSelector .price-zone, #TicketSelector .pzname.fnt-sbold {

    font-size: 0px !important;

}

#TicketSelector .price-zone:before, #TicketSelector .pzname.fnt-sbold:before {

    font-size: 12px !important;

    content: "General Admission" !important;

}


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

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

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

/* 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;
}