#wpadminbar { background:#000; border-bottom:1px solid #fff; z-index:9999; }

.site-header .header-theme-mode,
.single-post .entry-content .prime-excerpt, 
.single-post .entry-content .inner-excerpt,
.posted-on .thememattic-icon {
	display:none;
}
#thememattic-header { background:#000 !important; border-bottom:1px solid #666; margin-bottom:50px; z-index:9999; }
#thememattic-header a,
#thememattic-header .icon-search { color:#fff; }
#thememattic-header a:hover,
#themamattic-header .icon-search:hover { color:#eee; }
#thememattic-header.site-header-secondary .main-header { padding:0 !important; }
.wp-custom-logo .site-branding { max-width:100px; margin-top:14px; }
#themamattic-header .trigger-icon,
#themamattic-header .icon-bar, 
#themamattic-header .toggle-menu .ham, 
#themamattic-header .toggle-menu .ham:before, 
#themamattic-header .toggle-menu .ham:after { background:#fff !important; }
@media (max-width: 991px) {
	#site-navigation > div.menu { background:#666; padding:0;}
	#site-navigation > div.menu .menu-mobile { border-bottom:1px solid #000; padding:0 15px; }
}

.home.blog .site-content, 
.site-content,
.section-block.main-slider-default,
.container-fluid { padding-left:20px; padding-right:20px; }

.sticky header:before { color:#fd5b66 !important; content: "\f2fc"; font-size:40px; top:-5px; right:3px; }

/* NOW PLAYING */
#nowplaying {
	margin:-50px 0 50px;
	background: #222;
	/*background-image: linear-gradient(to right, #111111, #333333, #111111);*/
	color:#fff;
	padding:50px 25px;
	text-align:center;
}
#nowplaying .post { max-width:1380px; margin:0 auto !important; }
#nowplaying .post h2 { text-transform:uppercase; margin-bottom:25px; }
#nowplaying .post h2 small { color:#fff; display:block; }
#nowplaying .post .entry-content p { margin-left:auto !important; margin-right:auto !important; }
#nowplaying .post .entry-content p a { text-decoration:underline; }
#nowplaying a { color:#fff; }

