/* cmsms stylesheet: Metro NY Region PCA Main Styles modified: 11/04/21 03:53:32 */
/* Fonts */
@import url('//fonts.googleapis.com/css2?family=BenchNine:wght@300&display=swap');

/* Tags */
body {
	padding-top: 116px;
	background: #efefef;
	color: #444444;
	font-family: 'BenchNine', sans-serif !important;
	font-size: 16pt !important;
	will-change: padding-top;
	transition: padding-top 0.03125s linear;
}
body.scrolled {
	padding-top: 100px; /* small header size + amount of single scroll (40) */
	will-change: padding-top;
	transition: padding-top 0.03125s linear;
}
figure {}
figure > img {}
figure > figcaption { text-align: center; }
a[href] { color: #0058a1; }
a[href]:focus, a[href]:hover { color: #40a8f1; }
h1, h2, h3, h4, h5, h6 {
	color: #0058a1;
	line-height: 1.25em !important;
	font-family: 'BenchNine', sans-serif;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
}
h2, h3, h4, h5, h6 {}
h1 { font-size: 2em; }
h2 { font-size: 1.8em; }
h3 {
	font-size: 1.6em;
}
h4 {
	font-size: 1.4em;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: 1em;
}
p, form {
	padding: .5em;
}
form {
	overflow: hidden;
}
ul, ol, dl { margin: .5em; }
main ul li, main ol li {}
main ul li:first-child, main ol li:first-child {}
hr {
	font-size: 1em;
	height: 1px;
	border-top: solid 1px;
	margin-top: .5em;
	margin-bottom: .5em;
}
blockquote {
	border-top: dotted #3f3f3f 1px;
	padding: .5em;
	margin: 1em;
	margin-bottom: 2em;
}
blockquote:before {
	text-align: left;
	content: "\201c";
	font-size: 2em;
	line-height: 50%;
	clear: both;
	display: block;
}
blockquote:after {
	text-align: right;
	content: "\201d";
	font-size: 2em;
	clear: both;
	display: block;
}
blockquote:first-of-type { border-top: none; }
blockquote cite:before { content: "- "; }
blockquote cite {
	display: block;
	text-align: right;
}
table {
	margin-top: 10px;
	margin-bottom: 2em;
}
th {
	padding: .5em;
	text-align: left;
	font-size: 0.8em;
}
table:first-child { margin-top: 0; }
table:last-child { margin-bottom: 0; }
input, select, textarea {
	line-height: 1rem !important;
	font-weight: bold;
	font-family: 'BenchNine', sans-serif !important;
	outline: none;
}
select {
	background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 100% 50%;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	font-weight: bold;
}
.button,
input[type="button"],
input[type="checkbox"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="file"],
input[type="image"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="radio"],
input[type="reset"],
input[type="search"],
input[type="submit"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select,
textarea {
	padding: 2px;
	color: #000000;
	overflow: hidden;
	text-decoration: none !important;
	display: inline-block;
}

/* :focus shadow */
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="file"]:focus,
input[type="image"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
select:focus,
textarea:focus {
	box-shadow: 0 0 5px rgba(0, 0, 0, 1);
	border: solid #000000 1px !important;
}
input[type="reset"],
input[type="search"],
input[type="submit"],
input[type="button"] {
	height: 40px;
	min-height: 40px;
	background: #0078c1;
	border: solid #0078c1 1px;
	color: #ffffff !important;
}

/* Pseudo */
::selection {
	background: #0078c1;
	color: #ffffff;
}

/* Helper classes */
.scrolloff {
	pointer-events: none;
}
.map, .slider-container {
	width: 100%;
	height: auto;
	margin: 0;
}

/* Basic classes */
.float-img-left {
	float: left;
	margin: 0 .5em .5em 0;
}
.float-img-right {
	float: right;
	margin: 0 0 .5em .5em;
}
.img-link {
	text-decoration: none;
}
.img-link:focus img { outline: medium dashed; }
.special-list {	text-align: center; }
.special-list li { display: inline-block; white-space: nowrap; margin: 0; }
.special-list li:before {
	width: 8px;
	height: 8px;
	margin: 0 1em 0 1em;
	content: " \25cf";
}
.special-list li:first-child::before { content: none; }
.special-list.jump-list {
	font-size: .75em;
	text-align: center;
}
.special-list.jump-list li {
	/*padding: 5px;*/
}
.special-list.button-list {
	clear: both;
	margin: 1em !important;
}
.special-msg {
	text-transform: uppercase;
	font-size: 1.5em;
	text-align: center;
}
.pinstripe {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	margin-top: .5em !important;
	margin-bottom: .25em;
	text-align: center;
	white-space: nowrap;
}
.pinstripe:before {
	width: 100%;
	height: 2px;
	margin: 0 .5em 0 1em;
	background: #000000;
	display: block;
	content: "";
}
.pinstripe:after {
	width: 100%;
	height: 2px;
	margin: 0 1em 0 .5em;
	background: #000000;
	display: block;
	content: "";
}

.note { padding-top: 1em; border: solid #d0d0d0 1px; background: #ffffff; border-radius: .5em; }
.note::before {
	display: inline-block;
	position: absolute;
	top: -1em;
	left: 1em;
	padding: .25em;
	border: solid #d0d0d0 1px;
	border-radius: .125em;
	font-weight: bold;
	content: "NOTE";
	background: #efefef;
}

.charity-logo-left { float: left; margin-right: 1em; }
.charity-logo-right { float: right; margin-left: 1em; }

.video { min-width: 50%; max-width: 50%; }
.youtube-player { min-width: 100%; max-width: 100%; aspect-ratio: 16/9; }

.track-map { min-width: 100%; max-width: 100%; aspect-ratio: 16/9; }

main table { border: solid #cccccc 1px; margin-left: auto; margin-right: auto; }
main table td { padding: .25em 1em .25em 1em; border: solid #dddddd 1px; }

dl.events { padding: 1em; width: 100%; max-width: 40em; margin-left: auto; margin-right: auto; }
dl.events dt { clear: both; font-weight: bold; margin-top: 1em; }
dl.events dt:first-of-type { margin-top: 0; }
dl.events dd.date {
	float: left;
	min-width: 4em;
	font-weight: bold;
	text-align: center;
	background: #dddddd;
	border-radius: .5em;
	border: solid #aaaaaa 1px;
	margin-right: 1em;
	margin-bottom: .5em;
}
dl.events dd.date:after, dl.events dd.desc:after {
	content: "";
	display: table;
	clear: both;
}
dl.events dd.date span.day { font-weight: bold; }
dl.events dd.desc {}
dl.events dd.desc > time { font-weight: bold; background: #dddddd; border-radius: .5em; padding: .25em .5em .25em .5em; display: inline-block; clear: both; }
dl.events dd.desc p:first-of-type { margin-top: 0; }

/* Structure */
.layout {}

.gaps {
	padding-top: 2em !important;
	padding-bottom: 2em !important;
	margin-top: 0;
}

.sidebar {}
.sidebar h1,
.sidebar h2,
.sidebar h3,
.sidebar h4,
.sidebar h5,
.sidebar h6 {
	text-align: center;
}

.features-container {
	width: 100%;
	max-width: 1680px;
	margin-left: auto;
	margin-right: auto;
}
.features {
	width: 100%;
	min-height: 200px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.features > .cell {
	flex-grow: 0;
	min-width: 33.3%;
	max-width: 33.3%;
	height: 200px;
	border-top: 10px solid transparent;
	border-right: 10px solid transparent;
	text-align: center;
	overflow: hidden;
}
.features > .cell > p {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 0;
	color: #ffffff;
	background-color: #282e34;
}
.features > .cell > p > img {
	max-width: 100%;
	position: absolute;
	top: 0;
	z-index: 10;
	will-change: unset !important;
	transition: none !important;
}
.features > .cell:nth-child(even) > p { background-color: #383e44; }
.features > .cell > figcaption {
	position: absolute;
	top: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	color: #ffffff;
	background-color: #819700f0; /* alpha-channel rgb quad */
	font-size: 1em;
	z-index: 20;
}
.features > .cell > figcaption > p > strong { font-size: xx-large; }
.features > .cell > figcaption ::selection {
	color: #0084c7;
	background-color: #ffffff;
}
.features > .cell:hover,
.features > .cell:focus,
.features > .cell:focus-within {}
.features > .cell:hover > figcaption,
.features > .cell:focus > figcaption,
.features > .cell:focus-within > figcaption {
	top: 0;
	will-change: top;
	transition: top 0.5s ease;
}
.features > .cell:focus,
.features > .cell:focus-within {}
.features > .cell:focus > figcaption,
.features > .cell:focus-within > figcaption {
	will-change: unset !important;
	transition: none !important;
}
/* Size corrections */
.features > .cell.trek {}
.features > .cell.driver-ed { min-width: 33.4%; max-width: 33.4%; }
.features > .cell.sim-racing {}
.features > .cell.rally-info {}
.features > .cell.concours { min-width: 33.4%; max-width: 33.4%; }
.features > .cell.autocross {}
.features > .cell.social-events { min-width: 100%; max-width: 100%; }

.cell.zone-1 { min-width: 50%; max-width: 50%; }
.cell.national-pca { min-width: 50%; max-width: 50%; }

.fb-social { min-width: 33.3%; max-width: 33.3%; }
.yt-social { min-width: 33.4%; max-width: 33.4%; }
.insta-social { min-width: 33.3%; max-width: 33.3%; }

.rotation > p:first-of-type { margin-top: 0; }

.header {
	position: fixed;
	top: 0;
	width: 100%;
	height: 116px;
	z-index: 11000;
	color: #444444;
	-webkit-box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.35);
	box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.35);
	/*will-change: height;
	transition: height 0.5s ease;*/
}
.header::after {
	content: "";
	display: table;
	clear: both;
}
body.scrolled .header { top: 0; left: 0; height: 60px; will-change: height; transition: height 0.5s ease; }

.header > .nav-container {
	height: 100%;
	background: #ffffff; /* Old browsers */
	margin: 0;
}
body.scrolled .header > .nav-container { min-height: 60px; }

.header > .nav-container > .title {
	/*height: 100%; - figure out how to center align image here and you have animated image growing */
	flex-grow: 8;
	max-width: 40%;
	min-width: 40%;
	text-align: center;
}
body.scrolled .header > .nav-container > .title { height: 60px; line-height: 60px !important; }

.header > .nav-container > .title img { max-height: 100%; }
body.scrolled .header > .nav-container > .title img {}

.header > .nav-container > .nav {
	height: 100%;
	flex-grow: 12;
	max-width: 60%;
	min-width: 60%;
	padding-right: 1em;
}

.header > .nav-container > .nav > .navigation-list {}
.header > .nav-container > .nav > .navigation-list > li {
	height: 100%;
	line-height: 60px;
	padding: 0 !important;
}
.header > .nav-container > .nav > .navigation-list > li:hover,
.header > .nav-container > .nav > .navigation-list > li.current { height: 100%; }
.header > .nav-container > .nav > .navigation-list > li a {
	height: 100%;
	line-height: normal;
	padding: 5px 1em 5px 1em;
	text-decoration: none;
	color: #000000;
}
.header > .nav-container > .nav > .navigation-list > li a:visited {}
.header > .nav-container > .nav > .navigation-list > li.current > a,
.header > .nav-container > .nav > .navigation-list > li > a:hover,
.header > .nav-container > .nav > .navigation-list > li > a:focus {
	border-bottom: solid #819700 5px;
	text-decoration: none; color: #888888;
}

/* Dropdown */
.header > .nav-container > .nav > .dropMenu.navigation-list > li.dropdownParent::after {
	content: "\25BC";
	color: #000000;
	border-left: solid transparent 1px;
	/*line-height: 80px;*/
	display: inline-block;
	font-size: larger;
}
.header > .nav-container > .nav > .dropMenu.navigation-list > li.dropdownParent:hover {}
.header > .nav-container > .nav > .dropMenu.navigation-list > li.dropdownParent:hover::after,
.header > .nav-container > .nav > .dropMenu.navigation-list > li.dropdownParent:focus::after,
.header > .nav-container > .nav > .dropMenu.navigation-list > li.dropdownParent:focus-within::after { border-left: solid #888888 1px; }
.header > .nav-container > .nav > .dropMenu.navigation-list > li.dropdownParent > a { padding: 5px 0 5px 1em; }
.header > .nav-container > .nav > .dropMenu.navigation-list > li.dropdownParent .dropdown {
	min-width: 100%;
	max-width: 10em;
	margin-top: -2px;
	background: #ffffff;
	border: solid #888888 1px;
	-webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.35);
	box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.35);
	z-index: 10000;
}
.header > .nav-container > .nav > .dropMenu.navigation-list > li.dropdownParent .dropdown li a:hover,
.header > .nav-container > .nav > .dropMenu.navigation-list > li.dropdownParent .dropdown li a:focus {
	border-bottom: none;
	background: #efefef;
	color: #000000;
}

.main {}
.main .content {
	width: 100%;
	max-width: 1275px;
	margin-left: auto;
	margin-right: auto;
}
.epic-header {
	color: #ffffff;
	background: #040404; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #040404 0%, #141414 100%); /* Old FF */
	background: -webkit-linear-gradient(-45deg, #040404 0%, #141414 100%); /* Old Chrome & Safari */
	background: linear-gradient(135deg, #040404 0%, #141414 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#040404', endColorstr='#141414', GradientType=1); /* IE6-9 fallback */
	padding: 2em 15% 2em 10%;
	z-index: 10000;
}
.epic-header h1,
.epic-header h2,
.epic-header h3,
.epic-header h4,
.epic-header h5,
.epic-header h6 { color: #0078c1; }

.social {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
.social > li {}
.social > li > a.img-link { display: inline-block; }
.social > li > a.img-link > img { top: 0; z-index: 20; will-change: top; transition: top 0.5s ease; }
.social > li > a.img-link:hover > img,
.social > li > a.img-link:focus > img {
	/* jumping links */
	display: inline-block;
	top: -10px;
	will-change: top;
	transition: top 0.5s ease;
}

.photos { list-style-type: none; }
.photos .cell { min-width: 33.33%; max-width: 33.33%; }
.photos .cell dt { text-align: center; }
.photos .cell .photo { padding: .5em; }
.photos .cell dt {
	width: 100%;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.footer {
	min-height: 64px;
	background: #ffffff;
	text-align: center;
	-webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.35);
	box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.35);
}
.footer .content {
	width: 100%;
	max-width: 1275px;
	margin-left: auto;
	margin-right: auto;
}
.footer #footer-map {
	width: 100%;
	height: 100%;
	-webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.35);
	box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.35);
}
.footer .social li { margin-right: 1em; }
.footer .social li:last-child { margin-right: 0; }
.footer .social > li::after {
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 100%;
	height: 10px;
	border-radius: 50% 50% 50% 50%;
	background: #000000;
	background: -webkit-radial-gradient(center, rgba(0, 0, 0, 0.75), rgba(255, 255, 255, 0.0));
	background: -moz-radial-gradient(center, rgba(0, 0, 0, 0.75), rgba(255, 255, 255, 0.0));
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.75), rgba(255, 255, 255, 0.0));
	content: "";
	z-index: 10;
}

/* Forms */
.frm_required {
	color: #888888;
	font-weight: bold !important;
}
.form {
	padding: 0 !important;
	overflow: hidden;
}
.form label { display: block; }
.form input[type="text"],
.form input[type="email"],
.form input[type="tel"],
.form select,
.form textarea {
	width: 100%;
	display: block;
	border: solid 1px;
	filter: Shadow(Color=#000000, Direction=135, Strength=3) !important;
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.95) !important;
	-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.95) !important;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.95) !important;
	font-family: 'BenchNine', sans-serif !important;
}
.form input:focus,
.form select:focus,
.form textarea:focus {
	background: #ffffff;
	color: #000000;
}
.form input[type="reset"], .form input[type="submit"] { width: auto !important; }
.form *[required] { border: solid #aaaaaa 1px !important; }
.captcha, #promo-code {
	display: inline-block !important;
	font-size: 2em !important;
}
.captcha {}
.captchaimg {
	height: 64px;
	padding: 0 !important;
	display: block;
}
label[for="captcha"] {
	display: block;
	text-align: center;
	font-size: 1.4em;
}
.vipform { width: 100% !important; }
.vipform .input { margin-left: auto; width: 100%; border: solid #dddddd 1px; background: #dddddd; }
.vipform textarea.input { height: 22ex; }
.vipform .frm_required { color: #888888; }
.vipform tr td input:first-child {}
.vipform tr:nth-child(odd) td { padding: 5px !important; }
.vipform input + input[type="checkbox"] { float: left; clear: left; }
.vipform input[type="checkbox"] + label { float: left; min-height: 16px; line-height: 16px; padding-left: 5px; display: inline-block; width: 100% !important; }
.vipform input { margin-bottom: 5px; }
.vipform input:last-child { margin-bottom: 0; }

.cms_form { padding: 0 !important; }

.button {
	padding: .5em !important;
	background: #0078c1;
	border: solid #0078c1 1px;
	color: #ffffff !important;
	font-family: 'BenchNine', sans-serif;
}
.button.green {
	background: #819700;
	border: solid #819700 1px;
}
.button:hover, .button:focus,
.button.green:hover, .button.green:focus,
.porsche-post-links a.button:first-child:hover,
.porsche-post-links a.button:first-child:focus,
input[type="reset"]:hover, input[type="reset"]:focus,
input[type="search"]:hover, input[type="search"]:focus,
input[type="submit"]:hover, input[type="submit"]:focus,
input[type="button"]:hover, input[type="button"]:focus {
	transition: background 0.5s ease;
	background: #111111;
	border: solid #111111 1px;
}
.button + .button {
	margin-left: .5em;
}

/* Porsche Post buttons */
.porsche-post-links a.button:first-child {
min-width: 1em;
max-width: 100%;
	background: #819700;
	border: solid #819700 1px;
	font-size: 2em;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	clear: both;
}
.porsche-post-links a.button:first-child::before { content: "Read the most recent issue of The Porsche Post ("; }
.porsche-post-links a.button:first-child::after { content: ")"; }

.postbox {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.75);
	z-index: 20000;
}
.postbox .cell { padding: 2em !important; }
.postbox .close-button {
	position: absolute;
	width: 48px;
	height: 48px;
	line-height: 48px;
	top: 24px;
	right: 24px;
	padding: 5px;
	display: block;
	font-size: 24pt;
	z-index: 20001;
	background: #ffffff;
	color: #000000;
	border-radius: 50%;
}
.postbox #post-view {}

/* Menus */
table.menu {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
}
table.menu.small {
	width: 50% !important;
}
table.menu colgroup col:nth-child(even) {
	/*background: #d0d0d0;*/
}
table.menu thead th,
table.menu tbody td {
	text-align: right;
}
table.menu thead th:first-child,
table.menu tbody td:first-child {
	text-align: left;
}
table.menu tbody td {
	border-left: solid #c0c0c0 1px;
}
table.menu tbody td:first-child {
	border-left: none;
}
table.menu tbody tr {
	border-top: solid #e0e0e0 1px;
}
table.menu tbody tr:first-child {
	border-top: none;
}
table.menu tbody tr:nth-child(odd) {
	background: #e0e0e0;
}
table.menu thead tr th,
table.menu tbody tr td,
table.menu tfoot tr td {
	padding: .5em;
}
table.menu tbody tr:hover {
	background: #4f1919;
	color: #ffffff;
}
table.menu tfoot {
	background: #d0d0d0;
}
table.menu tfoot tr td {
	text-align: right;
	vertical-align: top;
}
table.menu thead { background: #3f2f2f; color: #ffffff; }
table.menu.column { margin-bottom: 1em !important; background: #d2cdc6; border: solid #d2cdc6 5px; }
table.menu.column tbody { font-size: smaller; }

/* ==== jReject styles ==== */
#jr_overlay {
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	z-index: 2147483646;
	position: fixed;
}
#jr_wrap {
	position: fixed;
	width: 100%;
	z-index: 2147483647;
	padding: 0;
	margin: 0;
}
#jr_inner {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 12px;
	background: #FFF;
	border: 1px solid #CCC;
	color: #4F4F4F;
	margin: 0 auto;
	height: auto;
	padding: 20px;
	position: relative;
	box-sizing: content-box;
}
#jr_header {
	display: block;
	color: #333;
	padding: 5px;
	padding-bottom: 0;
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	margin-bottom: 0.5em;
}
#jr_inner p {
	padding: 5px;
	margin: 0;
}
#jr_inner ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#jr_inner ul li {
	cursor: pointer;
	float: left;
	width: 120px;
	height: 122px;
	margin: 0 10px 10px 10px;
	padding: 0;
	text-align: center;
}
#jr_inner li a {
	color: #333;
	font-size: 0.8em;
	text-decoration: none;
	padding: 0;
	margin: 0;
}
#jr_inner li a:hover {
	text-decoration: underline;
}
#jr_inner .jr_icon {
	width: 100px;
	height: 100px;
	margin: 1px auto;
	padding: 0;
	background: transparent no-repeat scroll left top;
	cursor: pointer;
}
#jr_close {
	clear: both;
	padding: 0;
	margin: 0;
}
#jr_close a {
	color: #000;
	display: block;
	width: auto;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}
