/* 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, #101010 0%, #333333 100%);
    background: linear-gradient(to right, #101010 0%, #333333 100%);
}

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

.event-detail__icon svg path {
    fill: #191919
}

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

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

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

.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: #fff;
}

.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: #e33df2;
}

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

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

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

.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: #e33df2;
}

.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: #e33df2;
}

.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: #fff;
}

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

.no-touchevents .ticket__incrementer-button:not([disabled]):hover,
.ticket__incrementer-buttons button:hover {
    background: linear-gradient(to right, #e33df2 0%, #59a1dd 100%);
}


/*CART*/

.ticket-cart__title {
    color: white
}

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


/* LOADING BAR */

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


/* BODY */

body {
    background: black !important
}

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

.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: #fff;
}

.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: #fff;
}

.purchase-progress__step-link {
    color: white;
    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: white;
}


/* @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: #F9D802;
}


/* 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: white;
}

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

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

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

.wallet-ticket__section.wallet-ticket__section--main {
    background: black;
}

.wallet-ticket__section.wallet-ticket__section--small {
    background: black;
}

.ticket-info__title {
    color: white;
}

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

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

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

.event-banner.event-banner--donations {
    background: linear-gradient(to right, #e33df2 0%, #59a1dd 100%);
}

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

.event-banner.event-banner--donations {
    background: linear-gradient(to right, #e33df2 0%, #59a1dd 100%);
}


/* Event Bar */

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

.event-bar {
    background: black;
}

.event-detail {
    color: white;
}

.event-detail__icon svg path {
    fill: white
}

.text-link {
    color: white;
}

.event-bar__action .btn.event-action {
    border: 2px solid #e33df2;
}

.event-section__content {
    background: black;
    color: white;
}

.event-section__content p {
    color: white !important;
}

.event-section__paragraph-expander {
    background: black;
}

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

.event-section.event-section--alt {
    background: black;
}

.event-line-up__name {
    color: white;
}

.event-section {
    background: black;
}

.event-policy {
    background: black;
}

.event-organiser {
    background: black;
}

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


/* Hamburger on mobile */

.hamburger-menu {
    background: black;
}

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

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

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

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

.event-policy__key {
    color: #e33df2;
}

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


/* .event-section:not(.event-section--last) {
    padding-bottom:
    border-bottom: 1px solid #e33df2;
} */

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


/* Log in / Sign up button */

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

.header__content .header__section .btn.btn--muted {
    color: white;
}


/* Cookie consent bar */

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

.cookie-consent-bar .cookie-consent-bar__message {
    color: white;
}

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


/* User ticket purchase session form */

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

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

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

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

.section-tabs__content.tabs-content {
    background: black;
}

.bg-card {
    background: black;
    color: white;
}

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

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

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

.pre-registration__social-container {
    background: black;
}

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

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

.modal .modal__content header {
    background: black;
    color: white;
}

.modal .modal__content svg path {
    stroke: #e33df2
}

.modal .modal-refund-order__section {
    background: black !important;
    color: white !important;
}

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

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

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

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


/* Refund Modal */

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

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

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

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

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

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

.modal .modal-refund-policy .modal-close-button svg path {
    fill: black
}

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


/* red #59a1dd */

form .field label {
    color: white;
}

form .field input {
    background: black;
    color: white;
    border: 1px solid #e33df2;
}

form .field select {
    background: black;
    color: white;
    border: 1px solid #e33df2;
}

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

form .field .field__label {
    color: white;
}


/* Nav links */

.header__section .nav__link {
    color: #e33df2;
}

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

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

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

.payment-option__content {
    background: black;
}

.payment-option__title__text {
    color: #e33df2;
}

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

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

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

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

