/*
 Theme Name:   E-Gallery - Animation
 Theme URI:    http://example.com/egallery_anim/
 Description:  The E-Gallery - Animation
 Author:       Ed Sutherland
 Author URI:   http://anim.imaginteractive.com
 Template:     orvis
 Version:      1.0.0
 License:      ©2017 Ed Sutherland, All Rights Reserved
 License URI:  N/A
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  egallery-anim
*/

body{
	background: 
		linear-gradient(to bottom, #343238, transparent 20%) no-repeat,
		/*
		repeating-linear-gradient(110deg, transparent, transparent 5%, rgba(16,16,16,0.1) 5%, rgba(16,16,16,0.1) 10%),
		repeating-linear-gradient(160deg, transparent, transparent 5%, rgba(16,16,16,0.1) 5%, rgba(16,16,16,0.1) 10%),
		repeating-linear-gradient(10deg, transparent, transparent 0.2%, rgba(0,0,0,1) 0.2%, rgba(0,0,0,1) 0.21%),
		repeating-linear-gradient(190deg, transparent, transparent 0.2%, rgba(0,0,0,1) 0.2%, rgba(0,0,0,1) 0.21%),
		*/
		#202020;
	background-color: #202020;
}

header#masthead{
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}

a, a:hover{
	box-shadow: none !important;
	transition: all 0.25s ease;
}

.cat-links a{
	color: #ddd;
}

.page-content a{
	border-bottom: 1px dotted #888;
}

.page-content a:hover{
	border-bottom-color: #ddd;
	color: #ddd;
}

.site-main .posts-navigation::before, .site-main .post-navigation::before, .site-footer::before{
	width: 100%;
	height: 2px;
}

.page-header::after{
	width: 100%;
	height: 2px;
	margin-top: 0;
}

.site-title{
	font-size: 2em;
}

.site-info{
	display: block;
	width: auto;
	text-align: center;
}

.main-navigation, .site-branding{
	margin-top: 30px;
}

.entry-title a:focus, .entry-title a:hover, .portfolio-entry-title a:focus, .portfolio-entry-title a:hover, .site-title a:focus, .site-title a:hover{
	color: #c0c8d0;
}

.comment-metadata a:focus, .comment-metadata a:hover, .entry-footer a:focus, .entry-footer a:hover, .entry-meta a:focus, .entry-meta a:hover, .fn a:focus, .fn a:hover, .jp-relatedposts-post-a:focus, .jp-relatedposts-post-a:hover, .portfolio-entry-meta a:focus, .portfolio-entry-meta a:hover, .site-footer a:focus, .site-footer a:hover{
	color: #eee;
}

.comment-metadata a, .entry-footer a, .entry-meta a, .portfolio-entry-meta a, .site-footer a{
	text-shadow: 0 0 10px #000;
}

.site-description{
	font-size: 15px;
	color: #aaa;
	font-style: italic;
}

@media (max-width: 780px{
	.nav-links{
		flex-wrap: none;
	}
}

.project-thumbnail{
	border: 2000px solid #000;
}