/* BUTTONS */

.checkbox__input:checked+.checkbox__wrapper .checkbox__box,
.event-map__marker,
.ticket-deck__ticket:before,
.radio-button-group__input:checked+.radio-button-group__wrapper,
.ticket__incrementer-buttons,
.purchase-progress__step.is-current::after,
.ticket::before,
.gradient-button,
.responsive-gradient-button,
.reveal__gradient-wrapper--pink-purple,
.reveal__gradient-section--pink-purple,
.turbolinks-progress-bar,
.btn {
  background: -webkit-linear-gradient(left, #012F34 0%, #1EC9D3 100%); /*This is the main button gradients. It effects the buy tickets, map button, '+' next to tickets and the cancel button*/
  background: linear-gradient(to right, #012F34 0%, #1EC9D3 100%);     /*This line needs to be the same as the above line, different browsers will read different lines here*/
}
.event-map__marker::after {
    border-top-color: #000; /* This is the map buttons' triangle/arrow. If there is a gradient, get the hex from the middle of your gradient and put it here  */
}

.btn--muted {
  background: #fff; /* Leave this alone*/
}
/* LINKS these represents the various link text colours, leave black (#000) unless you can make the colours look good*/

.responsive-gradient-button.secondary,
.event-line-up__more-button,
.responsive-gradient-button.secondary:hover,
.event-line-up__more-button:hover,
.topup-selection__list-item.is-selected,
.topup-selection__input,
.text-link {
    color: #012F34;
}
.text-link:after {
  border-bottom-color: #012F34;
}
.event-ticket:before,
.sub-nav__tab.active:before,
.nav__link.active:before,
.no-touchevents .hamburger__icon:not(.open):hover .hamburger__icon-bar {
  background: #012F34;
}
.payment-option__icon svg,
.payment-option--secondary .payment-option__icon svg,
.event-ticket__qr-code svg,
.event-line-up__more-button svg,
.icon--color-primary-vertical-gradient svg,
.no-touchevents .payment-option button:not([disabled]):hover .payment-option__arrow svg {
  fill: #012F34;
}



/* DEFAULT SETTINGS - DO NOT TOUCH THESE */

.event-detail__icon svg path {
    fill: #404D57
}

@media (max-width: 40em) {
    .js-event-policy {
    	margin-bottom: 50px;
	}
}

.header__logo-image {
    max-height: 56px;
    width: unset;
}