@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville');

/* ------- ------- MBT Brand Colors ------- ------- */
.pelorus {
	color: rgb(30,130,168);
}
.pelorus-bg {
	background-color:  rgb(30,130,168);
}
.initial-maroon {
	color: rgb(136,33,49);
}
.initial-maroon-bg {
	background-color: rgb(136,33,49);
}

.center {
 margin: 0 auto;
}

.container {
 width: 100%;
}

html {
 margin: 0;
 padding: 0;
 height:100%; 
 color: #666;
}
html a {
	color: #b4493d;
}

body {
  font-family: 'Lato';
  width: 100%;
}

body a:hover,
body a:active,
body a:focus {
	color: #000;
	outline-color: #fff;
}

/* ------- ------- Event Grid ------- ------- */
.item-image {
    margin-bottom: 1em;
}
.item-description {
    padding: 1em;
}
.even .item-link {
    padding-top: 0.15em;
    background-color: inherit;
}
.odd .item-link {
    padding-top: 0.15em;
    background-color: inherit;
}
.item-link .btn {
    margin-top: 1em;
}

.item-link .unavailable-message {
		font-size: 1.7em;
		color: firebrick;
		font-weight: bolder;
}
.active-promo-event {
    background: inherit;
}

/*----- ------- Center Headers in Articles ------- -----*/
.main-article-body h1 {
    font: normal bold 28px Libre Baskerville, serif;
    text-align: center;
}
.main-article-body h2 {
    font: normal bold 24px Libre Baskerville, serif;
    text-align: center;
}
.main-article-body h3 {
    font: normal bold 16px Lato, sans-serif;
    text-align: center;
    color: #98012e;
}
.main-article-body h4 {
    font: 14px Lato, sans-serif;
    text-align: center;
    color: #7f8c8d;
}
.main-article-body h5  {
    text-align: center;
}
.main-article-body h6 {
    text-align: center;
}

/*----- ------- Main Nav Styles ------- -----*/
#header {
  width: 100%;
  background-color: #fff;
}
#header a:hover,
#header a:focus {
  text-decoration: none;
}
.header-links {
  float: right;
}
.header-links a {
  color: #fff;
}
.header-links .quick-links {
  margin-top: 7px;
}
.header-links .quick-links li {
  padding: 0;
  float: left;
}
.header-links .quick-links a {
  padding: 0 5px;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  font-family: 'Lato'
}
.header-links .quick-links li + li a {
  border-left: 1px solid #ddd;
}
.header-links .social-links {
  display: block;
  float: right;
}
#header .header-content img {
  display: inline;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  z-index: 10000;
}
#header .menu-toggle.btn-default {
  background-color: #fff;
  color: #888;
  border: 1px solid #ccc;
}
#header .menu-toggle.btn-default:hover {
  background-color: #ccc;
  color: #888;
  border: 1px solid #888;
}

#menu {
  margin-top: 20px;
  height: 70px;
  background-color: #fff!important;
}
#menu #menuTop a {
  padding-top: 20px;
  padding-bottom: 10px;
  color: #666;
  text-transform: none;
  font-weight: 400;
  font-size: 20px;
  font-family: 'Lato';
  background-color:  #fff;
}
#menu #menuTop a:hover,
#menu #menuTop a:focus {
  background-color: #f0f0f0;
  color: #000;
}
#menu #menuTop .glyphicon {
  top: .6em;
  font-size: .7em;
  line-height: 1;
}
#menu #menuTop .dropdown-toggle {
  border-left: 0;
}
#menu #menuTop .dropdown-toggle:hover {
  text-decoration: none;
}
/* ------- Main Nav: Help Item ------- */
#menuTopItem-help button {
	font-size: 20px;
	font-family: Lato;
	color: #666666;
}
#menuTopItem-help button:hover,
#menuTopItem-help button:focus {
  background-color: #f0f0f0;
  color: #000;
}

/* ------- ------- Main Nav arrow icon size ------- ------- */
.menuTopItem.has-sub-menu .svg-inline--fa.fa-w-14 {
    width: .75em;
}

.nav li {
    border-radius: 5px;
}

