/*
Theme Name: Skate and Annoy Domination 5
Theme URI: https://www.skateandannoy.com/
Author: Kilwag
Author URI: 
Description: 2019 version of Skate And Annoy, uses Bootstrap 4
Version: 1.0
Text Domain: snadomfive
*/


a:link, a:visited {
	color:#7c1008;
}

/* CSS Document */
body {
	background-color: #000;
}

img.netmast {
	width:100%;
	height:auto;
	margin-bottom:.5rem;
}
img.netmast.nosubtitle {
	margin-bottom:1rem;
}
.skatedecksingle img.netmast {
	height:115px;
}

/* ===========================  NAV HEADER =========================== */

.netsilo {
	font-weight:bold;
}

.bg-black {
	background-color:#000;
}

li.dropdown:hover > .dropdown-menu {
    display: block;
}
.dropdown-menu {
	top:35px;
}

.snanavbar {
	padding-right:0;
	margin:0 -15px;
}

.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);
}

#searchdropdown {
	margin-left:15px;
}


#middleoftheroad {
	height:150px;
}


#snamastlink {
	display:block;
	width:100%;
	height:100%;
}



/* =========================== ARCHIVES - FRONT PAGE ONLY =========================== */

#snacards.card-columns {
    column-count: 2;
}
#snacards .card {
	margin-bottom:2rem;
	box-shadow: 3px 3px 5px #bababa;
	border:0;
	awidth:99%;
}
/* END ARCHIVES - FRONT PAGE ONLY  */



.wp-block-image img {
max-width: 100%;
height: auto;
}


/*
<a href="http://skateandannoy.com/blog/tag/r-i-p/page/3/" class="pagenavlink">Previous</a>
<a href="http://skateandannoy.com/blog/tag/r-i-p/" class="pagenavlink">Next</a>
*/


#fronttruck {
	height:125px;
}

img.fourofour {
	max-width:100%;
}

#footercontainer {
	padding:15px;
	background-color:#ffffff;
	text-align:center;
	font-size:.75rem;
	margin-top:2rem;
	color:gray;
}


/* =========================== Real Content #skatedeck =========================== */
#skatedeck {
	padding-top:15px;
	background-color:#ffffff;
}



.frontonepost {
	background-color: #f4f4f4;
	box-shadow: 3px 3px 5px #bababa;
	margin-bottom:2rem;
	padding-bottom:1rem;
}

.frontonepost p {
	margin-left:1rem;
	margin-right:1rem;
}
body.home .frontonepost img {
	width:100%;
	height:auto;
}

.bubble { position:absolute; }



.bubble:before {
	position:absolute;
	content: attr(data-comments);
	background: url(cssimages/bubble-r.png);
	background-position: -1px -2px;
	background-repeat:none;
	width:47px;
	height:37px;
	top:-28px;
	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 */
}

.post  a {
color: inherit;
border-bottom: 2px;
border-bottom-style: solid;
border-bottom-color: #ebb9b7;
}

a[href$=jpg], a[href$=jpeg], a[href$=png], a[href$=gif] { 
	border-bottom:0;
}

.post a:hover, .customposttype a:hover {
background-color: #ebb9b7;
text-decoration: none;
}


h2.entrytitle {
	position: relative;
	padding:0;
	color: #fff;
	font-weight: bold;
	font-size: 1.4rem;
	line-height: 1.4rem;
}
a.isfront {
	display:block;
	background-color:#000;
	color:#fff;
	border:0;
	padding:10px;
	margin:0;
	height: 100%; 
	width:100%;
}

a.isfront:hover{
	background-color:rgba(204,0,0,1.00);
	transition:all linear .25s;
}


.postmeta {
	font-size: .75rem;
}
.authorcred {
font-weight: bold;
font-size: 15px;
}

.postTags a, .bigpostmeta a, .somecomments a, a[rel="fancybox"], a[rel~="attachment"], .more-link {
text-decoration: none;
color: #7c1008;
border: 0 none;
}

a.more-link {
	display: block;
	margin: 2rem .25rem;
	border: 1px solid rgba(55,55,55,.25);
	color: rgba(55,55,55,.5);
	border-radius: 4px;
	padding: 3px;
	padding-left: 1rem;
	text-align: left;
	font-size: .75rem;
}
a.more-link:hover {
	background-color:rgba(204,0,0,1.00);
	color: #fff;
	border-color:rgba(204,0,0,1.00);
	border:1px solid rgba(204,0,0,1.00);
	font-weight:bold;
	padding-left:2rem;
	transition: all linear .25s;
	box-shadow: 2px 2px 5px #bababa;
	text-decoration:none;
}

/* =========================== Single post =========================== */


 #skatedeck.SNAdaily.skatedecksingle .post img {
	width: 100%;
	height: auto;
}
a.postbookmark {
	border:0;
	transition: all ease-out .25s;
}
a.postbookmark:hover {
	color:#fff;
	background-color:rgba(204,0,0,1.00);
	transition: all linear .25s;
	padding: 0 15px
}


.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;
}


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

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

.archive-thumb {
	padding-right:0;
}


a.archivetitlelink {
	display:block;
	background-color:#000;
	color:#fff;
	border:0;
	padding:10px;
	margin:0;
	height: 100%; 
	width:100%;
}

a.archivetitlelink:hover{
	background-color:rgba(204,0,0,1.00);
	transition:all linear .25s;
}


.archivesfooter {
	position:absolute;
	bottom:0;
	display:block;
	width: calc(100% - 30px);
}

