/*
Theme Name: RIDE PA BMX
Theme URI: http://www.ridepabmx.com/
Author: Mike Purcell, 'Purcey'
Author URI: http://www.ridepabmx.com/
Description: The exclusive digital and print media source for BMX in the state of Pennsylvania.
Version: 5.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, light, responsive-layout, custom-background, custom-header, custom-menu, featured-images, flexible-header, full-width-template, microformats, post-formats, accessibility-ready
*/

/* Normalize
--------------------------------------------- */

html {
	background:#f1f1f1;
	line-height:1.15;
	-webkit-text-size-adjust:100%;
}

body {margin:0;}

main {display:block;}

h1 {
	font-size:2em;
	margin:0.67em 0;
}

hr {
	box-sizing:content-box;
	height:0;
	overflow:visible;
}

pre {
	font-family:monospace, monospace;
	font-size:1em;
}

a {background-color:transparent;}

abbr[title] {
	border-bottom:none;
	text-decoration:underline;
	text-decoration:underline dotted;
}

b,
strong {font-weight:bolder;}

code,
kbd,
samp {
	font-family:monospace, monospace;
	font-size:1em;
}

small {font-size:80%;}

sub,
sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline;
}

sub {bottom:-0.25em;}

sup {top:-0.5em;}

img {border-style:none;}

button,
input,
optgroup,
select,
textarea {
	font-family:inherit;
	font-size:100%;
	line-height:1.15;
	margin:0;
}

button,
input {overflow:visible;}

button,
select {text-transform:none;}

button,
[type="button"],
[type="reset"],
[type="submit"] {-webkit-appearance:button;}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style:none;
	padding:0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {outline:1px dotted ButtonText;}

fieldset {padding:0.35em 0.75em 0.625em;}

legend {
	box-sizing:border-box;
	color:inherit;
	display:table;
	max-width:100%;
	padding:0;
	white-space:normal;
}

progress {vertical-align:baseline;}


textarea {overflow:auto;}

