/* 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 {
  font-family: "Trim", arial, sans-serif;
  font-weight: 600;
  border: none;
  border-radius: 0;
  background: rgba(0, 117, 190, 1);
}
.btn:hover {
  background-color: #137ec3;
  border: none;
}
.event-map__marker::after {
    border-top-color: #0075be; /* 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: #006241;
}
.text-link:after {
  border-bottom-color: #006241;
}
.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;
}


.label--inverse {
    display: none;
}

.event-hero__category hr {
    display: none;
}

.bg-blur {
    opacity: 0;
}

.header__section--custom-logo {
   position: center center !important; 
   width: 2.5rem;
}

/* Fonts */

@font-face {
  font-family: "Ciutadella";
  src: url('https://howler-production.s3.amazonaws.com/castle-lite-the-republic-of-extra-cold-2019/Ciutadella-Bold.otf');
  font-weight: 700;
}

@font-face {
  font-family: "Ciutadella";
  src: url('https://howler-production.s3.amazonaws.com/castle-lite-the-republic-of-extra-cold-2019/Ciutadella-Medium.otf');
  font-weight: 500;
}

@font-face {
  font-family: "Trim";
  src: url('https://howler-production.s3.amazonaws.com/castle-lite-the-republic-of-extra-cold-2019/Trim-Light.otf');
  font-weight: 200;
}

@font-face {
  font-family: "Trim";
  src: url('https://howler-production.s3.amazonaws.com/castle-lite-the-republic-of-extra-cold-2019/Trim-Medium.otf');
  font-weight: 500;
}

@font-face {
  font-family: "Trim";
  src: url('https://howler-production.s3.amazonaws.com/castle-lite-the-republic-of-extra-cold-2019/Trim-Regular.otf');
  font-weight: 400;
}

@font-face {
  font-family: "Trim";
  src: url('https://howler-production.s3.amazonaws.com/castle-lite-the-republic-of-extra-cold-2019/Trim-SemiBold.otf');
  font-weight: 600;
}

/* Purchase process text */

.purchase-process-header__title {
  font-family: "Trim", arial, sans-serif;
  font-weight: 600;
}

/* Purcahse process steps text */

.purchase-progress__step-label {
  font-family: "Ciutadelle", arial, sans-serif;
  font-weight: 500;
}

/* promo code text */

.ticket-promo-code__title {
  font-family: "Ciutadelle", arial, sans-serif;
  font-weight: 500;
}

/* Cart text */

.ticket-cart__title {
  font-family: "Ciutadelle", arial, sans-serif;
  font-weight: 700;
}

/* Flash message */

.flash_alert__message {
  font-family: "Ciutadelle", arial, sans-serif;
  font-weight: 700;
}

/* Details text */

.event-section__title h2, .event-section__title--logo svg {
  font-family: "Ciutadelle", arial, sans-serif;
  font-weight: 500;
}

.event-section__content p, .event-section__content span {
  font-family: "Ciutadelle", arial, sans-serif;
  font-weight: 500;
}

/* ticket title */

.ticket__name {
  font-family: "Ciutadelle", arial, sans-serif;
  font-weight: 700;
}

/* Cart information */

.ticket-cart__attribute {
  font-family: "Ciutadelle", arial, sans-serif;
  font-weight: 500;
}

/* Ticket description */
.ticket__description {
  font-family: "Ciutadelle", arial, sans-serif;
  font-weight: 500;
}

/* Ticket price */

.ticket__price {
  font-family: "Ciutadelle", arial, sans-serif;
  font-weight: 500;
}

/* Ticket 1/2 */

.ticket-deck__title {
  font-family: "Ciutadelle", arial, sans-serif;
  font-weight: 500;
}

/* Assign form */

.field__toggle-wrapper {
  font-family: "Ciutadelle", arial, sans-serif;
  font-weight: 500;
}

.field__label {
  font-family: "Ciutadelle", arial, sans-serif;
  font-weight: 500;
}

.field__input:disabled, .field__textarea:disabled {
  font-family: "Ciutadelle", arial, sans-serif;
  font-weight: 500;
}

.phone-input-component select {
  font-family: "Ciutadelle", arial, sans-serif;
  font-weight: 500;
}

.phone-input-component input.phone-input-component__input {
  font-family: "Ciutadelle", arial, sans-serif;
  font-weight: 500;
}

.button-loader {
  font-family: "Ciutadelle", arial, sans-serif;
  font-weight: 500;
}

.expiry-timer__message {
  font-family: "Ciutadelle", arial, sans-serif;
  font-weight: 500;
}

.expiry-timer__time {
  font-family: "Ciutadelle", arial, sans-serif;
  font-weight: 500;
}

.assign-ticket-nav__cart-total {
  font-family: "Ciutadelle", arial, sans-serif;
  font-weight: 700;
}

.assign-ticket-nav__cart-title {
  font-family: "Ciutadelle", arial, sans-serif;
  font-weight: 500;
}

.ticket.is-selected, .ticket__amount {
  font-family: "Ciutadelle", arial, sans-serif;
  font-weight: 700;
}

