/* 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-image: -webkit-linear-gradient(left, #527b00 0%, #8eb900 100%); /*This is the main button gradients. It effects the buy tickets, map button, '+' next to tickets and the cancel button*/
  background-image: linear-gradient(to right, #527b00 0%, #8eb900 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: #719b00; /* 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:#527b00;
}
.text-link:after {
  border-bottom-color: #527b00;
}
.event-ticket:before,
.sub-nav__tab.active:before,
.nav__link.active:before,
.no-touchevents .hamburger__icon:not(.open):hover .hamburger__icon-bar {
  background: #404D57;
}
.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: #404D57;
}
/* DEFAULT SETTINGS - DO NOT TOUCH THESE */
.event-detail__icon svg path {
  fill: #527b00;
}
@media (max-width: 40em) {
  .js-event-policy {
    margin-bottom: 50px;
  }
}
.header__logo-image {
  max-height: 56px;
  width: unset;
}

.btn__label {                   /*This is when viewing incognito, to change the cookies and privacy policy modal button text color */
    color: white;
}