/*
Theme Name: Yukei 2016
Theme URI: https://yukei.net
Author: Felipe Lavín + the WordPress team
Author URI: https://yukei.net/
Description: A customized Twenty Sixteen theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: twentysixteen
Template: twentysixteen
*/

body,
button,
input,
select,
textarea,
.post-navigation{
	font-family: Karla, 'Helvetica Neue', Helvetica, sans-serif;
}
.entry-title,
.entry-footer,
.site-title,
.main-navigation,
.pagination,
.widget .widget-title,
.post-navigation .post-title,
.entry-content .contact-form label,
button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.archive-post,
.archive-year{
	font-family: 'Libre Franklin', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
}
.site-title,
.entry-title,
.post-navigation .post-title,
.hentry div.sharedaddy h3.sd-title, .hentry h3.sd-title,
.widget .widget-title,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
button{
	font-weight: 800;
}
.entry-content h4,
.entry-content h5,
.entry-content h6{
	font-weight: 400;
}
code{
	background: rgba(222, 76, 66, 0.1);
	color: rgba(222, 76, 66, 1.0);
}
.menu-toggle:after{
	content: "\f419";
	font-size: 16px;
	vertical-align: top;
	text-align: center;
	-moz-transition: color .1s ease-in 0;
	-webkit-transition: color .1s ease-in 0;
	display: inline-block;
	font-family: "Genericons";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	text-decoration: inherit;
	text-transform: none;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	speak: none;
	margin-left: 1rem;
	border-radius: 0;
}
.entry-footer .byline,
.entry-footer .entry-format,
.entry-footer .comments-link,
.entry-footer .tags-links,
.format-link .post-thumbnail{
	display: none !important;
}
.site-intro .entry-content{
	font-size: 18px;
	line-height: 2rem;
	max-width: 45rem;
	margin-bottom: 3rem;
}

/**
 * Archive page
 */
.posts-archive{
	margin-right: 1.25em;
	opacity: 1;
	transition: all .25s;
}
.posts-archive--loading{
	opacity: 0.5;
}
.archive-post{
	display: block;
	list-style: none;
	border-top: 1px solid #d1d1d1;
	padding: 1rem 0;
}
.archive-post a:hover .archive-post__title,
.archive-year a:hover .archive-year__name{
	color: #007acc;
}
.archive-post:first-child{
	border-top: none;
}
.archive-post__title,
.archive-year__name{
	font-weight: 800;
	color: #1a1a1a;
	line-height: 1.25rem;
}
.archive-post__date,
.archive-year__count{
	font-weight: normal;
	color: #686868;
	font-size: .8rem;
	line-height: 1.25rem;
	display: block;
}
.archive-years__container{
	display: none;
}
.archive-years__select{
	display: block;
	margin: 1.5rem 0 1.5rem 1.25em;
	padding: .35em;
	width: 85%;
}
.archive-year{
	list-style: none;
}
.archive-year{
	padding: .5rem;
	margin: 1rem 0;
	line-height: 2rem;
}
.archive-year:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	border-top: 1.5rem solid transparent;
	border-bottom: 1.5rem solid transparent;
	border-right: .75rem solid #1a1a1a;
}
.archive-year a{
	display: block;
	outline: none;
}
.archive-year--active{
	background: #1a1a1a;
	color: #fff;
	position: relative;
	border-bottom-right-radius: .15rem;
	border-top-right-radius: .15rem;
}
.archive-year--active .archive-year__name{
	color: #fff;
}
.archive-year__count{
	display: inline-block;
	float: right;
	line-height: 2rem;
}
.archive-year--active:before{
	left: -.75rem;
	opacity: 1;
}
@media screen and ( min-width: 44.375em ){
	.archive-post__title{
		float: left;
		width: 80%;
	}
	.archive-post__date{
		float: right;
		width: 20%;
		text-align: right;
	}
	.site-intro .entry-content{
		font-size: 24px;
		margin-left: 7.6923%;
		margin-bottom: 5.25rem;
	}
	div.site div.site-content .content-area article .entry-content{
		float: none;
		margin-right: 0;
		margin-left: 0;
	}
	body.no-sidebar div.site-content .content-area article .entry-content{
		margin-left: 7.6923% !important;
	}
}
@media screen and (min-width: 48.9375em) {
	.site-intro .entry-content{
		margin-left: 15%;
	}
	div.site div.site-content .content-area article .entry-content{
		float: none;
		margin-left: 7.6923% !important;
	}
	body.no-sidebar div.site div.site-content .content-area article .entry-content{
		margin-left: 7.6923% !important;
	}
}
@media screen and (min-width: 56.875em) {
	.archive-years__container{
		display: block;
	}
	.archive-years__select{
		display: none;
	}
	body.no-sidebar div.site div.site-content .content-area article .entry-content{
		margin-left: 15% !important;
	}
	div.site div.site-content .content-area article .entry-content{
		margin-left: 0 !important;
	}
}
div.site-content .content-area article .entry-content,
#disqus_thread{
	margin-left: 7.6923% !important;
	margin-right: 7.6923% !important;
}
.site .site-content .content-area article .entry-footer{
	margin-top: 1rem;
	width: auto !important;
}
.format-aside .entry-title,
.format-quote .entry-title{
	font-size: 1rem;
	text-transform: uppercase;
}
.format-quote .entry-title a{
	font-weight: 400;
	color: #AEAEAE;
}
.entry-footer > span:not(:last-child):after{
	content: "\002f";
	display: inline-block !important;
	opacity: 0.7;
	padding: 0 0.538461538em;
}
.site .site-content .content-area article .entry-footer > span{
	display: inline-block;
}
.syntaxhighlighter{
	padding: 1rem;
}
.clean-my-archives li{
	list-style: none;
}
.clean-my-archives .day{
	font-weight: bold;
}
.clean-my-archives .comments-number{
	color: #ccc;
}