/*
Theme Name: 801 Dev Theme
Theme URI:
Author: 801
Author URI: https://www.801airsoft.com/
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dev
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
@import url('https://fonts.cdnfonts.com/css/inter');
a {
        text-decoration-thickness: 1px !important;
        text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
        outline-width: 2px;
        outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
        margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
        outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
        outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
        text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
        display: block;
}

/* =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! ================== */


* { -webkit-text-size-adjust: none; }
input, checkbox { -webkit-appearance: none; }

html { height:100%; } 
body { height: 100%; font-size: 26px; font-family: 'Inter', 'Barlow Semi Condensed', Helvetica, Arial, Sans-serif; color: #333; margin: 0; background:  #f2e5ce; 
	position: relative; }
.clearfix:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }
.clearright { clear: right; }

.hide { display:none; }

/* Titles, Text Sizing, Colors, Links, Buttons ============================================== */
	
	/* Titles & Headings */
	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; }
	.underline { text-decoration: underline; }
	textarea { font-size: 14px; font-family: Inter, "'Barlow Semi Condensed'", Helvetica, Arial, Sans-Serif; }
	h1, h2, h3, h4, h5, h6, .huge, .xxlarge, .xlarge, .large, .medium, .h1, .h2, .h3, .h4, .h5, .h6 {-webkit-font-smoothing: antialiased; 
		line-height: 1.1em; }
	h1, .huge, .h1 { font-size: 56px; font-family: Inter; font-weight:800; }
	h2, .xxlarge, .h2 { font-size: 40px; font-family: Inter; }
	h3, .xlarge, .h3 { font-size: 30px; font-family: Inter; }
	h4, .large, .h4 { font-size: 26px; font-family: Inter; }
	h5, .medium , .h5 { font-size: 22px; font-family: Inter; }
	h6, .small, .h6 { font-size: 18px; letter-spacing: 0px; }
	
	.plaintext { font-size: 14px !important; font-family: 'Open Sans', Helvetica, Arial, Sans-serif !important; margin-bottom:20px; }
	
	
	h2.entry-title { font-size: 48px; }
	
	.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; }
	.bordertop10 { border-top: 1px solid #cfcfd4; padding-top: 10px; margin-top: 10px; }
	.bordertopdotted20 { border-top: 1px dotted #406f80; padding-top: 20px; margin-top: 20px; }
	
	p { line-height: 1.5em; padding-bottom: 25px; letter-spacing: -.04em; }
	p:last-child { margin-bottom: 0; }
	p.mclear, p.nopad, p.pclear { margin-bottom: 0; padding-bottom: 0; }
	.strike { text-decoration: line-through; }
	
	blockquote { font-size: 40px; //margin: 0 auto; quotes: "\201C""\201D""\2018""\2019"; line-height: 1.1; font-family: Georgia; font-weight: normal; }
	blockquote:before { content: open-quote; display: inline; height: 0; line-height: 0; left: -10px; position: relative; top: 15px; color: #222;
		 font-size: 2em; font-family: Times; font-weight: 800; }
	blockquote::after { content: close-quote; display: inline; height: 0; line-height: 0; left: 10px; position: relative; top: 20px; color: #222;
		font-size: 2em; font-family: Times; font-weight: 800; }
		
	blockquote p:last-child { padding-bottom: 0; }
	
	.helptext, .password-reset-text { font-size: 12px; color: #848489; }
	.helptext2 { font-size: 12px; color: #a8a8ad; }
	.edit-ws-note, .edit-cat-note { text-transform: none; display: none; margin-bottom: 10px; }
	
	/* Colors */
	.tan { color: #d2c6b0; }
	.tanlight { color: #f2e5ce; }
	.darkspot { color: #5f5b56; }
	.darkbrown { color: #393734; }
	.orange { color: #f2a017; }
	.wshadow { text-shadow: 0 0 2px #fff; }
	

	
	/* Links */
	a, a:visited { color: #8c5d0e; text-decoration: underline; cursor: pointer;
		transition:color .15s linear; -webkit-transition:color .15s linear; -moz-transition:color .15s linear; -o-transition:color .15s linear; }
	a:hover { color: #000; text-decoration: none;
		transition:color .15s linear; -webkit-transition:color .15s linear; -moz-transition:color .15s linear; -o-transition:color .15s linear; }	

	
	.req, .required { color: #ff0000; font-weight: bold; }
	.req:after, .required:after { content: " * "; }
	
	sup { font-size: 50%; vertical-align: super; padding-left: .2em; }
	sub { font-size: 50%; vertical-align: sub; padding-left: .2em; }

	/* Buttons */
	input[type=submit], a button, .button, a.button, a:visited button, a.button:visited, button[type=submit] { padding: 7px 15px 9px 15px; display: block; 
		font-size: 22px; text-align: center; overflow: hidden; border: 0px; margin: 0px; font-family: 'Inter', 'Barlow Semi Condensed', Helvetica, Arial, Sans Serif; 
		font-weight: bold; display: inline-block;  border: 1px solid orange; line-height: 1em; color: #000;
		background: #e69816C0; text-decoration: none; transition:background:100ms;
	}
	input:hover[type=submit], a:hover button, .button:hover, a.button:hover, .btn-active, a.btn-active, .btn-active:visited, a.btn-active:visited, button[type=submit]:hover
		{ cursor: pointer;		
		background: #e69816FA;
		border: 1px solid #FF8800;
		transition: background 300ms;
	}	

	input[type=submit].hidden, input[type=submit].hide { display: none; }		
		
	.ebutton { 
		
		padding: 7px 15px 9px 15px;
		display: block;
		border-radius: 0px;
		font-size: 22px;
		text-align: center;
		overflow: hidden;
		border: 0px;
		margin: 0px;
		font-family: 'Inter', 'Barlow Semi Condensed', Helvetica, Arial, Sans Serif;
		font-weight: bold;
		display: inline-block;
		box-shadow: 0px -1px 0px #8c5d0e;
		border: 1px solid #8c5d0e;
		border-top: 1px solid #ffc566;
		line-height: 1em;
		color: #000;
		background:#CCC;
		text-decoration: none;
	
	}
	.ebutton.active { 
	    background: #e69816;
		background: -moz-linear-gradient(top, #ffa918 0%, #e69816 100%);
		background: -webkit-linear-gradient(top, #ffa918 0%,#e69816 100%);
		background: linear-gradient(to bottom, #ffa918 0%,#e69816 100%);
	}
	.equipmentrow { display:none; }

	/* Form Basics */
	input, password { -webkit-appearance: none; } /* Rmemoves iOS Styling */
	
	::-webkit-input-placeholder { color:#b4b4b4; }
	::-moz-placeholder { color:#b4b4b4; } /* firefox 19+ */
	:-ms-input-placeholder { color:#b4b4b4; } /* ie */
	input:-moz-placeholder { color:#b4b4b4; }
	
	
	#search-field::-webkit-input-placeholder, .panel-input::-webkit-input-placeholder { color:#b4b4b4; }
	#search-field::-moz-placeholder, .panel-input::-moz-placeholder { color:#b4b4b4; } /* firefox 19+ */
	#search-field:-ms-input-placeholder, .panel-input:-ms-input-placeholder { color:#b4b4b4; } /* ie */
	input#search-field:-moz-placeholder, input.panel-input:-moz-placeholder { color:#b4b4b4; }
	
	#content-title::-webkit-input-placeholder { color:#b4b4b4; }
	#content-title::-moz-placeholder { color:#b4b4b4; } /* firefox 19+ */
	#content-title:-ms-input-placeholder { color:#b4b4b4; } /* ie */
	input#content-title:-moz-placeholder { color:#b4b4b4; }
	
	label:hover { cursor: pointer; }
	input[type=text], input[type=search], input[type=password], select, textarea, input#email, input#url { color: #222; 
		width: 100%; height: 40px; border-radius: 3px; padding: 4px 8px 2px 8px; border: 1px solid #d2d2d2; background: #f0f0f5; font-size: 16px;
		font-weight: 600; }
	textarea { height: auto; border-radius: 2px; -webkit-overflow-scrolling:touch; padding: 15px; }
	
	input[type=password] { padding: 8px 10px 8px 10px; }
	input[type=text].thin { padding: 5px 10px 5px 10px; }
	input.alignleft { float: left; }
	
	form p { margin: 0; padding: 0; }
	input.submit { margin-top: 20px; }
	
	::-webkit-search-cancel-button { display: none; } /* Removes the stupid clear / cancel / x "button" in the search field */
	
/* Radio & Checkboxes */
a.radio, .radio, .selector { border-radius: 3px; background: #f0f0f0; padding: 10px 15px 10px 15px; display: inline-block; line-height: 14px; text-align: center; 
		font-weight: bold; cursor: pointer; text-decoration: none; color: #c7c7c7; border: 1px solid #f2a017;
		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: #fff; color: #000; 
		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: #e69816; color: #000; }
	
	
/* 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: #000; z-index: 210; top: 0; right: 0; bottom: 0; left: 0;
	display: none; margin: auto; opacity: 1; padding: 20px; max-width: 100%; max-height: 100%; overflow-y: auto; font-size: 14px; }
.lightboximage img { max-width: 100%; max-height: 100%: }
a.lightbox-close { margin-bottom: 10px; font-size: 18px; float: right; }
	

/* 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: 340px; }
	/* 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 */
		
	#headerwrap { position: relative; top: 0; left: 0; right: 0; height: 300px; background: #393734 url('images/header-bg.jpg') top center; 
		z-index: 10; }
		.border-rough { display:none; position: absolute; left: 0; right: 0; bottom: -15px; height: 15px; background: url('images/border-rough-01.png') repeat-x; z-index: 10; }
		.border-rough.bottom { bottom: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
		.border-rough.last { bottom: auto; top: -15px; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
		#header { height: auto; }
		#header-inside { width: 1420px; margin: 0 auto; padding: 30px 30px 15px 30px; position: relative; text-align: center; }
			a.logo { width: 120px; display: inline-block; margin-top: 15px; }
			a.logo img { width: 100%; float: left; }
			
			.loginwrap { position: absolute; top: 30px; right: 30px; color: #d2c6b0; font-size: 14px; font-family: 'Open Sans', Helvetica, Arial, Sans-serif; }
			.loginwrap a { color: #f2a017; }
			.loginwrap a:hover { color: #fff; }
			.loginwrap .name { color: #fff; }
			
			.menuwrap {/* margin-top: 30px;*/ }
			.menu { height: auto; float: left; width: 100%; margin-top:10px; }
			.menu li { list-style-type: none; height: 100%; width: auto; display: inline-block; width: auto; height: auto; font-weight:700; }
			.menu li:last-child { margin-right: 0; }
			.menu li.display-tablet, .display-mobile { display: none; }
			.menu li a, .menu li a:visited { line-height: 22px; color: #d2c6b0; width: auto; display: inline-block; font-size: 22px; text-decoration: none;
				margin: 0 5px 0 5px; font-family: Inter; letter-spacing: .0em; -webkit-font-smoothing: antialiased; }
			.menu li a:hover, .menu li.current-menu-item a { color: #f2a017; }
			.menu li ul { display:none; }
			
		#banner { position: relative; width: 100%; height: 400px; background: #1a1917 url('assets/images/banner-801.jpg') top center no-repeat; }
		#banner2 { position: relative; width:100%; height: 400px; background: #1a1917 url('/wp-content/uploads/2026/01/maxresdefault-1757508747.jpg') top center no-repeat; border-top:1px solid #ffc108b5;}
		#banner-inside, #banner2-inside { width: 1420px; margin: 0 auto; position: relative; color: #d2c6b0; padding: 30px; height: 100%; }
		#banner-inside h1, #banner2-inside h1 { padding-top: 110px; max-width: 650px; float: left; font-size: 100px; text-shadow: 0 0 20px #000; color: #fff; }
		#banner2-inside h1 { font-size:80px; padding-top:57px; }
		#banner-inside h1 { padding-top:36px; }
		#banner-inside h2, #banner2-inside h2 { padding-top: 10px; float: left; max-width: 550px; padding-right: 80px; text-align: left; text-shadow: 0 0 20px #000; color: #fff;
			clear: left; }
		
			a.button.big { padding: 10px 60px; font-size: 26px; height: auto; clear: left; float: left; margin-top: 20px; color: #000; font-family: Inter, 'Barlow Semi Condensed'; 
				 font-weight: bold; }
				 
		.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; height: 50px; font-weight: bold; }
			#loginform input[type=text], #loginform input[type=password] { float: left; width: 250px; height: 50px; background: #fff; }
			#loginform p { padding-bottom: 10px; width: 100%; float: left; margin: 0; line-height: 1.5em; font-size: 18px; }
			#loginform .login-remember label { float: left; }
			#loginform input[type=checkbox] { float: left; -webkit-appearance: checkbox; margin-right: 10px; width: 15px; height: 48px; }
			#loginform .login-submit input, .password-submit input[type=submit] { margin-left: 180px; float: left; }
			#loginform p.password-recover { text-align: left; padding-left: 180px; margin-top: 20px; font-size: 14px; }

		header.article-header { display: none; }
		.entry-content .entry-content { padding: 0; }
			
/* Structure */
	.thumb-wrap { width: 1420px; margin: 0 auto; margin-top: 30px; overflow: hidden; height: auto; text-align: center; padding: 0 30px; }
	.thumb-wrap img { max-width: 100%; height: auto; }

	.stripe { width: 100%; position: relative;  }
	.stripe.dark { background: #5f5b56; color: #fff;
		background: -moz-radial-gradient(center, ellipse cover, #5f5b56 0%, #393734 100%);
		background: -webkit-radial-gradient(center, ellipse cover, #5f5b56 0%,#393734 100%);
		background: radial-gradient(ellipse at center, #5f5b56 0%,#393734 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f5b56', endColorstr='#393734',GradientType=1 ); }
		
		.stripe-cover { height: 100%; max-height: 150px; position: absolute; top: 0; z-index: 10; left: 0; right: 0;
			background: -moz-linear-gradient(top, rgba(57,55,52,1) 0%, rgba(57,55,52,0) 100%);
			background: -webkit-linear-gradient(top, rgba(57,55,52,1) 0%,rgba(57,55,52,0) 100%);
			background: linear-gradient(to bottom, rgba(57,55,52,1) 0%,rgba(57,55,52,0) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393734', endColorstr='#00393734',GradientType=0 ); }
		.stripe-cover.bottom { top: auto; bottom: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
	
	.stripe.light { /* background: #f2e5ce; */
/*		background: -moz-radial-gradient(center, ellipse cover, #f2e5ce 0%, #d2c6b0 100%);
		background: -webkit-radial-gradient(center, ellipse cover, #f2e5ce 0%,#d2c6b0 100%);
		background: radial-gradient(ellipse at center, #f2e5ce 0%,#d2c6b0 100%);

		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2e5ce', endColorstr='#d2c6b0',GradientType=1 ); 
*/	

}
	.stripe.dark a { color: #4dc3ff; }
	.stripe.dark a:hover { color: #0099d8; }
	.stripe.proof .stripe-inside { text-align: center; }
	
	.stripe.quote .stripe-inside { padding: 40px 30px; text-align: center; }
		.footer { margin-top: 10px; font-size: .9em; font-style: italic; width: 100%; float: left; }
		
		.stripe-inside { width: 1420px; margin: 0 auto; position: relative; z-index: 20; }
			.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; }
		.stripe-inside img { max-width: 100%; }
			
			.column { width: 100%; float: left; padding: 40px 30px; }
			.column.third { width: 33.3333%; }
			.column.quarter { width: 25%; }
			.column.quarter img { border: 1px solid #d2d2d2; }
			.column.notop { padding-top: 0; }
			.column.nobot { padding-bottom: 0; }
			.column.latest { padding: 30px 0 10px 0; width: 100%: }
			.column.work img { width: 100%; float: left; }
			.column.sponsor { padding: 40px 60px; }

		.proof-wrap { width: 1000px; display: inline-block; padding: 20px 0; }
			.proof-logo { width: 230px; display: block; margin-right: 40px; float: left; padding: 20px 0; }
			.proof-logo img { float: left; width: 100%; }
			.proof-text { float: right; width: 730px; padding-top: 5px; padding-top: 30px; line-height: 1.5em; text-align: left; }
			
		.stripe h3 { color: #222; }
	
	/* Long Form */
	.heading { text-align: center; width: 100%; float: left; padding: 0 12%; }
		.topspace1 { margin-top: 20px; }
		.topspace2 { margin-top: 40px; }
		.topspace3 { margin-top: 60px; }
	.largep, .largep.h4, .largep.h3, .largep.h2, .largep.h1 { text-align: center; width: 100%; float: left; padding: 0 12%; line-height: 1.5em; 
		font-family: Inter, 'Barlow Semi Condensed'; color: #f2e5ce; font-weight: 300; letter-spacing: 0; }
	.largep img { max-width: 100%; }
	
	ol.reasons { width: 100%; float: left; padding: 0 12%; text-align: left; margin-top: 40px; line-height: 1.5em; font-family: Inter, 'Barlow Semi Condensed'; }
	ol.reasons li { list-style-type: none; }
	ul.cando { line-height: 1.2em; font-family: Inter, 'Barlow Semi Condensed'; text-align: center; }
	ul.cando li { margin-top: 10px; }
	
	.largep.bump img { width: 100%; float: left; border: 1px solid #d2d2d2; }
	
	.brand-wrap { float: left; width: 100%; padding: 20px 12% 0 12%; }
	.brand-wrap .column { padding: 0 10px; }
	.brand-wrap .column img { width: 100%; float: left; }
	
	/* Latest Work  */
		.column.work { width: 33.3333%; float: left; padding: 0 5px; }
	
	/* Clients Wrap */
	.clients-wrap { width: 100%; float: left; padding: 20px; text-align: center; }
		.column.sixth { width: 16.6666%; padding: 20px 10px; }
		.column.sixth img { width: 100%; float: left; }
		
.content-area { padding-top:30px; }
				
	#wrapper { float: left; width: 100%; padding-top: 51px; position: relative; }
		.wrapper-bg { background: url('images/bg-page.png') top center no-repeat; position: absolute; top: 0; right: 0; left: 0; margin: 0 auto; height: 600px; }
	#primary { width: 100%; max-width: 1420px; margin: 0 auto; padding-bottom: 40px; position: relative; z-index: 5; }
	#primary iframe { width: 100%; float: left; }
	#primary p iframe { float: none; }
	h1.entry-title, .entry-header .entry-title { font-weight: 800; width: 100%; text-align: center; margin-bottom: 40px; margin-bottom: 0; padding: 0 12%; 
		text-align: center; float: left; width: 100%: }
			
	.entry-content { width: 100%; float: left; padding: 0 12%; margin-top: 20px; margin-bottom: 30px; font-family: 'Inter' !important; }
	.entry-content.two { margin-top: 0; }
	.entry-content ul, .entry-content ol { width: 100%; float: left; padding-left: 30px; margin-bottom: 25px; }
	.entry-content ul li, .entry-content ol li { list-style-type: square; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; width: 100%; float: left; 
		line-height: 1.5em; }
	.entry-content ol li { list-style-type: decimal; }
	
	.entry-meta { width: 100%; float: left; padding: 0 12%; margin-top: 20px; line-height: 1.5em; text-align: center; font-size: 16px; }
	
	.entry-footer { display: none; }
	
		.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; }	
		
		
		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: 7px 10px; font-weight: bold; line-height: 14px; vertical-align: middle; background: #f2a017; color: #000; line-height: 1.2em;
				text-align: left; font-size: 18px; border: 1px solid #cc8713; font-family: 'Open Sans', Helvetica, Arial, Sans-serif; letter-spacing: -.03em; }
			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: transparent; border: 1px solid #d2c6b0; padding: 8px 15px 7px 15px; line-height: 16px; vertical-align: middle; position: relative;
				font-size: 16px; background: #fff; font-family: 'Open Sans', Helvetica, Arial, Sans-serif; 
				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.arena tr td:nth-child(2) { width: 195px; }
			
			table tr.spacer td, table tr.spacer:nth-child(even) td { background: transparent; border: transparent; height: 10px; padding: 0; }
			
			span.slot { font-weight: bold; }
			
			span.full { display: none; }
			table tr.full span.full { display: inline; float: right; }
			table tr.full span.slot, table tr.notavailable span.slot { font-weight: normal; }
			table tr.full a.selector, table tr.notavailable a.selector { display: none; }
			table tr.full td:nth-child(2), table tr.full td:nth-child(3), table tr.notavailable td:nth-child(2), table tr.notavailable td:nth-child(3) { color: #b4b4b4; }
			
			table tr td a { text-decoration: none; }
			table tr td a.selector { font-size: 14px; padding: 5px 10px; height: 31px; position: absolute; right: 0; top: 0px; border-radius: 1px; line-height: 20px;
				border: 0; border-left: 1px solid #d2c6b0; border-radius: 0; background: #f0f0f0; }
			table tr td a.selector:hover { background: #fff; }
			table tr td a.selector.active, table tr td a.selector.active:hover { background: #e69816; color: #000; }
			table.week2 { display: none; }
			


			a.button { float: left; margin-right: 10px; }
			span.selections { line-height: 40px; float: left; margin-right: 10px; }
			
			tr.added-player, tr.added-equipment { display: none; }
			
			table.confirm-slots { margin-top: 20px; }
			table.confirm-slots tr th { font-family: 'Open Sans', Helvetica, Arial, Sans-serif; letter-spacing: -.03em; font-weight: 400; }
			table.confirm-slots tr th span.available { font-weight: bold; }
			table.confirm-slots tr th.remove, table.confirm-slots tr td.remove { width: 60px; text-align: center; position: relative; }
			table.confirm-slots input, table.confirm-slots select { font-size: 14px; font-weight: 400; border-radius: 2px; }
				
				a.add-player { margin-right: 40px; }
				a.remove-player, a.remove-equipment { font-size: 22px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; color: #e60000; }
				a.remove-player:hover, a.remove-equipment:hover { color: #929292; }
				a.remove-player i.fa, a.remove-equipment i.fa { position: absolute; top: 15px; right: 0; bottom: 0; left: 0; margin: auto; }
				
			.total, .total2, .total3 { width: 100%; float: left; margin-top: 20px; text-align: right; }
				.total2 { font-weight: bold; }
				
			.billing-wrap { width: 100%; float: left; margin-top: 40px; }
			.billing-wrap input, .billing-wrap select, .billing-wrap textarea { background: #fff; }
			.billing-wrap h4 { margin-bottom: 10px; }
			.billing-wrap .row { width: 100%; float: left; margin-top: 10px; }
				.label-wrap { width: 45%; float: left; padding-right: 20px; }
				.label-wrap label { padding-top: 5px; float: left; font-size:18px; }
				.field-wrap { width: 55%; float: left; }
				.field-wrap input { width: 300px; margin-bottom:10px;}
				.field-wrap input.card-short { width: 80px; }
				
				

/* Bookings Landing */	
	.week-menu-wrap, .month-menu-wrap { position: relative; width: 100%; float: left; }
		a.week-menu, a.month-menu { float: left; padding: 10px 15px; margin-right: 5px; background: transparent; color: #000; font-size: 20px; border: 1px solid #cc8713; 
			border-bottom: 1px solid #f2a017; font-weight: bold; margin-bottom: -1px; text-decoration: none;
			transition:background .15s linear; -webkit-transition:background .15s linear; -moz-transition:background .15s linear; -o-transition:background .15s linear; }
		a.week-menu:hover, a.month-menu:hover { background: #fff;
			transition:background .15s linear; -webkit-transition:background .15s linear; -moz-transition:background .15s linear; -o-transition:background .15s linear; }
		a.week-menu.active, a.week-menu.active:hover, a.month-menu.active, a.month-menu.active:hover { background: #f2a017; }
	
	.arean-book-wrap { width: 100%; float: left; }
		.arena-book-left { width: 50%; float: left; padding-right: 30px; position: relative; }
		.arena-book-right { width: 50%; float: right; padding-left: 30px; position: relative; }
			.arena-book-inner { width: 100%; min-height: 450px; float: left; position: relative; }
			.arena-book-left a.button, .arena-book-right a.button { position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 200px; }
			
/* Whole Arena Calendar */

	.calendar-wrap { width: 100%; float: left; padding: 0 10px; }
		.cal-left-wrap, .cal-right-wrap { width: 50%; float: left; padding: 0 20px; }
		.cal-right-wrap { float: right; }
			
				a.month-menu { font-size: 14px; font-family: 'Open Sans', Helvetica, Arial, Sans-serif; padding: 5px 10px; }

				.cal-month { width: 100%; float: left; font-family: 'Open Sans', Helvetica, Arial, Sans-serif; font-size: 14px; display: none; }
				.cal-month.active { display: block; }

			.cal-heading { width: 100%; float: left; background: #f2a017; color: #000; padding: 5px 10px; font-weight: bold; text-align: center; font-size: 16px; }
			.cal-row { width: 100%; float: left; }
				.cal-day, .cal-date { width: 14.28571%; float: left; border: 1px solid #d2c6b0; border-top: 0; border-right: 0; background: #fff; text-align: center; 
				height: 40px; padding: 5px; line-height: 30px; }
				.cal-day:last-child, .cal-date:last-child { border-right: 1px solid #d2c6b0; width: 14.29%; }
				.cal-day { font-weight: bold; }
				.cal-date { cursor: pointer; }
				.cal-date.disabled { background:#999; }

				.cal-date.blank { background: #f0f0f0; cursor: default; }
				.cal-date.some { background: #ffe9c4; }
				.cal-date.full { background: #ffc4c4; cursor: default; }
				.cal-date.active { background: #333; color: #fff; }
				
			.cal-legend { width: 100%; line-height: 20px; font-size: 16px; font-family: 'Open Sans', Helvetica, Arial, Sans-serif; margin-top: 30px; }
				.cal-legend .row { width: 100%; float: left; margin-top: 20px; clear: left; position: relative; padding-left: 40px; }
					.box { width: 30px; height: 30px; margin-right: 10px; background: #fff; border: 1px solid #d2c6b0; position: absolute; left: 0; top: 0; bottom: 0;
						margin: auto 0; }
					.box.some { background: #ffe9c4; }
					.box.full { background: #ffc4c4; }
		
		.cal-right-wrap table tr th:nth-child(1), .cal-right-wrap table tr td:nth-child(1) { width: 50%; }
		.cal-right-wrap table tr th:nth-child(2), .cal-right-wrap table tr td:nth-child(2) { width: 25%; }
		.cal-right-wrap table tr th:nth-child(3), .cal-right-wrap table tr td:nth-child(3) { width: 25%; }
		
		
.waivertext { font-family: 'Open Sans', Helvetica, Arial, Sans-serif !important; font-size: 14px !important; line-height: 1.5em !important; margin-bottom: 25px; }
.waivertext { width: 100%; max-height: 300px; overflow-y: scroll; border: 1px solid #d2c6b0; padding: 20px; background: #fff; }
.waivertext p { margin-bottom: 25px !important; }
.waivertext p:last-child { margin-bottom: 0 !important; }
.waivertext p.title { font-weight: bold; margin-bottom: 10px !important; }

#primary .entry-content.waiver .row { margin-top: 10px; width: 100%; float: left; }
#primary .entry-content.waiver .row .label-wrap label { font-size: 16px !important; font-family: 'Open Sans', Helvetica, Arial, Sans-serif !important;
	font-weight: bold; }
#primary .entry-content.waiver .row input, #primary .entry-content.waiver .row textarea, #primary .entry-content.waiver .row canvas { background: #fff !important; border: 1px solid #d2c6b0; }
#primary .entry-content.waiver .row input#signature { display: none !important; }
				
	
/* Navigation */
	.comments-link .screen-reader-text, .navigation .screen-reader-text, span.screen-reader-text { display: none; }
	.navigation { margin-top: 30px; line-height: 1.2em; width: 100%; float: left; margin-bottom: 30px; padding: 0 30px; font-size: 16px; }
	body.archive .navigation { padding: 0 5px; }
	body.archive.post-type-archive-work .navigation { padding: 0 5px; }
	body.archive .topnav .navigation { margin-top: 10px; }
	
	.topnav .navigation { margin-top: 0; }
	.nav-links a { padding: 0 10px; color: #0099d8 !important; }
	.nav-links a:hover { color: #00b4ff !important; }
	.nav-links a:first-child { padding-left: 0; }
	.nav-links a:last-child { padding-right: 0; }
	.nav-links .nav-previous { float: left; width: 50%; padding-right: 20px; background: transparent !important; }
	.nav-links .nav-previous a .meta-nav:after { content: "\00a0\00a0"; }
	.nav-links .nav-previous a .meta-nav:before { content: "\00ab\00a0\00a0"; }
	
	.nav-links .nav-next a .meta-nav { float: right; }
	.nav-links .nav-next a .meta-nav:hover { color: #00b4ff; }
	.nav-links .nav-next a .meta-nav:before { content: "\00a0\00a0\00a0\00a0"; }
	.nav-links .nav-next a .meta-nav:after { content: "\00a0\00a0\00bb"; }
	.nav-links .nav-next { float: right; width: 50%; padding-left: 20px; text-align: right; background: transparent !important; }
	
	.post-navigation .nav-previous .post-title, .post-navigation .nav-previous a .post-title, .post-navigation .nav-previous .meta-nav,
	.post-navigation .nav-next .post-title, .post-navigation .nav-next a .post-title, .post-navigation .nav-next .meta-nav	{ color: #0099d8 !important; }
	.post-navigation .nav-previous .post-title:hover, .post-navigation .nav-previous a:hover .post-title, .post-navigation .nav-previous .meta-nav:hover,
	.post-navigation .nav-next .post-title:hover, .post-navigation .nav-next a:hover .post-title, .post-navigation .nav-next .meta-nav:hover { color: #00b4ff !important; }
		
	
/* Payment / Payments Page */
.clientname { line-height: 1.5em; }

.form-column { padding: 0 12%; }
.form-row { width: 100%; float: left; margin-top: 10px; line-height: 1.5em; }
.form-row .labelwrap { width: 20%; float: left; }
.form-row .labelwrap label { font-size: 16px; font-weight: bold; float: left; margin-top: 5px; }
.form-row .fieldwrap { width: 80%; float: left; }
.form-row .fieldwrap input { width: 100%; max-width: 300px; }
.form-row .fieldwrap input.card-cvc { width: 80px; }
.form-row .fieldwrap select { width: auto; }
.form-row .fieldwrap select.required { color: #222; }


/* Footer */
	.footer { height: 340px; width: 100%; font-family: Inter, 'Barlow Semi Condensed';
		background: #5f5b56; color: #f2e5ce;
		background: -moz-radial-gradient(center, ellipse cover, #5f5b56 0%, #393734 100%);
		background: -webkit-radial-gradient(center, ellipse cover, #5f5b56 0%,#393734 100%);
		background: radial-gradient(ellipse at center, #5f5b56 0%,#393734 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f5b56', endColorstr='#393734',GradientType=1 ); }
		.footer-text { width: 100%; float: left; text-align: center; font-size: 14px; line-height: 1.7em; }
	.footer a { color: #f2a017; text-decoration: none; }
	.footer a:hover { color: #fff; }
	

		
			
/* 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; }
	img { max-width: 100%; }
	
	input[disabled] { background: #d8d8dd; }
	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; }
	.mright0 { margin-right: 0 !important; }
	.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; }
	
	/* Heighths */
	.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 */
			

/* ib home override */
h3.tagline { color:#000; text-align:center; font-size:20px; max-width:600px; margin:0 auto; padding:0 20px; }
.home-banner-right {
	color: #fff;
    font-size: 17px;
    float: right;
    width: 50%;
    position: absolute;
    top: 30%;
    right: 20px;
    text-align: right;
}
.home-banner-right a { color:#000; text-decoration:underline; font-size:20px; }
.inline-address {     width: auto; background:#e69816C0; padding:20px; color:000;  display:inline-block; border:1px solid orange; }
.home-banner-right h3 { font-size: 1.5em; margin: 0 0 20px; line-height: 1.2em; text-shadow:#000400CC 0px 0px 3px; font-weight:700; }
a.error, input.error { color:red !important; border:2px solid red !important; }

.payment-errors.red.error { color: red !important; }
.unavailable { position:absolute; opacity:0; }
.hp-form--listing-sort, .hp-form--listing-filter, .hp-button--listing-filter { display:none; }
.waivers-signed { margin-bottom:20px; padding:20px; background:#DFC59A;}
.waivers-signed h3 { margin-bottom:10px; font-weight:700; }
.waivers-signed div { display:block; min-height:55px; border:1px solid #333333AA; margin-bottom:10px; background:#00000011; }
.waivers-signed div span { margin:3px 10px; padding:2px 4px; }
.waivers-signed img { max-width:200px; }
/* #header-inside .menuwrap > div > div > div { padding-top:0 !important; }			*/
#header-inside .menuwrap .wp-block-navigation__responsive-container:is(.is-menu-open.is-menu-open) { background-color: #131311ed !important; }
.wp-block-navigation__responsive-container-open { color: #f6a317 !important; }
.wp-block-navigation__responsive-container-close { color: #f6a317 !important; }
.wp-block-navigation__responsive-container-open svg {transform: scale(1.3);  margin-right: 10px; }
/* hp == hivepress */
.hp-page { margin:0 40px; }
.wp-block-navigation-item__label { font-weight:700; font-size:20px; }
.tribe-theme-801 .menuwrap .wp-block-group.is-content-justification-center.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-cf9dce37.wp-block-group-is-layout-flex { margin:0 auto; }
body.tribe-theme-801 .wp-block-navigation__container.is-layout-flex { display:inline-block !important; }
.tribe-theme-801 .wp-block-navigation li { display:inline-block !important;  }
#wps_booking_single_calendar_form { background: #fbaf2f; min-width:260px; }
#wps_booking_single_calendar_form::placeholder { color:#000; font-weight:700; border:2px solid #8c5d0e; }
.reserve-two .total.salestax,  .reserve-two .total.total2 { display:none; }

.loader {
        width: 84px;
        height: 84px;
        position: relative;
        overflow: hidden;
	padding-top:40px;
      }
      .loader:before , .loader:after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 0;
        width:64px;
        height: 64px;
        border-radius: 50%;
        background:#FFF;
        transform: translate(-50% , 100%)  scale(0);
        animation: push 2s infinite ease-in;
      }
      .loader:after {
      animation-delay: 1s;
      }
      @keyframes push {
          0% {
            transform: translate(-50% , 100%)  scale(1);
          }
          15% , 25%{
            transform: translate(-50% , 50%)  scale(1);
          }
        50% , 75% {
            transform: translate(-50%, -30%) scale(0.5);
          }
        80%,  100% {
            transform: translate(-50%, -50%) scale(0);
          }
      }
  
.tribe-events-c-subscribe-dropdown__container { display:block !important; }
.tribe-events-calendar-month th { background:initial !important; }
.tribe-events-calendar-month__calendar-event { background:#ffcb53; }
.tribe-events-calendar-month__calendar-event-datetime { color:#000 !important; }
.tribe-events-calendar-month th.tribe-events-calendar-month__header-column span { padding:2px; font-weight:700; font-size:20px; }
.tribe-events .tribe-events-calendar-month__mobile-events-icon--event { background-color:#ffcb53 !important; height:25px !important; width:25px !important; }
.tribe-events-calendar-month-mobile-events__mobile-event-title { font-size:32px !important; }
.tribe-events-calendar-month-mobile-events__mobile-event-datetime { font-size:18px !important; color:#000 !important; }
#header-inside .wp-block-group.is-content-justification-right.is-nowrap.wp-block-group-is-layout-flex { margin:0 auto; }
.wc-block-components-form.wc-block-checkout__form input#email { height:50px !important; padding:16px 0px 0px 9px !important; background:#FFF !important; }
#home-events a, #home-events span {text-decoration:none !important; font-size:24px; }

.wp-element-button, .add_to_cart_button { 
 border-radius:0;
 background:#e69816FA; 
 color:#000 !important;
 font-weight:bold; font-size:20px;  
 padding:4px 15px; 
 font-family: 'Inter', 'Barlow Semi Condensed', Helvetica, Arial, Sans Serif;

}
.wp-element-button span, .add_to_cart_button span { 
 font-size:20px; 
 }
/* 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: 1440px) {
	
	body { font-size: 22px; }
	
	h1, .huge, .h1 { font-size: 42px; }
	h2, .xxlarge, .h2 { font-size: 36px; }
	h3, .xlarge, .h3 { font-size: 26px; }
	h4, .large, .h4 { font-size: 22px; }
	h5, .medium , .h5 { font-size: 20px; }
	h6, .small, .h6 { font-size: 16px; }
	
	.topspace1 { margin-top: 20px; }
	.topspace2 { margin-top: 30px; }
	.topspace3 { margin-top: 50px; }
	
	#header-inside, #banner-inside, #banner2-inside, .thumb-wrap, .stripe-inside, #primary  { width: 994px; }
	#header-inside, #banner-inside, #banner2-inside, .thumb-wrap { padding-left: 20px; padding-right: 20px; }

	#banner { height: 463px; background-size: 1480px 463px; }
		#banner-inside h1 { padding-top: 57px; max-width: 320px; text-align: center; }
		#banner-inside h2 { padding-top: 120px; max-width: 320px; padding-right: 0; text-align: center; }
        #banner2 { height: 463px; background-size: 1480px 463px; }
                #banner2-inside h1 { padding-top: 110px; max-width: 320px; text-align: center; }
                #banner2-inside h2 { padding-top: 120px; max-width: 320px; padding-right: 0; text-align: center; }



	#wrapper { }
	
	.column { padding: 30px 20px; }
	.column.sixth { padding: 10px 5px; }
	
	.clients-wrap { padding: 15px; }
	
	.proof-wrap { width: 100%; padding: 20px; }
		.proof-logo { width: 200px; }
		.proof-text { float: right; width: 650px; padding-top: 15px; }
	
	.all-images-wrap { padding: 15px; }
		.image-inner { height: 179px; } /* Home */ 
		.image-inner .post-thumbnail { height: 169px; } /* Home */ 
	
	
	.heading, .largep, .largep.h1, .largep.h2, .largep.h3, .largep.h4, ol.reasons, .brand-wrap, .entry-content, .form-column { padding: 0; }
	
	.entry-content { padding: 0 20px; }
	
	.brand-wrap { padding: 20px 15px 0 15px; }
	.brand-wrap .column { padding: 0 5px; }
	
	.proof-text.first { margin-top: 20px; }

	ul.cando { font-size: 18px; }
	
	.wrap-inner { width: 100%; padding: 0 20px; }
	.wrap-inner .page-header, .wrap-inner .entry-header { padding: 20px 0; }
	
	.cal-left-wrap, .cal-right-wrap { width: 100%; }
		.cal-right-wrap { margin-top: 30px; }
	
}	

/* 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) {
	
	body { font-size: 20px; }
	
	h1, .huge, .h1 { font-size: 38px; }
	h2, .xxlarge, .h2 { font-size: 32px; }
	h3, .xlarge, .h3 { font-size: 24px; }
	h4, .large, .h4 { font-size: 20px; }
	h5, .medium , .h5 { font-size: 18px; }
	h6, .small, .h6 { font-size: 16px; }
	
	.topspace1 { margin-top: 20px; }
	.topspace2 { margin-top: 30px; }
	.topspace3 { margin-top: 50px; }
	
	#header-inside, #banner-inside, #banner2-inside, .thumb-wrap, .stripe-inside, #primary  { width: 750px; }
	#header-inside, #banner-inside, #banner2-inside, .thumb-wrap { padding-left: 20px; padding-right: 20px; }
	
	#header-inside { padding: 20px; }
	#header-inside .menuwrap > div > div > div { padding-top:0 !important; }
	
		
	#banner, #banner2 { height: 325px; background-size: 1040px 325px; }
		#banner-inside h1, #banner2-inside h1 { padding-top: 60px; max-width: 300px; font-size: 70px; }
		#banner-inside h2, #banner2-inside h2 { padding-top: 70px; max-width: 300px; }
	
		a.button.big { padding: 7px 40px; font-size: 20px; }
	
	.column { padding: 30px 20px; }
	.column.sixth { padding: 10px 5px; width: 33.3333%; }
	.column.quarter { padding-left: 10px; padding-right: 10px; }
	.column.sponsor { padding: 20px 30px; }
	
	.clients-wrap { padding: 15px; }
	
		.proof-logo { width: 200px; }
		.proof-text { float: right; width: 470px; padding-top: 20px; }
	
	.all-images-wrap { padding: 15px; }
	
	.image-inner { height: 139px; } /* Home */ 
	.image-inner .post-thumbnail { height: 129px; } /* Home */ 
	
	body.archive .image-inner, body.single .image-inner { width: 50%; height: 207px; float: left; }
	body.archive .image-inner .post-thumbnail, body.single .image-inner .post-thumbnail,
	body.archive .image-inner .portfolio-image, body.single .image-inner .portfolio-image { height: 197px; }
	
	.proof-text.first { margin-top: 20px; }
	
	.brand-wrap { padding: 0 15px 0 15px; }
	.brand-wrap .column { padding: 20px 5px 0 5px; }

	ul.cando { font-size: 14px; }
	
	.form-row .labelwrap { width: 30%; }
	.form-row .fieldwrap { width: 70%; }
	.menu-primary-container .menu-item a { text-transform: initial; font-family:'Arial Narrow'; letter-spacing:0.025em; }
	
	.home-banner-right h3 { display:none; }
}

/* 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) {
	
	body { font-size: 18px; }
	
	h1, .huge, .h1 { font-size: 34px; }
	h2, .xxlarge, .h2 { font-size: 28px; }
	h3, .xlarge, .h3 { font-size: 22px; }
	h4, .large, .h4 { font-size: 18px; }
	h5, .medium , .h5 { font-size: 16px; }
	h6, .small, .h6 { font-size: 14px; }
	
	.topspace1 { margin-top: 10px; }
	.topspace2 { margin-top: 20px; }
	.topspace3 { margin-top: 30px; }
	.home-banner-right { top:5vw; }
	#header-inside, #banner-inside, #banner2-inside, .thumb-wrap, .stripe-inside, #primary { width: auto; padding:0px 20px; max-width:100%; }
	
	#headerwrap { height: 247px; background-size: auto 247px; }
	.menuwrap {  }
		a.logo { width: 100px; margin-top: 25px; }
		.menuwrap { margin-top: 15px; }
		ul.menu li a, ul.menu:visited { font-size: 16px; margin: 0 5px; }
		.is-responsive.wp-block-navigation.is-layout-flex.wp-block-navigation-is-layout-flex { line-height:13px; }
		.wp-block-navigation__container.is-responsive.wp-block-navigation { line-height:13px; }
		.loginwrap { top: 10px; left: 0; right: 0; margin: 0 auto; }
		
		#loginform { width: 100%; }
		#loginform input[type=text], #loginform input[type=password] { width: 100%; float: left; margin: 0; }
		#loginform .login-submit input, .password-submit input[type=submit] { margin-left: 0; float: left; }

	#banner, #banner2 { height: 241px; background-size: 770px 241px; background: #1a1917 url('images/banner-801-mobile.jpg') top center no-repeat; }
		#banner-inside h1, #banner2-inside h1 { padding-top: 35px; max-width: 180px; text-align: left; font-size: 50px; }
		#banner2-inside h1 { max-width:230px; }
		#banner-inside h2, #banner2-inside h2 { padding-top: 40px; max-width: 180px; text-align: right; font-size: 30px; }
		
		a.button.big { padding: 5px 20px; font-size: 18px; margin-top: 10px; }
		
		.heading.h1 { font-size: 34px; }
		.largep.h4 { font-size: 18px; }
		.largep.h3 { font-size: 22px; }
		.largep.h2 { font-size: 28px; }
		.largep.h1 { font-size: 34px; }
		
		.column.third.sponsor { width: 100%; padding: 10px 60px; }
		
	.image-inner { width: 100%; height: 220px; } /* Home */
	.image-inner .post-thumbnail { height: 210px; } /* Home */ 
	
		.proof-logo { width: 100%; padding: 10px 30% 0 30%; }
		.proof-text { float: left; width: 100%; padding-top: 20px; text-align: center; }
		.proof-text.first { padding-top: 0; }
		
	.column.quarter { width: 50%; }

	.brand-wrap { padding: 0 15px 0 15px; }
	.brand-wrap .column { padding: 10px 5px 0 5px; }
	
	.form-row .labelwrap { width: 100%; }
	.form-row .fieldwrap { width: 100%; margin-top: 5px; }
	
	table tr td { font-size: 14px; padding-left: 8px; padding-right: 8px; }
		span.slot { float: left; }
	table.arena a.selector { position: relative; top: auto; right: auto; float: right; margin-top: 5px; border: 1px solid #d2c6b0; }
	
	a.month-menu { margin: 0 4px 4px 0; }
	
	.cal-right-wrap table tr th:nth-child(1), .cal-right-wrap table tr td:nth-child(1) { width: 40%; }
	.cal-right-wrap table tr th:nth-child(2), .cal-right-wrap table tr td:nth-child(2) { width: 40%; }
	.cal-right-wrap table tr th:nth-child(3), .cal-right-wrap table tr td:nth-child(3) { width: 20%; }
	
	table tr td a.selector { position: relative; top: auto; right: auto; border: 1px solid #d2c6b0; float: right; }
	
	#primary .entry-content.waiver .row .label-wrap { width: 100%; }
	#primary .entry-content.waiver .row .field-wrap { width: 100%; }

	form .row .label-wrap { float:none; display:block; }
		form .row .label-wrap label { float:none; }
	form .row .field-wrap { float:none; display:block; }
	form .row { padding-top:20px; }
	.inline-address { width:auto; font-size:14px; }
	.home-banner-right { top:0vw; width:auto; margin-top:40px; font-size:14px; }
	.mh { display:none; }
	#banner-inside .button.big { margin-bottom:10px; padding:5px 10px; }
	#banner2-inside .button.big { margin-bottom:10px; padding:5px 10px; }
	.home-banner-right a { font-size:16px; }
	.tagline { display:none; }
}
@media only screen and (max-device-width: 600px) {
	.mh2 { display:none; }
}
@media only screen and (max-device-width:500px) {
        .home-banner-right { top:0vw; right:10px; margin-top:40px; }
        #banner-inside, #banner2-inside { padding:0px 10px; }
        .inline-address { width:100%; display:block; margin-bottom:20px; }

}
@media only screen and (max-device-width: 415px) {
	
	#fill { width: 414px; } /* Width specified for iPhone 7s */
	#container { width: 414px; } /* Width specified for iPhone 7s */
	.player span { display:block !important;}	
}

/* Mobile Landscape Only - Max content width = 696px with 20px gutters totalling 736px; */
@media only screen and (max-device-width: 737px) and (orientation: landscape) { 
	#fill { width: 736px; } /* Width specified for iPhone 7s */
	#container { width: 736px; } /* Width specified for iPhone 7s */
	
	#header-inside, #banner-inside, #banner2-inside, .thumb-wrap, .stripe-inside, #primary { width: 736px; }
	
	#headerwrap { height: 61px; }	
		#header-inside { height: 60px; }
			.menuwrap { margin-top: -3px; float: left; margin-top: 0; width: auto; float: right; }
				ul.menu li a { font-size: 14px; margin-right: 13px; margin-left: 10px; margin-right: 0; }
				
	#banner, #banner2 { margin-top: 61px; }
		#banner-inside h1, #banner2-inside h1 { padding-top: 80px; max-width: 280px; text-align: left; font-size: 24px; }
		#banner-inside h2, #banner2-inside h2 { padding-top: 82px; max-width: 280px; text-align: right; font-size: 20px; }
	#wrapper { margin-top: 61px; }
	
	.heading, .largep, .largep.h1, .largep.h2, .largep.h3, .largep.h4, ol.reasons, .brand-wrap, .entry-content, .brand-wrap { padding: 0 15%; }
	
		.brand-wrap { padding: 10px 16% 0 16%; }
	
	.image-inner { width: 33.3333%; height: 127px; } /* Home */ 
	.image-inner .post-thumbnail { height: 117px; } /* Home */ 
	
	body.archive .image-inner, body.single .image-inner { width: 50%; height: 203px; float: left; }
	body.archive .image-inner .post-thumbnail, body.single .image-inner .post-thumbnail,
	body.archive .image-inner .portfolio-image, body.single .image-inner .portfolio-image { height: 193px; }
	
	.proof-logo { width: 100%; padding: 10px 40% 0 40%; }
	
	.column.quarter { width: 50%; }
	
	ul.cando li { font-size: 20px; line-height: 1.3em; }
	
	body.archive article.has-post-thumbnail .thumb-wrap { width: 25%; float: left; padding-right: 20px; }
	body.archive article.has-post-thumbnail .entry-header, body.archive article.has-post-thumbnail .entry-content { width: 75%; float: right; }
	
	.form-row .labelwrap { width: 30%; }
	.form-row .fieldwrap { width: 70%; }
	
 }


.player span { width:20%; display: inline-block; }
.player input { width:80%; }
.yearhighlight {
    padding: 3px 10px;
    color: white;
    background: red;
    margin: 15px;
}
.skip { opacity:0;}