.modal .modal__content .reveal__gradient-wrapper {
    background: linear-gradient(to right, #e33df2 0%, #59a1dd 100%)
}

.field__input:focus {
    background: black;
    color: white;
    -webkit-text-fill-color: white;
}

.field__input:disabled {
    background: black;
    color: white;
    -webkit-text-fill-color: white;
}

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

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

.ticket__incrementer-button:hover {
    background: linear-gradient(to right, #e33df2 0%, #59a1dd 100%)
}

.ticket__incrementer-buttons .ticket__incrementer-button {
    background: linear-gradient(to right, #e33df2 0%, #59a1dd 100%);
}

.ticket__incrementer-buttons button:hover {
    background: linear-gradient(to right, #e33df2 0%, #59a1dd 100%);
}

.question-list {
    background: black;
}

.radio-button-group__button {
    background: black;
}

.assign-ticket-nav {
    background: black;
}

.question-list__detail {
    color: white;
}

.radio-button-group__input:checked+.radio-button-group__wrapper {
    background: #e33df2;
    color: black;
}

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

.ticket-selection-layout__cart-drawer {
    background: black;
}

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

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

.ticket-selection-layout__cart-drawer .ticket-cart-drawer__counter {
    background-color: #e33df2;
    color: black;
}

.ticket-cart-drawer__icon svg {
    stroke: #e33df2
}

.ticket-selection-layout__cart-wrapper {
    background: black;
}

.ticket-cart__attribute-list {
    background: black;
    color: white;
}

.ticket-cart__attribute--total .ticket-cart__value {
    background: black;
    color: white;
}

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

.ticket-cart__actions {
    background: black;
    border-bottom: 1px #e33df2 solid
}

.ticket-deck {
    background-color: black;
}

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

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

.ticket-deck .ticket-deck__title {
    color: white;
}

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

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

.cart-summary {
    background: black;
    border: 1px #e33df2 solid
}

.cart-summary__header {
    color: white;
}

.cart-summary__header .cart-summary__title {
    color: white;
}

.cart-summary__attribute {
    color: white;
}

.cart-summary__attribute .cart-summary__quantity {
    color: white;
}

.cart-summary__attribute .cart-summary__value {
    color: white;
}

.ticket-payment-layout__options .ticket-payment-layout__options-wrapper .box {
    background: black;
}

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

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

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

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

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

.purchase-flash--alert {
    color: black;
}

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

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

.reveal__gradient-wrapper .event-donations-progress__bar__background {
    background-color: #fff;
    opacity: 0.4;
}
.reveal__gradient-wrapper .event-donations-progress__bar__current_amount {
    background-color: #e33df2;
}
.reveal__gradient-wrapper .event-donations-progress__info {
    color: #fff;
}

.event-donations-leaderboard-and-donor-wall {
    background-color: black;
}

.event-donations-leaderboard-and-donor-wall__content header h3 {
    color: #e33df2
}


.event-donations-leaderboard-and-donor-wall__content ul li {
    background-color: #1c1c1c !important;
    color: white;
}

.event-donations-leaderboard-and-donor-wall__content ul li:nth-child(even) {
    background-color: #121212 !important;
}

.event-donations-wall ul li {
    background-color: #1c1c1c !important;
    color: white;
}

.event-donations-wall ul li:nth-child(even) {
    background-color: #121212 !important;
}

.event-donations-leaderboard-and-donor-wall .event-donations-wall__statistic span {
    color:    #e33df2;
}

.event-donations-leaderboard-and-donor-wall .event-donations-wall__statistic {
    color: white
}

.footer {
    background-color: black;
    border-top: 1px solid white;
}

.footer__link a {
    color: white
}

.event-banner--content-cta {
    background-color: #121212;
    color: white;
}

.modal .reveal__title-bar.reveal__title-bar--heading-with-details.reveal__title-bar--light h1 {
  font-size: 0;
}

.modal .reveal__title-bar.reveal__title-bar--heading-with-details.reveal__title-bar--light h1:before {
  content: "Register For This Event";
  font-size: 24px;
}

.modal .bg-card p.bg-card.inset.inset--large-on-medium {
  font-size: 0;
}

.modal .bg-card p.bg-card.inset.inset--large-on-medium:before {
  font-size: 15px;
  content: "Enter a password to access this stream."
}