/*Squadup Modifications*/
/*
COLORS
$primary: #333333;
$secondary: #E40C69;
$secondary-light: #FF519D;
$secondary-dark: #E40C69;
$blue-light: #D1F3FD;
$input-placeholders: #bababa;
$sobewff_blue: #40BFF0;
*/

.login-password-protected #ticket_popup {
  display: none !important;
}

label[for=question-0],
label[for=question-1],
label[for=question-2],
label[for=question-3],
label[for=question-4] {
  display: flex !important;
}

label[for=question-0] span:first-of-type,
label[for=question-1] span:first-of-type,
label[for=question-2] span:first-of-type,
label[for=question-3] span:first-of-type,
label[for=question-4] span:first-of-type {
  order: 2 !important;
  margin-left: 10px !important;
}
label[for=question-0] span:last-of-type,
label[for=question-1] span:last-of-type,
label[for=question-2] span:last-of-type,
label[for=question-3] span:last-of-type,
label[for=question-4] span:last-of-type {
  order: 1 !important;
}

#ticket_popup {
  width:100% !important;
  max-width:100% !important;

  background:rgba(0,0,0,.85);
  background: linear-gradient(135.51deg, rgba(255, 81, 157, .75) 0%, rgba(64, 191, 240, .75) 100%);
}

#ticket_popup .modal-dialog {
    width:95% !important;
    max-width: 95% !important;
    margin: 30px auto;
}

@media screen and (min-width: 768px) {
  #ticket_popup .modal-dialog {
    width:700px !important;
    max-width: 700px !important;
    top: 5vh !important;
    width:65vw !important;
    max-width: 65vw !important;
    min-width: 700px !important;
  }

  #ticket_popup .modal-dialog.modal-wide {
    width:65vw !important;
    max-width: 65vw !important;
    min-width: 700px !important;
  }
  #ticket_popup .modal-dialog.modal-wide .squadup-user-banner {
    background-color: #FFF;
  }
}

.squadup-checkout-app .squadup-row-centered > .squadup-navigation-view-container {
  font-size: 17px;
  line-height: 26px;
}

#ticket_popup .close {
  position: absolute;
  top: 10px;
  right: 12px;
  z-index: 5;
  color: #333;
  opacity: 1;
  font-size: 12px;
  text-shadow: none;
  background-color: #FFF;
  border-radius: 100%;
  padding: 8px;
  transition: all 0.25s ease-in-out;
}
#ticket_popup .close:hover {
  background-color: #333;
  color: #FFF;
}

#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,
#squadup-checkout-mobile > div > div > div > div > div.col-sm-12.squadup-embed-view > div:nth-child(2) > div.row.form-group > div > p > a > span{visibility: hidden !important;}

#squadup-checkout .squadup-embed-view {
  padding: 0 25px !important;
}

#squadup-checkout > div > div > div > div > div.col-sm-12.squadup-embed-view > div:nth-child(2) > div:nth-child(4) {
  justify-content: center !important;
}

#squadup-checkout > div > div > div > div > div.col-sm-12.squadup-embed-view > div:nth-child(2) > div:nth-child(4) > div.col-md-4.col-md-offset-1.form-group {
  margin-left: 0 !important;
}

button.btn.btn-primary.btn-block.active {
  background-color: #333333 !important;
}
#ticket_popup .modal-body {
  padding: 0;
}

#ticket_popup .modal-content {
  border: 4px solid #40BFF0;
  border-radius: 20px !important;
  //border: 10px solid rgba(255, 255, 255, .5);
  box-shadow: 0 0px 32px 1px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.squadup-checkout-app b,
.squadup-checkout-app strong,
.squadup-checkout-app label {
    font-weight: 600 !important;
}

.squadup-cart-countdown {
  display: none !important;
}

@media all and (-ms-high-contrast:none)
 {
   /*****IE 11 Flex Fix********/
   .row.squadup-checkout-attendee-info.flexxy-centered {
     display:block !important;
   }
 }


/******** Summary Padding **************/
.squadup-summary-item{
  padding: 20px !important;
}
/************ bundles ******************/
#squadup-checkout .row.tickets small > p,
#squadup-checkout .row.tickets small > ul > li{
  font-size:16px !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 *************/
#squaudp-checkout > .squadup-embed-view {
  color:#333333;
}
#squadup-checkout > div > div > div > div {
  width:100% !important;
  max-width:100% !important;
}
.squadup-checkout-app .inner {
  width:100% !important;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 15px;

}
/********** buttons **************/
/*add to cart button*/
.squadup-checkout-app .btn {
  background-color:#E40C69 !important;
  color:#FFF !important;
  border:0 !important;
  border-radius:100px !important;
}
.squadup-checkout-app .btn-info {
  background-color:#333333 !important;
  color:#FFF !important;
  border:0 !important;
  border-radius:100px !important;
}
.squadup-checkout-app .btn-danger {
  background-color:#E40C69 !important;
  color:#FFF !important;
  border-radius:100px !important;
  border:0 !important;
}
#squadup-shopping {
  text-align:center;
}
#squadup-shopping a {
  display:block !important;
  border:1px solid #333333 !important;
  border-radius:100px !important;
  color:#333333 !important;
  max-width: 200px !important;
  margin: 25px auto 30px !important;
  padding: 10px 16px !important;
  text-decoration: none !important;
  font-weight: 400 !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:22px !important;
  right:80px !important;
  padding:0 !important;
}
.squadup-checkout-app .squadup-checkout-nav a:nth-child(1){
  display:none;
  color:#333333;
}
.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:flex-start !important;
  margin-bottom: 0 !important;
  background-color: #004977;
}
.squadup-checkout-app .squadup-navigation-view-container .squadup-user-banner .banner-image {
  max-width:100%;
  width: 700px;
  min-height: 35px;
  margin: 0 auto;
}
.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;
}