[type="checkbox"],
[type="radio"] {
	box-sizing:border-box;
	padding:0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {height:auto;}

[type="search"] {
	-webkit-appearance:textfield;
	outline-offset:-2px;
}

[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}

::-webkit-file-upload-button {
	-webkit-appearance:button;
	font:inherit;
}

details {display:block;}

summary {display:list-item;}

template {display:none;}

[hidden] {display:none;}

/* Box Sizing
--------------------------------------------- */

*,
*::before,
*::after {box-sizing:inherit;}

html {box-sizing:border-box;}

/* Global Elements
-------------------------------------------------------------- */

body {
	background:#f1f1f1;
	color:#000000;
	font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size:1rem;
	line-height:1.5;
}

html {
	font-family:sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
}

p {margin-bottom:1.25em;}

b, strong {font-weight:600;}

hr {
	background-color:#cccccc;
	border:0;
	height:1px;
	margin-bottom:1.5em;
}

ul,
ol {margin:0 0 1.5em 3em;}

ul {list-style:disc;}

ol {list-style:decimal;}

li > ul,
li > ol {
	margin-bottom:0;
	margin-left:1.5em;
}

dt {font-weight:700;}

dd {margin:0 1.5em 1.5em;}

figure {margin:1em 0;}

table {
	margin:0 0 1.5em;
	width:100%;
}

li {
	list-style:none;
}

/* Emphasised Text
--------------------------------------------- */

em {color:#666666;}

em a:hover {color:#666666;}


/* Headings H1-H6
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-size:1.5rem;
	font-weight:600;
	padding:0;
	margin:0;
	clear:both;
}

/* Links
--------------------------------------------- */

a {
	color:#056030;
	text-decoration:underline;
}

a:visited {color:#056030;}

a:hover,
a:focus,
a:active {color:#000000;}

a:focus {outline:thin dotted;}

a:hover,
a:active {outline:0;}

/* Alignment
-------------------------------------------------------------- */

.aligncenter {
	margin-left:auto;
	margin-right:auto;
}

.alignleft {
	display:block;
	float:left;
}

.alignright {
	display:block;
	float:right;
}

/* Videos
-------------------------------------------------------------- */

embed,
iframe,
object,
video {width:100% !important;}

video {
  display:inline-block;
  vertical-align:baseline;
}

.video-container {
	background-color:#000000;
	position:relative;
	padding-bottom:56.25%;
	margin-bottom:1.25em;
	clear:both;
}

.video-container iframe,
.video-container object,
.video-container embed {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

/* Images
-------------------------------------------------------------- */

img {
	max-width:100%;
    height:auto !important;
    -ms-interpolation-mode:bicubic;
    vertical-align:middle;
    border:0;
	margin:0;
}

/* Image Alignment
-------------------------------------------------------------- */

img.aligncenter {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

img.alignleft {
	width:100%;
	height:auto;
	display:inline; 
}

img.alignright {
	width:100%;
	display:inline;
}

/* img.alignleft,
img.alignright {}

.wp-caption.alignleft,
.wp-caption.alignright {} */

/* Captions
-------------------------------------------------------------- */

.wp-caption {max-width:100%;}

.wp-caption p {position:relative;}

.wp-caption-text {
	max-width:100%;
	color:#404040;
	font-size:0.875rem;
	line-height:1.5;
	font-weight:300;
	font-style:italic;
	margin:0.625em 0 1.25em;
}

.wp-caption img {
	max-width:100%;
	height:auto;
	border:0;
	padding:0;
}

.wp-caption.alignleft,
.wp-caption.alignright {
	border:0;
	padding:0;
}

.wp-caption-dd {
	padding:0;
	margin:0;
}

/* Blockquotes
-------------------------------------------------------------- */

blockquote, q {
	width:100%;
	display:inline;
	-webkit-hyphens:none;
	-moz-hyphens:none;
	-ms-hyphens:none;
	hyphens:none;
	quotes:none;
}

blockquote:before, q:before {
	content:"";
	content:none;
}

blockquote:after, q:after {
	content:"";
	content:none;
}

blockquote {
	width:100%;
	color:#333333;
	font-size:1rem;
	line-height:1.5;
	font-weight:600;
	float:left;
	text-transform:uppercase;
	padding:0;
	margin:0;
}

blockquote p {
	margin:0 0 1.25em;
}

blockquote cite, blockquote small {
	color:#666666;
	font-weight:normal;
}

blockquote em, blockquote i, blockquote cite {
	font-style:normal;
	margin:0;
}

blockquote strong,
blockquote b {font-weight:normal;}

blockquote footer {
	width:100%;
	color:#000000;
	padding:0.3125em 0 0;
	margin:0;
}

blockquote footer a {color:#666666;}
blockquote footer a:hover {color:#000000;}

/* Buttons
-------------------------------------------------------------- */

button {
	-webkit-appearance:button;
	cursor:pointer;
}

button[disabled]{cursor:default;}

button::-moz-focus-inner {
	border:0;
	padding:0;
}

button {
	background-color:#000000;
	height:35px;
	color:#ffffff;
	font-weight:300;
	text-decoration:none;
	border:0;
	border-radius:2px;
	padding:0.5625em 1.875em 0.5em;
}

button:hover,
button:focus {
	background-color:#000000;
	color:#ffffff;
}

button:active {background-color:#000000;}

/* Forms
--------------------------------------------- */

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border:1px solid;
	border-color:#cccccc #cccccc #bbbbbb;
	border-radius:3px;
	background:#e6e6e6;
	color:rgba(0, 0, 0, 0.8);
	line-height:1;
	padding:0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {border-color:#cccccc #bbbbbb #aaaaaa;}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {border-color:#aaaaaa #bbbbbb #bbbbbb;}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color:#666666;
	border:1px solid #cccccc;
	border-radius:3px;
	padding:0.1875em;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {color:#111111;}

select {border:1px solid #cccccc;}

textarea {width:100%;}

/* Accessibility
--------------------------------------------- */

.screen-reader-text {
	border:0;
	clip:rect(1px, 1px, 1px, 1px);
	clip-path:inset(50%);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute !important;
	width:1px;
	word-wrap:normal !important;
}

.screen-reader-text:focus {
	background-color:#f1f1f1;
	border-radius:3px;
	box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip:auto !important;
	clip-path:none;
	color:#21759b;
	display:block;
	font-size:0.875rem;
	font-weight:700;
	height:auto;
	left:5px;
	line-height:normal;
	padding:15px 23px 14px;
	text-decoration:none;
	top:5px;
	width:auto;
	z-index:100000;
}

#primary[tabindex="-1"]:focus {outline:0;}

/* Columns & Rows
-------------------------------------------------------------- */

.clearfix:after {
	content:"";
	display:table;
	clear:both;
}

.row {margin:0;}

[class*="col-"] {
	height:auto;
	box-sizing:border-box;
	float:left;
	padding:0;
	margin:0;
}

.col-1-1 {
	width:100%;
	float:none;
}

.col-2-3 {width:66.66%;}
.col-1-2 {width:49%;}
.col-1-3 {width:100%;}
.col-1-4 {width:100%;}
.col-1-8 {width:12.5%;}
.col-1-12 {width:100%;}

.row .clear {clear:both;}

/* Wrapper
-------------------------------------------------------------- */

#page .site {margin:0;}

/* Header
-------------------------------------------------------------- */

#masthead {
	background:#000000;
	width:100%;
	height:auto;
	position:fixed;
	display:block;
	margin:0 auto;
	z-index:100;
}

#masthead .container {
	max-width:1080px;
	min-height:75px;
	position:relative;
	display:block;
	padding:0 1.25em;
	margin:0 auto;
}

/* Site Branding
-------------------------------------------------------------- */

/* Site Title */

#masthead .container .site-branding .site-title {display:none;}

/* Site Description */

#masthead .container .site-branding .site-description {display:none;}

/* Logo
-------------------------------------------------------------- */

#masthead .container .logo {
	width:257px;
	height:75px;
	position:absolute;
	margin:0 auto;
}

#masthead .container .logo img {
	width:100%;
	max-width:257px;
	height:75px;
	margin:1.25em 0 0;
}

/* Menu Section
-------------------------------------------------------------- */

#masthead .container .menu-button {
	color:#000000;
	width:30px;
	height:75px;
	position:absolute;
	right:1.25em;
}

/* Menu Buttons
-------------------------------------------------------------- */

a.menu-btn {
	color:#000000;
	border:0;
	padding:0;
	margin:0;
}

a.menu-btn img {
	color:#000000;
	border:0;
	padding:0;
	margin:1.375em 0 0;
}

/* Navigation
-------------------------------------------------------------- */

#menu {
	display:none;
	background-color:#f6f6f6;
	width:100%;
	height:100%;
	text-align:center;
	position:fixed;
	padding:0;
	margin:4.6875em 0 0;
	z-index:100;
}

.menu-container {
	width:100%;
	height:100vh;
	color:#000000;
	font-size:1.25;
	font-weight:300;
	line-height:2.0;
	text-transform:uppercase;
	padding:2.5em 0;
	margin:auto;
}
.menu-container a {
	color:#000000;
	font-weight:400;
	text-decoration:none;
}

.menu-container ul {
	list-style:none;
	padding:0;
	margin:0;
}

.menu-container li {
	list-style:none;
	padding:0;
	margin:1.25em auto;
}

.sub-menu {display:none;}

.sub-menu li {
	width:auto;
	font-size:0.625rem;
	display:inline-block;
	padding:0 0.625em;
	margin:0;
}

ul li:hover > ul {display:block;}

/* Search */

.search {margin:2.5em 0;}

/* Close Menu */

.close-menu {
	width:100%;
	height:50px;
}

.top-links {
	color:#ffffff;
	font-size:0.75rem;
}


/* Owl Carousel
-------------------------------------------------------------- */

.owl-dots {
	color:#666666;
	height:auto;
	position:absolute;
	bottom:5%;
	left:0;
	right:0;
	z-index:1000;
}

.owl-carousel {
-ms-touch-action:pan-y;
touch-action:pan-y; 
}

/* Featured Section
-------------------------------------------------------------- */

#featured {
	background-color:#000000;
	width:100%;
	height:100vh;
	text-transform:uppercase;
	position:relative;
	display:block;
	overflow:hidden;
	margin:0 auto;
}

#featured .section-header {display:none;}

#featured article {
	height:100vh;
	margin:0;
}

.feature {overflow:hidden;}

.featured-image {
	background:url() top center no-repeat; 
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	width:100%;
	height:100vh;
	position:relative;
	display:block;
}

#featured .featured-image .container {
	background:rgb(0, 0, 0); /* fallback color */
	background:rgba(0, 0, 0, 0.5);
	width:100%;
	height:100vh;
	display:block;
}

#featured .entry-header {
	max-width:1200px;
	width:auto;
	height:auto;
	color:#ffffff;
	text-align:center;
	display:block;
	padding:20px;
	margin:0 auto;
	position:absolute;
	top:20%;
	left:0;
	right:0;
	z-index:1000;
}

#featured .entry-title {
	font-size:30px;
	margin-bottom:8px;
}

#featured .entry-title a {color:#ffffff;}

#featured .entry-summary {
	max-width:700px;
	color:#ffffff;
	text-transform:uppercase;
	margin:auto;
}

#featured .entry-summary p {margin:0;}

#featured .entry-button {
	display:block;
	margin:35px 0;
}

