/*
Theme Name: Syntax for Lindsay
Theme URI: http://www.youtube.com/watch?v=qXo3NFqkaRM
Description: Customized for v1.0 of the Syntax theme
Version: 0.1
Author: Mike Garrett
Author URI: http://mikengarrett.com

Template:     syntax-wpcom
Version:      1.0
Text Domain:  syntax-for-lindsay

License: GPL v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url("../syntax-wpcom/style.css");

/* No idea why this isn't included in the base theme */
.genericon {
	text-align: center;
	-moz-transition: color .1s ease-in 0;
	-webkit-transition: color .1s ease-in 0;
	display: inline-block;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	speak: none;
}
.genericon-404:before { content: "\f423"; }
.genericon-activity:before { content: "\f508"; }
.genericon-anchor:before { content: "\f509"; }
.genericon-aside:before { content: "\f101"; }
.genericon-attachment:before { content: "\f416"; }
.genericon-audio:before { content: "\f109"; }
.genericon-bold:before { content: "\f471"; }
.genericon-book:before { content: "\f444"; }
.genericon-bug:before { content: "\f50a"; }
.genericon-cart:before { content: "\f447"; }
.genericon-category:before { content: "\f301"; }
.genericon-chat:before { content: "\f108"; }
.genericon-checkmark:before { content: "\f418"; }
.genericon-close:before { content: "\f405"; }
.genericon-close-alt:before { content: "\f406"; }
.genericon-cloud:before { content: "\f426"; }
.genericon-cloud-download:before { content: "\f440"; }
.genericon-cloud-upload:before { content: "\f441"; }
.genericon-code:before { content: "\f462"; }
.genericon-codepen:before { content: "\f216"; }
.genericon-cog:before { content: "\f445"; }
.genericon-collapse:before { content: "\f432"; }
.genericon-comment:before { content: "\f300"; }
.genericon-day:before { content: "\f305"; }
.genericon-digg:before { content: "\f221"; }
.genericon-document:before { content: "\f443"; }
.genericon-dot:before { content: "\f428"; }
.genericon-downarrow:before { content: "\f502"; }
.genericon-download:before { content: "\f50b"; }
.genericon-draggable:before { content: "\f436"; }
.genericon-dribbble:before { content: "\f201"; }
.genericon-dropbox:before { content: "\f225"; }
.genericon-dropdown:before { content: "\f433"; }
.genericon-dropdown-left:before { content: "\f434"; }
.genericon-edit:before { content: "\f411"; }
.genericon-ellipsis:before { content: "\f476"; }
.genericon-expand:before { content: "\f431"; }
.genericon-external:before { content: "\f442"; }
.genericon-facebook:before { content: "\f203"; }
.genericon-facebook-alt:before { content: "\f204"; }
.genericon-fastforward:before { content: "\f458"; }
.genericon-feed:before { content: "\f413"; }
.genericon-flag:before { content: "\f468"; }
.genericon-flickr:before { content: "\f211"; }
.genericon-foursquare:before { content: "\f226"; }
.genericon-fullscreen:before { content: "\f474"; }
.genericon-gallery:before { content: "\f103"; }
.genericon-github:before { content: "\f200"; }
.genericon-googleplus:before { content: "\f206"; }
.genericon-googleplus-alt:before { content: "\f218"; }
.genericon-handset:before { content: "\f50c"; }
.genericon-heart:before { content: "\f461"; }
.genericon-help:before { content: "\f457"; }
.genericon-hide:before { content: "\f404"; }
.genericon-hierarchy:before { content: "\f505"; }
.genericon-home:before { content: "\f409"; }
.genericon-image:before { content: "\f102"; }
.genericon-info:before { content: "\f455"; }
.genericon-instagram:before { content: "\f215"; }
.genericon-italic:before { content: "\f472"; }
.genericon-key:before { content: "\f427"; }
.genericon-leftarrow:before { content: "\f503"; }
.genericon-link:before { content: "\f107"; }
.genericon-linkedin:before { content: "\f207"; }
.genericon-linkedin-alt:before { content: "\f208"; }
.genericon-location:before { content: "\f417"; }
.genericon-lock:before { content: "\f470"; }
.genericon-mail:before { content: "\f410"; }
.genericon-maximize:before { content: "\f422"; }
.genericon-menu:before { content: "\f419"; }
.genericon-microphone:before { content: "\f50d"; }
.genericon-minimize:before { content: "\f421"; }
.genericon-minus:before { content: "\f50e"; }
.genericon-month:before { content: "\f307"; }
.genericon-move:before { content: "\f50f"; }
.genericon-next:before { content: "\f429"; }
.genericon-notice:before { content: "\f456"; }
.genericon-paintbrush:before { content: "\f506"; }
.genericon-path:before { content: "\f219"; }
.genericon-pause:before { content: "\f448"; }
.genericon-phone:before { content: "\f437"; }
.genericon-picture:before { content: "\f473"; }
.genericon-pinned:before { content: "\f308"; }
.genericon-pinterest:before { content: "\f209"; }
.genericon-pinterest-alt:before { content: "\f210"; }
.genericon-play:before { content: "\f452"; }
.genericon-plugin:before { content: "\f439"; }
.genericon-plus:before { content: "\f510"; }
.genericon-pocket:before { content: "\f224"; }
.genericon-polldaddy:before { content: "\f217"; }
.genericon-portfolio:before { content: "\f460"; }
.genericon-previous:before { content: "\f430"; }
.genericon-print:before { content: "\f469"; }
.genericon-quote:before { content: "\f106"; }
.genericon-rating-empty:before { content: "\f511"; }
.genericon-rating-full:before { content: "\f512"; }
.genericon-rating-half:before { content: "\f513"; }
.genericon-reddit:before { content: "\f222"; }
.genericon-refresh:before { content: "\f420"; }
.genericon-reply:before { content: "\f412"; }
.genericon-reply-alt:before { content: "\f466"; }
.genericon-reply-single:before { content: "\f467"; }
.genericon-rewind:before { content: "\f459"; }
.genericon-rightarrow:before { content: "\f501"; }
.genericon-search:before { content: "\f400"; }
.genericon-send-to-phone:before { content: "\f438"; }
.genericon-send-to-tablet:before { content: "\f454"; }
.genericon-share:before { content: "\f415"; }
.genericon-show:before { content: "\f403"; }
.genericon-shuffle:before { content: "\f514"; }
.genericon-sitemap:before { content: "\f507"; }
.genericon-skip-ahead:before { content: "\f451"; }
.genericon-skip-back:before { content: "\f450"; }
.genericon-skype:before { content: "\f220"; }
.genericon-spam:before { content: "\f424"; }
.genericon-spotify:before { content: "\f515"; }
.genericon-standard:before { content: "\f100"; }
.genericon-star:before { content: "\f408"; }
.genericon-status:before { content: "\f105"; }
.genericon-stop:before { content: "\f449"; }
.genericon-stumbleupon:before { content: "\f223"; }
.genericon-subscribe:before { content: "\f463"; }
.genericon-subscribed:before { content: "\f465"; }
.genericon-summary:before { content: "\f425"; }
.genericon-tablet:before { content: "\f453"; }
.genericon-tag:before { content: "\f302"; }
.genericon-time:before { content: "\f303"; }
.genericon-top:before { content: "\f435"; }
.genericon-trash:before { content: "\f407"; }
.genericon-tumblr:before { content: "\f214"; }
.genericon-twitch:before { content: "\f516"; }
.genericon-twitter:before { content: "\f202"; }
.genericon-unapprove:before { content: "\f446"; }
.genericon-unsubscribe:before { content: "\f464"; }
.genericon-unzoom:before { content: "\f401"; }
.genericon-uparrow:before { content: "\f500"; }
.genericon-user:before { content: "\f304"; }
.genericon-video:before { content: "\f104"; }
.genericon-videocamera:before { content: "\f517"; }
.genericon-vimeo:before { content: "\f212"; }
.genericon-warning:before { content: "\f414"; }
.genericon-website:before { content: "\f475"; }
.genericon-week:before { content: "\f306"; }
.genericon-wordpress:before { content: "\f205"; }
.genericon-xpost:before { content: "\f504"; }
.genericon-youtube:before { content: "\f213"; }
.genericon-zoom:before { content: "\f402"; }


