/*Make logo bigger*/
.squadup-checkout-app
  .squadup-navigation-view-container
  .squadup-user-banner
  .banner-image {
  /*width: 300px !important;*/
  margin: 20px 0 40px 0 !important;
  max-width: 20% !important;
}

/*Hide top PBS*/
/*.powered-by-squadup{
	display: none !important;
}*/

/*Add PBS below checkout button*/
/*div.col-sm-12.squadup-embed-view > div:nth-child(2) > div.text-center:after {
    display: block;
    content: url(pb-white.png);
}*/

/*Change color of pre-loader*/
.squadup-checkout-app .squadup-checkout-embed-spinner ul.cssload-loader li {
  background-color: #58c4dd !important;
  width: 10px;
  height: 10px;
  float: right;
  margin-right: 5px !important;
}

/*Change background color*/
/*body{
	background-color: #090A0E !important;
}*/

/*Change border of event box*/
.squadup-checkout-app
  .squadup-navigation-view-container
  .squadup-checkout-event-box {
  border: 1px solid #58c4dd !important;
}

/*Change background of event box*/
.squadup-checkout-app
  .squadup-navigation-view-container
  .squadup-checkout-event-box
  .date {
  background-color: #58c4dd !important;
}

/*Change background of cal / list switcher*/
.squadup-checkout-app
  .squadup-navigation-view-container
  .su-nav-switcher-container
  a {
  color: #58c4dd !important;
  border: 1px solid #58c4dd !important;
}

.squadup-checkout-app
  .squadup-navigation-view-container
  .su-nav-switcher-container
  a.active {
  background-color: #58c4dd !important;
  color: #58c4dd !important;
}

/*Change color of cal arrows*/
.squadup-navigation-view-container
  .rbc-calendar
  .rbc-toolbar
  .rbc-btn-group
  button:nth-child(2):before {
  color: #58c4dd !important;
}

.squadup-navigation-view-container
  .rbc-calendar
  .rbc-toolbar
  .rbc-btn-group
  button:nth-child(3):before {
  color: #58c4dd !important;
}

/*Change bg color of cal event*/
.squadup-navigation-view-container .rbc-event {
  background-color: #58c4dd !important;
}

/*Event Name Formatting*/
.squadup-checkout-app
  .squadup-navigation-view-container
  .squadup-checkout-event-box
  .description-container
  .description-inner
  .event-name {
  color: black !important;
  font-size: 20px !important;
  letter-spacing: 1px !important;
  line-height: 30px !important;
}

/*Changing ticket table color to white*/
.squadup-tickets-table {
  color: black !important;
}

/*Adding scale to list hover*/
.squadup-checkout-event-box {
  transition: all 0.2s ease-in-out !important;
}
.squadup-checkout-event-box:hover {
  transform: scale(1.03) !important;
}

/*Adding bottom margin*/
.location-address {
  margin-bottom: 20px !important;
}

/*Removing h1*/
.squadup-user-banner > h1 {
  display: none !important;
}

/*Back arrow*/
.squadup-checkout-app
  .squadup-navigation-view-container
  .squadup-checkout-nav
  a {
  color: #000000 !important;
}

/*Change title time and loc to white*/
.title,
.time,
.loc {
  color: black !important;
}

/*Checkout button style*/
.squadup-checkout-app .btn-danger {
  background-color: black !important;
  border-color: black !important;
  transition: all 0.1s ease-out !important;
  font-weight: 700 !important;
  /* border-radius: 0 !important; */
}

.squadup-checkout-app .btn-danger:hover {
  /*opacity: 0.85;*/
  cursor: pointer;
  transform: scale(1.03);
}

/*Add to cart button style*/
.squadup-checkout-app .btn-info {
  background-color: #58c4dd !important;
  border-color: #58c4dd !important;
  transition: all 0.1s ease-out !important;
  margin-bottom: 15px !important;
  font-weight: 700 !important;
  /* border-radius: 0 !important; */
}

