html, body { color: #ffffff; background-color:transparent; } body { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; /* if background colour set */ background-color: #ffffff; /* Begin body style conditions */ /* If background image set*/ background-image: url(https://cmsmedia.eventgenius.co.uk/images/1bfe69b113bbf7bf5247dbf6e1150d05.1349775542.png); background-repeat: repeat; background-position: 50% 0; /* if background tiled */ background-repeat: repeat; background-position: 50% 0; /* End body style conditions */ } #top, #paymentpage, .heading-wrapper__heading, .checkout__main, .stripe-checkout, .fancybox-skin, .fancybox-outer { background: #000000; } .account-header .nav-tabs--open::after { background: #636363; } .stripe-queue-container { background: #F1F1F1; } .checkout__header, .page-header { color: #ffffff; background: #474747; } .checkout-header__link, .page-header__link { color: #ffffff; } .checkout-header__currency-selector, .checkout-header__status { border-color: #ffffff20; } .checkout__header .fill-default, .page-header .fill-default { fill: #ffffff; } .checkout__header .icon-vector .stroke-default, .page-header .icon-vector .stroke-default { stroke: #ffffff; } .checkout-progress { border-color: #ffffff; } .checkout-progress__item:after { background-color: #ffffff; border-color: #474747; } .checkout-progress__item--current:after { background-color: #ffffff; } /* Icons */ .icon-vector--highlight .stroke-default { stroke: #ffffff; } .icon-vector--highlight .fill-default { fill: #ffffff; } .icon-vector--reversed .stroke-default { stroke: #ffffff; } .icon-vector--reversed .fill-default { fill: #ffffff; } /* Buttons */ .button,.txt { border-radius: 5.00px; } .button, .button--primary, .button--primary:hover, .selector__item--selected, .button:hover,.button:active, .button:focus, .hw-button, #cvnlink:hover, .pp-card-form__info-button { background-color: #6e6e6e; border-color: #6e6e6e; color: #ffffff; } .ttlr_inline button { background-color: #6e6e6e !important; border-color: #6e6e6e !important; color: #ffffff !important; border-radius: 5.00px !important; font-family: inherit !important; } .button--bare, .button--bare:hover, .button--bare:focus, .user-panel__footer-action { background: transparent; color: #ffffff; border: 0; } /** * 1. Fallback for browsers that don't support rgba hex */ .user-panel__footer-action:hover { background-color: #000000 !important; /* [1] */ background-color: #ffffff0D !important; } /** * 1. Fallback for browsers that don't support rgba hex */ .split-layout--divided .split-layout__item { border-color: #636363 !important; border-color: #636363B3 !important; } .button--outline, .button--outline:hover, .button--outline:focus { background: transparent; color: #ffffff; border-color: #ffffff; } /* Links */ a, #trail li a, .links a, .text--link { color: #ffffff; } a:hover, .text--link:hover { color: #9e9e9e; } .fancybox-close:before, .fancybox-close:after { background-color: #ffffff12; } /* Loading */ .loading-indicator__indicator { background: #6e6e6e; } /* Forms */ .custom-select:after { border-color: #ffffff; } .custom-select, .input--text, .text-input, .txt, .input-unit__prefix, .input-unit__postfix { border-color: #ffffff66; } .custom-select--bare:after, .selectize-input:after { border-color: #ffffff; } .checkbox__label::before { background-color: #000000; border-color: #ffffff; } .checkbox__input:checked + .checkbox__label::before { background-color: #ffffff; } .checkbox__input:checked + .checkbox__label::after { border-color: #000000; } .checkbox--positive .checkbox__label::after { border-color: #000000; } .radio-button__input:checked + .radio-button__label:after { background-color: #ffffff; } .radio-button__label:before { border-color: #ffffff; } /** * 1. Fallback for browsers that don't support rgba hex */ .radio-button--highlight { border-color: #ffffff26; background-color: #000000 !important; /* [1] */ background-color: #ffffff0A !important; } .loading-indicator__indicator--default { background-color: #6e6e6e; } /* Ticket Grid */ .button--ticket-section { color: #ffffff; } .ticket-grid__section--selected:after { border-bottom-color: #474747; } .ticket-slot .stepper__btn, .ticket-slot .stepper__btn:hover { background-color: #000000; color: #ffffff; } /* Other */ .label-divider:before, .label-divider:after, .inline-items__item { border-color: #ffffff26; } .header .inline-items__item { border-color: #ffffff80; } .box, .box.sub, .tickets, .panel, .checkout-panel, .ticket--pricetypes, .bf-info-container, .df-info-container, .ticket-panel, .context-header, .expandable-panel, .ticket--pricetypes { background-color: #000000; border-color: #636363; border-radius: 5.00px; } /** * 1. Fallback for browsers that don't support rgba hex */ .tickets__group { border-color: #636363; /* [1] */ border-color: #63636366; } .event-listing { border-color: #636363; border-radius: 5.00px; } .event-listing__media { border-radius: 5.00px 5.00px 0 0; } @media screen and (min-width: 568px) { .event-listing__media { border-radius: 5.00px; } } .tabs-panel__body, .tabs-panel__tab, .bo-header, .bo-header__body--no-cover, .event-list__item, .radio-buttons--outline .radio-button, .link-panel-list, .link-panel-list__item, .form-section, .form-wrapper, .user-panel { border-color: #636363; } .order-summary-item__section { border-color: #63636360; } .order-summary-item + .order-summary-item { border-color: #000000 !important; /* [1] */ border-color: #ffffff0A !important; } .tabs-panel__tab { background-color: #ffffff05; } .link-panel, .tabs-panel__body, .tabs-panel__tab--active, .map__header::after { background-color: #000000; } /** * 1. Fallback for browsers that don't support rgba hex */ .checkout-proceed { background-color: #000000 !important; /* [1] */ background-color: #ffffff0A !important; } .checkout-authentication__method--email-active, .checkout-authentication__method--email-active::after { color: #ffffff; background-color: #000000; } /** * 1. Fallback for browsers that don't support rgba hex */ .panel__footer, .hosted-card-form, .tickets__footer, .bo-header__footer, .user-panel__footer { border-color: #ffffff26; background-color: #000000 !important; /* [1] */ background-color: #ffffff0A !important; } .tickets__incentives { border-color: #ffffff36; background-color: #ffffff24; } .panel__header, .panel__section { border-color: #ffffff26; } /** * 1. Fallback for browsers that don't support rgba hex */ .panel--subtle, .panel__section--subtle { background-color: #000000 !important; /* [1] */ background-color: #ffffff0A !important; } .themeable-logo .fill-default { fill: #ffffff; } @media screen and (min-width: 569px) { .tickets__footer { background-color: transparent !important; } } .box .header, .box.sub .header, .box__header, .ticket-slot { background: #474747; color: #ffffff; border-color: #636363; } .bar,.usertools,.checkout .usertools { background: #474747; color: #ffffff; border-color: #636363; border-radius: 5.00px; } .box .header a, .usertools, .usertools a, .checkout .usertools, .checkout .usertools a { color: #ffffff; } .discounts,.ticketrow th.detail,#basket-table.tickets td,#basket-table.tickets .total td,.checkout .ordersummary .totals td,.event,.order { border-color: #636363; } .slides_container,.checkoutfooter,.avatar,.slides_container { border-radius: 5.00px; } .checkoutfooter,.checkout .checkoutfooter { background: #000000; color: #ffffff; } /* React carousel styles */ .control-dots .dot.selected { background: #ffffff; border-color: #ffffff; }