/* ------- -------Button Styles------- ------- */
a.btn-primary, .btn-primary,
a.btn-primary.disabled, .btn-primary.disabled,
a.btn-primary:disabled, .btn-primary:disabled,
a.btn-primary:visited, .btn-primary:visited,
a.btn-primary.disabled:visited, .btn-primary.disabled:visited,
a.btn-primary:disabled:visited, .btn-primary:disabled:visited {
    color: #ffffff;
    background-color: #98012e!important;
    border: 1px solid #72122e!important;
}
a.btn-primary:hover, .btn-primary:hover,
a.btn-primary.disabled:hover, .btn-primary.disabled:hover,
a.btn-primary:disabled:hover, .btn-primary:disabled:hover,
a.btn-primary:active, .btn-primary:active,
a.btn-primary.disabled:active, .btn-primary.disabled:active,
a.btn-primary:disabled:active, .btn-primary:disabled:active,
a.btn-primary:target, .btn-primary:target,
a.btn-primary.disabled:target, .btn-primary.disabled:target,
a.btn-primary:disabled:target, .btn-primary:disabled:target {
	background-color: #72122e!important;
    border: 1px solid #72122e!important;
}
.btn:focus {
  outline-color: #fff;
}
.btn body a,
.btn-link {
  color: #0080a6;
}
.buttonBreak,
.btn-primary,
input[type="button"]:not(.btn-link):not(.btn-default) {
  background-color: #98012E;
  border-color: #ddd;
  color: #fff;
}
.buttonBreak:disabled,
.btn-primary:disabled,
input[type="button"]:not(.btn-link):not(.btn-default):disabled {
  background-color: rgba(153, 0, 0, 0.4);
  border-color: rgba(153, 0, 0, 0.4);
  color: #fff;
}
.buttonBreak:hover,
.btn-primary:hover,
input[type="button"]:not(.btn-link):hover,
.buttonBreak:focus,
.btn-primary:focus,
input[type="button"]:not(.btn-link):focus,
.buttonBreak:active,
.btn-primary:active,
input[type="button"]:not(.btn-link):active,
.buttonBreak:active:focus,
.btn-primary:active:focus,
input[type="button"]:not(.btn-link):active:focus,
.buttonBreak.active,
.btn-primary.active,
input[type="button"]:not(.btn-link).active {
  background-color: #72122e;
  border-color: #ddd;
  color: #fff;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default:active:focus,
.btn-default.active {
  outline-color: #fff;
}
.btn-link:active,
.btn-link:focus {
 outline-color: #fff;
}
.btn-link:hover,
.btn-link:active,
.btn-link:focus {
  color: #000;
}


.pagination > .active > span {
  background-color: #ddd;
  border-color: #ddd;
  color: #000;
}
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  background-color: #ddd;
  border-color: #ddd;
  color: #000;
}
.pagination > li > a {
  color: #000;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
.pagination > li > a:active,
.pagination > li > span:active {
  color: #000;
}


#content {
  background-color: #fff;
}
#content .form-control:focus {
  border-color: #666;
}
#content #showSeats.bodyDetails > .row {
  margin-left: 0;
  margin-right: 0;
}
#content .seat-tabs .seat-tab:hover {
  background-color: #fff;
  color: #fff;
}
#content .seat-tabs .seat-tab.active,
#content .seat-tabs .seat-tab.active:hover {
  background-color: #fff;
  color: #fff;
}
#seatSelect .venue-image img {
  width: 100%;
  height: auto;
}
#showSeats .venue-image-column {
  width: 100%;
}
#showSeats .venue-image-column .venue-image {
  overflow: auto;
}


#calendarWidget-navigation {
  border-top: 1px solid #666;
}
#calendarWidget-navigation tbody > tr {
  background-color: #666;
  color: #fff;
}
#calendarWidget-navigation #widget-lastmonth a,
#calendarWidget-navigation #widget-nextmonth a {
  display: block;
  background-color:  transparent;
}
#calendarWidgetTable .WidgetEvent {
  background-color: #666;
  color: #fff;
}
#calendarWidgetTable .WidgetEvent:hover,
#calendarWidgetTable .WidgetEvent:focus {
  background-color: #98012e;
  color: #fff;
}

/*------- ------- Alert Message (pop up) ------- -------*/
.system-message-block {
  border: 1px solid #98012E;
}
.info-message {
  background-color: #a10238;
  color: #ccc;
}
body #popupBody,
body .popupDetails {
  background: #fff;
}
#popupDiv {
  overflow: auto;
}
.error-message {
  background-color: #f7d6d6;
}
/*------- Alert Banner ------*/
#customer-utilities .active-promotions {
color: #72122e;
}
#searchFilters a {
  display: block;
}

/* ------- ------- My Account ------- ------- */

.my-account-nav ul li:hover a,
.my-account-nav ul li.active a {
  background-color: #ddd;
  border-color: #fff;
  color: #666;
}
#accountNav a:focus {
  background: none;
}

#offerCount {
  background-color: #fff;
  color: #bbb;
  border: 1px solid #ddd;
}
.ticket-details.section-box-item:hover {
  background-color: #fff;
}
.admission-status {
  display: none;
}    
    
