/* GENERIC STYLES */
* {
  color: var(--foreground-color);
  background-color: var(--transparent);
  border-radius: 0 !important;
  --background-color: var(--white) !important;
  --foreground-color: var(--black) !important;
  --accent-color: var(--blue) !important;
  --accent-color-2: var(--yellow) !important;
}

#TNEW * {
  color: inherit;
  background-color: var(--transparent);
  border-color: var(--foreground-color);
}

body {
  background-color: var(--background-color) !important;
  color: var(--foreground-color) !important;
}



body * {
  color: inherit;
  background-color: inherit;
}

main {
  padding: 0 !important;
  max-width: 100%;
}

main main {
  margin-left: 0;
}

div#TNEW > main {
  padding: var(--gap-half) !important;
  max-width: 84rem;
}

a {
  color: inherit !important;
}

a:hover {
  color: inherit !important;
}

#TNEW nav a[href^='http']::after {
  display: none;
}

#TNEW h1 {
  font-size: 2em;
  font-family: var(--MCA10);
  font-weight: bold;
}


#TNEW h4 a {
  text-decoration: none !important;
  /* color: var(--foreground-color) !important; */
  color: var(--black) !important;
}

h4 a:hover {
  color: var(--foreground-color) !important;
}

ul {
  margin-left: var(--gap);
}

nav ul,
footer ul {
  margin: 0 !important;
}

li {
  max-width: initial;
}

#TNEW table {
  border: var(--rule);
  border-collapse: collapse;
}

/* SUBNAV */
#TNEW nav.tn-subnav-component {
  position: sticky;
  padding: var(--gap-half);
  background-color: var(--background-color);
  top: 0;
  border-bottom: var(--rule);
  z-index: 2;
  margin: 0;
}

#TNEW .tn-subnav-component .tn-cart-link.tn-active .tn-link .tn-icon:after,
#TNEW .tn-subnav-component .tn-cart-link .tn-link .tn-icon:after {
  display: none;
}


#TNEW nav.tn-subnav-component .tn-text,
#TNEW nav.tn-subnav-component .tn-login-link {
  margin: 0;
  display: block;
  font-size: inherit;
}

@media (max-width: 992px) {
  .tn-subnav-component .tn-promo-box {
    margin-right: 0;
  }
  #TNEW .tn-prod-list-item__perf-action {
    display: none;
  }
}

.form-control {
  border-radius: 0 !important;
  border: var(--rule) !important;
  color: var(--foreground-color) !important;
  background-color: var(--background-color) !important;
}

.form-control:focus-visible {
  outline-style: solid !important;
  outline-color: var(--accent-color) !important;
  outline-width: 3px !important;
  box-shadow: none;
  border: var(--rule);
}

.btn-group-lg > .btn,
.btn-lg {
  border-radius: 0;
}

.tn-events-calendar__day-number {
  color: var(--background-color);
  text-align: left;
}

#TNEW .tn-event-listing-view__results-heading {
  color: var(--foreground-color);
}

#TNEW .btn-default {
  --background-color: var(--white);
  --foreground-color: var(--black);
  color: var(--foreground-color);
  background-color: var(--background-color);
  border-color: var(--foreground-color);
  text-transform: uppercase;
}

#TNEW .btn-default:hover {
  background-color: var(--background-color);
  border: var(--rule);
  color: var(--foreground-color);
}



button[type='submit'] {
}

.btn,
.btn-group-xs > .btn,
.btn-xs {
}

#TNEW .btn.active.focus, #TNEW .btn.active:focus, #TNEW .btn.focus, #TNEW .btn:active.focus, #TNEW .btn:focus, #TNEW a:focus-visible, #TNEW *:focus {
  outline: none;
}

#TNEW .btn.active.focus, #TNEW .btn.active:focus-visible, #TNEW .btn.focus, #TNEW .btn:active.focus, #TNEW .btn:focus-visible, #TNEW a:focus-visible, #TNEW *:focus-visible {
  outline-style: solid;
  outline-color: var(--accent-color);
  outline-width: 3px;
  box-shadow: none;
}

.btn:active:focus,
a:active:focus {
  outline: none !important;
}

.btn.active {
  outline: none !important;
}

#TNEW .tn-account-login-page .tn-register-button,
#TNEW .btn-primary,
.btn-primary,
#TNEW .btn-primary[disabled]:hover {
  --background-color: var(--white);
  --foreground-color: var(--black);
  border: var(--rule);
  background-color: var(--accent-color);
  border-color: var(--accent-color);
  color: var(--background-color) !important;
  text-decoration: none;
  text-transform: uppercase;
}

