/*
Theme Name:   drennen
Template:     tracks
Description:  Custom child theme for Tracks theme by Ben Sibley
Author:       Andrew Drennen
Version:      1.0
*/

body
	{
		background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuZGV2L3N2Z2pzIiB2aWV3Qm94PSIwIDAgNzAwIDcwMCIgd2lkdGg9IjcwMCIgaGVpZ2h0PSI3MDAiIG9wYWNpdHk9IjEiPjxkZWZzPjxmaWx0ZXIgaWQ9Im5ubm9pc2UtZmlsdGVyIiB4PSItMjAlIiB5PSItMjAlIiB3aWR0aD0iMTQwJSIgaGVpZ2h0PSIxNDAlIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHByaW1pdGl2ZVVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJsaW5lYXJSR0IiPgoJPGZlVHVyYnVsZW5jZSB0eXBlPSJmcmFjdGFsTm9pc2UiIGJhc2VGcmVxdWVuY3k9IjAuMTA5IiBudW1PY3RhdmVzPSI0IiBzZWVkPSIxNSIgc3RpdGNoVGlsZXM9InN0aXRjaCIgeD0iMCUiIHk9IjAlIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiByZXN1bHQ9InR1cmJ1bGVuY2UiPjwvZmVUdXJidWxlbmNlPgoJPGZlU3BlY3VsYXJMaWdodGluZyBzdXJmYWNlU2NhbGU9IjE0IiBzcGVjdWxhckNvbnN0YW50PSIwLjgiIHNwZWN1bGFyRXhwb25lbnQ9IjIwIiBsaWdodGluZy1jb2xvcj0iIzIwMjAyMCIgeD0iMCUiIHk9IjAlIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBpbj0idHVyYnVsZW5jZSIgcmVzdWx0PSJzcGVjdWxhckxpZ2h0aW5nIj4KICAgIAkJPGZlRGlzdGFudExpZ2h0IGF6aW11dGg9IjMiIGVsZXZhdGlvbj0iMzUiPjwvZmVEaXN0YW50TGlnaHQ+CiAgCTwvZmVTcGVjdWxhckxpZ2h0aW5nPgogIDxmZUNvbG9yTWF0cml4IHR5cGU9InNhdHVyYXRlIiB2YWx1ZXM9IjAiIHg9IjAlIiB5PSIwJSIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgaW49InNwZWN1bGFyTGlnaHRpbmciIHJlc3VsdD0iY29sb3JtYXRyaXgiPjwvZmVDb2xvck1hdHJpeD4KPC9maWx0ZXI+PC9kZWZzPjxyZWN0IHdpZHRoPSI3MDAiIGhlaWdodD0iNzAwIiBmaWxsPSIjMjIyMjIyIj48L3JlY3Q+PHJlY3Qgd2lkdGg9IjcwMCIgaGVpZ2h0PSI3MDAiIGZpbGw9IiMyMDIwMjAiIGZpbHRlcj0idXJsKCNubm5vaXNlLWZpbHRlcikiPjwvcmVjdD48L3N2Zz4=");
		/* background-size: cover; */
		background-repeat: repeat;              /* Tile the image */
		background-size: auto;                  /* Use the original size */
		background-attachment: fixed;           /* Make it stay put while scrolling */
		font-family: "Roboto Slab", sans-serif;
	}

.featured-image
	{
		filter:grayscale(0%) blur(10px);
		transition: transform 0.3s ease, filter 0.3s ease;
	}
	
.featured-image:hover
	{
		filter: grayscale(0%) blur(0px);
	}
	
.zoom .featured-image-link:hover .featured-image, .zoom .featured-image-link:active .featured-image, .zoom .featured-image-link:focus .featured-image
	{
		-webkit-transform: scale(1.15);
			transform: scale(1.15);
		-moz-transform: scale(1.15) rotate(0.02deg);
	}
	
body.single .loop-container .post .featured-image, body.single .loop-container .post .featured-image:hover
	{
		filter: none !important;
		opacity: 1 !important;
		transition: none !important;
		-webkit-transition: none !important;
	}

.excerpt-meta, .entry-meta
	{
		color: #7a7a7a;
	}
	
.post
	{
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
		background-image: url('assets/images/c442a4e3.png') !important;
	}
	
body.page * .main
	{
		background-color: rgba(31, 31, 31, 0.3);
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
		backdrop-filter: blur(2px);
		-webkit-backdrop-filter: blur(8px);
		/* border-radius: 12px; */
	}
	
/*body.single * .main */ .main
	{
		background: none !important;
		/*background-color: rgba(31, 31, 31, 0.3);
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
		backdrop-filter: blur(2px);
		-webkit-backdrop-filter: blur(8px);*/
		/* border-radius: 12px; */
	}
	
