/* General */

*, ::after, ::before {
  box-sizing: border-box;
}

html {
    font-size: 16px;
  }

  body {
    color: #000;
    font-family: 'Poppins', sans-serif;
  }

  h1 {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 16px;
  }

  h2 {
    font-weight: 700;
    text-transform: uppercase;
    margin: 8px 0 24px 0;
  }

  h3 {
    font-weight: 700; text-transform: uppercase; margin-bottom: 24px; margin-top: 24px; font-size: 1.5rem;
  }

  .g-breadcrumb {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
  }

  a {
  color: #000;
  }

  a, a:hover {
    text-decoration: none;
  }

  a:hover {
    color: var(--core)!important;

  }

  .g-strong {
    font-weight: 500!important;
  }

  input::placeholder {
    font-weight: 300;
    font-size: .875rem;
  }

  .g-img {
    border-radius: 8px;
  }

  .g-form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
  
.grecaptcha-badge { opacity:0; z-index: -1}


/* Buttons */

.g-button, .g-button-outline {
    font-weight: 700;
    text-transform: uppercase;
    padding: 8px 48px;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    transition: 0.3s;
    cursor: pointer;
}

.g-button {
    background-color: var(--core);
    color: #fff;
    border: solid 1px var(--core);
}

.g-button--navy {
  background-color: var(--primary-dark);
  color: #fff;
  border: solid 1px var(--primary-dark);
}

.g-button--success {
  background-color: var(--success);
  color: #000;
  border: solid 1px var(--success);
}

.g-button--warning {
  background-color: var(--warning);
  color: #000;
  border: solid 1px var(--warning);
}

.g-button--danger {
  background-color: var(--danger);
  color: #000;
  border: solid 1px var(--danger);
}

.g-button--info {
  background-color: var(--primary);
  color: #000;
  border: solid 1px var(--primary);
}

.g-button:hover {
    background-color: var(--primary-dark);
    color: #fff!important;
    border: solid 1px var(--primary-dark);
}

.g-button-hero {
    margin-right: 16px;
    margin-top: 16px;
}

.g-button:disabled {
  opacity: 0.5;
  cursor: no-drop;
}

@media (max-width: 996px) {  
    .g-button-hero {
      margin-right: 0;
    }
}

/* Alerts */

.g-alert {
    background-color: #f7f7f7;
    color: #000;
    padding: 16px;
    border-radius: 4px;
    margin-bottom: 24px;
}

.g-alert-success {
    background-color: #88D2C6;
    color: #208446;
}

/* container */
.g-ticket-selection--container {
  width: 100%;
  max-width: 1320px;
  margin:auto;
}

/* Empty state */

.g-empty-state {
    border-radius: 8px;
    padding: 24px;
    background-color: #f7f7f7;
    text-align: center;	
}

.g-empty-state-icon {
    font-size: 150px;
    color: #ddd;
}

.g-empty-state-title {

}

.g-empty-state-blurb {

}

/* Filter / Setting navigation */

.g-campaign-filters {
    width: 100%; 
    display: flex; 
    align-items: center; 
    justify-content: space-between;
}

.g-filters-left {
    display: flex; 
    align-items: center; 
    justify-content: flex-start;
}

.g-filters-right {
    display: flex; 
    align-items: center; 
    justify-content: flex-end;
}

.g-filter {
    display: flex;
    width: 350px;
    align-items: center;
    margin-right: 8px;
}

.g-filter-icon {
    font-size: 20px;
    border: solid 1px #ddd;
    border-radius: 32px 0 0 32px;
    padding: 5px 8px 5px 12px;
    border-right: none;
    background-color:#fff;
}

.g-filter-select {
    border-radius: 0 32px 32px 0;
    border: solid 1px #ddd;
    border-left: none;
    height: 42px;
}

@media (max-width: 1400px) { 
    .g-filter {
      width: 275px;
    }
}

@media (max-width: 992px) { 

    .g-filters-right {
        justify-content: flex-start;
    }

    .g-ticket-selection--container {
      padding: 0 16px
    }

}

@media (max-width: 576px) { 
    .g-filters-left {
        display: block;
        justify-content: center;
    }
    .g-filter {
      margin-bottom: 16px;
      width: 100%;
    }
}


/* event navigation */

.g-event--nav {
  display: flex;
  align-items: center;
  margin-top: 32px;
  margin-bottom: 16px;
}

/* Promo Code */

.g-promo {
    display: flex; 
    width: 350px; 
    align-items: center; 
}

.g-promo--icon {
    font-size: 20px; border: solid 1px #ddd; border-radius: 32px 0 0 32px; padding: 5px 8px 5px 12px; border-right: none; background-color: #fff;
  }

.g-promo--input {
    border-radius: 0;
    border: solid 1px #ddd;
    border-left: none;
    border-right: none;
    width: 100%;
    padding: 8px 8px 8px 8px;
    background-color: #fff;
    height: 42px;
}

.g-promo--btn {
    font-size: 20px; 
    border: solid 1px #ddd; 
    border-radius: 0 32px 32px 0; 
    padding: 4px 5px 4px 8px; 
    border-left: none; 
    background-color: #fff; 
    min-height: 42px; 
    min-width: 46px;
 }

#gpromobtn {
  background-color: transparent;
  color: #000;
  border: none;
  border-radius: 50%;
}

#gpromobtn:hover {
color: var(--primary-dark);
}

.g-promo--alert {
  text-align: center;
  padding: 8px;
  background-color: #000;
  color: #fff;
  border-radius: 8px 8px 0 0;
  margin: 0 24px;
}


.g-promo--error .g-promo--icon, .g-promo--error .g-promo--input {
  color: #F67C6D;
}

.g-promo--error .g-promo--icon, .g-promo--error .g-promo--input, .g-promo--error .g-promo--btn {
  border-color: #F67C6D;
}


.g-promo--success .g-promo--icon, .g-promo--success .g-promo--input {
  color: #12A68D;
}

.g-promo--success .promo_code_enter_code_button {    
  font-size: 20px;
  padding-top: 2px;
}

.g-promo--success .g-promo--icon, .g-promo--success .g-promo--input, .g-promo--success .g-promo--btn {
  border-color: #12A68D;
}

@media (max-width: 996px) {  

  .g-event--nav {
    display: block;
  }

  .g-promo {
    width: 100%;
    margin-bottom: 16px;
  }
}

/* resident button */

.g-resident {
    display: flex;
    align-items: center;
    font-size: 16px; 
    border: solid 1px #ddd; 
    border-radius: 32px; 
    padding: 5px 24px 5px 12px;    
    background-color: #fff; 
    min-height: 42px; 
    cursor:pointer;
    margin-left: 16px;
}

.g-resident--icon {
  font-size: 20px; 
  padding-right: 16px;
}

.g-resident:hover {
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
    color: #fff;
}

 /* Badges */

 .g-badge {
    background-color: #12A68D; 
    font-size: 12px; 
    font-weight: 700; 
    color: #fff; 
    text-transform: uppercase; 
    padding: 2px 8px; 
    border-radius: 4px; 
    display: inline-block; 
    margin-bottom: 4px;
}

.g-badge-recent {
    background-color: var(--success); 
    color: #000;
}


.g-badge-other {
    background-color: var(--warning); 
    color: #000;
}

.g-badge-navy {
  background-color: var(--primary); 
  color: #000;
}

@media (max-width: 996px) {  

  .g-resident {
    margin:0;
  }

}


/* Notice */



.g-notice-outline {
    font-weight: 700;
    text-transform: uppercase;
    padding: 8px 16px;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    background-color: transparent;
    color: var(--core);
    border: solid 1px var(--core);
  }

  .g-notice-status {
    font-weight: 700;
    text-transform: uppercase;
    padding: 8px 16px;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    background-color: transparent;
    color: #000000;
    border: solid 1px #000000;
    margin-bottom: 16px;

  }

  @media (max-width: 992px) { 
  
    .g-notice-outline, .g-notice-status {
      width: 100%;
    }
    .g-notice-outline, .g-notice-status {
      margin-top: 24px;
    }
  
  }

 /* Event List View */

 .g-event--container {

}

 /*.g-event-list-item {
    display: flex; 
    align-items: center; 
    justify-content: space-between; 
    border-bottom: 1px dashed #ddd; 
    padding-bottom: 24px; 
    margin-bottom: 24px;
}*/