#TNEW .btn-primary:hover,
#TNEW .btn-primary:active,
#TNEW .btn-primary:focus-visible,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus-visible {
  background-color: var(--background-color);
  color: var(--foreground-color) !important;
  border-color: var(--foreground-color);
}

.btn-primary[disabled] {
  opacity: 0.8 !important;
}

.btn-primary[disabled]:hover {
  filter: grayscale(1);
}

li.tn-events-calendar__day-event-list-item {
  list-style-type: none;
}

.modal {
  background-color: rgba(0, 0, 0, 0.3) !important;
}

#TNEW .tn-syos-price-type-selector__content-container,
.modal-content {
  box-shadow: none !important;
  border: var(--rule);
  background-color: var(--background-color) !important;
}

/* NOTE was added to get the legend symbol to black; currently hardcoded in TNEW template (by others) */
dl.tn-syos-legend__seat-type-list dt {
  color: #000 !important;
}

.modal-header {
  border-bottom: var(--rule) !important;
}

.modal-footer {
  border-top: var(--rule) !important;
}

/* TODO list style type is none, but list item marker still shown as square outline */
li.tn-events-calendar__day-event-list-item::marker {
  color: transparent;
  display: none;
  position: absolute;
  left: -2000rem;
  top: -200rem;
}

#TNEW .tn-btn-datepicker__btn-period-prev-next--btn-prev,
#TNEW .tn-btn-datepicker__btn-period-prev-next {
  border-radius: 0 0 0 0;
}

#TNEW .tn-btn-datepicker--with-range-btns .tn-btn-datepicker__btn:hover {
  border-left: none;
  border-right: none;
}

/* CALENDAR */
#TNEW .tn-event-listing-mode-tab-nav__list {
  border: none;
}

#TNEW .tn-events-keyword-filter--event-listing-multi-mode {
  margin-bottom: var(--gap);
}

#TNEW .tn-event-listing-mode-tab-nav__list-item {
  border: none;
  margin-left: var(--gap-quarter);
}

#TNEW .tn-events-calendar__event-time {
  font-style: italic;
  color: var(--background-color);
}

#TNEW .tn-event-listing-mode-tab-nav__list-item:hover,
#TNEW .tn-event-listing-mode-tab-nav__list-item.active {
  border: var(--rule);
  margin-bottom: 0;
  background-color: var(--accent-color);
  color: var(--background-color);
  border-color: var(--accent-color);
}

#TNEW .tn-events-calendar__day-number {
  text-align: left;
}

#TNEW .tn-events-keyword-filter__list-item {
  margin-bottom: var(--gap-quarter);
}

#TNEW .tn-events-keyword-filter__keyword-button:hover,
#TNEW .tn-events-keyword-filter__keyword-input:checked+.tn-events-keyword-filter__keyword-button {
  background-color: var(--foreground-color);
  color: var(--background-color);
  border: var(--rule);
}

#TNEW .tn-events-calendar__table {
  border-spacing: 0;
  border-collapse: collapse;
  border: none;
}

#TNEW .tn-events-calendar__list-container ul,
#TNEW .tn-events-calendar__table-container ul {
  margin: 0;
}

#TNEW .tn-events-calendar__list-day-heading {
  padding: 0;
  margin-top: var(--gap);
}

.tn-events-calendar-view--month
  .tn-events-calendar__table-container
  .tn-events-calendar__table
  .tn-events-calendar__day-cell
  .tn-events-calendar__day {
  min-height: 7rem;
}

.tn-events-calendar-view--month .tn-events-calendar__day-cell--next-month,
.tn-events-calendar-view--month .tn-events-calendar__day-cell--past,
.tn-events-calendar-view--month
  .tn-events-calendar__day-cell--previous-monthtn-events-calendar-view--month
  .tn-events-calendar__day-cell--past,
.tn-events-calendar__day-cell,
.tn-events-calendar__table th {
  background-color: var(--foreground-color);
}

.tn-events-calendar__day-cell--today {
  background-color: var(--yellow);
}

.tn-events-calendar__day-cell--today .tn-events-calendar__day-number {
  color: var(--black);
}

.tn-events-calendar__day-cell--today .btn-primary {
  --background-color: var(--white);
  --foreground-color: var(--black);
  background-color: transparent;
  border-color: transparent;
  color: var(--foreground-color);
}

#TNEW .tn-event-listing-view__no-results-content {
  border: var(--rule);
}

