/*
Theme Name: Tiny
Theme URI: https://github.com/krilor/tiny
Author: Kristoffer Lorentsen
Description: Tiny is a lightweight blog theme focused on content.
Version: 2.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tiny
Tags: blog, two-columns, right-sidebar, custom-menu, custom-logo, featured-images, footer-widgets
*/

*{box-sizing:border-box}
html{font-size:16px}
body{margin:0;background:#fff;color:#202020;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.7}
a{color:#11648d;text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
.main-container{max-width:1120px;margin:0 auto;padding:0 28px}
.silo{max-width:760px}
.site-header{padding:34px 0 22px;border-bottom:1px solid #e5e5e5;margin-bottom:44px}
.site-branding{display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-title{font-size:2rem;font-weight:750;color:#1f1f1f;letter-spacing:-.03em}
.main-navigation{margin-top:20px}
.primary-menu{display:flex;gap:24px;list-style:none;padding:0;margin:0}
.nav-toggle{display:none}
.content-container{float:left;width:72%;padding-right:46px}
.main-header{margin-bottom:34px}
.main-meta,.author-info{font-size:.88rem;color:#777}
.main-title{font-size:2.8rem;line-height:1.1;letter-spacing:-.04em;margin:.15em 0 .5em}
.post-title{font-size:2rem;line-height:1.2;margin:.35em 0 .6em}
article{padding-bottom:44px;margin-bottom:44px;border-bottom:1px solid #e8e8e8}
.entry-content p{margin:0 0 1.25em}
.entry-content h2{font-size:1.45rem;margin:1.7em 0 .5em}
.post-thumbnail{margin:24px 0 28px}
.post-thumbnail img{width:100%;display:block}
.post-meta{margin-top:22px;font-size:.9rem;color:#777}
.post-tags{display:flex;gap:10px;list-style:none;padding:0}
.sidebar-container{float:right;width:28%;padding-top:12px}
.sidebar{list-style:none;padding:0;margin:0}
.widget{margin-bottom:34px}
.widgettitle{font-size:1rem;text-transform:uppercase;letter-spacing:.08em}
.posts-navigation,.post-navigation{margin:34px 0}
.main-footer{clear:both;border-top:1px solid #e5e5e5;margin-top:70px;padding:36px 28px}
.footerarea{max-width:1120px;margin:auto;list-style:none;padding:0}
.screen-reader-text{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
.group:after{content:"";display:table;clear:both}
@media(max-width:800px){
 .main-container{padding:0 20px}
 .content-container,.sidebar-container{float:none;width:100%;padding-right:0}
 .sidebar-container{margin-top:35px}
 .main-title{font-size:2.2rem}
 .primary-menu{flex-wrap:wrap;gap:14px}
}