/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
/* Addresses margins handled incorrectly in IE6/7. */
	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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline;  }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
	ul, ol {list-style: none;}
	table {border-collapse: collapse; border-spacing: 0;}
	figure {position: relative;}
	figure img {width: 100%;}
	* {margin: 0; padding: 0;}
/* #Basic Styles ================================================== */
	body {font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px; color: #444; overflow-x: hidden; background: #232323 url('../images/bg.png') repeat; margin: 0;}

/* #Typography ================================================== */
h1, h2, h3, h4, h5, h6 {font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:200; font-stretch:normal;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: inherit;}
h1 {font-size: 46px; line-height: 48px; text-transform: uppercase; margin: 10px 0 15px 0;}
h2 {font-size: 30px; line-height: 34px;margin: 5px 0 18px 0;}
h3 {font-size: 20px; line-height: 28px;margin: 5px 0 4px 0;}
h4 {font-size: 18px; margin: 0 0 10px 0;}
h5 {font-size: 16px; padding:10px 0 2px 0;}
h6 {font-size: 14px;}
/* Colors and styles ================================================== */
h1 {color: #e2ca8e; font-family: LeagueGothicRegular; font-weight: lighter; text-shadow: 0px 2px 0px #000;}	
h2 {color: #caa12d; font-family:"Market Deco"; text-align: center; font-weight: normal;}
h3 {color: #ecdcb7; text-align: left; font-weight: 200;}
h4 {color: #fff;} 
h5 {color: #caa12d; font-family:Georgia, "Times New Roman", Times, serif; font-weight: lighter; font-style:italic; text-align: left;} 
h6 {color: #fff;} 
@font-face {font-family: 'LeagueGothicRegular';src: url('../fonts/League_Gothic-webfont.eot');src: url('../fonts/League_Gothic-webfont.eot#iefix') format('embedded-opentype'), url('../fonts/League_Gothic-webfont.woff') format('woff'), url('../fonts/League_Gothic-webfont.ttf') format('truetype'),url('../fonts/League_Gothic-webfont.svg') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family:"Market Deco";src:url("../fonts/Market_Deco.eot") format("eot"),url("../fonts/Market_Deco.woff") format("woff"),url("../fonts/Market_Deco.ttf") format("truetype"),url("../fonts/Market_Deco.svg") format("svg");font-weight:300;font-style:normal;}

p {color: #fff;font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300; font-stretch:normal;font-size: 14px;line-height: 20px;margin: 0 0 18px 0; text-align: left; }
	a {color: #ba2930; text-decoration: none;}
	a:hover {text-decoration: none; color: #caa12d;}
	a {transition: color 0.3s ease 0s;}
	em {font-style: italic; line-height: 14px;}
	small {font-size: 80%;}
	strong {font-weight: 600;letter-spacing:.025em;}
/*	Blockquotes  */
	blockquote:before { display: block; content: "\201C"; position: relative; left: -50px; padding-left: 20px; top: 10px;}
	blockquote {margin: 0 0 20px; padding: 12px 20px 14px 19px; border: 1px solid #ddd; background-color: #fff;}
	blockquote cite {display: block; margin-top: 5px;}
	blockquote cite:before {content: "\2014 \0020";}	
	/* Addresses CSS quotes not supported in IE6/7 */
	blockquote, q {quotes: none;}
	/* Addresses `quotes` property not supported in S4 */
	blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}	
	hr {border: solid #646464; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; border-bottom: #000 solid 1px;}
	.break{display: inline-block; width: 100%; height: 0;}
/* #Images ================================================== */
#img {}
a img {border:none;}
img.scale-with-grid {max-width: 100%; height: auto;}
.floatleft {float: left; margin: 0 5px 10px 0;}
.floatright {float: right; margin: 0px; max-width: 100%; height: auto;}
.floatcenter {margin: 0 auto; display: block; padding-top: 20px; height: auto;}
.logo {margin: 0 auto; padding: 0; position: relative; display: block;}
.banner {float: left; margin: 8px 5px 10px 0; max-width: 100%; height: auto;}
.icons {display: inline; margin: 10px;}
.spacer {float:left;}
.merch {display: block; margin: 0 auto; height: auto; margin-top: 8px;}
.biopics {float: left; margin: 0 30px 15px 0; max-width: 100%; height: auto; border: 4px solid #e2ca8e;}
.vt {margin: 0 auto; padding: 0; position: relative; display: block; max-width: 100%; height: auto;}
.headerpic {margin: 0 auto; padding: 0; position: relative; display: block; max-width: 100%; height: auto;}
.hr {display: block; border: none; width: 100%; height: 2px; background: url('../images/divider.png'); margin: 20px 0;}
.gsicon {float: left; margin: 5px 8px 8px 0;}
.titleicons {margin: 0 auto; padding: 0; margin-bottom: 8px;}
.socialicons {max-width: 100%; margin: 0 auto; display: block;}
.bodypics {border: solid 4px #caa12d; margin: 0 5px 10px 0; max-width: 100%; height: auto;}
.subnavicons {float: left; top: 6px; margin: 0 auto; position: relative;}
.subnavlaurels {float: left; padding-right: 12px; top: 12px; position: relative;}
.quickbtn {background-color: #caa12d; /*gold*/border: 4px solid #caa12d;border-radius: 4px;color: #fff;font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 18px;font-stretch: normal;font-weight: 200; margin: 6px 0 20px 0;padding: 1px 3px 3px 4px;position: relative; text-align: center; width: 150px;letter-spacing: 0.3px;}
.quickbtn a {color: #fff;}
.quickbtn a:hover {color: #000;}
.center-text {text-align: center;}
/* #CLearFix ================================================== */
	.clearfix:before,
	.clearfix:after {content: " "; display: table;}
	.clearfix:after {clear: both;}
	.clear {clear: both;}
/* FRANKEN GRID STYLES ================================================== */
#wrapper {width: 100%; height: auto !important; margin: 0 auto; min-height: 100%; background: url('../images/bg.png') top no-repeat;}
.content {padding:20px;}
/* #Header ================================================== */
#header {background-color: #ecdcb7; width: 100%; margin: 0 auto; padding: 0; position:relative; height: auto; border-bottom: 3px solid #000; z-index: 1;}
#header-red {background-color: #ae3f34; width: 100%; margin: 0 auto; padding: 0; position:relative; height: auto; border-bottom: 3px solid #000; z-index: 1;}
#header-grey {background-color: #61605b; width: 100%; margin: 0 auto; padding: 0; position:relative; height: auto; border-bottom: 3px solid #000; z-index: 1;}
#header-tan {background-color: #b39e79; width: 100%; margin: 0 auto; padding: 0; position:relative; height: auto; border-bottom: 3px solid #000; z-index: 1;}
#header-blk {background-color: #010101; width: 100%; margin: 0 auto; padding: 0; position:relative; height: auto; border-bottom: 3px solid #000; z-index: 1;}
#header-cream {background-color: #ecdcb7; width: 100%; margin: 0 auto; padding: 0; position:relative; height: auto; border-bottom: 3px solid #000; z-index: 1;}
#header-battingred {background: #ba1f2d url('../images/1000-web-banner-72.jpg') center no-repeat; border-bottom: 3px solid #000; height: 100%; height: auto; margin: 0 auto; padding: 0; position:relative; width: 100%; z-index: 1;}

.logo-container {left:5%; margin: 0; padding: 0; position: absolute; top: 0; width: 10%; z-index: 500;}
/************************************************************************************
NAV
*************************************************************************************/
#nav-wrap *,
#nav-wrap *:before,
#nav-wrap *:after {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;}
#nav-wrap {background-color: transparent; height: 52px; margin: 0 auto; margin-top: 10px; padding: 0; position: relative; width: 100%; z-index: 100;}
/* menu icon */
#menu-icon {display: none;}/* hide menu icon initially */
#nav {background-color: #1e1e1e; display: block; font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:300; font-stretch:normal; text-align: right; text-decoration: none; padding:0; margin: 0 auto; position: relative; width: auto;z-index: 1000;}
#nav ul {display: block; float: right; margin: 0 auto; margin-right: 20px; padding: 0; position: relative; text-decoration: none;z-index: 1000;}
#nav ul li {float: left; list-style: none; margin: 0 auto; position: relative; text-align: center; text-decoration: none;}
/* nav link */
#nav ul li a {color: #fff; text-decoration: none; display: block; font-size: 14px; height: auto; line-height: 28px; padding: 12px 18px; width: auto;}
#nav ul li a:hover {color: #000; background-color: #e2ca8e;}
/* nav dropdown */
#nav ul li ul{position: absolute; display: none; width: 100%;z-index: 1000;}/* hide dropdown */ 
#nav ul li ul li {line-height: 14px; font-size: 12px; font-weight: normal; text-align: left; text-decoration: none; float: none; margin: 0; padding: 0; width: 100%; border-top: 1px solid #fff; display: block;}
#nav ul li ul li a {text-decoration: none; color: #000; background-color: #e2ca8e; padding: 4px 15px;}
#nav li:hover > ul {display: block;z-index: 1000;}/* show dropdown on hover */
#nav ul li > ul li a:hover {color: #fff; background-color: #000;}
/*-----------------------subnav--------------------*/
#subnav-wrap { margin: 0 auto; padding: 0; position: relative; width: 100%; z-index: 5000;}
#subnav {font-family:"Market Deco"; font-weight: normal; font-stretch:normal; text-align: left; padding:0; margin: 0 auto; max-width: 1100px; position: relative; color: #caa12d}
#subnav ul {margin: 0 auto; padding: 0; display: block; position: relative; width: 100%; text-align: center;}
#subnav ul li {font-family:"Market Deco"; font-weight: normal; font-stretch:normal; line-height: 32px; font-size: 18px; text-decoration: none; text-align: center; list-style-type: none !important; margin: 0 auto; line-height: 50px; text-align: center; position: relative; width: 15%; display: inline-block;}
#subnav ul li a {color: #fff; display: block; list-style-type: none !important;}
#subnav ul li a:hover {text-decoration: none; color: #e2ca8e;}
#subnav li:before {display: none;}

/*---------------TEMP COVID19 notice added 032320--------------------*/
.covid19 {background: linear-gradient(150deg,#a10d0d 40%, #710808 50%);height: 100%;max-width: 100%; margin: 0 auto;position: relative;}
.covid19 .alert-box {margin: 0 auto;max-width: 100%;}
.covid19-img {height: auto;float: left;margin: 0 auto;max-width: 100%;padding: 0 20px 0 0;}
.covid19 .alert {color: #fff;padding: 0;}
.cv19-p16pt {color: #fff;font-size: 16px;line-height: 20px;  margin: 0 0 5px 0;}
.cv19-p16pt a {font-size: 16px;font-weight: 400; color: #ecdcb7 !important;}
.cv19-p16pt a:hover {color: #fff;}
.cv19-p16pt a:visited {color: #ecdcb7;}
/*-----------------------------main body_area--------------------*/
.bodycontent {min-height: 350px; background: url('../images/bg_glow.jpg') top center no-repeat; padding-top: 20px;}
.bodycontent ul {margin: 16px 0 4px 13px;}
.bodycontent ul li {margin :0; margin: 5px 2px 5px 40px;}
.products {border: #e0c88d 1px solid; min-height:200px; padding:14px; max-width: 425px;}
.products p {margin: 0;}
.innerbodycontent {min-height: 350px; background: url('../images/bg_glow.jpg') top center no-repeat; padding-top: 20px;}
.innerbodycontent ul {margin: 16px 0 30px 0;}
.innerbodycontent ul li {margin :0; margin: 5px 2px 5px 25px; padding-bottom: 10px;}
.innerbodycontent li:before { content: "\00BB"; padding-right: 10px;}
/*--------------------------merch_area--------------------*/
#merch { border: 1px solid #e0c88d; min-height: 200px; padding: 8px 14px 0 8px; max-width: 200px;}
/*--------------------------new hubspot form--------------------*/
.hubform {background-color: #fff; padding: 10px; height: 100%; max-width: 100%;}
/*---------------------------subfooter_area--------------------*/
#mailinglist {padding-bottom: 0; text-align: center;}
#mailinglist h2 {margin: 0 0 10px 0;}
#mailinglist p {margin: 0; margin: 5px 2px 0 0; padding-bottom: 3px;}
#mailinglist hr {display: block; color:#666; width: 100%; margin: 10px 0 10px 0; border:none; border-bottom: 1px dotted #999; clear:both;}
#mailinglist h4 {padding: 10px 10px 10px 0;}

/*--------------------------contact us form area--------------------*/
#contact-form {color: #CCCCCC;}
#contact-form form > div {clear: both; overflow: hidden; padding: 2px; margin: 0 0 2px 0;}
#contact-form form > div > fieldset > div > div {margin: 0 0 10px 0;}
#contact-form form > div > label {width: 100%; float: left; padding-right: 20px; color: #ecdcb7; text-align: left; font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:300; font-stretch:normal; text-decoration: none;}
#contact-form legend {width: 100%; float: left; padding-right: 20px; color: #fff; text-align: left;}
#contact-form form > div > div,
/*#contact-form form > div > fieldset > div { width: 100%; float: right; }*/
#contact-form form > div > fieldset label {font-size: 90%; color: #D11600;}
#contact-form fieldset {border: 0; padding: 0;}
#contact-form input[type=text], #contact-form input[type=email], #contact-form input[type=url], #contact-form input[type=password], #contact-form input[type=tel],
#contact-form textarea {font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:300; font-stretch:normal; font-size: 14px; width: 100%;border-top: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #eee;border-bottom: 1px solid #eee;padding: 3px;}
#contact-form input[type=text], #contact-form input[type=email], #contact-form input[type=url], #contact-form input[type=tel],
#contact-form input[type=password] {width: 100%; padding: 3px;}
#contact-form input[type=number] {width: 50%;padding: 3px;border-top: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #eee;border-bottom: 1px solid #eee;}
#contact-form input[type=text]:focus, #contact-form input[type=email]:focus, #contact-form input[type=url]:focus, #contact-form input[type=password]:focus, #contact-form input[type=number]:focus, #contact-form input[type=tel]:focus,
#contact-form textarea:focus {outline: 0; border-color: #9cd2e8;}
/* When the pattern is matched 
#contact-form input[type=text]:valid {color: green; }*/
/* Unmatched 
#contact-form input[type=text]:invalid {color: red; }*/
#contact-form button[type="submit"] {cursor:pointer; width:100%; border:none;}
#contact-form button[type="submit"] {font:400 14px/12px "Helvetica Neue", Helvetica, Arial, sans-serif;}
#contact-form button[type="submit"] {cursor:pointer;width:100%;border:none;background:#caa12d;background:linear-gradient(#ecdcb7 0%, #caa12d 52%);background:-moz-linear-gradient(#ecdcb7 0%, #caa12d 52%);background:-webkit-linear-gradient(#ecdcb7 0%, #caa12d 52%);color:#FFF;margin:0 0 5px;padding:10px;border-radius:5px;-webkit-border-radius:5px;}
#contact-form button[type="submit"]:hover {color: #fff;background:linear-gradient(#84181e 0%,#ba2930 30%);background:-moz-linear-gradient(#84181e 0%,#ba2930 30%);background:-webkit-linear-gradient(#84181e 0%,#ba2930 30%);-webkit-transition:background 0.3s ease-in-out;-moz-transition:background 0.3s ease-in-out;transition:background-color 0.3s ease-in-out;-o-transition:background-color 0.3s ease-in-out;}
#contact-form button[type="submit"]:active {box-shadow:inset 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);}
#contact-form input:focus,
#contact-form textarea:focus {outline:0; border:1px solid #999;}
/*::-webkit-input-placeholder {color:#888; }
:-moz-placeholder {color:#888;}
::-moz-placeholder {color:#888;}
:-ms-input-placeholder {color:#888;}*/
/*--------------------Resp table--------------------*/
#contact-form table {width: 100%; border-collapse: collapse;}
/* Zebra striping */
#contact-form tr:nth-of-type(odd) {background: #333;}
#contact-form th {background: #333; color: white; font-weight: bold;}
#contact-form td, th {padding: 6px; border: 1px solid #333; text-align: left; color: #fff;}
/*--------------------------Untappd Menu--------------------*/
#menu-container {border: 4px solid #caa12d; background-color: #fff; padding: 8px;}
/*--------------------------FEATURE Batting 1000 on home page--------------------*/
#feature-batting-1000 {background-color: #ba1f2d; border-bottom: 10px #202658 solid; border-top: 10px #202658 solid; min-height: 130px; width: 100%;margin-top:20px; padding: 10px; outline: 8px solid #fff; text-align: center;}
#feature-batting-1000 h1 {color: #fff; font-size: 40px; line-height: 42px; margin: 0; padding: 0; text-align: center;}
#feature-batting-1000 h2 {color: #fff; font-size: 36px; line-height: 36px; margin: 0; padding: 0; text-align: center;}
#feature-batting-1000 h3 {color: #000;font-size: 28px; font-weight: 300; line-height: 34px;  margin: 6px 0; padding: 0; text-align: center;}
#feature-batting-1000 p {font-size: 18px; color: #fff; line-height: 24px; text-align: center;}
#feature-batting-1000 a {font-size: 18px; color: #fff; line-height: 24px; text-align: center;}
#feature-batting-1000 a:hover {color: #caa12d; white-space: nowrap; text-align: center;}
/*--------------------------Batting 1000 inner page on black--------------------*/
.batting-1000-padding {padding: 10px 0 !important;}
.batting-1000 {min-height: 350px; background: url('../images/bg_glow.jpg') top center no-repeat; padding-top: 20px;}
.batting-1000 h1 {color: #fff; font-family: 'Raleway', sans-serif; font-size: 46px; font-weight: 700; line-height: 52px; margin: 0; padding: 0; text-align: center;}
.batting-1000 h2 {color: #fff; font-family: 'Raleway', sans-serif; font-size: 38px; line-height: 42px; margin: 0; padding: 0; text-align: center;}
.batting-1000 h3 {color: #caa12d; font-family: 'Raleway', sans-serif; font-size: 24px; font-weight: 700; font-style: italic; line-height: 30px;  margin: 25px 0; padding:0; text-align: left;}
.batting-1000 h4 {font-size: 24px; line-height: 30px; font-weight: 600; margin: 0; padding-bottom: 10px;}
.batting-1000 .bigtitle {color: #ba1f2d; font-family: 'Raleway', sans-serif; font-size: 54px; font-weight: 700; font-style: italic; line-height: 50px;  margin: 30px 0; padding: 10px 0; text-align: center;}
.batting-1000 p {font-size: 16px; line-height: 22px;}
.batting-1000 ul {margin: 10px 0 30px 0;}
.batting-1000 ul li {font-family: 'Raleway', sans-serif; font-weight:300; font-stretch:normal; font-size: 16px; line-height: 20px; color: #fff; text-align: left; margin :0; margin: 5px 2px 5px 25px; padding-bottom: 6px;}
.batting-1000 li:before {content: "\00BB"; padding-right: 10px;}
.batting-1000 a {color: #ba2930; padding: 2px 3px;}
.batting-1000 a:hover {color: #fff;}
.redfattext {background-color: #ba1f2d; color: #fff; font-family: 'Raleway', sans-serif; font-size: 16px; font-weight: 500; padding: 1px 4px;}
.batting-1000-img {max-width: 100%; height: auto; margin: 0 0 20px 18px; padding: 0; position: relative; float: right;}

/*--------------------------social_links_area--------------------*/
#sociallinks {background-color: #e2ca8e; min-height: 130px; width: 100%; padding: 10px; text-align: center;}
/*-----------------------resp tables--------------------*/
table {width: 100%;  border-collapse: collapse; margin-bottom: 10px;}
/* Zebra striping */
tr:nth-of-type(odd) { background: #333;}
th { background: #f3bb00; color: #4d4d4d; font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 300; font-stretch:normal;}
td, th {color: #fff; padding: 6px; border: 1px solid #444; text-align: left; font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 300; font-stretch:normal;}
/*---------------------------subbody_area--------------------*/
#subbody {padding: 0 0 25px 0;}
#subbody h2 {margin: 0 0 25px 0;}
#subbody p {margin: 0; margin: 5px 2px 0 0; padding-bottom: 3px;}
#subbody hr {display: block; color:#666; width: 100%; margin: 10px 0 10px 0; border:none; border-bottom: 1px dotted #999; clear:both;}
/*---------------------------subfooter_area--------------------*/
#subfooter {padding-bottom: 20px;}
#subfooter h2 {margin: 0 0 10px 0;}
#subfooter p {margin: 0; margin: 5px 2px 0 0; padding-bottom: 3px;}
#subfooter hr {display: block; color:#666; width: 100%; margin: 10px 0 10px 0; border:none; border-bottom: 1px dotted #999; clear:both;}
/*------------------------------footer_area--------------------*/
#footer { background-color: #ba2930;}
/* #EXTRAS ================================================== */
.video-wrapper {background-color: #caa12d;border: 4px solid #caa12d;clear: both;margin-bottom: 20px;max-width: 100%;width: 500px;}
.video-container {height: 0;overflow: hidden;padding-bottom: 56.25%;padding-top: 30px; position: relative;}
.video-container iframe, .video-container object, .video-container embed { height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.map-wrapper {background-color: #caa12d;border: 4px solid #caa12d;clear: both;margin-bottom: 20px; max-width: 100%; /*width: 500px;*/ max-height:308px;}
.map-container {height: 0;overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; position: relative;}
.map-container iframe, .map-container object, .map-container embed { max-height: 100%; left: 0;position: absolute;top: 0; width: 100%;}
.twitter-timeline {width: 100% !important;}
.fb-page, 
.fb-page span, 
.fb-page span iframe[style] {width: 100% !important;}
#investlink {display: block; text-align: center; margin: 0 auto; padding: 0; clear: both;}
#copyright {display: block; margin: 0 auto; padding: 0;}
#copyright p { }
/*------------------------------Mailing List Box--------------------*/
.mailing-list {min-height: 75px; text-align: center;}	
.mailing-list form {margin: 8px 0 0 0; max-width: 100%;}	
.mailing-list input[type=text]{width:280px; min-height: 16px; background: url('../images/form-bg.png') no-repeat; border: none; padding: 16px 10px; margin: 0;}	
.mailing-list input[type=submit]{width:90px; height: 43px; background: url('../images/btn-subscribe.png') no-repeat; border: none; text-indent: -5000px; cursor: pointer; margin: 0 0 0 -10px; text-transform: capitalize;}	
.mailing-list input[type=submit]:hover{background-position: 0 -44px;}	
.mailing-list input[type=submit]:active{background-position: 0 -88px;}		
.mailing-list input[type=text]:focus {outline: none;}
.constcontinfo {float: right; margin: 2px 5px 3px 0; background-color: #fff; width: 172px; height: 18px; border: #fff solid 2px;}

/* #MOBILE SIZES ================================================== */
/*Styles for screen 880px and lower*/
@media screen and (max-width: 880px) {
	img.icons {margin: 0;}
	img.scale-with-grid {max-width: 100%; height: auto;}
	img.hat {float:none;}
	#header {background-image: none;}
  	h2 {margin-bottom: 14px; }
  	.features ul li {padding-left: 18%; margin-left: 0;}
	.mailing-list { min-height: 70px; padding-bottom: 6px;}
	.mailing-list h4 {text-align: center;}
	.center {margin: 0 auto; padding: 0;}
	.subnavicons {float: none; padding: 0;}
	#subnav ul li {line-height: 30px; }
	#sociallinks {padding: 0;}
	.batting-1000 h1 {font-size: 40px; line-height: 42px;}
	.batting-1000 h2 {font-size: 30px; line-height: 36px;}
	.batting-1000 h3 {font-size: 30px; line-height: 36px;text-align: left;}
	.batting-1000 h4 {font-size: 24px; line-height: 30px; font-weight: 600;}
	.batting-1000 .bigtitle {font-size: 44px; margin: 20px 0;}
	.biopics {float: none;}
}
@media handheld, only screen and (max-width: 768px) {
	.content {padding: 10px 20px;}
	.batting-1000 h3 {font-size: 26px; line-height: 30px;text-align: center;}
	.batting-1000-img {float: none; margin: 0 auto; padding: 0 0 20px 0; display: block;}
	.mailing-list form {margin: 0 auto; padding-top: 10px;}	
	.mailing-list {text-align: center;}
}
@media screen and (max-width: 820px) {
	#nav-wrap {background-color: transparent; position: relative;z-index: 500;}
	#menu-icon {background: #1e1e1e url('../images/menu-icon-dk.png') no-repeat 10px center; color: #fff; cursor: pointer; display: block; float: right; height: 30px; padding: 8px 10px 0 42px; width: 42px;}/* show menu icon */
	#menu-icon:hover {color: #fff; background-color: #1e1e1e;}
	#menu-icon.active {background-color: #e2ca8e;}
	#nav {background: #000; clear: both; display: none; padding: 5px; position: absolute; top: 48px; width: 250px; z-index: 10000;}/* visibility will be toggled with jquery */
	#nav {right: 0;width: 120px;}
	#nav ul {margin-right: 0;}
	#nav ul li {text-align: left; width: 100%;}
	#nav ul li:hover {width: 100%; padding: 0;}
	#nav ul li a { display: block; padding: 4px 15px; border-bottom: 1px solid #e2ca8e; z-index: 8000;}
	
	/* dropdown */
	#nav ul li ul {text-align: left; width: 100%; position: relative; display: block;}
	#subnav ul {height: 90px;}
	#subnav li {display: inline-block; float: left; padding: 0; text-align: left; text-indent: 0px; width: 100% !important;line-height: 30px !important;}
    .subnavicons {display: none;}
    .subnavlaurels {display: none;}
    #subnav {min-height: 60px;}
	.hr {margin: 10px 0;}
}
@media screen and (min-width: 820px) {
	/* ensure #nav is visible on desktop version */
	#nav {display: block !important;}
}
/*Styles for screen 685px and lower*/
@media screen and (max-width: 685px) {
	.logo-container {height: 40px; left: 0; position: relative;width: 100%;}
	#header-battingred {background: #ba1f2d;}
}
/*Styles for COVID19 alert only*/
@media screen and (max-width: 600px) {
.covid19-img {float: none; display: block;}
.covid19 .alert {font-size: 24px; line-height: 28px; padding-top: 5px;text-align: center;}
.cv19-p18pt {line-height: 18px; padding-top: 10px; text-align: center;}
}
/*Styles for screen 568px and lower*/
@media only screen and (max-width : 568px) {
	#feature-batting-1000 h2 {font-size: 34px; line-height: 34px;}
	#feature-batting-1000 h3 {font-size: 26px; line-height: 30px;}
}
/*Styles for screen 480px and lower*/
@media only screen and (max-width : 480px) {
	.bodycontent {background: none;}
	h2 	{margin-bottom: 14px;}
	h3 	{margin-bottom: 8px;}
	.content {padding: 6px 20px;}
	.batting-1000 h1 {font-size: 32px; line-height: 40px;}
	.batting-1000 h2 {font-size: 26px; line-height: 30px;}
	.batting-1000 h3 {font-size: 22px; line-height: 26px;}
	.batting-1000 h4 {font-size: 20px; line-height: 26px;}
	.batting-1000 .bigtitle {font-size: 36px; margin: 10px 0;}
	.batting-1000-padding {padding: 0 !important;}
	.mailing-list input[type=text]{width:185px; float: left;}
	.mailing-list input[type=submit]{float: right;}
}
/*Smartphone*/
@media only screen and (max-width : 384px) {
	.batting-1000 h1 {font-size: 24px; line-height: 28px;}
	.batting-1000 h2 {font-size: 20px; line-height: 24px;}
	.batting-1000 .bigtitle {font-size: 26px; margin: 0;}
	.batting-1000 h3 {font-size: 18px; line-height: 22px;}
	.batting-1000 h4 {font-size: 18px; line-height: 20px;}
	.batting-1000 ul li {margin: 5px 0;}
}
/*Smartphone*/
@media only screen and (max-width : 320px) {
	img.hat {display: block; margin: 0 auto; padding: 0; float: none;}
}