/*!
Theme Name: Skate and Annoy
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Redo of SNA DOM 5 with bootstrap 5 and mobile that isn't FUBAR
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: skateannoy
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

skateannoy is loosely based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/


/* =================================== FIX WORDPRESS PECULIARTIES =================================== */

.wp-block-image img {
height: auto;
}

.wp-block-image + p {
	margin-top:25px;
}

.barney {
border: 1px solid gray;
border-radius: 5px;
padding: 8px;
font-size: .8em;
color: gray;
}


/* =================================== BUILDING BLOCKS =================================== */

body {
	background:black;
}



.footy {
	background:FireBrick;
	margin-top:10px;
}
.snamast {
	padding: 12px;
	background:#fff;
	height:140px
}

.snalogo {
	background-color: rgba(204,0,0,1.00);
	height:115px;
	width:100%;
	padding:15px;
	background: rgba(204,0,0,1.00) url(images/sna-logo-mob.svg) no-repeat 50% 50%;
}

.skatedeck {
	padding-top:12px;
	background:#fff;
}

/* =================================== NAV =================================== */
.dropdown:hover>.dropdown-menu{display: block;}

.container.snanavcontainer {padding:0;}

.navatron {margin:2em 0 1em;}
.navatron .navbar {margin:0;padding:0;}
.navatron .navbar .container-fluid { padding:0 12px 0 12px;}

/* =================================== FOOTER =================================== */
#footercontainer {
	margin:2rem auto;
	background: #fff;
	text-align: center;
}

.footeraction {
	padding:15px 0;
	font-size: .75rem;
	color: gray;
}
.footeraction a {
	font-size: 1rem;
}

img.boxy, a.boxy img {
	width:100%;
	max-width:100%;
	height:auto;
}
img {
	max-width:100%;
	height:auto;
}

h2.entrytitle {
position: relative;
padding: 0;
color: #fff;
font-weight: bold;
font-size: 1.4rem;
line-height: 1.4rem;
margin-bottom: 1em;
}

/* ---  Comment count bubble --- */
.bubble { position:absolute; }

.bubble:before {
	position:absolute;
	content: attr(data-comments);
	background: url(images/bubble-r.png);
	background-position: -1px -2px;
	background-repeat:none;
	width:47px;
	height:37px;
	top:-20px;
	right:5px;
	text-align:center;
	font-size:1rem;
	padding:1px 0 0 0;
	color:#6b6b6b;
	opacity:0.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */
}


/* =========================== COMMENTS SINGLE PAGE =========================== */

#comments-header {
	margin-top: 2rem;
}

#comments{
	padding-top: 2rem;
	border-top: 1px dashed #999;
}
#comments a {
	color:#7c1008;
}

#respond {
	padding: 1rem;
}
#respond textarea {
	max-width:100%
}
ol.comment-list {
	list-style: none;
	padding-left:0;
}
ol.comment-list > li {
	margin-bottom: 2rem;
	padding-top: 5px;
}

ol.comment-list li:nth-child(odd) {
	background: rgba(205,205,205,.5);
	padding-top: 5px;
}

ul.children {
	list-style: none;
}
.comment-avatar {
	display: inline-block;
	width: 50px;
	vertical-align: text-top;
	margin: 4px 15px 0 10px;
}
.comment-capsule {
 	display: inline-block;	
	width:80%;
	max-width:calc(100% - 85px);
	vertical-align: text-top;
}
.comment-meta {
	font-size:.9rem;
	padding-bottom: .75em;
}
.sna-comment-author {
	font-weight:bold;
	font-size:1rem;
}
#cancel-comment-reply-link {
margin-left: 10px;
border: 1px solid;
border-radius: 4px;
padding: 5px;
font-size: .75em;
}
#cancel-comment-reply-link:hover {
	background-color: rgba(204,0,0,1.00);
	border-color: rgba(204,0,0,1.00);
	color:#fff;
}
.comment-reply-title {
font-size: 1.2rem;
}
.comment-form-comment label {
	display:none;
}
.comment-respond {
	padding-left:80px !important;
}

/* =========================== Default WP Alignment Classes =========================== */

.aligncenter,.alignleft,.alignright {
    display: block;
    padding: 0;
}

.aligncenter {
    float: none;
    margin: .5em auto 1em;
}

.alignright {
    float: right;
    margin: .5em 0 1em 1em;
}

.alignleft {
    float: left;
    margin: .5em 1em 1em 0;
}

.wp-caption {
    padding: 5px 0;
    border: 1px solid #555;
    background: #444;
    text-align: center;
}

