/* 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,


.flash_alert {
  background: -webkit-linear-gradient(left, #8B0508 0%, #110D0E 100%);
  background: linear-gradient(to right, #8B0508 0%, #110D0E 100%);
}

.btn {
  background: -webkit-linear-gradient(left, #8B0508 0%, #110D0E 100%);
  background: linear-gradient(to right, #8B0508 0%, #110D0E 100%);
}
.event-map__marker::after {
    border-top-color: MID_PRIMARY_COLOR;
}

.btn--muted {
  background: #fff;
}
/* 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,
.text-link {
    color: #8B0508;
}
.text-link:after {
  border-bottom-color: #8B0508;
}
.event-ticket:before,
.sub-nav__tab.active:before,
.nav__link.active:before,
.no-touchevents .hamburger__icon:not(.open):hover .hamburger__icon-bar {
  background: #8B0508;
}
.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: #8B0508;
}


/* this is the things */

.ticket-selection * {
  color: #fff;
}

.ticket-selection .ticket__incrementer-buttons {
  background: #fff;
}

.ticket-selection .ticket__incrementer-buttons svg {
  stroke: #000;
}

.accordion-item .ticket-selection__accordion-indicator svg {
  stroke: #fff;
  fill: #fff;
}

.ticket {
  background: rgba(0,0,0,0.4) !important;
}

.ticket-selection {
    margin: 10px 0;
  }

@media (min-width: 720px) {
  .ticket-selection .ticket-selection__section {
    padding: 0px 20px 15px 20px;
  }
}