#featured .entry-button a {
	background-color:#000000;
	color:#ffffff;
	border:2px;
	border-radius:5px;
	padding:15px 20px;
}

/* Content
-------------------------------------------------------------- */

#content {
	width:100%;
	height:auto;
	padding-top:4.6875em;
}

/* Featured Section
-------------------------------------------------------------- */

#featured .section-header {display:none;}

/* Main
-------------------------------------------------------------- */

#main {}

/* Primary
-------------------------------------------------------------- */

#primary {
	background-color:#ffffff;
	max-width:1080px;
	overflow:hidden;
	padding:1.875em 1.25em;
	margin:0 auto;
}

/* Article
-------------------------------------------------------------- */

article {margin:0 0 3.75em;}

.single article {margin:0;}

/* Entry Header
-------------------------------------------------------------- */

.entry-header {}

.single .entry-header {}

.entry-title {
	text-transform:uppercase;
	color:#000000;
}

.entry-title a {
	color:#000000;
	text-decoration:none;
}

.entry-title a:hover {color:#404040;}

/* Entry Meta
-------------------------------------------------------------- */

.entry-meta {
	font-size:0.75rem;
	line-height:1.5;
	margin-bottom:1.25em;
}

.entry-meta a {
	color:#666666;
	text-decoration:none;
	}

/* Entry Content
-------------------------------------------------------------- */

.entry-content {font-size:0.875rem;}

/* Read More Link
-------------------------------------------------------------- */

#more {
	background:#990000;
	width:100%;
	height:50px;
	padding:20px;
	margin:0;
}

