/* 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,
.btn {
  background: -webkit-linear-gradient(left, #219DC1 0%, #30E8E9 100%); /*This is the main button gradients. It effects the buy tickets, map button, '+' next to tickets and the cancel button*/
  background: linear-gradient(to right, #219DC1 0%, #30E8E9 100%);     /*This line needs to be the same as the above line, different browsers will read different lines here*/
}
.event-map__marker::after {
    border-top-color: #2BC2D5; /* This is the map buttons' triangle/arrow. If there is a gradient, get the hex from the middle of your gradient and put it here  */
}

.btn--muted {
  background: #fff; /* Leave this alone*/
}
/* LINKS these represents the various link text colours, leave black (#000) unless you can make the colours look good*/

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



/* DEFAULT SETTINGS - DO NOT TOUCH THESE */

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

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

.header__logo-image {
    max-height: 56px;
    width: unset;
}


/* ticket page settings*/


[data-ticket-type-id="359664"] .ticket-selection__ticket-wrapper {
    border: none;
    position: relative;
    padding:  16.5rem 2rem 2rem !important; 
    background: -webkit-linear-gradient(bottom, #C6D3DD 0%, #FFFFFF 100%);
    background: linear-gradient(to bottom, #C6D3DD 0%, #FFFFFF 100%);
}

[data-ticket-type-id="359725"] .ticket-selection__ticket-wrapper {
    border: none;
    position: relative;
    padding:  16.5rem 2rem 2rem !important; 
    background: -webkit-linear-gradient(bottom, #30E8E9 0%, #219DC1 100%);
    background: linear-gradient(to bottom, #30E8E9 0%, #219DC1 100%);
}


[data-ticket-type-id="359725"] .ticket-selection__ticket-wrapper::before {
    content: "";
    background-size: 100%;
    background-image: url("https://howler-production.s3-eu-west-1.amazonaws.com/white-label-assets/VW/Ticket_21Sept_01.png");
    background-repeat: no-repeat;
    position: absolute;
    top: 5%;
    left: 10%;
    height: 60%;
    width: 80%;
    z-index: 2;
    padding: ;
    z-index: 0
}


[data-ticket-type-id="359664"] .ticket-selection__ticket-wrapper::before {
    content: "";
    background-size: 100%;
    background-image: url("https://howler-production.s3-eu-west-1.amazonaws.com/white-label-assets/VW/Ticket_22Sept_01.png");
    background-repeat: no-repeat;
    position: absolute;
    top: 5%;
    left: 10%;
    height: 60%;
    width: 80%;
    z-index: 2;
    padding: ;
    z-index: 0
}

@media screen and (max-width: 550px) {
 [data-ticket-type-id="359664"] .ticket-selection__ticket-wrapper {
    border: none;
    position: relative;
    padding:  13rem 1rem 1rem !important; 
    background: -webkit-linear-gradient(bottom, #C6D3DD 0%, #FFFFFF 100%);
    background: linear-gradient(to bottom, #C6D3DD 0%, #FFFFFF 100%);
}
}

@media screen and (max-width: 550px) {
 [data-ticket-type-id="359725"] .ticket-selection__ticket-wrapper {
    border: none;
    position: relative;
    padding:  13rem 1rem 1rem !important; 
    background: -webkit-linear-gradient(bottom, #30E8E9 0%, #219DC1 100%);
    background: linear-gradient(to bottom, #30E8E9 0%, #219DC1 100%);
}
}

@media screen and (max-width: 400px) {
 [data-ticket-type-id="359725"] .ticket-selection__ticket-wrapper {
    border: none;
    position: relative;
    padding:  10rem 1rem 1rem !important; 
    background: -webkit-linear-gradient(bottom, #30E8E9 0%, #219DC1 100%);
    background: linear-gradient(to bottom, #30E8E9 0%, #219DC1 100%);
}
}

@media screen and (max-width: 400px) {
[data-ticket-type-id="359664"] .ticket-selection__ticket-wrapper {
    border: none;
    position: relative;
    padding:  10rem 1rem 1rem !important; 
    background: -webkit-linear-gradient(bottom, #C6D3DD 0%, #FFFFFF 100%);
    background: linear-gradient(to bottom, #C6D3DD 0%, #FFFFFF 100%);
}
}

.purchase-process-header {
  background: url("https://howler-production.s3-eu-west-1.amazonaws.com/white-label-assets/VW/Purchase+banner_02.png");
  background-size: cover;
  background-position: center center;
  min-height: 10vw;
}

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

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

img {
    margin-top: 1.5rem;
}


.field__inline-submit-button {
    color: #2DC3D6;
}


.btn span{
	color: white !important;
}


.ticket-info--danger:before {
    background-color: #2DC3D6 !important;
}

.banner--success {
    background-image: -webkit-linear-gradient(left, #30E8E9 0%, #2BA0C3 100%);
    background-image: linear-gradient(to right, #30E8E9 0%, #2BA0C3 100%);
}

.line-icon svg {
    color: #ffffff !important;
}

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

.ticket-cart-drawer__view {
    margin: 0 auto;
    text-transform: uppercase;
    font-weight: 700;
    color: #2DC3D6;
    font-size: 1rem;
}

.flash_alert {
    background: -webkit-linear-gradient(left, #30E8E9 0%, #2BA0C3 100%);
    background: linear-gradient(to right, #30E8E9 0%, #2BA0C3 100%);
}