/* Confirm page */

.t-h1 {
  font-family: "Ciutadelle", arial, sans-serif;
  font-weight: 500;
}

.cart-summary__title {
  font-family: "Ciutadelle", arial, sans-serif;
  font-weight: 500;
}

/* Success page */

.banner__message h1 {
  font-family: "Ciutadelle", arial, sans-serif;
  font-weight: 500;
}

.inline-title {
  font-family: "Ciutadelle", arial, sans-serif;
  font-weight: 700;
}

.color-body-light {
  font-family: "Ciutadelle", arial, sans-serif;
  font-weight: 500;
}

.t-align--center {
  font-family: "Ciutadelle", arial, sans-serif;
  font-weight: 500;
}

.ticket-info__title {
  font-family: "Ciutadelle", arial, sans-serif;
  font-weight: 500;
}

.btn--inverse {
  color: #FFF;
}


/* Event title */

.event-hero__title h1 {
  font-family: "Trim", arial, sans-serif;
  font-weight: 600;
}

/* Nav Menu Text */

.nav__label {
  font-family: "Ciutadelle", arial, sans-serif;
  font-weight: 700;
}

/* Date & Time */

.event-detail__title h3 {
  font-family: "Ciutadelle", arial, sans-serif;
  font-weight: 500;
}

.text-link {
  font-family: "Ciutadelle", arial, sans-serif;
  font-weight: 500;
}

/* Registration modal */

.reveal__title-bar h1 {
  font-family: "Trim", arial, sans-serif;
  font-weight: 600;
}

.pre-registration__user-details {
  font-family: "Trim", arial, sans-serif;
  font-weight: 600;
}

/* Map */

.event-map__marker span {
  font-family: "Ciutadelle", arial, sans-serif;
  font-weight: 500;
}

/* Footer */

.footer__link a {
  font-family: "Trim", arial, sans-serif;
  font-weight: 200;
}

/* Header image */

.event-hero__image {
   text-align: center;
}

/* Event background image */