.squadup-checkout-app .btn-info:hover {
  /*opacity: 0.85;*/
  cursor: pointer;
  transform: scale(1.03);
}

/*Final Checkout button styles*/
.squadup-checkout-submit-payment {
  background-color: #58c4dd !important;
  border-color: #58c4dd !important;
  transition: all 0.1s ease-out !important;
  /* border-radius: 0 !important; */
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
}

.squadup-checkout-submit-payment:hover {
  /*opacity: 0.85;*/
  cursor: pointer;
  transform: scale(1.03);
  color: white !important;
}
/*adding line height to inner*/
.inner {
  line-height: 30px !important;
  letter-spacing: 0.9px !important;
}

.squadup-countdown-timer {
  color: #58c4dd !important;
}

/*Checkout Title styles*/
.squadup-checkout-app
  .squadup-row-centered
  > .squadup-navigation-view-container
  .page-title-ident {
  color: #58c4dd !important;
  border-bottom: 1px solid #58c4dd !important;
  margin-top: -20px !important;
  text-transform: uppercase !important;
}

/*Changing event box border*/
.squadup-checkout-app
  .squadup-navigation-view-container
  .event-checkout-detail {
  border: 2px dashed #58c4dd !important;
}

/*Centering edit qty button*/
.squadup-checkout-app .btn-group-sm > .btn,
.squadup-checkout-app .btn-sm {
  margin: 0 auto !important;
  display: block !important;
  margin-bottom: 20px !important;
  border-radius: 0 !important;
}

/*Changing text colors to white*/
.squadup-checkout-attendee-info {
  color: black !important;
}

.squadup-checkout-app {
  color: black !important;
}

/*Hiding HR below paypal / masterpass buttons*/
#squadup-checkout
  > div
  > div
  > div
  > div
  > div.col-sm-12.squadup-embed-view
  > div:nth-child(2)
  > div:nth-child(7)
  > div:nth-child(1)
  > div.row
  > div
  > hr {
  visibility: hidden !important;
}

/*Making cal text color black*/
.rbc-calendar {
  color: black !important;
}

/*Shrinking title 1px so it fits on 1 line*/
.squadup-checkout-app
  .squadup-navigation-view-container
  .squadup-even-titlebar
  .inner
  .title {
  font-size: 26px !important;
  line-height: 36px !important;
  margin-bottom: 20px !important;
  /*margin-top: -20px !important;*/
}

/*full screen bg*/
/*html {
  background: url(bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}*/

html {
  background-color: white;
}

/*alternating bgs*/
/*.squadup-checkout-app .squadup-navigation-view-container .squadup-checkout-event-box:nth-child(even){
	background-color: black !important;
}

.squadup-checkout-app .squadup-navigation-view-container .squadup-checkout-event-box:nth-child(odd){
	background-color: white !important;
}*/

/*font bigger on checkout*/
.event-checkout-detail {
  font-size: 130% !important;
  letter-spacing: 1px !important;
}

.squadup-checkout-attendee-info,
.squadup-payment-information,
.squadup-order-summary {
  font-size: 130% !important;
  letter-spacing: 1px !important;
}
/*
#squadup-checkout > div > div > div > div > div.col-sm-12.squadup-embed-view > div:nth-child(2) > div:nth-child(7){
	font-size: 130% !important;
	letter-spacing: 1px !important;
}

#squadup-checkout > div > div > div > div > div.col-sm-12.squadup-embed-view > div:nth-child(2) > div:nth-child(8){
	font-size: 130% !important;
	letter-spacing: 1px !important;
}

#squadup-checkout > div > div > div > div > div.col-sm-12.squadup-embed-view > div:nth-child(2) > div:nth-child(9) > div{
	font-size: 130% !important;
	letter-spacing: 1px !important;
}*/

/*global font*/
#squadup-checkout {
  font-family: "Roboto", sans-serif !important;
}