/* SLIDER */
.main-slider-area {
    background: #333;
	background-image: linear-gradient(#666666, #333333);
}
.main-slider-area a:hover { color:#fff; }
.slide-bg:before { 
	display:none !important;
}
.slide-categories { display:none !important }
.slide-categories a { text-transform:uppercase; font-size:9px; font-weight:bold; margin-bottom:0px; }

.entry-title {
	font-weight:bold;
}

/* GRID */
.masonry-grid {
	vertical-align:top !important;
	height: auto !important;
	font-size:0;
}
.masonry-grid.masonry-col article {
	margin-bottom:20px;
	position:static !important;
	float:none !important;
	vertical-align:top !important;
	display:inline-block !important;
	overflow: hidden;
}
.masonry-grid.masonry-col article .entry-content { margin-bottom:0; }
.masonry-grid .entry-category {
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
	text-transform:uppercase;
}
.masonry-grid article .post-thumb,
.masonry-grid article .post-thumb-cropped,
.masonry-grid article .entry-video,
.masonry-grid article header {
	margin-top:0;
	margin-bottom:10px;
}
.masonry-grid article .entry-video .wp-block-embed {
	margin-bottom:0;
}
.masonry-grid article header .entry-title { 
	font-size:20px;
	margin-bottom:0;
}
.masonry-grid article header .entry-content,
.masonry-grid article header .entry-content p {
	font-size:14px !important;
}

.masonry-grid .entry-excerpt {
	margin-bottom:1em;
}
.masongry-grid .posted-on { 
	font-size:9px;
}
/* STICKIED POSTS */
.stickies-1 .masonry-grid.masonry-col article.article-26,
.stickies-1 .masonry-grid.masonry-col article.article-27,
.stickies-1 .masonry-grid.masonry-col article.article-28 { display:none !important; }

/* SINGLE */
.a2a_kit { margin: 10px 0 0 -3px; }
#a2apage_dropdown { margin: 5px 0 0 -146px; }
.a2a_wide a { text-align:left !important; padding-left:10px !important; }
div.a2a_full_footer { display:none; }
.single .entry-category,
.single .posted-on,
.single .byline,
.single .edit-link { 
	font-size:12px;
	font-weight:bold;
	text-transform: uppercase;
	margin-bottom:0;
}
.single .edit-link { border-left:1px solid #ccc; padding-left:10px; }
.single .post { margin-bottom:50px; }
.single .post .entry-content .wp-block-image figcaption { 
	background:none;
	padding:0;
	font-size:13px;
	font-style:normal;
	margin-top: .5em;
	margin-bottom: 1em;
	color: #555d66;
}
.single .post .entry-content .wp-block-file { line-height: 2em; }
.single .post .entry-content .wp-block-embed {
	margin-bottom:1.5em;
}
.single .post .entry-content .wp-has-aspect-ratio .wp-block-embed__wrapper {
	position:relative;
	height: 0;
	overflow: hidden;
	border-radius: inherit;
}
.single .post .entry-content .wp-block-embed .wp-block-embed__wrapper,
.single .post .entry-content .wp-embed-aspect-16-9 .wp-block-embed__wrapper { padding-bottom: 56.25%; }
.single .post .entry-content .wp-embed-aspect-21-9 .wp-block-embed__wrapper { padding-bottom: 42.85%; }
.single .post .entry-content .wp-embed-aspect-2-3 .wp-block-embed__wrapper { padding-bottom: 66.66%; }
.single .post .entry-content .wp-embed-aspect-4-3 .wp-block-embed__wrapper { padding-bottom: 75%; }
.single .post .entry-content .wp-embed-aspect-1-1 .wp-block-embed__wrapper { padding-bottom: 100%; }
.single .post .entry-content .wp-embed-aspect-2-1 .wp-block-embed__wrapper { padding-bottom:25%; }
.single .post .entry-content .wp-block-embed-issuu { position: relative;}
.single .post .entry-content .wp-block-embed-issuu .issuuembed { width: 100% !important; height:100% !important; }
.single .post .entry-content .wp-block-embed.wp-block-embed-spotify .wp-block-embed__wrapper { padding-bottom:0; height:232px; }
.single .post .entry-content .wp-block-embed .wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.single .post .entry-content .wp-block-embed figcaption { text-align:left; }
.single .post .entry-content .wp-block-image { 
	margin-bottom:1.5em;
	width:100%;
}
.single .entry-content .wp-block-image img {
	width:100%;
	height:auto;
}
.single .entry-content .wp-block-image.is-resized {
	width:auto;
}
.single .entry-content,
.page .entry-content {
	margin-bottom:2em;
}

/* COMMENTS */
.comments-area .comment-list .comment-meta,
.comments-area .comment-list .comment-content { padding-left:0; }
input#wp-comment-cookies-consent { width:auto; height:auto; }

/* ALL POSTS */
.inner-banner .entry-title { line-height:1em; margin:10px 0; }
.byline {
	padding-right:10px;
	border-right:1px solid #ccc;
	margin-right:10px;
}
.entry-content { overflow: hidden; }
.entry-content blockquote { border-left:10px solid #ccc; padding-left:30px; text-align:left;}
.entry-content a { text-decoration:underline !important; }
.entry-content a.wp-block-button__link { background:#666; text-decoration:none !important}
.entry-content a.wp-block-button__link:hover { background:#333; }
.entry-content blockquote { margin-top:0; margin-bottom:1.5em !important; padding-top:0; padding-bottom:0; }
.entry-content blockquote:before { content:none; }
.related-title {
	margin-top: 30px;
	font-size: 2em;
	text-transform: uppercase; 
}

/* GALLERIES */
.wp-block-gallery { margin-right:-10px; margin-bottom:1em; }
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item { margin:0 !important; }
.wp-block-gallery .blocks-gallery-image figure, 
.wp-block-gallery .blocks-gallery-item figure { margin:0 10px 10px 0 !important; }
.wp-block-gallery .blocks-gallery-image figure a, 
.wp-block-gallery .blocks-gallery-item figure a { display:block; width:100%; height:100%; text-align:center; }
.wp-block-gallery .blocks-gallery-image figure img, 
.wp-block-gallery .blocks-gallery-item figure img { margin:0 auto; max-height:100%; }
.wp-block-gallery .blocks-gallery-image figcaption, 
.wp-block-gallery .blocks-gallery-item figcaption { bottom:10px; right:10px; display:none;}
.wp-block-gallery .blocks-gallery-image, 
.wp-block-gallery .blocks-gallery-item { width:33.33% !important; height: 125px !important; margin:0 !important; vertical-align:top; }
.wp-block-gallery.is-cropped .blocks-gallery-image, 
.wp-block-gallery.is-cropped .blocks-gallery-item {  }
.wp-block-gallery.columns-1 .blocks-gallery-image, 
.wp-block-gallery.columns-1 .blocks-gallery-item { width:100% !important; height:auto !important; }
.wp-block-gallery.columns-2 .blocks-gallery-image, 
.wp-block-gallery.columns-2 .blocks-gallery-item { width:50% !important; height:auto !important; }

/* FANCYBOX */
.fancybox-container { z-index:9999; }
.fancybox-container,
.fancybox-thumbs,
.fancybox-caption { background:#000; }
.fancybox-caption { padding:10px; }
.fancybox-infobar {
	background-size: contain; background-image: url(https://ourbmx.com/wp-content/uploads/2019/03/ourbmx-1000-white.png); background-repeat: no-repeat;
	width: 87px; height: 20px; top: 15px; left: 15px;
	line-height: 20px; font-size: 0; color: #fff; 
}

/* GRID */
.row a,
.masonry-grid a { text-decoration:none !important; }

/* RELATED */
#related-articles { margin-top:30px; }
.related-articles-wrapper h4 { margin-top:10px; }

/* NAVIGATION */
.nav-links { margin-bottom:50px; }
.nav-links .nav-previous,
.nav-links .nav-next  { }
.posts-navigation a { 
	background:#666; font-weight:bold; text-transform:uppercase; 
}
.posts-navigation a:hover { background:#555;}

/* Single */
.post-navigation .nav-links { margin:1em -1%; }
.post-navigation .nav-links div {
	margin:0 1%; display:inline-block; width:100% !important; 
}
.post-navigation .nav-links .post-title { font-size:18px; }
.nav-container.has_both .post-navigation .nav-links div {
	width:48% !important; 
}
.nav-container.has_both .post-navigation .nav-links div.nav-next { float:right; }
.post-navigation .nav-links a { min-height:150px; }
.post-navigation .nav-links a:before {
    background-color: rgba(0, 0, 0, 0.5);
}
.post-navigation .nav-links  .meta-nav { text-transform:uppercase; font-size:.5em}
.page-numbers { border-color:#000; margin-right:5px; }

/* FOOTER */
.site-copyright,
.site-footer { text-align:center; }
.site-footer {
	background: rgb(51,51,51);
	background: -moz-linear-gradient(90deg, rgba(51,51,51,1) 1%, rgba(68,68,68,1) 50%, rgba(51,51,51,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(51,51,51,1) 1%, rgba(68,68,68,1) 50%, rgba(51,51,51,1) 100%);
	background: linear-gradient(90deg, rgba(51,51,51,1) 1%, rgba(68,68,68,1) 50%, rgba(51,51,51,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#333333",endColorstr="#333333",GradientType=1);
	border:0; border-top: 1px solid #000; color:#fff; padding: 25px 0;
}
.site-footer h4 { font-size:16px !important; }
.site-footer p { font-size:12px !important; }
.site-footer h4,
.site-footer p { margin-bottom: .75em; }
.site-footer a { color:#fff; text-decoration:underline; }
.site-copyright { border:0; text-transform:uppercase; padding:0; }
#scroll-up {
	color: #fff;
	background: #333;
	padding: 10px;
	border:1px solid #fff;
	right:0;
}

/* ADS */
.ad { text-align:center; }
.ad img { margin:0 auto; max-width:970px;  width: 100% !important; }
.ad.header { background: #ccc; border-top: 1px solid #ccc; margin:-50px 0 50px; padding:10px; }
.ad.header.midpage { margin: 50px 0 0; }
.ad.header a { display:inline-block; max-width:970px; }
.ad.bigbanner { border-top: 1px solid #000; margin:0; }
.ad.bigbanner a { background: #666; display:block; }
.masonry-grid .ad { text-align:left; }
.page-section.has_sidebarad .entry-content {}
.page-section.has_sidebarad .ad { }

@media only screen and (max-width: 680px) {
	.masonry-grid.masonry-col article { 
		width:100%;
	}
}
@media only screen and (min-width: 600px) {
	.wp-block-gallery .blocks-gallery-image, 
	.wp-block-gallery .blocks-gallery-item { height: auto !important; }
	.wp-block-gallery.columns-3 .blocks-gallery-image, 
	.wp-block-gallery.columns-3 .blocks-gallery-item { width:33.33% !important; }
	.wp-block-gallery.columns-4 .blocks-gallery-image, 
	.wp-block-gallery.columns-4 .blocks-gallery-item { width:25% !important; }
	.wp-block-gallery.columns-5 .blocks-gallery-image, 
	.wp-block-gallery.columns-5 .blocks-gallery-item { width:20% !important; }
	.wp-block-gallery.columns-6 .blocks-gallery-image, 
	.wp-block-gallery.columns-6 .blocks-gallery-item { width:16.66% !important; }
	.wp-block-gallery.columns-7 .blocks-gallery-image, 
	.wp-block-gallery.columns-7 .blocks-gallery-item { width:14.28% !important; }
	.wp-block-gallery.columns-8 .blocks-gallery-image, 
	.wp-block-gallery.columns-8 .blocks-gallery-item { width:12.5% !important; }
	.wp-block-gallery.columns-9 .blocks-gallery-image, 
	.wp-block-gallery.columns-9 .blocks-gallery-item { width:11.11% !important; }
	.wp-block-gallery.columns-10 .blocks-gallery-image, 
	.wp-block-gallery.columns-10 .blocks-gallery-item { width:10% !important; }
	/*.admin-bar .fancybox-container { top:46px; }*/
}
@media only screen and (max-width:680px) {
	.ad.mobile-sticky { background:#000; border:0; margin:0; padding: 10px; position:fixed; bottom:0; left:0; right:0; z-index:9999; }
}
@media only screen and (min-width: 680px) {
	.home.blog .site-content, 
	.site-content,
	.section-block.main-slider-default,
	.container-fluid { 
		padding-left:30px; 
		padding-right:30px;
	}
	.stickies-1 .masonry-grid.masonry-col article.article-26 { display:inline-block !important; }
	.ad.header { background:#ccc; padding:10px; position: static; }
	.ad.header.midpage { background: #efefef; border-bottom: 1px solid #ccc; margin: 50px 0 0; padding: 25px 10px;  }
}
@media only screen and (min-width: 768px) {
	.page-section.has_sidebarad .entry-content { }
	.page-section.has_sidebarad .ad { }
}
@media only screen and (min-width: 783px) {
	/*.admin-bar .fancybox-container { top:32px; }*/
}
@media only screen and (min-width: 991px) {
	#nowplaying { padding:75px 25px 50px; }
	#nowplaying .post h2 { font-size:36px; }
	#nowplaying .post .entry-content p { width:50%; }
	.masonry-grid.masonry-col article { width:33.333%; }
	.stickies-1 .masonry-grid.masonry-col article.article-27 { display:inline-block !important; }
	/*
	.masonry-grid.masonry-col article.sticky:first-child { width:66.666%; float:left; }
	.home .masonry-grid.masonry-col article.category-features,
	.archive.category-news .masonry-grid.masonry-col article.category-features {
		width:66% !important;
		float:left !important;
		clear:left !important;
	}
	*/
}
@media only screen and (min-width: 1100px) {
	.ad.bigbanner a { padding:10px 0; }
}
@media only screen and (min-width: 1300px) {
	#nowplaying .post h2 { font-size:36px; }
	#nowplaying { padding:75px 25px 50px; }
	.masonry-grid.masonry-col article { width:25%; }
	.stickies-1 .masonry-grid.masonry-col article.article-27,
	.stickies-1 .masonry-grid.masonry-col article.article-28 { display:inline-block !important; }
}
@media only screen and (min-width: 1600px) {
	.ad.bigbanner { margin:0; }
}


/* Instagram Feed */
#instagram-feed { background:#000; margin: 0 !important; padding-bottom:80px; position: relative; z-index: 9998; }
#instagram-feed #sb_instagram { background:#000 !important; }
#instagram-feed #sb_instagram .sbi_header_text { color:#fff; }
#instagram-feed #sb_instagram .sbi_follow_btn { display:block; margin:0; }
#instagram-feed #sb_instagram .sbi_follow_btn a {
	background:#000; display:block; margin-top:0;
	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; 
}
#instagram-feed #sb_instagram .sbi_load_btn {
  background:#fff; color:#000; display:block; font-weight:bold; margin:0; text-align:left; text-transform:uppercase;
}
@media screen and (min-width: 680px) {
	#instagram-feed { padding-bottom:0; }
}
@media screen and (min-width: 768px) {
  #instagram-feed #sb_instagram #sbi_images .sbi_item { width: 25% !important; }
  #instagram-feed #sb_instagram .sbi_photo { height:175px !important; }
}
@media screen and (min-width: 1100px) {
  #instagram-feed #sb_instagram { }
  #instagram-feed #sb_instagram #sbi_load { padding-bottom:0; }
  #instagram-feed #sb_instagram #sbi_images .sbi_item { width: 16.66666% !important; }
  #instagram-feed #sb_instagram .sbi_photo { height:175px !important; }
}
@media screen and (min-width: 1400px) {
  #instagram-feed #sb_instagram .sbi_photo { height:200px !important; }
}



/* Brand Block */
body.has_brandblock #block-bg { display:none; }
body.has_brandblock #block-mobile-big { margin:25px 0 50px; }
body.has_brandblock #block-mobile-big .ourbmx-block-mobile-big { margin:0 -10px; }
body.has_brandblock.single-post #block-mobile-big .ourbmx-block-mobile-big { margin: 0 -20px; }
@media screen and (min-width: 680px) {
	body.has_brandblock #block-mobile-sticky { display:none; }
	body.has_brandblock #block-mobile-big .ourbmx-block-mobile-big { margin:0 20px; }
	body.has_brandblock.single-post #block-mobile-big .ourbmx-block-mobile-big { margin: 0; }
}
@media screen and (min-width: 990px) {
	body.has_brandblock #block-mobile-big { display:none; }
	body.has_brandblock .ourbmx-block-header,
	body.has_brandblock #page,
	body.has_brandblock #block-bg-spacer,
	body.had_brandblock #thememattic-header {
        max-width: 890px;
        margin-left: auto;
        margin-right: auto;
		position:relative;
		z-index:2;
    }
	body.has_brandblock #page {
		background:#fff; border-left:1px solid #000; border-right:1px solid #000;
	}
	body.has_brandblock #block-bg { 
		display:block;
		background:#000;
		position:fixed; top:0;left:0;right:0;bottom:0;
		text-align:center;
		overflow:hidden;
		z-index:1;
	}
	body.has_brandblock #block-bg img {
		width: 73.1%;
		height:auto;
	}
	body.has_brandblock #block-bg-spacer {
		position: relative;
		height: 100%;
		z-index:1;
	}
	body.has_brandblock #block-left,
	body.has_brandblock #block-right {
		position:absolute; top:0;bottom:0; width:100%; overflow:hidden;
	}
	body.has_brandblock.admin-bar #block-left,
	body.has_brandblock.admin-bar #block-right { top: 32px; }	
	body.has_brandblock #block-left { right: 100%; text-align: right; }
	body.has_brandblock #block-right { left:100%; text-align:left; }
}
@media screen and (min-width: 1100px) {
	body.has_brandblock .ourbmx-block-header,
	body.has_brandblock #page,
	body.has_brandblock #block-bg-spacer,
	body.had_brandblock #thememattic-header {
        max-width: 1000px;
	}
}
@media screen and (min-width: 1280px) {
	body.has_brandblock .ourbmx-block-header,
	body.has_brandblock #page,
	body.has_brandblock #block-bg-spacer,
	body.had_brandblock #thememattic-header {
        max-width: 1080px;
	}
}