a.more-link {
	background-color:#000000;
	color:#ffffff;
	width:auto;
	text-decoration:none;
	display:inline-block;
	border:1px solid #000000;
	border-radius:0.125em;
	padding:0.5em 1.875em;
	margin:0;
}

a.more-link:visited {color:#ffffff;}

a.more-link:hover,
a.more-link:focus {background-color:#222222;}

/* Entry Footer
-------------------------------------------------------------- */

.home .entry-footer {display:none;}

.entry-footer {
	font-size:0.75rem;
	line-height:1.5;
}

.entry-footer a,
.entry-footer a:visited {}

.entry-footer a:active,
.entry-footer a:hover {}

.cat-links,
.tags-links {
	width:100%;
	float:left;
}

/* Loop Navigation
-------------------------------------------------------------- */

.loop-navigation {
	width:100%;
	height:auto;
	overflow:auto;
	float:left;
	padding:0;
	margin:0;
}

.loop-navigation a,
.loop-navigation a.inactive,
.loop-navigation span.current {
	color:#404040;
	font-size:12px;
	display:inline-block;
	text-decoration:none;
	border:1px solid #bbbbbb;
	padding:0.625em 0.9375em;
	margin-left:0 !important;
	margin-right:0.3125em;
}

.loop-navigation span.current {color:#bbbbbb;}

.loop-navigation a:active,
.loop-navigation a:hover {color:#000000;}

/* Single Navigation
-------------------------------------------------------------- */

.single-navigation {
	width:100%;
	height:auto;
	position:relative;
	display:block;
	float:left;
	border-top:1px solid #eaeaea;
	border-bottom:1px solid #eaeaea;
	margin:1.25em 0;
}

.single-navigation a {
	color:#000000;
	font-size:14px;
	font-weight:300;
}

.single .single-navigation .alignleft,
.single .single-navigation .alignright {
	width:46%;
	height:auto;
	display:block;
	overflow:hidden;
	white-space:normal;
	margin:0;
}

.single .single-navigation .alignleft {margin-left:0;}
.single .single-navigation .alignright {margin-right:0;}

.single .single-navigation .alignright {text-align:right;}

.single .single-navigation  .nav-container {
	width:100%;
	height:auto;
	color:#666666;
	display:block;
	overflow:hidden;
	padding:1.25em 0;
	margin:0;
}

.single .single-navigation .nav-container .img-container {
	width:100%;
	float:left;
	margin:0 0 1.25em;
}

.single .single-navigation .alignright .nav-container .img-container {float:right;}

.single .single-navigation .alignleft .nav-container .nav-prev,
.single .single-navigation .alignright .nav-container .nav-next {
	width:100%;
	font-size:11px;
	font-weight:300;
	text-transform:uppercase;
	float:left;
	margin-top:2%;
}

.single .single-navigation .alignleft .nav-container .nav-prev {float:right;}

.single .single-navigation .nav-container .nav-title {
	width:100%;
	float:left;
	margin:0;
}

.single .single-navigation .alignright .nav-container .nav-title {float:right;}

.single .single-navigation .nav-container .nav-title a {
	font-size:12px;
	font-weight:600;
	text-transform:uppercase;
}

/* Related Articles
-------------------------------------------------------------- */

#related {
	background-color:#111111;
	color:#ffffff;
	max-width:100%;
	width:auto;
	padding:2.5em 1.25em;
	overflow:hidden;
	margin:0 auto;
}

#related article {text-align:left;}

#related .entry-date {color:#888888;}

#related .entry-title {font-size:20px;}

#related .entry-title a {color:#ffffff;}

#related .entry-summary {
	color:#888888;
	font-size:12px;
}

/* Footer Content
-------------------------------------------------------------- */

#footer-content {
	background:#1c1c1c;
	height:auto;
	position:relative;
	display:block;
	margin:0 auto;
}

#footer-content .container {
	max-width:1080px;
	position:relative;
	display:block;
	padding:1.25em;
	margin:auto;
}

