/* ==========================================================================
   SquadUP checkout embed overrides
   Loaded on the Tickets page after the namespaced Bootstrap styles.
   ========================================================================== */


/* Modal & container
   ========================================================================== */

#squadUPModal .modal-header {
  position: relative;
  z-index: 999;
  padding: 0;
  border: 0;
}

#squadUPModal .modal-header:after {
  clear: left;
}

#squadUPModal .modal-header .close {
  float: right;
  padding: 1.5rem;
  color: #000;
  font-size: inherit;
  font-weight: bold;
  line-height: 1;
  text-shadow: 0 0 0 #000;
  -webkit-filter: none;
          filter: none;
  opacity: 1;
}

#squadup-checkout {
  padding: 0 25px 25px 25px;
}


/* Base reset: left-align text, inherit colors, drop SquadUP's borders
   ========================================================================== */

#squadup-checkout .squadup-checkout-app *,
#squadup-checkout .squadup-checkout-app .text-center,
#squadup-checkout .squadup-checkout-app .text-right,
#squadup-checkout .squadup-checkout-app .h3,
#squadup-checkout .squadup-checkout-app h3,
#squadup-checkout .squadup-checkout-app .squadup-row-centered>.squadup-navigation-view-container .page-title-ident,
#squadup-checkout .squadup-checkout-app .squadup-row-centered>.squadup-navigation-view-container .su-section-subtitle,
#squadup-checkout .squadup-checkout-app .squadup-navigation-view-container .squadup-checkout-nav a,
#squadup-checkout .squadup-checkout-app .squadup-navigation-view-container .squadup-checkout-nav a:hover,
#squadup-checkout .squadup-checkout-app .squadup-navigation-view-container .squadup-tickets-table .tickets .money-align {
  color: inherit;
  text-align: left;
  /* border-top: 0;
    border-right: 0;
    border-left: 0; */
}


/* Layout & grid
   ========================================================================== */

#squadup-checkout .squadup-checkout-app .container-fluid,
#squadup-checkout .squadup-checkout-app .col-sm-12 {
  padding: 0;
}

#squadup-checkout .squadup-checkout-app .col-xs-3,
#squadup-checkout .squadup-checkout-app .col-xs-4 {
  width: auto;
}

/* "View cart" link */
#squadup-checkout .squadup-checkout-app .pull-right {
  float: none !important;
  text-align: left;
}

/* Left-aligns the "Purchaser Information" section */
#squadup-checkout .squadup-checkout-app .squadup-row-centered>.squadup-navigation-view-container .flexxy-centered {
  display: block;
}

#squadup-checkout .squadup-checkout-app .squadup-row-centered>.squadup-navigation-view-container .flexxy-centered h3 {
  margin-left: 15px;
}

#squadup-checkout .squadup-checkout-app .gray-hr {
  margin: 20px 15px;
  background: #dedede;
}

@media (min-width: 769px) {
  #squadup-checkout .squadup-checkout-app div[class*="col-"]>div {
    float: none;
  }
}

@media (min-width: 992px) {
  #squadup-checkout .squadup-checkout-app .squadup-even-titlebar+.form-group+.row.form-group+.row>.col-md-4,
  #squadup-checkout .squadup-checkout-app .squadup-even-titlebar+.form-group+.row>.col-md-4 {
    width: 19.35rem;
  }
}

@media (min-width: 1024px) {
  #squadup-checkout .squadup-checkout-app .squadup-even-titlebar+.form-group+.row.form-group+.row>.col-md-4,
  #squadup-checkout .squadup-checkout-app .squadup-even-titlebar+.form-group+.row>.col-md-4 {
    width: 15rem;
  }
}


/* Headings & event title bar
   ========================================================================== */

#squadup-checkout .squadup-checkout-app .h3,
#squadup-checkout .squadup-checkout-app h3,
#squadup-checkout .squadup-checkout-app .squadup-row-centered>.squadup-navigation-view-container h2.page-title-ident {
  margin: 0 0 1rem 0;
  padding: 0;
  border: 0;
  font-size: inherit;
  font-weight: normal;
  text-transform: uppercase;
}

#squadup-checkout .squadup-checkout-app .h3 span,
#squadup-checkout .squadup-checkout-app h3 span,
#squadup-checkout .squadup-checkout-app .squadup-row-centered>.squadup-navigation-view-container h2.page-title-ident {
  color: #ee0022;
  letter-spacing: .05rem;
  font-weight: 700;
}