#jr_close p {
	padding: 10px 0 0 0;
	margin: 0;
}
/* ==== END jReject styles ==== */


/* ==== Overrides for low resolution/mobile devices ==== */
@media screen and (max-width: 1440px) { .features > .cell > figcaption * { margin: 0; } }
@media screen and (max-width: 1360px) { .features > .cell { font-size: .9em !important; } }
@media screen and (max-width: 1280px) { .features > .cell { font-size: .85em !important; } }
@media screen and (max-width: 1200px) {
	.features > .cell { font-size: .8em !important; }
	.features > .cell > figcaption > p > strong { font-size: x-large; }
	.main .content { padding-right: .5em; padding-left: .5em; }
}
@media screen and (max-width: 1120px) { .features > .cell { font-size: .7em !important; } }
@media screen and (max-width: 1040px) {}
@media screen and (max-width: 1024px) {
	/* header */
	.header {}
	body.scrolled .header {}
	/* logo container */
	.header > .nav-container > .title {
		flex-grow: 6;
    	max-width: 30%;
    	min-width: 30%;
	}
	body.scrolled .header > .nav-container > .title {}
	/* logo image */
	.header > .nav-container > .title img {}
	body.scrolled .header > .nav-container > .title img {}
	/* navigation container */
	.header > .nav-container {}
	body.scrolled .header > .nav-container {}
	/* navigation list container */
	.header > .nav-container > .nav {
		flex-grow: 14;
    	max-width: 70%;
    	min-width: 70%;
	}
	body.scrolled .header > .nav-container > .nav {}
	/* navigation list */
	.header > .nav-container > .nav > .navigation-list {}
	body.scrolled .header > .nav-container > .nav > .navigation-list {}
	/* navigation list elements */
	.header > .nav-container > .nav > .navigation-list > li {}
	body.scrolled .header > .nav-container > .nav > .navigation-list > li {}
	/* everything else */
	.features > .cell { font-size: unset !important; }
	.features > .cell.trek { min-width: 50%; max-width: 50%; }
	.features > .cell.driver-ed { min-width: 50%; max-width: 50%; }
	.features > .cell.sim-racing { min-width: 50%; max-width: 50%; }
	.features > .cell.rally-info { min-width: 50%; max-width: 50%; }
	.features > .cell.concours { min-width: 50%; max-width: 50%; }
	.features > .cell.autocross { min-width: 50%; max-width: 50%; }
	/*.features > .cell:nth-child(3n+2) { min-width: 50%; max-width: 50%; }*/
	.content article {}
	.footer #footer-map {}
}
@media screen and (max-width: 960px) {
	body, body.scrolled { padding-top: 0; }
	.header {
		position: relative;
		height: auto !important;
	}
	.header > .nav-container { display: block !important; width: 100%; }
	.header > .nav-container > .title,
	body.scrolled .header > .nav-container > .title,
	.header > .nav-container > .nav,
	body.scrolled .header > .nav-container > .nav {
		position: relative;
		display: block !important;
		width: 100%;
		height: auto;
		flex-grow: 0;
    	max-width: initial;
    	min-width: initial;
		line-height: normal !important;
		margin: 0 auto 0 auto;
		text-align: center;
	}
	.header > .nav-container > .nav > .navigation-list > li.dropdownParent .dropdown,
	body.scrolled .header > .nav-container > .nav > .navigation-list > li.dropdownParent .dropdown { text-align: left; }
	h1, h2, h3, h4, h5, h6 { text-align: center; }
	.cell.zone-1 { min-width: 100%; max-width: 100%; }
	.cell.national-pca { min-width: 100%; max-width: 100%; }
}
@media screen and (max-width: 880px) { .features > .cell { font-size: .85em !important; } }
@media screen and (max-width: 800px) {
	.features > .cell { font-size: .75em !important; }
	.slider-container, .map {
		padding: 0 !important;
		height: auto !important;
	}
	.header > .nav-container > .nav > .dropMenu.navigation-list > li.dropdownParent::after { font-size: xx-large; }
}
@media screen and (max-width: 720px) {
	.highlights .gridFlex { display: block; }
	.features > .cell { font-size: unset !important; }
	.features > .cell.trek { min-width: 100%; max-width: 100%; }
	.features > .cell.driver-ed { min-width: 100%; max-width: 100%; }
	.features > .cell.sim-racing { min-width: 100%; max-width: 100%; }
	.features > .cell.rally-info { min-width: 100%; max-width: 100%; }
	.features > .cell.concours { min-width: 100%; max-width: 100%; }
	.features > .cell.autocross { min-width: 100%; max-width: 100%; }
	/*.features > .cell:nth-child(3n+2) { min-width: 100%; max-width: 100%; }*/
}
@media screen and (max-width: 640px) {}
@media screen and (max-width: 560px) {
	.footer > .gridFlex { display: block; }
	.footer > .gridFlex > .cell {
		display: block !important;
		width: auto !important;
		min-height: initial !important;
		max-width: initial !important;
	}
}
@media screen and (max-width: 480px) {
	.features > .cell { font-size: .7em !important; }
	.epic-header { padding: 2em; }
}
@media handheld, print, screen and (max-width: 360px) {
	.features > .cell { font-size: .65em !important; }
	.features > .cell > figcaption > p > strong { font-size: large; }
}