/*
Title:	CSS for Cadecade Games Convention
Author: Chevas Balloun - chevas@artifact.tools

/* =Reset default browser CSS. 
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, 
sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
	border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
img { border: 0px; }
li { list-style-type: none; }

/* { height:100%; overflow-y: scroll; }  */
:focus {/* remember to define focus styles! */ outline: 0; }



/* ================== EVERYTHING is BOX-SIZED! ================== */
* { -webkit-text-size-adjust: none;  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; }
/* ================== EVERYTHING is BOX-SIZED! ================== */

html { height:100%; } 
body { height: 100%; font-size: 18px; font-family: Inter, Helvetica, Arial, Sans-serif; color: #333; line-height: 20px; margin: 0; background: #fff; position: relative;
	background: #ffffff;
	background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #ebebeb 68%);
	background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#ebebeb 68%);
	background: radial-gradient(ellipse at center, #ffffff 0%,#ebebeb 68%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=1 ); }
.clearfix:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }
.clearright { clear: right; }


/* Titles & Headings */		
	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { letter-spacing: -.04em; font-weight: 800; line-height: 1.1em;
		font-family: Inter, Helvetica, Arial, Sans-Serif; -webkit-font-smoothing: antialiased; }
	h1, h2, h3, h4, h5, h6 { }
	h1, .h1 { font-size: 3em; }
	h2, .h2 { font-size: 2.6em; }
	h3, .h3 { font-size: 2.2em; }
	h4, .h4 { font-size: 1.8em; }
	h5, .h5 { font-size: 1.6em; }
	h6, .h6 { font-size: 1.3em; }
	small, .h7 { font-size: 1em; }
	.xxsmall, .h8 { font-size: 12px; }
	.small, .f14 { font-size: 14px; letter-spacing: 0; font-weight: normal; }
	
	strong, .strong { font-weight: bold; } 
	.lightweight { font-weight: 300; }
	.normalweight { font-weight: normal; }
	.midweight, .semiweight { font-weight: 600; }
	.heavyweight { font-weight: 800; }
	em, .italic { font-style: italic; }
	textarea { font-size: 14px; font-family: Inter, Helvetica, Arial, Sans-Serif; }
	
	.underline { text-decoration: underline; }
	
	h2.entry-title { font-size: 48px; font-family: "Catamaran" }
	
	.f20 { font-size: 20px; }
	.f14 { font-size: 14px !important; }
	.f12 { font-size: 12px; }
	.f10 { font-size: 10px; }
	.f8 { font-size: 8px; }
	.f6 { font-size: 6px; }
	
	.center, .centertext { text-align: center; }
	
	tt { font-family: 'Courier New', Courier, monospace; }
	.tight { letter-spacing: -.04em; }
	.tight2 { letter-spacing: -.08em; }
	.upper { text-transform: uppercase; }
	.lower { text-transform: none; }
	.bordertop20 { border-top: 1px solid #cfcfd4; padding-top: 20px; margin-top: 20px; }
	.borderbottom20 { border-bottom: 1px solid #cfcfd4; padding-bottom: 20px; margin-bottom: 20px; }
	.borderbottom10 { border-bottom: 1px solid #cfcfd4; padding-bottom: 10px; margin-bottom: 10px; }
	.bordertop0 { border-top: 1px solid #cfcfd4; }
	.bordertop10 { border-top: 1px solid #cfcfd4; padding-top: 10px; margin-top: 10px; }
	.bordertopdotted20 { border-top: 1px dotted #cfcfd4; padding-top: 20px; margin-top: 20px; }
	.borderabout { border-top: 1px solid #cfcfd4; width: 100%; float: left; }
	
	p { padding-bottom: 24px; width: 100%; float: left; margin: 0; line-height: 1.5em; font-size: 18px; }
	p:last-child { padding-bottom: 0px; }
	p.nobot, p.nopad { padding-bottom: 0 }
	.subtitle { color: #646464; }
	.lhp { line-height: 1.5em; }
	
		
	label { font-size: 16px; font-weight: bold; cursor: pointer; font-family: Inter; }
	input[type=text], input[type=password], select { height: 50px; padding: 5px 15px 5px 15px; font-size: 18px; background: #fff; border: none; border: 1px solid #d2d2d2; 
		color: #222; border-radius: 3px; max-width: 100%; box-shadow: 0 0 0; outline: 0; }
	input[type=text], input[type=password] { -webkit-appearance: none; }
	input[type=checkbox] {  }
	textarea { background: #f8f8f8; padding: 15px; border: 1px solid #d2d2d7; font-size: 18px; width: 100%; min-height: 150px; font-family: Inter, Helvetica, Arial, Sans Serif;
		float: left; border-radius: 3px; }
		
	input.short { width: 60px; }
	input.short2 { width: 80px; }
		
	::placeholder { color: #b4b4b4; }
		
	.checkbox { width: 17px; height: 17px; margin-right: 15px; float: left; border: 1px solid #aaa; margin-top: 6px; }
	.checkbox-checked { font-size: 19px; float: left; margin-right: 15px; margin-top: 2px; display: none; width: 17px; height: 17px; }
		
	.labelwrap { width: 41%; padding-right: 10px; float: left; }
	.labelwrap label { float: left; padding-top: 13px; font-size: 18px; }
	.labelwrap.lines label { padding-top: 7px; }
	.fieldwrap { width: 59%; float: right; }
	.fieldwrap input, .fieldwrap textarea, .fieldwrap select { float: left; }
	.fieldwrap.text { font-size: 1.2em; line-height: 1.5em; padding-top: 9px; }
	.fieldwrap.fill { width: 100%; }
	.helptext { font-size: 12px; color: #646464; }
	
	.form-helptext { font-size: 12px; float: left; margin-left: 20px; line-height: 20px; margin-top: 5px; width: 200px; }
	
	.req:after, .required:after { content: "*"; color: #ff0000; font-weight: bold; }
	
	.red { color: #c90000; }
	.graydark { color: #484848; }
	.gray { color: #a0a0a0; }
	.green { color: #009900; }
	
	sup { font-size: 10px; vertical-align: super; } 
	sub { font-size: 10px; vertical-align: sub; }
	
/* Links */
	a, a:visited { color: #00ace6; text-decoration: none; cursor: pointer;
		transition:color .15s linear; -webkit-transition:color .15s linear; -moz-transition:color .15s linear; -o-transition:color .15s linear; }
	a:hover { color: #a0a0a0;	
		transition:color .15s linear; -webkit-transition:color .15s linear; -moz-transition:color .15s linear; -o-transition:color .15s linear; }
		
	.dark a { color: #00ecfc; }
	.dark a:hover { color: #00cedc; }
	
/* Radio & Checkboxes */
a.radio, .radio, .selector { border-radius: 3px; background: #d2d2d2; padding: 10px 15px 10px 15px; display: inline-block; line-height: 14px; text-align: center; color: #555; 
		font-weight: bold; cursor: pointer;
		transition:background .15s linear; -webkit-transition:background .15s linear; -moz-transition:background .15s linear; -o-transition:background .15s linear; }
	a.radio:hover, .radio:hover, a.selector:hover, .selector:hover { background: #b4b4b4; color: #444; 
		transition:background .15s linear; -webkit-transition:background .15s linear; -moz-transition:background .15s linear; -o-transition:background .15s linear; }
	a.radio.active, .radio.active, a.radio.active:hover, .radio.active:hover, a.selector.active, .selector.active { background: #00ace6; color: #fff; }
	
	.day.inline { font-size: 16px; letter-spacing: 0; margin-right: 10px; }
	.day.inline a.selector.med { width: auto; }
	.day.inline a.selector.med i { padding-bottom: 0; padding-right: 5px; }
	
	.selector.check { color: #b4b4b4; }
	.selector.active, a.selector.active { background: #00ace6; }
	.selector.active:hover, a.selector.active:hover { background: #00BFFF; color: #fff; }
	.radio.form, .selector.form { margin-top: 5px; margin-right: 10px; }
	

/* Buttons */
	.button, a.button, a.button:visited, .button:visited, input.em-booking-submit { border: 0; background: #00ace6; color: #fff; height: 40px; padding: 5px 15px 5px 15px;
		display: inline-block; cursor: pointer; font-size: 16px; font-weight: bold; -webkit-appearance: none;
		text-decoration: none; line-height: 30px; font-weight: 600; border-radius: 3px; font-family: Inter; 
		transition:background .15s linear; -webkit-transition:background .15s linear; -moz-transition:background .15s linear; -o-transition:background .15s linear; }		
	.button:hover, a.button:hover, input.em-booking-submit:hover { background: #00BFFF;  
		transition:background .15s linear; -webkit-transition:background .15s linear; -moz-transition:background .15s linear; -o-transition:background .15s linear; }
		
	a.button.teal { background: #2dcaff; }
	a.button.teal:hover { background: #29b6e6; }
	
	a.button.navy { background: #263238; }
	a.button.navy:hover { background: #151b1f; }
	
	a.button.outline { background: transparent; border: 1px solid #b3ecff; border-radius: 5px; }
	a.button.outline:hover { border: 1px solid #fff; }
		
	.button.gray, a.button.gray, a.button.gray:visited, .button.gray:visited { background: #888888; }
	.button.gray:hover, a.button.gray:hover { background: #9c9c9c; }
	
	blockquote { width: 100%; float: left; position: relative; padding: 0 0 0 30px; margin: 0 0 25px 0; border-left: 5px solid #00ace6; }
	
	/* Lightbox */
.blackcover { position: fixed; top: 0; right: 0; bottom: 0; left: 0;  z-index: 100; display: none; 
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80000000',GradientType=0 ); }
	
.lightbox { border-radius: 3px; top: 0; right: 0; bottom: 0; left: 0; position: fixed; background: #fff; width: 500px; height: 500px; z-index: 210; 
	display: none; margin: auto; opacity: 1; padding: 20px; max-width: 100%; max-height: 100%; overflow-y: auto; font-size: 14px; }

	

/* Stucture */
#fill { width: 100%; height: 100%; margin: 0 auto; position: relative; }
#fill.noscroll { overflow-y: hidden; }
	
	#container { width: 100%; min-height: 100%; position: relative; overflow: hidden; padding-bottom: 290px; }
	/* height: 100%; on #fill and min-height: 100%; on #container (and both must keep position: relative;) enables the footer to always be on the bottom of the page even when there is not 
		enough page content to push it down to the bottom. html and body both need height: 100%; as well */
		
		#header, .footer { height: auto; border-bottom: 1px solid #000; background: #151b1f;
			background: -moz-radial-gradient(center, ellipse cover, #263238 0%, #151b1f 100%);
			background: -webkit-radial-gradient(center, ellipse cover, #263238 0%,#151b1f 100%);
			background: radial-gradient(ellipse at center, #263238 0%,#151b1f 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#263238', endColorstr='#151b1f',GradientType=1 ); }
		/* body.home #header { /* 2020 */
			/* background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(16,4,4,1) 100%); } */
		#header-inside { width: 1260px; margin: 0 auto; padding: 60px 30px 40px 30px; position: relative; }

			button.hamburger { background: transparent; color: #fff; border: none; position: fixed; top: 11px; top: 10px; text-transform: uppercase; left: 10px; cursor: pointer; 
				height: 40px; margin: 0; padding: 0; display: none; z-index: 100; font-weight: 700; font-family: "Brandon Text", Inter, Helvetica, Arial, Sans-serif;
				font-size: 14px; padding-left: 20px; padding-right: 20px; transition: .15s linear all; background: #222227; border-radius: 5px; }
			button.hamburger:hover { color: #d2d2d7; transition: .15s linear all; }
			button.hamburger i { font-size: 20px; float: left; margin-right: 10px; }

			a.logo { width: 120px; margin: 0 auto; display: block; }
			a.logo img { width: 100%; float: left; }
			
			/* a.logo.standard { display: block; }
			a.logo.home { width: 200px; display: none; } */
			
			/* body.home a.logo.standard { display: none; }
			body.home a.logo.home { display: block; } */
			
			.loginwrap { position: absolute; top: 60px; right: 30px; color: #aec2cc; font-size: 14px; }
			.loginwrap .name { color: #cee6f2; }
			.loginwrap .logout { color: #e6a500; }
				.name-wrap { display: inline; }
			
			.menuwrap { width: 100%; float: left; text-align: center; margin-top: 40px; }
			ul.menu { height: auto; }
			ul.menu li { list-style-type: none; height: 100%; width: auto; display: inline-block; width: auto; }
			ul.menu li:last-child { margin-right: 0; }
			ul.menu li.display-tablet, .display-mobile { display: none; }
			ul.menu li a, ul.menu li a:visited {  line-height: 20px; color: #fff; width: auto; display: inline-block;
				margin: 0 15px; font-family: 'Catamaran'; font-weight: 900; text-transform: uppercase; -webkit-font-smoothing: antialiased; }
			ul.menu li a:hover, ul.menu li.current-menu-item a { color: #91e3ff; }
			
		.register-bar { height: auto; color: #fff; background: #19c5ff;
			background: -moz-linear-gradient(top, #19c5ff 0%, #00ace6 100%);
			background: -webkit-linear-gradient(top, #19c5ff 0%,#00ace6 100%);
			background: linear-gradient(to bottom, #19c5ff 0%,#00ace6 100%);
			/* background: linear-gradient(135deg, #263238 0%, #151b1f 100%); */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19c5ff', endColorstr='#00ace6',GradientType=0 ); }
		/* body.home .register-bar { height: 80px; color: #fff; background: #374952;
			background: -moz-linear-gradient(top, #374952 0%, #263238 100%);
			background: -webkit-linear-gradient(top, #374952 0%,#263238 100%);
			background: linear-gradient(to bottom, #374952 0%,#263238 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#374952', endColorstr='#263238',GradientType=0 ); }
		body.home .register-bar a.button { background: #2dcaff; color: #fff; }
		body.home .register-bar a.button:hover { background: #29b6e6; } */
		
		/* body.home .register-bar { background: rgb(94,47,109); background: linear-gradient(180deg, rgba(94,47,109,1) 0%, rgba(56,23,66,1) 100%); }
		body.home .register-bar a.button { background: #2dcaff; color: #fff; }
		body.home .register-bar a.button:hover { background: #29b6e6; } */
			
		.register-inside { width: 680px; margin: 0 auto; position: relative; padding: 15px; }
		.register-inside:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }
		.register-inside a.button { display: block; margin-right: 20px; float: left; padding: 15px 45px; font-weight: bold;
			height: auto; border-radius: 28px; line-height: 26px; font-size: 24px; }
			.register-message { float: left; padding-top: 4px; line-height: 24px; color: #fff; text-align: left; display: block; }
			body.home span.breaknothome { display: none; }
			body.home .register-inside a.button { display: none; }
			body.home .register-inside { text-align: center; }
			body.home .register-message { display: inline; float: none; }
			
		#banner { height: 500px; }
		#banner-inside { height: 100%; margin: 0 auto; padding: 30px; position: relative; background-color: #100404; text-align: center;
			background-image: url('/wp-content/uploads/banner-website-2023.png'); background-position: top center; background-repeat: no-repeat; }

			a.button.overlay { height: auto; line-height: 26px; font-size: 24px; font-weight: bold; padding: 15px 45px; border-radius: 28px; background: #FF8330;
				color: #424247; margin-top: 360px;box-shadow: 0 0 30px rgb(0 0 0 / 20%); transition: .15s linear all;
				background: linear-gradient(135deg, #ffffff 0%, #a0e1fd 100%);  }
			a.button.overlay:hover { box-shadow: 0 0 30px rgba(160,225, 253,.5); transition: .15s linear all; }
			
		.stripe.testimonials { height: auto; border-bottom: 1px solid #000; background: #151b1f; color: #fff; text-align: center;  font-size: 22px; 
			background: -moz-radial-gradient(center, ellipse cover, #263238 0%, #151b1f 100%);
			background: -webkit-radial-gradient(center, ellipse cover, #263238 0%,#151b1f 100%);
			background: radial-gradient(ellipse at center, #263238 0%,#151b1f 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#263238', endColorstr='#151b1f',GradientType=1 ); }
			.testimonial-item { font-style: italic; width: 100%; float: left; text-align: center; margin-top: 25px; font-family: Georgia; }
			
	.loginform-container { width: 100%; float: left; text-align: center; }
		#loginform { width: 530px; display: inline-block; }
		#loginform label { width: 180px; float: left; text-align: left; line-height: 50px; position: relative; }
		#loginform input { float: left; }
		#loginform p { padding-bottom: 10px; }
		#loginform input[type=checkbox] { float: none; }
		#loginform .login-submit input { margin-left: 180px; }
		#loginform p.password-recover { text-align: left; padding-left: 180px; margin-top: 20px; font-size: 14px; }
			
/* Structure */
	.thumb-wrap { width: 1260px; margin: 0 auto; margin-bottom: 40px; height: auto; text-align: center; position: relative; }
	.thumb-wrap img { max-width: 100%; height: auto; display: inline-block; }
	
	.featured-caption { position: absolute; left: 0; right: 0; bottom: -18px; text-align: center; font-size: 12px; height: 18px; }

	.stripe { }
	.stripe.withborder { border-top: 1px solid #d2d2d2; }
		.stripe-inside { width: 1260px; margin: 0 auto; padding: 40px 10px 40px 10px; position: relative; }
			.home-wrap { margin: 0 auto; max-width: 900px; text-align: center; padding: 0 20px 0 20px; }
			.home-wrap p { line-height: 1.5em; }
			.home-wrap h6 { line-height: 1.5em; }
			
				a.discord { font-weight: 300; font-size: 30px; text-align: center; display: block; height: auto; }
			
			.column { width: 100%; float: left; padding: 20px; }
			.column.third { width: 33.3333%; }
			.column.quarter { width: 25%; }
			.column.naxx { color: #a0a0a0 !important; }
				
				.event-progress { font-weight: 300; font-size: 60px; line-height: 1em; letter-spacing: -.04em; }
				.event-progress span { color: #c90000; }
				
				.event-title { font-weight: 900; font-family: Catamaran; margin-top: 10px; text-transform: uppercase; letter-spacing: -.03em; }
				
		.row { width: 100%; float: left; position: relative; }
		.friend, .sponsor { width: 33.3333%; height: 315px; float: left; padding: 10px; }
		.friend img, .sponsor img { width: 100%; float: left; }
				
	#wrapper { float: left; margin-top: 40px; width: 100%; }
	#primary { width: 100%; max-width: 1260px; margin: 0 auto; padding-bottom: 40px; }
	#primary iframe { width: 100%; float: left; }
	h1.entry-title { font-weight: 800; font-family: Catamaran; width: 100%; text-align: center;  margin-bottom: 40px;
		letter-spacing: -.04em; float: left; width: 100%: }
			
	.entry-content { width: 100%; max-width: 900px; margin: 0 auto; }
	.entry-content ul, .event-content ol { width: 100%; float: left; padding-left: 30px;  margin-bottom: 25px; }
	.entry-content ul li, .entry-content ol li { list-style-type: disc; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; width: 100%; float: left; font-size: 1em; }
	.entry-content ul li { list-style-type: lower-alpha; }
	
	.indent { padding-left: 30px; width: 100%; }
	
		.register-left { width: 50%; float: left; padding-right: 20px; }
			a.remove, .billing-total { position: absolute; top: 20px; right: 0; }
				.billing-total { font-weight: bold; font-size: 26px; color: #34aa00; }
				.black { color: #000; }
				.register-error { width: 100%; float: left; margin-bottom: 20px; color: #ff0000; font-size: 14px; display: none; }
				.register-error.bottom { margin-top: 20px; margin-bottom: 0; }
			
			
		.register-right { width: 50%; float: right; padding-left: 20px; line-height: 1.3em; }
		
		ul li { margin-top: 5px; }
		ol li { list-style-type: decimal; width: 100%; float: left; margin-top: 5px; }
		
		table { width: 100%; float: left; border: none; border-collapse: collapse; border-radius: 0;
				box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; }
			table tr th { padding: 15px 20px; font-weight: bold; line-height: 14px; vertical-align: middle; background: #00ace6; color: #fff;
				text-align: left; font-size: 16px; }
			table tr { transition:background .15s linear; -webkit-transition:background .15s linear; -moz-transition:background .15s linear; -o-transition:background .15s linear; }
			table tr td { background: #fff; border: 1px solid #dcdee0; padding: 15px 20px; line-height: 16px; vertical-align: middle; 
				background: #fff; cursor: pointer; font-size: 16px; 
				transition:background .15s linear; -webkit-transition:background .15s linear; -moz-transition:background .15s linear; -o-transition:background .15s linear;  }
			table tr td:first-child { vertical-align: middle; font-weight: bold; }
			table tr:nth-child(even) td{ background: #f5f5fa; }
			
		table.schedule tr td { min-width: 130px; }
			
/* Event Manager Overrides */
	.helptext1 { color: #333; width: 100%; float: left; margin-top: 10px; }
	.helptext2 { color: #c90000; width: 100%; float: left; margin-top: 10px; }
	
	.em-booking { margin-top: 0; }

	table.em-tickets tr td:first-child {  }
	table.em-tickets tr:nth-child(odd) td { background: #fff; cursor: default; }
	table.em-tickets tr td select { cursor: pointer; }
	span.ticket-desc { font-size: 13px; font-weight: normal; }
	
	table.em-tickets tr.em-attendee-details td { padding: 0; }
		.em-attendee-fields { float: left; width: 100%; padding: 10px 20px; border-top: 1px solid #d2d2d2; }
		.em-attendee-fields:first-child { border-top: 0; }
		.em-attendee-fields:nth-child(even) { background: #fafafa; }
	
	table.em-tickets .em-attendee-fieldset label { padding-top: 11px; float: left; min-height: 40px; display: block; width: 30%; line-height: 1em; }
		.em-booking-form span.form-tip { border: 0; text-decoration: underline; }
	table.em-tickets .em-attendee-fieldset select, table.em-tickets .em-attendee-fieldset input { max-width: 70%; float: left; }
		span.em-form-required { color: #ff0000; }
	table.em-tickets p.input-group { border-top: 1px solid #e1e1e1; padding-bottom: 10px; padding-top: 10px; }
	table.em-tickets p.input-group:first-child { border-top: 0; padding-top: 0; }
		
	.em-booking-form-details { padding: 0; width: 100%; float: left; border-top: 1px solid #d2d2d2; padding-top: 20px; }
	.em-booking-form-details:before { content: "Billing Information"; width: 100%; float: left; font-size: 24px; font-weight: bold; margin-bottom: 20px; }
	
	.em-booking-form label { width: 30%; float: left; padding-top: 13px; line-height: 1em; }
	.em-booking-form-details input.input, .em-booking-form-details textarea, .em-booking-form-details select { width: 70%; float: left; background: #fff; }
		.em-booking-form-details .expire_date select { float: none; width: 100px !important; }
	.em-booking-form-details .em-bookings-form-ccv input { width: 80px; }
	
	.em-booking-buttons { width: 100%; float: left; margin-top: 20px; padding-left: 30%; }
	
	.em-bookings-form-gateway-cardno label:after, .em-bookings-form-gateway-expiry label:after, .em-bookings-form-ccv label:after
		{ content: "*"; color: #ff0000; font-weight: bold; }
		
	.em-booking, .em-booking-message-error, .em-booking-message-success, .em-booking-message { width: 100%; float: left; }
	
	.em-coupon-message { width: 100%; float: left; margin: 5px 0 0 0 !important; text-indent: 0 !important; display: block !important; padding-left: 30%;
		background: transparent !important; font-weight: bold; }
	.em-coupon-message.em-coupon-success:after { content: " Applied"; }
	
	.input-group.input-checkbox label { width: 90%; float: right; }
	.input-group.input-checkbox input[type=checkbox] { width: 10%; float: left; margin: 0; margin-top: 20px; transform: scale(1.5); -ms-transform: scale(1.5); -webkit-transform: scale(1.5); }
	
	.account-text-wrap { width: 100%; float: left; margin-bottom: 25px; }
	
/* Footer */
	.footer { position: absolute; bottom: 0; height: 290px; width: 100%; font-family: Inter; }
		.footer-text { width: 100%; float: left; text-align: center; font-size: 12px; margin-top: 40px; color: #d9f5ff; }
		
	

		
			
/* Begin Overrides */
	a > img.aligncenter { overflow: auto; display: block; float: none; }
	img.aligncenter { display: block; margin-left: auto; margin-right: auto;  margin-bottom: 10px;  }
	img.alignleft { float: left; position: relative; margin-left: 0px; margin-right: 15px; margin-bottom: 10px; } /* Default is scaling */
	img.alignright, img.alignnone { float: right; position: relative; margin-right: 0px; margin-left: 15px;  margin-bottom: 10px;  } /* Default is scaling */
	img.alignnone { margin: 0px; }
	img.imagefull { position: relative; clear: both; float: left; width: 100%; margin-bottom: 30px; border: 0px; padding: 0px; margin: 0px; margin-bottom: 30px; }
	
	input[disabled] { background: #e8e8ed; }
	input.notop { margin-top: 0; }
	
	.nocursor { cursor: default; }
	
	.plus, .minus { cursor: pointer; }
	.plus:before { content: '+\00a0'; font-family: 'Courier New', Courier, monospace; }
	.minus:before { content: '\2013\00a0'; font-family: 'Courier New', Courier, monospace; }
	
	.aligncenter { display: block; margin-left: auto; margin-right: auto; }
	.alignright, a.button.alignright { float: right; }
	.alignleft { float: left; }
	.force-alignleft { float: left !important; }
	.aligntextleft { text-align: left; }
	.aligntextright { text-align: right; }
	.aligntextcenter { text-align: center; }
	.fill { width: 100%; }
	.inlineblock { display: inline-block; }
	
	/* Font Awesome Overrides */

	
	.mclear { margin-top: 0px; margin-bottom: 0px; }
	.mtop0 { margin-top: 0; }
	.mtop1 { margin-top: 1px; }
	.mtop2 { margin-top: 2px; }
	.mtop3 { margin-top: 3px; }
	.mtop4 { margin-top: 4px; }
	.mtop5 { margin-top: 5px; }
	.mtop10 { margin-top: 10px; }
	.mtop15 { margin-top: 15px; }
	.mtop20 { margin-top: 20px; }
	.mtop25 { margin-top: 25px; }
	.mtop30 { margin-top: 30px; }
	.mtop40 { margin-top: 40px; }
	.mtop60 { margin-top: 60px; }
	.mbot0 { margin-bottom: 0 !important; }
	.mbot5 { margin-bottom: 5px; }
	.mbot10 { margin-bottom: 10px; }
	.mbot15 { margin-bottom: 15px; }
	.mbot20 { margin-bottom: 20px; }
	.mbot25 { margin-bottom: 25px; }
	.mbot30 { margin-bottom: 30px; }
	.mbot40 { margin-bottom: 40px; }
	.mright3 { margin-right: 3px; }
	.mright5 { margin-right: 5px; }
	.mright10 { margin-right: 10px; }
	.mright15 { margin-right: 15px; }
	.mright20 { margin-right: 20px; }
	.mright25 { margin-right: 25px; }
	.mright30 { margin-right: 25px; }
	.mright40 { margin-right: 40px; }
	.mleft5 { margin-left: 5px; }
	.mleft8 { margin-left: 8px; }
	.mleft10 { margin-left: 10px; }
	.mleft15 { margin-left: 15px; }
	.mright20 { margin-right: 20px; }
	.mright30 { margin-right: 30px; }
	.mleft20 { margin-left: 20px; }
	.mleft30 { margin-left: 30px; }
	
	/* Lengths */
	.w40 { width: 40px; }
	.w50 { width: 50px; }
	.w60 { width: 60px; }
	.w70 { width: 70px; }
	.w80 { width: 80px; }
	.w100 { width: 100px; }
	.w125 { width: 125px; }
	.w150 { width: 150px; }
	.w200 { width: 200px; }
	.w300 { width: 300px; }
	.w350 { width: 350px; }
	.w400 { width: 400px; }
	.w435 { width: 435px; }
	.w500 { width: 500px; }
	.w650 { width: 650px; }
	.w850 { width: 850px; }
	.w50p { width: 50%; }
	.w60p { width: 60%; }
	.w70p { width: 70%; }
	.w80p { width: 80%; }
	.w100p { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; }
	
	/* Heights */
	.h42 { height: 42px; line-height: 42px; }
	.h40 { height: 40px; line-height: 40px; }
	.h32 { height: 32px; line-height: 32px; }
	.h34 { height: 34px; line-height: 34px; }
	
	.lh24 { line-height: 24px; }
	.lh34 { line-height: 34px; }
	.lines { line-height: 16px; }
/* End Overrides */
			
			
			
/* Media Queries */

/* 960 Grid - Small Desktop - Max content width = 960px with 20px gutters totalling 1000px */
/* Optimized for the 1024px CSS screen resolution */
@media only screen and (max-width: 1477px) {
	
	h1, .h1 { font-size: 3em; }
	h2, .h2 { font-size: 2.6em; }
	h3, .h3 { font-size: 2.2em; }
	h4, .h4 { font-size: 1.8em; }
	h5, .h5 { font-size: 1.6em; }
	h6, .h6 { font-size: 1.3em; }
	
	#header-inside, .stripe .stripe-inside, #primary { width: 960px; }
	#banner { height: 385px; }
		#banner-inside { background-size: 1480px 385px; }

		a.button.overlay { margin-top: 260px; }
			
		.friend, .sponsor { width: 33.3333%; height: 240px; }
		
	.thumb-wrap { width: 960px; }
	
	table.em-tickets .em-attendee-fieldset label {  width: 35%; }
	table.em-tickets .em-attendee-fieldset select, table.em-tickets .em-attendee-fieldset input { max-width: 65%; }

	
}	

/* Tablet - Max content width = 710px with 20px gutters/margins totalling 750px; */
/* Optimized for the 768px CSS screen resolution with proper white spacing with an allowance for visible vertical desktop scrollbars */
@media only screen and (max-width: 1018px) {
	h1, .h1 { font-size: 2.6em; }
	h2, .h2 { font-size: 2.2em; }
	h3, .h3 { font-size: 1.8em; }
	h4, .h4 { font-size: 1.5em; }
	h5, .h5 { font-size: 1.3em; }
	h6, .h6 { font-size: 1.2em; }
	
	#header-inside, .stripe .stripe-inside, #primary { width: 750px; padding-left: 20px; padding-right: 20px; }
	.menuwrap { margin-top: 20px; }
		ul.menu li { width: 100%; }
		ul.menu li a { margin-top: 20px; font-size: 16px; padding: 10px 30px; margin: 0; }

		/* Hamburger */
			ul.menu li.home { display: block; }
			button.hamburger { display: block; z-index: 110; }
			body.showmobile .menuwrap { transition: .15s linear all; left: 0; opacity: 1; visibility: visible; }

			.menuwrap { position: fixed; top: 0; left: -200px; bottom: 0; width: 200px; background: #222227; padding: 0; transition: .15s linear all;
				opacity: 0; visibility: hidden; margin: 0; top: 0; z-index: 100; text-align: left; }

				.menu-primary-container { margin-top: 60px; }
		
		.loginwrap { position: absolute; top: 30px; right: 30px; }
		
	.thumb-wrap { width: 710px; }
		
	#banner { height: 266px; }
		#banner-inside { background-size: 1020px 266px; }

		a.button.overlay { margin-top: 150px; }
	
	.friend, .sponsor { height: 180px; }

	.register-left, .register-right { width: 100%; padding: 0;  }
		.register-left { margin-top: 40px; }
		.labelwrap { width: 30%; }
		.fieldwrap { width: 70%; }
		
	table.em-tickets .em-attendee-fieldset label {  width: 30%; }
	table.em-tickets .em-attendee-fieldset select, table.em-tickets .em-attendee-fieldset input { max-width: 70%; }
		
	
	
}

/* Mobile - Max content width = 374px with 20px gutters totalling 414px; */
/* Optimized for a 414px CSS screen resolution (5.5 inch screen) with proper white spacing and NO allowance for visible vertical desktop scrollbars (mobile scroll bars are invisible) */
@media only screen and (max-width: 767px) {
	
	p { font-size: 16px; }
	
	#header-inside, .stripe .stripe-inside, #primary { width: 100%; padding-left: 20px; padding-right: 20px; }
	
		#loginform { width: 384px; }
		#loginform input { max-width: 204px; }

			.name-wrap { display: block; }
		
		.loginwrap { position: absolute; top: 20px; right: 20px; }
		
		.register-bar { height: auto; }
			.register-inside { width: 100%; text-align: center; }
			.register-inside a.button { display: inline-block; float: none; margin-right: 0; }
				.register-message { width: 100%; float: left; padding-top: 15px; text-align: center; }

	#banner { height: 224px; }
		#banner-inside { background-size: 860px 224px; }

		a.button.overlay { padding: 10px 20px; font-size: 20px; line-height: 22px; margin-top: 120px; }
				
	.thumb-wrap { width: 374px; }
		
	
	.home-wrap, .home-wrap p, .home-stripe { font-size: 16px; }
	
	.column.quarter { width: 50%; }
	.friend, .sponsor { width: 50%; float: left; height: 140px; }
	
		.labelwrap { width: 100%; padding-bottom: 5px; }
		.fieldwrap { width: 100%; }
		.fieldwrap.fill { font-size: 14px; }

		.labelwrap { width: 100%; padding-bottom: 5px; }
		.fieldwrap { width: 100%; }
		.fieldwrap.fill { font-size: 14px; }		

	table.em-tickets tr td { padding: 7px 15px; font-size: 14px; }
	
	table.em-tickets .em-attendee-fieldset label { display: block; width: 40%; font-size: 14px; }
	table.em-tickets .em-attendee-fieldset select, table.em-tickets .em-attendee-fieldset input { max-width: 60%; font-size: 14px; }
		
	.em-booking-form label { width: 40%; }
	.em-booking-form-details input.input, .em-booking-form-details textarea, .em-booking-form-details select { width: 60%; }
	.em-booking-buttons { padding-left: 40%; }
	
	.em-coupon-message { padding-left: 40%; }
	
	.input-group.input-checkbox input[type=checkbox] { width: auto; }
	.em-booking-form-details .em-bookings-form-ccv input { width: 80px; }
	
}

/*  */
@media only screen and (max-device-width: 415px) {
	#fill { width: 100%; } /* Width specified for iPhone 7s */
	#container { width: 100%; } /* Width specified for iPhone 7s */
	
	
}

/* Mobile Landscape Only - Max content width = 696px with 20px gutters totalling 736px; */
@media only screen and (max-device-width: 737px) and (orientation: landscape) { 

	h1, .huge, .h1, h1.heading { font-size: 28px; }
	h2, .xxlarge, .h2 { font-size: 24px; }
	h3, .xlarge, .h3 { font-size: 20px; }
	h4, .large, .h4 { font-size: 18px; }
	h5, .medium , .h5 { font-size: 16px; }
	h6, .small, .h6 { font-size: 14px; }
	
	#fill { width: 736px; } /* Width specified for iPhone 7s */
	#container { width: 736px; } /* Width specified for iPhone 7s */
	
	#header-inside, #banner-inside, .thumb-wrap, .stripe-inside, #primary, .stripe .stripe-inside { width: 100%; }	
	.friend, .sponsor { height: auto; }