.tn-promo-box {
  border: var(--rule) !important;
}

.tn-subnav-component .tn-promo-box button.tn-subnav-promo-button {
  color: var(--black) !important;
  /* background-color: var(--foreground-color) !important; */
  background-color: transparent !important;
  text-decoration: none !important;
}

.tn-event-listing-mode-tab-nav__list-item {
  color: var(--accent-color);
}

.tn-events-calendar__event-status {
  background-color: transparent;
}

.tn-events-keyword-filter {
  background-color: var(--background-color);
  border: none;
}

.tn-events-keyword-filter__keyword-input:checked
  + .tn-events-keyword-filter__keyword-button {
  background-color: var(--foreground-color);
  border-color: var(--foreground-color);
  color: var(--yellow);
}

/* Remove and replace TNEW glyphs */
#TNEW .tn-event-listing__primary-view
  .tn-events-calendar-view
  .tn-btn-datepicker__btn
  .tn-btn-datepicker__icon-container
  .glyphicon {
  background: url(../../media/icons/mca_calendar_icn_blk.svg) center 0 no-repeat;
}

.fa-check:before {
  content: '';
}

.person,
.sample-icons .person:after,
.tn-subnav-component .tn-login-link .tn-link .tn-icon:before,
.tn-subnav-component
  .tn-login-link.tn-logged-in
  .tn-account-info-link
  .tn-icon:before,
.tn-subnav-component
  .tn-login-link.tn-logged-in
  .tn-logout-link
  .tn-icon:before {
  content: '';
}

#TNEW .tn-event-listing-mode-tab-nav__list {
  /* border-bottom: var(--rule); */
  /* padding: 0; */
}

#TNEW .tn-events-keyword-filter {
  border: none;
  padding: 0;
}

/* Tickets List Page */


#TNEW .tn-utility-nav {
  margin: 0;
}


.tn-event-listing-view__results-container ul.list-unstyled {
  margin: 0 !important;
}

#TNEW .tn-event-listing__controls-heading {
  color: var(--foreground-color) !important;
  opacity: 1 !important;
  font-size: 0.8em;
  font-family: var(--MCA10);
  text-transform: uppercase;
}

#TNEW .tn-event-listing-view__results-heading {
  color: var(--foreground-color) !important;
  padding: 0;
  margin: 0;
}

.tn-prod-list-item {
  padding: var(--gap-half) !important;
  background-color: transparent !important;
  border: var(--rule) !important;
  grid-gap: var(--gap-half) !important;
}

h4.tn-prod-list-item__property {
  padding: 0;
}

.tn-prod-list-item
  .tn-prod-list-item__property.tn-prod-list-item__property--img-container {
  grid-row-start: 1;
}

.tn-prod-list-item .tn-prod-list-item__property--description {
  /* padding: var(--gap-half) !important; */
  /* display: flex; */
  /* justify-content: space-between; */
  /* flex-direction: row-reverse; */
}

.tn-prod-list-item .tn-prod-list-item__property--description br {
  /* display: none; */
}

.tn-prod-list-item__property--description a.learn-more {
}

#TNEW .tn-prod-list-item__perf-list-item:not(:last-of-type) {
  margin-bottom: 1em;
}

.Pick2_Icon_w_Text_White {
  height: 1em !important;
}

#TNEW .tn-prod-list-item__perf-anchor {
  display: grid !important;
  grid-template-columns: 1fr min-content;
  border: none !important;
  /* font-weight: bold !important; */
  color: var(--foreground-color) !important;
  text-decoration: none !important;
  justify-content: unset !important;
  width: 100%;
  padding: 0;
}

.tn-prod-list-item__perf-anchor:focus-visible,
.tn-prod-list-item__perf-anchor:hover {
  background-color: var(--accent-color) !important;
  color: var(--background-color) !important;
}

.tn-prod-list-item__perf-anchor
  .glyphicon.glyphicon-chevron-right.btn.btn-primary {
  display: none !important;
}

#TNEW .tn-prod-list-item__perf-property {
  padding: 0;
}

#TNEW .tn-prod-list-item__perf-property--datetime {
  grid-row: 2 / 3;
  grid-column: 1 / 2;
  color: inherit;
  width: 100%;
}

.tn-prod-list-item__perf-property--title {
  grid-row: 1 / 2 !important;
  /* grid-column: 1 / 2 !important; */
  width: auto !important;
}

#TNEW .tn-prod-list-item__perf-property--action {
  /* grid-column: 2 / 3 !important; */
  /* grid-row: 1 / 3 !important; */
  padding: 0;
}