.event-hero {
  background-image: url('https://white-labelling-assets.s3.us-east-2.amazonaws.com/castleliteroec/roec_bg_final.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

/* Registration success modal step */
.status-bar__message--uppercase {
  font-family: "Ciutadelle", arial, sans-serif;
  font-weight: 500
}

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

/* EVENT HEADER TITLE */
.event-hero .event-hero__title .t-display {
  font-weight: 400;
}

/* BLUR BG IMAGE */
.bg-blur {
  opacity: 1;
}

.bg-blur .bg-blur__image--header {
  opacity: 0;
}
.bg-blur .bg-blur__image {
  background-image: -webkit-linear-gradient(left, rgba(0, 117, 190, 0.75), rgba(0, 117, 190, 0.5) 40%, transparent 65%);
  background-image: linear-gradient(to right, rgba(0, 117, 190, 0.95), rgba(0, 117, 190, 0.25) 100%, transparent 65%);
}

/* EVENT HERO IMAGE - CENTER VErtically */
.event-hero__image {
  margin-top: 30px;
}

/* TICKET PURCHAE PROCESS HEADER */
.purchase-process-wrapper .purchase-process-header .bg-blur {
  background-image: url(https://white-labelling-assets.s3.us-east-2.amazonaws.com/castleliteroec/roec_bg_final.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-color: rgb(0, 117, 190);
  background-position: bottom;
}

.purchase-process-wrapper .purchase-process-header .bg-blur image {
  opacity: 0;
}

.purchase-process-wrapper .purchase-process-header .bg-blur .bg-blur__image {
  background-image: -webkit-linear-gradient(left, rgba(0, 117, 190, 0.75), rgba(0, 117, 190, 0.5) 100%, transparent 65%);
  background-image: linear-gradient(to right, rgba(0, 117, 190, 0.95), rgba(0, 117, 190, 0.25) 200%, transparent 65%);
}

.purchase-process-wrapper {
  background-color: rgb(0, 117, 190);
  background-image: url(https://white-labelling-assets.s3.us-east-2.amazonaws.com/castleliteroec/roec_bg_final.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 100%;
}

/* FOOTER - EXTRA ALCOHOL WARNING */
.footer {
  position: relative;
}

@media print, screen and (min-width: 64em) {
  .footer {
    padding: 1rem 4rem;
    height: 16rem;
  }
}

@media print, screen and (min-width: 64em) {
  .page-wrapper {
      padding-top: 5rem;
      padding-bottom: 16rem;
      margin-bottom: -16rem;
  }
}

.footer .footer__wrapper:before {
  min-height: 64px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: white;
  content: "ENJOY RESPONSIBLY. NOT FOR SALE TO PERSONS UNDER THE AGE OF 18 - ANHEUSER BUSCH INBEV @2019";
  color: black;
  padding: 24px 24px;
  text-align: center;
  font-size: 15px;
  margin-top: -24px;
}

.footer .footer__logo {
  opacity: 0;
  display: none;
}

.footer__main .footer__links .footer__link-column:first-child .footer__link:first-child a {
  display: none;
}

.footer__main .footer__links .footer__link-column:first-child .footer__link:nth-child(2) {
  margin-top: 0;
}

.ticket-selection__ticket-wrapper .ticket:before {
  background-color: rgba(0, 117, 190, 1);
}

.ticket-assignment-notify-via .radio-button-group:last-child {
  display: none;
}

/* EVENT BANNERS */
.event-banner.bg-gradient-secondary {
  background-image: none !important;
  background: rgba(0, 117, 190, 1) !important;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}

.event-banner.bg-gradient-secondary .btn{
  color: rgba(0, 117, 190, 1) !important;
}




/* Present your ticket barcode from the Republic of Extra Cold website using your phone at the event. */

.purchase-process-wrapper .bg-card .grid .grid__cell:nth-child(2) .grid span.color-body-light {
  font-size: 0;
  position: relative;
  width: 100%;
  display: block;
}

.purchase-process-wrapper .bg-card .grid .grid__cell:nth-child(2) .grid span.color-body-light:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "Present your ticket barcode from the Republic of Extra Cold website using your phone at the event.";
  font-size: 13px;
  color: #667480;
}

/* LOGIN / SIGNUP MODAL _ REGISTRRATION */
.section-tabs__title.is-active a::before {
  background-color: rgb(0, 117, 190);
}

/* RANDOM LINK COLOR */
.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: rgb(0, 117, 190);
}

/* REGISTRATION MODAL - SUCCESS - HIDE CONTINUE BUTTON */
.modal__content.pre-registration.bg-card .bg-card.inset--medium {
  display: none;
}

/* TICKET PURCHASE PROCESS BACKGROUND */
.ticket-cart .ticket-cart__header .ticket-cart__icon svg {
  stroke: white;
}

.ticket-cart .ticket-cart__header .ticket-cart__title {
  color: white;
}

.ticket-cart__empty-state {
  color: white;
}

.ticket-cart__key {
  color: white;
  font-weight: bold;
}

.ticket-cart__value {
  color: white;
}

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

.field__inline-submit-button {
  color: rgb(0, 117, 190);
}

.ticket-promo-code {
  box-shadow: none;
}

.ticket-deck {
  color: white;
}

.ticket-deck__title {
  color: white;
}

.expiry-timer__message {
  color: white;
}

.expiry-timer__time {
  color: white;
}

.topup-selection__list-item.is-selected .topup-selection__indicator {
  color: rgb(0, 117, 190);
}

.secure-button__logos svg {
  fill: white;
}

.secure-button:hover .secure-button__disclaimer svg {
  fill: white;
}

.t-legal {
  color: white
}

.t-legal .text-link {
  color: white;
  font-weight: bolder;
}

.purchase-process-wrapper .t-h1.t-align--center.offset-top--large {
  color: white;
}

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

.purchase-process-wrapper .box {
  box-shadow: none;
}

.ticket-info:before {
  background-color: rgb(0, 117, 190);
}

/* TICKET WALLET */

.ticket-wallet {
  background-image: url(https://white-labelling-assets.s3.us-east-2.amazonaws.com/castleliteroec/roec_bg_final.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-color: rgb(0, 117, 190);
}

.wallet-event__cashless-banner {
  background-color: rgb(0, 117, 190);
  background-image: none;
}

.wallet-event__detail-icon {
  color: white;
}

.wallet-event__detail-label {
  color: white;
}

.objectfit .wallet-event__event-image {
  background-color: rgb(0, 117, 190);
}

/* MOBILE */
.ticket-cart-drawer__view {
  color: rgb(0, 117, 190);
}

.ticket-cart-drawer__counter {
  background-color: rgb(0, 117, 190);
}

@media print, screen and (max-width: 45em) {
  .ticket-cart__key, .ticket-cart__value, .ticket-cart__attribute--total .ticket-cart__value {
    color: rgb(0, 117, 190);
  }

  .ticket-selection-layout__cart-wrapper {
    background-color: rgb(0, 117, 190) !important;
  }

  .ticket-cart__close svg {
    fill: white
  }

  .ticket-cart .ticket-cart__header .ticket-cart__title {
    color: white;
  }

  .ticket-cart .ticket-cart__header .ticket-cart__icon svg {
    stroke: white;
  }

  .ticket-deck {
    background-color: rgb(0, 117, 190);
  }
}

.ticket-success .ticket-success__ticket-list .wallet-ticket.wallet-ticket--assign-single .wallet-ticket__action .btn--muted {
  background: rgb(0, 117, 190);
}

.ticket-success .ticket-success__ticket-list .wallet-ticket.wallet-ticket--assign-multi .wallet-ticket__action .btn--muted {
  background: rgb(0, 117, 190);
}

.ticket-success .ticket-success__ticket-list .wallet-ticket .wallet-ticket__action .btn--muted {
  background: rgb(0, 117, 190);
}

.custom-html__content {
  max-width: 40rem;
  margin: 0 auto;
  margin-bottom: 20px;
}

.btn--utility:not([disabled]):hover, .btn--muted:not([disabled]):hover {
  background-color: rgba(255,255,255,0.76);
}