/*Preloader*/
.squadup-checkout-app .squadup-checkout-embed-spinner ul.cssload-loader li{
  background-color:#E40C69 !important;
  width:10px;
  height:10px;
  float:right;
  margin-right:5px!important
}
/************* end popup content area *******************/

/*************** form group links *************************/
.squadup-checkout-app a {
  color:#333333 !important;
}
/************* title/date/time/location *******************/
.squadup-checkout-app .squadup-even-titlebar {
  text-align:left !important;
  color:#333333 !important;

}
.squadup-checkout-app .squadup-even-titlebar .title{
  margin:25px 0 30px !important;
  font-size:26px !important;
  line-height:30px !important;
  font-weight:600 !important;
  color:#333333 !important;
  width: 100% !important;

}
.squadup-checkout-app .time,
.squadup-checkout-app .loc {
  //width:50%;
  flex: 1;
  margin-bottom: 10px !important;
}
.squadup-checkout-app .time {
  margin-right:0;
}
.squadup-checkout-app .time:before {
  content:"Date & Time";
  display:block;
  font-size:17px;
  line-height:26px;
  font-weight:600;
  margin-bottom:8px;
}

.squadup-checkout-app .time,
.squadup-checkout-app .loc,
.squadup-checkout-app .location-address a {
  color:#333333 !important;
  text-transform:capitalize !important;
  font-size:17px !important;
  line-height:26px !important;
}
.squadup-checkout-app .loc:before {
  content:"Location";
  display:block;
  font-size:17px;
  line-height:26px;
  font-weight:600;
  margin-bottom:8px;
}
/************* end title/date/time/location *******************/

/************* ticket table **********************/
.squadup-checkout-app .tickets.heading {
  background-color:#FFF;
  font-weight: 600 !important;
  border-bottom:1px solid #333 !important;
  border-top:1px solid #333 !important;
  padding:10px !important;
  color:#333 !important;
}
.squadup-checkout-app .squadup-tickets-table {
  max-width:96% !important;
  align-items:center !important;
  margin:20px 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 {

}

.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;
  line-height: 1;
  margin-top:-20px;
}
.squadup-checkout-app .row.tickets {
  text-align:left !important;
  align-items: flex-start !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:#333333 !important;
  border-bottom: 1px solid #333333 !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 monthly installment payment plan";
  display:block;
  white-space: pre-wrap;
  margin-top:-20px;
  visibility:visible !important;
}
.squadup-checkout-app .checkbox label, .squadup-checkout-app .radio label {
  line-height: 20px;
}
/************** end payment plan ****************/

/************** start donation area ****************/
.squadup-donation-button .btn {
  padding: 6px !important;
}
.squadup-donation-description {
  margin-top: 10px !important;
}
/************** end donation area ****************/

/************** Media Queries ****************/

@media only screen and (max-width:769px) {
  .squadup-checkout-app .squadup-even-titlebar .title {
    margin-bottom: 0 !important;
  }

  #ticket_popup .close {
    position: absolute;
    top: 10px;
    right: 12px;
    z-index: 5;
    color: #333;
    opacity: 1;
    font-size: 10px;
    text-shadow: none;
    background-color: #FFF;
    border-radius: 100%;
    padding: 7px;
  }

  .squadup-checkout-app .squadup-navigation-view-container .squadup-even-titlebar .inner .time,
  .squadup-checkout-app .squadup-navigation-view-container .squadup-even-titlebar .inner .loc {
    margin: 0 !important;
  }

  #squadup-checkout-mobile {
    margin-top: 1.25rem;
  }
  .squadup-checkout-nav,
  .squadup-user-banner {
    //display: none !important;
  }
  .squadup-checkout-app .inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  #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;
  }
  .row.form-group {

  }
  #squadup-checkout-mobile .btn {
    padding: 7px 25px !important;
  }

  .ticket-purchase main {
    padding-left:15px;
    padding-right:15px;
  }
  .ticket-purchase .header {
    padding-bottom:0 !important;
    margin-bottom:0 !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 #333333;
    border-bottom:1px solid #333333;
    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%;
  }
  #squadup-checkout-mobile .squadup-even-titlebar .title{
    margin:10px 0 20px !important;
    font-size:20px !important;
    line-height:23px !important;
    font-weight:600 !important;
    color:#333333 !important;
  }
  .squadup-checkout-app .squadup-row-centered>.squadup-navigation-view-container {
    max-width:100% !important;
  }
  #squadup-shopping {
    height:80px !important;
  }
}