/* global styles */
body {
	font-family: "PT Sans", Arial, Helvetica, sans-serif !important;
	background-color: #000000;
	background: no-repeat center url('/images/presale-passwords-and-codes-here.jpg') fixed;
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
}

a {
	text-decoration: none;
	color: #1a80b6;
}

#wrapper {
	background: white;
	max-width: 1400px; /*lets see if this works better on wide-screens :D */
}

#top-links a, #top-links button {
	color: #cdd3d7;
	font-size: 14px;
}

/* add vertical divider between top left links */
#top-left-links .list-group-item:not(:first-child) {
	border-left: var(--bs-list-group-border-width) solid #1E3A4B !important;
}

/* default styling for top links */
#top-links .list-group-item {
	background-color: inherit;
	border: none;
	border-top-right-radius: 0 !important;
}

/* limit header search input size on full width */
@media screen and (min-width: 992px) {
	#search-input {
		max-width: 220px !important;
	}
}

#logo-search {
	background: url('/images/header-bg.jpg') center;
	border-bottom: 1px solid #596a73;
	border-top: 1px solid #596a73;
}

/* sidebar widgets */
.widget {
	margin-bottom: 45px;
}
.widget-header {
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	color: #166591;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 17px;
	padding: 10px 0px;
	margin-bottom: 15px;
}

/* adjust widgets when in the footer */
#footer .widget {
	margin: 20px 0px;
}

#footer .widget-header {
	color: #DDDDDD;
	border-top: 1px solid #4e4e4e;
	border-bottom: 1px solid #4e4e4e;
	line-height: 20px;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 1px;
}

/* archived presales widget */
.widget-archive .monthList {
	display: none;
	padding-left: 20px;
}
.widget-archive .monthList li a:before {
	font-family: FontAwesome !important;
	content: '\f054';
	font-size: 8px;
	padding-right: 10px;
}
.widget-archive a.active {
	font-weight: bold;
}
.widget-archive .yearList > li {
	display: inline-block;
	padding-right: 8px;
	vertical-align: top;
}
.widget-archive .footer {
	color: #a2a2a2;
	text-align: center;
	margin-top: 10px;
	font-size: 15px;
}

/* generic list of links, used for hot, popular, and recent. */
.widget .link-list {
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}
.widget .link-list li {
	border-bottom: 1px solid #e0dede;
	padding: 5px 5px 5px 0px;
}
/* remove top padding from first list item so space to header is consistent with other widgets. */
.widget .link-list li:first-child {
	padding-top: 0px;
}

#footer .widget .link-list li {
	border-bottom-color: #4e4e4e;
}

#footer .widget .link-list a {
	font-size: 12px;
}

/* menu on mobile */
@media screen and (max-width: 992px) {
	#nav {
		background-color: white;
	}
	.sub-menu {
		list-style: none;
		padding-left: 1rem;
	}
	li {
		padding-top: 3px;
		padding-bottom: 3px;
	}
}
/* menu on desktop */
@media screen and (min-width: 993px) {
	/* nav with dropdowns */
	#nav  {
		line-height: 50px;
		font-size: 18px;
	}

	#nav a:not(.active) {
		color: white;
	}

	#nav .sub-menu a {
		color: #333333;
		font-size: 15px;
	}

	/* the show-on-hover dropdown menu */
	.sub-menu {
		display: none;
		position: absolute;
		width: 250px;
		background-color: #edebeb;
		border-top: 3px solid #1a80b6;
		color: #1a80b6;
		list-style: none;
		padding: 0px;
		line-height: 19px;
		z-index: 999;
	}

	.menu-item {
		float: left;
		padding-right: 81px;
	}

	/* on hovering a menu-item, show its sub-menu */
	.menu-item:hover .sub-menu {
		display: block;
	}

	/* colour sub-menu background on hover */
	.sub-menu .menu-item:hover {
		background-color: rgba(255,255,255,0.5);
	}

	.sub-menu .menu-item {
		padding: 7px 20px;
		border-bottom: 1px solid #dcdadb;
		width: 100%;
	}
}

/* optional title under menu at top of page */
#pageTitle {
	background: url("/images/page-title-bg.png") center center no-repeat #f6f6f6;
	border-top: 1px solid #d2d3d4;
	border-bottom: 1px solid #d2d3d4;
}

#footer-columns {
	border-top: 12px solid #e9eaee;
	background: #2b2b2b url("/images/footer-bg.png") no-repeat top center;
}

#footer-copyright {
	border-top: 1px solid #4b4c4d;
}

/* checkout page */
#checkout-title {
	background: #ff9000 no-repeat center bottom url("/images/get-your-tickets-presale-bg.gif") scroll;
	background-size: cover;
}

