/* 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,
.hamburger-menu__header,
.hamburger-menu__wrapper,
.turbolinks-progress-bar,
.btn {
    background: -webkit-linear-gradient(left, #D43C39 0%, #A62E2C 100%);
    background: linear-gradient(to right, #D43C39 0%, #A62E2C 100%);
    color: #ffffff!important;
}

.text-link {
    color:#BD3533!important;  
    
}

.event-map__marker::after {
    border-top-color: #BD3533 !important;
}



/* LINKS */

.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, {
    color: #0B6891;
}
.text-link:after {
  border-bottom-color: #0B6891;
}
.event-ticket:before,
.sub-nav__tab.active:before,
.nav__link.active:before {
  background: #0B6891;
}
.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: #0B6891;
}





/* DEFAULT SETTINGS - DO NOT TOUCH THESE */

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

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

.payment-selection:before {
        display: block;
        content: "Tickets on MTN Mobile Money Swaziland will be available later this year.";
        padding: 1rem;
        font-size: 0.85rem;
        background: -webkit-linear-gradient(left, #F5563E 0%, #FD9834 100%);
        background: linear-gradient(to right, #F5563E 0%, #FD9834 100%);
        color: #fff;
    }

    .payment-option:last-child button {
        border-bottom: 1px solid #E6E6E6;
    }

    .payment-option:last-child {
        border-bottom: none;
    }

    .payment-option:last-child:after {
      display: block;
      content: "Or, pay at the following outlets using cash or card:";
      font-size: 0.85rem;
      margin-top: 1rem;
      padding: 1rem;
      padding-bottom: 0;
      font-size: 1rem;
      font-weight: bold;
    }

    .payment-selection:after {
        display: block;
        content: "Dial *007#\a Select 1. Send Money\a Select 2. MoMoPay\a 3001 – Retail code for Bushfire (Pty) Ltd\a Enter Amount\a Enter Reference (e.g. donation)\a Enter Mobile Money PIN to confirm payment";
        white-space: pre-wrap;
        padding: 1rem;
        box-shadow: 0 1px 0 rgba(0,0,0,0.05);
    }

@media (min-width: 40em) {
    .payment-selection:before {
       	border-radius: 0.25rem;
        margin-bottom: 1rem;
    }

    .payment-selection:after {
        border-radius: 0 0 0.375rem 0.375rem;
        border: #E6E6E6 1px solid;
        border-top: none;
    }

    .payment-option:last-child:after {
        border-radius: 0.375rem 0.375rem 0 0;
        border: #E6E6E6 1px solid;
        border-bottom: none;
    }
}

.event-banner.event-banner--donations {
  background: linear-gradient(to right, #d82429 0%, #d82429 100%);
}
.btn {
  background: -webkit-linear-gradient(left, #213266 0%, #213266 100%);
  background: linear-gradient(to right, #213266 0%, #213266 100%);
  color: white;
}
form[action="/donation_order/events/mtn-bushfire-keepthefireburning-live-experience-5a7a/details"]
  .flex__item--grow-no-shrink.flex__item--basis-half-width {
  font-size: 0;
}
.event-bar .btn.event-action {
  font-size: 0;
}
.event-bar .btn.event-action:before {
  font-size: 16px;
  content: "GET FREE ACCESS";
}
.reveal__gradient-wrapper,
.reveal__gradient-section {
  background: -webkit-linear-gradient(left, #d82429 0%, #213266 100%);
  background: linear-gradient(to right, #d82429 0%, #213266 100%);
  color: white;
}


.payment-option:last-child::after {
    
  content: "Or donate using MTN Mobile Money as follows:" !important;
}