.wp-caption img {
    display: inline;
}

.wp-caption p.wp-caption-text {
    margin: 5px 0 0;
    padding: 0;
    text-align: center;
    font-size: 75%;
    font-weight: 100;
    font-style: italic;
    color: #ddd;
}

/* center align images by default and make them not so wide */
article .wp-block-image {
	margin-left: auto !important;
margin-right: auto!important;
	display:table;
	max-width:70%;
}

/* Old WP unalinged images -  make them all center aligned.*/
img.alignnone:not(.boxy) {
	display:table;	
	margin-left: auto !important;
	margin-right: auto!important;
	max-width:70%;
}

/* ===========================   =========================== */

.btn-outline-sna {
color: rgba(204,0,0,1.00);
border-color: rgba(204,0,0,1.00);
}
.btn-outline-sna:hover {
color: #fff;
background-color: rgba(204,0,0,1.00);
border-color: rgba(204,0,0,1.00);
}

a:link, a:visited {
color: #7c1008;
text-decoration:none;
}

.post a {
color:inherit;
border-bottom: 2px;
border-bottom-style: solid;
border-bottom-color: #ebb9b7;
}
.post a:hover, .customposttype a:hover {
background-color: #ebb9b7;
text-decoration: none;
}

 a.widetrucks, a.archivetitlelink {
display: block;
background-color: #000;
color: #fff;
border: 0;
padding: 10px;
margin: 0;
height: 100%;
width: 100%;
text-decoration:none;
}
a.widetrucks:hover, a.archivetitlelink:hover {
background-color: rgba(204,0,0,1.00);
transition: all linear .25s;
}

a.more-link {
display: block;
color: #b3423d;
border:solid 1px #b3423d;
border-radius: 4px;
padding: 5px;
padding-left: 1rem;
font-weight: bold;
transition: all linear .25s;
font-size: .9em;
margin: 12px 0;
font-style: italic;
}
a.more-link:hover {
background-color: rgba(204,0,0,1.00);
color: #fff;
border: 1px solid rgba(204,0,0,1.00);
padding-left: 2rem;

}
body.home a.more-link {
	margin:12px;
}


/* post conatainer on fromt pages */
.holmes {
background-color: #f4f4f4;
box-shadow: 3px 3px 5px #bababa;
margin-bottom: 2rem;
padding-bottom: 1rem;
}

.holmes p {
margin-right:1em;
margin-left:1em;
}

.singleholmes .scrapedimage img {
	width:100%;
	height:auto;
}

.authorcred {
font-weight: bold;
font-size: 15px;
}
.postmeta {
font-size: .75rem;
}
.postTags a, .bigpostmeta a, .somecomments a, a[rel="fancybox"], a[rel~="attachment"], .more-link {
text-decoration: none;
color: #7c1008;
border: 0 none;
}


.wp-block-pullquote {
	font-size:.75em;
}

.adminnote {
	font-size:10px;
	color:gray;
}
p.byline {
	font-size:.75em;
	font-weight:300;
}
article p {
	margin-right:1em;
	margin-left:1em;
	margin-bottom:2em;
}


blockquote {
	color:gray;
	font-style:italic;
	margin-left:1em;
}

.wppagenav {
	text-align:center;
}
.wppagenav a {
	border:1px solid rgba(55,55,55,.25);
	color: rgba(55,55,55,.5);
	padding:5px;
	border-radius:5px;
	margin:0 .5rem;
}
.wppagenav a:hover {
	background-color:rgba(204,0,0,1.00);
	border: 1px solid rgba(55,55,55,.25);
	color: #fff;
	transition:all linear .25s;
	text-decoration:none;
	font-weight:bold;
	box-shadow: 2px 2px 5px #bababa;
}
ul.pager {
	list-style: none;
}
ul.pager li {
	display:inline-block;
}


.zineatthachment h3 {
	font-size:1em;
	text-align:center;
	margin-bottom:1em;
}

.zine-spread {
	margin:2em auto;
	text-align:center;
}

/* ===================================  SINGLE ONLY =================================== */

.snabroken.singularity p {
margin-right:12px;
margin-left:12px;

}

.nav-links {
	margin-top:2rem;
	padding: 1rem 0;
	border-top: 1px dashed #999;
	border-bottom: 1px dashed #999;
}
#comments-header {
	padding-top: 2rem;
}
.comments-area {
	padding-top: 2rem;
	border-top: 1px dashed #999;
}

.nav-subtitle {
border: 1px solid #7c1008;
border-radius: 5px;
padding: 5px;
margin-top: 5px !important;
display: inline-block;
}

