/* DreamStream v1.1 */

.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,
.gradient-button,
.responsive-gradient-button,
.reveal__gradient-wrapper--pink-purple,
.reveal__gradient-section--pink-purple,
.btn {
  background: -webkit-linear-gradient(left, #000000 0%, #000000 100%);
  background: linear-gradient(to right, #000000 0%, #000000 100%);
}

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

.event-detail__icon svg path {
  fill: #000000;
}

.event-line-up__more-button,
.text-link {
  color: #000000;
}

.event-ticket:before,
.sub-nav__tab.active:before,
.nav__link.active:before {
  background: #f0ac71;
}

.text-link:after {
  border-bottom-color: #f0ac71;
}

.event-hero {
  background: #000000;
  background-position: center center;
  background-size: auto 100%;
  background-repeat: none;
}

.bg-blur * {
  opacity: 0;
}

.event-hero__title {
  display: none;
}

.header__logo-image fill {
  background: #000;
}

.t-display {
  font-weight: 400;
}

.js-event-policy .t-display {
  font-size: 0.1px;
  color: #f0ac71;
}

.js-event-policy .t-display:before {
  content: "Information";
  font-size: 2rem;
  color: #404d57;
}

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

.event-hero__content {
  -webkit-box-direction: unset;
  -webkit-flex-direction: unset;
  -moz-box-orient: horizontal;
  -moz-box-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  align-items: center;
  justify-content: center;
}

.event-hero__image {
  -webkit-box-flex: unset;
  -webkit-flex: unset;
  -moz-box-flex: unset;
  -ms-flex: unset;
  flex: unset;
}

.purchase-progress__step.is-current::after,
.ticket::before {
  background: #000000;
}

.event-line-up__more-button svg,
.no-touchevents
  .payment-option
  button:not([disabled]):hover
  .payment-option__arrow
  svg {
  fill: #f0ac71;
}

.header {
  background: #000000;
  border-bottom: 1px solid #333333;
}

.js-event-policy-initial-position,
.footer {
  background: #f7f7f7;
}

.nav__link:before,
.hamburger__icon-bar {
  background: #f0ac71;
}

.nav__link {
  color: rgba(255, 255, 255, 0.75);
}

.nav__link.active,
.no-touchevents .nav__link:hover {
  color: rgba(255, 255, 255, 1);
}

.header__logo-image {
  height: 33px;
}

.turbolinks-progress-bar {
  background: #f0ac71;
}

.payment-option__icon svg,
.payment-option--secondary .payment-option__icon svg,
.event-ticket__qr-code svg {
  fill: #000000;
}

.responsive-gradient-button.secondary {
  color: #000000;
}

/* .purchase-process-header__title {
    background: url('https://s3-eu-west-1.amazonaws.com/howler-production/white-label-assets/Afropunk+2019/Afropunk.jpg');
    color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left;
} */

.ticket {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #d3d3d3;
}

.ticket * {
  color: #d3d3d3;
}

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

.ticket-promo-code__content .field__input-row {
  border-color: #303030;
}

.ticket-promo-code__content .field__input-row button {
  color: black;
}

#ticket_order_promotion_code {
  background: #303030;
}

.ticket__incrementer-buttons button {
  background: #f0ac71;
}

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

.no-touchevents .ticket__incrementer-button:not([disabled]):hover,
.ticket__incrementer-buttons button:hover {
  background: #f0ac71;
}

/*CART*/

.ticket-cart__title {
  color: #f0ac71;
}

.ticket-cart__icon svg {
  margin-right: 0.5rem;
  stroke: #f0ac71;
}

/* LOADING BAR */

.turbolinks-progress-bar {
  background: #f0ac71;
}

/* BODY */

body {
  background: #000000 !important;
}

.ticket-selection__category-name {
  font-size: 1.0625rem;
  line-height: 1.41177;
  font-weight: 700;
  color: #f0ac71;
}

.purchase-progress {
  padding: 0.75rem;
  background: #000000;
  position: relative;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
}

.purchase-progress__step.is-current::after,
.ticket::before {
  background: #f0ac71;
}

.purchase-progress {
  padding: 0.75rem;
  background: rgba(255, 255, 255, 0.1);
  position: relative;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
}

.purchase-progress__step.is-current svg {
  fill: #f0ac71;
}

.purchase-progress__step-link {
  color: #f0ac71;
  display: inline-block;
}

.ticket-promo-code {
  margin: 0;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
  background-color: #1a1a1a;
}

.btn--color-purple {
  color: #f0ac71;
}

/* @media print,
screen and (min-width: 45em) {
    .event-hero__image {
        width: auto
    }
} */

/* .event-hero__image img {
    margin-top: 8%
} */

.event-ticket:before,
.sub-nav__tab.active:before,
.nav__link.active:before {
  background: #f0ac71;
}

/* Success page styling */

.banner.banner--success {
  background: black;
}

.bg-card.border-bottom.inset--medium.inset--large-on-large {
  background: black;
}

.bg-card.border-bottom.inset--medium.inset--large-on-large,
.inline-title.t-h6.offset-bottom--small {
  color: #f0ac71;
}

.bg-card.border-bottom.inset--medium.inset--large-on-large,
.inline-title.t-h6.offset-bottom--small,
.color-body-light {
  color: #f0ac71;
}

.purchase-process-wrapper,
.offset--medium.t-align--center {
  color: #f0ac71;
}

.grid__cell.grid__cell--static.icon.icon--color-primary-vertical-gradient.icon--medium.icon--large-on-medium
  svg
  path {
  fill: #f0ac71;
}

.wallet-ticket__section.wallet-ticket__section--main {
  background: #000000;
}

.wallet-ticket__section.wallet-ticket__section--small {
  background: #000000;
}

.ticket-info__title {
  color: #f0ac71;
}

.wallet-ticket {
  border: 2px solid #f0ac71;
}

.ticket-info:before {
  background-color: #f0ac71;
}

.ticket-success__button-wrapper,
.btn.btn--inverse {
  color: #f0ac71;
}

.event-banner.event-banner--donations {
  background: #f0ac71;
}

.event-banner.event-banner--donations .event-banner__wrapper .btn.btn--inverse {
  color: #f0ac71;
}

.event-banner.event-banner--donations {
  background: #f0ac71;
}

/* Event Bar */

.event-banner.event-banner--donations .event-banner__wrapper .btn.btn--inverse {
  color: #f0ac71;
}

.event-bar {
  background: #4e4a42;
}

.event-detail {
  color: #f0ac71;
}

.event-detail__icon svg path {
  fill: #f0ac71;
}

.text-link {
  color: #f0ac71;
}

.event-bar__action .btn.event-action {
  color: #f0ac71;
}

.event-section__content {
  background: #000000;
  color: #756f63;
}

.event-section__content p {
  color: #756f63 !important;
}

.event-section__paragraph-expander {
  background: #000000;
}

.event-section__paragraph-expander svg path {
  fill: #f0ac71;
}

.event-section.event-section--alt {
  background: #000000;
}

.event-line-up__name {
  color: #f0ac71;
}

.event-section {
  background: #000000;
}

.event-policy {
  background: #000000;
}

.event-organiser {
  background: #000000;
}

.event-line-up__more {
  border-top: 1px solid #f0ac71;
}

/* Hamburger on mobile */

.hamburger-menu {
  background: #000000;
}

.hamburger-menu .box--to-edge {
  background: #000000;
}

.event-line-up__more .event-line-up__more-button.t-info {
  color: #f0ac71;
}

.event-section__title h2.t-display {
  color: #f0ac71;
}

.event-policy__value a {
  color: #f0ac71 !important;
}

.event-policy__key {
  color: #f0ac71;
}

.event-policy__attribute + .event-policy__attribute {
  border-top: #fff 1px solid;
}

.event-section:not(.event-section--last) {
  border-bottom: 1px solid #4e4a42;
}

.event-line-up__name {
  color: #f0ac71;
}

/* Log in / Sign up button */

.header__content .header__section .btn {
  border: 2px solid #f0ac71;
}

.header__content .header__section .btn.btn--muted {
  color: #f0ac71;
}

/* Cookie consent bar */

.cookie-consent-bar .cookie-consent-bar__inner {
  background: #000000;
  border: 2px solid #f0ac71;
}

.cookie-consent-bar .cookie-consent-bar__message {
  color: #f0ac71;
}

.cookie-consent-bar .cookie-consent-bar__message a {
  color: #f0ac71;
}

/* User ticket purchase session form */

.purchase-process-user-session__wrapper {
  border: 1px solid #f0ac71;
  background: #000000;
}

.purchase-process-user-session__wrapper
  .bg.border-bottom.inset-x.inset-x--large-on-medium {
  background: #000000;
  border-bottom: 1px #000000 solid !important;
}

.tabs-title.section-tabs__title a {
  color: #f0ac71;
}

.tabs-title.section-tabs__title.is-active a {
  color: #f0ac71;
}

.section-tabs__content.tabs-content {
  background: #000000;
}

.bg-card {
  background: #000000;
  color: #f0ac71;
}

.purchase-process-user-session__wrapper
  .field
  .phone-input-component
  .phone-input-component__country-dialing-code-current-selection {
  background: #000000;
  color: #f0ac71;
  border: 1px solid #f0ac71;
}

.section-tabs__content.tabs-content .info-box__message {
  color: #f0ac71;
}

.section-tabs__content.tabs-content .info-box__message a {
  color: #f0ac71;
}

.pre-registration__social-container {
  background: #000000;
}

.section-tabs__content.tabs-content .border-bottom {
  border-bottom: 1px solid #f0ac71 !important;
}

.section-tabs__title.is-active a::before {
  background-color: #f0ac71;
}

.modal .modal__content header {
  background: #000000;
  color: #f0ac71;
}

.modal .modal__content svg path {
  stroke: #f0ac71;
}

.modal .modal-refund-order__section {
  background: #000000 !important;
  color: #f0ac71 !important;
}

.modal .border-bottom {
  border-bottom: 1px solid #f0ac71 !important;
}

.modal .modal__content header {
  color: #f0ac71;
}

.modal .border-top {
  border-top: 1px solid #f0ac71 !important;
}

.purchase-process-header__wrapper .btn {
  border: 2px #f0ac71 solid;
}

/* Refund Modal */

.modal-refund-policy header h2 {
  color: #f0ac71;
}

.modal-refund-policy section h3 {
  color: #f0ac71;
}

.modal-refund-policy section .flex__item--no-grow-no-shrink .line-icon,
.modal-refund-policy section .icon {
  background: #f0ac71;
}

.modal-refund-policy section .line-icon--color-body-inverse-light svg path {
  stroke: #000000;
}

.modal button[type="submit"] {
  border: 1px solid #f0ac71;
}

.modal .modal-refund-policy .modal-close-button {
  background: #f0ac71;
}

.modal .modal-refund-policy .modal-close-button svg path {
  fill: #000000;
}

.modal-refund-policy .bg-card a {
  color: #f0ac71;
}

/* red #e6001d */

form .field label {
  color: #f0ac71;
}

form .field input {
  background: #000000;
  color: #f0ac71;
  border: 1px solid #f0ac71;
}

form .field select {
  background: #000000;
  color: #f0ac71;
  border: 1px solid #f0ac71;
}

form button[type="submit"] {
  border: 1px solid #f0ac71;
}

form .field .field__label {
  color: #f0ac71;
}

/* Nav links */

.header__section .nav__link {
  color: #f0ac71;
}

.popup__content .select-menu__list-item {
  background: #000000;
  border-top: 1px solid #f0ac71;
}

.popup__content .select-menu__list-item .select-menu__list-item-label {
  color: #f0ac71;
}

.popup__content .select-menu__list-item a:hover {
  background: #000000;
}

.payment-option__content {
  background: #000000;
}

.payment-option__title__text {
  color: #f0ac71;
}

.hamburger-menu__link {
  background: #000000;
  color: #f0ac71;
  border-top: 1px solid #f0ac71;
}

.hamburger-menu__list {
  border-bottom: 1px solid #f0ac71;
}

.hamburger-menu h1 {
  color: #f0ac71;
}

.hamburger-menu svg path {
  color: #f0ac71;
}

.modal .modal__content .reveal__gradient-wrapper {
  background: #000;
}

.field__input:focus {
  background: #000000;
  color: #f0ac71;
  -webkit-text-fill-color: #f0ac71;
}

.field__input:disabled {
  background: #000000;
  color: #f0ac71;
  -webkit-text-fill-color: #f0ac71;
}

.ticket-cart__actions .btn {
  border: 1px solid #f0ac71;
}

.ticket-selection__ticket-wrapper .ticket::before {
  background: #f0ac71;
}

.ticket__incrementer-button:hover {
  background: #f0ac71;
}

.ticket__incrementer-buttons .ticket__incrementer-button {
  background: #f0ac71;
}

.ticket__incrementer-buttons button:hover {
  background: #000;
}

.question-list {
  background: #000000;
}

.radio-button-group__button {
  background: #000000;
}

.assign-ticket-nav {
  background: #000000;
}

.question-list__detail {
  color: #f0ac71;
}

.radio-button-group__input:checked + .radio-button-group__wrapper {
  background: #f0ac71;
  color: #000000;
}

.radio-button-group__input:checked
  + .radio-button-group__wrapper
  > .icon.line-icon
  svg {
  stroke: #000000;
}

.ticket-selection-layout__cart-drawer {
  background: #000000;
}

.ticket-selection-layout__cart-drawer .ticket-cart-drawer__content {
  background: #000000;
}

.ticket-selection-layout__cart-drawer .ticket-cart-drawer__view {
  color: #f0ac71;
}

.ticket-selection-layout__cart-drawer .ticket-cart-drawer__counter {
  background-color: #f0ac71;
  color: #000000;
}

.ticket-cart-drawer__icon svg {
  stroke: #f0ac71;
}

.ticket-selection-layout__cart-wrapper {
  background: #000000;
}

.ticket-cart__attribute-list {
  background: #000000;
  color: #f0ac71;
}

.ticket-cart__attribute--total .ticket-cart__value {
  background: #000000;
  color: #f0ac71;
}

.ticket-cart__header {
  border-bottom: 1px #f0ac71 solid;
}

.ticket-cart__actions {
  background: #000000;
  border-bottom: 1px #f0ac71 solid;
}

.ticket-deck {
  background-color: #000000;
}

.ticket-deck .ticket-deck__ticket {
  color: #f0ac71;
}

.ticket-deck__ticket:before {
  background: #f0ac71;
}

.ticket-deck .ticket-deck__title {
  color: #f0ac71;
}

.ticket-assign-layout__form-section .info-box__message {
  color: #f0ac71;
}

.ticket-assign-layout__form-section .info-box__actions a {
  color: #f0ac71;
}

.cart-summary {
  background: #000000;
  border: 1px #f0ac71 solid;
}

.cart-summary__header {
  color: #f0ac71;
}

.cart-summary__header .cart-summary__title {
  color: #f0ac71;
}

.cart-summary__attribute {
  color: #f0ac71;
}

.cart-summary__attribute .cart-summary__quantity {
  color: #f0ac71;
}

.cart-summary__attribute .cart-summary__value {
  color: #f0ac71;
}
.cart-summary__attribute--total .cart-summary__key {
  color: #f0ac71;
}
.ticket-payment-layout__options .ticket-payment-layout__options-wrapper .box {
  background: #000000;
}

.ticket-payment-layout__options
  .payment-option__content
  .payment-option__icon
  svg {
  fill: #f0ac71;
}

.payment-option + .payment-option button {
  border-top: 1px solid #f0ac71;
}

.ticket-promo-code .ticket-promo-code__content .field__input-row {
  background-color: #f0ac71;
}

.ticket-promo-code .field__input-row > .field__input {
  border: 1px solid #f0ac71;
}

.ticket-promo-code .field__input-row > .field__input,
.field__input-row > .field__input:focus {
  border: 1px solid #f0ac71;
}

.purchase-flash--alert {
  color: #000000;
}

.radio-button-group__input:not(:checked) + .radio-button-group__wrapper:hover {
  color: #f0ac71;
}

.event-donations-progress__info {
  color: #f0ac71;
  font-size: 1.25rem;
}

.reveal__gradient-wrapper .event-donations-progress__bar__background {
  background-color: #f0ac71;
  opacity: 0.4;
}
.reveal__gradient-wrapper .event-donations-progress__bar__current_amount {
  background-color: #f0ac71;
}
.reveal__gradient-wrapper .event-donations-progress__info {
  color: #f0ac71;
}
.ticket-assign-layout__form-section--main {
  border: #f0ac71 1px solid;
}
hr {
  margin: 0;
  height: 1px;
  border: none;
  background-color: #f0ac71;
}
.question-list__item + .question-list__item {
  border-top: #f0ac71 1px solid;
}
.ticket-payment-layout__options
  .payment-option__content
  .payment-option__icon
  svg {
  fill: #f0ac71;
}

.nav__list {
  display: none;
}
.footer {
  background: #000000;
  border-top: 2px #4e4a42 solid;
}