/* 
 Theme Name:   Sketch Pixel
 Theme URI:    
 Description:  A slightly modified Sketch
 Author:       Tobia
 Author URI:   http://www.burningpixelproductions.net
 Template:     sketch
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

 /* == Add your own styles below this line ==
--------------------------------------------*/

/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/

body {
	color: #999;
	background-color: #400500;
	background-image: linear-gradient(45deg,black 25%,transparent 25%,transparent 75%,black 75%,black), linear-gradient(45deg,black 25%,transparent 25%,transparent 75%,black 75%,black);
	background-size: 16px 16px;
	background-position: 0 0, 8px 8px;
}

.site {
	background: rgba(0,0,0,.5);
}

.site-header {
	padding: 0;
	margin: 0;
	border-bottom: none;
}

@media screen and ( min-width: 1280px ) {

	.has-site-logo .main-navigation .menu {
	position: relative;
	top: 30%;
	-moz-transform: translateY(-30%);
	-webkit-transform: translateY(-30%);
	transform: translateY(-30%);
}

.has-site-logo .main-navigation.toggled {
	position: relative;
	top: 30%;
	-moz-transform: translateY(70%);
	-webkit-transform: translateY(70%);
	transform: translateY(70%);
}

}

.menu-toggle {
	background: rgba(51, 51, 51, 0.7);
	border-radius:0;
  border: 0;
	padding: 12px 15px;
	color: white;
}

div.sharedaddy h3.sd-title:before {
	border: 0;
}

.main-navigation {
	font-size: 1em;
	line-height: 2em;
}

.site-footer {
	font-weight: bold;
	border-top: 1px solid #999;
}

.page-template-portfolio-page-php .jetpack-portfolio img,
.project-navigation-wrapper .jetpack-portfolio img,
.page-template-portfolio-template-php .jetpack-portfolio img,
.jetpack-portfolio-shortcode .portfolio-featured-image img,
body[class*="jetpack-portfolio"].archive .jetpack-portfolio img {
	border-radius: 0;
	display: block;
	margin: 0 auto;
}

.flexslider {
	border-radius: 0;
}

.flex-direction-nav a {
	border-radius: 0;
}

.page-template-portfolio-page-php .entry-thumbnail,
.project-navigation-wrapper .entry-thumbnail,
.page-template-portfolio-template-php .entry-thumbnail,
body[class*="jetpack-portfolio"].archive .entry-thumbnail {
	border-radius: 0;
	display: block;
	width: 100%;
}

.page-template-portfolio-page-php .entry-thumbnail.no-thumbnail,
.project-navigation-wrapper .entry-thumbnail.no-thumbnail,
.page-template-portfolio-template-php .entry-thumbnail.no-thumbnail,
body[class*="jetpack-portfolio"].archive .entry-thumbnail.no-thumbnail {
	background: #000;
}

.project-navigation {
	display: none;
}

.page-template-portfolio-page-php .flexslider .entry-thumbnail {
	border-radius: 0;
	background: none;
}

.flexslider .entry-header {
	border-bottom-left-radius: 0;
}

.gallery-item img {
	border: 0;
	border-radius: 0;
	padding: 3px;
}

.hentry {
	border: 0;
}

.jp-relatedposts-post-date {
	display: none;
}

.wc-image-links .gallery-caption, 
.wc-gallery-captions-onpopup .gallery-caption, 
.wc-gallery-captions-showon .gallery-caption, 
.wc-gallery-captions-onhover .gallery-caption {
	background: rgba(51,51,51,.7);
	color: white;
	right: 50%;
	font-weight: 500;
}

.gallery-item img {
	padding: 0;
}

.page-template-portfolio-page-php .page-content {
	display:none;
}

.page-template-portfolio-page-php .page-header {
	display:none;
}

.page-template-portfolio-page-php .projects .entry-header {
	display:none;
}

body[class*="jetpack-portfolio"].archive .entry-header {
	display:none;
}

body[class*="jetpack-portfolio"].archive .page-title {
	font-size: 1.75em;
	line-height: 1em;
	border:none;
}

.site-main .paging-navigation {
	border:none;
}

.page-template-portfolio-page-php.paged .site-header {
	border:none;
}

.site-main .paging-navigation {
  color:#999;
  font-size: 1em;
  line-height: 2em;
  border:none;
  font-weight: normal;
}

.site-main .paging-navigation a {
  color:#999;
  font-size: 1em;
  line-height: 2em;
  border:none;
}

.site-main .paging-navigation a:hover, 
.site-main .paging-navigation a:focus, 
.site-main .paging-navigation a:active {
  color: #f68060;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.flexslider .entry-meta {
	display:none;
}

.site-info {
  visibility:hidden;
	position:relative;
	display: block;
	float: left;
  color: #999;
  line-height: 1.7;
  text-align: left;
	width:65%;
}
.site-info::after {
	  padding-top:3px;
	  visibility:visible;
    content: "Copyright \00a9  2017 Burning Pixel Productions";
    position:absolute;
	  top:0px;
	  left:0px;
}

.social-links ul a::before {
   background:rgba(51, 51, 51, 0.7);
	border-radius:0px;
	color:#fff;
}
.social-links ul a:hover:before {
  background:rgba(51, 51, 51, 0.7);
	color:#f68060;
}
.social-links ul li::before {
	content: 'Follow Tobia on ';
	vertical-align:top;
	margin-top:-20%;
	}
.contact-form input, .contact-form input:focus, .contact-form textarea, .contact-form textarea:focus {
	background:rgba(51, 51, 51, 0.7);
	border-radius:0;
	border:0;
  color:#FFFFFF;
	font-family: Lato, Helvetica, Arial, sans-serif;
	resize:none;
}
::selection{
  background: #f68060;
	color:#FFFFFF;
}

.main-navigation a {
	border-bottom:1px solid #999999;
}

blockquote {
	border-left:3px solid #999999;
}