#checkout-cart-icon {
	font-size: 60px;
}

#checkout-icons {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

#checkout-icons .col-sm {
	padding: 15px 0px;
}

#checkout-icons h4 {
	margin: 20px 0px;
	color: #256f98;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
}

#checkout-pitch {
	color: #808080;
}

#checkout-pitch h4 {
	color: #1a80b6;
	font-size: 18px;
	margin-bottom: 20px;
}

#checkout-pitch .row {
	background-color: #f6f6f6;
}

#blue-container {
	background-color: #e7f5ff;
}

#checkout-tabs {
	background: #5c9ccc url("/images/bg-gloss-wave.png") 50% 50% repeat-x;
}

#checkout-tabs button.active {
	background-color: #f5f8f9;
	color: #e17009;
}

#checkout-tabs li {
	background-color: #dfeffc;
	margin: 6px 0px 0px 6px;
	border-radius: 5px 5px 0px 0px;
	font-weight: bold;
}

#checkout-tabs button {
	color: #2e6e9e;
}

#checkout-tab-contents .tab-pane {
	padding: 20px;
	background-color: white;
}

/* support form */
.grecaptcha-badge {
	visibility: hidden;
}

/* fullscreen overlay for spinner & message */
#overlay {
	background: #ffffff;
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 9999;
	top: 0;
	left: 0;
	opacity: .8;
}

.wp-blockquote {
	border-left: 4px solid #1a80b6;
	background-color: #f6f6f6;
	padding: 1rem;
}

/* helpers */
.no-transition {
    transition: none;
}

.font-georgia {
	font-family: Georgia;
}

.ar-16-9 {
	aspect-ratio: 16 / 9;
}

.nowrap {
	white-space: nowrap;
}

/* 2.5 padding, for logo-search */
.py-2-5 {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}

/* search results */
.fs-90px {
	font-size: 90px;
}

/* 404 */
.fs-150px {
	font-size: 150px;
}

/* used on page title */
.fs-18px {
	font-size: 18px;
}

/* used on orange search button */
.fs-17px {
	font-size: 17px;
}

/* used on page subtitle */
.fs-14px {
	font-size: 14px;
}

/* used on logout icon */
.fs-13px {
	font-size: 13px;
}

/* used for post tags */
.fs-12px {
	font-size: 12px;
}

.lh-md {
	line-height: 1.75;
}

/* search results and 404 */
.lh-90px {
	line-height: 90px;
}

.underline {
	text-decoration: underline;
}

/* for join page */
.border-dashed {
	/* important needed to override .border */
	border-style: dashed !important;
}

.text-dark-red {
	color: #a90f23;
}

.bg-dark-red {
	background-color: #a90f23;
}

.text-dark-blue {
	color: #0e4968;
}

.text-pale-blue {
	color: #1a80b6;
}

.bg-dark-blue {
	background-color: #042435;
}

.bg-pale-blue {
	background-color: #1a80b6;
}

.bg-paler-blue {
	 background-color: #eef9ff
}

.text-orange {
	/* !important needed for #top-links a ("go vip") */
	color: #ff9600 !important;
}

.text-grey {
	color: #8c8989;
}

.text-grey a {
	color: #bfbfbf;
}

.bg-light-grey {
	background-color: #f6f6f6;
}

.text-dark-grey {
	color: #333333;
}

.bg-dark-grey {
	background-color: #333333;
}

.text-off-white {
	color: #dddddd;
}

.text-light-grey {
	color: #f0f0f0;
}

.star-yellow {
	color: #fde16d;
}

.border-grey {
	border-color: #e0dede;
}

.border-pale-blue {
	--bs-border-color: #1a80b6;
}