.hentry:after,
.comments-area:after
{
	background-image: url("divider.png");
}
/* Content padding is doubled and obnoxiously large */
/* Content max-width is just a weird number */
.content-area {
	padding: 40px 0 0;
	max-width: 840.00001px;
}
/* Content padding is doubled and obnoxiously large */
.hentry {
	padding: 30px 30px 0;
}
.home #main {
	overflow: hidden;
}
/* Center-aligned titles looks dumb */
.entry-title {
	text-align: left;
}
/* Recenter featured image for new width */
.entry-thumbnail {
	margin-left: -84px;
}
/* New projecct list view on home page */
.project-list {
	margin: 0 0 5em 0;
	list-style: none;
}
.project-list::after {
	clear: both;
	content: "";
	display: table;
}
.project-list li {
	width: 30%;
	margin: 0 0 1.5em 5%;
	float: left;
	padding: 0;
	min-height: 250px;
}
.project-list li a {
	display: block;
	font-size: 14px;
	line-height: 1.4;
	text-align: center;
	font-weight: 400;
	text-decoration: none;
	font-style: italic;
	padding-top: 0.5em;
}
.project-list li:hover img,
.project-list li:active img {
	opacity: 0.8;
}
.project-list li:hover a,
.project-list li:active a {
	color: rgba(68,68,68,0.8);
	text-decoration: underline;
}
/* Custom media queries for project list. Don't use these for anything else. */
@media screen and (min-width: 801px) {
	.project-list li:nth-child(3n+1) {
		margin-left: 0;
		clear: left;
	}
}
@media screen and (min-width: 461px) and (max-width: 800px) {
	.project-list li {
		width: 48%;
		margin: 0 0 1.5em 4%;
	}
	.project-list li:nth-child(2n+1) {
		margin-left: 0;
	}
}
/* Why is there a margin here? */
h4#toggle-nav {
	margin: 0;
}
/* Why is there a margin here? */
.site-main {
	margin: 0;
	float: left;
	width: 80%;
}
/* Original heading styles are dumb */
.entry-title {
	line-height: 1.4;
}
h1,h2,h3,h4,h5,h6 {
  line-height: 1.4;
  margin: 0.5em 0 0.8em;
}
h1 {
  font-size: 2.5em;
}