#title-info { text-align: center; width: 100%; }
#title-info svg { display: inline-block; filter: invert(1); }

#menu-primary-items
	{
		position: relative;
		top: 1em;
	}

.entry-meta, .entry-meta span
	{
		font-family: "PT Sans", Serif;
		font-style: normal;
		text-transform: none !important;
		/* font-weight: 400; */
		font-size: 1em !important;
	}

.container #title-info #site-title { display: normal; }

.featured-image
	{
		padding-bottom: 50%;
		background-position: 0 50%;
	}

div.entry-content article blockquote
	{
		background-color: rgba(0, 0, 0, .05);
		padding: .5em;
		border-radius: 0 15px 15px 0;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	}
	
div.entry-content article blockquote p
	{
		padding-left: 25%;
		padding-right: 25%;
		text-align: left;
	}
	
div.entry-content article blockquote + p
	{
		font-style: italic;
	}

/*
	" blockquote ish
*/

/*article
	{
		text-indent: 2.5em;	
	}


blockquote:before
	{
		content: '\201C';
		font-family: "PT Sans", Serif;
		font-size: 25em;
		color: rgba(0,0,0,0.15);
		line-height: 0.1em;
		margin-right: 0.25em;
		vertical-align: -0.4em;
		z-index: -300;
		margin: 0;
		padding: 0;
		line-height: 1em;
	}

blockquote p
	{
		position: relative;
		top: -25em;
		text-align: center;
	}
*/


.excerpt-content article p { text-indent: 0; }
.entry-content article p { text-align: center; }
.sp-body p { text-align: left; }
div.entry-header h1.entry-title
	{
		text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
		font-size: 2em;
		line-height: 1.1em;
	}
.excerpt-header:after, .entry-header:after
	{
		content: "";
		position: absolute;
		background: #4d4d4d;
		width: 20em;
		height: 0.375em;
		left: 0;
		right: 0;
		margin: 0 auto;
		bottom: -1.5em;
		box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
	}
article div.sp-wrap div.sp-body p { margin: 0; }

@media screen and (min-width: 1280px)
	{
		.addtoany_content
			{
				position: relative;
				top: 5em;
				right: 0em !important;
			}
			
			
		
	}
	
@media only screen and (max-width: 600px) and (orientation: portrait)
	{
		.site-header
			{
				position: relative;
				z-index: 2;
				border: 0;
				background-image: url('assets/images/headerbg.png') !important;
				min-height: 20em;
				background-size: cover;
				background-position: right;					
				z-index: 2;
				
				box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.9);
				
				/* Add space below the header */
				margin-bottom: 2em;
			}
	}


	/* 800px */
@media all and (min-width: 50em)
	{
		.site-header
			{
				position: relative;
				z-index: 2;
				border: 0;
				background-image: url('assets/images/headerbg.png') !important;
				min-height: 20em;
				background-size: cover;
				background-position: right;					
				z-index: 2;
				
				box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.9);
				
				/* Add space below the header */
				margin-bottom: 2em;
			}
			
		/* FAILED ATTEMPT TO ADD BORDER BAR UNDER HEADER*/
		/*.site-header::after
			{
				content: "";
				position: absolute;
				left: 0;
				bottom: 0;
				width: 100%;
				height: 20px;
				background: linear-gradient(to bottom, #333, #111); /* or just #222 *//*
				z-index: 3;  /* Ensure it's above background *//*
			}*/
	
		#logovector { width: 10vw; height: 10vh; }
	
		#logovectortop
		{
			width: 20%;
			margin: 0 auto;
			display: block;
		}
		
	}
	
	/* 600 */
@media all and (min-width: 37.5em)
	{
		
		.excerpt-container, .return-top, .entry-content { background-image: url('assets/images/c442a4e3.png'); /* Adding textured background image over light colored background */ }
		
	}
	
	
#logovector { width: 15%; }

#logovectortop
	{
		/* width: 15%; */
		width: 318px; height: 238px;
		margin: 0 auto;
		display: inline-block;
		cursor: pointer;
		filter: invert(1);
	}
	
.wp-caption-text, .excerpt-meta, .entry-meta, .more-link, .pagination, .further-reading span,
.further-reading a,
.entry-categories span,
.entry-categories a,
.entry-tags span,
.entry-tags a, .author-meta .author span, .comments-number h2, .comment-author div, .design-credit, .singular-attachment .attachment-caption, .widget li, .menu-footer-items a, .menu-secondary-items a
	{
		font-size: 0.813em;
		line-height: 1.85;
	}
	
.design-credit { margin-top: 0 !important; font-weight: normal; } /* Removing large empty space in footer */