/*------------------------------------*\
  CARD
\*------------------------------------*/

.card {
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 6px;
}
.card > .card-link {
  color: #333;
}
.card > .card-link:hover {
  text-decoration: none;
}
.card > .card-link .card-img img {
  border-radius: 6px 6px 0 0;
}
.card .card-img {
  position: relative;
  padding: 0;
  display: table;
}
.card .card-img .card-caption {
  position: absolute;
  right: 0;
  bottom: 16px;
  left: 0;
}
.card .card-body {
  display: table;
  width: 100%;
  padding: 12px;
  background-color: white;
}
.card .card-header {
  border-radius: 6px 6px 0 0;
  padding: 8px;
}
.card .card-footer {
  border-radius: 0 0 6px 6px;
  padding: 8px;
}
.card .card-left {
  position: relative;
  float: left;
  padding: 0 0 8px 0;
}
.card .card-right {
  position: relative;
  float: left;
  padding: 8px 0 0 0;
}
.card .card-body h1:first-child,
.card .card-body h2:first-child,
.card .card-body h3:first-child,
.card .card-body h4:first-child,
.card .card-body .h1,
.card .card-body .h2,
.card .card-body .h3,
.card .card-body .h4 {
  margin-top: 0;
}
.card .card-body .heading {
  display: block;
}
.card .card-body .heading:last-child {
  margin-bottom: 0;
}

.card .card-body .lead {
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
}

@media (min-width: 768px) {
  .card .card-left {
    float: left;
    padding: 0 8px 0 0;
  }
  .card .card-right {
    float: left;
    padding: 0 0 0 8px;
  }

  .card .card-4-8 .card-left {
    width: 33.33333333%;
  }
  .card .card-4-8 .card-right {
    width: 66.66666667%;
  }

  .card .card-5-7 .card-left {
    width: 41.66666667%;
  }
  .card .card-5-7 .card-right {
    width: 58.33333333%;
  }

  .card .card-6-6 .card-left {
    width: 50%;
  }
  .card .card-6-6 .card-right {
    width: 50%;
  }

  .card .card-7-5 .card-left {
    width: 58.33333333%;
  }
  .card .card-7-5 .card-right {
    width: 41.66666667%;
  }

  .card .card-8-4 .card-left {
    width: 66.66666667%;
  }
  .card .card-8-4 .card-right {
    width: 33.33333333%;
  }
}

/* -- default theme ------ */
.card-default {
  border-color: #ddd;
  background-color: #fff;
  margin-bottom: 24px;
}
.card-default > .card-header,
.card-default > .card-footer {
  color: #333;
  background-color: #ddd;
}
.card-default > .card-header {
  border-bottom: 1px solid #ddd;
  padding: 8px;
}
.card-default > .card-footer {
  border-top: 1px solid #ddd;
  padding: 8px;
}
.card-default > .card-body {
}
.card-default > .card-img:first-child img {
  border-radius: 6px 6px 0 0;
}
.card-default > .card-left {
  padding-right: 4px;
}
.card-default > .card-right {
  padding-left: 4px;
}
.card-default p:last-child {
  margin-bottom: 0;
}
.card-default .card-caption {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}

/* -- price theme ------ */
.card-price {
  border-color: #fe0032;
  background-color: #ededed;
  margin-bottom: 24px;
}
.card-price > .card-heading,
.card-price > .card-footer {
  color: #333;
  background-color: #fdfdfd;
}
.card-price > .card-heading {
  border-bottom: 1px solid #ddd;
  padding: 8px;
}
.card-price > .card-footer {
  border-top: 1px solid #ddd;
  padding: 8px;
}
.card-price > .card-img:first-child img {
  border-radius: 6px 6px 0 0;
}
.card-price > .card-left {
  padding-right: 4px;
}
.card-price > .card-right {
  padding-left: 4px;
}
.card-price .card-caption {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}
.card-price p:last-child {
  margin-bottom: 0;
}

.card-price .price {
  text-align: center;
  color: #2d2d2d;
  font-size: 3em;
  /* text-transform: uppercase; */
  line-height: 1.5em;
  margin: 24px 0 16px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
}

.card-price .price2 {
  text-align: center;
  color: #2d2d2d;
  font-size: 1.5em;
  /* text-transform: uppercase; */
  line-height: 1.5em;
  margin: 24px 0 16px;
}

.card-price .price small {
  font-size: 0.4em;
  color: #66a5da;
}
.card-price .details {
  list-style: none;
  margin-bottom: 24px;
  padding: 0 18px;
}
.card-price .details li {
  text-align: center;
  margin-bottom: 8px;
}
.card-price .buy-now {
  text-transform: uppercase;
}
.card-price table .price {
  font-size: 1.2em;
  font-weight: 700;
  text-align: left;
}
.card-price table .note {
  color: #666;
  font-size: 0.8em;
}

html {
  scroll-behavior: smooth;
}

.banner-image {
  display: none !important;
}

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

small > p > ul {
  margin-top: 0 !important;
}

small > p,
small > p > ul,
small > p > ul > li {
  line-height: 1rem !important;
}

p.fr-tag {
  line-height: 0.8rem !important;
  margin-top: 8px !important;
}

li.fr-tag {
  line-height: 1rem !important;
}

ul.fr-tag {
  padding-left: 15px !important;
  margin-top: 0;
  margin-bottom: 8px;
}

div > hr {
  margin-top: 0;
  margin-bottom: 0;
}

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

.buy-now:active {
  border: none !important;
}

.disabled {
  background-image: linear-gradient(to right, #333 0%, #333 51%, #333 100%);
  border-color: #333 !important;
  opacity: 0.4 !important;
}

/* Remove if we get event images */
.no-card-img {
  display: none !important;
}

.squadup-checkout-app
  .squadup-navigation-view-container
  .squadup-checkout-nav
  a {
  color: #333 !important;
}

/* .time:after {
  display: inline;
  content: "Time Zone: PST";
  font-style: italic;
} */

.time {
  position: relative;
  font-weight: normal;
}

.card-price a.btn.disabled,
.card-price a.btn.disabled:hover {
  cursor: no-drop !important;
  pointer-events: auto !important; /* Override Bootstrap's pointer-events: none; */
}