.legacy-link {
	border:dashed 1px red;
	border-radius:10px;
	padding: 10px;
	font-style:italic;
	font-size:smaller;
	background:rgba(203,33,38,.04);
}


/* ===================================  ARCHIVES =================================== */

.archive-excerpt {
	/*margin-bottom:2.5em;*/
}

.archivegalleries , .archivegeneric {
	margin-bottom:2.5em;
}

.archivegalleries .archive-excerpt, .archivereviews .archive-excerpt {
	padding-top:8px;
}

.archive-excerpt img {
max-width: 100%;
height: auto;
}

.taxonomy-dropdown-nav {
	margin-bottom:2em;
}

.archivegalleries .archive-thumb, .archivereviews .archive-thumb {
	padding-top:10px;
}


/* ===================================  SIDEBAR =================================== */


.sidebar {
	color:#fff;
	background-color:rgba(0,0,0,.9);
}
.sidebar a:link, .sidebar a:visited {
	color:rgba(255,255,255,.9);
	text-decoration:none;
}

.sidebar a:hover {
	color:rgba(255,255,255,.6);
	text-decoration:none;
}


.sidebar h3 a:link, #sidebar-contents h3 a:visited {
	color:#fff;
	display:block;
}

.sidebar h3 a:hover {
	background-color:rgba(204,0,0,1.00);
	padding-left:10px;
	transition: padding .25s linear;
}

.sidebar h2, .sidebar h3 {
	font-size: 1.25rem;
	margin-top: 1.25rem;
	line-height: 1.75;
}
.sidebarimg {
	margin: 12px 0 0 -12px;
	padding-top:12px;
}



/* ====== SIDEBAR COMMENTS */

#commentscroll {
	height: 250px;
	overflow: scroll;
	padding-left:12px;
	font-weight: 100;
	font-size: .75rem;
}
.recentcomments {
	list-style: none;
	padding-left: 0;
	}
#sidecomments a:link {
	padding:10px 0;
	border-bottom:1px dotted #ccc;
	display:block;
}


/* ====== SIDEBAR REVIEWS */

.reviewpod a:link, .reviewpod a:visited {
	display:block;
	font-weight: normal;
	Ncolor:#fff;
	text-decoration:none; 
}
.reviewpod a:hover  {
	display:block;
	font-weight: normal;
	color:#fff;
	text-decoration:none; 
}
.reviewpod {
	position: relative;
	display:block;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height:15px;
	padding:6px 0;
}
.reviewpod:hover {
	background-color:rgba(204,0,0,1.00);
	transition: all .4s linear;
}
.reviewpod:hover:after {
	position: absolute;
	transition: all 2s linear;
	letter-spacing: 1px;
	margin:0;
	padding:0;
	top:2px;
	color:#ccc;
	right:0;
	content:attr(alt) '\25C4';
	font-weight:bold;
	font-size:24px;
	text-align:right;
}
.reviewpod:after {
	position: absolute;
	margin:0;
	padding:0;
	top:2px;
	color:#ddd;
	right:0;
	content:attr(alt);
	font-weight:bold;
	font-size:24px;
	text-align:right;
}

.reviewtitle {
	font-weight:300;
	display:inline-block;
	KILLwidth:250px;
	overflow: hidden;
	text-overflow:ellipsis;
	vertical-align:bottom;
}
.reviewpod img {
	border:none;
	padding-right:	4px;
}

/* ====== GALLERIES VINTAGE ADVERTS */

#sideavintageadvert img {
	max-width:25%;
	max-height:110px;
	border-bottom:5px solid black;
}
#sideavintageadvert img:hover {
	border-color:rgba(204,0,0,1.00);
}

#sideavintageadvert.leftrail img {
	max-width:50%;
	max-height:130px;
}
#sideavintageadvert.leftrail img {
	max-width:50%;
	max-height:130px;
}

/* ====== MULTI SEARCH */

#searchstuff form {
	padding-top:0px;
	padding-bottom:20px;
}


/* ===================================  NETWORK SPECIFIC =================================== */


.networkmast {
	margin-bottom:12px;
}

.networkmast img {
	max-width:100%;
	width:100%;
	height:115px;
}

/* ========== EBAY WATCH ========== */
h2.ebph {
	/*background-color:#CCC;*/
	margin:20px 0px 0px 0px;
	display:block;
	font-size:24px;
	clear:both;
	}
