
.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="457"] .ticket-selection__section {
    background: -webkit-linear-gradient(bottom, #721D7F 0%, #010001 100%);
    background: linear-gradient(to bottom, #721D7F 0%, #010001 100%);
}

[data-category-id="458"] .ticket-selection__section {
    background: -webkit-linear-gradient(bottom, #F8A6B8 0%, #838181 100%);
    background: linear-gradient(to bottom, #F8A6B8 0%, #838181 100%);
}

[data-category-id="459"] .ticket-selection__section {
    background: -webkit-linear-gradient(bottom, #0686C4 0%, #0C367A 100%);
    background: linear-gradient(to bottom, #0686C4 0%, #0C367A 100%);
}

[data-category-id="460"] .ticket-selection__section {
    background: -webkit-linear-gradient(bottom, #2EC6B2 0%, #027675 100%);
    background: linear-gradient(to bottom, #2EC6B2 0%, #027675 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="458"] .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;
}

[data-category-id="457"] .ticket {
  background: rgba(0,0,0,0.75) !important;
}

[data-category-id="458"] .ticket {
  background: rgba(255,255,255,0.75) !important;
}

[data-category-id="458"] .ticket:before {
  background: rgba(0,0,0,0.2) !important;
}

[data-category-id="458"] .ticket.is-selected:before {
  background: rgba(0,0,0,1) !important;
}

[data-category-id="458"] .accordion-item .ticket-selection__accordion-indicator svg {
  stroke: #000;
  fill: #000;
}

[data-category-id="458"].ticket-selection * {
  color: #000;
}

[data-category-id="458"].ticket-selection .ticket__incrementer-buttons {
  background: #000;
}

[data-category-id="458"].ticket-selection .ticket__incrementer-buttons svg {
  stroke: #fff;
}

[data-category-id="459"] .ticket {
  background: rgba(23, 17, 86, 0.75) !important;
}

[data-category-id="460"] .ticket {
  background: rgba(16, 43, 45, 0.75) !important;
}

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

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

.ticket-selection__section:before {
  height: 250px;
  width: 90%;
  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="457"] .ticket-selection__section:before {
  background-image: url('https://s3-eu-west-1.amazonaws.com/howler-production/white-label-assets/rage_2019/ticket_types/BLACK+PASSPORT.png');
}

[data-category-id="458"] .ticket-selection__section:before {
  background-image: url('https://s3-eu-west-1.amazonaws.com/howler-production/white-label-assets/rage_2019/ticket_types/PLATINUM+PASSPORT.png');
}

[data-category-id="459"] .ticket-selection__section:before {
  background-image: url('https://s3-eu-west-1.amazonaws.com/howler-production/white-label-assets/rage_2019/ticket_types/FLEXI+PASSPORT.png');
}

[data-category-id="460"] .ticket-selection__section:before {
  background-image: url('https://s3-eu-west-1.amazonaws.com/howler-production/white-label-assets/rage_2019/ticket_types/REUNION+PASSPORT.png');
}

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

.bg-blur {
  display: none;
}

.event-hero {
  background: url("https://s3-eu-west-1.amazonaws.com/howler-production/white-label-assets/rage_2019/rage_header_bg.png") #59367A;
  background-size: contain;
}

.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://s3-eu-west-1.amazonaws.com/howler-production/white-label-assets/rage_2019/purchase_process_header.jpg");
  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;
}

[data-category-id="458"] .ticket--sold-out .ticket__info:before, [data-category-id="458"] .ticket--booked-out .ticket__info:before, [data-category-id="458"] .ticket--coming-soon .ticket__info:before, [data-category-id="458"] .ticket--not-registered .ticket__info:before {
  border-color: #000;
  color: #000;
}

[data-category-id="457"] .ticket__banner,
[data-category-id="459"] .ticket__banner {
  color: #F7E06E;
}

[data-category-id="457"] .ticket__banner:before,
[data-category-id="459"] .ticket__banner:before {
  background: #F7E06E !important;
}

[data-category-id="458"].ticket-selection .ticket__banner {
  color: #07609F;
}

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

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

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

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

.banner--success {
    background-image: -webkit-linear-gradient(left, #1C246E 0%, #631B76 100%);
    background-image: linear-gradient(to right, #1C246E 0%, #631B76 100%);
}

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

.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%;
}

[data-category-id="457"] .ticket-selection__category-description:before {
  content: "The exclusive VVIP experience, nothing compares.  ";
  display: block;
  margin-bottom: 0.75rem;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1rem;
}

[data-category-id="458"] .ticket-selection__category-description:before {
  content: "Free access to all Rage Festival events with a VIP touch. The ultimate no-fuss Passport.";
  display: block;
  margin-bottom: 0.75rem;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1rem;
}

[data-category-id="460"] .ticket-selection__category-description,
[data-category-id="459"] .ticket-selection__category-description {
  display: block;
  margin-bottom: 0.75rem;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1rem;
}

[data-category-id="459"] .ticket-selection__category-description:after {
  content: "*Subject to capacity";
  display: block;
  margin-top: 0.75rem;
  font-weight: normal;
  text-transform: none;
  font-size: 0.75rem;
}