/*mobile summary align left*/
@media (max-width: 992px) {
  .squadup-summary-item > .text-right {
    text-align: left !important;
    margin-bottom: 15px !important;
  }
}

/*Adding margin below summary item*/
.squadup-summary-item {
  margin-bottom: 20px !important;
}

.squadup-tickets-table {
  letter-spacing: 1px !important;
  font-size: 120% !important;
}

h2,
h3 {
  font-weight: 700 !important;
  font-size: 30px !important;
}

h2 {
  letter-spacing: 2px !important;
}

a {
  color: #000000 !important;
}

div.row.squadup-order-summary > div {
  width: 100% !important;
  /*width: 80% !important;
	margin-left: 10% !important;*/
  margin: 0 auto !important;
  display: block !important;
}

div.squadup-payment-information > div:nth-child(1) > div.row > div {
  width: 100% !important;
  margin: 0 auto !important;
  display: block !important;
}

/*------------------------------------*\
  Typebase
\*------------------------------------*/

/*! Typebase.less v0.1.0 | MIT License */
/* Setup */
html {
  /* Change default typefaces here */
  font-family: serif;
  font-size: 137.5%;
  -webkit-font-smoothing: antialiased;
}
/* Copy & Lists */
p {
  line-height: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 0;
}
ul,
ol {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
ul li,
ol li {
  line-height: 1.5rem;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-top: 0;
  margin-bottom: 0;
}
blockquote {
  line-height: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  /* Change heading typefaces here */
  font-family: sans-serif;
  margin-top: 1.5rem;
  margin-bottom: 0;
  line-height: 1.5rem;
}
h1 {
  font-size: 4.242rem;
  line-height: 4.5rem;
  margin-top: 3rem;
}
h2 {
  font-size: 2.828rem;
  line-height: 3rem;
  margin-top: 3rem;
}
h3 {
  font-size: 1.414rem;
}
h4 {
  font-size: 0.707rem;
}
h5 {
  font-size: 0.4713333333333333rem;
}
h6 {
  font-size: 0.3535rem;
}
/* Tables */
table {
  margin-top: 1.5rem;
  border-spacing: 0px;
  border-collapse: collapse;
}
table td,
table th {
  padding: 0;
  line-height: 33px;
}
/* Code blocks */
code {
  vertical-align: bottom;
}
/* Leading paragraph text */
.lead {
  font-size: 1.414rem;
}
/* Hug the block above you */
.hug {
  margin-top: 0;
}

/*------------------------------------*\
  OLARK
\*------------------------------------*/

/*.squadup-navigation-view-container .rbc-calendar{
	min-width: 0 !important;
}

@media (max-width: 626px) {
.squadup-navigation-view-container .rbc-calendar .rbc-toolbar .rbc-btn-group button:nth-child(3){
	right: 70px !important;
}}*/

.su-nav-switcher-container {
  display: none !important;
}

/*changing back to View More*/

/*#squadup-checkout > div > div > div > div > div.squadup-checkout-nav > a > span:nth-child(2){
	visibility: hidden !important;
}

#squadup-checkout > div > div > div > div > div.squadup-checkout-nav > a > span:nth-child(2):after{
	visibility: visible !important;
	content: 'View More' !important;
	margin-left: -30px !important;
}*/

/*------------------------------------*\
  Flyer List Updates
\*------------------------------------*/

.squadup-checkout-get-tickets-btn {
  margin: 20px 0 !important;
  background-color: #58c4dd !important;
  border-color: #58c4dd !important;
  color: white !important;
  border-radius: 4px !important;
  font-size: 16px !important;
  font-weight: bold !important;
  letter-spacing: 0.1em !important;
  transition: all 0.1s ease-out !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.squadup-checkout-get-tickets-btn:hover {
  /*opacity: .9 !important;*/
  transform: scale(1.03);
}

.title-line-2 {
  font-size: 22px !important;
  line-height: 30px !important;
  margin-bottom: 20px !important;
  margin-top: -15px !important;
  font-weight: bold !important;
}

.squadup-checkout-app
  .squadup-row-centered
  > .squadup-navigation-view-container {
  max-width: 660px !important;
}

/*.loc > .location-address:after{
	content: '\A Ages 21+';
	white-space: pre-wrap;

}*/

.squadup-event-image {
  /*width: 50% !important;
	margin-bottom: 40px !important;
	margin: 0 auto !important;
	display: block !important;
	text-align: center !important;
	float: none !important;*/
  display: none !important;
}

.img-responsive {
  margin: 0 auto !important;
  display: block !important;
  text-align: center !important;
  /* margin-bottom: 20px !important; */
}

/*.squadup-event-description{
	width: 100% !important;
	border-bottom: 1px solid white;
}*/

.inner {
  font-weight: bolder !important;
}
/*
.squadup-event-description{
	display: none !important;
}*/

.start-at {
  color: #333 !important;
}

html {
  background: url(img/artist/hh-white.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.loc {
  display: none !important;
}

.squadup-checkout-app
  .squadup-navigation-view-container
  .squadup-froala-element {
  color: black !important;
  border-top: 1px solid #a7afc6 !important;
  padding-top: 20px !important;
  font-size: 150% !important;
}
.squadup-tickets-table {
  border-top: 1px solid #a7afc6 !important;
  margin-top: 20px !important;
  padding-top: 40px !important;
}

.time {
  margin-bottom: 10px !important;
}

.squadup-checkout-app
  .squadup-row-centered
  > .squadup-navigation-view-container {
  max-width: 800px !important;
}

.squadup-checkout-app
  .squadup-navigation-view-container
  .squadup-checkout-event-box:nth-child(odd) {
  background-color: #e8e8e8 !important;
}

.squadup-checkout-app
  .squadup-navigation-view-container
  .squadup-checkout-event-box
  .squadup-checkout-left-flyer {
  padding: 10px;
  max-height: 150px;
  width: 150px;
  flex: 0 0 auto;
}

.disclaimers {
  font-family: "Roboto", sans-serif !important;
  text-align: center;
  margin-top: 0px !important;
}

/*.squadup-checkout-app .squadup-navigation-view-container .squadup-checkout-event-box{   min-height: 270px !important;}*/
.squadup-checkout-left-flyer {
  max-width: 100% !important;
}

.squadup-checkout-app
  .squadup-navigation-view-container
  .jp-card
  .jp-card-back
  .jp-card-display,
.squadup-checkout-app
  .squadup-navigation-view-container
  .jp-card
  .jp-card-front
  .jp-card-display {
  color: #5b5b5b !important;
}

.squadup-checkout-app .badge {
  background-color: #686868 !important;
}

#squadup-checkout
  > div
  > div
  > div
  > div
  > div.col-sm-12.squadup-embed-view
  > div:nth-child(2)
  > div.row.form-group
  > div
  > p
  > a {
  display: none !important;
}

.squadup-event-search-form {
  display: none !important;
}

html {
  scroll-behavior: smooth;
}

.powered-by-squadup {
  margin: 0 auto;
  display: block;
}

/* Add these new styles */
body {
  opacity: 0;
  transition: opacity 0.3s ease;
}

body.loaded {
  opacity: 1;
}

#squadup-checkout {
  display: none;
}

/* Loading indicator */
.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.loader::after {
  content: "";
  width: 50px;
  height: 50px;
  border: 5px solid #ba004a;
  border-top: 5px solid #ffffff;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Improved filter visibility */
.filter-row {
  background-color: #f8f8f8;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 1rem;
  margin-bottom: 2rem;
}

@media (min-width: 768px) {
  .top-logo-wrapper {
    padding: 2rem 0;
  }
}

@media (max-width: 768px) {
  .filter-row {
    margin: 16px;
  }
}