/* Footer
-------------------------------------------------------------- */

#colophon {
	background:#000000;
	height:auto;
	position:relative;
	display:block;
	margin:0 auto;
}

#colophon .container {
	max-width:1080px;
	position:relative;
	display:block;
	padding:1.25em;
	margin:auto;
}

/* Footer Site Info
-------------------------------------------------------------- */

#colophon .container .site-info {
	width:100%;
	color:#ffffff;
	font-size:0.75rem;
	font-weight:600;
	text-align:center;
	text-transform:uppercase;
	display:inline-block;
}

#colophon .container .site-info a {color:#ffffff;}

/* Media Queries
-------------------------------------------------------------- */

@-ms-viewport {width:device-width;}

@viewport {width:device-width;}

@media screen and (min-width:800px) {

.col-1-4 {width:50%;}

}

@media screen and (min-width:1000px) {

p {margin-bottom:1.875em;}

h1, h2, h3, h4, h5, h6 {font-size:2rem;}

.video-container {margin-bottom:1.875em;}

.wp-caption-text {
	font-size:1rem;
	margin:0.625em 0 1.875em;
}

/* Columns & Rows */

.row {margin:-0.625em;}

[class*="col-"] {padding:0.625em;}

.col-1-2 {width:50%;}
.col-1-3 {width:33.33%;}
.col-1-4 {width:25%;}
.col-1-5 {width:20%;}
.col-1-6 {width:16.665%;}
.col-1-12 {width:33.33%;}

/* Header */

#masthead .container {padding:0 1.875em;}

#masthead .container .menu-button {
	width:30px;
	height:75px;
	position:absolute;
	right:1.875em;
}

/* Primary */

#primary {padding:3.75em 1.875em;}

/* Article */

article {margin:0 0 3.75em;}

/* Entry Meta */

.entry-meta {font-size:0.875rem;}

/* Entry Cointent */

.entry-content {font-size:1rem;}

/* ERead More Link */

a.more-link {margin:0;}

/* Entry Footer */

.entry-footer {font-size:0.875rem;}

/* Single Navigation */

.single .single-navigation .alignleft,
.single .single-navigation .alignright {margin:0;}

.single .single-navigation .alignleft {margin-left:0.625em;}
.single .single-navigation .alignright {margin-right:0.625em;}

.single .single-navigation  .nav-container {padding:1.875em 0;}

.single .single-navigation .alignleft .nav-container .nav-prev,
.single .single-navigation .alignright .nav-container .nav-next {
	width:67%;
	font-size:14px;
	float:left;
	margin-top:2%;
}

.single .single-navigation .nav-container .img-container {
	width:30%;
	margin:0 3% 0 0;
}

.single .single-navigation .alignright .nav-container .img-container {margin:0 0 0 3%;}

.single .single-navigation .nav-container .nav-title {
	width:67%;
	float:left;
	margin:0;
}

.single .single-navigation .nav-container .nav-title a {font-size:16px;}

/* Related Articles */

#related {padding:3.75em 1.25em 1.25em;}

#related .entry-summary {font-size:14px;}

/* Colophon */

#colophon .container {padding:1.875em;}

}