@charset "UTF-8";
/* CSS Document */

/* SHOTGUN BRAND COLORS
-------------------------------------------------------------- 
Shotgun Red #af301f
Bright Red #c83b27
Beige #f8ce99
White #ffffff
Black #000000
*/

/* BASIC HTML STYLES
-------------------------------------------------------------- */

/*
h1 {
	text-transform: uppercase;
}
*/
h1, h2, h3, h4, h5, h6 {
	margin-top: 30px !important;
	margin-bottom: 20px !important;
}

h1,h3 {
	color: #af301f !important;
}

p {
	margin: 0 0 14px !important;
}
#content {
	font-size: 1.5rem !important;
}

.lead {
	font-size: 18px !important;
	font-weight: 400 !important;
}

.footnote {
	font-size: .98rem;
	margin-top: 0.3rem;
	padding-bottom: 1.5rem !important;
}

table {
	 border-collapse:collapse;
}
td {
	padding: 5px !important;
}

img {
	margin-bottom: 15px !important;
}

/* CUSTOMER UTILITY MENU
-------------------------------------------------------------- */
#customer-utilities {
	background: rgba(50,50,50,0.85) !important;
}

/* HEADER
-------------------------------------------------------------- */
div#header {
	background-color:#000000 !important;
	height: 90px;
}

#header .header-content img {
	margin-top: 35px;
	width: 125px !important;
	height: auto !important;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#header .menu-toggle {
	top: 50px;
}

/* MENUS
-------------------------------------------------------------- */
#menu {
	background-color:#000000;
	color:#f8ce99 !important;
}

.menu_item {
	color: #ffffff !important;
	font-weight: 500 !important;
}

.menuTopItem .open {
	background-color:#af301f;
}

.dropdown-menu > li > a, .dropdown-menu > li > a:hover {
	color: #ffffff !important;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
	color: #af301f !important;
}

.active-nav #menu {
	width: 100%;
}

/* MAIN CONTENT AREA
-------------------------------------------------------------- */

#content {
  width: 100%;
  left: 0;
  right: 0;
  padding: 0;
}

#default.bodyDetails {
	padding: 0;
}

#content > .container {
  padding: 0;
  width: 100%;
  max-width: 2000px;
}

.article-container.secondary-linked-feature {
	width:20%;
}

.article-container.tertiary-linked-feature {
	width:20%;
}

.subscribe_2018_align {
	text-align: center;
}

/* SEARCH RESULTS
-------------------------------------------------------------- */
.item-description {
/*	padding:10px; */
	min-height: 74px !important;
}

.item-name {
	font-size: 1.2rem !important;
	padding-left: 0px !important;
}

.item-teaser {
	font-size: 1.25rem !important;
}

/* FOOTER
-------------------------------------------------------------- */

div#footer {
	padding: 50px 0px 50px 0px !important;
	background: url("/content/Images/2018-season-artwork-vertical-02.jpg");	
	color: #ffffff;
	background-size: cover;
	background-repeat: no-repeat;
}

div#footer a {
	text-decoration: none;
	color: #ffffff;
}

div#footer a:hover  {
	color: #f8ce99 !important;
	text-decoration: underline;
}

div#footer img:hover {
	text-decoration: none;
}

.footercontent.container {
	background-color: gray;
	opacity: 0.5;
	border-radius: 10px;
}

.social-links a {
	text-decoration: none !important;
}


/* HIDDEN ELEMENTS
-------------------------------------------------------------- */
#searchBox {
	display: none;
}

#menuTopItem-help {
	display: none;
}

span.start-date-label {
	display: none;
}

/* SMALL SMARTPHONE DEVICES
-------------------------------------------------------------- */
@media screen and (min-width: 400px) {
	#header .header-content img {
    	margin-top: 30px;
	}
}

/* LARGE SMARTPHONES
-------------------------------------------------------------- */
	@media screen and (min-width: 515px) {
  	#header {
    	height: 125px !important;
	}
	
	#header .header-content img {
		/*margin: 17px auto !important; */
		width: 200px !important;
		height: auto !important;
	}	
}

/* TABLETS
-------------------------------------------------------------- */
@media screen and (min-width: 768px) {
	div#footer {
		background: url("/content/Images/2018-season-artwork-horizontal-02.jpg");
		background-size: cover;
		background-repeat: no-repeat;
	}
	
	.subscribe_2018_align {
		text-align: left;
	}
}

/* LAPTOPS & DESKTOPS
-------------------------------------------------------------- */
@media screen and (min-width: 1200px) {
	#header {
    	height: 150px !important;
  	}
  	
	#header a {
    	position: relative;
    	z-index: 40;
  	}
  	#header .header-content img {
    	margin-top:0px;
    	display: inline;
  	}

	#menu {
    	position: absolute;
    	top: 75px;
    	left: 220px;
    	right: 0;
    	margin: 0 auto !important;
    	padding-top: 0 !important;
    	padding-bottom: 0 !important;
    	background-color: transparent !important;
  	}
	
	#menu #menuTop .menuTopItem + .menuTopItem {
    	margin-left: 0;
    	margin-right: 0;
  	}
  	
	#menu #menuTop .menuSub {
    	padding: 0;
    	border: 0;
  	}
  	
	#menu #menuTop .menuSubItem {
    	padding: 0;
  }
  	
	#menu #menuTop .menuSubItem + .menuSubItem a {
    	padding-top: 5px;
  	}
}