p.ebp {
	display:block;
	border-top:1px dashed #ccc;
	margin:0px;
	padding-top:10px;
	padding-right:262px;
	/*background-color:#999;*/
	/*height: 1%; overflow: hidden; Don't mess with - needed to contain the floats*/
	clear:right;
}
.ebpi { 
	width:252px;
	display:block;
	float:right;
	margin: 0 -252px 10px 15px;
	/*border:1px solid green; */
}
.ebpi img { 
	padding:8px 0 15px;
	vertical-align:text-top;
}
/* ========== END EBAY WATCH ========== */



/* ========== Galleries ========== */
.galleryadcopy, .pressreleasecopy, .magcopy, .auctioncopy {
	margin:20px 15px 0;
	padding:1.5rem;
	padding-bottom:.5rem;
	border: 1px dashed #666;
	border-radius: 15px 15px 0 0;
	background-color: rgba(211,211,211,.2);
	font-size:smaller;
}
.galleryadcopy p, .galleryadcopy ol, .galleryadcopy li, .pressreleasecopy, .pressreleasecopy, .pressreleasecopy ol, .magcopy, .magcopy p, .magcopy ol {
	/*font-size:smaller;*/
}
.galleryadcopy::before, .pressreleasecopy::before, .magcopy::before, .auctioncopy::before { 
    font-weight: bold;
	padding-bottom:1rem;
	display:block;
}
.galleryadcopy::before  {
	content: "Vintage Skateboard Ad Copy";
}
.pressreleasecopy::before { 
    content: "Press Release";
}
.magcopy::before { 
    content: "Magazine Copy";
}
.auctioncopy::before { 
    content: "Auction Description Copy";
}

.customtaxinfos {
	margin-top: 20px;
}

/* ========== Reviews ========== */

.reviewsfrontfeatured img {
	max-width:100%;
	height:auto;
}
.reviewsfrontfeatured {
	font-size:.75rem;
	margin-top: 0;
	margin-bottom: 1.5rem;
}


/*
------------------------------------- DEV HELPER CLASSES
*/

.bggsubtle {background-color:rgba(0,0,0,.8);}
.bgga {background:MediumAquamarine;}
.bggr {background:red;}
.bggb {background:SteelBlue;}
.bggc {background:Cyan;}
.bggd {background:IndianRed;}
.bgge {background:Tomato;}
.bggf {background:FireBrick;}
.bggp, .bgpink {background:pink;}
.bgghp {background:HotPink;}
.bggg {background:green;}
.bggy {background:yellow;}
.bggyg {background:yellowGreen;}
.bggt {background:tan;}
.bggbe {background:beige;}
.bggl {background:lavender;}
.bgghd {background:HoneyDew;}
.bgglb {background:LightBlue;}
.bggs {background:Snow;}
.bggsg {background:SlateGray;}
.bgglsg {background:LightSlateGray;}
.bgggra {background:Gray;}
.bgglg {background:LightGray;}
.bgglc {background:LightCyan;} 
.bggk {background:Khaki;} 
.bggdk {background:DarkKhaki;} 
.bgmint, .bggm  { background:#D4FFD4;}
.bggh {background:PaleVioletRed;} 
.bggi {background:DarkSeaGreen;} 
.bggj {background:RosyBrown;}
.bggw, .bgwhite {background:white;}

.breakpxs, .breakpsm, .breakpmd, .breakplg, .breakpxl, .breakpxxl { display:none; text-align:center; margin:.5em; padding:.25em; }
.breakpxs {display:block;}

@media (min-width: 576px){
	.breakpsm {display:block; }
}
@media (min-width: 768px){
	.breakpmd {display:block; }
}
@media (min-width: 992px){
	.snalogo {
		background: rgba(204,0,0,1.00) url(images/sna-logo.svg) no-repeat 50% 50%;
	}
	.snalogo:hover {
		background: rgba(204,0,0,1.00) url(images/sna-logo-h.svg) no-repeat 50% 50%;
	}
	.breakplg {display:block; }
	.sidebar {
		position: absolute;
		margin-top:140px;
		width:305px;
	}
	.sidebarimg img {
		max-width:305px;
	}
	.snamast {
		width:305px;
		padding: 12px 0 12px 12px;
	}
	#skatedeck {
		min-height:2000px;
	}
}
@media (min-width: 1200px){
	.breakpxl {display:block; }
	.snamast, .sidebar {
		width:350px;
	}
	.sidebarimg img {
		max-width:350px;
	}
}
@media (min-width: 1400px){
	.breakpxxl {display:block; }
}

@media (min-width: 1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	max-width: 1140px;
	}
}