[data-category-id="1553"] .ticket-selection__section {
  background: -webkit-linear-gradient(bottom, #8B0508 0%, #110D0E 100%);
  background: linear-gradient(to bottom, #8B0508 0%, #110D0E 100%);
}

[data-category-id="1558"] .ticket-selection__section {
    background: -webkit-linear-gradient(bottom, #8B0508 0%, #110D0E 100%);
    background: linear-gradient(to bottom, #8B0508 0%, #110D0E 100%);
}

[data-category-id="1556"] .ticket-selection__section {
  background: -webkit-linear-gradient(bottom, #8B0508 0%, #110D0E 100%);
  background: linear-gradient(to bottom, #8B0508 0%, #110D0E 100%);
}
[data-category-id="1559"] .ticket-selection__section {
    background: -webkit-linear-gradient(bottom, #8B0508 0%, #110D0E 100%);
    background: linear-gradient(to bottom, #8B0508 0%, #110D0E 100%);
}

[data-category-id="1560"] .ticket-selection__section {
    background: -webkit-linear-gradient(bottom, #8B0508 0%, #110D0E 100%);
    background: linear-gradient(to bottom, #8B0508 0%, #110D0E 100%);
}

.ticket__amount:before {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1.5l5 5m-5 0l5-5' stroke='%23FFFFFF' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

[data-category-id="649"] .ticket__amount:before {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1.5l5 5m-5 0l5-5' stroke='%23000000' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.accordion-content,
.accordion-title {
  background: none !important;
}

.ticket-selection .ticket__name {
  font-weight: bold;
}

.ticket-selection__category-name:before {
  white-space: pre;
}

.ticket-selection__section:before {
  height: 350px;
  width: 100%;
  display: block;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0px auto;
}

.ticket-selection__category-name,
.ticket-selection__accordion-indicator {
  display: none;
}

.ticket-selection__category-description {
  text-align: center;
}

.ticket-selection__category-wrapper {
    padding-top: 0;
}

[data-category-id="1553"] .ticket-selection__section:before {
  background-image: url('https://howler-production.s3-eu-west-1.amazonaws.com/white-label-assets/Simola/Step+1%5B1%5D+-+Travis+Hyde.png');
}

[data-category-id="1556"] .ticket-selection__section:before {
  background-image: url('');
}
[data-category-id="1558"] .ticket-selection__section:before {
  background-image: url('https://howler-production.s3-eu-west-1.amazonaws.com/white-label-assets/Simola/Step+2%5B1%5D+-+Travis+Hyde.png');
}

[data-category-id="1559"] .ticket-selection__section:before {
  background-image: url('');
}

[data-category-id="1560"] .ticket-selection__section:before {
  background-image: url('https://howler-production.s3-eu-west-1.amazonaws.com/white-label-assets/Simola/Step+3%5B1%5D+-+Travis+Hyde.png');
}

@media (max-width: 640px) {
  .ticket-selection__section:before {
    height: 40vw !important;
  }
}

.bg-blur {
  display: none;
}

.ticket:before {
  background: rgba(255,255,255,0.1)
}

.ticket.is-selected:before {
  background: #fff;
}

.purchase-process-header {
  background: black;
}

.purchase-process-wrapper .bg-blur {
  display: block;
}

.purchase-process-header__wrapper {
  background: none;
}

.purchase-process-header__title {
  font-size: 1.4375rem;
}

@media print, screen and (min-width: 40em) {
 .purchase-process-header__title {
    font-size: 1.75rem;
  }
}

ul.ticket-selection .ticket__banner:after {
  content: "";
  display: none;
}

ul.ticket-selection .ticket__banner:before {
  background: #fff;
}

[data-category-id="458"].ticket-selection .ticket__banner:before {
  background: #000 !important;
}

.purchase-process-header__button-container .btn {
  background: #fff;
  color: #000;
}

.purchase-process-header {
  background: url("https://howler-production.s3-eu-west-1.amazonaws.com/white-label-assets/Simola/598+x+69px+banner+-+Howler.png");
  background-size: cover;
  background-position: center center;
  min-height: 10vw;
}

.purchase-process-header__title {
  opacity: 0;
}

.purchase-process-header .bg-blur {
  display: none;
}

[data-category-id="460"] .ticket__banner {
  display: none;
}

.ticket--sold-out .ticket__info:before, .ticket--booked-out .ticket__info:before, .ticket--coming-soon .ticket__info:before, .ticket--not-registered .ticket__info:before {
  border-color: #fff;
  color: #fff;
}

.banner--success h1 {
  font-size: 0;
}

.banner--success h1:before {
  font-size: 1.375rem;
  content: "You're going to Rage In The City!"
}

@media print, screen and (min-width: 64em) {
  .banner--success h1:before {
    font-size: 1.625rem;
  }
}

.banner--success {
    background-image: -webkit-linear-gradient(left, #8B0508 0%, #110D0E 100%);
    background-image: linear-gradient(to right, #8B0508 0%, #110D0E 100%);
}

.ticket.ticket--display {
  background: #fff !important;
}

label.radio-button-group__wrapper[for="friend-option"] {
  font-size: 0 !important;
}

label.radio-button-group__wrapper[for="friend-option"]:before {
  content: "Someone Else";
  font-size: 0.75rem;
}

.ticket-assign-layout__form-section .bg-card > .field:first-child .field__label {
  font-size: 0;
  padding-right: 10px;
  padding-bottom: 10px;
}

.ticket-assign-layout__form-section .bg-card > .field:first-child .field__label:before {
  font-size: 0.75rem;
  color: #3B4852;
  font-weight: bold;
  content: "This ticket belongs to: (Details of the Rager)"
}

.ticket-assign-layout__form-section .bg-card > .field:first-child .field__toggle-wrapper {
  display: block;
  margin: 15px 0;
}

.ticket-assign-layout__form-section .bg-card > .field:first-child .field__toggle-wrapper {
  display: block;
  margin: 15px 0;
}

.ticket-assign-layout__form-section .bg-card > .field:first-child label.radio-button-group__wrapper {
  line-height: 3rem;
  height: 3rem;
  font-weight: bold;
}

.ticket__banner {
  text-transform: capitalize;
}

.ticket-selection__category-info,
.ticket-selection__category-info p {
  width: 100%;
}

.event-map__marker::after{
  border-top-color: #4D0A0D;
}