.tn-prod-list-item__perf-action {
  margin-left: var(--gap-half);
}

/* DATE PICKER */
.tn-btn-datepicker__btn .tn-btn-datepicker__icon-container .glyphicon {
  background: url(../../media/icons//mca_calendar_icn_blk.svg) center 0
    no-repeat;
  width: 1.3em;
  height: 1.3em;
  display: none;
}

#TNEW .tn-btn-datepicker__btn {
  justify-content: center;
  font-size: 0.9em;
}

#TNEW .tn-events-list-view__datepicker-divider-label {
  color: var(--foreground-color);
}

.tn-datepicker {
  box-shadow: none !important;
  border-radius: 0 !important;
  border: 0 !important;
  padding: 0 !important;
  background-color: var(--background-color) !important;
  color: var(--foreground-color) !important;
}

.tn-datepicker table {
  /* border: none !important; */
}

.tn-datepicker td {
  padding: 0 !important;
}

#TNEW .tn-datepicker td.day[aria-current='date'] span, #TNEW .tn-datepicker td.day span {
  color: var(--foreground-color);
  border: none;
}

#TNEW .tn-datepicker td.day.disabled span {
  color: gray;
}

.tn-datepicker td.nav.btn span[aria-hidden='true'] {
  color: transparent !important;
}

.tn-datepicker table td.btn {
  border: var(--rule) !important;
}

#TNEW .tn-datepicker td.day:not(.disabled):focus span, #TNEW .tn-datepicker td.day:not(.disabled):hover span {
  background-color: var(--yellow) !important;
}

.tn-datepicker .btn.month:hover,
.tn-datepicker .btn.year:hover {
  color: var(--background-color) !important;
  background-color: var(--foreground-color) !important;
}

.tn-datepicker .btn.month span:before,
.tn-datepicker .btn.year span:before {
  border-left-color: var(--foreground-color) !important;
}

.tn-datepicker .btn.month:hover span:before,
.tn-datepicker .btn.year:hover span:before {
  border-left-color: var(--background-color) !important;
}

.tn-datepicker .btn.month.prev span:before,
.tn-datepicker .btn.year.prev span:before {
  border-right-color: var(--foreground-color) !important;
}

.tn-datepicker .btn.month.prev:hover span:before,
.tn-datepicker .btn.year.prev:hover span:before {
  border-right-color: var(--background-color) !important;
}

.tn-datepicker tr {
  background-color: var(--background-color) !important;
  color: var(--foreground-color) !important;
}

.tn-datepicker td.day[aria-current='date'] {
  /* background-color: var(--accent-color); */
  background-color: var(--accent-color) !important;
}

#TNEW .tn-datepicker td.day[aria-current='date'] span {
  border-color: transparent !important;
  background-color: transparent !important;
  color: var(--foreground-color);
}

.tn-datepicker tr:nth-child(0n + 3) {
  line-height: normal !important;
}

.glyphicon-calendar:before {
  content: '' !important;
}

/* EVENT PAGE */

.tn-event-detail__additional-events-container {
  padding: var(--gap-half) !important;
  background-color: var(--background-color) !important;
}


.tn-ticket-selector__pricetype-placeholder {
  border: var(--rule) !important;
}

.tn-additional-events__controls-container {
  border-bottom: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.tn-additional-events {
  margin: 0 !important;
}

/* CART */
.tn-cart-buttons__primary-action {
  width: 100%;
}

.tn-cart__btn-remove {
  background-color: transparent !important;
  border: none !important;
}

div.tn-cart-item {
  border-top: var(--rule);
}

.tn-cart__section-items ul {
  margin-left: 0 !important;
}

ul.tn-cart-item-details__list {
  padding: 0 !important;
  margin: var(--gap) 0 0 0 !important;
}

ul.tn-cart-item-summary li,
.tn-cart-totals__line-item,
.tn-cart-totals__label,
.tn-cart-totals__value {
  font-size: 1em !important;
}

.tn-empty-cart-message {
  border: var(--rule) !important;
}

/* LOADING MODAL */
#TNEW .tn-event-listing-busy-indicator__content {
  box-shadow: none;
  border: var(--rule);
  background-color: var(--background-color);
}


/* ALERT MESSAGE */
[name='tn-alert-message'] {
  background-color: var(--shade) !important;
}
.tn-heading-info {
  padding: var(--gap-half);
}

/* PICK 2 */
#TNEW .Pick2_Icon_w_Text_Blue {
  height: 1em;
  display: block;
  margin-bottom: 1em;
}