/*Squadup Modifications*/
/************ bundles ******************/
#squadup-checkout .row.tickets small > p,
#squadup-checkout .row.tickets small > ul > li{
  font-size:14px !important;
}
#squadup-checkout .row.tickets small > ul {
  list-style:disc !important;
  margin-left:15px !important;
}
#squadup-checkout .row.tickets small >  ul > li {
  margin-bottom:10px;
}
/*********** containers *************/
#squadup-checkout > div > div > div > div {
  width:100% !important;
  max-width:100% !important;
}
.squadup-checkout-app .inner {
  width:100% !important;
}
/********** buttons **************/
/*add to cart button*/
.squadup-checkout-app .btn {
  background-color:#dd3301 !important;
  color:#FFF !important;
  border-radius:0 !important;
  border:0 !important;
}
.squadup-checkout-app .btn-info {
  background-color:#000 !important;
  color:#FFF !important;
  border-radius:0 !important;
  border:0 !important;
}
.squadup-checkout-app .btn-danger {
  background-color:#dd3301 !important;
  color:#FFF !important;
  border-radius:0 !important;
  border:0 !important;
}
#squadup-shopping {
  text-align:center;
}
#squadup-shopping a {
  display:block !important;
  border:1px solid #000 !important;
  color:#000 !important;
  max-width: 200px !important;
  margin: 25px auto 30px !important;
  padding: 10px 16px !important;
}
.squadup-checkout-app .edit-qty-btn {
  padding:8px 16px;
  margin:0 !important;
}
.squadup-checkout-app .btn.squadup-checkout-submit-payment {
  max-width:100% !important;
  width:200px !important;
  padding:15px 30px !important;
}
/************* end buttons *******************/
/************* top nav: back, cart, timer *******************/
.squadup-checkout-app .squadup-checkout-nav {
  position:absolute !important;
  top:10px !important;
  right:60px !important;
  padding:0 !important;
}
.squadup-checkout-app .squadup-checkout-nav a:nth-child(1){
  display:none;
  color:#000;
}
.squadup-checkout-app .squadup-view-cart-btn {
  display:inline-block !important;
}
/************* end top nav: back, cart, timer *******************/
/************* user banner area *******************/
.squadup-checkout-app .squadup-user-banner {
  align-items:start !important;
}
.squadup-checkout-app .squadup-user-banner .banner-image {
  max-width:100%;
}
.squadup-checkout-app .squadup-user-banner h1,
.squadup-checkout-app .squadup-user-banner div:first-of-type {
  display:none;
}
/************* end user banner area *******************/
/************* popup content area *******************/
.squadup-checkout-app .squadup-embed-view {
  padding:0 !important;
  margin-bottom:0;
}
/************* end popup content area *******************/
/*************** form group links *************************/
.squadup-checkout-app a {
  color:#000 !important;
}
/************* title/date/time/location *******************/
.squadup-checkout-app .squadup-even-titlebar {
  text-align:left !important;
  color:#000 !important;
}
.squadup-checkout-app .squadup-even-titlebar .title{
  margin:10px 0 20px !important;
  font-size:26px !important;
  line-height:30px !important;
  font-weight:700 !important;
}
.squadup-checkout-app .time,
.squadup-checkout-app .loc {
  width:40%;
  float:left;
}
.squadup-checkout-app .time {
  margin-right:10%;
}
.squadup-checkout-app .time:before {
  content:"Date & Time";
  display:block;
  font-size:14px;
  line-height:20px;
  font-weight:bold;
  margin-bottom:8px;
}
.squadup-checkout-app .time,
.squadup-checkout-app .loc,
.squadup-checkout-app .location-address a {
  color:#000 !important;
  text-transform:capitalize !important;
  font-size:14px !important;
  line-height:18px !important;
}
.squadup-checkout-app .loc:before {
  content:"Location";
  display:block;
  font-size:14px;
  line-height:20px;
  font-weight:bold;
  margin-bottom:8px;
}
/************* end title/date/time/location *******************/
/************* ticket table **********************/
.squadup-checkout-app .tickets.heading {
  background-color:#e4e4e4;
  border-bottom:1px solid #a3b1c8 !important;
  padding:10px !important;
}
.squadup-checkout-app .squadup-tickets-table {
  max-width:96% !important;
  align-items:center !important;
  margin:40px auto !important;
}
/*hide ticket code unlock on first page*/
#squadup-checkout > div > div > div > div > div.col-sm-12.squadup-embed-view > div:nth-child(2) > div.row.form-group > div {
  display:none;
}
.squadup-checkout-app .tickets.heading {
  color:#000 !important;
}
.squadup-checkout-app .tickets.heading .col-sm-4 span:first-of-type {
  visibility:hidden !important;
}
.squadup-checkout-app .tickets.heading .col-sm-4 span:first-of-type:after {
  visibility: visible !important;
  content: "Events" !important;
  display:block;
  margin-top:-20px;
}
.squadup-checkout-app .row.tickets {
  text-align:left !important;
  align-items: top !important;
}
.squadup-checkout-app .row.tickets .row {
  align-items: center !important;
}
/************* end ticket table **********************/
/******************** Checkout area ***************************/
.squadup-checkout-app .page-title-ident {
  text-align:left !important;
  color:#000 !important;
  border-bottom: 1px solid #000 !important;
  padding:10px 0 !important;
}
.squadup-checkout-app .squadup-navigation-view-container .event-checkout-detail {
  border:0 !important;
  padding:0 !important;
  margin-bottom:25px !important;
}
.event-checkout-detail > .text-center {
  text-align:left !important;
}
/******************** end Checkout area ***************************/
/************* continue shopping margin/height**********/
.squadup-checkout-app .squadup-embed-view {
  margin-bottom:0 !important;
  min-height:none;
}
/************* end continue shopping margin/height**********/
/************** Center divs ****************/
#squadup-checkout .squadup-payment-information > div:nth-child(1) > div.row > div,
#squadup-checkout .col-sm-12.squadup-embed-view > div:nth-child(2) > div.row.squadup-order-summary > div {
  margin: 0 auto !important;
}
/************** end Center divs ****************/
/************** start payment plan ****************/
#payment-plan-container > div.checkbox > label > span {
  visibility: hidden !important;
}
#payment-plan-container > div.checkbox > label > span:after {
  content: "Purchase using interest free payment plan";
  display:block;
  white-space: pre-wrap;
  margin-top:-20px;
  visibility:visible !important;
}
/************** end payment plan ****************/
/************** Media Queries ****************/
@media only screen and (max-width: 769px) {
    #squadup-checkout .col-md-4.col-md-offset-1.form-group,
    #squadup-checkout .col-md-6.form-group {
      width:100% !important;
      max-width:100% !important;
      flex: 0 0 100% !important;
    }
}
@media only screen and (max-width:767px) {
  .squadup-checkout-app .squadup-even-titlebar .title {
    font-size:20px !important;
    line-height:25px !important;
  }

  #squadup-checkout-mobile .squadup-checkout-nav {
    width:100% !important;
    height:40px !important;
    text-align:center !important;
    position:unset !important;
  }
  #squadup-checkout-mobile .squadup-cart-countdown {
    float:none !important;
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    padding-top:10px;
    padding-bottom:10px;
  }
  #squadup-checkout-mobile .squadup-user-banner {
    margin-top:20px;
  }
  #squadup-checkout-mobile .squadup-user-banner img {
    max-width:100%;
    width:100%;
  }
}