.g-event-list-item {
  display: flex; 
  align-items: center; 
  justify-content: space-between; 
  padding: 16px; 
  margin-bottom: 24px;
  background-color: #f7f7f7;
  border-radius: 8px;
}

.g-event-list-img {
    width: 300px;
}

.g-event-list-img img {
    border-radius: 4px;
    width: 100%;
}

.g-event-list-details {
    width: calc(100% - 600px); 
    padding: 0 32px;
}

.g-event-list-preheader {
    font-weight: 700; 
    text-transform: uppercase; 
    margin-top: 0; 
    margin-bottom: 0;
  }

  .g-event-list-title {
    font-size: 32px; 
    margin: 8px 0 0 0; 
    display: inline-block;
  }
  
  .g-event-list-venue {
    margin-top: 8px; 
    margin-bottom: 0;
  }

  .g-event-title {
    font-size: 2rem;
    margin: 0;
  }


.g-event-subtitle {
    margin: 0;
}

.g-event-location {
    margin-top: 8px; 
    margin-bottom: 0;
}

.g-event-list-time {
    margin: 0;
}

.g-event-list-cta {
    width: 300px; 
    text-align: center;
}

.g-notice-outline {
    margin-bottom: 16px;
  }



@media (max-width: 996px) {  
    .g-button-event {
        margin-top: 16px!important;
    }
    .g-notice-outline {
        margin-bottom: 0!important;
    }

    .g-event-list-item {
        display: block;
      }
    
      .g-event-list-img, .g-event-list-details, .g-event-list-cta {
        width: 100%;
      }
    
      .g-event-list-details {
        padding: 0;
        text-align: center;
      }
    
      .g-notice-outline {
        width: 100%;
      }
      .g-notice-outline {
        margin-top: 24px;
      }
    
      .g-event-list-img {
        display: none;
      }
      
}

@media (max-width: 768px) {
    .g-event-list-cta .g-button {
      margin-top: 24px;
    }

    .g-event-title {
      font-size: 1.5rem;
    }
}



 /* Event Cal View */

 .g-cal-container {

 }