/* mm button styles */
/* button in locked.tpl and pricing.tpl and insiders */
.btn-mm-blue {
	--bs-btn-color: #fff;
	--bs-btn-bg: #377ad0;
	--bs-btn-border-color: #4081af #2e69a3 #20559a;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #206bcb;
	--bs-btn-hover-border-color: #2a73a6 #165899 #07428f;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #3282d3;
	--bs-btn-active-border-color: #154c8c #154c8c #0e408e;
	/*	--bs-btn-focus-shadow-rgb: ;
		--bs-btn-active-color: ;
		--bs-btn-active-shadow: 
		--bs-btn-disabled-color: ;
		--bs-btn-disabled-bg: ;
		--bs-btn-disabled-border-color: ;*/
	background: -webkit-gradient(linear, left top, left bottom, from(#52a8e8), to(#377ad0));
	background: -moz-linear-gradient(top, #52a8e8, #377ad0);
	text-shadow: 0 1px 1px #4081af;
	-webkit-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 1px #72b9eb;
	-moz-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 1px #72b9eb;
	box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 1px #72b9eb;
	font-family: HelveticaNeue, Arial, sans-serif;
}

.btn-mm-blue:hover, .btn-mm-blue:focus {
	background: -webkit-gradient(linear, left top, left bottom, from(#3e9ee5), to(#206bcb)) !important;
	background: -moz-linear-gradient(top, #3e9ee5, #206bcb) !important;
	-webkit-box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #62b1e9 !important;
	-moz-box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #62b1e9 !important;
	box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #62b1e9 !important;
}
.btn-mm-blue:active {
	text-shadow: 0 -1px 1px #1d62ab !important;
	-webkit-box-shadow: 0 1px 0 0 #fff, inset 0 0 6px 3px #1657b5 !important;
	-moz-box-shadow: 0 1px 0 0 #fff, inset 0 0 6px 3px #1657b5 !important;
	box-shadow: 0 1px 0 0 #fff, inset 0 0 6px 3px #1657b5 !important;
}

/* button in pricing.tpl and checkout.tpl */
.btn-mm-grey {
	--bs-btn-color: #555;
	--bs-btn-bg: #f5f5f5;
	--bs-btn-border-color: #dedede #d8d8d8 #d3d3d3;
	--bs-btn-hover-color: #555;
	--bs-btn-hover-bg: #efefef;
	--bs-btn-hover-border-color: #ccc;
	--bs-btn-active-color: #555;
	--bs-btn-active-bg: #efefef;
	--bs-btn-active-border-color: #c6c6c6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0));
	background: -moz-linear-gradient(top, #f9f9f9, #f0f0f0);
	border: 1px solid #dedede;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;
	-moz-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;
	box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;
	font-family: HelveticaNeue, Arial, sans-serif;
}
.btn-mm-grey:hover, .btn-mm-grey:focus {
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e9e9e9));
	background: -moz-linear-gradient(top, #f9f9f9, #e9e9e9);
	-webkit-box-shadow: 0 2px 1px #e0e0e0, inset 0 1px 0 #fbfbfb;
	-moz-box-shadow: 0 2px 1px #e0e0e0, inset 0 1px 0 #fbfbfb;
	box-shadow: 0 1px 2px #e0e0e0, inset 0 1px 0 #fbfbfb;
}
.btn-mm-grey:active {
	background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#f4f4f4));
	background: -moz-linear-gradient(top, #eaeaea, #f4f4f4);
	-webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #ddd;
	-moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #ddd;
	box-shadow: 0 1px 0 #fff, inset 0 0 5px #ddd;
}

/* green and purple on insiders page */
.btn-mm-green {
	--bs-btn-color: #ffffff;
	--bs-btn-bg: #7fbf4d;
	--bs-btn-border-color: #63a62f;
	--bs-btn-hover-color: #ffffff;
	--bs-btn-hover-bg: #76b347;
	--bs-btn-hover-border-color: #53961e;
	--bs-btn-active-color: #ffffff;
	--bs-btn-active-bg: #7fbf4d;
	--bs-btn-active-border-color: #53961e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7fbf4d), to(#63a62f));
	background: -moz-linear-gradient(top, #7fbf4d, #63a62f);
	text-shadow: 0 1px 0 #53961e;
	-webkit-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #96d865;
	-moz-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #96d865;
	box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #96d865;
	font-family: HelveticaNeue, Arial, sans-serif;
}
.btn-mm-green:hover, .btn-mm-green:focus {
	background: -webkit-gradient(linear, left top, left bottom, from(#86c755), to(#5ea12a));
	background: -moz-linear-gradient(top, #86c755, #5ea12a);
	-webkit-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #96d865;
	-moz-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #96d865;
	box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #96d865;
}
.btn-mm-green:active {
	-webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #53961e;
	-moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #53961e;
	box-shadow: 0 1px 0 #fff, inset 0 0 5px #53961e;
}
.btn-mm-purple {
	--bs-btn-color: #ffffff;
	--bs-btn-bg: #995dc8;
	--bs-btn-border-color:  #7c45aa #7c45aa #5d288a;
	--bs-btn-hover-color: #ffffff;
	--bs-btn-hover-bg: #8b50ba;
	--bs-btn-hover-border-color: #5d288a;
	--bs-btn-active-color: #ffffff;
	--bs-btn-active-bg: #995dc8;
	--bs-btn-active-border-color: #5d288a;
	background: -webkit-gradient(linear, left top, left bottom, from(#cc8aea), to(#884eb8));
	background: -moz-linear-gradient(top, #cc8aea, #884eb8);
	-webkit-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ce8ded;
	-moz-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ce8ded;
	box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ce8ded;
}
.btn-mm-purple:active {
	-webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #5d288a;
	-moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #5d288a;
	box-shadow: 0 1px 0 #fff, inset 0 0 5px #5d288a;
}
/* handle case where boh-backlink has <a> inside <button> and needs override. */
.btn-mm-purple > a {
	color: white;
}
/* all over the place */
.btn-mm-orange{
	--bs-btn-color: #fff;
	--bs-btn-bg: #ee8f1f;
	--bs-btn-border-color: #e6791c #e6791c #d86f15;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #e38512;
	--bs-btn-hover-border-color: #d0680c;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #ee8f1f;
	--bs-btn-active-border-color: #d0680c;
	background: -webkit-gradient(linear, left top, left bottom, from(#f5b026), to(#f48423));
	background: -moz-linear-gradient(top, #f5b026, #f48423);
	text-shadow: 0 1px 1px #b85300;
	-webkit-box-shadow: 0 1px 2px #d7e9a4, inset 0 1px 0 #f8d898;
	-moz-box-shadow: 0 1px 2px #d7e9a4, inset 0 1px 0 #f8d898;
	box-shadow: 0 1px 2px #d7e9a4, inset 0 1px 0 #f8d898;
}
.btn-mm-orange:hover, .btn-mm-orange:focus{
	background: -webkit-gradient(linear, left top, left bottom, from(#ffbb33), to(#eb7b1a));
	background: -moz-linear-gradient(top, #ffbb33, #eb7b1a);
	-webkit-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ffdf9e;
	-moz-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ffdf9e;
	box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ffdf9e;
}
.btn-mm-orange:active{
	-webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #d0680c;
	-moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #d0680c;
	box-shadow: 0 1px 0 #fff, inset 0 0 5px #d0680c;
}

/* on what-is-happening page */
.btn-mm-black {
	--bs-btn-color: #fff;
	--bs-btn-bg: #525252;
	--bs-btn-border-color: #4c4c4c #313131 #1f1f1f;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #4b4b4b;
	--bs-btn-hover-border-color: #313131;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #525252;
	--bs-btn-active-border-color: #313131;
	background: -webkit-gradient(linear, left top, left bottom, from(#5e5e5e), to(#434343));
	background: -moz-linear-gradient(top, #5e5e5e, #434343);
	text-shadow: 0 1px 1px #2e2e2e;
	-webkit-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #868686;
	-moz-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #868686;
	box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #868686;    
}
.btn-mm-black:hover, .btn-mm-black:focus {
	background: -webkit-gradient(linear, left top, left bottom, from(#686868), to(#363636));
	background: -moz-linear-gradient(top, #686868, #363636);
	-webkit-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #868686;
	-moz-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #868686;
	box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #868686;    
}
.btn-mm-black:active {
	-webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #313131;
	-moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #313131;
	box-shadow: 0 1px 0 #fff, inset 0 0 5px #313131;
}

/* styles for legacy content with markup that that cant be modified. */
.post .protected {
	border: 3px dashed #BB1B1B;
	width: 90%;
	margin: 0px auto 15px;
	padding: 0 12px;
}
/* .protected will be changed to .unprotected if user has access. */
.post .unprotected {
	width: 100%;
	margin: 0px auto 15px;
	padding: 0 12px;
}
/* list will be changed to divs by js, remove style */
.post .unprotected ul {
	list-style: none;
	margin-bottom: 0px;
	padding-left: 0px;
}
/* style for each code row */
.post .unprotected ul li .row {
    border: 2px solid #666;
    padding: 4px 0px;
    background-color: rgba(171, 218, 226, 0.38);
}
.post .unprotected ul li .code {
	overflow-wrap: break-word;
}
/* align button center-right */
.post .unprotected ul li .button {
	display: flex;
	align-items: center;
	justify-content: end;
}
/* fix button height */
.post .unprotected ul li button {
	line-height: 20px;
}
/* "passwords are for members only" text, in same colour as dashed border */
.post .warnpresale {
	color: #BB1B1B;
}
.post .entry-title {
	font-size: 18px;
}
.post h3 {
	font-weight: bold;
	font-size: 17px;
	margin: 17px 0px;
}

/* note: .eveimg and .pimg are duplicated in tinymce-content.css. we could probably
   get away with losing .post and including tinymce-content.css */
.post .eveimg {
	margin: 20px 0px;
	width: 100%;
}

/* make image max 30% width on desktop, 100% width on mobile. */
.post .pimg {
	display: block;
	width: 30%;
	float: right;
}
@media (max-width: 767px) {
    .post .pimg { 
		width: 100% !important; 
		/* unfloat so text is wrapped as expected. */
		float: none;
	}
}

.post .buytixlnk {
	font-weight: bold;
}
.post .wgtip {
	opacity: .85;
	font-size: .95em;
}