/*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: #ab65af !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 #ab65af !important;
}
/*Change background of event box*/
.squadup-checkout-app
.squadup-navigation-view-container
.squadup-checkout-event-box
.date {
background-color: #ab65af !important;
}
/*Change background of cal / list switcher*/
.squadup-checkout-app
.squadup-navigation-view-container
.su-nav-switcher-container
a {
color: #ab65af !important;
border: 1px solid #ab65af !important;
}
.squadup-checkout-app
.squadup-navigation-view-container
.su-nav-switcher-container
a.active {
background-color: #ab65af !important;
color: #ab65af !important;
}
/*Change color of cal arrows*/
.squadup-navigation-view-container
.rbc-calendar
.rbc-toolbar
.rbc-btn-group
button:nth-child(2):before {
color: #ab65af !important;
}
.squadup-navigation-view-container
.rbc-calendar
.rbc-toolbar
.rbc-btn-group
button:nth-child(3):before {
color: #ab65af !important;
}
/*Change bg color of cal event*/
.squadup-navigation-view-container .rbc-event {
background-color: #ab65af !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: #ab65af !important;
border-color: #ab65af !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: #ab65af !important;
border-color: #ab65af !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: #ab65af !important;
}
/*Checkout Title styles*/
.squadup-checkout-app
.squadup-row-centered
> .squadup-navigation-view-container
.page-title-ident {
color: #ab65af !important;
border-bottom: 1px solid #ab65af !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 #ab65af !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: "Montserrat", 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: #826b6a !important;
border-color: #826b6a !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: "Montserrat", 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 #826B6A;
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;
}
}