#month_selection.bottom{padding:0px 0px 40px 0px;}
#month_selection div {width: inherit;}
.cal_table tr td, .cal_table tr th {border-right: 1px dashed #ddd; width:14.27%!important; max-width:14.27%!important; padding: 8px;}

.cal_info .ev_cal_link{text-align: center;}
.cal_table th{border-top:none!important; padding:20px 10px!important; text-align: center;}
tr, .cal-table tr {border: none!important; border-style: none!important; border-color: transparent!important;}
.no_event_cell , .nodate{background-color: #fff;}
.move_right, .move_left {font-size:30px; cursor: pointer;}
.month_title{font-size:24px; font-weight: 700; text-transform: uppercase;}
.g-cal-title {text-transform: uppercase; font-weight: 700;}

.cal_table{border-bottom:dashed 1px #ddd;}
.campaign-type-series .ev_cal_title{display:block!important;}


.cal_type_events_near_me .ev_cal_title{font-size:16px;}

.calendar_event {
    background-color: #f7f7f7;
    border-radius: 4px;
    padding: 16px;
  }

  .g-event-number-outer {
      margin-bottom: 16px;
  }

  .g-event-number {
    background-color: var(--primary-dark);
    border-radius: 16px;
    padding: 2px 8px;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    min-width: 25px;
    text-align: center;
  }

  .g-event-info {
    display: block;
    font-size: 16px;
    padding-bottom: 5px;
  } 


  .cal_type_campaign .g-cal-title{display:none; font-size: 24px; font-weight: 700;}
  .cal_type_campaign .cal_secondary_event{display:block;}

  .g-event-cell .g-button {
    margin-top: 16px;
  }

 .g-event-cell .g-notice-outline {
    margin-top: 16px;
    margin-bottom: 0;
    width: 100%;
  }

  .calendar_event {
    margin-top: 16px;
  }

  .table {
      width: 100%;
      max-width: 100%;
      margin-bottom: 20px;
  }

  @media (max-width: 992px) { 
    .cal_table tr td, .cal_table tr th {
        width: 100%!important;
        max-width: 100%!important;
    }
  }

  .g-form-select {
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-arrow-down-short' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M8 4a.5.5 0 0 1 .5.5v5.793l2.146-2.147a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 1 1 .708-.708L7.5 10.293V4.5A.5.5 0 0 1 8 4z'/></svg>");    
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 24px 24px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  .form-select-cal {
    text-align: center; 
    font-weight: 700; 
    text-transform: uppercase; 
    border-radius: 32px;
    width: 100%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    font-size: 1rem;
    min-width: 400px;
  }



  #month_selection {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .no_event_cell .g-event-number {
    background-color: #ddd;
  }


/* Event Grid View */
    
.g-grid-container {
    display: flex; 
    flex-wrap: wrap; 
    align-items: stretch;
}


.g-grid-item {
    width: 33.33%;
    padding: 16px;
    border-left: dashed 1px #ddd;
    margin-bottom: 32px;
}

.g-grid-item:nth-child(3n),.g-grid-item:last-child  {
    border-right: dashed 1px #ddd;
}

.g-grid-item .g-flex-footer a, .g-grid-item .g-flex-footer span, .g-grid-item .g-flex-footer .g-notice-outline, .g-grid-item .g-flex-footer button{
    margin-top: 16px;
    width: 100%;
}

.g-grid-item .g-flex-footer .g-notice-outline {
    display: block;
    margin-bottom: 0;
}

.g-grid-item-img {
    border-radius: 8px; 
    margin-bottom: 24px;
}

.g-campaign--container {
  background-color: #fff;
  border-radius: 4px;
  margin: 8px 0;
  padding: 24px;
}

@media (max-width: 992px) { 

    .g-grid-item {
        width: 100%;
        padding: 0;
        border-left: none;
        border-bottom: 1px dashed #ddd;
        padding-bottom: 24px;
        margin-bottom: 24px;
    }

    .g-grid-item:nth-child(3n),.g-grid-item:last-child  {
        border-right: none;
    }

    .g-grid-item-img {
        display: none;
    }


    .g-grid-item .g-flex-main {
        text-align: left;
    }

    .g-grid-container {
        margin: 24px 0 8px 0;
    }

}

.g-fullSize {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
.g-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.g-flex-header {
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: right;
}

.g-flex-main {
    -ms-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-flex: 1.0;
    text-align: center;
}
.g-flex-footer {
    -ms-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    text-align: center;
}

/* Ticket selection */

.g-grid--container {
  display: flex;
  border-radius: 4px;
  max-width: 100%;
  margin: 8px 0;
}

.g-grid--column.left {
  flex-grow: 1;
  background-color: #fff;
  padding: 24px 48px 24px 24px;
}

.g-grid--column.right {
  width: 380px;
  flex: 0 0 380px;
  background-color: #f7f7f7;
  padding: 24px;
  text-align: center;
  border-radius: 8px;
}

@media (max-width: 992px) { 
  .g-grid--container {
      display: block;
  }

  .g-grid--column.left {
      padding: 16px;
  }

   .g-grid--column.right {
    padding: 16px;
}

  .g-grid--column.right {
      width: 100%;
      position: fixed;
      bottom: 0;
      left: 0;
  }



}

/* inner container */

.g-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;

  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;

  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.g-inner--header {
  -ms-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-box-flex: 1.0;
}

.g-inner--footer {
  -ms-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}

/* left */

/* header */

.g-grid--header {
  margin-bottom: 16px;
}

.g-grid--event {
  text-transform: uppercase;
  font-weight: 700;
  display: block;
}

/* items */

.g-item {
  display: flex;
  background-color: #f7f7f7;
  padding: 24px;
  margin-bottom: 16px;
  border-radius: 8px;
  align-items: center;
  gap: 16px;
}

.g-item--column.left {
  flex-grow: 1;              
}

.g-item--column.right {
  width: 180px;
  flex: 0 0 180px;
}

.g-item--badge {
 min-width: 42px;
 padding: 4px;
 color: #000;
 background-color: var(--success);
 border-radius: 4px;
 font-weight: 700;
 text-align: center;
 display: inline-block;
 
}

.g-item-title {
  display: block;
  font-weight: 700;
  font-size: 16px;
}

.g-item-desc{
  margin-top: 4px
}

.g-item-price {
  font-size: 20px;
  display: block;
  font-weight: 700;
  margin-bottom: 0;
}

.g-item-fee {
  font-size: 12px;
  color: #525252;
}

@media (max-width: 576px) { 
  .g-item {
      display: block;

  }

  .g-item--column.left {
      margin: 8px 0;
  }
}

/* footer */

.g-grid--footer {
  border-top: 1px solid #ddd;
  padding-top: 16px;
  margin-top: 16px;
}

.g-grid-paymenticons img{
  height: 34px;
}

@media (max-width: 992px) { 
  .g-grid-paymenticons {
      text-align: center;
  }

  .g-grid--container {
      margin: 24px 0 8px 0;
      box-shadow: none!important;
  }
  
}

/* terms */

.g-grid--terms {
  margin-bottom: 48px;
  padding: 0 16px;
  font-size: 12px;
  display: flex;
  flex-wrap:nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.g-grid--terms span {
  text-decoration: none;
  color: #000;
  margin-right: 16px;
  cursor: pointer;
}

.g-grid--terms a:hover {
  color: var(--core);
}

.g-terms--logo {
  margin-right: 0!important;
  margin-left: 8px;
}

.g-terms--logo img {
  width: 75px;
}

@media (max-width: 992px) { 
  .g-grid--terms {
      display: block;
      text-align: center;
  }
  
  .g-terms-powered {
      display: block;
      margin-top: 8px;
      margin-bottom: 8px;
  }
}


/* right */

.g-total {
  padding: 16px 0 0 0;
  position: sticky;
}

.g-total--title {
  display: block;
}

.g-total--price {
  display: block;
  margin-top: 8px; 
  margin-bottom: 16px; 
  font-weight: 700; 
  font-size: 48px;
}

.g-total--desc {
  display: block;
  color: #525252;
  font-size: 12px;
  margin-top: 12px;
}

.g-order--seatingplan {
  width: 100%;
  border-radius: 8px;
  margin-top: 16px;
}

.g-order-check {
  background-color: #FEE9B2; 
  padding: 16px; 
  border-radius: 8px; 
  margin-top: 16px; 
  text-align: left; 
  font-size: 12px;
  overflow: hidden;
}

.g-order-check label {
  display: flex; 
  flex-wrap: nowrap; 
  gap: 12px; 
}

.g-order-check input {
  margin-top: 2.5px;
}

.g-check--link {
  color :var(--core);
  text-decoration: underline;
  cursor: pointer;
  margin: 0;
}

.g-check--link a:hover {
  color :var(--primary-dark);
}

.g-inner--footer .g-button {
  margin-top: 16px;
  width: 100%;
}

.g-item-trans {
  display: block;
}

@media (max-width: 992px) { 
  .g-total--price, .g-total--title {
      font-size: 16px;
      display: inline-block;
  }

  .g-total {
      padding:0;
  }

  .g-total--title {
    display: none;
  }

  .g-total--price {
    margin:0;
  }
  .g-total--desc {
      font-size: 10px;
      margin-top: 8px;
  }

  .g-grid--terms {
      padding: 0;
  }

  .g-item-trans {
    display: inline-block;
    font-size: 12px;
}

  .g-grid--terms img {
      margin-top: 8px;
  }

  .g-grid--column.right {
      border-top: solid 1px #ddd;
      border-radius: 0px;
      z-index: 9999;
  }

}


/* Sort out */

.g-scrolltotop {
    position: fixed;
    bottom: 16px;
    left: 16px;
    border-radius: 8px;
    background-color: var(--primary-dark);
    color: #fff;
    font-size: 24px;
    width: 32px;
    height: 32px;
    text-align: center;
    display: none;
}

:root {
  --black: #000;
  --orange: var(--core);
  --grey-dark: #6f7881;
  --grey-meduim: #DDD;
  --grey-light: #F7F7F7;
  --navy-dark: var(--primary-dark);
}



header {
  width: 100%;
  background-color: #fff;
}


.g-header {display: flex; align-items: center; padding: 16px 0;justify-content: space-between; width: 100%;}
.g-header-logo {width: 50%;}
.g-header-nav {
  display: flex; align-items: center; width: 50%;
}

.g-header-logo img {margin-right: 16px;}

.g-header--link {
  margin: 0 8px;
}

.g-header-nav a {
  font-size: 32px; margin-left: 16px; color :#000;
}

.g-header-search-form, .g-header-search-form-hp {
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}

.g-header-search-form-hp div {
  box-sizing: border-box;
}

.g-header-search-form > div, .g-header-search-form-hp > div {
  width: 100%; 
  display: flex; 
  align-items: center;
  overflow: hidden;
}

.g-visible-form--mobile {
  display: none;
  padding: 0 16px 16px 16px;

}

@media (max-width: 576px) { 

  .g-visible-form--mobile, .g-visible-form--mobile .g-header-search-form, .g-nav-button {
    display: none;
  }
}


.mobile-logo {
  display:none;
}

@media (max-width: 768px) { 
  .g-header-logo {width: 50%;}
  .g-header-nav {
    width: 50%;
    justify-content: flex-end;
  }
  
}



@media (max-width: 992px) { 
  .g-header--link {
    display: none;
  }

  .g-header-logo {
    width: 52px;
  }

  .mobile-logo {
    display:block;
  }

  .g-header-nav {
      width: calc(100% - 62px);
  }

  .desktop-logo {
    display: none;
  }

  .g-header {
    padding: 8px 0;
  }

}

@media (max-width: 1400px) { 
  .g-link--experiences {
    display: none;
  }


}




.g-header-search-icon {
  font-size: 20px; border: solid 1px #ddd; border-radius: 32px 0 0 32px; padding: 5px 8px 5px 12px; border-right: none; background-color: #fff; height: 42px;
}

.g-header-search-btn {
  font-size: 20px; border: solid 1px #ddd; border-radius: 0 32px 32px 0; padding: 4px 5px 4px 8px; border-left: none; background-color: #fff; height: 42px; width: 46px;
}

.g-header-search-btn button {
    background-color: transparent;
    color: #000;
    border: none;
    border-radius: 50%;
}

.g-header-search-btn button:hover {
  color: var(--primary-dark);
}

.g-header-search {
    border-radius: 0;
    border: solid 1px #ddd;
    border-left: none;
    border-right: none;
    width: 100%;
    padding: 8px 8px 8px 8px;
    background-color: #fff;
    height: 42px;
  }

  input:focus{
    outline: none;
}

  *:focus {
    outline: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    box-shadow: 0 0 0 30px white inset !important;
}

.g-header-account-icon {
  background-color: var(--core);
  color: #fff!important;
  border-radius: 50%;
  height: 38px;
  width: 38px;
  font-size: 24px!important;
  font-weight: 700;
  display: flex; 
  align-items: center;
  justify-content: center;
  overflow: hidden;
  line-height: 0;
  padding-top: 3px;
}

svg {
  width: 20px;
}

.g-ticket-border-top, .g-ticket-border-bottom {
background: radial-gradient(ellipse at center, #fff 0%, #fff 30%, transparent 30%);
background-size: 35px 35px;
background-repeat: repeat-x;
background-position: -25px center;
width: 100%;
height: 20px;
position: relative;
z-index: 9999;
}

.g-ticket-border-top {
top: -10px;
margin-bottom: -20px;
}

.g-ticket-border-bottom {
bottom: -10px;
margin-top: -20px;
}

.g-hero {
padding: 48px 0 48px 0;
background-color: #f7f7f7;
margin-bottom: 48px;
}



.g-button-outline {
background-color: transparent;
color: var(--primary-dark);
border: solid 1px var(--primary-dark);
}

.g-button-outline:hover {
background-color: var(--primary-dark);
color: #fff!important;
border: solid 1px var(--primary-dark);
}

.g-hero-title {
font-size: 48px;
margin-bottom: 0;
}

.g-hero-subtitle {
margin:0;
}

.g-hero-blurb {
margin-top: 1rem;
}

.g-hero-details {
padding-right: 32px;
}

.g-hero-image img {
border-radius: 8px;
width: 100%;
height: auto;
aspect-ratio: 41 / 25;
}


.g-hero-image img.g-hero-image--custom {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;  
  }



@media (max-width: 992px) { 
.g-hero-image img {
margin-bottom: 24px;
}

.g-hero-details {
padding-right: 16px;
}

.g-hero-cta, .g-breadcrumb {
display: none;
}

.g-hero {
  padding: 24px 0;
  background-color: #f7f7f7;
  margin-bottom: 0!important;
}



.g-hero-title {
font-size: 24px;
}

.g-hero-blurb {
margin-bottom: 0;
}

}

@media (max-width: 992px) { 
.g-button, .g-button-outline {
width: 100%;
}

.g-button-scroll {
display: none;
}


}

/* overlay menu */


.g-overlay-menu-icon {
cursor: pointer;
font-size: 40px;  
color:#fff;
float: right;
}

span.g-overlay-menu-icon {
  color: #000;
  margin-left: 12px;
}

.g-overlay-menu {
background-color: #000;
padding: 16px 0 48px 0;
height: 100vh;
display: none;
position: fixed;
top: 0;
left:0;
width: 100%;
overflow: scroll;
overflow-y:overlay;
overflow-x:overlay;
z-index:10000;
}

@media (max-width: 768px) { 
.g-overlay-menu li {
text-align: center;
}
}


.g-overlay-menu ul {  
margin-top: 24px;
}

.g-overlay-menu li {
margin-bottom: 0.5rem;
font-size: 1rem;
}

.g-overlay-menu li:first-child {
margin-bottom: 1rem;
}


.g-overlay-menu-list {
margin-top: 2rem;
margin: 0;
padding: 0;
list-style: none;
}

.g-overlay-menu-list-title {
font-weight: 700;
font-size: 1rem!important;
text-transform: uppercase;
color: var(--core);
}

.g-overlay-menu a {
text-decoration: none;
color: #fff;
opacity: 0.9;
}



/* footer */


footer ul {
margin: 0;
padding: 0;
list-style: none;
}

footer a {
text-decoration: none;
color: var(--black);
}

footer .pipe {
margin: 0 0.5rem;
}

.g-footer {
background-color: var(--grey-light);
padding: 24px 0 24px 0;
}

.g-footer-top li {
margin-bottom: 0.5rem;
font-size: .875rem;
}

.g-footer-top li:first-child {
margin-bottom: 1rem;
}

.g-footer-bottom, .g-footer-bottom a {
color: #525252;
font-size: 0.75rem;
}

.g-footer-list {
margin-top: 2rem;
}

.g-footer-list-title {
font-weight: 700;
font-size: 1rem!important;
text-transform: uppercase;
}

.g-social-icon {
font-size: 1.25rem;
margin-left: 0.5rem;
}

.g-footer-bottom {
border-top: solid 1px var(--grey-light); 
padding: 1rem 0; 
margin-top: 2rem;
}


@media (max-width: 768px) {
.g-footer-copyright {
margin-top: 1rem;
}

.g-footer  {
text-align: center;
}

}


@media (max-width: 576px) {
.g-footer-social {
margin-top: 1rem;
}
}

.g-event-list-venue-link {
margin-right: 8px;
display: inline-block;
}


/* event list */

.g-main-event-list {
padding: 48px 0 48px 0;
}


.g-main-info {
padding: 48px 0;
}

.g-main-info h2{
  margin-top: 32px;
}

.g-main-min-height {
min-height: calc(100vh - 700px)
}

.g-main-search {
padding: 48px 0 0 0;
}

.g-main-search-container {
display: flex; align-items: center;
}

.g-main-info-left {
padding-right: 32px;
}

@media (max-width: 768px) {  
.g-main-info-left {
padding-right: 16px;
}
}

.g-related-link {font-size: 16px; margin: 8px 0;}


.g-video-frame, .g-spotify-frame {border-radius: 4px; width: 100%; height: 356.54px;}

.g-related-artist-item {align-items: center; margin-top: 24px; }

.g-related-artist-img {
border-radius: 4px; width:100%;
}

.g-related-artist-title {font-size: 16px;}

.review_content {
display: flex;
align-items: stretch;
gap: 16px;
flex-wrap: wrap;
width: 100%;
}

.g-reviews {padding: 48px 0;}

.g-related-news {border-bottom:dashed 1px #ddd; margin-bottom: 24px;}

.g-related-news-date {font-weight: 700; text-transform: uppercase; margin-top: 0; margin-bottom: 0;}

.g-related-news-title {font-size: 24px; margin: 8px 0;}

.g-related-blurb {margin-bottom: 8px;}

.g-related-link {
color:var(--core);
}

#reviews_prev {cursor: pointer;margin-bottom: 24px; margin-top: 8px;}

#reviews_next {float: right; cursor: pointer; margin-bottom: 24px; margin-top: 8px;}

.g-review-item {border-radius: 8px; border: solid 1px #ddd; padding: 16px; width: calc(50% - 8px);}


.g-review-title {font-weight: 700; text-transform: uppercase; margin-bottom: 24px; margin-top: 0;}

.g-review-posted {color: #000; margin-bottom: 0; font-weight: 700;}

.g-banner {padding: 48px 0;}

.g-banner-green {background-color: #12A68D;}

.g-banner-orange {background-color: var(--core);}

.g-banner-title {color: #000; margin: 0;}

.g-banner-title a {color: #000!important;}

.star_container {
color: var(--core);
align-items: center;
margin: auto;
margin-bottom: 16px;
}

.verified_purchase_badge {
margin-top: 5px;
margin-left: 16px;
}

.star_rating_outer {
color: var(--core);
margin-bottom: 0;
}

.review_paging {
width: 100%;
display: block;
padding-top: 16px;
overflow: auto;
}

@media (max-width: 768px) {  
.g-review-item {
width: 100%;
margin-left: 0;
margin-right: 0;
}


}



.g-ticket-selection-container {
border-radius: 4px; 
border: solid 1px #ddd; 
display: flex; 
flex-wrap: nowrap; 
align-items: stretch;
}

.g-ticket-selection-details {
flex-grow: 2; 
padding: 24px;
width: calc(100% - 380px);
}

.g-ticket-selection-header {
border-bottom: 1px solid #ddd; 
margin-bottom: 16px;
}

.g-ticket-selection-footer {
border-top: 1px solid #ddd; 
padding-top: 16px; 
display:flex; 
wrap: nowrap; 
justify-content: space-between;
margin-top: 24px;
}

.g-ticket-selection-footer p{
margin: 0;
}


.g-ticket-selection-event {
text-transform: uppercase; font-weight: 700;
}


.g-ticket-selection-receipt {
width: 325px; 
min-width: 325px; 
max-width: 325px; 
background-color: #f7f7f7; 
padding: 24px 24px 0 24px;
border-radius: 0 4px 4px 0;
}

@media (max-width: 996px) {  
.g-ticket-selection-container {
flex-direction: column;
}

.g-ticket-selection-details, .g-ticket-selection-receipt {
width: 100%;
min-width: 100%; 
max-width: 100%; 
}

}

/* Ticket selection general styling */




.g-ticket-title, .g-ticket-type-price {
font-size: 20px; 
font-weight: 700; 
display: block;
}

.g-ticket-desc, .g-ticket-type-face-value, .g-ticket-type-fees {
font-size: 12px; 
color: #525252;
font-weight: 400;
}

.g-ticket-type-fees {
  cursor: pointer;
}

.g-ticket-type-availability {
  font-weight: 700;
  text-transform: uppercase;
  padding: 8px 16px;
  border-radius: 4px;
  display: inline-block;
  text-align: center;
  background-color: transparent;
  color: var(--core);
  border: solid 1px var(--core);
}

.g-ticket-btn-plus, .g-ticket-btn-minus {
width: 36px; height: 36px;
border: none; 
border-radius: 4px; 
background-color: var(--primary-dark); 
color: #fff;
cursor: pointer;
}

.g-ticket-btn-minus {
padding: 7px 10px;
}

.g-ticket-btn-plus {
padding: 7px 10px;
}

.g-ticket-btn-plus:hover {
background-color: #12A68D; 
}

.g-ticket-btn-minus:hover {
background-color: #F67C6D; 
}

/* Ticket selection group */
.g-ticket-group	{
width: 100%; 
padding: 16px; 
border-top: solid 1px #ddd;
cursor: pointer;
border-radius: 4px;
}	




.g-ticket-group-link {
width: 100%;
text-align: left;
border: none;
margin-top: 16px;
border-radius: 4px;
}

.g-ticket-group-link.collapsed {
  background-color: transparent;
}

.g-ticket-group-link {
  background-color: #f7f7f7;
}

.g-ticket-group-link:hover {
  background-color: #6f7881;
  color: #fff;
}

.g-ticket-group-link:hover  .g-ticket-group-desc {
  color: #fff;
}


.g-ticket-group-title {
}

.g-ticket-group-ticket-icon {
/*transform: rotate(90deg);*/
display: inline-block;
margin-right: 8px;
}

.g-ticket-group-desc {
display: block;
padding-left: 33px;
}

.g-ticket-group-icon {
float: right;
}

.g-input-select {
display: block;
width: 100%;
padding: 0.375rem 1.75rem 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #000;
background-color: #fff;
background-image: url('https://cdn2.gigantic.com/templates/v2020/images/g-chevron-down.svg');
background-repeat: no-repeat;
background-position: right 0.5rem center;
background-size: 16px 12px;
border: 1px solid #ced4da;
border-radius: 0.25rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-align:center;
}

/* Ticket selection collection */

.g-ticket-collection {
border-radius: 4px; 
background-color: #f7f7f7; 
padding: 16px 16px 0 16px; 
margin-top: 16px; 
}


.g-ticket-collection-header {
width: 100%; 
padding-bottom: 12px;
display: flex;
align-items: center;
gap: 16px;
}

.g-ticket-collection-details {
width:100%;
padding-right: 24px;
}

.g-ticket-collection-image {
width: 150px;
border-radius: 4px;
margin-right: 16px;
}

@media (max-width: 996px) { 
 
.g-ticket-collection-image {
    width: 100%;
    border-radius: 4px;
    margin-right: 0;
    margin-bottom: 16px;
  }

}



.g-ticket-collection-title {

}	

.g-ticket-collection-desc {

}	

/* testing purposes for image only*/
.g-ticket-collection-image-61946959982146087251fc888d549789300 {
display: block;
}

.g-age-alert {
  background-color: #FDE9B2; padding: 16px; border-radius: 4px;
}

.g-important-alert {
font-weight: 700;
color: #000;
padding: 0 0 16px 0;
}

.alert-warning {
font-size: 12px;
}

/* ticket type */
.g-ticket-type {
display: flex; 
gap: 16px; 
align-items:center;
justify-content: space-between; 
flex-wrap: wrap;
padding: 16px 0;
border-top: solid 1px #ddd;
}


.div .g-ticket-type:not(:last-child):after {
border-bottom: none;
padding-bottom 0;
}

.g-ticket-details {
width: calc(100% - 375px);
}


.g-ticket-details--full {
  width: 100%;
}

.g-ticket-cost {
width: 170px;
}

.g-ticket-selection {
width: 170px; 
text-align: center;
}

.g-ticket-block {
width: 100%;
margin-bottom: 8px;
}

.g-ticket-qty {
display: flex; 
align-items: center; 
flex-direction: row; 
gap: 8px;
}


.g-ticket-type-title {
font-size: 16px; 
color: #000;
font-weight: 400;
}



@media (max-width: 996px) {  

.g-ticket-type {
flex-direction: row;
}

.g-ticket-details{
width: 100%;
}

.g-ticket-selection, .g-ticket-cost {
  width: 45%;
  display: block;
  float: left;
}

}

.g-ticket-type-single {
text-align: center; 
border-radius: 4px; 
padding: 16px; 
margin-bottom: 16px; 
border: solid 1px #ddd;
}

.g-ticket-cost-single {
display: flex; 
align-items: center; 
flex-direction: row; 
flex-wrap: nowrap; 
gap: 8px; 
margin: 24px 0; 
justify-content: center;
}

.g-ticket-cost-bg {
display: flex; 
align-items: center; 
justify-content: center; 
background-image: url(<?php echo WHITELABEL_IMAGE_URL; ?>/g-ticket.svg); 
background-repeat: no-repeat; 
background-position: center center; 
width: 75px; 
height: 115px; 
margin: 0 24px; 
text-align: center;
}

.g-ticket-cost-selection {
font-size: 32px; 
font-weight: 700; 
display: block; 
margin-top: 24px; 
}

.g-button-checkout {
width: 100%!important;
font-size: 16px;
}

.form-text a {
opacity: 0.5!important;
}

.g-alert-scroll-header {
border-radius: 4px 4px 0 0;
margin-bottom: 0px;
font-weight: 700;
}

.g-alert-scroll-body {
max-height: 200px;
overflow: scroll;
overflow-x: hidden;
border-top: dashed 1px #ddd;
border-bottom: solid 1px #ddd;
padding: 16px 24px;
margin-bottom: 24px;
}

.g-alert-icon {
margin-right: 8px;
}

.g-alert p {
margin-top: 8px;
}

.g-alert-error {
background-color: #FABDB5;
color: #842029;
}

.g-nav-button {
background-color: var(--core)!important; color: #fff!important; padding: 8px 24px!important; font-size: 16px!important;  border-radius: 32px!important;
font-weight: 700;
    text-transform: uppercase;
}

.g-nav-button:hover {
background-color: var(--primary-dark)!important;
color: #fff!important;
}

.g-nav-button--outline {
  background-color: var(--white)!important;
  border: solid 1px var(--primary-dark)!important;
  color: var(--primary-dark)!important;
  margin-left: 8px!important;
}

.g-nav-button--outline:hover {
  background-color: #1B3B6C!important;
  border: solid 1px #1B3B6C!important;
  color: #fff!important;
}

@media (max-width: 772px) { 
  .g-nav-button--outline {
    display: none!important;
  }

}


.g-alert-scroll-body::-webkit-scrollbar {
width: 5px;
height: 5px;
background-color: transparent;
}

.g-alert-scroll-body::-webkit-scrollbar-track {
padding: 5px;
}

.g-alert-scroll-body::-webkit-scrollbar-thumb {
background-color: #ddd;
border-radius: 32px;
}

.g-alert--login {
text-align: left;
}

.g-button--login {
margin-right: 24px;
}

@media (max-width: 992px) { 
.g-button--login {
margin-right: 0;
margin-bottom: 16px;
}
}

.g-homepage--filters {
  padding: 0 0 36px 0;
  background-color: #f7f7f7; 
}

.g-homepage--filters .g-campaign-filters {
  margin-bottom: 0;
  margin-top: 36px;
}


.g-campaign-filters-tab {
  padding: 10px 16px;
  background-color: #f7f7f7;
  border-radius: 32px;
  font-size: 16px;
  margin-left: 8px;
  cursor: pointer;
}

.g-campaign-filters-tab-active {
  font-weight: 700;
}


@media (max-width: 1200px) { 
  .g-homepage--filters .g-campaign-filters a:last-child {
    display: none;
  }
}

@media (max-width: 992px) { 

  .g-campaign-filters-tab {
    margin-top: 16px;
  }
  
  .g-filter-tab-grid {
    display: none;
  }

  .g-campaign-filters a:first-child {
    margin-left: 0;
  }


  .g-homepage--filters {
    padding: 36px 0;
    background-color: #f7f7f7; 
  }

  .g-homepage--filters .g-campaign-filters, .g-campaign-filters {
      display: block;
  }

  .g-homepage--filters .g-campaign-filters {
    margin-top: 0;
}


  .g-homepage--filters .g-filters-right {
    display: none;
  }

}

/* blog banner */

.g-banner-blog h2 {
text-align: left;
}

.g-bg-grey {
background-color: #f7f7f7;
}

.g-banner-blog-item img {
width:100%;
height: auto; 
border-radius: 8px;
aspect-ratio: 1 / 1;
}


.g-banner-blog-item h3 {
font-size: 16px;
margin-bottom: 8px;
margin-top: 24px;
}


/* homepage grids */

.g-section-title {
margin-bottom: 36px;
text-align: center;
}

.g-homepage-grid {
display: flex;
flex-wrap: wrap;
width: 100%;
gap: 32px;
}

.g-row-two {
flex-basis: calc(33.33% - 22px);
}

.g-row-three {
flex-basis: calc(25% - 24px);
}



.g-homepage-item-img {
  position: relative;
  color: white;
}

.g-homepage-item-img h3 {
margin: 8px 0;
font-size: 16px;
}

.g-homepage-item-img p {
  font-size: 12px;
  font-weight: 500;
}

.g-homepage-item-img img {
width: 100%;
height: auto;
border-radius: 8px;
aspect-ratio: 41 / 25;
}

.g-homepage-item-img a{
color: #000!important;

}

.g-homepage-item-img a:hover {
  color: var(--core)!important;
}

.g-homepage-item-img a {
  display: block;
}



.bottom-left {
width: 100%;
padding: 8px 0 8px;
transition: 0.3s;
text-align: center;
}


.bottom-left p {
  margin: 0 0 8px 0;
}


@media (min-width: 993px) and (max-width: 1200px) { 	

.g-row-three {
  flex-basis: calc(50% - 16px);
}

}

@media (max-width: 992px) { 	
.g-row-two, .g-row-three {
flex-basis: 100%;
margin-bottom: 32px;
}
.g-homepage-grid {
gap: 0;
display: block;
}

.g-homepage-item {
  display: none;
}

}

/* New event list 27th April 2023 - keep above until replaced on whole site */

.g-mobile-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 16px;
  color: #000;
}

.g-mobile-item--img {
  width: 140px;
}

.g-mobile-item--img img {
  border-radius: 4px;
  display: block;
  width: 100%;
}

.g-mobile-item--details {
  width: calc(100% - 140px);
}


.g-mobile-item--title {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
}


.g-mobile-item--desc {
  font-size: 10px;
  font-weight: 300;
  display: block;
}


@media (min-width: 992px) { 
  .g-mobile-link, .g-mobile-item {
    display: none;
  }
}



/* homepage banners */

.g-color-light {
color: #fff;
}

.g-color-dark {
color: #000;
}


.g-bg-lightgrey {
background-color: #F7F7F7;
}

.g-bg-pink {
background-color: #FF6381;
}

.g-bg-pink .g-color-light .g-button-outline {
color: #FF6381;
border-color: #fff;
background-color: #fff;
} 

.g-bg-pink .g-color-light .g-button-outline:hover {
border-color: var(--primary-dark);
background-color: var(--primary-dark);
}

.g-bg-green {
background-color: #12A68D;
}

.g-bg-green .g-color-light .g-button-outline {
color: #12A68D;
border-color: #fff;
background-color: #fff;
} 

.g-bg-green .g-color-light .g-button-outline:hover {
border-color: #fff;
background-color: #12A68D;
} 

.g-bg-blue {
  background-color: var(--primary-dark);
  }
  
  .g-bg-blue .g-color-light .g-button-outline {
  color: var(--primary-dark);
  border-color: #fff;
  background-color: #fff;
  } 
  
  .g-bg-blue .g-color-light .g-button-outline:hover {
  border-color: #fff;
  background-color: var(--primary-dark);
  } 

  .g-bg-ts {
    background-color: #F28800;
    }
    
    .g-bg-ts .g-color-light .g-button-outline {
    color: #F28800;
    border-color: #fff;
    background-color: #fff;
    } 
    
    .g-bg-ts .g-color-light .g-button-outline:hover {
    border-color: #fff;
    background-color: #F28800;
    } 


.g-bg-red {
background-color: #e73346;
}

.g-bg-red .g-color-light .g-button-outline {
color: #e73346;
border-color: #fff;
background-color: #fff;
} 

.g-bg-red .g-color-light .g-button-outline:hover {
border-color: #fff;
background-color: #e73346;
} 

.g-banner-full, .g-banner-inner {
padding: 0px;
}

.g-banner-flex {
display: flex;  
flex-direction: row;  
flex-wrap: nowrap;  
justify-content: space-between; 
border-radius: 8px;
}


.g-banner-flex div {
align-self: center; 
padding: 32px;

}

.g-banner-flex a {
margin-top:16px; 

}

.g-banner-flex img {
width: 600px;
height: 100%;
}


@media (max-width: 992px) { 	

.g-banner-flex {
display: block;  
flex-wrap: wrap;
text-align: center;  
}


.g-banner-flex img {
width: 100%;
}
}


/* slideshow */

.carousel-control-next, .carousel-control-prev {
width: 125px;
opacity: 1;
}

.g-showcase-item {
position: relative;
color: white;
}

.g-showcase-item  h2 {
margin: 0;
}

.g-showcase-item  p {
margin-top: 8px;
margin-bottom: 0;
}

.g-showcase-item img {
width: 100%;
height: auto;
border-radius: 0;
}

.g-showcase-item img.g-showcase--desktop {
  aspect-ratio: 25 / 8;
}

.g-showcase-item img.g-showcase--mobile {
  aspect-ratio: 41 / 25;
}

.g-showcase-item  a, .g-showcase-item  a:hover{
color: #fff!important;

}


.g-showcase-item .g-button-hero {
margin:0!important;
}


.g-showcase-bottom-left {
position: absolute;
width: 100%;
bottom: 0;
left:0;
padding: 125px 50px 48px 50px;
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 80%);
transition: 0.3s;
border-radius: 0;
}

.g-showcase-item  a:hover .bottom-left {
background: linear-gradient(0deg, rgba(241,95,35,1) 0%, rgba(255,255,255,0) 80%);
}	

.carousel-control-container {
background-color: var(--core);
border-radius: 50%; 
width: 48px;
height: 48px;
padding-top: 7px;
font-size: 24px;
}

.carousel-control-container:hover {
background-color: var(--primary-dark);
}

.carousel-control-prev-icon, .carousel-control-next-icon {
background-image: none!important;
}



.g-showcase--desktop {
display: block;
}


.g-showcase--mobile {
display: none;
}

.g-showcase--mobile .g-section-title {
margin-top: 24px;
}

.g-showcase-overlay {
position: absolute;
width: 100%;
bottom: 0;
left:0;
padding: 48px;
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 80%);
transition: 0.3s;
border-radius: 0;
}

.g-showcase-caption {
position: block;
width: 100%;
padding: 48px;
background: rgb(0,0,0);
border-radius: 0;
}


@media (max-width: 992px) { 

.g-showcase--desktop {
display: none;
}


.g-showcase--mobile {
display: block;
}


}

.g-seating-plan {
margin-top: 24px; border-radius: 4px; width: 100%;
}


@media (max-width: 992px) { 
  .carousel-control-next, .carousel-control-prev {
    width: 50px;
  }

  .carousel-control-container {
    background-color: var(--core);
    border-radius: 50%; 
    width: 32px;
    height: 32px;
    padding-top: 5px;
    font-size: 16px;
  }

  .g-showcase-bottom-left {
    padding: 125px 16px 16px 16px;
  }

}

/* tab ticket */

.nav-pills {
color: #000;
font-size: 20px;
font-weight: 700;
flex-wrap: nowrap;
align-items: center;
width: 100%;
overflow: scroll;
overflow-x: auto;
overflow-y: auto;
padding: 8px 0;
}

.nav-link {
display: block;
padding: 16px;
color: #000;
font-weight: 700;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
margin-right: 16px;
border-radius: 4px;
}

.nav-link:hover {
background-color: #f7f7f7;
color: #000;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
color: #fff;
background-color: var(--primary-dark);
font-size: 20px;
font-weight: 700;
}

#g-tab-previous, #g-tab-next {
cursor: pointer;
width: 46px;
text-align: center;
background-color: #f7f7f7;
border-radius: 50%;
height: 40px;
padding-top: 8px;
}



.g-tab-navbar {
display: flex; 
wrap: nowrap; 
justify-content: space-between; 
align-items: center; 
margin-bottom: 16px;
gap: 16px;
width: 100%;
max-width: 842px;
}


.nav-pills::-webkit-scrollbar {
width: 5px;
height: 5px;
background-color: transparent;
}

.nav-pills::-webkit-scrollbar-track {
padding: 2px;
}

.nav-pills::-webkit-scrollbar-thumb {
background-color: #f7f7f7;
border-radius: 32px;
}

/* ticket type grid */

.g-ticket-details-grid {
width: 100%; 
background-color: #f7f7f7; 
padding: 24px; 
text-align: center; 
border-radius: 4px; 
}

.g-ticket-qty-grid {
display: flex; 
flex-wrap: nowrap; 
align-items: center; 
justify-content: center; 
margin: 24px auto 0; 
gap: 36px;
}

.g-ticket-qty-grid-input {
margin-top: 24px; 
}

.g-ticket-qty-grid-input svg{
width: 100px; 
}

.g-ticket-qty-grid-input .g-input-select {
position: relative;
top: -90px;
font-size: 32px;
font-weight: 700;
background-color: transparent;
border: none;
background-image: none;
padding: 0.375rem 0.75rem 0.375rem 0.75rem;
}

.g-ticket-qty-grid .g-ticket-btn-minus,.g-ticket-qty-grid .g-ticket-btn-plus {
border-radius: 50%;
}



.modal {
z-index: 9999;
}

.g-modal-body {
padding: 0;
text-align: left;
}

/* large alerts */

.g-alert--container {
margin: 48px 0;
display: flex;
justify-content: stretch;
gap: 16px;

}

.g-alert-lg {
background-color: #f7f7f7;
padding: 24px 48px;
border-radius: 8px;
text-align: center;
}

.g-alert-lg.left {
flex-grow: 1;
}

.g-alert-lg.left-img {
flex-grow: 1;
padding:0;
}

.g-alert-lg.right {
width: 380px;
flex: 0 0 380px;
background-color: #FF6381;
color: #fff;
}


.g-alert-lg.right .g-button {
background-color: #fff;
color: #FF6381;
border-color: #fff;
}

.g-alert-lg.right .g-button:hover {
background-color: #FF6381;
color: #fff;
border-color: #fff;
}


.g-alert-lg.g-bg-primary {
background-color: var(--core);
color: #fff;
}

.g-alert-lg.g-bg-primary .g-button {
background-color: #fff;
color: var(--core);
border-color: #fff;
}

.g-alert-lg.g-bg-primary .g-button:hover {
background-color: var(--core);
color: #fff;
border-color: #fff;
}


.g-alert-lg--icon {
font-size: 72px;
}

.g-alert-lg .g-button {
margin-top: 16px;
}

.g-alert-lg .g-button-outline {
margin-left: 16px;
}


@media (max-width: 992px) { 

.g-alert--container {
display:block;
}

.g-alert-lg.right {
width: 100%;
margin-top: 24px;
}

.g-alert-lg .g-button-outline {
margin-left: 0;
}

.g-alert-lg {
  padding: 12px;
}
.label-img img {
  width: 100%!important;
}

.right-email {
  margin-top: 24px;
}

}

/* terms & privacy */

.g-terms--title {
display: none;
}


/* help */

.g-help--link {width: calc(50% - 16px); float: left; margin: 0 8px 16px 8px; background-color: #f7f7f7; padding: 24px; border-radius: 8px; display:block; min-height: 210px}
.g-help--title {
font-size: 24px; font-weight: 700;
}

.g-banner-text {
padding: 36px 0;
}

.g-help--link--sm {
min-height: 50px;
}

@media (max-width: 992px) { 
.g-help--link {width: 100%; margin: 0 0 16px 0;}

.g-alert-scroll-body {
max-height:100%;
border-bottom: none;
}

}

/* default pages - can be removed when live */

.v2020--hide {
display: none!important
}

.v2020--show {
display: block!important
}

/* theatre */

.table-condensed, .datepicker-inline {
width: 100%!important;
}


.g-info-list {
list-style:none;
padding-left: 0;
}

.g-info-list li {
margin-bottom: 25px;
}

.g-order-item {display: flex; gap: 16px; align-items: center; flex-wrap: wrap; background-color: #f7f7f7; padding: 16px; border-top: dashed 1px #ddd; min-height: 75px;}
.g-order .g-order-item:first-child {border-top: none; border-radius: 4px 4px 0 0;}
.g-order .g-order-item:last-child {border-radius: 0 0 4px 4px;}
.g-order-item-icon {width: 40px; text-align:center; font-size: 24px;}
.g-order-item-details {width: calc(100% - 250px);}
.g-order-item-cost {width: 170px;}
.g-order-item-title, .g-order-item-price {font-size: 16px; color: #000; font-weight: 700; text-transform: uppercase;}
.g-order-item-desc, .g-order-item-face-value {font-size: 12px; color: #525252; font-weight: 400; display: block;}

h5 {
text-transform: uppercase;
font-size: 16px;
font-weight: 700;
}

.g-order-support {
background-color: #fff;
padding: 16px;
margin-bottom: 16px;
border-radius: 4px;
border: solid 1px #ddd;
text-decoration: none;
font-weight: 500;
color: #000;
width: 100%;
text-align: left;
display: flex;
gap: 16px;
align-items: center;
flex-wrap: wrap;
cursor: pointer;
}   

.g-modal-body {
    padding: 0;
}

.g-modal-faqs  h5{
   margin-top: 32px;
}

.g-underline {
    text-decoration: underline;
}

.g-artist-link {
  padding: 16px;
  border-radius:  8px;
  background-color: #f7f7f7;
  margin-right: 16px;
  margin-bottom: 16px;
  display: inline-block;
}

/*events near me */

.g-nearme--fix {
    display: flex;
    align-items: center;
    width:620px;
    margin: auto;
}

.g-nearme--fix .form-control {
    border-radius: 32px;
    border: solid 1px #ddd;
    border-left: none;
    height: 42px;
    margin-right: 16px;
}

.g-nearme--fix .col-sm-8 {
  width:100%;
}

.g-nearme--fix .input-group-addon, .g-nearme--fix .control-label {
  display: none;
}

@media (max-width: 992px) { 

.g-nearme--fix {
  display: block;
  width: 100%;
}

.g-nearme--fix > .g-filter-icon {
    width: 41px;
    display: block;
    float: left;
}

.g-nearme--fix > form {
  display: block;
  float: left;
  margin-bottom: 16px;
}


.g-desktop--hide {
display: none;
}

#datepicker {
  margin-top: 24px;
}

}






.sticky-offset {
top: 0;
z-index: 1019;
}

.g-av-container {
display: none;
}

/* overlay menus */

.g-button-info {
  border-radius: 4px; background-color: #fff; border: 1px solid #ddd; padding: 8px 16px; margin-right: 8px; margin-top: 16px; display: inline-block; cursor: pointer;
}

.g-button-info:hover {
  background-color: var(--primary-dark); border: 1px solid var(--primary-dark); color: #fff;
}

.g--overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
  border-left: solid 1px #ddd;
}



.g--overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 24px;
  font-size: 36px;
  margin-left: 50px;
}

.g--overlay div {
  padding: 24px;
}

.g--overlay h2 {
  padding: 0 48px 0 0;
}

.g-overlay--width {
  width: 40vw;
}

@media (max-width: 992px) { 
  .g-overlay--width {
    width: 100vw;
  }
}

.g-terms--overlay h1 {padding-right: 30px;}


.g-ticket--img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  aspect-ratio: 41 / 25;
}

.g-ticket--img--upload {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
}


@media (max-width: 992px) { 
  .g-ticket--img {
    display: none;
  }
}

.float-end {
  float: right;
}

/* popups */

/* Popup container - can be anything you want */
.g-popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* The actual popup */
.g-popup .g-popup--text {
  visibility: hidden;
  width: 200px;
  background-color: #555;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 8px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
  margin-bottom: 8px;
}

/* Popup arrow */
.g-popup .g-popup--text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.g-popup .g-popup--show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}

.g-location-link {
  padding: 16px;
  border-radius:  8px;
  background-color: #f7f7f7;
  margin-right: 16px;
  margin-bottom: 16px;
  display: inline-block;
}

.page-link {
  color: #000;
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: var(--core);
  border-color: var(--core);
}

.pagination {
 overflow: hidden;
}

.g-button--link {margin-left: 24px; opacity: 0.5}

.g-nearme--fix .g-header-search-form {
  margin-right: 12px;
}

@media (max-width: 992px) { 
  
  .g-button--link {margin-top: 16px; display: block;}

  .g-nearme--fix {
    margin-top: 24px;
  }



  .g-main-event-list {
    padding-top: 16px;
  }

  .g-multi-venue--img {
    display: block;
  }

  .g-overlay-menu {
    padding-top: 0;
  }

  .g-order-item {
    display: block;
}

.g-order-item-icon {
  display: none;
}

.g-order-item-details, .g-order-item-cost {
  width: 100%;
}

}


.g-visible-xs {
  display: none;
}

@media (max-width: 992px) { 

  .g-visible-xs {
    display: block;
  }


}

#mobile_date_picker {
  margin-bottom: 48px;
  border-radius: 32px;
}

.g-modal-share {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none!important;
}

.g-modal-share .modal-body {
  padding: 0;
}

.g-modal-share .btn-close {
  color: #fff!important;
}

.g-share-button {
  border-radius: 50%;
  border: solid 2px #fff;
  padding: 8px 14px;
  color: grey;
  background-color: #fff;
  font-size: 24px;
  display: inline-block;
  margin: 16px 0;
  transition: 0.3s;
  cursor: pointer;
  
}

.g-share-button:hover {
  background-color: grey;
  color: #fff!important;
  border-color: grey;
}

.g-share-whatsapp {
  display: none;
}

.g-share-twitter .g-share-button:hover {
  background-color: #1da1f2;
  border-color: #1da1f2;
}

.g-share-facebook .g-share-button:hover {
  background-color: #3b5998;
  border-color: #3b5998;
}

.g-share-messenger .g-share-button:hover {
  background-color: #CA24D7;
  border-color: #CA24D7;
}

.g-share-whatsapp .g-share-button:hover {
  background-color: #25d366;
  border-color: #25d366;
}

.g-share-email .g-share-button:hover {
  background-color: #35465d;
  border-color: #35465d;
}

.g-share-link .g-share-button:hover, .g-share-close .g-share-button:hover  {
  background-color: grey;
  border-color: grey;
}

@media (max-width: 768px) { 
  .g-share-whatsapp {
      display: flex;
  }

  #mobile_date_picker {
    margin-bottom: 0;
  }
  .form-select-cal {
    min-width: 100%!important;
  }
}

.g-mobile-hide {
  display: none!important;
}

.autocomplete-suggestions {
    overflow: hidden;
    overflow-y: scroll;
    background-color: #f7f7f7;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 8px 16px 16px 16px;
    margin-top: 8px;
    position: fixed!important;
    top: 60px!important;
}

.autocomplete-suggestion {
  cursor: pointer;
  padding-bottom: 8px;
  border-bottom: dashed 1px #ddd;
  margin-top: 8px;
}

.g-ticket-group-body {
  border-bottom: dashed 1px #ddd;
  padding-bottom: 16px;
}

.g-collapse-active, .g-collapse-active:hover {
  background-color: #6f7881;
  color: #fff;
}

.g-collapse-active .g-ticket-group-desc {
  color: #fff;
}

.g-change-date {
  display: none;
}

#month_selection {
  display: flex; 
  gap: 16px;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

/* tabbed ticket selection */
.g-tab--tabs {
  overflow: auto;
  white-space: nowrap;
  padding-bottom: 16px;
  max-width: 868px;
    width: 100%;
}

.g-tab--links {
    background-color: #f7f7f7;
    display: inline-block;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 16px 24px;
    transition: 0.3s;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 4px;
    border-radius: 8px;
    border: solid 1px #ddd;
}

.g-tab--links:hover {
    background-color: #ddd;
    color: #000;
}

.g-tab--links.active {
    background-color: var(--primary-dark);
    border: solid 1px var(--primary-dark);
    color: #fff;
}

.g-tab--content {
    display: none;
}

.g-tab--description {
    color: #525252;
    margin-bottom: 32px;
}

.g-mobile-search--homepage {
  display: none;
}

@media (max-width: 768px) { 
  .g-mobile-search--homepage {
    display: block;
    margin-bottom: 16px;
  }

}


.carousel-control-prev, .carousel-control-next, .g-showcase-bottom-left {
  pointer-events:none;
}

.carousel-control-prev button, .carousel-control-next button {
  background-color: transparent;
  border: none;
  color: #fff;
  pointer-events:auto;
}

.g-pointer--auto {
  pointer-events:auto;
}

.g-table-responsive table {

  table-layout: fixed;
  width:100%;

}

.calendar_event .g-button {
  padding: 8px!important;
}

@media (max-width: 992px) { 
  .cal_table tr td, .cal_table tr th {
      width: 100%!important;
      max-width: 100%!important;
      display: block;
  }

  .no_event_cell {
    display: none!important;
  }

  .day-of-week {
    display: none!important;
  }
  .cal_table tr td, .cal_table tr th {
    border-right: none;
  }
}

.g-cal-time {
  display: block;
}

.event_tab_nav li {
  margin-right: 16px!important;
  margin-bottom: 8px;
}

.g-ticket-type-availability {
  word-wrap: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}


.g-share--button {
  cursor: pointer;
}

.start_time_override_text {
  font-size: 12px;
  font-weight: 400;
  color: #525252;
}

.g-ticket-collection--img {
  display: none
}

.g-page--nav {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.g-button--follow, .g-button--follow-campaign {
  background-color: #DDDDDD;
  color: #000;
  border-radius: 8px;
  border: none;
  padding:6px 8px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  width: 110px;
}

.g-button--follow:hover, .g-button--follow-campaign:hover {
  background-color: var(--warning);
}

.g-follow-empty .g-button--follow, .g-follow-empty .g-button--follow-campaign {
  font-size: 16px;
  font-weight: 700;
  width: 200px;
  padding:8px 12px;
}

.following {
  background-color: var(--warning)!important;
}

.following .bi-heart-fill {
  color: var(--danger)!important;
}


.following:hover {
  background-color: #DDDDDD!important;
}

.g-nav--right {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}

.g-mobile--back {
  display: none;
}

@media only screen and (max-width: 996px) {
  .g-mobile--back {
    display: block;
  }

  .g-nav--right {
    width: 100%;
  }

}

.g-button--share, .g-button--share:hover {
  background-color: var(--primary);
  color: #000;
  border-radius: 8px;
  border: none;
  padding: 6px 12px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
}

.g-button--share .bi-share-fill {
  color: var(--primary-dark)!important;
}


/* landing page */

.g-overlayImg--container {
  position: relative;
  color: white;
}

.g-overlayImg--bottomLeft {
  position: absolute;
  bottom: 8px;
  left: 16px;
  width: 90%;
}

.g-pick--container {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  gap: 32px;
  align-items:center;
}

.g-pick--img, .g-pick--details {
  width:50%;
  border-radius: 8px;
}

@media only screen and (max-width: 996px) {

  .g-pick--container {
    display: block;
  }

  .g-pick--img, .g-pick--details {
    width:100%;
    text-align: center;
  }
  
  .g-overlayImg--bottomLeft {
    position: initial;
    color: #000;
    text-align: center;
    width: 100%;
  }

  .g-overlayImg--bottomLeft h1, .g-overlayImg--bottomLeft h2 {
    margin-top: 24px;
  }

}

/* Search V2 */
#searchInput{
    -webkit-appearance: none;
}

#searchContainer {
    position: relative;
    z-index: 2000;
    width:100%;


}

#searchResults {
    z-index: 2000;
    width: 100%; /* Set results container width to 100% */
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: none;
    max-height: 75vh;
    overflow-y: auto;
    margin-top:3px;
}



#searchResults::-webkit-scrollbar {
    display: none;
}

#searchResults h2 {
    font-size: 13px;
    padding: 10px;
    background-color: #f0f0f0;
    margin: 0;
    text-align: left;
}

#searchResults .result {
    padding: 10px;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    display: flex;
}

#searchResults .result:last-child {
    border-bottom: none;
}

#searchResults .selected {
    background-color: #fce8df;
}

#searchResults .item-name{font-size: 14px!important; font-weight: bold; margin:0px!important;}
#searchResults .item-description{font-size: 10px;}
#searchResults .item-image {
    width: 82px;
    height: 50px;
    margin-right: 10px;
    border:solid 2px #FFF;

}
#searchResults .selected .item-image{
    border:none;
}

/* Media query for mobile phones */
@media (max-width: 767px) {
    #searchResults {
        max-height: 34vh!important; /* Override the maximum height for mobile phones */
        width: calc(100% + 80px) !important; /* Set the inner div wider than its parent */
        margin-left: -40px; /* Add a negative margin to counteract padding */
    }

    #searchResults {
        z-index: 2000;
        width: 100%;
        position: absolute;
        top: 100%;
        left: 0;
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 5px;
        display: none;
        max-height: 75vh;
        overflow-y: auto;
        margin-top: 3px;
    }
}

@supports (-webkit-touch-callout: none) {
    #gsearchbtn{position: relative; left:-20px;}
}