h2 {
  font-size: 1.8em;
}

h3 {
  font-size: 1.4em;
}

h4 {
  font-size: 1em;
  font-weight: bold;
}

h5 {
  font-size: 0.8em;
  font-style: italic;
  font-weight: bold;
}

h6 {
  font-size: 0.6em;
  text-transform: uppercase;
  font-weight: bold;
}
/* Resume styles */
.resume .resume-meta-contact {
}
.resume .resume-item-meta {
	float: left;
	width: 20%;
	margin-right: 5%;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.4;
}
.resume .resume-item-data {
	float: left;
	width: 75%;
}
.resume .resume-item-data h4 {
	margin: 0 0 0.2em 0;
}
.resume .resume-item-data h5 {
	margin: 0 0 0.4em 0;
}
.resume .resume-section-content {
	clear: both;
	margin: 0 0 2em 0;
}
.resume .resume-skills {
	float: left;
	width: 46%;
	margin: 2%;
}
/* New Navigation */
#masthead {
	float: left;
	width: 20%;
}
#lbg-navigation {
	position: relative;
	padding: 10%;
	font-size: 0.75em;
	line-height: 1.2;
	max-width: 240px;
	z-index: 1000;
	background: #FFF;
}
#site-logo {
	display: block;
}
#site-logo img {
	max-width: 100%;
	height: auto;
}
#lbg-navigation .menu {
	margin: 2em 0 2em 0;
	list-style: none;
}
#lbg-navigation .menu .sub-menu {
	margin: 1em 0 1em 2em;
	list-style: none;
}
#lbg-navigation li {
	margin: 0 0 0.8em 0;
	line-height: 1.2;
}
.mobile-nav-button {
	display: none;
}
.mobile-nav-box {
	position: relative;
	display: none;
}
#lbg-navigation .menu-main-menu-container a:hover,
#lbg-navigation .menu-main-menu-container a:active {
	color: #027F5E;
}
#lbg-navigation .menu-main-menu-container .current_page_item > a,
#lbg-navigation .menu-main-menu-container .current-menu-item > a {
	color: #027F5E;
	font-weight: 500;
}
#lbg-navigation .menu-main-menu-container .current_page_item > a:after,
#lbg-navigation .menu-main-menu-container .current-menu-item > a:after {
	content: "\00BB";
	position: relative;
	padding-left: 0.5em;
	color: #027F5E;
	font-weight: 500;
	font-size: 0.8em;
	bottom: 0.3ex;
}
.social-icons {
	list-style: none;
	overflow: auto;
}
#masthead .social-icons {
	margin: 0 10%;
	border-top: 1px solid #EEE;
	padding-top: 1em;
	max-width: 240px;
	width: auto;
}
footer .social-icons {
	display: none;
	width: 130px;
	margin: 0 auto;
}
.social-icons li {
	float: left;
}
#masthead .social-icons li {
	margin: 6%;
}
footer .social-icons li {
	margin: 10px;
}
footer .social-icons li a:hover {
	color: #000;
}
.social-icons li .genericon-twitter:before {
	top: 2px;
	position: relative;
}
.social-icons li .genericon-linkedin:before {
	top: -5px;
	position: relative;
	font-size: 32px;
}
footer .social-icons li .genericon-linkedin:before {
	font-size: 30px;
}
.navigation-post {
	line-height: 1.5;
}
/* Custom media query for odd placement of images at inconvenient screen widths */
@media screen and (min-width: 1025px) and (max-width: 1260px) {
	img.alignleft, .wp-caption.alignleft {
		margin-left: 0;
	}
	img.alignright, .wp-caption.alignright {
		margin-right: 0;
	}
}