/* ------- ------- Searchbox ------- ------- */

@media screen and ( max-width: 320px ) { 
    #searchBox {
        display: none;
    }
}
@media screen and ( max-width: 768px ) { 
    #searchBox {
        display: none;
    }
}
@media screen and ( max-width: 992px ) { 
    #searchBox {
        display: none;
    }
}

div#searchBox.search-box {
	position: fixed;
	top: 40px;
	right: 0;
	height: 40px;
	width: auto;
	background-color: rgba(255, 255, 255, 0.9);
	margin: 0;
	padding: 0;
	border-radius: 0 2px 2px 2px;
	z-index: 100000;
}
#searchBox ul.list-unstyled {
	position: relative;
	top: 0;
	right: 0;
	height: 40px;
	background-color: transparent;
	margin: 0;
	padding: 0;
}
#searchBox li.item-search-start-date {
	display: none;
}
#searchBox li.item-search-end-date {
	display: none;
}
#searchBox li.item-search-keyword {
	padding: 5px 0;
	margin: 0 0 0 15px;
	font-size: 14px;
}
#searchBox li.item-search-keyword input {
	height: 30px;
	margin: 0;
	padding: 0;
	border-radius: 3px 0 0 3px;

}
#searchBox li.item-search-submit {
	padding: 0;
	margin: 5px 15px 5px 0;
}
#searchBox li.item-search-submit input.btn.btn-secondary {
	height: 30px;
	width: 55px;
	text-align: center;
	font-size: 14px;
	color: #fff;
    background-color: #98012E;
	margin: 0;
	padding: 0;
    border-radius: 0 5px 5px 0
}

/* ------- ------- Promo Box ------- ------- */

.secondary-linked-features {
    width: 100% !important;
    padding: 2em !important;
    margin: 5em 0 0 0;
    background-color: #ddd;
    border-radius: 5px;
}
.secondary-linked-features .input-group-btn .btn {
    color: #fff;
    background-color: #98012E;
    border-radius: 0 5px 5px 0
}
.secondary-linked-features #promoCodeBoxInput {
        border-radius: 5px 0 0 5px;
}

.articles.has-secondary-features .article-container.main-article-body {
    width: 100% !important;
}   


/* Additions made by Cory */

.tab:not(:target) {
  display: none;
}

.tab:last-child {
  display: block;
}

.tab:target ~ .tab:last-child {
  display: none;
}

.tab .nav {
       margin-bottom: 20px;
}
.item-start-date,
.item-end-date {
    display: inline-block
}
.end-date-label {
    margin-left: 5px;
}
.search-results-container .start-date-label {
  font-size: 11px;
  margin-right: 5px;
  display: none;
}
.gift-appeal, .gift-fund 
{
    display:none;
}

.video-widget-wrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 51%;
}

.video-widget-wrapper .video-widget {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
 
.account-box h1 {
line-height: 1.2;
}

#select_seats .select-price-zones {
 display: none!important;
}

/* ------- ------- Buy Ticket bar on Event ------- -------*/
.result-box-item {
    border-radius: 5px;
}

/*------- ------- Recommended Shows Results ------- -------*/
.recommended-article {
float: left;
margin: 6px;
/* padding: 10px;
border: 1px solid #eee;
border-radius: 4px; */
}
.recommended-article img {
 border-radius: 4px;
}

/*------- ------- Cart ------- -------*/
/*------- ------- Cart: Package Grid ------- -------*/
@media screen and (min-width: 768px) {
.bundle-item > div {
 width: 33%;
 }
 }
.bundle-event-name {
    font-weight: bold;
}
.bundle-performance-description {
    font-weight: bold;
}


/* ------- ------- Responsive Styles for Mobile ------- ------- */