.archivesfooter a.more-link {
	margin:0;
}
.archivesfooter a.more-link:hover {
	background-color:rgba(204,0,0,1.00);
	color: #fff;
	border-color:rgba(204,0,0,1.00);
	border:1px solid rgba(204,0,0,1.00);
}

.col.archive-excerpt p {
	margin-bottom:50px;
}
/* END ARCHIVES */


/* SIDEBAR SIDEBAR SIDEBAR SIDEBAR SIDEBAR SIDEBAR SIDEBAR */


#snamast {
	background-color:rgba(204,0,0,1.00);
	border:solid 15px #fff;
	border-right:0;
	margin-right:-15px;
	margin-bottom: 20px;
	background-image: url(cssimages/skate-and-annoy.png);
	background-size: 290px auto;
	background-position:5% -8%;
	height:145px;
	background-repeat: no-repeat;
}
#snamast:hover {
	background-position:5% 109%;
}

#snamast.narrow {
	background-size: 250px auto;
	background-position:5% -24%;
}
#snamast.narrow:hover {
	background-size: 250px auto;
	background-position:5% 125%;
}




#sidebar-contents {
	color:#333333;
}

.sidepocket {
	padding-left:15px;
	margin-bottom:1.25rem;
}
.sidepocket h3 {
	margin-left:-15px;
	line-height:1.75;
}


#sidebar-contents a:link, #sidebar-contents a:visited {
	color:gray;
	text-decoration:none;
}

#sidebar-contents a:hover {
	color:#fff;
	text-decoration:none;
}

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

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

#sidebar-contents h3 {
	font-size: 1.25rem;
	color:#FFFFFF;
}


#commentscroll {
	height:250px;
	overflow:scroll;
	font-weight:100;
	font-size:.75rem;
}

#sidecomments a:link {
	padding:10px 0;
	border-bottom:1px dotted #ccc;
	display:block;
}
.recentcomments {
	list-style:none;
	padding-left:0;
}
#commentscroll .rcommentAuthor {
	font-weight: bold;
	font-size:.8rem;
	
}

/* ====== 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;
}




#searchstuff form {
	margin-bottom:20px;
}

#searchstuff p {
	margin:0;
	font-size:14px;
	font-weight:300;
	color:gray;
}	


/* =========================== 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.commentlist {
	list-style: none;
	padding-left:0;
}
ol.commentlist > li {
margin-bottom: 2rem;
}

ol.commentlist li:nth-child(odd) {
	background: rgba(205,205,205,.5);
}

ul.children {
	list-style: none;
}
.comment-avatar {
	display: inline-block;
	width: 50px;
	vertical-align: text-top;
	margin: 1px 15px 0 4px;
}
.comment-capsule {
	display: inline-block;	
	width:95%;
	max-width:calc(100% - 75px);
	vertical-align: text-top;
}
.comment-meta {
	font-size:.9rem;
}
.sna-comment-author {
	font-weight:bold;
	font-size:1rem;
}

/* ====== 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;
}

.attachemntcontainer {
	padding-top:15px;
}
.attachemntcontainer h2 {
	text-align:center;
	font-size:1rem;
	margin-bottom:1rem;
}
.attachemntcontainer h1 {
	font-size:2rem;
}

/* ============================== SNAReviews ============================== */
/* ============================== SNAReviews ============================== */

#skatedeck.SNAreviews .archive-excerpt {
	padding-left:0;
}

#skatedeck.SNAreviews .archive-excerpt .postTags {
	font-size:.75rem;	
}
.SNAreviews.SNAreviewsarchive h1 {
	font-size:1.5rem;
	margin-bottom:.9rem;
}
.reviewsfrontfeatured img {
	max-width:100%;
	height:auto;
}
.reviewsfrontfeatured {
	font-size:.75rem;
	margin-top: 2rem;
	margin-bottom: 2rem;
}


/* ========== 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 ===========================  */
/* =========================== GALLERIES ===========================  */

.galleryadcopy, .pressreleasecopy, .magcopy {
	margin:2rem 0;
	padding:1.5rem;
	border: 1px dashed #666;
}
.galleryadcopy p, .galleryadcopy ol, .pressreleasecopy, .pressreleasecopy, .pressreleasecopy ol, .magcopy, .magcopy p, .magcopy ol {
	font-size:smaller;
}
.galleryadcopy::before, .pressreleasecopy::before, .magcopy::before { 
    content: "Ad Copy";
    font-weight: bold;
	padding-bottom:1rem;
	display:block;
}
.pressreleasecopy::before { 
    content: "Press Release";
}
.magcopy::before { 
    content: "Magazine Copy";
}

/* zine attachments - full collumn spread*/
.attachemntcontainer {
	background-color: #ffffff;
}

.zine-spread {
	margin-bottom:2rem;	
}

.widecontainer img {
	max-width:100%;
}

.taxonomy-dropdown-nav {
	padding:1.5rem;
	margin-bottom:2rem;
	border-bottom:1px dashed #cccccc;
}
.taxonomy-dropdown-nav table {
	font-size:.75rem;
}
.customtaxinfos {
	font-size:.8rem;
}

/* BOOTSTRAP DEV HELPER */


.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;}
.bggo {background:orange;}
.bggw, .bgwhite {background:white;}
.colorswatch, .cws {height:50px;}

.nopadding { padding: 0 !important; margin: 0 !important; }
.extrapadding {padding:25px;}
.ex-bottom {padding-bottom:25px;}
.ex-vmargin {margin-top:25px; margin-bottom:25px;}