From 6e3399366dfa85d3a07c6072edeace83269c2615 Mon Sep 17 00:00:00 2001 From: John O'Nolan Date: Thu, 12 Apr 2018 10:05:40 +0200 Subject: [PATCH] Small refactor of multi-authors --- assets/built/screen.css | 2 +- assets/built/screen.css.map | 2 +- assets/css/screen.css | 171 ++++++++++++----------------------- partials/byline-multiple.hbs | 28 +----- partials/post-card.hbs | 4 +- 5 files changed, 65 insertions(+), 142 deletions(-) diff --git a/assets/built/screen.css b/assets/built/screen.css index 18317d2..1142a9e 100644 --- a/assets/built/screen.css +++ b/assets/built/screen.css @@ -1,2 +1,2 @@ -a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}img{max-width:100%}html{box-sizing:border-box;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:inherit}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}dfn,em,i{font-style:italic}h1{margin:.67em 0;font-size:2em}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}mark{background-color:#fdffb6}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;color:inherit;font:inherit}button{overflow:visible;border:none}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input:focus{outline:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{padding:0;border:0}textarea{overflow:auto}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}html{overflow-y:scroll;font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{overflow-x:hidden}body{color:#3c484e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.5rem;line-height:1.6em;font-weight:400;font-style:normal;letter-spacing:0;text-rendering:optimizeLegibility;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on}::-moz-selection{text-shadow:none;background:#cbeafb}::selection{text-shadow:none;background:#cbeafb}hr{position:relative;display:block;width:100%;margin:2.5em 0 3.5em;padding:0;height:1px;border:0;border-top:1px solid #e3e9ed}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{margin:0;padding:0;border:0}textarea{resize:vertical}blockquote,dl,ol,p,ul{margin:0 0 1.5em}ol,ul{padding-left:1.3em;padding-right:1.5em}ol ol,ol ul,ul ol,ul ul{margin:.5em 0 1em}ul{list-style:disc}ol{list-style:decimal}ol,ul{max-width:100%}li{margin:.5em 0;padding-left:.3em;line-height:1.6em}dt{float:left;margin:0 20px 0 0;width:120px;color:#15171a;font-weight:500;text-align:right}dd{margin:0 0 5px;text-align:left}blockquote{margin:1.5em 0;padding:0 1.6em;border-left:.5em solid #e5eff5}blockquote p{margin:.8em 0;font-size:1.2em;font-weight:300}blockquote small{display:inline-block;margin:.8em 0 .8em 1.5em;font-size:.9em;opacity:.8}blockquote small:before{content:"\2014 \00A0"}blockquote cite{font-weight:700}blockquote cite a{font-weight:400}a{color:#26a8ed;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin-top:0;line-height:1.15;font-weight:700;text-rendering:optimizeLegibility}h1{margin:0 0 .5em;font-size:5rem;font-weight:700}@media (max-width:500px){h1{font-size:2.2rem}}h2{margin:1.5em 0 .5em;font-size:2rem}@media (max-width:500px){h2{font-size:1.8rem}}h3{margin:1.5em 0 .5em;font-size:1.8rem;font-weight:500}@media (max-width:500px){h3{font-size:1.7rem}}h4{margin:1.5em 0 .5em;font-size:1.6rem;font-weight:500}h5,h6{margin:1.5em 0 .5em;font-size:1.4rem;font-weight:500}body{background:#f4f8fb}.img{display:block;width:100%;height:100%;background-position:50%;background-size:cover;border-radius:100%}.hidden{visibility:hidden;position:absolute;text-indent:-9999px}.site-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:100vh}.site-main{z-index:100;-ms-flex-positive:1;flex-grow:1}.outer{position:relative;padding:0 4vw}.inner{margin:0 auto;max-width:1040px;width:100%}@media (min-width:900px){.author-template .post-feed,.home-template .post-feed,.tag-template .post-feed{margin-top:-70px;padding-top:0}.home-template .site-nav{position:relative;top:-70px}}.site-header{position:relative;padding-top:12px;padding-bottom:12px;color:#fff;background:#090a0b no-repeat 50%;background-size:cover}.site-header:before{bottom:0;background:rgba(0,0,0,.18)}.site-header:after,.site-header:before{content:"";position:absolute;top:0;right:0;left:0;z-index:10;display:block}.site-header:after{bottom:auto;height:80px;background:linear-gradient(rgba(0,0,0,.1),transparent)}.site-header.no-cover:after,.site-header.no-cover:before{display:none}.site-header-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:10vw 4vw;min-height:200px;max-height:450px;text-align:center}.site-title{z-index:10;margin:0;padding:0;font-size:3.8rem;font-weight:700}.site-logo{max-height:45px}.site-description{z-index:10;margin:0;padding:5px 0;font-size:2.2rem;font-weight:300;letter-spacing:.5px;opacity:.8}@media (max-width:500px){.site-title{font-size:3rem}.site-description{font-size:1.8rem}}.site-nav{position:relative;z-index:300;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start;height:40px;font-size:1.2rem}.site-nav,.site-nav-left{display:-ms-flexbox;display:flex;overflow-y:hidden}.site-nav-left{-ms-flex-align:center;align-items:center;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-right:10px;padding-bottom:80px;letter-spacing:.4px;white-space:nowrap;-ms-overflow-scrolling:touch}.site-nav-logo{-ms-flex-negative:0;flex-shrink:0;display:block;margin-right:24px;padding:11px 0;color:#fff;font-size:1.7rem;line-height:1em;font-weight:700;letter-spacing:-.5px}.site-nav-logo:hover{text-decoration:none}.site-nav-logo img{display:block;width:auto;height:21px}.nav{display:-ms-flexbox;display:flex;margin:0 0 0 -12px;padding:0;list-style:none}.nav li{padding:0;text-transform:uppercase}.nav li,.nav li a{display:block;margin:0}.nav li a{padding:10px 12px;color:#fff;opacity:.8}.nav li a:hover{text-decoration:none;opacity:1}.site-nav-right{height:40px}.site-nav-right,.social-links{-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.social-links a:last-of-type{padding-right:20px}.social-link{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:0;padding:10px;color:#fff;opacity:.8}.social-link:hover{opacity:1}.social-link svg{height:1.8rem;fill:#fff}.social-link-fb svg{height:1.5rem}.social-link-wb svg{height:1.6rem}.social-link-wb svg path{stroke:#fff}.social-link-rss svg{height:1.9rem}.subscribe-button{display:block;padding:4px 10px;border:1px solid #fff;color:#fff;font-size:1.2rem;line-height:1em;border-radius:10px;opacity:.8}.subscribe-button:hover{text-decoration:none;opacity:1}.rss-button{opacity:.8}.rss-button:hover{opacity:1}.rss-button svg{margin-bottom:1px;height:2.1rem;fill:#fff}@media (max-width:700px){.site-header{padding-right:0;padding-left:0}.site-nav-left{margin-right:0;padding-left:4vw}.site-nav-right{display:none}}.post-feed{position:relative;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -20px;padding:40px 0 0}.post-card,.post-feed{display:-ms-flexbox;display:flex}.post-card{-ms-flex:1 1 300px;flex:1 1 300px;-ms-flex-direction:column;flex-direction:column;overflow:hidden;margin:0 20px 40px;min-height:300px;background:#fff 50%;background-size:cover;border-radius:5px;box-shadow:8px 14px 38px rgba(39,44,49,.06),1px 3px 8px rgba(39,44,49,.03);transition:all .5s ease}.post-card:hover{box-shadow:8px 28px 50px rgba(39,44,49,.07),1px 6px 12px rgba(39,44,49,.04);transition:all .4s ease;transform:translate3D(0,-1px,0) scale(1.02)}.post-card-image-link{position:relative;display:block;overflow:hidden;border-radius:5px 5px 0 0}.post-card-image{width:auto;height:200px;background:#c5d2d9 no-repeat 50%;background-size:cover}.post-card-content-link{position:relative;-ms-flex-positive:1;flex-grow:1;display:block;padding:25px 25px 0;color:#15171a}.post-card-content-link:hover{text-decoration:none}.post-card-tags{display:block;margin-bottom:4px;color:#738a94;font-size:1.2rem;line-height:1.15em;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.post-card-title{margin-top:0}.post-card-content{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}.post-card-excerpt{font-family:Georgia,serif}.post-card-meta{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:0 25px 25px}.avatar-wrapper,.profile-image-wrapper{position:absolute;display:inline-block;width:28px}.avatar-wrapper{display:inline-block;box-sizing:content-box;margin-right:3px;border:2px solid #fff;text-align:center;background-color:#e3e9ed;border-radius:100%}.author-profile-image,.avatar-wrapper svg{width:28px;height:28px}.author-profile-image{box-sizing:content-box;margin-right:5px;border:2px solid #fff;border-radius:100%;object-fit:cover}.post-card-meta .avatar-wrapper,.post-card-meta .profile-image-wrapper{position:relative}.author-list{display:-ms-flexbox;display:flex;margin-bottom:0;padding:0;max-width:calc(100% - 120px);list-style-type:none}.author-list-item{position:relative;margin:0;padding:0;width:25px}.moving-avatar{transition:all .5s cubic-bezier(.4,.01,.165,.99);transform:translate(0)}.moving-avatar.right{transform:translateX(10px)}.moving-avatar.left{transform:translateX(-10px)}.author-list-item:first-child{z-index:9}.author-list-item:nth-child(2){z-index:8}.author-list-item:nth-child(3){z-index:7}.author-list-item:nth-child(4){z-index:6}.author-list-item:nth-child(5){z-index:5}.author-list-item:nth-child(6){z-index:4}.author-list-item:nth-child(7){z-index:3}.author-list-item:nth-child(8){z-index:2}.author-list-item:nth-child(9){z-index:1}.z-999{z-index:999}.author-name-tooltip{position:absolute;bottom:36px;z-index:999;display:block;padding:2px 8px;color:#fff;font-size:1.2rem;letter-spacing:.2px;white-space:nowrap;background:#15171a;border-radius:3px;box-shadow:0 12px 26px rgba(39,44,49,.08),1px 3px 8px rgba(39,44,49,.03);opacity:0;transition:all .3s cubic-bezier(.4,.01,.165,.99);transform:translateY(6px);pointer-events:none}.author-list-item:hover .author-name-tooltip{opacity:1;transform:translateY(0)}@media (max-width:650px){.author-name-tooltip{display:none}}.reading-time{color:#738a94;font-size:1.2rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}@media (min-width:795px){.home-template .post-feed .post-card:nth-child(6n+1):not(.no-image){-ms-flex:1 1 100%;flex:1 1 100%;-ms-flex-direction:row;flex-direction:row}.home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-image-link{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;border-radius:5px 0 0 5px}.home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-image{position:absolute;width:100%;height:100%}.home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-content{-ms-flex:0 1 357px;flex:0 1 357px}.home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) h2{font-size:2.6rem}.home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) p{font-size:1.8rem;line-height:1.55em}.home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-content-link{padding:30px 40px 0}.home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-meta{padding:0 40px 30px}}.home-template .site-header:after{display:none}@media (max-width:650px){.post-feed{padding-top:5vw}.post-card{margin:0 20px 5vw}}.page-template .site-main,.post-template .site-main{padding-bottom:4vw;background:#fff}.post-full{position:relative;z-index:50}.post-full-header{margin:0 auto;padding:6vw 3vw 3vw;max-width:1040px;text-align:center}@media (max-width:500px){.post-full-header{padding:14vw 3vw 10vw}}.post-full-meta{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:#738a94;font-size:1.4rem;font-weight:600;text-transform:uppercase}.post-full-meta-date{color:#3eb0ef}.post-full-title{margin:0;color:#090a0b}.date-divider{display:inline-block;margin:0 6px 1px}.post-full-image{margin:0 -10vw -165px;height:800px;background:#c5d2d9 50%;background-size:cover;border-radius:5px}@media (max-width:1170px){.post-full-image{margin:0 -4vw -100px;height:600px;border-radius:0}}@media (max-width:800px){.post-full-image{height:400px}}.post-full-content{position:relative;margin:0 auto;padding:70px 100px 0;min-height:230px;font-family:Georgia,serif;font-size:2.2rem;line-height:1.6em;background:#fff}@media (max-width:1170px){.post-full-content{padding:5vw 7vw 0}}@media (max-width:800px){.post-full-content{font-size:1.9rem}}.post-full-content:before{left:-5px;transform:rotate(-5deg)}.post-full-content:after,.post-full-content:before{content:"";position:absolute;top:15px;z-index:-1;display:block;width:20px;height:200px;background:rgba(39,44,49,.15);filter:blur(5px)}.post-full-content:after{right:-5px;transform:rotate(5deg)}.no-image .post-full-content{padding-top:0}.no-image .post-full-content:after,.no-image .post-full-content:before{display:none}.kg-card-markdown{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;max-width:920px}.footnotes,.post-full-comments,.post-full-content blockquote,.post-full-content dl,.post-full-content h1,.post-full-content h2,.post-full-content h3,.post-full-content h4,.post-full-content h5,.post-full-content h6,.post-full-content ol,.post-full-content p,.post-full-content pre,.post-full-content ul{min-width:100%}.post-full-content li{word-break:break-word}.post-full-content li p{margin:0}.post-template .kg-card-markdown>p:first-child{font-size:1.25em;line-height:1.5em}.post-full-content a{color:#000;box-shadow:inset 0 -1px 0 #3eb0ef}.post-full-content a:hover{color:#3eb0ef;text-decoration:none}.post-full-content em,.post-full-content strong{color:#090a0b}.post-full-content small{display:inline-block;line-height:1.6em}.post-full-content li:first-child{margin-top:0}.post-full-content img,.post-full-content video{display:block;margin:1.5em auto;max-width:1040px}@media (max-width:1040px){.post-full-content img,.post-full-content video{width:100%}}.post-full-content img[src$="#full"]{max-width:none;width:100vw}.post-full-content img+br+small{display:block;margin-top:-3em;margin-bottom:1.5em}.post-full-content iframe{margin:0 auto}.post-full-content blockquote{margin:0 0 1.5em;padding:0 1.5em;border-left:3px solid #3eb0ef}.post-full-content blockquote p{margin:0 0 1em;color:inherit;font-size:inherit;line-height:inherit;font-style:italic}.post-full-content blockquote p:last-child{margin-bottom:0}.post-full-content code{padding:0 5px 2px;font-size:.8em;line-height:1em;font-weight:400!important;background:#e5eff5;border-radius:3px}.post-full-content pre{overflow-x:auto;margin:1.5em 0 3em;padding:20px;max-width:100%;border:1px solid #000;color:#e5eff5;font-size:1.4rem;line-height:1.5em;background:#0e0f11;border-radius:5px}.post-full-content pre code{padding:0;font-size:inherit;line-height:inherit;background:transparent}.post-full-content pre code *{color:inherit}.post-full-content .fluid-width-video-wrapper{margin:1.5em 0 3em}.post-full-content hr{margin:4vw 0}.post-full-content hr:after{content:"";position:absolute;top:-15px;left:50%;display:block;margin-left:-10px;width:1px;height:30px;background:#e3e9ed;box-shadow:0 0 0 5px #fff;transform:rotate(45deg)}.post-full-content h1,.post-full-content h2,.post-full-content h3,.post-full-content h4,.post-full-content h5,.post-full-content h6{color:#090a0b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.post-full-content h1{margin:.5em 0 .2em;font-size:4.6rem;font-weight:700}@media (max-width:500px){.post-full-content h1{font-size:2.8rem}}.post-full-content h2{margin:.5em 0 .2em;font-size:3.6rem;font-weight:700}@media (max-width:500px){.post-full-content h2{font-size:2.6rem}}.post-full-content h3{margin:.5em 0 .2em;font-size:2.8rem;font-weight:700}@media (max-width:500px){.post-full-content h3{font-size:2.2rem}}.post-full-content h4{margin:.5em 0 .2em;font-size:2.8rem;font-weight:700}@media (max-width:500px){.post-full-content h4{font-size:2.2rem}}.post-full-content h5{display:block;margin:.5em 0;padding:1em 0 1.5em;border:0;color:#3eb0ef;font-family:Georgia,serif;font-size:3.2rem;line-height:1.35em;text-align:center}@media (min-width:1180px){.post-full-content h5{max-width:1060px;width:100vw}}@media (max-width:500px){.post-full-content h5{padding:0 0 .5em;font-size:2.2rem}}.post-full-content h6{margin:.5em 0 .2em;font-size:2.3rem;font-weight:700}@media (max-width:500px){.post-full-content h6{font-size:2rem}}.footnotes-sep{margin-bottom:30px}.footnotes{font-size:1.5rem}.footnotes p{margin:0}.footnote-backref{color:#3eb0ef!important;font-size:1.2rem;font-weight:700;text-decoration:none!important;box-shadow:none!important}@media (max-width:500px){.post-full-meta{font-size:1.2rem;line-height:1.3em}.post-full-title{font-size:2.9rem}.post-full-image{margin-bottom:4vw;height:350px}.post-full-content{padding:0}.post-full-content:after,.post-full-content:before{display:none}}.post-full-content table{display:inline-block;overflow-x:auto;margin:.5em 0 2.5em;max-width:100%;width:auto;border-spacing:0;border-collapse:collapse;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.6rem;white-space:nowrap;vertical-align:top;-webkit-overflow-scrolling:touch;background:radial-gradient(ellipse at left,rgba(0,0,0,.2) 0,transparent 75%) 0,radial-gradient(ellipse at right,rgba(0,0,0,.2) 0,transparent 75%) 100%;background-attachment:scroll,scroll;background-size:10px 100%,10px 100%;background-repeat:no-repeat}.post-full-content table td:first-child{background-image:linear-gradient(90deg,#fff 50%,hsla(0,0%,100%,0));background-size:20px 100%;background-repeat:no-repeat}.post-full-content table td:last-child{background-image:linear-gradient(270deg,#fff 50%,hsla(0,0%,100%,0));background-position:100% 0;background-size:20px 100%;background-repeat:no-repeat}.post-full-content table th{color:#15171a;font-size:1.2rem;font-weight:700;letter-spacing:.2px;text-align:left;text-transform:uppercase;background-color:#f4f8fb}.post-full-content table td,.post-full-content table th{padding:6px 12px;border:1px solid #e3ecf3}.subscribe-form{margin:1.5em 0;padding:6.5vw 7vw 7vw;border:1px solid #edf4f8;text-align:center;background:#f4f8fb;border-radius:7px}.subscribe-form-title{margin:0 0 3px;padding:0;color:#15171a;font-size:3.5rem;line-height:1;font-weight:700}.subscribe-form p{margin-bottom:1em;color:#738a94;font-size:2.2rem;line-height:1.55em;letter-spacing:.2px}.subscribe-form form{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:0 auto;max-width:420px}.subscribe-form .form-group{-ms-flex-positive:1;flex-grow:1}.subscribe-email{display:block;padding:10px;width:100%;border:1px solid #dae2e7;color:#738a94;font-size:1.8rem;line-height:1em;font-weight:400;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;border-radius:5px;transition:border-color .15s linear;-webkit-appearance:none}.subscribe-form button{display:inline-block;margin:0 0 0 10px;padding:0 20px;height:41px;outline:none;color:#fff;font-size:1.5rem;line-height:37px;font-weight:400;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,.1);background:linear-gradient(#4fb7f0,#29a0e0 60%,#29a0e0 90%,#36a6e2);border-radius:5px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14);-webkit-font-smoothing:subpixel-antialiased}.subscribe-form button:active,.subscribe-form button:focus{background:#209cdf}@media (max-width:650px){.subscribe-form-title{font-size:2.4rem}.subscribe-form p{font-size:1.6rem}}@media (max-width:500px){.subscribe-form form{-ms-flex-direction:column;flex-direction:column}.subscribe-form .form-group{width:100%}.subscribe-form button{margin:10px 0 0;width:100%}}.post-full-footer{-ms-flex-pack:justify;justify-content:space-between;margin:0 auto;padding:3vw 0 6vw;max-width:840px}.author-card,.post-full-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.author-card-name{margin:0 0 2px;padding:0;font-size:2rem}.author-card-name a{color:#15171a;font-weight:700}.author-card-name a:hover{text-decoration:none}.author-card-content p{margin:0;color:#738a94;line-height:1.3em}.post-full-footer-right{-ms-flex-negative:0;flex-shrink:0;margin-left:20px}.author-card-button{display:block;padding:9px 16px;border:1px solid #aebbc1;color:#738a94;font-size:1.2rem;line-height:1;font-weight:500;border-radius:20px;transition:all .2s ease}.author-card-button:hover{border-color:#3eb0ef;color:#3eb0ef;text-decoration:none}.post-full-authors{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin-top:20px;padding-top:40px;border-top:1px solid #e3e9ed}.post-full-authors-content{margin-bottom:20px}.post-full-authors-content p{margin-bottom:0;color:#738a94;font-size:1.4rem;letter-spacing:.2px;text-align:center;text-transform:uppercase}.post-full-authors-content a{display:inline-block;color:#424852;font-size:1.4rem;font-weight:600;text-transform:uppercase}.post-full-footer .author-list-item{width:42px}@media (max-width:650px){.post-full-footer .author-list-item{width:54px;height:54px}}.post-full-footer .author-list-item>a{position:absolute;display:inline-block;width:48px}.post-full-footer .author-profile-image,.post-full-footer .avatar-wrapper{width:48px;height:48px}.author-card .author-profile-image,.author-card .avatar-wrapper{margin-right:15px;position:relative}.post-full-footer .avatar-wrapper svg{width:46px;height:46px}.author-list-item .author-card{position:absolute;bottom:12px;left:-132px;z-index:999;display:block;width:320px;font-size:1.4rem;letter-spacing:.2px;background:#fff;border-radius:6px;box-shadow:0 12px 26px rgba(39,44,49,.08),1px 3px 8px rgba(39,44,49,.03);opacity:0;transition:all .3s cubic-bezier(.4,.01,.165,.99);transform:scale(.98) translateY(10px);pointer-events:none}.author-list-item .author-card:before{content:"";position:absolute;top:100%;left:146px;display:block;width:0;height:0;border-top:12px solid #fff;border-right:12px solid transparent;border-left:12px solid transparent}.author-list-item .author-card.hovered{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.author-card .basic-info{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;padding:30px 20px 20px;color:#fff;background:#15171a;border-radius:6px 6px 0 0}.author-card .basic-info h2{margin:1em 0 .5em}.author-card .bio{padding:20px 20px 0}@media (max-width:650px){.author-list-item .author-card{display:none}}.basic-info .author-profile-image,.basic-info .avatar-wrapper{margin:0;width:88px;height:88px;border:none}.basic-info .avatar-wrapper{position:relative;background:rgba(229,239,245,.1)}.basic-info .avatar-wrapper svg{margin:0;width:88px;height:88px;opacity:.15}.post-full-comments{margin:0 auto;max-width:840px}.read-next-feed{-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -20px;padding:40px 0 0}.read-next-card,.read-next-feed{display:-ms-flexbox;display:flex}.read-next-card{position:relative;-ms-flex:1 1 300px;flex:1 1 300px;-ms-flex-direction:column;flex-direction:column;overflow:hidden;margin:0 20px 40px;padding:25px;color:#fff;background:#15171a 50%;background-size:cover;border-radius:5px;box-shadow:8px 14px 38px rgba(39,44,49,.06),1px 3px 8px rgba(39,44,49,.03)}.read-next-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:linear-gradient(135deg,rgba(0,40,60,.8),rgba(0,20,40,.7));border-radius:5px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.read-next-card-header{position:relative;z-index:50;padding-top:20px;text-align:center}.read-next-card-header-sitetitle{display:block;font-size:1.3rem;line-height:1.3em;opacity:.8}.read-next-card-header-title{margin:0;padding:0 20px;color:#fff;font-size:3rem;line-height:1.2em;letter-spacing:1px}.read-next-card-header-title a{color:#fff;font-weight:300;text-decoration:none}.read-next-card-header-title a:hover{text-decoration:none}.read-next-divider{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;height:80px}.read-next-divider svg{width:40px;fill:transparent;stroke:#fff;stroke-width:.5px;stroke-opacity:.65}.read-next-card-content{position:relative;z-index:50;-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;font-size:1.7rem}.read-next-card-content ul{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0 auto;padding:0;text-align:center;list-style:none}.read-next-card-content li{margin:0;padding:0;font-size:1.6rem;line-height:1.25em;font-weight:200;letter-spacing:-.5px}.read-next-card-content li a{display:block;padding:20px 0;border-bottom:1px solid hsla(0,0%,100%,.3);color:#fff;font-weight:500;vertical-align:top;transition:opacity .3s ease}.read-next-card-content li:first-of-type a{padding-top:10px}.read-next-card-content li a:hover{opacity:1}.read-next-card-footer{position:relative;margin:15px 0 3px;text-align:center}.read-next-card-footer a{color:#fff}.floating-header{visibility:hidden;position:fixed;top:0;right:0;left:0;z-index:1000;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:60px;border-bottom:1px solid rgba(0,0,0,.06);background:hsla(0,0%,100%,.95);transition:all .5s cubic-bezier(.19,1,.22,1);transform:translate3d(0,-120%,0)}.floating-active{visibility:visible;transition:all .5s cubic-bezier(.22,1,.27,1);transform:translateZ(0)}.floating-header-logo{overflow:hidden;margin:0 0 0 20px;font-size:1.6rem;line-height:1em;letter-spacing:-1px;text-overflow:ellipsis;white-space:nowrap}.floating-header-logo a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:#15171a;line-height:1.1em;font-weight:700}.floating-header-logo a:hover{text-decoration:none}.floating-header-logo img{margin:0 10px 0 0;max-height:20px}.floating-header-divider{margin:0 5px;line-height:1em}.floating-header-title{-ms-flex:1;flex:1;overflow:hidden;margin:0;color:#2e2e2e;font-size:1.6rem;line-height:1.3em;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.floating-header-share{-ms-flex-pack:end;justify-content:flex-end;padding-left:2%;font-size:1.3rem;line-height:1}.floating-header-share,.floating-header-share a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.floating-header-share a{-ms-flex-pack:center;justify-content:center}.floating-header-share svg{width:auto;height:16px;fill:#fff}.floating-header-share-label{-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:10px;color:rgba(0,0,0,.7);font-weight:500}.floating-header-share-label svg{margin:0 5px 0 10px;width:18px;height:18px;stroke:rgba(0,0,0,.7);transform:rotate(90deg)}.floating-header-share-fb,.floating-header-share-tw{display:block;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;width:60px;height:60px;color:#fff;line-height:48px;text-align:center;transition:all .5s cubic-bezier(.19,1,.22,1)}.floating-header-share-tw{background:#33b1ff}.floating-header-share-fb{background:#005e99}.progress{position:absolute;right:0;bottom:-1px;left:0;width:100%;height:2px;border:none;color:#3eb0ef;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.progress::-webkit-progress-bar{background-color:transparent}.progress::-webkit-progress-value{background-color:#3eb0ef}.progress::-moz-progress-bar{background-color:#3eb0ef}.progress-container{position:absolute;top:0;left:0;display:block;width:100%;height:2px;background-color:transparent}.progress-bar{display:block;width:50%;height:inherit;background-color:#3eb0ef}@media (max-width:900px){.floating-header{height:40px}.floating-header-logo,.floating-header-title{font-size:1.5rem}.floating-header-share-fb,.floating-header-share-tw{width:40px;height:40px;line-height:38px}}@media (max-width:800px){.floating-header-logo{margin-left:10px}.floating-header-logo a{color:#2e2e2e}.floating-header-divider,.floating-header-title{visibility:hidden}}@media (max-width:450px){.floating-header-share-label{display:none}}.site-header-content .author-profile-image{z-index:10;-ms-flex-negative:0;flex-shrink:0;margin:0 0 20px;width:100px;height:100px;box-shadow:0 0 0 6px hsla(0,0%,100%,.1)}.site-header-content .author-bio{z-index:10;-ms-flex-negative:0;flex-shrink:0;margin:5px 0 10px;max-width:600px;font-size:2rem;line-height:1.3em;font-weight:300;letter-spacing:.5px;opacity:.8}.site-header-content .author-meta{z-index:10;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:0 0 10px;font-family:Georgia,serif;font-style:italic}.site-header-content .author-location svg{height:1.9rem;stroke:#fff}.site-header-content .bull{display:inline-block;margin:0 12px;opacity:.5}.site-header-content .social-link:first-of-type{padding-left:4px}@media (max-width:500px){.site-header-content .author-bio{font-size:1.8rem;line-height:1.15em;letter-spacing:0}.author-location,.author-stats{display:none}}.error-template .site-main{padding:7vw 4vw}.site-nav-center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center}.site-nav-center .site-nav-logo{margin-right:0}.error-message{text-align:center}.error-code{margin:0;font-size:12vw;line-height:1em;letter-spacing:-5px;opacity:.3}.error-description{margin:0;color:#738a94;font-size:3rem;line-height:1.3em;font-weight:400}@media (max-width:800px){.error-description{margin:5px 0 0;font-size:1.8rem}}.error-link{display:inline-block;margin-top:5px}.error-template .post-feed{padding-top:0}.subscribe-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:rgba(0,25,40,.97);opacity:0;transition:opacity .2s ease-in;pointer-events:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.subscribe-overlay:target{opacity:1;pointer-events:auto}.subscribe-overlay-content{position:relative;z-index:9999;margin:0 0 5vw;padding:4vw;color:#fff;text-align:center}.subscribe-overlay-logo{position:fixed;top:23px;left:30px;height:30px}.subscribe-overlay-title{display:inline-block;margin:0 0 10px;font-size:6rem;line-height:1.15em}.subscribe-overlay-description{margin:0 auto 50px;max-width:650px;font-family:Georgia,serif;font-size:3rem;line-height:1.3em;font-weight:300;opacity:.8}.subscribe-overlay form{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:0 auto;max-width:500px}.subscribe-overlay .form-group{-ms-flex-positive:1;flex-grow:1}.subscribe-overlay .subscribe-email{display:block;padding:14px 20px;width:100%;border:none;color:#738a94;font-size:2rem;line-height:1em;font-weight:400;letter-spacing:.5px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;border-radius:8px;transition:border-color .15s linear;-webkit-appearance:none}.subscribe-email:focus{outline:0;border-color:#becdd5}.subscribe-overlay button{display:inline-block;margin:0 0 0 15px;padding:0 25px;height:52px;outline:none;color:#fff;font-size:1.7rem;line-height:37px;font-weight:400;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,.1);background:linear-gradient(#4fb7f0,#29a0e0 60%,#29a0e0 90%,#36a6e2);border-radius:8px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14);-webkit-font-smoothing:subpixel-antialiased}.subscribe-overlay button:active,.subscribe-overlay button:focus{background:#209cdf}.subscribe-overlay-close{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.subscribe-overlay-close:before{transform:rotate(45deg)}.subscribe-overlay-close:after,.subscribe-overlay-close:before{content:"";position:absolute;top:40px;right:25px;display:block;width:30px;height:2px;background:#fff;opacity:.8}.subscribe-overlay-close:after{transform:rotate(-45deg)}.subscribe-overlay-close:hover{cursor:default}.site-footer{position:relative;padding-top:20px;padding-bottom:60px;color:#fff;background:#000}.site-footer-content{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;font-size:1.3rem}.site-footer-content,.site-footer-content a{color:hsla(0,0%,100%,.7)}.site-footer-content a:hover{color:#fff;text-decoration:none}.site-footer-nav{display:-ms-flexbox;display:flex}.site-footer-nav a{position:relative;margin-left:20px}.site-footer-nav a:before{content:"";position:absolute;top:11px;left:-11px;display:block;width:2px;height:2px;background:#fff;border-radius:100%}.site-footer-nav a:first-of-type:before{display:none}@media (max-width:650px){.site-footer-content{-ms-flex-direction:column;flex-direction:column}.site-footer-nav a:first-child{margin-left:0}} +a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}img{max-width:100%}html{box-sizing:border-box;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:inherit}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}dfn,em,i{font-style:italic}h1{margin:.67em 0;font-size:2em}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}mark{background-color:#fdffb6}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;color:inherit;font:inherit}button{overflow:visible;border:none}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input:focus{outline:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{padding:0;border:0}textarea{overflow:auto}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}html{overflow-y:scroll;font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{overflow-x:hidden}body{color:#3c484e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.5rem;line-height:1.6em;font-weight:400;font-style:normal;letter-spacing:0;text-rendering:optimizeLegibility;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on}::-moz-selection{text-shadow:none;background:#cbeafb}::selection{text-shadow:none;background:#cbeafb}hr{position:relative;display:block;width:100%;margin:2.5em 0 3.5em;padding:0;height:1px;border:0;border-top:1px solid #e3e9ed}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{margin:0;padding:0;border:0}textarea{resize:vertical}blockquote,dl,ol,p,ul{margin:0 0 1.5em}ol,ul{padding-left:1.3em;padding-right:1.5em}ol ol,ol ul,ul ol,ul ul{margin:.5em 0 1em}ul{list-style:disc}ol{list-style:decimal}ol,ul{max-width:100%}li{margin:.5em 0;padding-left:.3em;line-height:1.6em}dt{float:left;margin:0 20px 0 0;width:120px;color:#15171a;font-weight:500;text-align:right}dd{margin:0 0 5px;text-align:left}blockquote{margin:1.5em 0;padding:0 1.6em;border-left:.5em solid #e5eff5}blockquote p{margin:.8em 0;font-size:1.2em;font-weight:300}blockquote small{display:inline-block;margin:.8em 0 .8em 1.5em;font-size:.9em;opacity:.8}blockquote small:before{content:"\2014 \00A0"}blockquote cite{font-weight:700}blockquote cite a{font-weight:400}a{color:#26a8ed;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin-top:0;line-height:1.15;font-weight:700;text-rendering:optimizeLegibility}h1{margin:0 0 .5em;font-size:5rem;font-weight:700}@media (max-width:500px){h1{font-size:2.2rem}}h2{margin:1.5em 0 .5em;font-size:2rem}@media (max-width:500px){h2{font-size:1.8rem}}h3{margin:1.5em 0 .5em;font-size:1.8rem;font-weight:500}@media (max-width:500px){h3{font-size:1.7rem}}h4{margin:1.5em 0 .5em;font-size:1.6rem;font-weight:500}h5,h6{margin:1.5em 0 .5em;font-size:1.4rem;font-weight:500}body{background:#f4f8fb}.img{display:block;width:100%;height:100%;background-position:50%;background-size:cover;border-radius:100%}.hidden{visibility:hidden;position:absolute;text-indent:-9999px}.site-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:100vh}.site-main{z-index:100;-ms-flex-positive:1;flex-grow:1}.outer{position:relative;padding:0 4vw}.inner{margin:0 auto;max-width:1040px;width:100%}@media (min-width:900px){.author-template .post-feed,.home-template .post-feed,.tag-template .post-feed{margin-top:-70px;padding-top:0}.home-template .site-nav{position:relative;top:-70px}}.site-header{position:relative;padding-top:12px;padding-bottom:12px;color:#fff;background:#090a0b no-repeat 50%;background-size:cover}.site-header:before{bottom:0;background:rgba(0,0,0,.18)}.site-header:after,.site-header:before{content:"";position:absolute;top:0;right:0;left:0;z-index:10;display:block}.site-header:after{bottom:auto;height:80px;background:linear-gradient(rgba(0,0,0,.1),transparent)}.site-header.no-cover:after,.site-header.no-cover:before{display:none}.site-header-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:10vw 4vw;min-height:200px;max-height:450px;text-align:center}.site-title{z-index:10;margin:0;padding:0;font-size:3.8rem;font-weight:700}.site-logo{max-height:45px}.site-description{z-index:10;margin:0;padding:5px 0;font-size:2.2rem;font-weight:300;letter-spacing:.5px;opacity:.8}@media (max-width:500px){.site-title{font-size:3rem}.site-description{font-size:1.8rem}}.site-nav{position:relative;z-index:300;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start;height:40px;font-size:1.2rem}.site-nav,.site-nav-left{display:-ms-flexbox;display:flex;overflow-y:hidden}.site-nav-left{-ms-flex-align:center;align-items:center;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-right:10px;padding-bottom:80px;letter-spacing:.4px;white-space:nowrap;-ms-overflow-scrolling:touch}.site-nav-logo{-ms-flex-negative:0;flex-shrink:0;display:block;margin-right:24px;padding:11px 0;color:#fff;font-size:1.7rem;line-height:1em;font-weight:700;letter-spacing:-.5px}.site-nav-logo:hover{text-decoration:none}.site-nav-logo img{display:block;width:auto;height:21px}.nav{display:-ms-flexbox;display:flex;margin:0 0 0 -12px;padding:0;list-style:none}.nav li{padding:0;text-transform:uppercase}.nav li,.nav li a{display:block;margin:0}.nav li a{padding:10px 12px;color:#fff;opacity:.8}.nav li a:hover{text-decoration:none;opacity:1}.site-nav-right{height:40px}.site-nav-right,.social-links{-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.social-links a:last-of-type{padding-right:20px}.social-link{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:0;padding:10px;color:#fff;opacity:.8}.social-link:hover{opacity:1}.social-link svg{height:1.8rem;fill:#fff}.social-link-fb svg{height:1.5rem}.social-link-wb svg{height:1.6rem}.social-link-wb svg path{stroke:#fff}.social-link-rss svg{height:1.9rem}.subscribe-button{display:block;padding:4px 10px;border:1px solid #fff;color:#fff;font-size:1.2rem;line-height:1em;border-radius:10px;opacity:.8}.subscribe-button:hover{text-decoration:none;opacity:1}.rss-button{opacity:.8}.rss-button:hover{opacity:1}.rss-button svg{margin-bottom:1px;height:2.1rem;fill:#fff}@media (max-width:700px){.site-header{padding-right:0;padding-left:0}.site-nav-left{margin-right:0;padding-left:4vw}.site-nav-right{display:none}}.post-feed{position:relative;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -20px;padding:40px 0 0}.post-card,.post-feed{display:-ms-flexbox;display:flex}.post-card{-ms-flex:1 1 300px;flex:1 1 300px;-ms-flex-direction:column;flex-direction:column;overflow:hidden;margin:0 20px 40px;min-height:300px;background:#fff 50%;background-size:cover;border-radius:5px;box-shadow:8px 14px 38px rgba(39,44,49,.06),1px 3px 8px rgba(39,44,49,.03);transition:all .5s ease}.post-card:hover{box-shadow:8px 28px 50px rgba(39,44,49,.07),1px 6px 12px rgba(39,44,49,.04);transition:all .4s ease;transform:translate3D(0,-1px,0) scale(1.02)}.post-card-image-link{position:relative;display:block;overflow:hidden;border-radius:5px 5px 0 0}.post-card-image{width:auto;height:200px;background:#c5d2d9 no-repeat 50%;background-size:cover}.post-card-content-link{position:relative;-ms-flex-positive:1;flex-grow:1;display:block;padding:25px 25px 0;color:#15171a}.post-card-content-link:hover{text-decoration:none}.post-card-tags{display:block;margin-bottom:4px;color:#738a94;font-size:1.2rem;line-height:1.15em;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.post-card-title{margin-top:0}.post-card-content{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}.post-card-excerpt{font-family:Georgia,serif}.post-card-meta{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:end;align-items:flex-end;padding:0 25px 25px}.author-profile-image{display:block;background:#e3e9ed;border-radius:100%;object-fit:cover}.post-card-meta .avatar-wrapper,.post-card-meta .profile-image-wrapper{position:relative}.author-list{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse;margin:0;padding:0;list-style:none}.author-list-item{-ms-flex-negative:0;flex-shrink:0;position:relative;margin:0;padding:0}.author-list-item:first-child{z-index:10}.author-list-item:nth-child(2){z-index:9}.author-list-item:nth-child(3){z-index:8}.author-list-item:nth-child(4){z-index:7}.author-list-item:nth-child(5){z-index:6}.author-list-item:nth-child(6){z-index:5}.author-list-item:nth-child(7){z-index:4}.author-list-item:nth-child(8){z-index:3}.author-list-item:nth-child(9){z-index:2}.author-list-item:nth-child(10){z-index:1}.static-avatar{height:34px;width:34px;margin:0 -5px}.moving-avatar,.static-avatar{display:block;border:2px solid #fff;border-radius:100%;overflow:hidden}.moving-avatar{height:56px;width:56px;margin:0 -6px;transition:all .5s cubic-bezier(.4,.01,.165,.99) .7s}@media (min-width:800px){.author-list:hover .moving-avatar{margin:0;transition:all .3s cubic-bezier(.4,.01,.165,.99)}}.author-name-tooltip{position:absolute;bottom:105%;z-index:999;display:block;padding:2px 8px;color:#fff;font-size:1.2rem;letter-spacing:.2px;white-space:nowrap;background:#15171a;border-radius:3px;box-shadow:0 12px 26px rgba(39,44,49,.08),1px 3px 8px rgba(39,44,49,.03);opacity:0;transition:all .3s cubic-bezier(.4,.01,.165,.99);transform:translateY(6px);pointer-events:none}.author-list-item:hover .author-name-tooltip{opacity:1;transform:translateY(0)}@media (max-width:650px){.author-name-tooltip{display:none}}.reading-time{-ms-flex-negative:0;flex-shrink:0;margin-left:20px;color:#738a94;font-size:1.2rem;line-height:33px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}@media (min-width:795px){.home-template .post-feed .post-card:nth-child(6n+1):not(.no-image){-ms-flex:1 1 100%;flex:1 1 100%;-ms-flex-direction:row;flex-direction:row}.home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-image-link{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;border-radius:5px 0 0 5px}.home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-image{position:absolute;width:100%;height:100%}.home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-content{-ms-flex:0 1 357px;flex:0 1 357px}.home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) h2{font-size:2.6rem}.home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) p{font-size:1.8rem;line-height:1.55em}.home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-content-link{padding:30px 40px 0}.home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-meta{padding:0 40px 30px}}.home-template .site-header:after{display:none}@media (max-width:650px){.post-feed{padding-top:5vw}.post-card{margin:0 20px 5vw}}.page-template .site-main,.post-template .site-main{padding-bottom:4vw;background:#fff}.post-full{position:relative;z-index:50}.post-full-header{margin:0 auto;padding:6vw 3vw 3vw;max-width:1040px;text-align:center}@media (max-width:500px){.post-full-header{padding:14vw 3vw 10vw}}.post-full-meta{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:#738a94;font-size:1.4rem;font-weight:600;text-transform:uppercase}.post-full-meta-date{color:#3eb0ef}.post-full-title{margin:0;color:#090a0b}.date-divider{display:inline-block;margin:0 6px 1px}.post-full-image{margin:0 -10vw -165px;height:800px;background:#c5d2d9 50%;background-size:cover;border-radius:5px}@media (max-width:1170px){.post-full-image{margin:0 -4vw -100px;height:600px;border-radius:0}}@media (max-width:800px){.post-full-image{height:400px}}.post-full-content{position:relative;margin:0 auto;padding:70px 100px 0;min-height:230px;font-family:Georgia,serif;font-size:2.2rem;line-height:1.6em;background:#fff}@media (max-width:1170px){.post-full-content{padding:5vw 7vw 0}}@media (max-width:800px){.post-full-content{font-size:1.9rem}}.post-full-content:before{left:-5px;transform:rotate(-5deg)}.post-full-content:after,.post-full-content:before{content:"";position:absolute;top:15px;z-index:-1;display:block;width:20px;height:200px;background:rgba(39,44,49,.15);filter:blur(5px)}.post-full-content:after{right:-5px;transform:rotate(5deg)}.no-image .post-full-content{padding-top:0}.no-image .post-full-content:after,.no-image .post-full-content:before{display:none}.kg-card-markdown{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;max-width:920px}.footnotes,.post-full-comments,.post-full-content blockquote,.post-full-content dl,.post-full-content h1,.post-full-content h2,.post-full-content h3,.post-full-content h4,.post-full-content h5,.post-full-content h6,.post-full-content ol,.post-full-content p,.post-full-content pre,.post-full-content ul{min-width:100%}.post-full-content li{word-break:break-word}.post-full-content li p{margin:0}.post-template .kg-card-markdown>p:first-child{font-size:1.25em;line-height:1.5em}.post-full-content a{color:#000;box-shadow:inset 0 -1px 0 #3eb0ef}.post-full-content a:hover{color:#3eb0ef;text-decoration:none}.post-full-content em,.post-full-content strong{color:#090a0b}.post-full-content small{display:inline-block;line-height:1.6em}.post-full-content li:first-child{margin-top:0}.post-full-content img,.post-full-content video{display:block;margin:1.5em auto;max-width:1040px}@media (max-width:1040px){.post-full-content img,.post-full-content video{width:100%}}.post-full-content img[src$="#full"]{max-width:none;width:100vw}.post-full-content img+br+small{display:block;margin-top:-3em;margin-bottom:1.5em}.post-full-content iframe{margin:0 auto}.post-full-content blockquote{margin:0 0 1.5em;padding:0 1.5em;border-left:3px solid #3eb0ef}.post-full-content blockquote p{margin:0 0 1em;color:inherit;font-size:inherit;line-height:inherit;font-style:italic}.post-full-content blockquote p:last-child{margin-bottom:0}.post-full-content code{padding:0 5px 2px;font-size:.8em;line-height:1em;font-weight:400!important;background:#e5eff5;border-radius:3px}.post-full-content pre{overflow-x:auto;margin:1.5em 0 3em;padding:20px;max-width:100%;border:1px solid #000;color:#e5eff5;font-size:1.4rem;line-height:1.5em;background:#0e0f11;border-radius:5px}.post-full-content pre code{padding:0;font-size:inherit;line-height:inherit;background:transparent}.post-full-content pre code *{color:inherit}.post-full-content .fluid-width-video-wrapper{margin:1.5em 0 3em}.post-full-content hr{margin:4vw 0}.post-full-content hr:after{content:"";position:absolute;top:-15px;left:50%;display:block;margin-left:-10px;width:1px;height:30px;background:#e3e9ed;box-shadow:0 0 0 5px #fff;transform:rotate(45deg)}.post-full-content h1,.post-full-content h2,.post-full-content h3,.post-full-content h4,.post-full-content h5,.post-full-content h6{color:#090a0b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.post-full-content h1{margin:.5em 0 .2em;font-size:4.6rem;font-weight:700}@media (max-width:500px){.post-full-content h1{font-size:2.8rem}}.post-full-content h2{margin:.5em 0 .2em;font-size:3.6rem;font-weight:700}@media (max-width:500px){.post-full-content h2{font-size:2.6rem}}.post-full-content h3{margin:.5em 0 .2em;font-size:2.8rem;font-weight:700}@media (max-width:500px){.post-full-content h3{font-size:2.2rem}}.post-full-content h4{margin:.5em 0 .2em;font-size:2.8rem;font-weight:700}@media (max-width:500px){.post-full-content h4{font-size:2.2rem}}.post-full-content h5{display:block;margin:.5em 0;padding:1em 0 1.5em;border:0;color:#3eb0ef;font-family:Georgia,serif;font-size:3.2rem;line-height:1.35em;text-align:center}@media (min-width:1180px){.post-full-content h5{max-width:1060px;width:100vw}}@media (max-width:500px){.post-full-content h5{padding:0 0 .5em;font-size:2.2rem}}.post-full-content h6{margin:.5em 0 .2em;font-size:2.3rem;font-weight:700}@media (max-width:500px){.post-full-content h6{font-size:2rem}}.footnotes-sep{margin-bottom:30px}.footnotes{font-size:1.5rem}.footnotes p{margin:0}.footnote-backref{color:#3eb0ef!important;font-size:1.2rem;font-weight:700;text-decoration:none!important;box-shadow:none!important}@media (max-width:500px){.post-full-meta{font-size:1.2rem;line-height:1.3em}.post-full-title{font-size:2.9rem}.post-full-image{margin-bottom:4vw;height:350px}.post-full-content{padding:0}.post-full-content:after,.post-full-content:before{display:none}}.post-full-content table{display:inline-block;overflow-x:auto;margin:.5em 0 2.5em;max-width:100%;width:auto;border-spacing:0;border-collapse:collapse;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.6rem;white-space:nowrap;vertical-align:top;-webkit-overflow-scrolling:touch;background:radial-gradient(ellipse at left,rgba(0,0,0,.2) 0,transparent 75%) 0,radial-gradient(ellipse at right,rgba(0,0,0,.2) 0,transparent 75%) 100%;background-attachment:scroll,scroll;background-size:10px 100%,10px 100%;background-repeat:no-repeat}.post-full-content table td:first-child{background-image:linear-gradient(90deg,#fff 50%,hsla(0,0%,100%,0));background-size:20px 100%;background-repeat:no-repeat}.post-full-content table td:last-child{background-image:linear-gradient(270deg,#fff 50%,hsla(0,0%,100%,0));background-position:100% 0;background-size:20px 100%;background-repeat:no-repeat}.post-full-content table th{color:#15171a;font-size:1.2rem;font-weight:700;letter-spacing:.2px;text-align:left;text-transform:uppercase;background-color:#f4f8fb}.post-full-content table td,.post-full-content table th{padding:6px 12px;border:1px solid #e3ecf3}.subscribe-form{margin:1.5em 0;padding:6.5vw 7vw 7vw;border:1px solid #edf4f8;text-align:center;background:#f4f8fb;border-radius:7px}.subscribe-form-title{margin:0 0 3px;padding:0;color:#15171a;font-size:3.5rem;line-height:1;font-weight:700}.subscribe-form p{margin-bottom:1em;color:#738a94;font-size:2.2rem;line-height:1.55em;letter-spacing:.2px}.subscribe-form form{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:0 auto;max-width:420px}.subscribe-form .form-group{-ms-flex-positive:1;flex-grow:1}.subscribe-email{display:block;padding:10px;width:100%;border:1px solid #dae2e7;color:#738a94;font-size:1.8rem;line-height:1em;font-weight:400;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;border-radius:5px;transition:border-color .15s linear;-webkit-appearance:none}.subscribe-form button{display:inline-block;margin:0 0 0 10px;padding:0 20px;height:41px;outline:none;color:#fff;font-size:1.5rem;line-height:37px;font-weight:400;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,.1);background:linear-gradient(#4fb7f0,#29a0e0 60%,#29a0e0 90%,#36a6e2);border-radius:5px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14);-webkit-font-smoothing:subpixel-antialiased}.subscribe-form button:active,.subscribe-form button:focus{background:#209cdf}@media (max-width:650px){.subscribe-form-title{font-size:2.4rem}.subscribe-form p{font-size:1.6rem}}@media (max-width:500px){.subscribe-form form{-ms-flex-direction:column;flex-direction:column}.subscribe-form .form-group{width:100%}.subscribe-form button{margin:10px 0 0;width:100%}}.post-full-footer{-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin:0 auto;padding:3vw 0 6vw;max-width:840px}.author-card,.post-full-footer{display:-ms-flexbox;display:flex}.author-card .author-profile-image{margin-right:15px;width:60px;height:60px}.author-card-name{margin:8px 0 2px;padding:0;font-size:2rem}.author-card-name a{color:#15171a;font-weight:700}.author-card-name a:hover{text-decoration:none}.author-card-content p{margin:0;color:#738a94;line-height:1.3em}.post-full-footer-right{-ms-flex-negative:0;flex-shrink:0;margin-left:20px}.author-card-button{display:block;padding:9px 16px;border:1px solid #aebbc1;color:#738a94;font-size:1.2rem;line-height:1;font-weight:500;border-radius:20px;transition:all .2s ease}.author-card-button:hover{border-color:#3eb0ef;color:#3eb0ef;text-decoration:none}.post-full-authors{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin-top:20px;padding-top:40px;border-top:1px solid #e3e9ed}.post-full-authors-content{margin-bottom:20px}.post-full-authors-content p{margin-bottom:0;color:#738a94;font-size:1.4rem;letter-spacing:.2px;text-align:center;text-transform:uppercase}.post-full-authors-content a{display:inline-block;color:#424852;font-size:1.4rem;font-weight:600;text-transform:uppercase}.post-full-footer .author-list{-ms-flex-pack:center;justify-content:center;padding:10px 20px}.author-card .author-profile-image,.author-card .avatar-wrapper{margin-right:15px;position:relative}.author-list-item .author-card{position:absolute;bottom:130%;left:50%;z-index:300;display:block;width:320px;margin-left:-160px;font-size:1.4rem;letter-spacing:.2px;background:#fff;border-radius:6px;box-shadow:0 12px 26px rgba(39,44,49,.08),1px 3px 8px rgba(39,44,49,.03);opacity:0;transition:all .3s cubic-bezier(.4,.01,.165,.99);transform:scale(.98) translateY(15px);pointer-events:none}.author-list-item .author-card:before{content:"";position:absolute;top:100%;left:50%;display:block;width:0;height:0;margin-left:-12px;border-top:12px solid #fff;border-right:12px solid transparent;border-left:12px solid transparent}.author-list-item .author-card.hovered{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.author-card .basic-info{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;padding:30px 20px 20px;color:#fff;background:#15171a;border-radius:6px 6px 0 0}.author-card .basic-info h2{margin:1em 0 .5em}.author-card .bio{padding:20px 20px 0}@media (max-width:650px){.author-list-item .author-card{display:none}}.basic-info .author-profile-image,.basic-info .avatar-wrapper{margin:0;width:88px;height:88px;border:none}.basic-info .avatar-wrapper{position:relative;background:rgba(229,239,245,.1)}.basic-info .avatar-wrapper svg{margin:0;width:88px;height:88px;opacity:.15}.post-full-comments{margin:0 auto;max-width:840px}.read-next-feed{-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -20px;padding:40px 0 0}.read-next-card,.read-next-feed{display:-ms-flexbox;display:flex}.read-next-card{position:relative;-ms-flex:1 1 300px;flex:1 1 300px;-ms-flex-direction:column;flex-direction:column;overflow:hidden;margin:0 20px 40px;padding:25px;color:#fff;background:#15171a 50%;background-size:cover;border-radius:5px;box-shadow:8px 14px 38px rgba(39,44,49,.06),1px 3px 8px rgba(39,44,49,.03)}.read-next-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:linear-gradient(135deg,rgba(0,40,60,.8),rgba(0,20,40,.7));border-radius:5px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.read-next-card-header{position:relative;z-index:50;padding-top:20px;text-align:center}.read-next-card-header-sitetitle{display:block;font-size:1.3rem;line-height:1.3em;opacity:.8}.read-next-card-header-title{margin:0;padding:0 20px;color:#fff;font-size:3rem;line-height:1.2em;letter-spacing:1px}.read-next-card-header-title a{color:#fff;font-weight:300;text-decoration:none}.read-next-card-header-title a:hover{text-decoration:none}.read-next-divider{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;height:80px}.read-next-divider svg{width:40px;fill:transparent;stroke:#fff;stroke-width:.5px;stroke-opacity:.65}.read-next-card-content{position:relative;z-index:50;-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;font-size:1.7rem}.read-next-card-content ul{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0 auto;padding:0;text-align:center;list-style:none}.read-next-card-content li{margin:0;padding:0;font-size:1.6rem;line-height:1.25em;font-weight:200;letter-spacing:-.5px}.read-next-card-content li a{display:block;padding:20px 0;border-bottom:1px solid hsla(0,0%,100%,.3);color:#fff;font-weight:500;vertical-align:top;transition:opacity .3s ease}.read-next-card-content li:first-of-type a{padding-top:10px}.read-next-card-content li a:hover{opacity:1}.read-next-card-footer{position:relative;margin:15px 0 3px;text-align:center}.read-next-card-footer a{color:#fff}.floating-header{visibility:hidden;position:fixed;top:0;right:0;left:0;z-index:1000;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:60px;border-bottom:1px solid rgba(0,0,0,.06);background:hsla(0,0%,100%,.95);transition:all .5s cubic-bezier(.19,1,.22,1);transform:translate3d(0,-120%,0)}.floating-active{visibility:visible;transition:all .5s cubic-bezier(.22,1,.27,1);transform:translateZ(0)}.floating-header-logo{overflow:hidden;margin:0 0 0 20px;font-size:1.6rem;line-height:1em;letter-spacing:-1px;text-overflow:ellipsis;white-space:nowrap}.floating-header-logo a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:#15171a;line-height:1.1em;font-weight:700}.floating-header-logo a:hover{text-decoration:none}.floating-header-logo img{margin:0 10px 0 0;max-height:20px}.floating-header-divider{margin:0 5px;line-height:1em}.floating-header-title{-ms-flex:1;flex:1;overflow:hidden;margin:0;color:#2e2e2e;font-size:1.6rem;line-height:1.3em;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.floating-header-share{-ms-flex-pack:end;justify-content:flex-end;padding-left:2%;font-size:1.3rem;line-height:1}.floating-header-share,.floating-header-share a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.floating-header-share a{-ms-flex-pack:center;justify-content:center}.floating-header-share svg{width:auto;height:16px;fill:#fff}.floating-header-share-label{-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:10px;color:rgba(0,0,0,.7);font-weight:500}.floating-header-share-label svg{margin:0 5px 0 10px;width:18px;height:18px;stroke:rgba(0,0,0,.7);transform:rotate(90deg)}.floating-header-share-fb,.floating-header-share-tw{display:block;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;width:60px;height:60px;color:#fff;line-height:48px;text-align:center;transition:all .5s cubic-bezier(.19,1,.22,1)}.floating-header-share-tw{background:#33b1ff}.floating-header-share-fb{background:#005e99}.progress{position:absolute;right:0;bottom:-1px;left:0;width:100%;height:2px;border:none;color:#3eb0ef;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.progress::-webkit-progress-bar{background-color:transparent}.progress::-webkit-progress-value{background-color:#3eb0ef}.progress::-moz-progress-bar{background-color:#3eb0ef}.progress-container{position:absolute;top:0;left:0;display:block;width:100%;height:2px;background-color:transparent}.progress-bar{display:block;width:50%;height:inherit;background-color:#3eb0ef}@media (max-width:900px){.floating-header{height:40px}.floating-header-logo,.floating-header-title{font-size:1.5rem}.floating-header-share-fb,.floating-header-share-tw{width:40px;height:40px;line-height:38px}}@media (max-width:800px){.floating-header-logo{margin-left:10px}.floating-header-logo a{color:#2e2e2e}.floating-header-divider,.floating-header-title{visibility:hidden}}@media (max-width:450px){.floating-header-share-label{display:none}}.site-header-content .author-profile-image{z-index:10;-ms-flex-negative:0;flex-shrink:0;margin:0 0 20px;width:100px;height:100px;box-shadow:0 0 0 6px hsla(0,0%,100%,.1)}.site-header-content .author-bio{z-index:10;-ms-flex-negative:0;flex-shrink:0;margin:5px 0 10px;max-width:600px;font-size:2rem;line-height:1.3em;font-weight:300;letter-spacing:.5px;opacity:.8}.site-header-content .author-meta{z-index:10;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:0 0 10px;font-family:Georgia,serif;font-style:italic}.site-header-content .author-location svg{height:1.9rem;stroke:#fff}.site-header-content .bull{display:inline-block;margin:0 12px;opacity:.5}.site-header-content .social-link:first-of-type{padding-left:4px}@media (max-width:500px){.site-header-content .author-bio{font-size:1.8rem;line-height:1.15em;letter-spacing:0}.author-location,.author-stats{display:none}}.error-template .site-main{padding:7vw 4vw}.site-nav-center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center}.site-nav-center .site-nav-logo{margin-right:0}.error-message{text-align:center}.error-code{margin:0;font-size:12vw;line-height:1em;letter-spacing:-5px;opacity:.3}.error-description{margin:0;color:#738a94;font-size:3rem;line-height:1.3em;font-weight:400}@media (max-width:800px){.error-description{margin:5px 0 0;font-size:1.8rem}}.error-link{display:inline-block;margin-top:5px}.error-template .post-feed{padding-top:0}.subscribe-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:rgba(0,25,40,.97);opacity:0;transition:opacity .2s ease-in;pointer-events:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.subscribe-overlay:target{opacity:1;pointer-events:auto}.subscribe-overlay-content{position:relative;z-index:9999;margin:0 0 5vw;padding:4vw;color:#fff;text-align:center}.subscribe-overlay-logo{position:fixed;top:23px;left:30px;height:30px}.subscribe-overlay-title{display:inline-block;margin:0 0 10px;font-size:6rem;line-height:1.15em}.subscribe-overlay-description{margin:0 auto 50px;max-width:650px;font-family:Georgia,serif;font-size:3rem;line-height:1.3em;font-weight:300;opacity:.8}.subscribe-overlay form{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:0 auto;max-width:500px}.subscribe-overlay .form-group{-ms-flex-positive:1;flex-grow:1}.subscribe-overlay .subscribe-email{display:block;padding:14px 20px;width:100%;border:none;color:#738a94;font-size:2rem;line-height:1em;font-weight:400;letter-spacing:.5px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;border-radius:8px;transition:border-color .15s linear;-webkit-appearance:none}.subscribe-email:focus{outline:0;border-color:#becdd5}.subscribe-overlay button{display:inline-block;margin:0 0 0 15px;padding:0 25px;height:52px;outline:none;color:#fff;font-size:1.7rem;line-height:37px;font-weight:400;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,.1);background:linear-gradient(#4fb7f0,#29a0e0 60%,#29a0e0 90%,#36a6e2);border-radius:8px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14);-webkit-font-smoothing:subpixel-antialiased}.subscribe-overlay button:active,.subscribe-overlay button:focus{background:#209cdf}.subscribe-overlay-close{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.subscribe-overlay-close:before{transform:rotate(45deg)}.subscribe-overlay-close:after,.subscribe-overlay-close:before{content:"";position:absolute;top:40px;right:25px;display:block;width:30px;height:2px;background:#fff;opacity:.8}.subscribe-overlay-close:after{transform:rotate(-45deg)}.subscribe-overlay-close:hover{cursor:default}.site-footer{position:relative;padding-top:20px;padding-bottom:60px;color:#fff;background:#000}.site-footer-content{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;font-size:1.3rem}.site-footer-content,.site-footer-content a{color:hsla(0,0%,100%,.7)}.site-footer-content a:hover{color:#fff;text-decoration:none}.site-footer-nav{display:-ms-flexbox;display:flex}.site-footer-nav a{position:relative;margin-left:20px}.site-footer-nav a:before{content:"";position:absolute;top:11px;left:-11px;display:block;width:2px;height:2px;background:#fff;border-radius:100%}.site-footer-nav a:first-of-type:before{display:none}@media (max-width:650px){.site-footer-content{-ms-flex-direction:column;flex-direction:column}.site-footer-nav a:first-child{margin-left:0}} /*# sourceMappingURL=screen.css.map */ diff --git a/assets/built/screen.css.map b/assets/built/screen.css.map index d573b4b..de65e25 100644 --- a/assets/built/screen.css.map +++ b/assets/built/screen.css.map @@ -1 +1 @@ -{"version":3,"sources":["global.css","screen.css"],"names":[],"mappings":"AAqBA,8YA6EI,SAAU,AACV,UAAW,AACX,SAAU,AACV,aAAc,AACd,eAAgB,AAChB,uBAAyB,CAC5B,AACD,KACI,aAAe,CAClB,AACD,MAEI,eAAiB,CACpB,AACD,aAEI,WAAa,CAChB,AACD,oDAII,WAAY,AACZ,YAAc,CACjB,AAKD,IACI,cAAgB,CACnB,AACD,KACI,sBAAuB,AACvB,uBAAwB,AAExB,0BAA2B,AAC3B,6BAA+B,CAClC,AACD,iBAGI,kBAAoB,CACvB,AACD,EACI,4BAA8B,CACjC,AACD,iBAEI,SAAW,CACd,AACD,SAEI,eAAkB,CACrB,AACD,SAGI,iBAAmB,CACtB,AACD,GACI,eAAiB,AACjB,aAAe,CAClB,AACD,MACI,aAAe,CAClB,AACD,QAEI,kBAAmB,AACnB,cAAe,AACf,cAAe,AACf,uBAAyB,CAC5B,AACD,IACI,SAAY,CACf,AACD,IACI,aAAgB,CACnB,AACD,IACI,QAAU,CACb,AACD,eACI,eAAiB,CACpB,AACD,KACI,wBAA0B,CAC7B,AACD,kBAII,gCAAkC,AAClC,aAAe,CAClB,AACD,sCAKI,SAAU,AACV,cAAe,AACf,YAAc,CACjB,AACD,OACI,iBAAkB,AAClB,WAAa,CAChB,AACD,cAEI,mBAAqB,CACxB,AACD,oEAKI,eAAgB,AAEhB,yBAA2B,CAC9B,AACD,sCAEI,cAAgB,CACnB,AACD,iDAEI,UAAW,AACX,QAAU,CACb,AACD,MACI,kBAAoB,CACvB,AACD,YACI,YAAc,CACjB,AACD,uCAEI,sBAAuB,AACvB,SAAW,CACd,AACD,4FAEI,WAAa,CAChB,AACD,mBACI,uBAAwB,AAExB,4BAA8B,CACjC,AACD,+FAEI,uBAAyB,CAC5B,AACD,OACI,UAAW,AACX,QAAU,CACb,AACD,SACI,aAAe,CAClB,AACD,MACI,iBAAkB,AAClB,wBAA0B,CAC7B,AACD,MAEI,SAAW,CACd,AAMD,KAEI,kBAAmB,AACnB,gBAAiB,AAEjB,yCAA8C,CACjD,AACD,UANI,iBAAmB,CAqBtB,AAfD,KAEI,cAAqC,AACrC,yHAAyI,AACzI,iBAAkB,AAClB,kBAAmB,AACnB,gBAAiB,AACjB,kBAAmB,AACnB,iBAAkB,AAClB,kCAAmC,AACnC,gBAAiB,AAEjB,mCAAoC,AACpC,kCAAmC,AACnC,oCAAsC,CACzC,AAED,iBACI,iBAAkB,AAClB,kBAA+C,CAClD,AAHD,YACI,iBAAkB,AAClB,kBAA+C,CAClD,AAED,GACI,kBAAmB,AACnB,cAAe,AACf,WAAY,AACZ,qBAAsB,AACtB,UAAW,AACX,WAAY,AACZ,SAAU,AACV,4BAAsD,CACzD,AAED,kCAMI,qBAAuB,CAC1B,AAED,SACI,SAAU,AACV,UAAW,AACX,QAAU,CACb,AAED,SACI,eAAiB,CACpB,AAED,sBAKI,gBAAoB,CACvB,AAED,MAEI,mBAAoB,AACpB,mBAAqB,CACxB,AAED,wBAII,iBAAoB,CACvB,AAED,GACI,eAAiB,CACpB,AAED,GACI,kBAAoB,CACvB,AAED,MAEI,cAAgB,CACnB,AAED,GACI,cAAgB,AAChB,kBAAoB,AACpB,iBAAmB,CACtB,AAED,GACI,WAAY,AACZ,kBAAmB,AACnB,YAAa,AACb,cAAuB,AACvB,gBAAiB,AACjB,gBAAkB,CACrB,AAED,GACI,eAAkB,AAClB,eAAiB,CACpB,AAED,WACI,eAAgB,AAChB,gBAAyB,AACzB,8BAA0C,CAC7C,AAED,aACI,cAAgB,AAChB,gBAAiB,AACjB,eAAiB,CACpB,AAED,iBACI,qBAAsB,AACtB,yBAA4B,AAC5B,eAAiB,AACjB,UAAa,CAChB,AAED,wBACI,qBAAuB,CAC1B,AAED,gBACI,eAAkB,CACrB,AACD,kBACI,eAAoB,CACvB,AAED,EACI,cAAiC,AACjC,oBAAsB,CACzB,AAED,QACI,yBAA2B,CAC9B,AAED,kBAMI,aAAc,AACd,iBAAkB,AAClB,gBAAiB,AACjB,iCAAmC,CACtC,AAED,GACI,gBAAoB,AACpB,eAAgB,AAChB,eAAiB,CACpB,AACD,yBACI,GACI,gBAAkB,CACrB,CACJ,AAED,GACI,oBAAwB,AACxB,cAAgB,CACnB,AACD,yBACI,GACI,gBAAkB,CACrB,CACJ,AAED,GACI,oBAAwB,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","file":"screen.css","sourcesContent":["/* Variables\n/* ---------------------------------------------------------- */\n\n:root {\n /* Colours */\n --blue: #3eb0ef;\n --green: #a4d037;\n --purple: #ad26b4;\n --yellow: #fecd35;\n --red: #f05230;\n --darkgrey: #15171A;\n --midgrey: #738a94;\n --lightgrey: #c5d2d9;\n --whitegrey: #e5eff5;\n --pink: #fa3a57;\n --brown: #a3821a;\n}\n\n/* Reset\n/* ---------------------------------------------------------- */\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font: inherit;\n font-size: 100%;\n vertical-align: baseline;\n}\nbody {\n line-height: 1;\n}\nol,\nul {\n list-style: none;\n}\nblockquote,\nq {\n quotes: none;\n}\nblockquote:before,\nblockquote:after,\nq:before,\nq:after {\n content: \"\";\n content: none;\n}\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\nimg {\n max-width: 100%;\n}\nhtml {\n box-sizing: border-box;\n font-family: sans-serif;\n\n -ms-text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%;\n}\n*,\n*:before,\n*:after {\n box-sizing: inherit;\n}\na {\n background-color: transparent;\n}\na:active,\na:hover {\n outline: 0;\n}\nb,\nstrong {\n font-weight: bold;\n}\ni,\nem,\ndfn {\n font-style: italic;\n}\nh1 {\n margin: 0.67em 0;\n font-size: 2em;\n}\nsmall {\n font-size: 80%;\n}\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\nsup {\n top: -0.5em;\n}\nsub {\n bottom: -0.25em;\n}\nimg {\n border: 0;\n}\nsvg:not(:root) {\n overflow: hidden;\n}\nmark {\n background-color: #fdffb6;\n}\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em;\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n margin: 0; /* 3 */\n color: inherit; /* 1 */\n font: inherit; /* 2 */\n}\nbutton {\n overflow: visible;\n border: none;\n}\nbutton,\nselect {\n text-transform: none;\n}\nbutton,\nhtml input[type=\"button\"],\n/* 1 */\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n cursor: pointer; /* 3 */\n\n -webkit-appearance: button; /* 2 */\n}\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\ninput {\n line-height: normal;\n}\ninput:focus {\n outline: none;\n}\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\ninput[type=\"number\"]::-webkit-inner-spin-button,\ninput[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\ninput[type=\"search\"] {\n box-sizing: content-box; /* 2 */\n\n -webkit-appearance: textfield; /* 1 */\n}\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\nlegend {\n padding: 0; /* 2 */\n border: 0; /* 1 */\n}\ntextarea {\n overflow: auto;\n}\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\ntd,\nth {\n padding: 0;\n}\n\n/* ==========================================================================\n Base styles: opinionated defaults\n ========================================================================== */\n\nhtml {\n overflow-x: hidden;\n overflow-y: scroll;\n font-size: 62.5%;\n\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\nbody {\n overflow-x: hidden;\n color: color(var(--midgrey) l(-25%));\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 1.5rem;\n line-height: 1.6em;\n font-weight: 400;\n font-style: normal;\n letter-spacing: 0;\n text-rendering: optimizeLegibility;\n background: #fff;\n\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n -moz-font-feature-settings: \"liga\" on;\n}\n\n::selection {\n text-shadow: none;\n background: color(var(--blue) lightness(+30%));\n}\n\nhr {\n position: relative;\n display: block;\n width: 100%;\n margin: 2.5em 0 3.5em;\n padding: 0;\n height: 1px;\n border: 0;\n border-top: 1px solid color(var(--lightgrey) l(+10%));\n}\n\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n vertical-align: middle;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n border: 0;\n}\n\ntextarea {\n resize: vertical;\n}\n\np,\nul,\nol,\ndl,\nblockquote {\n margin: 0 0 1.5em 0;\n}\n\nol,\nul {\n padding-left: 1.3em;\n padding-right: 1.5em;\n}\n\nol ol,\nul ul,\nul ol,\nol ul {\n margin: 0.5em 0 1em;\n}\n\nul {\n list-style: disc;\n}\n\nol {\n list-style: decimal;\n}\n\nul,\nol {\n max-width: 100%;\n}\n\nli {\n margin: 0.5em 0;\n padding-left: 0.3em;\n line-height: 1.6em;\n}\n\ndt {\n float: left;\n margin: 0 20px 0 0;\n width: 120px;\n color: var(--darkgrey);\n font-weight: 500;\n text-align: right;\n}\n\ndd {\n margin: 0 0 5px 0;\n text-align: left;\n}\n\nblockquote {\n margin: 1.5em 0;\n padding: 0 1.6em 0 1.6em;\n border-left: var(--whitegrey) 0.5em solid;\n}\n\nblockquote p {\n margin: 0.8em 0;\n font-size: 1.2em;\n font-weight: 300;\n}\n\nblockquote small {\n display: inline-block;\n margin: 0.8em 0 0.8em 1.5em;\n font-size: 0.9em;\n opacity: 0.8;\n}\n/* Quotation marks */\nblockquote small:before {\n content: \"\\2014 \\00A0\";\n}\n\nblockquote cite {\n font-weight: bold;\n}\nblockquote cite a {\n font-weight: normal;\n}\n\na {\n color: color(var(--blue) l(-5%));\n text-decoration: none;\n}\n\na:hover {\n text-decoration: underline;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n line-height: 1.15;\n font-weight: 700;\n text-rendering: optimizeLegibility;\n}\n\nh1 {\n margin: 0 0 0.5em 0;\n font-size: 5rem;\n font-weight: 700;\n}\n@media (max-width: 500px) {\n h1 {\n font-size: 2.2rem;\n }\n}\n\nh2 {\n margin: 1.5em 0 0.5em 0;\n font-size: 2rem;\n}\n@media (max-width: 500px) {\n h2 {\n font-size: 1.8rem;\n }\n}\n\nh3 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.8rem;\n font-weight: 500;\n}\n@media (max-width: 500px) {\n h3 {\n font-size: 1.7rem;\n }\n}\n\nh4 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.6rem;\n font-weight: 500;\n}\n\nh5 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.4rem;\n font-weight: 500;\n}\n\nh6 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.4rem;\n font-weight: 500;\n}\n","/* Table of Contents\n/* ------------------------------------------------------------\n\nThis is a development CSS file which is built to a minified\nproduction stylesheet in assets/built/screen.css\n\n1. Global Styles\n2. Layout\n3. Special Templates\n4. Site Header\n5. Site Navigation\n6. Post Feed\n7. Single Post\n 7.1. Subscribe Form\n 7.2. Post Footer\n 7.3. Comments\n 7.4. Related Posts\n 7.5. Floating Header\n8. Author Template\n9. Error Template\n10. Subscribe Overlay\n11. Site Footer\n\n*/\n\n\n/* 1. Global - Set up the things\n/* ---------------------------------------------------------- */\n@import \"global.css\";\n\nbody {\n background: #f4f8fb;\n}\n\n.img {\n display: block;\n width: 100%;\n height: 100%;\n background-position: center center;\n background-size: cover;\n border-radius: 100%;\n}\n\n.hidden {\n visibility: hidden;\n position: absolute;\n text-indent: -9999px;\n}\n\n\n/* 2. Layout - Page building blocks\n/* ---------------------------------------------------------- */\n\n.site-wrapper {\n display: flex;\n flex-direction: column;\n min-height: 100vh;\n}\n\n.site-main {\n z-index: 100;\n flex-grow: 1;\n}\n\n/* Full width page blocks */\n.outer {\n position: relative;\n padding: 0 4vw;\n}\n\n/* Centered content container blocks */\n.inner {\n margin: 0 auto;\n max-width: 1040px;\n width: 100%;\n}\n\n/* Usage:\n\n
\n
\n Centered content\n
\n
\n\n*/\n\n/* 3. Special Template Styles\n/* ---------------------------------------------------------- */\n\n@media (min-width: 900px) {\n .home-template .post-feed,\n .tag-template .post-feed,\n .author-template .post-feed {\n margin-top: -70px;\n padding-top: 0;\n }\n .home-template .site-nav {\n position: relative;\n top: -70px;\n }\n}\n\n\n/* 4. Site Header\n/* ---------------------------------------------------------- */\n\n.site-header {\n position: relative;\n padding-top: 12px;\n padding-bottom: 12px;\n color: #fff;\n background: color(var(--darkgrey) l(-5%)) no-repeat center center;\n background-size: cover;\n}\n\n.site-header:before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 10;\n display: block;\n background: rgba(0,0,0,0.18);\n}\n\n.site-header:after {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: auto;\n left: 0;\n z-index: 10;\n display: block;\n height: 80px;\n background: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0));\n}\n\n.site-header.no-cover:before,\n.site-header.no-cover:after {\n display: none;\n}\n\n.site-header-content {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 10vw 4vw;\n min-height: 200px;\n max-height: 450px;\n text-align: center;\n}\n\n.site-title {\n z-index: 10;\n margin: 0;\n padding: 0;\n font-size: 3.8rem;\n font-weight: 700;\n}\n\n.site-logo {\n max-height: 45px;\n}\n\n.site-description {\n z-index: 10;\n margin: 0;\n padding: 5px 0;\n font-size: 2.2rem;\n font-weight: 300;\n letter-spacing: 0.5px;\n opacity: 0.8;\n}\n\n@media (max-width: 500px) {\n .site-title {\n font-size: 3rem;\n }\n .site-description {\n font-size: 1.8rem;\n }\n}\n\n\n/* 5. Site Navigation\n/* ---------------------------------------------------------- */\n\n.site-nav {\n position: relative;\n z-index: 300;\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n overflow-y: hidden;\n height: 40px;\n font-size: 1.2rem;\n}\n\n.site-nav-left {\n display: flex;\n align-items: center;\n overflow-x: auto;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n margin-right: 10px;\n padding-bottom: 80px;\n letter-spacing: 0.4px;\n white-space: nowrap;\n\n -ms-overflow-scrolling: touch;\n}\n\n/* Site Nav Hack Explanation (above):\n\nWhat's happening above it .site-nav-left is set to overflow-x and allow sideways scrolling, so that when there isn't enough space for all nav items (either due to lots of nav items, or a small viewport), you can still scroll side-to-side to reach them.\n\nThe knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px of padding-bottom and a 40px fixed height parent (.site-nav) hides that entirely. Slightly hacky code. But nice clean end-result.\n\n*/\n\n.site-nav-logo {\n flex-shrink: 0;\n display: block;\n margin-right: 24px;\n padding: 11px 0;\n color: #fff;\n font-size: 1.7rem;\n line-height: 1em;\n font-weight: bold;\n letter-spacing: -0.5px;\n}\n\n.site-nav-logo:hover {\n text-decoration: none;\n}\n\n.site-nav-logo img {\n display: block;\n width: auto;\n height: 21px;\n}\n\n.nav {\n display: flex;\n margin: 0 0 0 -12px;\n padding: 0;\n list-style: none;\n}\n\n.nav li {\n display: block;\n margin: 0;\n padding: 0;\n text-transform: uppercase;\n}\n\n.nav li a {\n display: block;\n margin: 0;\n padding: 10px 12px;\n color: #fff;\n opacity: 0.8;\n}\n\n.nav li a:hover {\n text-decoration: none;\n opacity: 1;\n}\n\n.site-nav-right {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n height: 40px;\n}\n\n.social-links {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n}\n\n.social-links a:last-of-type {\n padding-right: 20px;\n}\n\n.social-link {\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0;\n padding: 10px;\n color: #fff;\n opacity: 0.8;\n}\n\n.social-link:hover {\n opacity: 1;\n}\n\n.social-link svg {\n height: 1.8rem;\n fill: #fff;\n}\n\n.social-link-fb svg {\n height: 1.5rem;\n}\n\n.social-link-wb svg {\n height: 1.6rem;\n}\n\n.social-link-wb svg path {\n stroke: #fff;\n}\n\n.social-link-rss svg {\n height: 1.9rem;\n}\n\n.subscribe-button {\n display: block;\n padding: 4px 10px;\n border: #fff 1px solid;\n color: #fff;\n font-size: 1.2rem;\n line-height: 1em;\n border-radius: 10px;\n opacity: 0.8;\n}\n\n.subscribe-button:hover {\n text-decoration: none;\n opacity: 1;\n}\n\n.rss-button {\n opacity: 0.8;\n}\n\n.rss-button:hover {\n opacity: 1;\n}\n\n.rss-button svg {\n margin-bottom: 1px;\n height: 2.1rem;\n fill: #fff;\n}\n\n@media (max-width: 700px) {\n .site-header {\n padding-right: 0;\n padding-left: 0;\n }\n .site-nav-left {\n margin-right: 0;\n padding-left: 4vw;\n }\n .site-nav-right {\n display: none;\n }\n}\n\n\n/* 6. Post Feed\n/* ---------------------------------------------------------- */\n\n.post-feed {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n margin: 0 -20px;\n padding: 40px 0 0 0;\n}\n\n.post-card {\n flex: 1 1 300px;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n margin: 0 20px 40px;\n min-height: 300px;\n background: #fff center center;\n background-size: cover;\n border-radius: 5px;\n box-shadow: rgba(39,44,49,0.06) 8px 14px 38px, rgba(39, 44, 49, 0.03) 1px 3px 8px;\n transition: all 0.5s ease;\n}\n\n.post-card:hover {\n box-shadow: rgba(39,44,49,0.07) 8px 28px 50px, rgba(39, 44, 49, 0.04) 1px 6px 12px;\n transition: all 0.4s ease;\n transform: translate3D(0, -1px, 0) scale(1.02);\n}\n\n.post-card-image-link {\n position: relative;\n display: block;\n overflow: hidden;\n border-radius: 5px 5px 0 0;\n}\n\n.post-card-image {\n width: auto;\n height: 200px;\n background: var(--lightgrey) no-repeat center center;\n background-size: cover;\n}\n\n.post-card-content-link {\n position: relative;\n flex-grow: 1;\n display: block;\n padding: 25px 25px 0;\n color: var(--darkgrey);\n}\n\n.post-card-content-link:hover {\n text-decoration: none;\n}\n\n.post-card-tags {\n display: block;\n margin-bottom: 4px;\n color: var(--midgrey);\n font-size: 1.2rem;\n line-height: 1.15em;\n font-weight: 500;\n letter-spacing: 0.5px;\n text-transform: uppercase;\n}\n\n.post-card-title {\n margin-top: 0;\n}\n\n.post-card-content {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.post-card-excerpt {\n font-family: Georgia, serif;\n}\n\n.post-card-meta {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0 25px 25px;\n}\n\n.profile-image-wrapper,\n.avatar-wrapper {\n position: absolute;\n display: inline-block;\n width: 28px;\n}\n\n.avatar-wrapper {\n display: inline-block;\n box-sizing: content-box;\n margin-right: 3px;\n border: 2px solid #fff;\n text-align: center;\n background-color: color(var(--lightgrey) l(+10%));\n border-radius: 100%;\n}\n\n.avatar-wrapper svg {\n width: 28px;\n height: 28px;\n}\n\n.author-profile-image {\n box-sizing: content-box;\n margin-right: 5px;\n width: 28px;\n height: 28px;\n border: 2px solid #fff;\n border-radius: 100%;\n\n object-fit: cover;\n}\n\n.post-card-meta .profile-image-wrapper,\n.post-card-meta .avatar-wrapper {\n position: relative;\n}\n\n.author-list {\n display: flex;\n margin-bottom: 0;\n padding: 0;\n max-width: calc(100% - 120px);\n list-style-type: none;\n}\n\n.author-list-item {\n position: relative;\n margin: 0;\n padding: 0;\n width: 25px;\n}\n\n.moving-avatar {\n transition: all 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);\n transform: translate(0px);\n}\n\n.moving-avatar.right {\n transform: translateX(10px);\n}\n\n.moving-avatar.left {\n transform: translateX(-10px);\n}\n\n.author-list-item:nth-child( 1 ) {\n z-index: 9;\n}\n\n.author-list-item:nth-child( 2 ) {\n z-index: 8;\n}\n\n.author-list-item:nth-child( 3 ) {\n z-index: 7;\n}\n\n.author-list-item:nth-child( 4 ) {\n z-index: 6;\n}\n\n.author-list-item:nth-child( 5 ) {\n z-index: 5;\n}\n\n.author-list-item:nth-child( 6 ) {\n z-index: 4;\n}\n\n.author-list-item:nth-child( 7 ) {\n z-index: 3;\n}\n\n.author-list-item:nth-child( 8 ) {\n z-index: 2;\n}\n\n.author-list-item:nth-child( 9 ) {\n z-index: 1;\n}\n\n.z-999 {\n z-index: 999;\n}\n\n.author-name-tooltip {\n position: absolute;\n bottom: 36px;\n z-index: 999;\n display: block;\n padding: 2px 8px;\n color: white;\n font-size: 1.2rem;\n letter-spacing: 0.2px;\n white-space: nowrap;\n background: var(--darkgrey);\n border-radius: 3px;\n box-shadow: rgba(39,44,49,0.08) 0 12px 26px, rgba(39, 44, 49, 0.03) 1px 3px 8px;\n opacity: 0;\n transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);\n transform: translateY(6px);\n pointer-events: none;\n}\n\n.author-list-item:hover .author-name-tooltip {\n opacity: 1.0;\n transform: translateY(0px);\n}\n\n@media (max-width: 650px) {\n .author-name-tooltip {\n display: none;\n }\n}\n\n.reading-time {\n color: var(--midgrey);\n font-size: 1.2rem;\n font-weight: 500;\n letter-spacing: 0.5px;\n text-transform: uppercase;\n}\n\n/* Special Styling for home page grid (below):\n\nThe first (most recent) post in the list is styled to be bigger than the others and take over the full width of the grid to give it more emphasis. Wrapped in a media query to make sure this only happens on large viewports / desktop-ish devices.\n\n */\n\n@media (min-width: 795px) {\n .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) {\n flex: 1 1 100%;\n flex-direction: row;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-image-link {\n position: relative;\n flex: 1 1 auto;\n border-radius: 5px 0 0 5px;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-image {\n position: absolute;\n width: 100%;\n height: 100%;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-content {\n flex: 0 1 357px;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) h2 {\n font-size: 2.6rem;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) p {\n font-size: 1.8rem;\n line-height: 1.55em;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-content-link {\n padding: 30px 40px 0;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-meta {\n padding: 0 40px 30px;\n }\n}\n\n.home-template .site-header:after {\n display: none;\n}\n\n\n/* Adjust some margins for smaller screens */\n@media (max-width: 650px) {\n .post-feed {\n padding-top: 5vw;\n }\n .post-card {\n margin: 0 20px 5vw;\n }\n}\n\n\n\n/* 7. Single Post\n/* ---------------------------------------------------------- */\n\n.post-template .site-main,\n.page-template .site-main {\n padding-bottom: 4vw;\n background: #fff;\n}\n\n.post-full {\n position: relative;\n z-index: 50;\n}\n/* ^ Required to make .post-full-content:before/after z-index stacking work */\n\n.post-full-header {\n margin: 0 auto;\n padding: 6vw 3vw 3vw;\n max-width: 1040px;\n text-align: center;\n}\n@media (max-width: 500px) {\n .post-full-header {\n padding: 14vw 3vw 10vw;\n }\n}\n\n.post-full-meta {\n display: flex;\n justify-content: center;\n align-items: center;\n color: var(--midgrey);\n font-size: 1.4rem;\n font-weight: 600;\n text-transform: uppercase;\n}\n\n.post-full-meta-date {\n color: var(--blue);\n}\n\n.post-full-title {\n margin: 0;\n color: color(var(--darkgrey) l(-5%));\n}\n\n.date-divider {\n display: inline-block;\n margin: 0 6px 1px;\n}\n\n.post-full-image {\n margin: 0 -10vw -165px;\n height: 800px;\n background: var(--lightgrey) center center;\n background-size: cover;\n border-radius: 5px;\n}\n\n@media (max-width: 1170px) {\n .post-full-image {\n margin: 0 -4vw -100px;\n height: 600px;\n border-radius: 0;\n }\n}\n\n@media (max-width: 800px) {\n .post-full-image {\n height: 400px;\n }\n}\n\n.post-full-content {\n position: relative;\n margin: 0 auto;\n padding: 70px 100px 0;\n min-height: 230px;\n font-family: Georgia, serif;\n font-size: 2.2rem;\n line-height: 1.6em;\n background: #fff;\n}\n\n@media (max-width: 1170px) {\n .post-full-content {\n padding: 5vw 7vw 0;\n }\n}\n@media (max-width: 800px) {\n .post-full-content {\n font-size: 1.9rem;\n }\n}\n\n.post-full-content:before {\n content: \"\";\n position: absolute;\n top: 15px;\n left: -5px;\n z-index: -1;\n display: block;\n width: 20px;\n height: 200px;\n background: rgba(39,44,49,0.15);\n filter: blur(5px);\n transform: rotate(-5deg);\n}\n\n.post-full-content:after {\n content: \"\";\n position: absolute;\n top: 15px;\n right: -5px;\n z-index: -1;\n display: block;\n width: 20px;\n height: 200px;\n background: rgba(39,44,49,0.15);\n filter: blur(5px);\n transform: rotate(5deg);\n}\n\n.no-image .post-full-content {\n padding-top: 0;\n}\n\n.no-image .post-full-content:before,\n.no-image .post-full-content:after {\n display: none;\n}\n\n.kg-card-markdown {\n display: flex;\n flex-direction: column;\n align-items: center;\n max-width: 920px;\n}\n\n.post-full-content h1,\n.post-full-content h2,\n.post-full-content h3,\n.post-full-content h4,\n.post-full-content h5,\n.post-full-content h6,\n.post-full-content p,\n.post-full-content ul,\n.post-full-content ol,\n.post-full-content dl,\n.post-full-content pre,\n.post-full-content blockquote,\n.post-full-comments,\n.footnotes {\n min-width: 100%;\n}\n\n.post-full-content li {\n word-break: break-word;\n}\n\n.post-full-content li p {\n margin: 0;\n}\n\n.post-template .kg-card-markdown > p:first-child {\n font-size: 1.25em;\n line-height: 1.5em;\n}\n\n.post-full-content a {\n color: #000;\n box-shadow: var(--blue) 0 -1px 0 inset;\n}\n\n.post-full-content a:hover {\n color: var(--blue);\n text-decoration: none;\n}\n\n.post-full-content strong,\n.post-full-content em {\n color: color(var(--darkgrey) l(-5%));\n}\n\n.post-full-content small {\n display: inline-block;\n line-height: 1.6em;\n}\n\n.post-full-content li:first-child {\n margin-top: 0;\n}\n\n.post-full-content img,\n.post-full-content video {\n display: block;\n margin: 1.5em auto;\n max-width: 1040px;\n}\n@media (max-width: 1040px) {\n .post-full-content img,\n .post-full-content video {\n width: 100%;\n }\n}\n\n\n/* Full bleed images (#full)\nSuper neat trick courtesy of @JoelDrapper\n\nUsage (In Ghost edtior):\n\n![img](/some/image.jpg#full)\n\n*/\n.post-full-content img[src$=\"#full\"] {\n max-width: none;\n width: 100vw;\n}\n\n\n/* Image captions\n\nUsage (In Ghost editor):\n\n![img](/some/image.jpg)\nYour image caption\n\n*/\n.post-full-content img + br + small {\n display: block;\n margin-top: -3em;\n margin-bottom: 1.5em;\n}\n\n\n.post-full-content iframe {\n margin: 0 auto;\n}\n\n.post-full-content blockquote {\n margin: 0 0 1.5em;\n padding: 0 1.5em;\n border-left: #3eb0ef 3px solid;\n}\n\n.post-full-content blockquote p {\n margin: 0 0 1em 0;\n color: inherit;\n font-size: inherit;\n line-height: inherit;\n font-style: italic;\n}\n\n.post-full-content blockquote p:last-child {\n margin-bottom: 0;\n}\n\n.post-full-content code {\n padding: 0 5px 2px;\n font-size: 0.8em;\n line-height: 1em;\n font-weight: 400!important;\n background: var(--whitegrey);\n border-radius: 3px;\n}\n\n.post-full-content pre {\n overflow-x: auto;\n margin: 1.5em 0 3em;\n padding: 20px;\n max-width: 100%;\n border: color(var(--darkgrey) l(-10%)) 1px solid;\n color: var(--whitegrey);\n font-size: 1.4rem;\n line-height: 1.5em;\n background: color(var(--darkgrey) l(-3%));\n border-radius: 5px;\n}\n\n.post-full-content pre code {\n padding: 0;\n font-size: inherit;\n line-height: inherit;\n background: transparent;\n}\n\n.post-full-content pre code * {\n color: inherit;\n}\n\n.post-full-content .fluid-width-video-wrapper {\n margin: 1.5em 0 3em;\n}\n\n.post-full-content hr {\n margin: 4vw 0;\n}\n\n.post-full-content hr:after {\n content: \"\";\n position: absolute;\n top: -15px;\n left: 50%;\n display: block;\n margin-left: -10px;\n width: 1px;\n height: 30px;\n background: color(var(--lightgrey) l(+10%));\n box-shadow: #fff 0 0 0 5px;\n transform: rotate(45deg);\n}\n\n.post-full-content h1,\n.post-full-content h2,\n.post-full-content h3,\n.post-full-content h4,\n.post-full-content h5,\n.post-full-content h6 {\n color: color(var(--darkgrey) l(-5%));\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n}\n\n.post-full-content h1 {\n margin: 0.5em 0 0.2em 0;\n font-size: 4.6rem;\n font-weight: 700;\n}\n@media (max-width: 500px) {\n .post-full-content h1 {\n font-size: 2.8rem;\n }\n}\n\n.post-full-content h2 {\n margin: 0.5em 0 0.2em 0;\n font-size: 3.6rem;\n font-weight: 700;\n}\n@media (max-width: 500px) {\n .post-full-content h2 {\n font-size: 2.6rem;\n }\n}\n\n.post-full-content h3 {\n margin: 0.5em 0 0.2em 0;\n font-size: 2.8rem;\n font-weight: 700;\n}\n@media (max-width: 500px) {\n .post-full-content h3 {\n font-size: 2.2rem;\n }\n}\n\n.post-full-content h4 {\n margin: 0.5em 0 0.2em 0;\n font-size: 2.8rem;\n font-weight: 700;\n}\n@media (max-width: 500px) {\n .post-full-content h4 {\n font-size: 2.2rem;\n }\n}\n\n.post-full-content h5 {\n display: block;\n margin: 0.5em 0;\n padding: 1em 0 1.5em;\n border: 0;\n color: var(--blue);\n font-family: Georgia,serif;\n font-size: 3.2rem;\n line-height: 1.35em;\n text-align: center;\n}\n@media (min-width: 1180px) {\n .post-full-content h5 {\n max-width: 1060px;\n width: 100vw;\n }\n}\n@media (max-width: 500px) {\n .post-full-content h5 {\n padding: 0 0 0.5em;\n font-size: 2.2rem;\n }\n}\n\n.post-full-content h6 {\n margin: 0.5em 0 0.2em 0;\n font-size: 2.3rem;\n font-weight: 700;\n}\n@media (max-width: 500px) {\n .post-full-content h6 {\n font-size: 2rem;\n }\n}\n\n.footnotes-sep {\n margin-bottom: 30px;\n}\n\n.footnotes {\n font-size: 1.5rem;\n}\n\n.footnotes p {\n margin: 0;\n}\n\n.footnote-backref {\n color: var(--blue) !important;\n font-size: 1.2rem;\n font-weight: bold;\n text-decoration: none !important;\n box-shadow: none !important;\n}\n\n/* Some grouped styles for smaller viewports */\n@media (max-width: 500px) {\n .post-full-meta {\n font-size: 1.2rem;\n line-height: 1.3em;\n }\n .post-full-title {\n font-size: 2.9rem;\n }\n .post-full-image {\n margin-bottom: 4vw;\n height: 350px;\n }\n .post-full-content {\n padding: 0;\n }\n .post-full-content:before,\n .post-full-content:after {\n display: none;\n }\n}\n\n/* Tables */\n.post-full-content table {\n display: inline-block;\n overflow-x: auto;\n margin: 0.5em 0 2.5em;\n max-width: 100%;\n width: auto;\n border-spacing: 0;\n border-collapse: collapse;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 1.6rem;\n white-space: nowrap;\n vertical-align: top;\n}\n\n.post-full-content table {\n -webkit-overflow-scrolling: touch;\n background: radial-gradient(ellipse at left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 0 center, radial-gradient(ellipse at right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center;\n background-attachment: scroll, scroll;\n background-size: 10px 100%, 10px 100%;\n background-repeat: no-repeat;\n}\n\n.post-full-content table td:first-child {\n background-image: linear-gradient(to right, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);\n background-size: 20px 100%;\n background-repeat: no-repeat;\n}\n\n.post-full-content table td:last-child {\n background-image: linear-gradient(to left, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);\n background-position: 100% 0;\n background-size: 20px 100%;\n background-repeat: no-repeat;\n}\n\n.post-full-content table th {\n color: var(--darkgrey);\n font-size: 1.2rem;\n font-weight: 700;\n letter-spacing: 0.2px;\n text-align: left;\n text-transform: uppercase;\n background-color: color(var(--whitegrey) l(+4%));\n}\n\n.post-full-content table th,\n.post-full-content table td {\n padding: 6px 12px;\n border: color(var(--whitegrey) l(-1%) s(-5%)) 1px solid;\n}\n\n\n/* 7.1. Subscribe Form\n/* ---------------------------------------------------------- */\n\n.subscribe-form {\n margin: 1.5em 0;\n padding: 6.5vw 7vw 7vw;\n border: color(var(--whitegrey) l(+2%)) 1px solid;\n text-align: center;\n background: color(var(--whitegrey) l(+4%));\n border-radius: 7px;\n}\n\n.subscribe-form-title {\n margin: 0 0 3px 0;\n padding: 0;\n color: var(--darkgrey);\n font-size: 3.5rem;\n line-height: 1;\n font-weight: 700;\n}\n\n.subscribe-form p {\n margin-bottom: 1em;\n color: var(--midgrey);\n font-size: 2.2rem;\n line-height: 1.55em;\n letter-spacing: 0.2px;\n}\n\n.subscribe-form form {\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0 auto;\n max-width: 420px;\n}\n\n.subscribe-form .form-group {\n flex-grow: 1;\n}\n\n.subscribe-email {\n display: block;\n padding: 10px;\n width: 100%;\n border: color(var(--lightgrey) l(+7%)) 1px solid;\n color: var(--midgrey);\n font-size: 1.8rem;\n line-height: 1em;\n font-weight: normal;\n user-select: text;\n border-radius: 5px;\n transition: border-color 0.15s linear;\n\n -webkit-appearance: none;\n}\n\n.subscribe-email:focus {\n outline: 0;\n border-color: color(var(--lightgrey) l(-2%));\n}\n\n.subscribe-form button {\n display: inline-block;\n margin: 0 0 0 10px;\n padding: 0 20px;\n height: 41px;\n outline: none;\n color: #fff;\n font-size: 1.5rem;\n line-height: 37px;\n font-weight: 400;\n text-align: center;\n text-shadow: 0 -1px 0 rgba(0,0,0,0.1);\n background: linear-gradient(\n color(var(--blue) whiteness(+7%)),\n color(var(--blue) lightness(-7%) saturation(-10%)) 60%,\n color(var(--blue) lightness(-7%) saturation(-10%)) 90%,\n color(var(--blue) lightness(-4%) saturation(-10%))\n );\n border-radius: 5px;\n box-shadow: 0 0 0 1px inset rgba(0,0,0,0.14);\n\n -webkit-font-smoothing: subpixel-antialiased;\n}\n\n.subscribe-form button:active,\n.subscribe-form button:focus {\n background: color(var(--blue) lightness(-9%) saturation(-10%));\n}\n\n@media (max-width: 650px) {\n .subscribe-form-title {\n font-size: 2.4rem;\n }\n .subscribe-form p {\n font-size: 1.6rem;\n }\n}\n\n@media (max-width: 500px) {\n .subscribe-form form {\n flex-direction: column;\n }\n .subscribe-form .form-group {\n width: 100%;\n }\n .subscribe-form button {\n margin: 10px 0 0 0;\n width: 100%;\n }\n}\n\n\n/* 7.2. Post Footer\n/* ---------------------------------------------------------- */\n\n.post-full-footer {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 0 auto;\n padding: 3vw 0 6vw 0;\n max-width: 840px;\n}\n\n.author-card {\n display: flex;\n align-items: center;\n}\n\n.author-card-name {\n margin: 0 0 2px 0;\n padding: 0;\n font-size: 2rem;\n}\n\n.author-card-name a {\n color: var(--darkgrey);\n font-weight: 700;\n}\n\n.author-card-name a:hover {\n text-decoration: none;\n}\n\n.author-card-content p {\n margin: 0;\n color: var(--midgrey);\n line-height: 1.3em;\n}\n\n.post-full-footer-right {\n flex-shrink: 0;\n margin-left: 20px;\n}\n\n.author-card-button {\n display: block;\n padding: 9px 16px;\n border: color(var(--midgrey) l(+20%)) 1px solid;\n color: var(--midgrey);\n font-size: 1.2rem;\n line-height: 1;\n font-weight: 500;\n border-radius: 20px;\n transition: all ease 0.2s;\n}\n\n.author-card-button:hover {\n border-color: var(--blue);\n color: var(--blue);\n text-decoration: none;\n}\n\n.post-full-authors {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-top: 20px;\n padding-top: 40px;\n border-top: color(var(--lightgrey) l(+10%)) 1px solid;\n}\n\n.post-full-authors-content {\n margin-bottom: 20px;\n}\n\n.post-full-authors-content p {\n margin-bottom: 0;\n color: var(--midgrey);\n font-size: 1.4rem;\n letter-spacing: 0.2px;\n text-align: center;\n text-transform: uppercase;\n}\n\n.post-full-authors-content a {\n display: inline-block;\n color: color(var(--darkgrey) l(+20%));\n font-size: 1.4rem;\n font-weight: 600;\n text-transform: uppercase;\n}\n\n.post-full-footer .author-list-item {\n width: 42px;\n}\n\n@media (max-width: 650px) {\n .post-full-footer .author-list-item {\n width: 54px;\n height: 54px;\n }\n}\n\n.post-full-footer .author-list-item > a {\n position: absolute;\n display: inline-block;\n width: 48px;\n}\n\n.post-full-footer .author-profile-image,\n.post-full-footer .avatar-wrapper {\n width: 48px;\n height: 48px;\n}\n\n.author-card .author-profile-image,\n.author-card .avatar-wrapper {\n margin-right: 15px;\n position: relative;\n}\n\n.post-full-footer .avatar-wrapper svg {\n width: 46px;\n height: 46px;\n}\n\n.author-list-item .author-card {\n position: absolute;\n bottom: 12px;\n left: calc(-160px + 28px);\n z-index: 999;\n display: block;\n width: 320px;\n font-size: 1.4rem;\n letter-spacing: 0.2px;\n background: white;\n border-radius: 6px;\n box-shadow: rgba(39,44,49,0.08) 0 12px 26px, rgba(39, 44, 49, 0.03) 1px 3px 8px;\n opacity: 0;\n transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);\n transform: scale(0.98) translateY(10px);\n pointer-events: none;\n}\n\n.author-list-item .author-card:before {\n content: \"\";\n position: absolute;\n top: 100%;\n left: calc(160px - 20px + 6px);\n display: block;\n width: 0;\n height: 0;\n border-top: 12px solid #fff;\n border-right: 12px solid transparent;\n border-left: 12px solid transparent;\n}\n\n.author-list-item .author-card.hovered {\n opacity: 1.0;\n transform: scale(1) translateY(0px);\n pointer-events: auto;\n}\n\n.author-card .basic-info {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 30px 20px 20px 20px;\n color: #fff;\n background: var(--darkgrey);\n border-radius: 6px 6px 0 0;\n}\n\n.author-card .basic-info h2 {\n margin: 1em 0 0.5em;\n}\n\n.author-card .bio {\n padding: 20px 20px 0;\n}\n\n@media (max-width: 650px) {\n .author-list-item .author-card {\n display: none;\n }\n}\n\n.basic-info .author-profile-image {\n margin: 0;\n width: 88px;\n height: 88px;\n border: none;\n}\n\n.basic-info .avatar-wrapper {\n position: relative;\n margin: 0;\n width: 88px;\n height: 88px;\n border: none;\n background: rgba(229, 239, 245, 0.1);\n}\n\n.basic-info .avatar-wrapper svg {\n margin: 0;\n width: 88px;\n height: 88px;\n opacity: 0.15;\n}\n\n\n/* 7.3. Comments\n/* ---------------------------------------------------------- */\n\n.post-full-comments {\n margin: 0 auto;\n max-width: 840px;\n}\n\n\n/* 7.4. Related posts\n/* ---------------------------------------------------------- */\n\n.read-next-feed {\n display: flex;\n flex-wrap: wrap;\n margin: 0 -20px;\n padding: 40px 0 0 0;\n}\n\n.read-next-card {\n position: relative;\n flex: 1 1 300px;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n margin: 0 20px 40px;\n padding: 25px;\n color: #fff;\n background: var(--darkgrey) center center;\n background-size: cover;\n border-radius: 5px;\n box-shadow: rgba(39,44,49,0.06) 8px 14px 38px, rgba(39, 44, 49, 0.03) 1px 3px 8px;\n}\n\n.read-next-card:before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: block;\n background: linear-gradient(135deg, rgba(0,40,60,0.8) 0%,rgba(0,20,40,0.7) 100%);\n border-radius: 5px;\n\n backdrop-filter: blur(2px);\n}\n\n.read-next-card-header {\n position: relative;\n z-index: 50;\n padding-top: 20px;\n text-align: center;\n}\n\n.read-next-card-header-sitetitle {\n display: block;\n font-size: 1.3rem;\n line-height: 1.3em;\n opacity: 0.8;\n}\n\n.read-next-card-header-title {\n margin: 0;\n padding: 0 20px;\n color: #fff;\n font-size: 3rem;\n line-height: 1.2em;\n letter-spacing: 1px;\n}\n\n.read-next-card-header-title a {\n color: #fff;\n font-weight: 300;\n text-decoration: none;\n}\n\n.read-next-card-header-title a:hover {\n text-decoration: none;\n}\n\n.read-next-divider {\n position: relative;\n display: flex;\n justify-content: center;\n height: 80px;\n}\n\n.read-next-divider svg {\n width: 40px;\n fill: transparent;\n stroke: #fff;\n\n stroke-width: 0.5px;\n stroke-opacity: 0.65;\n}\n\n.read-next-card-content {\n position: relative;\n z-index: 50;\n flex-grow: 1;\n display: flex;\n font-size: 1.7rem;\n}\n\n.read-next-card-content ul {\n display: flex;\n flex-direction: column;\n margin: 0 auto;\n padding: 0;\n text-align: center;\n list-style: none;\n}\n\n.read-next-card-content li {\n margin: 0;\n padding: 0;\n font-size: 1.6rem;\n line-height: 1.25em;\n font-weight: 200;\n letter-spacing: -0.5px;\n}\n\n.read-next-card-content li a {\n display: block;\n padding: 20px 0;\n border-bottom: rgba(255,255,255,0.3) 1px solid;\n color: #fff;\n font-weight: 500;\n vertical-align: top;\n transition: opacity 0.3s ease;\n}\n\n.read-next-card-content li:first-of-type a {\n padding-top: 10px;\n}\n\n.read-next-card-content li a:hover {\n opacity: 1;\n}\n\n.read-next-card-footer {\n position: relative;\n margin: 15px 0 3px 0;\n text-align: center;\n}\n\n.read-next-card-footer a {\n color: #fff;\n}\n\n\n/* 7.5. Floating Header\n/* ---------------------------------------------------------- */\n\n.floating-header {\n visibility: hidden;\n position: fixed;\n top: 0;\n right: 0;\n left: 0;\n z-index: 1000;\n display: flex;\n align-items: center;\n height: 60px;\n border-bottom: rgba(0,0,0,0.06) 1px solid;\n background: rgba(255,255,255,0.95);\n transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);\n transform: translate3d(0, -120%, 0);\n}\n\n.floating-active {\n visibility: visible;\n transition: all 500ms cubic-bezier(0.22, 1, 0.27, 1);\n transform: translate3d(0, 0, 0);\n}\n\n.floating-header-logo {\n overflow: hidden;\n margin: 0 0 0 20px;\n font-size: 1.6rem;\n line-height: 1em;\n letter-spacing: -1px;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.floating-header-logo a {\n display: flex;\n align-items: center;\n color: var(--darkgrey);\n line-height: 1.1em;\n font-weight: 700;\n}\n\n.floating-header-logo a:hover {\n text-decoration: none;\n}\n\n.floating-header-logo img {\n margin: 0 10px 0 0;\n max-height: 20px;\n}\n\n.floating-header-divider {\n margin: 0 5px;\n line-height: 1em;\n}\n\n.floating-header-title {\n flex: 1;\n overflow: hidden;\n margin: 0;\n color: #2e2e2e;\n font-size: 1.6rem;\n line-height: 1.3em;\n font-weight: bold;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.floating-header-share {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n padding-left: 2%;\n font-size: 1.3rem;\n line-height: 1;\n}\n\n.floating-header-share a {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.floating-header-share svg {\n width: auto;\n height: 16px;\n fill: #fff;\n}\n\n.floating-header-share-label {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n margin-right: 10px;\n color: rgba(0,0,0,0.7);\n font-weight: 500;\n}\n\n.floating-header-share-label svg {\n margin: 0 5px 0 10px;\n width: 18px;\n height: 18px;\n stroke: rgba(0,0,0,0.7);\n transform: rotate(90deg);\n}\n\n.floating-header-share-tw,\n.floating-header-share-fb {\n display: block;\n align-items: center;\n width: 60px;\n height: 60px;\n color: #fff;\n line-height: 48px;\n text-align: center;\n transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);\n}\n\n.floating-header-share-tw {\n background: #33b1ff;\n}\n\n.floating-header-share-fb {\n background: #005e99;\n}\n\n.progress {\n position: absolute;\n right: 0;\n bottom: -1px;\n left: 0;\n width: 100%;\n height: 2px;\n border: none;\n color: var(--blue);\n background: transparent;\n\n appearance: none;\n}\n\n.progress::-webkit-progress-bar {\n background-color: transparent;\n}\n\n.progress::-webkit-progress-value {\n background-color: var(--blue);\n}\n\n.progress::-moz-progress-bar {\n background-color: var(--blue);\n}\n\n.progress-container {\n position: absolute;\n top: 0;\n left: 0;\n display: block;\n width: 100%;\n height: 2px;\n background-color: transparent;\n}\n\n.progress-bar {\n display: block;\n width: 50%;\n height: inherit;\n background-color: var(--blue);\n}\n\n@media (max-width: 900px) {\n .floating-header {\n height: 40px;\n }\n .floating-header-title,\n .floating-header-logo {\n font-size: 1.5rem;\n }\n .floating-header-share-tw,\n .floating-header-share-fb {\n width: 40px;\n height: 40px;\n line-height: 38px;\n }\n}\n\n@media (max-width: 800px) {\n .floating-header-logo {\n margin-left: 10px;\n }\n .floating-header-logo a {\n color: #2e2e2e;\n }\n .floating-header-title,\n .floating-header-divider {\n visibility: hidden;\n }\n}\n\n@media (max-width: 450px) {\n .floating-header-share-label {\n display: none;\n }\n}\n\n\n/* 8. Author Template\n/* ---------------------------------------------------------- */\n\n.site-header-content .author-profile-image {\n z-index: 10;\n flex-shrink: 0;\n margin: 0 0 20px 0;\n width: 100px;\n height: 100px;\n box-shadow: rgba(255,255,255,0.1) 0 0 0 6px;\n}\n\n.site-header-content .author-bio {\n z-index: 10;\n flex-shrink: 0;\n margin: 5px 0 10px 0;\n max-width: 600px;\n font-size: 2rem;\n line-height: 1.3em;\n font-weight: 300;\n letter-spacing: 0.5px;\n opacity: 0.8;\n}\n\n.site-header-content .author-meta {\n z-index: 10;\n flex-shrink: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0 0 10px 0;\n font-family: Georgia, serif;\n font-style: italic;\n}\n\n.site-header-content .author-location svg {\n height: 1.9rem;\n stroke: #fff;\n}\n\n.site-header-content .bull {\n display: inline-block;\n margin: 0 12px;\n opacity: 0.5;\n}\n\n.site-header-content .social-link:first-of-type {\n padding-left: 4px;\n}\n\n@media (max-width: 500px) {\n .site-header-content .author-bio {\n font-size: 1.8rem;\n line-height: 1.15em;\n letter-spacing: 0;\n }\n .author-location,\n .author-stats {\n display: none;\n }\n}\n\n\n/* 9. Error Template\n/* ---------------------------------------------------------- */\n\n.error-template .site-main {\n padding: 7vw 4vw;\n}\n\n.site-nav-center {\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n}\n\n.site-nav-center .site-nav-logo {\n margin-right: 0;\n}\n\n.error-message {\n text-align: center;\n}\n\n.error-code {\n margin: 0;\n font-size: 12vw;\n line-height: 1em;\n letter-spacing: -5px;\n opacity: 0.3;\n}\n\n.error-description {\n margin: 0;\n color: var(--midgrey);\n font-size: 3rem;\n line-height: 1.3em;\n font-weight: 400;\n}\n\n@media (max-width: 800px) {\n .error-description {\n margin: 5px 0 0 0;\n font-size: 1.8rem;\n }\n}\n\n.error-link {\n display: inline-block;\n margin-top: 5px;\n}\n\n.error-template .post-feed {\n padding-top: 0;\n}\n\n\n/* 10. Subscribe Overlay\n/* ---------------------------------------------------------- */\n\n.subscribe-overlay {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 9000;\n display: flex;\n justify-content: center;\n align-items: center;\n background: rgba(0,25,40,0.97);\n opacity: 0;\n transition: opacity 200ms ease-in;\n pointer-events: none;\n\n backdrop-filter: blur(3px);\n}\n\n.subscribe-overlay:target {\n opacity: 1;\n pointer-events: auto;\n}\n\n.subscribe-overlay-content {\n position: relative;\n z-index: 9999;\n margin: 0 0 5vw 0;\n padding: 4vw;\n color: #fff;\n text-align: center;\n}\n\n.subscribe-overlay-logo {\n position: fixed;\n top: 23px;\n left: 30px;\n height: 30px;\n}\n\n.subscribe-overlay-title {\n display: inline-block;\n margin: 0 0 10px 0;\n font-size: 6rem;\n line-height: 1.15em;\n}\n\n.subscribe-overlay-description {\n margin: 0 auto 50px;\n max-width: 650px;\n font-family: Georgia, serif;\n font-size: 3rem;\n line-height: 1.3em;\n font-weight: 300;\n opacity: 0.8;\n}\n\n.subscribe-overlay form {\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0 auto;\n max-width: 500px;\n}\n\n.subscribe-overlay .form-group {\n flex-grow: 1;\n}\n\n.subscribe-overlay .subscribe-email {\n display: block;\n padding: 14px 20px;\n width: 100%;\n border: none;\n color: var(--midgrey);\n font-size: 2rem;\n line-height: 1em;\n font-weight: normal;\n letter-spacing: 0.5px;\n user-select: text;\n border-radius: 8px;\n transition: border-color 0.15s linear;\n\n -webkit-appearance: none;\n}\n\n.subscribe-email:focus {\n outline: 0;\n border-color: color(var(--lightgrey) l(-2%));\n}\n\n.subscribe-overlay button {\n display: inline-block;\n margin: 0 0 0 15px;\n padding: 0 25px;\n height: 52px;\n outline: none;\n color: #fff;\n font-size: 1.7rem;\n line-height: 37px;\n font-weight: 400;\n text-align: center;\n text-shadow: 0 -1px 0 rgba(0,0,0,0.1);\n background: linear-gradient(\n color(var(--blue) whiteness(+7%)),\n color(var(--blue) lightness(-7%) saturation(-10%)) 60%,\n color(var(--blue) lightness(-7%) saturation(-10%)) 90%,\n color(var(--blue) lightness(-4%) saturation(-10%))\n );\n border-radius: 8px;\n box-shadow: 0 0 0 1px inset rgba(0,0,0,0.14);\n\n -webkit-font-smoothing: subpixel-antialiased;\n}\n\n.subscribe-overlay button:active,\n.subscribe-overlay button:focus {\n background: color(var(--blue) lightness(-9%) saturation(-10%));\n}\n\n.subscribe-overlay-close {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: block;\n}\n\n.subscribe-overlay-close:before {\n content: \"\";\n position: absolute;\n top: 40px;\n right: 25px;\n display: block;\n width: 30px;\n height: 2px;\n background: #fff;\n opacity: 0.8;\n transform: rotate(45deg);\n}\n\n.subscribe-overlay-close:after {\n content: \"\";\n position: absolute;\n top: 40px;\n right: 25px;\n display: block;\n width: 30px;\n height: 2px;\n background: #fff;\n opacity: 0.8;\n transform: rotate(-45deg);\n}\n\n.subscribe-overlay-close:hover {\n cursor: default;\n}\n\n\n/* 11. Site Footer\n/* ---------------------------------------------------------- */\n\n.site-footer {\n position: relative;\n padding-top: 20px;\n padding-bottom: 60px;\n color: #fff;\n background: color(var(--darkgrey) l(-15%));\n}\n\n.site-footer-content {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n align-items: center;\n color: rgba(255,255,255,0.7);\n font-size: 1.3rem;\n}\n\n.site-footer-content a {\n color: rgba(255,255,255,0.7);\n}\n\n.site-footer-content a:hover {\n color: rgba(255,255,255,1);\n text-decoration: none;\n}\n\n.site-footer-nav {\n display: flex;\n}\n\n.site-footer-nav a {\n position: relative;\n margin-left: 20px;\n}\n\n.site-footer-nav a:before {\n content: \"\";\n position: absolute;\n top: 11px;\n left: -11px;\n display: block;\n width: 2px;\n height: 2px;\n background: #fff;\n border-radius: 100%;\n}\n\n.site-footer-nav a:first-of-type:before {\n display: none;\n}\n\n@media (max-width: 650px) {\n .site-footer-content {\n flex-direction: column;\n }\n .site-footer-nav a:first-child {\n margin-left: 0;\n }\n}\n"],"sourceRoot":"/source/"} \ No newline at end of file +{"version":3,"sources":["global.css","screen.css"],"names":[],"mappings":"AAqBA,8YA6EI,SAAU,AACV,UAAW,AACX,SAAU,AACV,aAAc,AACd,eAAgB,AAChB,uBAAyB,CAC5B,AACD,KACI,aAAe,CAClB,AACD,MAEI,eAAiB,CACpB,AACD,aAEI,WAAa,CAChB,AACD,oDAII,WAAY,AACZ,YAAc,CACjB,AAKD,IACI,cAAgB,CACnB,AACD,KACI,sBAAuB,AACvB,uBAAwB,AAExB,0BAA2B,AAC3B,6BAA+B,CAClC,AACD,iBAGI,kBAAoB,CACvB,AACD,EACI,4BAA8B,CACjC,AACD,iBAEI,SAAW,CACd,AACD,SAEI,eAAkB,CACrB,AACD,SAGI,iBAAmB,CACtB,AACD,GACI,eAAiB,AACjB,aAAe,CAClB,AACD,MACI,aAAe,CAClB,AACD,QAEI,kBAAmB,AACnB,cAAe,AACf,cAAe,AACf,uBAAyB,CAC5B,AACD,IACI,SAAY,CACf,AACD,IACI,aAAgB,CACnB,AACD,IACI,QAAU,CACb,AACD,eACI,eAAiB,CACpB,AACD,KACI,wBAA0B,CAC7B,AACD,kBAII,gCAAkC,AAClC,aAAe,CAClB,AACD,sCAKI,SAAU,AACV,cAAe,AACf,YAAc,CACjB,AACD,OACI,iBAAkB,AAClB,WAAa,CAChB,AACD,cAEI,mBAAqB,CACxB,AACD,oEAKI,eAAgB,AAEhB,yBAA2B,CAC9B,AACD,sCAEI,cAAgB,CACnB,AACD,iDAEI,UAAW,AACX,QAAU,CACb,AACD,MACI,kBAAoB,CACvB,AACD,YACI,YAAc,CACjB,AACD,uCAEI,sBAAuB,AACvB,SAAW,CACd,AACD,4FAEI,WAAa,CAChB,AACD,mBACI,uBAAwB,AAExB,4BAA8B,CACjC,AACD,+FAEI,uBAAyB,CAC5B,AACD,OACI,UAAW,AACX,QAAU,CACb,AACD,SACI,aAAe,CAClB,AACD,MACI,iBAAkB,AAClB,wBAA0B,CAC7B,AACD,MAEI,SAAW,CACd,AAMD,KAEI,kBAAmB,AACnB,gBAAiB,AAEjB,yCAA8C,CACjD,AACD,UANI,iBAAmB,CAqBtB,AAfD,KAEI,cAAqC,AACrC,yHAAyI,AACzI,iBAAkB,AAClB,kBAAmB,AACnB,gBAAiB,AACjB,kBAAmB,AACnB,iBAAkB,AAClB,kCAAmC,AACnC,gBAAiB,AAEjB,mCAAoC,AACpC,kCAAmC,AACnC,oCAAsC,CACzC,AAED,iBACI,iBAAkB,AAClB,kBAA+C,CAClD,AAHD,YACI,iBAAkB,AAClB,kBAA+C,CAClD,AAED,GACI,kBAAmB,AACnB,cAAe,AACf,WAAY,AACZ,qBAAsB,AACtB,UAAW,AACX,WAAY,AACZ,SAAU,AACV,4BAAsD,CACzD,AAED,kCAMI,qBAAuB,CAC1B,AAED,SACI,SAAU,AACV,UAAW,AACX,QAAU,CACb,AAED,SACI,eAAiB,CACpB,AAED,sBAKI,gBAAoB,CACvB,AAED,MAEI,mBAAoB,AACpB,mBAAqB,CACxB,AAED,wBAII,iBAAoB,CACvB,AAED,GACI,eAAiB,CACpB,AAED,GACI,kBAAoB,CACvB,AAED,MAEI,cAAgB,CACnB,AAED,GACI,cAAgB,AAChB,kBAAoB,AACpB,iBAAmB,CACtB,AAED,GACI,WAAY,AACZ,kBAAmB,AACnB,YAAa,AACb,cAAuB,AACvB,gBAAiB,AACjB,gBAAkB,CACrB,AAED,GACI,eAAkB,AAClB,eAAiB,CACpB,AAED,WACI,eAAgB,AAChB,gBAAyB,AACzB,8BAA0C,CAC7C,AAED,aACI,cAAgB,AAChB,gBAAiB,AACjB,eAAiB,CACpB,AAED,iBACI,qBAAsB,AACtB,yBAA4B,AAC5B,eAAiB,AACjB,UAAa,CAChB,AAED,wBACI,qBAAuB,CAC1B,AAED,gBACI,eAAkB,CACrB,AACD,kBACI,eAAoB,CACvB,AAED,EACI,cAAiC,AACjC,oBAAsB,CACzB,AAED,QACI,yBAA2B,CAC9B,AAED,kBAMI,aAAc,AACd,iBAAkB,AAClB,gBAAiB,AACjB,iCAAmC,CACtC,AAED,GACI,gBAAoB,AACpB,eAAgB,AAChB,eAAiB,CACpB,AACD,yBACI,GACI,gBAAkB,CACrB,CACJ,AAED,GACI,oBAAwB,AACxB,cAAgB,CACnB,AACD,yBACI,GACI,gBAAkB,CACrB,CACJ,AAED,GACI,oBAAwB,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AClB,eAAiB,CACpB,AACD,yBACI,sBACI,gBAAkB,CACrB,CACJ,AAED,sBACI,mBAAwB,AACxB,iBAAkB,AAClB,eAAiB,CACpB,AACD,yBACI,sBACI,gBAAkB,CACrB,CACJ,AAED,sBACI,mBAAwB,AACxB,iBAAkB,AAClB,eAAiB,CACpB,AACD,yBACI,sBACI,gBAAkB,CACrB,CACJ,AAED,sBACI,mBAAwB,AACxB,iBAAkB,AAClB,eAAiB,CACpB,AACD,yBACI,sBACI,gBAAkB,CACrB,CACJ,AAED,sBACI,cAAe,AACf,cAAgB,AAChB,oBAAqB,AACrB,SAAU,AACV,cAAmB,AACnB,0BAA2B,AAC3B,iBAAkB,AAClB,mBAAoB,AACpB,iBAAmB,CACtB,AACD,0BACI,sBACI,iBAAkB,AAClB,WAAa,CAChB,CACJ,AACD,yBACI,sBACI,iBAAmB,AACnB,gBAAkB,CACrB,CACJ,AAED,sBACI,mBAAwB,AACxB,iBAAkB,AAClB,eAAiB,CACpB,AACD,yBACI,sBACI,cAAgB,CACnB,CACJ,AAED,eACI,kBAAoB,CACvB,AAED,WACI,gBAAkB,CACrB,AAED,aACI,QAAU,CACb,AAED,kBACI,wBAA8B,AAC9B,iBAAkB,AAClB,gBAAkB,AAClB,+BAAiC,AACjC,yBAA4B,CAC/B,AAGD,yBACI,gBACI,iBAAkB,AAClB,iBAAmB,CACtB,AACD,iBACI,gBAAkB,CACrB,AACD,iBACI,kBAAmB,AACnB,YAAc,CACjB,AACD,mBACI,SAAW,CACd,AACD,mDAEI,YAAc,CACjB,CACJ,AAGD,yBACI,qBAAsB,AACtB,gBAAiB,AACjB,oBAAsB,AACtB,eAAgB,AAChB,WAAY,AACZ,iBAAkB,AAClB,yBAA0B,AAC1B,yHAAyI,AACzI,iBAAkB,AAClB,mBAAoB,AACpB,mBAAoB,AAIpB,iCAAkC,AAClC,uJAA+L,AAC/L,oCAAsC,AACtC,oCAAsC,AACtC,2BAA6B,CAPhC,AAUD,wCACI,mEAAiG,AACjG,0BAA2B,AAC3B,2BAA6B,CAChC,AAED,uCACI,oEAAgG,AAChG,2BAA4B,AAC5B,0BAA2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","file":"screen.css","sourcesContent":["/* Variables\n/* ---------------------------------------------------------- */\n\n:root {\n /* Colours */\n --blue: #3eb0ef;\n --green: #a4d037;\n --purple: #ad26b4;\n --yellow: #fecd35;\n --red: #f05230;\n --darkgrey: #15171A;\n --midgrey: #738a94;\n --lightgrey: #c5d2d9;\n --whitegrey: #e5eff5;\n --pink: #fa3a57;\n --brown: #a3821a;\n}\n\n/* Reset\n/* ---------------------------------------------------------- */\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font: inherit;\n font-size: 100%;\n vertical-align: baseline;\n}\nbody {\n line-height: 1;\n}\nol,\nul {\n list-style: none;\n}\nblockquote,\nq {\n quotes: none;\n}\nblockquote:before,\nblockquote:after,\nq:before,\nq:after {\n content: \"\";\n content: none;\n}\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\nimg {\n max-width: 100%;\n}\nhtml {\n box-sizing: border-box;\n font-family: sans-serif;\n\n -ms-text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%;\n}\n*,\n*:before,\n*:after {\n box-sizing: inherit;\n}\na {\n background-color: transparent;\n}\na:active,\na:hover {\n outline: 0;\n}\nb,\nstrong {\n font-weight: bold;\n}\ni,\nem,\ndfn {\n font-style: italic;\n}\nh1 {\n margin: 0.67em 0;\n font-size: 2em;\n}\nsmall {\n font-size: 80%;\n}\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\nsup {\n top: -0.5em;\n}\nsub {\n bottom: -0.25em;\n}\nimg {\n border: 0;\n}\nsvg:not(:root) {\n overflow: hidden;\n}\nmark {\n background-color: #fdffb6;\n}\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em;\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n margin: 0; /* 3 */\n color: inherit; /* 1 */\n font: inherit; /* 2 */\n}\nbutton {\n overflow: visible;\n border: none;\n}\nbutton,\nselect {\n text-transform: none;\n}\nbutton,\nhtml input[type=\"button\"],\n/* 1 */\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n cursor: pointer; /* 3 */\n\n -webkit-appearance: button; /* 2 */\n}\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\ninput {\n line-height: normal;\n}\ninput:focus {\n outline: none;\n}\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\ninput[type=\"number\"]::-webkit-inner-spin-button,\ninput[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\ninput[type=\"search\"] {\n box-sizing: content-box; /* 2 */\n\n -webkit-appearance: textfield; /* 1 */\n}\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\nlegend {\n padding: 0; /* 2 */\n border: 0; /* 1 */\n}\ntextarea {\n overflow: auto;\n}\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\ntd,\nth {\n padding: 0;\n}\n\n/* ==========================================================================\n Base styles: opinionated defaults\n ========================================================================== */\n\nhtml {\n overflow-x: hidden;\n overflow-y: scroll;\n font-size: 62.5%;\n\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\nbody {\n overflow-x: hidden;\n color: color(var(--midgrey) l(-25%));\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 1.5rem;\n line-height: 1.6em;\n font-weight: 400;\n font-style: normal;\n letter-spacing: 0;\n text-rendering: optimizeLegibility;\n background: #fff;\n\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n -moz-font-feature-settings: \"liga\" on;\n}\n\n::selection {\n text-shadow: none;\n background: color(var(--blue) lightness(+30%));\n}\n\nhr {\n position: relative;\n display: block;\n width: 100%;\n margin: 2.5em 0 3.5em;\n padding: 0;\n height: 1px;\n border: 0;\n border-top: 1px solid color(var(--lightgrey) l(+10%));\n}\n\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n vertical-align: middle;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n border: 0;\n}\n\ntextarea {\n resize: vertical;\n}\n\np,\nul,\nol,\ndl,\nblockquote {\n margin: 0 0 1.5em 0;\n}\n\nol,\nul {\n padding-left: 1.3em;\n padding-right: 1.5em;\n}\n\nol ol,\nul ul,\nul ol,\nol ul {\n margin: 0.5em 0 1em;\n}\n\nul {\n list-style: disc;\n}\n\nol {\n list-style: decimal;\n}\n\nul,\nol {\n max-width: 100%;\n}\n\nli {\n margin: 0.5em 0;\n padding-left: 0.3em;\n line-height: 1.6em;\n}\n\ndt {\n float: left;\n margin: 0 20px 0 0;\n width: 120px;\n color: var(--darkgrey);\n font-weight: 500;\n text-align: right;\n}\n\ndd {\n margin: 0 0 5px 0;\n text-align: left;\n}\n\nblockquote {\n margin: 1.5em 0;\n padding: 0 1.6em 0 1.6em;\n border-left: var(--whitegrey) 0.5em solid;\n}\n\nblockquote p {\n margin: 0.8em 0;\n font-size: 1.2em;\n font-weight: 300;\n}\n\nblockquote small {\n display: inline-block;\n margin: 0.8em 0 0.8em 1.5em;\n font-size: 0.9em;\n opacity: 0.8;\n}\n/* Quotation marks */\nblockquote small:before {\n content: \"\\2014 \\00A0\";\n}\n\nblockquote cite {\n font-weight: bold;\n}\nblockquote cite a {\n font-weight: normal;\n}\n\na {\n color: color(var(--blue) l(-5%));\n text-decoration: none;\n}\n\na:hover {\n text-decoration: underline;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n line-height: 1.15;\n font-weight: 700;\n text-rendering: optimizeLegibility;\n}\n\nh1 {\n margin: 0 0 0.5em 0;\n font-size: 5rem;\n font-weight: 700;\n}\n@media (max-width: 500px) {\n h1 {\n font-size: 2.2rem;\n }\n}\n\nh2 {\n margin: 1.5em 0 0.5em 0;\n font-size: 2rem;\n}\n@media (max-width: 500px) {\n h2 {\n font-size: 1.8rem;\n }\n}\n\nh3 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.8rem;\n font-weight: 500;\n}\n@media (max-width: 500px) {\n h3 {\n font-size: 1.7rem;\n }\n}\n\nh4 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.6rem;\n font-weight: 500;\n}\n\nh5 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.4rem;\n font-weight: 500;\n}\n\nh6 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.4rem;\n font-weight: 500;\n}\n","/* Table of Contents\n/* ------------------------------------------------------------\n\nThis is a development CSS file which is built to a minified\nproduction stylesheet in assets/built/screen.css\n\n1. Global Styles\n2. Layout\n3. Special Templates\n4. Site Header\n5. Site Navigation\n6. Post Feed\n7. Single Post\n 7.1. Subscribe Form\n 7.2. Post Footer\n 7.2.1 Single Author Byline\n 7.2.2 Multiple Author Byline\n 7.3. Comments\n 7.4. Related Posts\n 7.5. Floating Header\n8. Author Template\n9. Error Template\n10. Subscribe Overlay\n11. Site Footer\n\n*/\n\n\n/* 1. Global - Set up the things\n/* ---------------------------------------------------------- */\n@import \"global.css\";\n\nbody {\n background: #f4f8fb;\n}\n\n.img {\n display: block;\n width: 100%;\n height: 100%;\n background-position: center center;\n background-size: cover;\n border-radius: 100%;\n}\n\n.hidden {\n visibility: hidden;\n position: absolute;\n text-indent: -9999px;\n}\n\n\n/* 2. Layout - Page building blocks\n/* ---------------------------------------------------------- */\n\n.site-wrapper {\n display: flex;\n flex-direction: column;\n min-height: 100vh;\n}\n\n.site-main {\n z-index: 100;\n flex-grow: 1;\n}\n\n/* Full width page blocks */\n.outer {\n position: relative;\n padding: 0 4vw;\n}\n\n/* Centered content container blocks */\n.inner {\n margin: 0 auto;\n max-width: 1040px;\n width: 100%;\n}\n\n/* Usage:\n\n
\n
\n Centered content\n
\n
\n\n*/\n\n/* 3. Special Template Styles\n/* ---------------------------------------------------------- */\n\n@media (min-width: 900px) {\n .home-template .post-feed,\n .tag-template .post-feed,\n .author-template .post-feed {\n margin-top: -70px;\n padding-top: 0;\n }\n .home-template .site-nav {\n position: relative;\n top: -70px;\n }\n}\n\n\n/* 4. Site Header\n/* ---------------------------------------------------------- */\n\n.site-header {\n position: relative;\n padding-top: 12px;\n padding-bottom: 12px;\n color: #fff;\n background: color(var(--darkgrey) l(-5%)) no-repeat center center;\n background-size: cover;\n}\n\n.site-header:before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 10;\n display: block;\n background: rgba(0,0,0,0.18);\n}\n\n.site-header:after {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: auto;\n left: 0;\n z-index: 10;\n display: block;\n height: 80px;\n background: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0));\n}\n\n.site-header.no-cover:before,\n.site-header.no-cover:after {\n display: none;\n}\n\n.site-header-content {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 10vw 4vw;\n min-height: 200px;\n max-height: 450px;\n text-align: center;\n}\n\n.site-title {\n z-index: 10;\n margin: 0;\n padding: 0;\n font-size: 3.8rem;\n font-weight: 700;\n}\n\n.site-logo {\n max-height: 45px;\n}\n\n.site-description {\n z-index: 10;\n margin: 0;\n padding: 5px 0;\n font-size: 2.2rem;\n font-weight: 300;\n letter-spacing: 0.5px;\n opacity: 0.8;\n}\n\n@media (max-width: 500px) {\n .site-title {\n font-size: 3rem;\n }\n .site-description {\n font-size: 1.8rem;\n }\n}\n\n\n/* 5. Site Navigation\n/* ---------------------------------------------------------- */\n\n.site-nav {\n position: relative;\n z-index: 300;\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n overflow-y: hidden;\n height: 40px;\n font-size: 1.2rem;\n}\n\n.site-nav-left {\n display: flex;\n align-items: center;\n overflow-x: auto;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n margin-right: 10px;\n padding-bottom: 80px;\n letter-spacing: 0.4px;\n white-space: nowrap;\n\n -ms-overflow-scrolling: touch;\n}\n\n/* Site Nav Hack Explanation (above):\n\nWhat's happening above it .site-nav-left is set to overflow-x and allow sideways scrolling, so that when there isn't enough space for all nav items (either due to lots of nav items, or a small viewport), you can still scroll side-to-side to reach them.\n\nThe knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px of padding-bottom and a 40px fixed height parent (.site-nav) hides that entirely. Slightly hacky code. But nice clean end-result.\n\n*/\n\n.site-nav-logo {\n flex-shrink: 0;\n display: block;\n margin-right: 24px;\n padding: 11px 0;\n color: #fff;\n font-size: 1.7rem;\n line-height: 1em;\n font-weight: bold;\n letter-spacing: -0.5px;\n}\n\n.site-nav-logo:hover {\n text-decoration: none;\n}\n\n.site-nav-logo img {\n display: block;\n width: auto;\n height: 21px;\n}\n\n.nav {\n display: flex;\n margin: 0 0 0 -12px;\n padding: 0;\n list-style: none;\n}\n\n.nav li {\n display: block;\n margin: 0;\n padding: 0;\n text-transform: uppercase;\n}\n\n.nav li a {\n display: block;\n margin: 0;\n padding: 10px 12px;\n color: #fff;\n opacity: 0.8;\n}\n\n.nav li a:hover {\n text-decoration: none;\n opacity: 1;\n}\n\n.site-nav-right {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n height: 40px;\n}\n\n.social-links {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n}\n\n.social-links a:last-of-type {\n padding-right: 20px;\n}\n\n.social-link {\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0;\n padding: 10px;\n color: #fff;\n opacity: 0.8;\n}\n\n.social-link:hover {\n opacity: 1;\n}\n\n.social-link svg {\n height: 1.8rem;\n fill: #fff;\n}\n\n.social-link-fb svg {\n height: 1.5rem;\n}\n\n.social-link-wb svg {\n height: 1.6rem;\n}\n\n.social-link-wb svg path {\n stroke: #fff;\n}\n\n.social-link-rss svg {\n height: 1.9rem;\n}\n\n.subscribe-button {\n display: block;\n padding: 4px 10px;\n border: #fff 1px solid;\n color: #fff;\n font-size: 1.2rem;\n line-height: 1em;\n border-radius: 10px;\n opacity: 0.8;\n}\n\n.subscribe-button:hover {\n text-decoration: none;\n opacity: 1;\n}\n\n.rss-button {\n opacity: 0.8;\n}\n\n.rss-button:hover {\n opacity: 1;\n}\n\n.rss-button svg {\n margin-bottom: 1px;\n height: 2.1rem;\n fill: #fff;\n}\n\n@media (max-width: 700px) {\n .site-header {\n padding-right: 0;\n padding-left: 0;\n }\n .site-nav-left {\n margin-right: 0;\n padding-left: 4vw;\n }\n .site-nav-right {\n display: none;\n }\n}\n\n\n/* 6. Post Feed\n/* ---------------------------------------------------------- */\n\n.post-feed {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n margin: 0 -20px;\n padding: 40px 0 0 0;\n}\n\n.post-card {\n flex: 1 1 300px;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n margin: 0 20px 40px;\n min-height: 300px;\n background: #fff center center;\n background-size: cover;\n border-radius: 5px;\n box-shadow: rgba(39,44,49,0.06) 8px 14px 38px, rgba(39, 44, 49, 0.03) 1px 3px 8px;\n transition: all 0.5s ease;\n}\n\n.post-card:hover {\n box-shadow: rgba(39,44,49,0.07) 8px 28px 50px, rgba(39, 44, 49, 0.04) 1px 6px 12px;\n transition: all 0.4s ease;\n transform: translate3D(0, -1px, 0) scale(1.02);\n}\n\n.post-card-image-link {\n position: relative;\n display: block;\n overflow: hidden;\n border-radius: 5px 5px 0 0;\n}\n\n.post-card-image {\n width: auto;\n height: 200px;\n background: var(--lightgrey) no-repeat center center;\n background-size: cover;\n}\n\n.post-card-content-link {\n position: relative;\n flex-grow: 1;\n display: block;\n padding: 25px 25px 0;\n color: var(--darkgrey);\n}\n\n.post-card-content-link:hover {\n text-decoration: none;\n}\n\n.post-card-tags {\n display: block;\n margin-bottom: 4px;\n color: var(--midgrey);\n font-size: 1.2rem;\n line-height: 1.15em;\n font-weight: 500;\n letter-spacing: 0.5px;\n text-transform: uppercase;\n}\n\n.post-card-title {\n margin-top: 0;\n}\n\n.post-card-content {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.post-card-excerpt {\n font-family: Georgia, serif;\n}\n\n.post-card-meta {\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n padding: 0 25px 25px;\n}\n\n.author-profile-image {\n display: block;\n background: color(var(--lightgrey) l(+10%));\n border-radius: 100%;\n\n object-fit: cover;\n}\n\n.post-card-meta .profile-image-wrapper,\n.post-card-meta .avatar-wrapper {\n position: relative;\n}\n\n.author-list {\n display: flex;\n flex-wrap: wrap-reverse;\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.author-list-item {\n flex-shrink: 0;\n position: relative;\n margin: 0;\n padding: 0;\n}\n\n.author-list-item:nth-child(1) { z-index: 10; }\n.author-list-item:nth-child(2) { z-index: 9; }\n.author-list-item:nth-child(3) { z-index: 8; }\n.author-list-item:nth-child(4) { z-index: 7; }\n.author-list-item:nth-child(5) { z-index: 6; }\n.author-list-item:nth-child(6) { z-index: 5; }\n.author-list-item:nth-child(7) { z-index: 4; }\n.author-list-item:nth-child(8) { z-index: 3; }\n.author-list-item:nth-child(9) { z-index: 2; }\n.author-list-item:nth-child(10) { z-index: 1; }\n\n.static-avatar {\n display: block;\n height: 34px;\n width: 34px;\n border: #fff 2px solid;\n margin: 0 -5px;\n border-radius: 100%;\n overflow: hidden;\n}\n\n.moving-avatar {\n display: block;\n height: 56px;\n width: 56px;\n border: #fff 2px solid;\n margin: 0 -6px;\n border-radius: 100%;\n overflow: hidden;\n transition: all 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.7s;\n}\n\n@media (min-width: 800px) {\n .author-list:hover .moving-avatar {\n margin: 0;\n transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);\n }\n}\n\n.author-name-tooltip {\n position: absolute;\n bottom: 105%;\n z-index: 999;\n display: block;\n padding: 2px 8px;\n color: white;\n font-size: 1.2rem;\n letter-spacing: 0.2px;\n white-space: nowrap;\n background: var(--darkgrey);\n border-radius: 3px;\n box-shadow: rgba(39,44,49,0.08) 0 12px 26px, rgba(39, 44, 49, 0.03) 1px 3px 8px;\n opacity: 0;\n transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);\n transform: translateY(6px);\n pointer-events: none;\n}\n\n.author-list-item:hover .author-name-tooltip {\n opacity: 1.0;\n transform: translateY(0px);\n}\n\n@media (max-width: 650px) {\n .author-name-tooltip {\n display: none;\n }\n}\n\n.reading-time {\n flex-shrink: 0;\n margin-left: 20px;\n color: var(--midgrey);\n font-size: 1.2rem;\n line-height: 33px;\n font-weight: 500;\n letter-spacing: 0.5px;\n text-transform: uppercase;\n}\n\n/* Special Styling for home page grid (below):\n\nThe first (most recent) post in the list is styled to be bigger than the others and take over the full width of the grid to give it more emphasis. Wrapped in a media query to make sure this only happens on large viewports / desktop-ish devices.\n\n */\n\n@media (min-width: 795px) {\n .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) {\n flex: 1 1 100%;\n flex-direction: row;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-image-link {\n position: relative;\n flex: 1 1 auto;\n border-radius: 5px 0 0 5px;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-image {\n position: absolute;\n width: 100%;\n height: 100%;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-content {\n flex: 0 1 357px;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) h2 {\n font-size: 2.6rem;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) p {\n font-size: 1.8rem;\n line-height: 1.55em;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-content-link {\n padding: 30px 40px 0;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-meta {\n padding: 0 40px 30px;\n }\n}\n\n.home-template .site-header:after {\n display: none;\n}\n\n\n/* Adjust some margins for smaller screens */\n@media (max-width: 650px) {\n .post-feed {\n padding-top: 5vw;\n }\n .post-card {\n margin: 0 20px 5vw;\n }\n}\n\n\n\n/* 7. Single Post\n/* ---------------------------------------------------------- */\n\n.post-template .site-main,\n.page-template .site-main {\n padding-bottom: 4vw;\n background: #fff;\n}\n\n.post-full {\n position: relative;\n z-index: 50;\n}\n/* ^ Required to make .post-full-content:before/after z-index stacking work */\n\n.post-full-header {\n margin: 0 auto;\n padding: 6vw 3vw 3vw;\n max-width: 1040px;\n text-align: center;\n}\n@media (max-width: 500px) {\n .post-full-header {\n padding: 14vw 3vw 10vw;\n }\n}\n\n.post-full-meta {\n display: flex;\n justify-content: center;\n align-items: center;\n color: var(--midgrey);\n font-size: 1.4rem;\n font-weight: 600;\n text-transform: uppercase;\n}\n\n.post-full-meta-date {\n color: var(--blue);\n}\n\n.post-full-title {\n margin: 0;\n color: color(var(--darkgrey) l(-5%));\n}\n\n.date-divider {\n display: inline-block;\n margin: 0 6px 1px;\n}\n\n.post-full-image {\n margin: 0 -10vw -165px;\n height: 800px;\n background: var(--lightgrey) center center;\n background-size: cover;\n border-radius: 5px;\n}\n\n@media (max-width: 1170px) {\n .post-full-image {\n margin: 0 -4vw -100px;\n height: 600px;\n border-radius: 0;\n }\n}\n\n@media (max-width: 800px) {\n .post-full-image {\n height: 400px;\n }\n}\n\n.post-full-content {\n position: relative;\n margin: 0 auto;\n padding: 70px 100px 0;\n min-height: 230px;\n font-family: Georgia, serif;\n font-size: 2.2rem;\n line-height: 1.6em;\n background: #fff;\n}\n\n@media (max-width: 1170px) {\n .post-full-content {\n padding: 5vw 7vw 0;\n }\n}\n@media (max-width: 800px) {\n .post-full-content {\n font-size: 1.9rem;\n }\n}\n\n.post-full-content:before {\n content: \"\";\n position: absolute;\n top: 15px;\n left: -5px;\n z-index: -1;\n display: block;\n width: 20px;\n height: 200px;\n background: rgba(39,44,49,0.15);\n filter: blur(5px);\n transform: rotate(-5deg);\n}\n\n.post-full-content:after {\n content: \"\";\n position: absolute;\n top: 15px;\n right: -5px;\n z-index: -1;\n display: block;\n width: 20px;\n height: 200px;\n background: rgba(39,44,49,0.15);\n filter: blur(5px);\n transform: rotate(5deg);\n}\n\n.no-image .post-full-content {\n padding-top: 0;\n}\n\n.no-image .post-full-content:before,\n.no-image .post-full-content:after {\n display: none;\n}\n\n.kg-card-markdown {\n display: flex;\n flex-direction: column;\n align-items: center;\n max-width: 920px;\n}\n\n.post-full-content h1,\n.post-full-content h2,\n.post-full-content h3,\n.post-full-content h4,\n.post-full-content h5,\n.post-full-content h6,\n.post-full-content p,\n.post-full-content ul,\n.post-full-content ol,\n.post-full-content dl,\n.post-full-content pre,\n.post-full-content blockquote,\n.post-full-comments,\n.footnotes {\n min-width: 100%;\n}\n\n.post-full-content li {\n word-break: break-word;\n}\n\n.post-full-content li p {\n margin: 0;\n}\n\n.post-template .kg-card-markdown > p:first-child {\n font-size: 1.25em;\n line-height: 1.5em;\n}\n\n.post-full-content a {\n color: #000;\n box-shadow: var(--blue) 0 -1px 0 inset;\n}\n\n.post-full-content a:hover {\n color: var(--blue);\n text-decoration: none;\n}\n\n.post-full-content strong,\n.post-full-content em {\n color: color(var(--darkgrey) l(-5%));\n}\n\n.post-full-content small {\n display: inline-block;\n line-height: 1.6em;\n}\n\n.post-full-content li:first-child {\n margin-top: 0;\n}\n\n.post-full-content img,\n.post-full-content video {\n display: block;\n margin: 1.5em auto;\n max-width: 1040px;\n}\n@media (max-width: 1040px) {\n .post-full-content img,\n .post-full-content video {\n width: 100%;\n }\n}\n\n\n/* Full bleed images (#full)\nSuper neat trick courtesy of @JoelDrapper\n\nUsage (In Ghost edtior):\n\n![img](/some/image.jpg#full)\n\n*/\n.post-full-content img[src$=\"#full\"] {\n max-width: none;\n width: 100vw;\n}\n\n\n/* Image captions\n\nUsage (In Ghost editor):\n\n![img](/some/image.jpg)\nYour image caption\n\n*/\n.post-full-content img + br + small {\n display: block;\n margin-top: -3em;\n margin-bottom: 1.5em;\n}\n\n\n.post-full-content iframe {\n margin: 0 auto;\n}\n\n.post-full-content blockquote {\n margin: 0 0 1.5em;\n padding: 0 1.5em;\n border-left: #3eb0ef 3px solid;\n}\n\n.post-full-content blockquote p {\n margin: 0 0 1em 0;\n color: inherit;\n font-size: inherit;\n line-height: inherit;\n font-style: italic;\n}\n\n.post-full-content blockquote p:last-child {\n margin-bottom: 0;\n}\n\n.post-full-content code {\n padding: 0 5px 2px;\n font-size: 0.8em;\n line-height: 1em;\n font-weight: 400!important;\n background: var(--whitegrey);\n border-radius: 3px;\n}\n\n.post-full-content pre {\n overflow-x: auto;\n margin: 1.5em 0 3em;\n padding: 20px;\n max-width: 100%;\n border: color(var(--darkgrey) l(-10%)) 1px solid;\n color: var(--whitegrey);\n font-size: 1.4rem;\n line-height: 1.5em;\n background: color(var(--darkgrey) l(-3%));\n border-radius: 5px;\n}\n\n.post-full-content pre code {\n padding: 0;\n font-size: inherit;\n line-height: inherit;\n background: transparent;\n}\n\n.post-full-content pre code * {\n color: inherit;\n}\n\n.post-full-content .fluid-width-video-wrapper {\n margin: 1.5em 0 3em;\n}\n\n.post-full-content hr {\n margin: 4vw 0;\n}\n\n.post-full-content hr:after {\n content: \"\";\n position: absolute;\n top: -15px;\n left: 50%;\n display: block;\n margin-left: -10px;\n width: 1px;\n height: 30px;\n background: color(var(--lightgrey) l(+10%));\n box-shadow: #fff 0 0 0 5px;\n transform: rotate(45deg);\n}\n\n.post-full-content h1,\n.post-full-content h2,\n.post-full-content h3,\n.post-full-content h4,\n.post-full-content h5,\n.post-full-content h6 {\n color: color(var(--darkgrey) l(-5%));\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n}\n\n.post-full-content h1 {\n margin: 0.5em 0 0.2em 0;\n font-size: 4.6rem;\n font-weight: 700;\n}\n@media (max-width: 500px) {\n .post-full-content h1 {\n font-size: 2.8rem;\n }\n}\n\n.post-full-content h2 {\n margin: 0.5em 0 0.2em 0;\n font-size: 3.6rem;\n font-weight: 700;\n}\n@media (max-width: 500px) {\n .post-full-content h2 {\n font-size: 2.6rem;\n }\n}\n\n.post-full-content h3 {\n margin: 0.5em 0 0.2em 0;\n font-size: 2.8rem;\n font-weight: 700;\n}\n@media (max-width: 500px) {\n .post-full-content h3 {\n font-size: 2.2rem;\n }\n}\n\n.post-full-content h4 {\n margin: 0.5em 0 0.2em 0;\n font-size: 2.8rem;\n font-weight: 700;\n}\n@media (max-width: 500px) {\n .post-full-content h4 {\n font-size: 2.2rem;\n }\n}\n\n.post-full-content h5 {\n display: block;\n margin: 0.5em 0;\n padding: 1em 0 1.5em;\n border: 0;\n color: var(--blue);\n font-family: Georgia,serif;\n font-size: 3.2rem;\n line-height: 1.35em;\n text-align: center;\n}\n@media (min-width: 1180px) {\n .post-full-content h5 {\n max-width: 1060px;\n width: 100vw;\n }\n}\n@media (max-width: 500px) {\n .post-full-content h5 {\n padding: 0 0 0.5em;\n font-size: 2.2rem;\n }\n}\n\n.post-full-content h6 {\n margin: 0.5em 0 0.2em 0;\n font-size: 2.3rem;\n font-weight: 700;\n}\n@media (max-width: 500px) {\n .post-full-content h6 {\n font-size: 2rem;\n }\n}\n\n.footnotes-sep {\n margin-bottom: 30px;\n}\n\n.footnotes {\n font-size: 1.5rem;\n}\n\n.footnotes p {\n margin: 0;\n}\n\n.footnote-backref {\n color: var(--blue) !important;\n font-size: 1.2rem;\n font-weight: bold;\n text-decoration: none !important;\n box-shadow: none !important;\n}\n\n/* Some grouped styles for smaller viewports */\n@media (max-width: 500px) {\n .post-full-meta {\n font-size: 1.2rem;\n line-height: 1.3em;\n }\n .post-full-title {\n font-size: 2.9rem;\n }\n .post-full-image {\n margin-bottom: 4vw;\n height: 350px;\n }\n .post-full-content {\n padding: 0;\n }\n .post-full-content:before,\n .post-full-content:after {\n display: none;\n }\n}\n\n/* Tables */\n.post-full-content table {\n display: inline-block;\n overflow-x: auto;\n margin: 0.5em 0 2.5em;\n max-width: 100%;\n width: auto;\n border-spacing: 0;\n border-collapse: collapse;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 1.6rem;\n white-space: nowrap;\n vertical-align: top;\n}\n\n.post-full-content table {\n -webkit-overflow-scrolling: touch;\n background: radial-gradient(ellipse at left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 0 center, radial-gradient(ellipse at right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center;\n background-attachment: scroll, scroll;\n background-size: 10px 100%, 10px 100%;\n background-repeat: no-repeat;\n}\n\n.post-full-content table td:first-child {\n background-image: linear-gradient(to right, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);\n background-size: 20px 100%;\n background-repeat: no-repeat;\n}\n\n.post-full-content table td:last-child {\n background-image: linear-gradient(to left, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);\n background-position: 100% 0;\n background-size: 20px 100%;\n background-repeat: no-repeat;\n}\n\n.post-full-content table th {\n color: var(--darkgrey);\n font-size: 1.2rem;\n font-weight: 700;\n letter-spacing: 0.2px;\n text-align: left;\n text-transform: uppercase;\n background-color: color(var(--whitegrey) l(+4%));\n}\n\n.post-full-content table th,\n.post-full-content table td {\n padding: 6px 12px;\n border: color(var(--whitegrey) l(-1%) s(-5%)) 1px solid;\n}\n\n\n/* 7.1. Subscribe Form\n/* ---------------------------------------------------------- */\n\n.subscribe-form {\n margin: 1.5em 0;\n padding: 6.5vw 7vw 7vw;\n border: color(var(--whitegrey) l(+2%)) 1px solid;\n text-align: center;\n background: color(var(--whitegrey) l(+4%));\n border-radius: 7px;\n}\n\n.subscribe-form-title {\n margin: 0 0 3px 0;\n padding: 0;\n color: var(--darkgrey);\n font-size: 3.5rem;\n line-height: 1;\n font-weight: 700;\n}\n\n.subscribe-form p {\n margin-bottom: 1em;\n color: var(--midgrey);\n font-size: 2.2rem;\n line-height: 1.55em;\n letter-spacing: 0.2px;\n}\n\n.subscribe-form form {\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0 auto;\n max-width: 420px;\n}\n\n.subscribe-form .form-group {\n flex-grow: 1;\n}\n\n.subscribe-email {\n display: block;\n padding: 10px;\n width: 100%;\n border: color(var(--lightgrey) l(+7%)) 1px solid;\n color: var(--midgrey);\n font-size: 1.8rem;\n line-height: 1em;\n font-weight: normal;\n user-select: text;\n border-radius: 5px;\n transition: border-color 0.15s linear;\n\n -webkit-appearance: none;\n}\n\n.subscribe-email:focus {\n outline: 0;\n border-color: color(var(--lightgrey) l(-2%));\n}\n\n.subscribe-form button {\n display: inline-block;\n margin: 0 0 0 10px;\n padding: 0 20px;\n height: 41px;\n outline: none;\n color: #fff;\n font-size: 1.5rem;\n line-height: 37px;\n font-weight: 400;\n text-align: center;\n text-shadow: 0 -1px 0 rgba(0,0,0,0.1);\n background: linear-gradient(\n color(var(--blue) whiteness(+7%)),\n color(var(--blue) lightness(-7%) saturation(-10%)) 60%,\n color(var(--blue) lightness(-7%) saturation(-10%)) 90%,\n color(var(--blue) lightness(-4%) saturation(-10%))\n );\n border-radius: 5px;\n box-shadow: 0 0 0 1px inset rgba(0,0,0,0.14);\n\n -webkit-font-smoothing: subpixel-antialiased;\n}\n\n.subscribe-form button:active,\n.subscribe-form button:focus {\n background: color(var(--blue) lightness(-9%) saturation(-10%));\n}\n\n@media (max-width: 650px) {\n .subscribe-form-title {\n font-size: 2.4rem;\n }\n .subscribe-form p {\n font-size: 1.6rem;\n }\n}\n\n@media (max-width: 500px) {\n .subscribe-form form {\n flex-direction: column;\n }\n .subscribe-form .form-group {\n width: 100%;\n }\n .subscribe-form button {\n margin: 10px 0 0 0;\n width: 100%;\n }\n}\n\n\n/* 7.2. Post Footer\n/* ---------------------------------------------------------- */\n\n.post-full-footer {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 0 auto;\n padding: 3vw 0 6vw 0;\n max-width: 840px;\n}\n\n/* 7.2.1 Single Author Byline\n/* ---------------------------------------------------------- */\n\n.author-card {\n display: flex;\n}\n\n.author-card .author-profile-image {\n margin-right: 15px;\n width: 60px;\n height: 60px;\n}\n\n.author-card-name {\n margin: 8px 0 2px 0;\n padding: 0;\n font-size: 2rem;\n}\n\n.author-card-name a {\n color: var(--darkgrey);\n font-weight: 700;\n}\n\n.author-card-name a:hover {\n text-decoration: none;\n}\n\n.author-card-content p {\n margin: 0;\n color: var(--midgrey);\n line-height: 1.3em;\n}\n\n.post-full-footer-right {\n flex-shrink: 0;\n margin-left: 20px;\n}\n\n.author-card-button {\n display: block;\n padding: 9px 16px;\n border: color(var(--midgrey) l(+20%)) 1px solid;\n color: var(--midgrey);\n font-size: 1.2rem;\n line-height: 1;\n font-weight: 500;\n border-radius: 20px;\n transition: all ease 0.2s;\n}\n\n.author-card-button:hover {\n border-color: var(--blue);\n color: var(--blue);\n text-decoration: none;\n}\n\n/* 7.2.2 Multiple Author Byline\n/* ---------------------------------------------------------- */\n\n.post-full-authors {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-top: 20px;\n padding-top: 40px;\n border-top: color(var(--lightgrey) l(+10%)) 1px solid;\n}\n\n.post-full-authors-content {\n margin-bottom: 20px;\n}\n\n.post-full-authors-content p {\n margin-bottom: 0;\n color: var(--midgrey);\n font-size: 1.4rem;\n letter-spacing: 0.2px;\n text-align: center;\n text-transform: uppercase;\n}\n\n.post-full-authors-content a {\n display: inline-block;\n color: color(var(--darkgrey) l(+20%));\n font-size: 1.4rem;\n font-weight: 600;\n text-transform: uppercase;\n}\n\n.post-full-footer .author-list {\n justify-content: center;\n padding: 10px 20px;\n}\n\n.author-card .author-profile-image,\n.author-card .avatar-wrapper {\n margin-right: 15px;\n position: relative;\n}\n\n.author-list-item .author-card {\n position: absolute;\n bottom: 130%;\n left: 50%;\n z-index: 300;\n display: block;\n width: 320px;\n margin-left: -160px;\n font-size: 1.4rem;\n letter-spacing: 0.2px;\n background: white;\n border-radius: 6px;\n box-shadow: rgba(39,44,49,0.08) 0 12px 26px, rgba(39, 44, 49, 0.03) 1px 3px 8px;\n opacity: 0;\n transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);\n transform: scale(0.98) translateY(15px);\n pointer-events: none;\n}\n\n.author-list-item .author-card:before {\n content: \"\";\n position: absolute;\n top: 100%;\n left: 50%;\n display: block;\n width: 0;\n height: 0;\n margin-left: -12px;\n border-top: 12px solid #fff;\n border-right: 12px solid transparent;\n border-left: 12px solid transparent;\n}\n\n.author-list-item .author-card.hovered {\n opacity: 1.0;\n transform: scale(1) translateY(0px);\n pointer-events: auto;\n}\n\n.author-card .basic-info {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 30px 20px 20px 20px;\n color: #fff;\n background: var(--darkgrey);\n border-radius: 6px 6px 0 0;\n}\n\n.author-card .basic-info h2 {\n margin: 1em 0 0.5em;\n}\n\n.author-card .bio {\n padding: 20px 20px 0;\n}\n\n@media (max-width: 650px) {\n .author-list-item .author-card {\n display: none;\n }\n}\n\n.basic-info .author-profile-image {\n margin: 0;\n width: 88px;\n height: 88px;\n border: none;\n}\n\n.basic-info .avatar-wrapper {\n position: relative;\n margin: 0;\n width: 88px;\n height: 88px;\n border: none;\n background: rgba(229, 239, 245, 0.1);\n}\n\n.basic-info .avatar-wrapper svg {\n margin: 0;\n width: 88px;\n height: 88px;\n opacity: 0.15;\n}\n\n\n/* 7.3. Comments\n/* ---------------------------------------------------------- */\n\n.post-full-comments {\n margin: 0 auto;\n max-width: 840px;\n}\n\n\n/* 7.4. Related posts\n/* ---------------------------------------------------------- */\n\n.read-next-feed {\n display: flex;\n flex-wrap: wrap;\n margin: 0 -20px;\n padding: 40px 0 0 0;\n}\n\n.read-next-card {\n position: relative;\n flex: 1 1 300px;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n margin: 0 20px 40px;\n padding: 25px;\n color: #fff;\n background: var(--darkgrey) center center;\n background-size: cover;\n border-radius: 5px;\n box-shadow: rgba(39,44,49,0.06) 8px 14px 38px, rgba(39, 44, 49, 0.03) 1px 3px 8px;\n}\n\n.read-next-card:before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: block;\n background: linear-gradient(135deg, rgba(0,40,60,0.8) 0%,rgba(0,20,40,0.7) 100%);\n border-radius: 5px;\n\n backdrop-filter: blur(2px);\n}\n\n.read-next-card-header {\n position: relative;\n z-index: 50;\n padding-top: 20px;\n text-align: center;\n}\n\n.read-next-card-header-sitetitle {\n display: block;\n font-size: 1.3rem;\n line-height: 1.3em;\n opacity: 0.8;\n}\n\n.read-next-card-header-title {\n margin: 0;\n padding: 0 20px;\n color: #fff;\n font-size: 3rem;\n line-height: 1.2em;\n letter-spacing: 1px;\n}\n\n.read-next-card-header-title a {\n color: #fff;\n font-weight: 300;\n text-decoration: none;\n}\n\n.read-next-card-header-title a:hover {\n text-decoration: none;\n}\n\n.read-next-divider {\n position: relative;\n display: flex;\n justify-content: center;\n height: 80px;\n}\n\n.read-next-divider svg {\n width: 40px;\n fill: transparent;\n stroke: #fff;\n\n stroke-width: 0.5px;\n stroke-opacity: 0.65;\n}\n\n.read-next-card-content {\n position: relative;\n z-index: 50;\n flex-grow: 1;\n display: flex;\n font-size: 1.7rem;\n}\n\n.read-next-card-content ul {\n display: flex;\n flex-direction: column;\n margin: 0 auto;\n padding: 0;\n text-align: center;\n list-style: none;\n}\n\n.read-next-card-content li {\n margin: 0;\n padding: 0;\n font-size: 1.6rem;\n line-height: 1.25em;\n font-weight: 200;\n letter-spacing: -0.5px;\n}\n\n.read-next-card-content li a {\n display: block;\n padding: 20px 0;\n border-bottom: rgba(255,255,255,0.3) 1px solid;\n color: #fff;\n font-weight: 500;\n vertical-align: top;\n transition: opacity 0.3s ease;\n}\n\n.read-next-card-content li:first-of-type a {\n padding-top: 10px;\n}\n\n.read-next-card-content li a:hover {\n opacity: 1;\n}\n\n.read-next-card-footer {\n position: relative;\n margin: 15px 0 3px 0;\n text-align: center;\n}\n\n.read-next-card-footer a {\n color: #fff;\n}\n\n\n/* 7.5. Floating Header\n/* ---------------------------------------------------------- */\n\n.floating-header {\n visibility: hidden;\n position: fixed;\n top: 0;\n right: 0;\n left: 0;\n z-index: 1000;\n display: flex;\n align-items: center;\n height: 60px;\n border-bottom: rgba(0,0,0,0.06) 1px solid;\n background: rgba(255,255,255,0.95);\n transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);\n transform: translate3d(0, -120%, 0);\n}\n\n.floating-active {\n visibility: visible;\n transition: all 500ms cubic-bezier(0.22, 1, 0.27, 1);\n transform: translate3d(0, 0, 0);\n}\n\n.floating-header-logo {\n overflow: hidden;\n margin: 0 0 0 20px;\n font-size: 1.6rem;\n line-height: 1em;\n letter-spacing: -1px;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.floating-header-logo a {\n display: flex;\n align-items: center;\n color: var(--darkgrey);\n line-height: 1.1em;\n font-weight: 700;\n}\n\n.floating-header-logo a:hover {\n text-decoration: none;\n}\n\n.floating-header-logo img {\n margin: 0 10px 0 0;\n max-height: 20px;\n}\n\n.floating-header-divider {\n margin: 0 5px;\n line-height: 1em;\n}\n\n.floating-header-title {\n flex: 1;\n overflow: hidden;\n margin: 0;\n color: #2e2e2e;\n font-size: 1.6rem;\n line-height: 1.3em;\n font-weight: bold;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.floating-header-share {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n padding-left: 2%;\n font-size: 1.3rem;\n line-height: 1;\n}\n\n.floating-header-share a {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.floating-header-share svg {\n width: auto;\n height: 16px;\n fill: #fff;\n}\n\n.floating-header-share-label {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n margin-right: 10px;\n color: rgba(0,0,0,0.7);\n font-weight: 500;\n}\n\n.floating-header-share-label svg {\n margin: 0 5px 0 10px;\n width: 18px;\n height: 18px;\n stroke: rgba(0,0,0,0.7);\n transform: rotate(90deg);\n}\n\n.floating-header-share-tw,\n.floating-header-share-fb {\n display: block;\n align-items: center;\n width: 60px;\n height: 60px;\n color: #fff;\n line-height: 48px;\n text-align: center;\n transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);\n}\n\n.floating-header-share-tw {\n background: #33b1ff;\n}\n\n.floating-header-share-fb {\n background: #005e99;\n}\n\n.progress {\n position: absolute;\n right: 0;\n bottom: -1px;\n left: 0;\n width: 100%;\n height: 2px;\n border: none;\n color: var(--blue);\n background: transparent;\n\n appearance: none;\n}\n\n.progress::-webkit-progress-bar {\n background-color: transparent;\n}\n\n.progress::-webkit-progress-value {\n background-color: var(--blue);\n}\n\n.progress::-moz-progress-bar {\n background-color: var(--blue);\n}\n\n.progress-container {\n position: absolute;\n top: 0;\n left: 0;\n display: block;\n width: 100%;\n height: 2px;\n background-color: transparent;\n}\n\n.progress-bar {\n display: block;\n width: 50%;\n height: inherit;\n background-color: var(--blue);\n}\n\n@media (max-width: 900px) {\n .floating-header {\n height: 40px;\n }\n .floating-header-title,\n .floating-header-logo {\n font-size: 1.5rem;\n }\n .floating-header-share-tw,\n .floating-header-share-fb {\n width: 40px;\n height: 40px;\n line-height: 38px;\n }\n}\n\n@media (max-width: 800px) {\n .floating-header-logo {\n margin-left: 10px;\n }\n .floating-header-logo a {\n color: #2e2e2e;\n }\n .floating-header-title,\n .floating-header-divider {\n visibility: hidden;\n }\n}\n\n@media (max-width: 450px) {\n .floating-header-share-label {\n display: none;\n }\n}\n\n\n/* 8. Author Template\n/* ---------------------------------------------------------- */\n\n.site-header-content .author-profile-image {\n z-index: 10;\n flex-shrink: 0;\n margin: 0 0 20px 0;\n width: 100px;\n height: 100px;\n box-shadow: rgba(255,255,255,0.1) 0 0 0 6px;\n}\n\n.site-header-content .author-bio {\n z-index: 10;\n flex-shrink: 0;\n margin: 5px 0 10px 0;\n max-width: 600px;\n font-size: 2rem;\n line-height: 1.3em;\n font-weight: 300;\n letter-spacing: 0.5px;\n opacity: 0.8;\n}\n\n.site-header-content .author-meta {\n z-index: 10;\n flex-shrink: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0 0 10px 0;\n font-family: Georgia, serif;\n font-style: italic;\n}\n\n.site-header-content .author-location svg {\n height: 1.9rem;\n stroke: #fff;\n}\n\n.site-header-content .bull {\n display: inline-block;\n margin: 0 12px;\n opacity: 0.5;\n}\n\n.site-header-content .social-link:first-of-type {\n padding-left: 4px;\n}\n\n@media (max-width: 500px) {\n .site-header-content .author-bio {\n font-size: 1.8rem;\n line-height: 1.15em;\n letter-spacing: 0;\n }\n .author-location,\n .author-stats {\n display: none;\n }\n}\n\n\n/* 9. Error Template\n/* ---------------------------------------------------------- */\n\n.error-template .site-main {\n padding: 7vw 4vw;\n}\n\n.site-nav-center {\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n}\n\n.site-nav-center .site-nav-logo {\n margin-right: 0;\n}\n\n.error-message {\n text-align: center;\n}\n\n.error-code {\n margin: 0;\n font-size: 12vw;\n line-height: 1em;\n letter-spacing: -5px;\n opacity: 0.3;\n}\n\n.error-description {\n margin: 0;\n color: var(--midgrey);\n font-size: 3rem;\n line-height: 1.3em;\n font-weight: 400;\n}\n\n@media (max-width: 800px) {\n .error-description {\n margin: 5px 0 0 0;\n font-size: 1.8rem;\n }\n}\n\n.error-link {\n display: inline-block;\n margin-top: 5px;\n}\n\n.error-template .post-feed {\n padding-top: 0;\n}\n\n\n/* 10. Subscribe Overlay\n/* ---------------------------------------------------------- */\n\n.subscribe-overlay {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 9000;\n display: flex;\n justify-content: center;\n align-items: center;\n background: rgba(0,25,40,0.97);\n opacity: 0;\n transition: opacity 200ms ease-in;\n pointer-events: none;\n\n backdrop-filter: blur(3px);\n}\n\n.subscribe-overlay:target {\n opacity: 1;\n pointer-events: auto;\n}\n\n.subscribe-overlay-content {\n position: relative;\n z-index: 9999;\n margin: 0 0 5vw 0;\n padding: 4vw;\n color: #fff;\n text-align: center;\n}\n\n.subscribe-overlay-logo {\n position: fixed;\n top: 23px;\n left: 30px;\n height: 30px;\n}\n\n.subscribe-overlay-title {\n display: inline-block;\n margin: 0 0 10px 0;\n font-size: 6rem;\n line-height: 1.15em;\n}\n\n.subscribe-overlay-description {\n margin: 0 auto 50px;\n max-width: 650px;\n font-family: Georgia, serif;\n font-size: 3rem;\n line-height: 1.3em;\n font-weight: 300;\n opacity: 0.8;\n}\n\n.subscribe-overlay form {\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0 auto;\n max-width: 500px;\n}\n\n.subscribe-overlay .form-group {\n flex-grow: 1;\n}\n\n.subscribe-overlay .subscribe-email {\n display: block;\n padding: 14px 20px;\n width: 100%;\n border: none;\n color: var(--midgrey);\n font-size: 2rem;\n line-height: 1em;\n font-weight: normal;\n letter-spacing: 0.5px;\n user-select: text;\n border-radius: 8px;\n transition: border-color 0.15s linear;\n\n -webkit-appearance: none;\n}\n\n.subscribe-email:focus {\n outline: 0;\n border-color: color(var(--lightgrey) l(-2%));\n}\n\n.subscribe-overlay button {\n display: inline-block;\n margin: 0 0 0 15px;\n padding: 0 25px;\n height: 52px;\n outline: none;\n color: #fff;\n font-size: 1.7rem;\n line-height: 37px;\n font-weight: 400;\n text-align: center;\n text-shadow: 0 -1px 0 rgba(0,0,0,0.1);\n background: linear-gradient(\n color(var(--blue) whiteness(+7%)),\n color(var(--blue) lightness(-7%) saturation(-10%)) 60%,\n color(var(--blue) lightness(-7%) saturation(-10%)) 90%,\n color(var(--blue) lightness(-4%) saturation(-10%))\n );\n border-radius: 8px;\n box-shadow: 0 0 0 1px inset rgba(0,0,0,0.14);\n\n -webkit-font-smoothing: subpixel-antialiased;\n}\n\n.subscribe-overlay button:active,\n.subscribe-overlay button:focus {\n background: color(var(--blue) lightness(-9%) saturation(-10%));\n}\n\n.subscribe-overlay-close {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: block;\n}\n\n.subscribe-overlay-close:before {\n content: \"\";\n position: absolute;\n top: 40px;\n right: 25px;\n display: block;\n width: 30px;\n height: 2px;\n background: #fff;\n opacity: 0.8;\n transform: rotate(45deg);\n}\n\n.subscribe-overlay-close:after {\n content: \"\";\n position: absolute;\n top: 40px;\n right: 25px;\n display: block;\n width: 30px;\n height: 2px;\n background: #fff;\n opacity: 0.8;\n transform: rotate(-45deg);\n}\n\n.subscribe-overlay-close:hover {\n cursor: default;\n}\n\n\n/* 11. Site Footer\n/* ---------------------------------------------------------- */\n\n.site-footer {\n position: relative;\n padding-top: 20px;\n padding-bottom: 60px;\n color: #fff;\n background: color(var(--darkgrey) l(-15%));\n}\n\n.site-footer-content {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n align-items: center;\n color: rgba(255,255,255,0.7);\n font-size: 1.3rem;\n}\n\n.site-footer-content a {\n color: rgba(255,255,255,0.7);\n}\n\n.site-footer-content a:hover {\n color: rgba(255,255,255,1);\n text-decoration: none;\n}\n\n.site-footer-nav {\n display: flex;\n}\n\n.site-footer-nav a {\n position: relative;\n margin-left: 20px;\n}\n\n.site-footer-nav a:before {\n content: \"\";\n position: absolute;\n top: 11px;\n left: -11px;\n display: block;\n width: 2px;\n height: 2px;\n background: #fff;\n border-radius: 100%;\n}\n\n.site-footer-nav a:first-of-type:before {\n display: none;\n}\n\n@media (max-width: 650px) {\n .site-footer-content {\n flex-direction: column;\n }\n .site-footer-nav a:first-child {\n margin-left: 0;\n }\n}\n"],"sourceRoot":"/source/"} \ No newline at end of file diff --git a/assets/css/screen.css b/assets/css/screen.css index 9d95ead..154203c 100644 --- a/assets/css/screen.css +++ b/assets/css/screen.css @@ -455,38 +455,13 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o .post-card-meta { display: flex; justify-content: space-between; - align-items: center; + align-items: flex-end; padding: 0 25px 25px; } -.profile-image-wrapper, -.avatar-wrapper { - position: absolute; - display: inline-block; - width: 28px; -} - -.avatar-wrapper { - display: inline-block; - box-sizing: content-box; - margin-right: 3px; - border: 2px solid #fff; - text-align: center; - background-color: color(var(--lightgrey) l(+10%)); - border-radius: 100%; -} - -.avatar-wrapper svg { - width: 28px; - height: 28px; -} - .author-profile-image { - box-sizing: content-box; - margin-right: 5px; - width: 28px; - height: 28px; - border: 2px solid #fff; + display: block; + background: color(var(--lightgrey) l(+10%)); border-radius: 100%; object-fit: cover; @@ -499,75 +474,61 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o .author-list { display: flex; - margin-bottom: 0; + flex-wrap: wrap-reverse; + margin: 0; padding: 0; - max-width: calc(100% - 120px); - list-style-type: none; + list-style: none; } .author-list-item { + flex-shrink: 0; position: relative; margin: 0; padding: 0; - width: 25px; +} + +.author-list-item:nth-child(1) { z-index: 10; } +.author-list-item:nth-child(2) { z-index: 9; } +.author-list-item:nth-child(3) { z-index: 8; } +.author-list-item:nth-child(4) { z-index: 7; } +.author-list-item:nth-child(5) { z-index: 6; } +.author-list-item:nth-child(6) { z-index: 5; } +.author-list-item:nth-child(7) { z-index: 4; } +.author-list-item:nth-child(8) { z-index: 3; } +.author-list-item:nth-child(9) { z-index: 2; } +.author-list-item:nth-child(10) { z-index: 1; } + +.static-avatar { + display: block; + height: 34px; + width: 34px; + border: #fff 2px solid; + margin: 0 -5px; + border-radius: 100%; + overflow: hidden; } .moving-avatar { - transition: all 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99); - transform: translate(0px); + display: block; + height: 56px; + width: 56px; + border: #fff 2px solid; + margin: 0 -6px; + border-radius: 100%; + overflow: hidden; + transition: all 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.7s; } -.moving-avatar.right { - transform: translateX(10px); -} - -.moving-avatar.left { - transform: translateX(-10px); -} - -.author-list-item:nth-child( 1 ) { - z-index: 9; -} - -.author-list-item:nth-child( 2 ) { - z-index: 8; -} - -.author-list-item:nth-child( 3 ) { - z-index: 7; -} - -.author-list-item:nth-child( 4 ) { - z-index: 6; -} - -.author-list-item:nth-child( 5 ) { - z-index: 5; -} - -.author-list-item:nth-child( 6 ) { - z-index: 4; -} - -.author-list-item:nth-child( 7 ) { - z-index: 3; -} - -.author-list-item:nth-child( 8 ) { - z-index: 2; -} - -.author-list-item:nth-child( 9 ) { - z-index: 1; -} - -.z-999 { - z-index: 999; +@media (min-width: 800px) { + .author-list:hover .moving-avatar { + margin: 0; + transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99); + } } .author-name-tooltip { position: absolute; - bottom: 36px; + bottom: 105%; z-index: 999; display: block; padding: 2px 8px; @@ -596,8 +557,11 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o } .reading-time { + flex-shrink: 0; + margin-left: 20px; color: var(--midgrey); font-size: 1.2rem; + line-height: 33px; font-weight: 500; letter-spacing: 0.5px; text-transform: uppercase; @@ -1292,6 +1256,10 @@ Usage (In Ghost editor): .author-card { display: flex; align-items: center; +.author-card .author-profile-image { + margin-right: 15px; + width: 60px; + height: 60px; } .author-card-name { @@ -1369,27 +1337,9 @@ Usage (In Ghost editor): text-transform: uppercase; } -.post-full-footer .author-list-item { - width: 42px; -} - -@media (max-width: 650px) { - .post-full-footer .author-list-item { - width: 54px; - height: 54px; - } -} - -.post-full-footer .author-list-item > a { - position: absolute; - display: inline-block; - width: 48px; -} - -.post-full-footer .author-profile-image, -.post-full-footer .avatar-wrapper { - width: 48px; - height: 48px; +.post-full-footer .author-list { + justify-content: center; + padding: 10px 20px; } .author-card .author-profile-image, @@ -1398,18 +1348,14 @@ Usage (In Ghost editor): position: relative; } -.post-full-footer .avatar-wrapper svg { - width: 46px; - height: 46px; -} - .author-list-item .author-card { position: absolute; - bottom: 12px; - left: calc(-160px + 28px); - z-index: 999; + bottom: 130%; + left: 50%; + z-index: 300; display: block; width: 320px; + margin-left: -160px; font-size: 1.4rem; letter-spacing: 0.2px; background: white; @@ -1417,7 +1363,7 @@ Usage (In Ghost editor): box-shadow: rgba(39,44,49,0.08) 0 12px 26px, rgba(39, 44, 49, 0.03) 1px 3px 8px; opacity: 0; transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99); - transform: scale(0.98) translateY(10px); + transform: scale(0.98) translateY(15px); pointer-events: none; } @@ -1425,10 +1371,11 @@ Usage (In Ghost editor): content: ""; position: absolute; top: 100%; - left: calc(160px - 20px + 6px); + left: 50%; display: block; width: 0; height: 0; + margin-left: -12px; border-top: 12px solid #fff; border-right: 12px solid transparent; border-left: 12px solid transparent; diff --git a/partials/byline-multiple.hbs b/partials/byline-multiple.hbs index 351b5ca..e1c9d15 100644 --- a/partials/byline-multiple.hbs +++ b/partials/byline-multiple.hbs @@ -14,7 +14,7 @@ {{#if profile_image}} {{name}} {{else}} - {{> "icons/avatar"}} +
{{> "icons/avatar"}}
{{/if}}

{{name}}

@@ -31,7 +31,7 @@ {{#if profile_image}} {{name}} {{else}} - {{> "icons/avatar"}} + {{> "icons/avatar"}} {{/if}} @@ -50,27 +50,6 @@ $(document).ready(function () { var hoverTimeout; - var direction = 'left'; - - $('.author-list-item:first-child').addClass('first-child'); - - function makeSpaceForAvatar(avatar) { - if (avatar.hasClass('first-child')) { - return; - } - - $('.author-list-item').each(function(i, obj) { - - if ($(this)[0] != avatar[0]) { - if (Number($(this).css('z-index')) > Number(avatar.css('z-index'))) { - $(this).children('.moving-avatar').addClass('left'); - } else { - $(this).children('.moving-avatar').addClass('right'); - } - } - - }); - } $('.author-list-item').hover(function(){ var $this = $(this); @@ -80,12 +59,9 @@ $(document).ready(function () { $('.author-card').removeClass('hovered'); $(this).children('.author-card').addClass('hovered'); - makeSpaceForAvatar($this); }, function() { var $this = $(this); - $('.author-list-item').children('.moving-avatar').removeClass('left right'); - hoverTimeout = setTimeout(function() { $this.children('.author-card').removeClass('hovered'); }, 800); diff --git a/partials/post-card.hbs b/partials/post-card.hbs index a5814cb..c49f1ca 100644 --- a/partials/post-card.hbs +++ b/partials/post-card.hbs @@ -27,9 +27,9 @@ {{#if profile_image}} - {{name}} + {{name}} {{else}} - {{> "icons/avatar"}} + {{> "icons/avatar"}} {{/if}} {{/foreach}}