/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.
*/

/* BEGIN AARON'S CUSTOM CSS */

/* On mobile, keep two portfolio items visible */
.portfolio-feed .portfolio {
  margin: 0 1.6667% 3.3333%;
	width: 46%;
  float: left;
}

/* Keep homepage portfolio items to 3 cols until 60em (not 80em which is the theme default). This change means on desktop we don't end up with massive 2 col portfolio menu items */
@media (min-width: 60em) {
  .portfolio-three-columns .portfolio-feed .portfolio:nth-of-type(3n+1) {
    clear: left;
  }
}
@media (min-width: 60em) {
  .portfolio-three-columns .portfolio-feed .portfolio {
    width: 30%;
  }
}

/* Don't add lines to GitHub Gist rows */
div.gist tr {
	border-bottom: 0;
}

/* Make blog post text snippets on /blog full-width */
.entry-summary {
	width: 100%;
}

.entry-header {
	width: 100%;
}

/* Set a custom style for (dynamically created) blog post text snippet links */
a.article-link:hover { color: rgb(37, 41, 44); }
a.article-link { color: rgb(37, 41, 44); }

/* Don't show any footer */
#footer { display: none; }

/* END AARON'S CUSTOM CSS */
body {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.site-logo {
	width: 40%;
}

.single-post .entry-thumbnail {
	max-height: 350px;
	height: 350px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.single-post .entry-thumbnail img {
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.single-portfolio .entry-content {
	text-align: inherit;
}

.site-footer {
	border-top: 0;
}

.portfolio-media-feature {
	display: none;
}