#squadup-checkout .squadup-checkout-app .squadup-even-titlebar {
  padding-bottom: 1rem;
}

#squadup-checkout .squadup-checkout-app .squadup-navigation-view-container .squadup-even-titlebar .inner .title {
  margin: 0 0 1rem 0;
  font-family: var(--brand-font);
  font-size: 1.75rem;
  font-weight: 300;
  font-style: normal;
  line-height: 1.2;
}


/* Checkout navigation
   ========================================================================== */

#squadup-checkout .squadup-checkout-app .squadup-navigation-view-container .squadup-checkout-nav {
  padding: 7px 0;
}

#squadup-checkout .squadup-checkout-app .squadup-cart-countdown a {
  font-size: inherit;
  font-weight: normal;
  display: inline-block;
  vertical-align: top;
}

/* Hide the "Back" button */
#squadup-checkout .squadup-checkout-app .squadup-navigation-view-container .squadup-checkout-nav>a {
  display: none;
}

#squadup-checkout .squadup-checkout-app .badge {
  background: #333;
  color: #fff;
  margin: -2px 2px 2px 0;
}



/* Tickets table
   ========================================================================== */

#squadup-checkout .squadup-checkout-app .squadup-tickets-table {
  font-size: inherit;
  font-weight: normal;
}

#squadup-checkout .squadup-checkout-app .squadup-tickets-table .row.tickets.heading {
  border: 0;
  border-bottom: 1px solid #dedede;
  padding: 0;
  margin: 1rem 0 .5rem 0;
}

#squadup-checkout .squadup-checkout-app .squadup-tickets-table .hidden-xs .row.tickets.heading .col-sm-2.money-align:last-of-type {
 transform: translateX(-1.25rem);
}


#squadup-checkout .squadup-checkout-app .squadup-tickets-table .row.tickets {
  margin: 0;
}


#squadup-checkout .squadup-checkout-app .squadup-tickets-table .row.tickets>div>.row>div {
  padding: 0 15px;
}

@media (max-width: 767px) {
  #squadup-checkout .squadup-checkout-app .squadup-tickets-table .row.tickets .col-md-5 {
    padding-left: 0;
  }

  #squadup-checkout .squadup-checkout-app .squadup-tickets-table .row.tickets>div>.row>div {
    padding: 5px 1.5rem 5px 0;
  }

  #squadup-checkout .squadup-checkout-app .squadup-tickets-table .row.tickets>div>.row>div .visible-xs {
    display: block;
    margin-bottom: 5px;
  }
}

#squadup-checkout .squadup-checkout-app .squadup-navigation-view-container .squadup-tickets-table .tickets {
  border: 0;
}

#squadup-checkout .squadup-checkout-app .squadup-tickets-table .row .col-xs-offset-4 {
  margin-left: 0;
}


#squadup-checkout .row.tickets>div.col-sm-4 {
  margin-bottom: .5rem;
  padding: 0;

}

@media (max-width: 767px) {
  #squadup-checkout .squadup-checkout-app .squadup-navigation-view-container .squadup-tickets-table .ticket-total {
    margin-top: 0;
    font-weight: bold;
  }
}


/* Cart / checkout detail
   ========================================================================== */

#squadup-checkout .squadup-checkout-app .squadup-navigation-view-container .event-checkout-detail {
  margin-bottom: 1rem;
  padding: 0;
  border: 0;
}

#squadup-checkout .squadup-checkout-app .squadup-navigation-view-container .event-checkout-detail .edit-qty-btn,
#squadup-checkout .squadup-checkout-app .squadup-navigation-view-container .event-checkout-detail .btn-info {
  margin: 0;
  padding: 5px 10px;
  background: #fff;
  border-color: #dedede;
  color: #333;
  /* font-size: 12px; */
  line-height: 1.5;
  border-radius: 3px;
}


/* Hidden Items
   ========================================================================== */

#squadup-checkout .squadup-checkout-app .time,
#squadup-checkout .squadup-checkout-app .loc,
#squadup-checkout .squadup-checkout-app .squadup-checkout-button-wrapper>p,
#squadup-checkout > div > div > div > div > div.col-sm-12.squadup-embed-view > div:nth-child(2) > div.row.form-group > div > p > a > span {
  display: none;
}


/* Loading spinner
   ========================================================================== */

.squadup-checkout-embed-spinner ul.cssload-loader li {
  background: linear-gradient(to bottom right, var(--brand-color), #a400ef 100%);
}