@media screen and (max-width: 1024px) {
	#masthead .social-icons {
		display: none;
	}
	footer .social-icons {
		display: block;
	}
	.entry-thumbnail {
	  margin-left: auto;
	}
	#masthead {
		width: 100%;
		float: none;
	}
	.site-main {
		width: 100%;
		float: none;
	}
	#lbg-navigation {
		width: 300px;
		max-width: 300px;
		margin: 20px auto 0;
		text-align: center;
		font-size: 1em;
		padding: 0;
	}
	#site-logo {
		width: 170px;
		height: auto;
		margin: 0 auto;
	}
	.mobile-nav-box {
		display: block;
		width: 170px;
		margin: 0 auto;
	}
	.mobile-nav-box .left-dash {
		left: 0;
		position: absolute;
		top: 1.5em;
	}
	.mobile-nav-box .right-dash {
		right: 0;
		position: absolute;
		top: 1.5em;
	}
	.mobile-nav-button {
		display: inline-block;
		text-align: center;
		padding: 1.5em 0.8em;
		text-transform: uppercase;
		font-family: sans-serif;
	}
	.menu-main-menu-container {
		display: none;
	}
	.menu-main-menu-container.active {
		display: block;
	}
	#lbg-navigation .menu .sub-menu {
 		display: none;
/*
		margin-left: 0;
		border-bottom: 1px solid #333;
		border-top: 1px solid #333;
		background: #EEE;
		padding: 0.8em 0 0;
*/
	}
/*
	#lbg-navigation .menu-item-has-children:hover > ul {
		display: block;
	}
	.menu-item-has-children > a::after {
		content: "\25BE";
		color: rgba(0, 0, 0, 0.4);
		font-size: 12px;
		padding-left: 15px;
	}
*/
	#comments, .navigation-post, aside {
		padding: 0 20px;
	}
}
@media screen and (max-width: 800px) {
	img.alignleft, .wp-caption.alignleft,
	img.alignright, .wp-caption.alignright {
		float: none;
		clear: both;
		margin: 1em auto;
		display: block;
	}
	embed, iframe, object {
		height: auto;
	}
	.home #content {
		padding: 0 20px;
	}

}
@media screen and (max-width: 460px) {
	.project-list li {
		width: 100%;
		margin: 0 0 1.5em 0;
		min-height: 0;
	}
	.resume .resume-skills {
		clear: both;
		float: none;
		width: 100%;
	}
	blockquote {
		margin-left: 0;
	}
}