/* BUTTONS
-------------------------------------------------------------- */
.btn {
	background-color: #c63c27;
	color:#ffffff;
	border-style: none;
	text-decoration: none !important;
	margin-bottom: 1rem !important;
}

.btn:hover {
	background-color: #af301f;
	color:#ffffff;
	border-style: none;
	text-decoration: none !important;
}

.btn:focus {
	text-decoration: none !important;
}

.btn-large {
	color:#ffffff;
	padding: 1rem;
	margin-top: 1rem;
	margin-bottom: 1.5rem;
}
.btn-large:hover {
	padding: 1rem;
	margin-top: 1rem;
	margin-bottom: 1.5rem;
	text-decoration: none;
}


div.promo-link > a {
	background-color: #c63c27 !important;
	color:#ffffff !important;
	padding: 1rem !important;
	margin-top: 1rem !important;
	margin-bottom: 1.5rem !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
}

div.promo-link > a:hover {
	background-color: #af301f !important;
	color:#ffffff !important;
	padding: 1rem !important;
	margin-top: 1rem !important;
	margin-bottom: 1.5rem !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
}
		
a > span.btn-xl {
	padding: 1.5rem;
	font-size: 3rem;
	color: #ffffff !important;
	text-decoration: none !important;
	
}


div.no-underline > a:hover {
	text-decoration: none !important;
}

/*
#content > .container > #shoppingCart {
	max-width: 1130px;
	padding-left: 10px;
	padding-right: 10px;
	margin:auto;
}

*/

div#shoppingCart.bodyDetails {
	padding-left: 20px !important;
	padding-right: 20px !important;
	max-width: 1130px !important;
}

div#seatResults.bodyDetails {
	padding-left: 20px !important;
	padding-right: 20px !important;
	max-width: 1130px !important;
}

#content > .container > #miscItemDetail {
	padding-left: 20px !important;
	padding-right: 20px !important;
	max-width: 1130px !important;
}

.order-items, .order-totals {
	padding-left: 20px !important;
	padding-right: 20px !important;
	max-width: 1130px !important;
}

 .navigation-box {
	padding: 20px !important;
	max-width: 1130px !important;
}

.customer-options {
	color: #ffffff !important;
}

ul.dropdown-menu {
	background-color: #777 !important;
}

li.open {
	background-color: #222;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
	background-color: #222;
}

.nav > li > a:focus, .nav > li > a:hover {
	background-color: #222;
}

/*
a.empty-link-dropdown-toggle {
	color:#af301f !important;
}*/


/* == AudienceView 7.38 Fixes - Start */

.customer-greeting {
    position: relative;
    top: -7px;
}

.btn {
    background-color: #c63c27 !important;
}

#feature-box .img-fluid {
    width: 100%;
}

html, #content {
	font-size: 1rem !important;
}

h1 {
    font-size: 32px;
}

@media screen and (max-width: 991px) {
	.dropdown-menu.show {
		display: contents !important;
	}
		
	a.menuSubItem.dropdown-item {
		color: #fff;
		padding: 6px 0px 8px 38px;
		border-top: 1px solid #989696;
	}	
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px
}

.breadcrumb>li {
    display: inline-block
}

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0"
}

.breadcrumb>.active {
    color: #777
}



 /* css fix v2 */

.menuContainer.main-nav .nav .menuTopItem.show [data-toggle="dropdown"]{color:black!important;}
.menuContainer.main-nav .nav .menuTopItem.show [data-toggle="dropdown"]:focus{outline: 0 none!important;}
a:hover.menuSubItem.dropdown-item {background-color:#fff!important; color:black!important;}
a.menuSubItem.dropdown-item {padding:10px!important; word-break:break-word; white-space:normal; margin-bottom:0px!important; background:#efefef!important; color:black!important;}
.btn-xl{ font-size:24px!important; padding:10px 20px!important; margin-bottom:0px!important; color:black!important;}
.item-description .item-teaser{ font-size:1rem!important;}
.col-md-3.col-sm-6.item.align-self-start.m-5 { margin:0!important; } 
.input-group-append { height:38px!important;}
.input-group-append .btn, .input-group-prepend .btn{ margin-top:16px!important;}
a.btn-secondary { color:white!important;}
 
/* mobile menu */
@media screen and (max-width: 991px) {
div.menuSub.dropdown-menu.show{position:relative!important; transform:none!important;}
.active-nav #menu .empty-link-dropdown-toggle{color:white!important;}
.menuSubItem.dropdown-item{background-color:#efefef!important;color:black!important;}
.cobAlertBanner{ display:none!important;}
#header img{ float:left!important; max-width:60%!important;}
}


/* == AudienceView 7.38 Fixes - End */

/* CAROUSEL SCROLLER FOR MOBILES
-------------------------------------------------------------- */

@media screen and (max-width: 498px) {
    ol.carousel-indicators {
        height: 0px;
   }
}




/* Promotion button update */

#orderInfoSecondBar { position: absolute; top:0; left:5%;}
.seatMap { margin-top:20px;}
.promo-link button { color:white; background-color:#c63c27; padding:10px 20px;}
.promo-link button:hover { color:#fff; opacity:0.9;}


/* Convert seatSelect.asp and mapSelect.asp tabs to buttons */

.seat-tab a {
background: #c63c27;
color: white;
padding: 10px;
}