@media screen and (min-width: 992px) {
  #customer-utilities,
  #menu,
  #content {
    transition: none;
  }
  #header,
  #menu,
  #content {
    border: 0px solid #fff;
  }
  #header {
    border-top: 0;
    border-bottom: 0;
    background: #fff!important;
    background-color: #fff!important;
  }
  #content {
    border-top: 0;
  }
  #orderInfo,
  .active-nav #orderInfo,
  .active-sidebar #orderInfo,
  #header,
  #menu {
    width: auto;
    max-width: 970px;
    margin-left: auto;
    margin-right: auto;
  }
  #orderInfo,
  .active-nav #orderInfo,
  .active-sidebar #orderInfo {
    max-width: 960px;
  }
  #header {
    height: 150px;
    border-top: 0;
    background: #ffffff;
  }
  #header .header-content img {
    max-width: 90%;
  }
  
  #footer {
    background-color: #fff;
    color: #666!important;
    max-width: 1130px;
    margin: 0 auto;
  }
  
  #customer-utilities {
    padding: 0;
  }
  #customer-utilities #orderInfo {
    background: #e1e1e1;
    padding: 5px 10px;
  }
  #customer-utilities #orderTimeout {
    color: #db3936;
    font-weight: bold;
    font-style: normal;
	font-family: 'Lato'
  }
  #menu {
    margin: 0 auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  #menu #menuTop .menuTopItem {
    display: block;
    float: left;
  }
  #menu #menuTop .menuTopItem a:hover,
  #menu #menuTop .menuTopItem a:focus {
    background: none;
    color: #000;
  }
  #menu #menuTop .menuSub {
    margin: 0;
    padding: 0;
    border: 0;
  }
  #menu #menuTop .menuSubItem a {
    padding: 10px;
    background-color: #fff;
    color: #666;
  }
  #menu #menuTop .menuSubItem a:hover,
  #menu #menuTop .menuSubItem a:focus {
    background-color: #ddd;
    color: #000;
  }
  #menu #menuTop .menuSubItem + .menuSubItem {
    border-top: none;
  }
   #footer .footer-content .footer-container.second {
    width: calc(100vw - 17px);
	}
	
  #footer .footer-content .footer-container.second  .col-sm-4 {
    text-align:center;
	}
  #orderInfo,
  .active-nav #orderInfo,
  .active-sidebar #orderInfo,
  #header,
  #menu
   {
    width: auto;
    max-width: 90%;
    margin-left: auto;
    margin-right: 275px;
    background-color:  #fff;
  }
   #orderInfo,
  .active-nav #orderInfo,
  .active-sidebar #orderInfo {
    max-width: 100%;
  }
  #content {
    min-height: 475px;
  }
}
/* ------- ------- Customer Utility Menu ------- ------- */

#customer-utilities {
	background-color: transparent!important;
	z-index: 100000;
}

#orderInfoSecondBar {
	position: fixed;
	top: 2px;
	left: 180px;
	margin-top: 0;
	color: #444;
}

#utility-menu-item-login, #utility-menu-item-logout {
	color: white;
	background-color: rgb(30,130,168)!important;
    border: 1px solid rgb(25,95,105);
    transition: .5s;
    font-size: 12px;
    font-weight: 700;
    margin: 1px 10px;
	padding: 6px 6px;
}
#utility-menu-item-login a, #utility-menu-item-logout a {
    padding: 0;
    margin: 0;
}

#utility-menu-item-login a.menu_item {
	color: #fff;
}

#orderInfoSecondBar {
	width:fit-content;
}

#orderInfoPromoCodeElementGrey {
	max-width: 100%;
	margin: 0 12px;
}

/* ------- ------- Log in banner ------- ------- */
 #customer-utilities {
  background-color: #fff;
}
#customer-utilities #orderInfo {
  color: #000;
  width:  100%;
  background:  #e1e1e1;
}
#customer-utilities #orderInfoCartLink {
  background-color: grey;
  border-color: transparent;
  color: #fff;
}

/* ------- ------- Responsive Styles for Large Screens ------- ------- */
@media screen and ( min-width: 1200px ) {
      #header .header-content {
          width: 1170px;
      }
      #menu .dropdown-toggle {
          display: none;
      }
      .menuTopItem .menu_item .glyphicon.glyphicon-chevron-down,
      .menu_item.dropdown-toggle {
          display: none;
      }
      .menu_item:focus ~ .dropdown-menu,
      .menuTopItem:hover > .dropdown-menu {
          display: block;
      }
   }

/* ------- -------Center Logo on mobile------- ------- */
@media screen and (max-width: 992px){
#header .header-content img {
		position: relative;
		top: 25px;
		width: 190px;
		margin-left: calc(50% - 100px);
	}
}
@media screen and (min-width: 993px){
#header .header-content img {
		position: relative;
    	width: 190px;
    	max-width: 190px;
	}
}

/* help button fix */
#menuTopItem-help button { margin-top:10px;}

/* Video - Seat View */
@media screen and ( min-width: 1200px ) {
	#shoppingCart .seat-view {
		width: 30%;
	}
}

@media screen and ( min-width: 992px ) {
	#shoppingCart .seat-view {
		width: 40%;
	}
}

@media screen and (max-width: 991px){
	#shoppingCart .seat-view {
		width: 60%;
	}
}

@media screen and (max-width: 767px){
	#shoppingCart .seat-view {
		width: 100%;
	}
}