﻿/*
 * Author:	eMedia Campaigns 
 * Created:	20/11/2019
 *
 * Customised 'Re-skin of venuenet site'
 */
.all-tickets-button {
  background-color: #023564;
  font-family: "DIN Condensed Bold", sans-serif;
  padding: 8px 15px;
  color: white !important;
  text-decoration: none;
  white-space: nowrap;
  max-width: 176px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
@media (min-width: 992px) {
  .nav-link {
    background-color: #73bf45;
    color: white !important;
    margin-left: 5px;
  }
}
@media (min-width: 992px) {
  .nav-link:hover {
    background-color: #023564;
    font-family: "DIN Condensed Bold", sans-serif;
    padding: 8px 15px;
    color: white !important;
    text-decoration: none;
    white-space: nowrap;
    max-width: 176px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
  }
}
/*outside nav links button*/
.all-tickets-outside-button {
  background-color: #023564;
  font-family: "DIN Condensed Bold", sans-serif;
  padding: 8px 15px;
  border-radius: 8px;
  border: 3px solid black;
  color: white !important;
  text-decoration: none;
  white-space: nowrap;
  max-width: 176px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
@media (min-width: 992px) {
  .all-tickets-outside-button {
    display: none !important;
  }
}
@media (max-width: 991px) {
  .nav-item .all-tickets-button {
    display: none !important;
  }
}
.texture {
  background: url('../_images/chrome/webb.png') repeat top center;
  background-size: auto;
}
.nav_background {
  background-color: white;
}
.font_awesome {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 5px;
}
.primary_font {
  font-family: 'Montserrat', sans-serif;
}
.secondary_font {
  font-family: 'Montserrat', sans-serif;
  font-weight: 200;
}
.btn-custom {
  background: #012942;
  color: #FFFFFF;
  height: auto;
  line-height: 2;
  padding: 0px 24px;
  border-radius: 68px;
  border-color: #012942;
  text-shadow: none;
}
.btn-custom.reverse {
  background: #FFFFFF;
  color: #012942;
  border-color: #FFFFFF;
}
.btn-custom:hover {
  background: #73bf45;
  border-color: #73bf45;
}
.btn-custom-filter {
  background: #012942;
  color: #FFFFFF;
  height: auto;
  line-height: 2;
  padding: 0px 24px;
  border-radius: 68px;
  border-color: #012942;
  text-shadow: none;
  border-radius: 0.25rem;
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
}
.btn-custom-filter.reverse {
  background: #FFFFFF;
  color: #012942;
  border-color: #FFFFFF;
}
.btn-custom-filter:hover {
  background: #73bf45;
  border-color: #73bf45;
}
.btn-primary {
  background: #012942;
  color: #FFFFFF;
  height: auto;
  line-height: 2;
  padding: 0px 24px;
  border-radius: 68px;
  border-color: #012942;
  text-shadow: none;
  border-radius: 0.25rem;
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
}
.btn-primary.reverse {
  background: #FFFFFF;
  color: #012942;
  border-color: #FFFFFF;
}
.btn-primary:hover {
  background: #73bf45;
  border-color: #73bf45;
}
.sticky-custom {
  top: 115px;
  padding-bottom: 20px;
  z-index: 0;
}
.top_header {
  background: #72bf44;
  color: #ffffff;
}
.text_shadow {
  text-shadow: 1px 1px 0 #ffffff;
}
.text_shadow.dark {
  text-shadow: 1px 1px 0 #012942;
}
.smart-scroll.scrolled-down {
  transform: translateY(-100%);
  transition: all 0.3s ease-in-out;
}
.smart-scroll.scrolled-up {
  transform: translateY(0);
  transition: all 0.3s ease-in-out;
}
ul.event-list li a {
  text-decoration: none;
}
ul.event-list li:nth-child(odd) > time {
  background-color: #002A41;
}
ul.event-list li:nth-child(odd) > time .multi,
ul.event-list li:nth-child(odd) > time .month {
  color: white;
}
ul.event-list li:nth-child(even) > time {
  background-color: #002A41;
}
ul.event-list li:nth-child(even) > time .multi,
ul.event-list li:nth-child(even) > time .month {
  color: white;
}
ul.event-list li .social span:not(.fa) {
  margin: 0 0 10px;
  line-height: 1.2;
  font-weight: 700;
  display: block;
}
.sub_nav a {
  text-decoration: none;
}
.dark {
  background: #012942;
  color: #ffffff;
}
.dark .popover-header,
.dark .modal,
.dark [id$='ulMembersAreaNav'],
.dark .bg-light,
.dark .card-title {
  color: #012942;
}
.dark .table .table-light td,
.dark .table .table-light th {
  color: #ffffff;
}
.dark .table .table-dark td,
.dark .table .table-dark th {
  color: #012942;
}
.dark .table td,
.dark .table th {
  color: #ffffff;
}
.dark .table.table-striped td,
.dark .table.table-striped th {
  color: #ffffff;
}
.dark .table .table-secondary td,
.dark .table .table-secondary th {
  color: #012942;
}
.dark .table .table-success td,
.dark .table .table-success th {
  color: #012942;
}
.dark .table .table-success .btn:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-danger):not(.btn-warning):not(.btn-info):not(.btn-light):not(.btn-dark):not(.btn-outline-primary):not(.btn-outline-secondary):not(.btn-outline-success):not(.btn-outline-danger):not(.btn-outline-warning):not(.btn-outline-info):not(.btn-outline-light):not(.btn-outline-dark) {
  color: #012942;
}
.dark .table tr[class*="alert"] td {
  color: inherit;
}
.dark .btn:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-danger):not(.btn-warning):not(.btn-info):not(.btn-light):not(.btn-dark):not(.btn-outline-primary):not(.btn-outline-secondary):not(.btn-outline-success):not(.btn-outline-danger):not(.btn-outline-warning):not(.btn-outline-info):not(.btn-outline-light):not(.btn-outline-dark),
.dark .form-control-plaintext {
  color: #ffffff;
}
.alert h1,
.alert h2,
.alert h3,
.alert h4 {
  color: inherit;
}
.banner {
  background: #72bf44;
  padding: 75px 0;
}
.banner:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 0;
  left: 0;
}
body {
  font-family: 'Montserrat', sans-serif;
}
body.home video {
  max-height: 70vh;
  object-fit: cover;
}
body.home nav {
  margin-bottom: 0px !important;
}
body .carousel-cell {
  width: 100%;
}
body img[alt="Artist Image"]:hover {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
.h1,
.h2,
.h3,
.h4,
legend {
  font-family: 'Montserrat', sans-serif;
  font-weight: 200;
}
h1 small,
h2 small,
h3 small,
h4 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
legend small {
  display: block;
}
h1 small span,
h2 small span,
h3 small span,
h4 small span,
.h1 small span,
.h2 small span,
.h3 small span,
.h4 small span,
legend small span {
  font-size: 80%;
}
h1 small span:before,
h2 small span:before,
h3 small span:before,
h4 small span:before,
.h1 small span:before,
.h2 small span:before,
.h3 small span:before,
.h4 small span:before,
legend small span:before {
  content: '(';
  display: inline-block;
}
h1 small span:after,
h2 small span:after,
h3 small span:after,
h4 small span:after,
.h1 small span:after,
.h2 small span:after,
.h3 small span:after,
.h4 small span:after,
legend small span:after {
  content: ')';
  display: inline-block;
}
nav,
.navbar-dark,
.navbar-light {
  background-color: white;
}
nav .navbar-brand img,
.navbar-dark .navbar-brand img,
.navbar-light .navbar-brand img {
  padding: 0;
  transition: all 500ms;
}
nav .nav-item .nav-link,
.navbar-dark .nav-item .nav-link,
.navbar-light .nav-item .nav-link {
  font-family: 'Montserrat', sans-serif;
  color: #012942;
  font-weight: 700;
}
nav.scrolled .navbar-brand img,
.navbar-dark.scrolled .navbar-brand img,
.navbar-light.scrolled .navbar-brand img {
  /*         padding: 0px;*/
}
.navbar {
  transition: height 0.3s;
  /* Smooth transition */
}
.navbar img {
  margin: 20px !important;
}
.navbar.shrink img {
  margin: 0px !important;
}
footer .sponsors {
  clear: both;
  background: none;
}
footer .sponsors .sponsor {
  display: inline-block;
  margin: 15px;
  max-width: 150px;
}
footer .sponsors .sponsor img {
  max-height: 60px;
}
footer .sponsors br {
  display: none;
}
footer .sponsors [id$="scheduleFeed_pnlSchedule"] .sponsor {
  margin: 30px;
  max-width: 300px;
}
footer .sponsors [id$="scheduleFeed_pnlSchedule"] .sponsor img {
  max-height: 120px;
}
.grid-view-custom,
.grid-view-custom tbody,
.grid-view-custom tr,
.grid-view-custom td {
  display: block;
}
.grid-view-custom .table-responsive table tbody,
.grid-view-custom tbody .table-responsive table tbody,
.grid-view-custom tr .table-responsive table tbody,
.grid-view-custom td .table-responsive table tbody {
  display: table-row-group;
}
.grid-view-custom .table-responsive table tbody tr,
.grid-view-custom tbody .table-responsive table tbody tr,
.grid-view-custom tr .table-responsive table tbody tr,
.grid-view-custom td .table-responsive table tbody tr {
  display: table-row;
}
.grid-view-custom .table-responsive table tbody tr th,
.grid-view-custom tbody .table-responsive table tbody tr th,
.grid-view-custom tr .table-responsive table tbody tr th,
.grid-view-custom td .table-responsive table tbody tr th,
.grid-view-custom .table-responsive table tbody tr td,
.grid-view-custom tbody .table-responsive table tbody tr td,
.grid-view-custom tr .table-responsive table tbody tr td,
.grid-view-custom td .table-responsive table tbody tr td {
  display: table-cell;
  width: 20%;
}
[id$="pnlTicketTypes"] .table tr[class*="Category"] + tr[data-ephid*="0000"] .alert-info:after,
[id$="pnlTicketTypes"] .table tr[class*="Category"] + tr[data-ephid*="0000"] .extraInfo:after {
  content: 'Extra info on category ticket when existing field is full.';
}
.event-heading {
  font-weight: bold;
  font-size: 2rem;
  color: #75BD4F;
}
.buying-process-img {
  max-height: 75px;
  max-width: fit-content;
}
.event-list .multi,
.event-list .month {
  color: white !important;
}
th.bg-dark.text-white {
  background-color: #002A41 !important;
}
@keyframes blink {
  0% {
    border-color: transparent;
  }
  50% {
    border-color: #73bf45;
  }
  100% {
    border-color: transparent;
  }
}
.alert {
  background-color: #E2E3E5 !important;
  border: 2px solid transparent;
  animation: blink 1s ease-in-out infinite;
  animation-iteration-count: 4;
}