From a904716b85d73eda5eefaa81a9e2bab6815287b7 Mon Sep 17 00:00:00 2001 From: Pascal Andy Date: Fri, 18 Jan 2019 18:25:01 -0500 Subject: [PATCH] override from source / v2.9.0 will need to re-insert custom elements Signed-off-by: Pascal Andy --- LICENSE | 2 +- README_from-fork.md | 2 +- assets/built/jquery.fitvids.js.map | 2 +- assets/built/screen.css | 2 +- assets/built/screen.css.map | 2 +- assets/css/screen.css | 43 +- .../css_simplegrid/simplegrid.css | 283 -- .../css_simplegrid/simplegrid.min.css | 1 - assets/css_firepress/css_unicorn/buttons.css | 2343 ----------------- .../css_firepress/css_unicorn/buttons.min.css | 1 - author.hbs | 4 +- default.hbs | 61 +- error-404.hbs | 10 +- error.hbs | 10 +- index.hbs | 11 +- package.json | 45 +- page.hbs | 15 +- partials/byline-multiple.hbs | 6 +- partials/byline-single.hbs | 2 +- partials/floating-header.hbs | 8 +- partials/header.hbs | 51 + partials/post-card.hbs | 33 +- partials/site-nav.hbs | 18 +- post.hbs | 25 +- tag.hbs | 3 +- 25 files changed, 217 insertions(+), 2766 deletions(-) delete mode 100755 assets/css_firepress/css_simplegrid/simplegrid.css delete mode 100755 assets/css_firepress/css_simplegrid/simplegrid.min.css delete mode 100755 assets/css_firepress/css_unicorn/buttons.css delete mode 100755 assets/css_firepress/css_unicorn/buttons.min.css create mode 100644 partials/header.hbs diff --git a/LICENSE b/LICENSE index a144868..bdd5f8d 100644 --- a/LICENSE +++ b/LICENSE @@ -1,4 +1,4 @@ -Copyright (c) 2013-2018 Ghost Foundation +Copyright (c) 2013-2019 Ghost Foundation Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation diff --git a/README_from-fork.md b/README_from-fork.md index 82e2154..0c9f24b 100644 --- a/README_from-fork.md +++ b/README_from-fork.md @@ -63,4 +63,4 @@ You can add your own SVG icons in the same manner. # Copyright & License -Copyright (c) 2013-2018 Ghost Foundation - Released under the [MIT license](LICENSE). +Copyright (c) 2013-2019 Ghost Foundation - Released under the [MIT license](LICENSE). diff --git a/assets/built/jquery.fitvids.js.map b/assets/built/jquery.fitvids.js.map index 344fc91..14a0e71 100644 --- a/assets/built/jquery.fitvids.js.map +++ b/assets/built/jquery.fitvids.js.map @@ -1 +1 @@ -{"version":3,"sources":["jquery.fitvids.js"],"names":["$","fn","fitVids","options","settings","customSelector","ignore","document","getElementById","head","getElementsByTagName","div","createElement","innerHTML","appendChild","childNodes","extend","this","each","selectors","push","ignoreList","$allVideos","find","join","not","$this","parents","length","tagName","toLowerCase","parent","css","isNaN","attr","aspectRatio","parseInt","height","width","videoName","_count","wrap","removeAttr","window","jQuery","Zepto"],"mappings":"CAYC,SAAWA,GAEV,aAEAA,EAAEC,GAAGC,QAAU,SAAUC,GACvB,IAAIC,EAAW,CACbC,eAAgB,KAChBC,OAAQ,MAGV,IAAIC,SAASC,eAAe,kBAAmB,CAE7C,IAAIC,EAAOF,SAASE,MAAQF,SAASG,qBAAqB,QAAQ,GAE9DC,EAAMJ,SAASK,cAAc,OACjCD,EAAIE,UAAY,oUAChBJ,EAAKK,YAAYH,EAAII,WAAW,IAOlC,OAJKZ,GACHH,EAAEgB,OAAQZ,EAAUD,GAGfc,KAAKC,KAAK,WACf,IAAIC,EAAY,CACd,kCACA,6BACA,sCACA,oDACA,SACA,SAGEf,EAASC,gBACXc,EAAUC,KAAKhB,EAASC,gBAG1B,IAAIgB,EAAa,iBAEdjB,EAASE,SACVe,EAAaA,EAAa,KAAOjB,EAASE,QAG5C,IAAIgB,EAAatB,EAAEiB,MAAMM,KAAKJ,EAAUK,KAAK,OAE7CF,GADAA,EAAaA,EAAWG,IAAI,kBACJA,IAAIJ,IAEjBH,KAAK,WACd,IAAIQ,EAAQ1B,EAAEiB,MACd,KAAsC,EAAnCS,EAAMC,QAAQN,GAAYO,QAGM,UAA/BX,KAAKY,QAAQC,eAA6BJ,EAAMK,OAAO,UAAUH,QAAUF,EAAMK,OAAO,8BAA8BH,QAA1H,CACMF,EAAMM,IAAI,WAAcN,EAAMM,IAAI,WAAcC,MAAMP,EAAMQ,KAAK,aAAcD,MAAMP,EAAMQ,KAAK,YAEpGR,EAAMQ,KAAK,SAAU,GACrBR,EAAMQ,KAAK,QAAS,KAEtB,IAEIC,GAF0C,WAA/BlB,KAAKY,QAAQC,eAA+BJ,EAAMQ,KAAK,YAAcD,MAAMG,SAASV,EAAMQ,KAAK,UAAW,KAAUE,SAASV,EAAMQ,KAAK,UAAW,IAAMR,EAAMW,WACjKJ,MAAMG,SAASV,EAAMQ,KAAK,SAAU,KAA2CR,EAAMY,QAA1CF,SAASV,EAAMQ,KAAK,SAAU,KAEtF,IAAIR,EAAMQ,KAAK,QAAQ,CACrB,IAAIK,EAAY,SAAWvC,EAAEC,GAAGC,QAAQsC,OACxCd,EAAMQ,KAAK,OAAQK,GACnBvC,EAAEC,GAAGC,QAAQsC,SAEfd,EAAMe,KAAK,gGAAgGV,OAAO,8BAA8BC,IAAI,cAA8B,IAAdG,EAAmB,KACvLT,EAAMgB,WAAW,UAAUA,WAAW,eAM5C1C,EAAEC,GAAGC,QAAQsC,OAAS,EAzEvB,CA4EGG,OAAOC,QAAUD,OAAOE","file":"jquery.fitvids.js","sourcesContent":["/* eslint-disable */\n/*!\n* FitVids 1.3\n*\n*\n* Copyright 2017, Chris Coyier + Dave Rupert + Ghost Foundation\n* This is an unofficial release, ported by John O'Nolan\n* Credit to Thierry Koblentz - http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/\n* Released under the MIT license\n*\n*/\n\n;(function( $ ){\n\n 'use strict';\n\n $.fn.fitVids = function( options ) {\n var settings = {\n customSelector: null,\n ignore: null\n };\n\n if(!document.getElementById('fit-vids-style')) {\n // appendStyles: https://github.com/toddmotto/fluidvids/blob/master/dist/fluidvids.js\n var head = document.head || document.getElementsByTagName('head')[0];\n var css = '.fluid-width-video-container{flex-grow: 1;width:100%;}.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}';\n var div = document.createElement(\"div\");\n div.innerHTML = '

x

';\n head.appendChild(div.childNodes[1]);\n }\n\n if ( options ) {\n $.extend( settings, options );\n }\n\n return this.each(function(){\n var selectors = [\n 'iframe[src*=\"player.vimeo.com\"]',\n 'iframe[src*=\"youtube.com\"]',\n 'iframe[src*=\"youtube-nocookie.com\"]',\n 'iframe[src*=\"kickstarter.com\"][src*=\"video.html\"]',\n 'object',\n 'embed'\n ];\n\n if (settings.customSelector) {\n selectors.push(settings.customSelector);\n }\n\n var ignoreList = '.fitvidsignore';\n\n if(settings.ignore) {\n ignoreList = ignoreList + ', ' + settings.ignore;\n }\n\n var $allVideos = $(this).find(selectors.join(','));\n $allVideos = $allVideos.not('object object'); // SwfObj conflict patch\n $allVideos = $allVideos.not(ignoreList); // Disable FitVids on this video.\n\n $allVideos.each(function(){\n var $this = $(this);\n if($this.parents(ignoreList).length > 0) {\n return; // Disable FitVids on this video.\n }\n if (this.tagName.toLowerCase() === 'embed' && $this.parent('object').length || $this.parent('.fluid-width-video-wrapper').length) { return; }\n if ((!$this.css('height') && !$this.css('width')) && (isNaN($this.attr('height')) || isNaN($this.attr('width'))))\n {\n $this.attr('height', 9);\n $this.attr('width', 16);\n }\n var height = ( this.tagName.toLowerCase() === 'object' || ($this.attr('height') && !isNaN(parseInt($this.attr('height'), 10))) ) ? parseInt($this.attr('height'), 10) : $this.height(),\n width = !isNaN(parseInt($this.attr('width'), 10)) ? parseInt($this.attr('width'), 10) : $this.width(),\n aspectRatio = height / width;\n if(!$this.attr('name')){\n var videoName = 'fitvid' + $.fn.fitVids._count;\n $this.attr('name', videoName);\n $.fn.fitVids._count++;\n }\n $this.wrap('
').parent('.fluid-width-video-wrapper').css('padding-top', (aspectRatio * 100)+'%');\n $this.removeAttr('height').removeAttr('width');\n });\n });\n };\n\n // Internal counter for unique video names.\n $.fn.fitVids._count = 0;\n\n// Works with either jQuery or Zepto\n})( window.jQuery || window.Zepto );\n"],"sourceRoot":"/source/"} \ No newline at end of file +{"version":3,"sources":["jquery.fitvids.js"],"names":["$","fn","fitVids","options","settings","customSelector","ignore","document","getElementById","head","getElementsByTagName","div","createElement","innerHTML","appendChild","childNodes","extend","this","each","selectors","push","ignoreList","$allVideos","find","join","not","$this","parents","length","tagName","toLowerCase","parent","css","isNaN","attr","aspectRatio","parseInt","height","width","videoName","_count","wrap","removeAttr","window","jQuery","Zepto"],"mappings":"CAYC,SAAWA,GAEV,aAEAA,EAAEC,GAAGC,QAAU,SAAUC,GACvB,IAAIC,EAAW,CACbC,eAAgB,KAChBC,OAAQ,MAGV,IAAIC,SAASC,eAAe,kBAAmB,CAE7C,IAAIC,EAAOF,SAASE,MAAQF,SAASG,qBAAqB,QAAQ,GAE9DC,EAAMJ,SAASK,cAAc,OACjCD,EAAIE,UAAY,oUAChBJ,EAAKK,YAAYH,EAAII,WAAW,IAOlC,OAJKZ,GACHH,EAAEgB,OAAQZ,EAAUD,GAGfc,KAAKC,KAAK,WACf,IAAIC,EAAY,CACd,kCACA,6BACA,sCACA,oDACA,SACA,SAGEf,EAASC,gBACXc,EAAUC,KAAKhB,EAASC,gBAG1B,IAAIgB,EAAa,iBAEdjB,EAASE,SACVe,EAAaA,EAAa,KAAOjB,EAASE,QAG5C,IAAIgB,EAAatB,EAAEiB,MAAMM,KAAKJ,EAAUK,KAAK,OAE7CF,GADAA,EAAaA,EAAWG,IAAI,kBACJA,IAAIJ,IAEjBH,KAAK,WACd,IAAIQ,EAAQ1B,EAAEiB,MACd,KAAsC,EAAnCS,EAAMC,QAAQN,GAAYO,QAGM,UAA/BX,KAAKY,QAAQC,eAA6BJ,EAAMK,OAAO,UAAUH,QAAUF,EAAMK,OAAO,8BAA8BH,QAA1H,CACMF,EAAMM,IAAI,WAAcN,EAAMM,IAAI,WAAcC,MAAMP,EAAMQ,KAAK,aAAcD,MAAMP,EAAMQ,KAAK,YAEpGR,EAAMQ,KAAK,SAAU,GACrBR,EAAMQ,KAAK,QAAS,KAEtB,IAEIC,GAF0C,WAA/BlB,KAAKY,QAAQC,eAA+BJ,EAAMQ,KAAK,YAAcD,MAAMG,SAASV,EAAMQ,KAAK,UAAW,KAAUE,SAASV,EAAMQ,KAAK,UAAW,IAAMR,EAAMW,WACjKJ,MAAMG,SAASV,EAAMQ,KAAK,SAAU,KAA2CR,EAAMY,QAA1CF,SAASV,EAAMQ,KAAK,SAAU,KAEtF,IAAIR,EAAMQ,KAAK,QAAQ,CACrB,IAAIK,EAAY,SAAWvC,EAAEC,GAAGC,QAAQsC,OACxCd,EAAMQ,KAAK,OAAQK,GACnBvC,EAAEC,GAAGC,QAAQsC,SAEfd,EAAMe,KAAK,gGAAgGV,OAAO,8BAA8BC,IAAI,cAA8B,IAAdG,EAAmB,KACvLT,EAAMgB,WAAW,UAAUA,WAAW,eAM5C1C,EAAEC,GAAGC,QAAQsC,OAAS,EAzEvB,CA4EGG,OAAOC,QAAUD,OAAOE","file":"jquery.fitvids.js","sourcesContent":["/*jshint browser:true */\n/*!\n* FitVids 1.3\n*\n*\n* Copyright 2017, Chris Coyier + Dave Rupert + Ghost Foundation\n* This is an unofficial release, ported by John O'Nolan\n* Credit to Thierry Koblentz - http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/\n* Released under the MIT license\n*\n*/\n\n;(function( $ ){\n\n 'use strict';\n\n $.fn.fitVids = function( options ) {\n var settings = {\n customSelector: null,\n ignore: null\n };\n\n if(!document.getElementById('fit-vids-style')) {\n // appendStyles: https://github.com/toddmotto/fluidvids/blob/master/dist/fluidvids.js\n var head = document.head || document.getElementsByTagName('head')[0];\n var css = '.fluid-width-video-container{flex-grow: 1;width:100%;}.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}';\n var div = document.createElement(\"div\");\n div.innerHTML = '

x

';\n head.appendChild(div.childNodes[1]);\n }\n\n if ( options ) {\n $.extend( settings, options );\n }\n\n return this.each(function(){\n var selectors = [\n 'iframe[src*=\"player.vimeo.com\"]',\n 'iframe[src*=\"youtube.com\"]',\n 'iframe[src*=\"youtube-nocookie.com\"]',\n 'iframe[src*=\"kickstarter.com\"][src*=\"video.html\"]',\n 'object',\n 'embed'\n ];\n\n if (settings.customSelector) {\n selectors.push(settings.customSelector);\n }\n\n var ignoreList = '.fitvidsignore';\n\n if(settings.ignore) {\n ignoreList = ignoreList + ', ' + settings.ignore;\n }\n\n var $allVideos = $(this).find(selectors.join(','));\n $allVideos = $allVideos.not('object object'); // SwfObj conflict patch\n $allVideos = $allVideos.not(ignoreList); // Disable FitVids on this video.\n\n $allVideos.each(function(){\n var $this = $(this);\n if($this.parents(ignoreList).length > 0) {\n return; // Disable FitVids on this video.\n }\n if (this.tagName.toLowerCase() === 'embed' && $this.parent('object').length || $this.parent('.fluid-width-video-wrapper').length) { return; }\n if ((!$this.css('height') && !$this.css('width')) && (isNaN($this.attr('height')) || isNaN($this.attr('width'))))\n {\n $this.attr('height', 9);\n $this.attr('width', 16);\n }\n var height = ( this.tagName.toLowerCase() === 'object' || ($this.attr('height') && !isNaN(parseInt($this.attr('height'), 10))) ) ? parseInt($this.attr('height'), 10) : $this.height(),\n width = !isNaN(parseInt($this.attr('width'), 10)) ? parseInt($this.attr('width'), 10) : $this.width(),\n aspectRatio = height / width;\n if(!$this.attr('name')){\n var videoName = 'fitvid' + $.fn.fitVids._count;\n $this.attr('name', videoName);\n $.fn.fitVids._count++;\n }\n $this.wrap('
').parent('.fluid-width-video-wrapper').css('padding-top', (aspectRatio * 100)+'%');\n $this.removeAttr('height').removeAttr('width');\n });\n });\n };\n\n // Internal counter for unique video names.\n $.fn.fitVids._count = 0;\n\n// Works with either jQuery or Zepto\n})( window.jQuery || window.Zepto );\n"],"sourceRoot":"/source/"} \ No newline at end of file diff --git a/assets/built/screen.css b/assets/built/screen.css index 73a3594..e02219a 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:end;align-items:flex-end;padding:0 25px 25px}.author-profile-image,.avatar-wrapper{display:block;width:100%;height:100%;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{position:relative;-ms-flex-negative:0;flex-shrink:0;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{margin:0 -5px;width:34px;height:34px}.moving-avatar,.static-avatar{display:block;overflow:hidden;border:2px solid #fff;border-radius:100%}.moving-avatar{margin:0 -6px;width:56px;height:56px;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}.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-full-content a{color:#000;word-break:break-word;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;height:auto}@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;text-align:center}.post-full-content iframe{margin:0 auto!important}.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 p code{word-break:break-all}.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 :not(span){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,.author-card .avatar-wrapper{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{position:relative;margin-right:15px}.author-list-item .author-card{position:absolute;bottom:130%;left:50%;z-index:300;display:block;margin-left:-160px;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(15px);pointer-events:none}.author-list-item .author-card:before{content:"";position:absolute;top:100%;left:50%;display:block;margin-left:-12px;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}}.post-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;max-width:920px}.post-template .post-content>p:first-child{font-size:1.25em;line-height:1.5em}.post-full-content .kg-image{max-width:100%}.post-full-image+.post-full-content .kg-content :first-child .kg-image{width:100%}.post-full-content .kg-width-wide .kg-image{max-width:1040px}.post-full-content .kg-width-full .kg-image{max-width:100vw}.post-full-content figure{margin:1.5em 0 3em}.post-full-content figure img{margin:0}.post-full-content figcaption{margin:1em 0 0;font-size:80%;line-height:1.6em;text-align:center}.kg-width-full figcaption{padding:0 1.5em}.kg-embed-card{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;min-width:100%}.kg-embed-card .fluid-width-video-wrapper{margin:0}@media (max-width:1040px){.post-full-content .kg-width-full .kg-image{width:100vw}}.kg-gallery-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-width:1040px;width:100vw}.kg-gallery-row{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}.kg-gallery-image img{display:block;margin:0;width:100%;height:100%}.kg-gallery-row:not(:first-of-type){margin:.75em 0 0}.kg-gallery-image:not(:first-of-type){margin:0 0 0 .75em}.kg-gallery-card+.kg-gallery-card,.kg-gallery-card+.kg-image-card.kg-width-wide,.kg-image-card.kg-width-wide+.kg-gallery-card,.kg-image-card.kg-width-wide+.kg-image-card.kg-width-wide{margin:-2.25em 0 3em}.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-image:after,.site-header.no-image: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:100%;height:200px;background:#c5d2d9 no-repeat 50%;object-fit: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,.avatar-wrapper{display:block;width:100%;height:100%;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{position:relative;-ms-flex-negative:0;flex-shrink:0;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{margin:0 -5px;width:34px;height:34px}.moving-avatar,.static-avatar{display:block;overflow:hidden;border:2px solid #fff;border-radius:100%}.moving-avatar{margin:0 -6px;width:56px;height:56px;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){.post-card-large{-ms-flex:1 1 100%;flex:1 1 100%;-ms-flex-direction:row;flex-direction:row}.post-card-large .post-card-image-link{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;border-radius:5px 0 0 5px}.post-card-large .post-card-image{position:absolute;width:100%;height:100%}.post-card-large .post-card-content{-ms-flex:0 1 357px;flex:0 1 357px}.post-card-large h2{font-size:2.6rem}.post-card-large p{font-size:1.8rem;line-height:1.55em}.post-card-large .post-card-content-link{padding:30px 40px 0}.post-card-large .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;background:#c5d2d9 50%;border-radius:5px;overflow:hidden}.post-full-image img{width:100%;height:800px;object-fit:cover}@media (max-width:1170px){.post-full-image{margin:0 -4vw -100px;border-radius:0}.post-full-image img{height:600px}}@media (max-width:800px){.post-full-image img{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}.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-full-content a{color:#000;word-break:break-word;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;height:auto}@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;text-align:center}.post-full-content iframe{margin:0 auto!important}.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 p code{word-break:break-all}.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 :not(span){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,.author-card .avatar-wrapper{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{position:relative;margin-right:15px}.author-list-item .author-card{position:absolute;bottom:130%;left:50%;z-index:300;display:block;margin-left:-160px;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(15px);pointer-events:none}.author-list-item .author-card:before{content:"";position:absolute;top:100%;left:50%;display:block;margin-left:-12px;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}}.post-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;max-width:920px}.post-template .post-content>p:first-child{font-size:1.25em;line-height:1.5em}.post-full-content .kg-image{max-width:100%}.post-full-image+.post-full-content .kg-content :first-child .kg-image{width:100%}.post-full-content .kg-width-wide .kg-image{max-width:1040px}.post-full-content .kg-width-full .kg-image{max-width:100vw}.post-full-content figure{margin:1.5em 0 3em}.post-full-content figure img{margin:0}.post-full-content figcaption{margin:1em 0 0;font-size:80%;line-height:1.6em;text-align:center}.kg-width-full figcaption{padding:0 1.5em}.kg-embed-card{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;min-width:100%}.kg-embed-card .fluid-width-video-wrapper{margin:0}@media (max-width:1040px){.post-full-content .kg-width-full .kg-image{width:100vw}}.kg-gallery-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-width:1040px;width:100vw}.kg-gallery-row{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}.kg-gallery-image img{display:block;margin:0;width:100%;height:100%}.kg-gallery-row:not(:first-of-type){margin:.75em 0 0}.kg-gallery-image:not(:first-of-type){margin:0 0 0 .75em}.kg-gallery-card+.kg-gallery-card,.kg-gallery-card+.kg-image-card.kg-width-wide,.kg-image-card.kg-width-wide+.kg-gallery-card,.kg-image-card.kg-width-wide+.kg-image-card.kg-width-wide{margin:-2.25em 0 3em}.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 1a04566..7cab0c0 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.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\n 7.6. Koenig Styles\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.avatar-wrapper {\n display: block;\n width: 100%;\n height: 100%;\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 position: relative;\n flex-shrink: 0;\n margin: 0;\n padding: 0;\n}\n\n.author-list-item:nth-child(1) {\n z-index: 10;\n}\n.author-list-item:nth-child(2) {\n z-index: 9;\n}\n.author-list-item:nth-child(3) {\n z-index: 8;\n}\n.author-list-item:nth-child(4) {\n z-index: 7;\n}\n.author-list-item:nth-child(5) {\n z-index: 6;\n}\n.author-list-item:nth-child(6) {\n z-index: 5;\n}\n.author-list-item:nth-child(7) {\n z-index: 4;\n}\n.author-list-item:nth-child(8) {\n z-index: 3;\n}\n.author-list-item:nth-child(9) {\n z-index: 2;\n}\n.author-list-item:nth-child(10) {\n z-index: 1;\n}\n\n.static-avatar {\n display: block;\n overflow: hidden;\n margin: 0 -5px;\n width: 34px;\n height: 34px;\n border: #fff 2px solid;\n border-radius: 100%;\n}\n\n.moving-avatar {\n display: block;\n overflow: hidden;\n margin: 0 -6px;\n width: 56px;\n height: 56px;\n border: #fff 2px solid;\n border-radius: 100%;\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.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-full-content a {\n color: #000;\n word-break: break-word;\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 height: auto;\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 text-align: center;\n}\n\n\n/* Override third party iframe styles */\n.post-full-content iframe {\n margin: 0 auto !important;\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 p code {\n word-break: break-all;\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 :not(span) {\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.author-card .avatar-wrapper {\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 position: relative;\n margin-right: 15px;\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 margin-left: -160px;\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(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 margin-left: -12px;\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/* 7.6. Koenig Styles\n/* ---------------------------------------------------------- */\n\n.post-content {\n display: flex;\n flex-direction: column;\n align-items: center;\n max-width: 920px;\n}\n\n.post-template .post-content > p:first-child {\n font-size: 1.25em;\n line-height: 1.5em;\n}\n\n.post-full-content .kg-image {\n max-width: 100%;\n}\n\n/* Preventing full-width image overlap with post image. */\n.post-full-image + .post-full-content .kg-content *:first-child .kg-image {\n width: 100%;\n}\n\n.post-full-content .kg-width-wide .kg-image {\n max-width: 1040px;\n}\n\n.post-full-content .kg-width-full .kg-image {\n max-width: 100vw;\n}\n\n.post-full-content figure {\n margin: 1.5em 0 3em;\n}\n\n.post-full-content figure img {\n margin: 0;\n}\n\n.post-full-content figcaption {\n margin: 1.0em 0 0;\n font-size: 80%;\n line-height: 1.6em;\n text-align: center;\n}\n\n.kg-width-full figcaption {\n padding: 0 1.5em;\n}\n\n.kg-embed-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n min-width: 100%;\n}\n\n.kg-embed-card .fluid-width-video-wrapper {\n margin: 0;\n}\n\n\n@media (max-width: 1040px) {\n .post-full-content .kg-width-full .kg-image {\n width: 100vw;\n }\n}\n\n.kg-gallery-container {\n display: flex;\n flex-direction: column;\n max-width: 1040px;\n width: 100vw;\n}\n\n.kg-gallery-row {\n display: flex;\n flex-direction: row;\n justify-content: center;\n}\n\n.kg-gallery-image img {\n display: block;\n margin: 0;\n width: 100%;\n height: 100%;\n}\n\n.kg-gallery-row:not(:first-of-type) {\n margin: 0.75em 0 0 0;\n}\n\n.kg-gallery-image:not(:first-of-type) {\n margin: 0 0 0 0.75em;\n}\n\n.kg-gallery-card + .kg-image-card.kg-width-wide,\n.kg-gallery-card + .kg-gallery-card,\n.kg-image-card.kg-width-wide + .kg-gallery-card,\n.kg-image-card.kg-width-wide + .kg-image-card.kg-width-wide {\n margin: -2.25em 0 3em;\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,AACxB,iBAAkB,AAClB,eAAiB,CACpB,AACD,yBACI,GACI,gBAAkB,CACrB,CACJ,AAED,GACI,oBAAwB,AACxB,iBAAkB,AAClB,eAAiB,CACpB,AAQD,MALI,oBAAwB,AACxB,iBAAkB,AAClB,eAAiB,CAOpB,ACpcD,KACI,kBAAoB,CACvB,AAED,KACI,cAAe,AACf,WAAY,AACZ,YAAa,AACb,wBAAmC,AACnC,sBAAuB,AACvB,kBAAoB,CACvB,AAED,QACI,kBAAmB,AACnB,kBAAmB,AACnB,mBAAqB,CACxB,AAMD,cACI,oBAAc,AAAd,aAAc,AACd,0BAAuB,AAAvB,sBAAuB,AACvB,gBAAkB,CACrB,AAED,WACI,YAAa,AACb,oBAAa,AAAb,WAAa,CAChB,AAGD,OACI,kBAAmB,AACnB,aAAe,CAClB,AAGD,OACI,cAAe,AACf,iBAAkB,AAClB,UAAY,CACf,AAeD,yBACI,+EAGI,iBAAkB,AAClB,aAAe,CAClB,AACD,yBACI,kBAAmB,AACnB,SAAW,CACd,CACJ,AAMD,aACI,kBAAmB,AACnB,iBAAkB,AAClB,oBAAqB,AACrB,WAAY,AACZ,iCAAkE,AAClE,qBAAuB,CAC1B,AAED,oBAKI,SAAU,AAIV,0BAA6B,CAChC,AAED,uCAXI,WAAY,AACZ,kBAAmB,AACnB,MAAO,AACP,QAAS,AAET,OAAQ,AACR,WAAY,AACZ,aAAe,CAelB,AAXD,mBAKI,YAAa,AAIb,YAAa,AACb,sDAA2D,CAC9D,AAED,yDAEI,YAAc,CACjB,AAED,qBACI,oBAAc,AAAd,aAAc,AACd,0BAAuB,AAAvB,sBAAuB,AACvB,qBAAwB,AAAxB,uBAAwB,AACxB,sBAAoB,AAApB,mBAAoB,AACpB,iBAAkB,AAClB,iBAAkB,AAClB,iBAAkB,AAClB,iBAAmB,CACtB,AAED,YACI,WAAY,AACZ,SAAU,AACV,UAAW,AACX,iBAAkB,AAClB,eAAiB,CACpB,AAED,WACI,eAAiB,CACpB,AAED,kBACI,WAAY,AACZ,SAAU,AACV,cAAe,AACf,iBAAkB,AAClB,gBAAiB,AACjB,oBAAsB,AACtB,UAAa,CAChB,AAED,yBACI,YACI,cAAgB,CACnB,AACD,kBACI,gBAAkB,CACrB,CACJ,AAMD,UACI,kBAAmB,AACnB,YAAa,AAEb,sBAA+B,AAA/B,8BAA+B,AAC/B,qBAAwB,AAAxB,uBAAwB,AAExB,YAAa,AACb,gBAAkB,CACrB,AAED,yBARI,oBAAc,AAAd,aAAc,AAGd,iBAAmB,CAiBtB,AAZD,eAEI,sBAAoB,AAApB,mBAAoB,AACpB,gBAAiB,AAEjB,iCAAkC,AAClC,kBAAmB,AACnB,oBAAqB,AACrB,oBAAsB,AACtB,mBAAoB,AAEpB,4BAA8B,CACjC,AAUD,eACI,oBAAe,AAAf,cAAe,AACf,cAAe,AACf,kBAAmB,AACnB,eAAgB,AAChB,WAAY,AACZ,iBAAkB,AAClB,gBAAiB,AACjB,gBAAkB,AAClB,oBAAuB,CAC1B,AAED,qBACI,oBAAsB,CACzB,AAED,mBACI,cAAe,AACf,WAAY,AACZ,WAAa,CAChB,AAED,KACI,oBAAc,AAAd,aAAc,AACd,mBAAoB,AACpB,UAAW,AACX,eAAiB,CACpB,AAED,QAGI,UAAW,AACX,wBAA0B,CAC7B,AAED,kBANI,cAAe,AACf,QAAU,CAWb,AAND,UAGI,kBAAmB,AACnB,WAAY,AACZ,UAAa,CAChB,AAED,gBACI,qBAAsB,AACtB,SAAW,CACd,AAED,gBAII,WAAa,CAChB,AAED,8BANI,oBAAe,AAAf,cAAe,AACf,oBAAc,AAAd,aAAc,AACd,sBAAoB,AAApB,kBAAoB,CAQvB,AAED,6BACI,kBAAoB,CACvB,AAED,aACI,oBAAc,AAAd,aAAc,AACd,qBAAwB,AAAxB,uBAAwB,AACxB,sBAAoB,AAApB,mBAAoB,AACpB,SAAU,AACV,aAAc,AACd,WAAY,AACZ,UAAa,CAChB,AAED,mBACI,SAAW,CACd,AAED,iBACI,cAAe,AACf,SAAW,CACd,AAED,oBACI,aAAe,CAClB,AAED,oBACI,aAAe,CAClB,AAED,yBACI,WAAa,CAChB,AAED,qBACI,aAAe,CAClB,AAED,kBACI,cAAe,AACf,iBAAkB,AAClB,sBAAuB,AACvB,WAAY,AACZ,iBAAkB,AAClB,gBAAiB,AACjB,mBAAoB,AACpB,UAAa,CAChB,AAED,wBACI,qBAAsB,AACtB,SAAW,CACd,AAED,YACI,UAAa,CAChB,AAED,kBACI,SAAW,CACd,AAED,gBACI,kBAAmB,AACnB,cAAe,AACf,SAAW,CACd,AAED,yBACI,aACI,gBAAiB,AACjB,cAAgB,CACnB,AACD,eACI,eAAgB,AAChB,gBAAkB,CACrB,AACD,gBACI,YAAc,CACjB,CACJ,AAMD,WACI,kBAAmB,AAEnB,mBAAgB,AAAhB,eAAgB,AAChB,eAAgB,AAChB,gBAAoB,CACvB,AAED,sBANI,oBAAc,AAAd,YAAc,CAkBjB,AAZD,WACI,mBAAgB,AAAhB,eAAgB,AAEhB,0BAAuB,AAAvB,sBAAuB,AACvB,gBAAiB,AACjB,mBAAoB,AACpB,iBAAkB,AAClB,oBAA+B,AAC/B,sBAAuB,AACvB,kBAAmB,AACnB,2EAAkF,AAClF,uBAA0B,CAC7B,AAED,iBACI,4EAAmF,AACnF,wBAA0B,AAC1B,2CAA+C,CAClD,AAED,sBACI,kBAAmB,AACnB,cAAe,AACf,gBAAiB,AACjB,yBAA2B,CAC9B,AAED,iBACI,WAAY,AACZ,aAAc,AACd,iCAAqD,AACrD,gBAAkB,CACrB,AAED,wBACI,kBAAmB,AACnB,oBAAa,AAAb,YAAa,AACb,cAAe,AACf,oBAAqB,AACrB,aAAuB,CAC1B,AAED,8BACI,oBAAsB,CACzB,AAED,gBACI,cAAe,AACf,kBAAmB,AACnB,cAAsB,AACtB,iBAAkB,AAClB,mBAAoB,AACpB,gBAAiB,AACjB,oBAAsB,AACtB,wBAA0B,CAC7B,AAED,iBACI,YAAc,CACjB,AAED,mBACI,oBAAa,AAAb,YAAa,AACb,oBAAc,AAAd,aAAc,AACd,0BAAuB,AAAvB,sBAAuB,AACvB,sBAA+B,AAA/B,6BAA+B,CAClC,AAED,mBACI,yBAA4B,CAC/B,AAED,gBACI,oBAAc,AAAd,aAAc,AACd,sBAA+B,AAA/B,8BAA+B,AAC/B,mBAAsB,AAAtB,qBAAsB,AACtB,mBAAqB,CACxB,AAED,sCAEI,cAAe,AACf,WAAY,AACZ,YAAa,AACb,mBAA4C,AAC5C,mBAAoB,AAEpB,gBAAkB,CACrB,AAED,uEAEI,iBAAmB,CACtB,AAED,aACI,oBAAc,AAAd,aAAc,AACd,2BAAwB,AAAxB,uBAAwB,AACxB,SAAU,AACV,UAAW,AACX,eAAiB,CACpB,AAED,kBACI,kBAAmB,AACnB,oBAAe,AAAf,cAAe,AACf,SAAU,AACV,SAAW,CACd,AAED,8BACI,UAAY,CACf,AACD,+BACI,SAAW,CACd,AACD,+BACI,SAAW,CACd,AACD,+BACI,SAAW,CACd,AACD,+BACI,SAAW,CACd,AACD,+BACI,SAAW,CACd,AACD,+BACI,SAAW,CACd,AACD,+BACI,SAAW,CACd,AACD,+BACI,SAAW,CACd,AACD,gCACI,SAAW,CACd,AAED,eAGI,cAAe,AACf,WAAY,AACZ,WAAa,CAGhB,AAED,8BATI,cAAe,AACf,gBAAiB,AAIjB,sBAAuB,AACvB,kBAAoB,CAYvB,AATD,eAGI,cAAe,AACf,WAAY,AACZ,YAAa,AAGb,oDAA+D,CAClE,AAED,yBACI,kCACI,SAAU,AACV,gDAA0D,CAC7D,CACJ,AAED,qBACI,kBAAmB,AACnB,YAAa,AACb,YAAa,AACb,cAAe,AACf,gBAAiB,AACjB,WAAa,AACb,iBAAkB,AAClB,oBAAsB,AACtB,mBAAoB,AACpB,mBAA4B,AAC5B,kBAAmB,AACnB,yEAAgF,AAChF,UAAW,AACX,iDAA0D,AAC1D,0BAA2B,AAC3B,mBAAqB,CACxB,AAED,6CACI,UAAa,AACb,uBAA2B,CAC9B,AAED,yBACI,qBACI,YAAc,CACjB,CACJ,AAED,cACI,oBAAe,AAAf,cAAe,AACf,iBAAkB,AAClB,cAAsB,AACtB,iBAAkB,AAClB,iBAAkB,AAClB,gBAAiB,AACjB,oBAAsB,AACtB,wBAA0B,CAC7B,AAUD,yBACI,iBACI,kBAAe,AAAf,cAAe,AACf,uBAAoB,AAApB,kBAAoB,CACvB,AAED,uCACI,kBAAmB,AACnB,kBAAe,AAAf,cAAe,AACf,yBAA2B,CAC9B,AAED,kCACI,kBAAmB,AACnB,WAAY,AACZ,WAAa,CAChB,AAED,oCACI,mBAAgB,AAAhB,cAAgB,CACnB,AAED,oBACI,gBAAkB,CACrB,AAED,mBACI,iBAAkB,AAClB,kBAAoB,CACvB,AAED,yCACI,mBAAqB,CACxB,AAED,iCACI,mBAAqB,CACxB,CACJ,AAED,kCACI,YAAc,CACjB,AAID,yBACI,WACI,eAAiB,CACpB,AACD,WACI,iBAAmB,CACtB,CACJ,AAOD,oDAEI,mBAAoB,AACpB,eAAiB,CACpB,AAED,WACI,kBAAmB,AACnB,UAAY,CACf,AAGD,kBACI,cAAe,AACf,oBAAqB,AACrB,iBAAkB,AAClB,iBAAmB,CACtB,AACD,yBACI,kBACI,qBAAuB,CAC1B,CACJ,AAED,gBACI,oBAAc,AAAd,aAAc,AACd,qBAAwB,AAAxB,uBAAwB,AACxB,sBAAoB,AAApB,mBAAoB,AACpB,cAAsB,AACtB,iBAAkB,AAClB,gBAAiB,AACjB,wBAA0B,CAC7B,AAED,qBACI,aAAmB,CACtB,AAED,iBACI,SAAU,AACV,aAAqC,CACxC,AAED,cACI,qBAAsB,AACtB,gBAAkB,CACrB,AAED,iBACI,sBAAuB,AACvB,uBAA2C,AAC3C,kBAAmB,AACnB,eAAiB,CACpB,AAED,qBACI,WAAY,AACZ,aAAc,AACd,gBAAkB,CACrB,AAED,0BACI,iBACI,qBAAsB,AACtB,eAAiB,CACpB,AACD,qBACI,YAAc,CACjB,CACJ,AAED,yBACI,qBACI,YAAc,CACjB,CACJ,AAED,mBACI,kBAAmB,AACnB,cAAe,AACf,qBAAsB,AACtB,iBAAkB,AAClB,0BAA4B,AAC5B,iBAAkB,AAClB,kBAAmB,AACnB,eAAiB,CACpB,AAED,0BACI,mBACI,iBAAmB,CACtB,CACJ,AACD,yBACI,mBACI,gBAAkB,CACrB,CACJ,AAED,0BAII,UAAW,AAOX,uBAAyB,CAC5B,AAED,mDAbI,WAAY,AACZ,kBAAmB,AACnB,SAAU,AAEV,WAAY,AACZ,cAAe,AACf,WAAY,AACZ,aAAc,AACd,8BAAgC,AAChC,gBAAkB,CAgBrB,AAZD,yBAII,WAAY,AAOZ,sBAAwB,CAC3B,AAED,6BACI,aAAe,CAClB,AAED,uEAEI,YAAc,CACjB,AAED,+SAcI,cAAgB,CACnB,AAED,sBACI,qBAAuB,CAC1B,AAED,wBACI,QAAU,CACb,AAED,qBACI,WAAY,AACZ,sBAAuB,AACvB,iCAAuC,CAC1C,AAED,2BACI,cAAmB,AACnB,oBAAsB,CACzB,AAED,gDAEI,aAAqC,CACxC,AAED,yBACI,qBAAsB,AACtB,iBAAmB,CACtB,AAED,kCACI,YAAc,CACjB,AAED,gDAEI,cAAe,AACf,kBAAmB,AACnB,iBAAkB,AAClB,WAAa,CAChB,AACD,0BACI,gDAEI,UAAY,CACf,CACJ,AAWD,qCACI,eAAgB,AAChB,WAAa,CAChB,AAWD,gCACI,cAAe,AACf,gBAAiB,AACjB,oBAAqB,AACrB,iBAAmB,CACtB,AAID,0BACI,uBAA0B,CAC7B,AAED,8BACI,iBAAkB,AAClB,gBAAiB,AACjB,6BAA+B,CAClC,AAED,gCACI,eAAkB,AAClB,cAAe,AACf,kBAAmB,AACnB,oBAAqB,AACrB,iBAAmB,CACtB,AAED,2CACI,eAAiB,CACpB,AAED,wBACI,kBAAmB,AACnB,eAAiB,AACjB,gBAAiB,AACjB,0BAA2B,AAC3B,mBAA6B,AAC7B,iBAAmB,CACtB,AAED,0BACI,oBAAsB,CACzB,AAED,uBACI,gBAAiB,AACjB,mBAAoB,AACpB,aAAc,AACd,eAAgB,AAChB,sBAAiD,AACjD,cAAwB,AACxB,iBAAkB,AAClB,kBAAmB,AACnB,mBAA0C,AAC1C,iBAAmB,CACtB,AAED,4BACI,UAAW,AACX,kBAAmB,AACnB,oBAAqB,AACrB,sBAAwB,CAC3B,AAED,uCACI,aAAe,CAClB,AAED,8CACI,kBAAoB,CACvB,AAED,sBACI,YAAc,CACjB,AAED,4BACI,WAAY,AACZ,kBAAmB,AACnB,UAAW,AACX,SAAU,AACV,cAAe,AACf,kBAAmB,AACnB,UAAW,AACX,YAAa,AACb,mBAA4C,AAC5C,0BAA2B,AAC3B,uBAAyB,CAC5B,AAED,oIAMI,cAAqC,AACrC,wHAAyI,CAC5I,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,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,0BAA2B,AAC3B,2BAA6B,CAChC,AAED,4BACI,cAAuB,AACvB,iBAAkB,AAClB,gBAAiB,AACjB,oBAAsB,AACtB,gBAAiB,AACjB,yBAA0B,AAC1B,wBAAiD,CACpD,AAED,wDAEI,iBAAkB,AAClB,wBAAwD,CAC3D,AAMD,gBACI,eAAgB,AAChB,sBAAuB,AACvB,yBAAiD,AACjD,kBAAmB,AACnB,mBAA2C,AAC3C,iBAAmB,CACtB,AAED,sBACI,eAAkB,AAClB,UAAW,AACX,cAAuB,AACvB,iBAAkB,AAClB,cAAe,AACf,eAAiB,CACpB,AAED,kBACI,kBAAmB,AACnB,cAAsB,AACtB,iBAAkB,AAClB,mBAAoB,AACpB,mBAAsB,CACzB,AAED,qBACI,oBAAc,AAAd,aAAc,AACd,qBAAwB,AAAxB,uBAAwB,AACxB,sBAAoB,AAApB,mBAAoB,AACpB,cAAe,AACf,eAAiB,CACpB,AAED,4BACI,oBAAa,AAAb,WAAa,CAChB,AAED,iBACI,cAAe,AACf,aAAc,AACd,WAAY,AACZ,yBAAiD,AACjD,cAAsB,AACtB,iBAAkB,AAClB,gBAAiB,AACjB,gBAAoB,AACpB,yBAAkB,AAAlB,sBAAkB,AAAlB,qBAAkB,AAAlB,iBAAkB,AAClB,kBAAmB,AACnB,oCAAsC,AAEtC,uBAAyB,CAC5B,AAOD,uBACI,qBAAsB,AACtB,kBAAmB,AACnB,eAAgB,AAChB,YAAa,AACb,aAAc,AACd,WAAY,AACZ,iBAAkB,AAClB,iBAAkB,AAClB,gBAAiB,AACjB,kBAAmB,AACnB,oCAAsC,AACtC,oEAKE,AACF,kBAAmB,AACnB,2CAA6C,AAE7C,2CAA6C,CAChD,AAED,2DAEI,kBAA+D,CAClE,AAED,yBACI,sBACI,gBAAkB,CACrB,AACD,kBACI,gBAAkB,CACrB,CACJ,AAED,yBACI,qBACI,0BAAuB,AAAvB,qBAAuB,CAC1B,AACD,4BACI,UAAY,CACf,AACD,uBACI,gBAAmB,AACnB,UAAY,CACf,CACJ,AAMD,kBAEI,sBAA+B,AAA/B,8BAA+B,AAC/B,sBAAoB,AAApB,mBAAoB,AACpB,cAAe,AACf,kBAAqB,AACrB,eAAiB,CACpB,AAKD,+BAXI,oBAAc,AAAd,YAAc,CAajB,AAED,gEAGI,WAAY,AACZ,WAAa,CAChB,AAED,kBACI,iBAAoB,AACpB,UAAW,AACX,cAAgB,CACnB,AAED,oBACI,cAAuB,AACvB,eAAiB,CACpB,AAED,0BACI,oBAAsB,CACzB,AAED,uBACI,SAAU,AACV,cAAsB,AACtB,iBAAmB,CACtB,AAED,wBACI,oBAAe,AAAf,cAAe,AACf,gBAAkB,CACrB,AAED,oBACI,cAAe,AACf,iBAAkB,AAClB,yBAAgD,AAChD,cAAsB,AACtB,iBAAkB,AAClB,cAAe,AACf,gBAAiB,AACjB,mBAAoB,AACpB,uBAA0B,CAC7B,AAED,0BACI,qBAA0B,AAC1B,cAAmB,AACnB,oBAAsB,CACzB,AAKD,mBACI,oBAAa,AAAb,YAAa,AACb,oBAAc,AAAd,aAAc,AACd,0BAAuB,AAAvB,sBAAuB,AACvB,sBAAoB,AAApB,mBAAoB,AACpB,gBAAiB,AACjB,iBAAkB,AAClB,4BAAsD,CACzD,AAED,2BACI,kBAAoB,CACvB,AAED,6BACI,gBAAiB,AACjB,cAAsB,AACtB,iBAAkB,AAClB,oBAAsB,AACtB,kBAAmB,AACnB,wBAA0B,CAC7B,AAED,6BACI,qBAAsB,AACtB,cAAsC,AACtC,iBAAkB,AAClB,gBAAiB,AACjB,wBAA0B,CAC7B,AAED,+BACI,qBAAwB,AAAxB,uBAAwB,AACxB,iBAAmB,CACtB,AAED,gEAEI,kBAAmB,AACnB,iBAAmB,CACtB,AAED,+BACI,kBAAmB,AACnB,YAAa,AACb,SAAU,AACV,YAAa,AACb,cAAe,AACf,mBAAoB,AACpB,YAAa,AACb,iBAAkB,AAClB,oBAAsB,AACtB,gBAAkB,AAClB,kBAAmB,AACnB,yEAAgF,AAChF,UAAW,AACX,iDAA0D,AAC1D,sCAAwC,AACxC,mBAAqB,CACxB,AAED,sCACI,WAAY,AACZ,kBAAmB,AACnB,SAAU,AACV,SAAU,AACV,cAAe,AACf,kBAAmB,AACnB,QAAS,AACT,SAAU,AACV,2BAA4B,AAC5B,oCAAqC,AACrC,kCAAoC,CACvC,AAED,uCACI,UAAa,AACb,iCAAoC,AACpC,mBAAqB,CACxB,AAED,yBACI,oBAAc,AAAd,aAAc,AACd,0BAAuB,AAAvB,sBAAuB,AACvB,sBAAoB,AAApB,mBAAoB,AACpB,uBAA6B,AAC7B,WAAY,AACZ,mBAA4B,AAC5B,yBAA2B,CAC9B,AAED,4BACI,iBAAoB,CACvB,AAED,kBACI,mBAAqB,CACxB,AAED,yBACI,+BACI,YAAc,CACjB,CACJ,AASD,8DANI,SAAU,AACV,WAAY,AACZ,YAAa,AACb,WAAa,CAUhB,AAPD,4BACI,kBAAmB,AAKnB,+BAAqC,CACxC,AAED,gCACI,SAAU,AACV,WAAY,AACZ,YAAa,AACb,WAAc,CACjB,AAMD,oBACI,cAAe,AACf,eAAiB,CACpB,AAMD,gBAEI,mBAAgB,AAAhB,eAAgB,AAChB,eAAgB,AAChB,gBAAoB,CACvB,AAED,gCANI,oBAAc,AAAd,YAAc,CAmBjB,AAbD,gBACI,kBAAmB,AACnB,mBAAgB,AAAhB,eAAgB,AAEhB,0BAAuB,AAAvB,sBAAuB,AACvB,gBAAiB,AACjB,mBAAoB,AACpB,aAAc,AACd,WAAY,AACZ,uBAA0C,AAC1C,sBAAuB,AACvB,kBAAmB,AACnB,0EAAkF,CACrF,AAED,uBACI,WAAY,AACZ,kBAAmB,AACnB,MAAO,AACP,QAAS,AACT,SAAU,AACV,OAAQ,AACR,cAAe,AACf,qEAAiF,AACjF,kBAAmB,AAEnB,kCAA2B,AAA3B,yBAA2B,CAC9B,AAED,uBACI,kBAAmB,AACnB,WAAY,AACZ,iBAAkB,AAClB,iBAAmB,CACtB,AAED,iCACI,cAAe,AACf,iBAAkB,AAClB,kBAAmB,AACnB,UAAa,CAChB,AAED,6BACI,SAAU,AACV,eAAgB,AAChB,WAAY,AACZ,eAAgB,AAChB,kBAAmB,AACnB,kBAAoB,CACvB,AAED,+BACI,WAAY,AACZ,gBAAiB,AACjB,oBAAsB,CACzB,AAED,qCACI,oBAAsB,CACzB,AAED,mBACI,kBAAmB,AACnB,oBAAc,AAAd,aAAc,AACd,qBAAwB,AAAxB,uBAAwB,AACxB,WAAa,CAChB,AAED,uBACI,WAAY,AACZ,iBAAkB,AAClB,YAAa,AAEb,kBAAoB,AACpB,kBAAqB,CACxB,AAED,wBACI,kBAAmB,AACnB,WAAY,AACZ,oBAAa,AAAb,YAAa,AACb,oBAAc,AAAd,aAAc,AACd,gBAAkB,CACrB,AAED,2BACI,oBAAc,AAAd,aAAc,AACd,0BAAuB,AAAvB,sBAAuB,AACvB,cAAe,AACf,UAAW,AACX,kBAAmB,AACnB,eAAiB,CACpB,AAED,2BACI,SAAU,AACV,UAAW,AACX,iBAAkB,AAClB,mBAAoB,AACpB,gBAAiB,AACjB,oBAAuB,CAC1B,AAED,6BACI,cAAe,AACf,eAAgB,AAChB,2CAA+C,AAC/C,WAAY,AACZ,gBAAiB,AACjB,mBAAoB,AACpB,2BAA8B,CACjC,AAED,2CACI,gBAAkB,CACrB,AAED,mCACI,SAAW,CACd,AAED,uBACI,kBAAmB,AACnB,kBAAqB,AACrB,iBAAmB,CACtB,AAED,yBACI,UAAY,CACf,AAMD,iBACI,kBAAmB,AACnB,eAAgB,AAChB,MAAO,AACP,QAAS,AACT,OAAQ,AACR,aAAc,AACd,oBAAc,AAAd,aAAc,AACd,sBAAoB,AAApB,mBAAoB,AACpB,YAAa,AACb,wCAA0C,AAC1C,+BAAmC,AACnC,6CAAqD,AACrD,gCAAoC,CACvC,AAED,iBACI,mBAAoB,AACpB,6CAAqD,AACrD,uBAAgC,CACnC,AAED,sBACI,gBAAiB,AACjB,kBAAmB,AACnB,iBAAkB,AAClB,gBAAiB,AACjB,oBAAqB,AACrB,uBAAwB,AACxB,kBAAoB,CACvB,AAED,wBACI,oBAAc,AAAd,aAAc,AACd,sBAAoB,AAApB,mBAAoB,AACpB,cAAuB,AACvB,kBAAmB,AACnB,eAAiB,CACpB,AAED,8BACI,oBAAsB,CACzB,AAED,0BACI,kBAAmB,AACnB,eAAiB,CACpB,AAED,yBACI,aAAc,AACd,eAAiB,CACpB,AAED,uBACI,WAAQ,AAAR,OAAQ,AACR,gBAAiB,AACjB,SAAU,AACV,cAAe,AACf,iBAAkB,AAClB,kBAAmB,AACnB,gBAAkB,AAClB,uBAAwB,AACxB,kBAAoB,CACvB,AAED,uBAEI,kBAA0B,AAA1B,yBAA0B,AAE1B,gBAAiB,AACjB,iBAAkB,AAClB,aAAe,CAClB,AAED,gDARI,oBAAc,AAAd,aAAc,AAEd,sBAAoB,AAApB,kBAAoB,CAUvB,AAJD,yBAEI,qBAAwB,AAAxB,sBAAwB,CAE3B,AAED,2BACI,WAAY,AACZ,YAAa,AACb,SAAW,CACd,AAED,6BACI,oBAAe,AAAf,cAAe,AACf,oBAAc,AAAd,aAAc,AACd,sBAAoB,AAApB,mBAAoB,AACpB,kBAAmB,AACnB,qBAAuB,AACvB,eAAiB,CACpB,AAED,iCACI,oBAAqB,AACrB,WAAY,AACZ,YAAa,AACb,sBAAwB,AACxB,uBAAyB,CAC5B,AAED,oDAEI,cAAe,AACf,sBAAoB,AAApB,0BAAoB,AAApB,mBAAoB,AACpB,WAAY,AACZ,YAAa,AACb,WAAY,AACZ,iBAAkB,AAClB,kBAAmB,AACnB,4CAAqD,CACxD,AAED,0BACI,kBAAoB,CACvB,AAED,0BACI,kBAAoB,CACvB,AAED,UACI,kBAAmB,AACnB,QAAS,AACT,YAAa,AACb,OAAQ,AACR,WAAY,AACZ,WAAY,AACZ,YAAa,AACb,cAAmB,AACnB,uBAAwB,AAExB,wBAAiB,AAAjB,qBAAiB,AAAjB,eAAiB,CACpB,AAED,gCACI,4BAA8B,CACjC,AAED,kCACI,wBAA8B,CACjC,AAED,6BACI,wBAA8B,CACjC,AAED,oBACI,kBAAmB,AACnB,MAAO,AACP,OAAQ,AACR,cAAe,AACf,WAAY,AACZ,WAAY,AACZ,4BAA8B,CACjC,AAED,cACI,cAAe,AACf,UAAW,AACX,eAAgB,AAChB,wBAA8B,CACjC,AAED,yBACI,iBACI,WAAa,CAChB,AACD,6CAEI,gBAAkB,CACrB,AACD,oDAEI,WAAY,AACZ,YAAa,AACb,gBAAkB,CACrB,CACJ,AAED,yBACI,sBACI,gBAAkB,CACrB,AACD,wBACI,aAAe,CAClB,AACD,gDAEI,iBAAmB,CACtB,CACJ,AAED,yBACI,6BACI,YAAc,CACjB,CACJ,AAMD,cACI,oBAAc,AAAd,aAAc,AACd,0BAAuB,AAAvB,sBAAuB,AACvB,sBAAoB,AAApB,mBAAoB,AACpB,eAAiB,CACpB,AAED,2CACI,iBAAkB,AAClB,iBAAmB,CACtB,AAED,6BACI,cAAgB,CACnB,AAGD,uEACI,UAAY,CACf,AAED,4CACI,gBAAkB,CACrB,AAED,4CACI,eAAiB,CACpB,AAED,0BACI,kBAAoB,CACvB,AAED,8BACI,QAAU,CACb,AAED,8BACI,eAAkB,AAClB,cAAe,AACf,kBAAmB,AACnB,iBAAmB,CACtB,AAED,0BACI,eAAiB,CACpB,AAED,eACI,oBAAc,AAAd,aAAc,AACd,0BAAuB,AAAvB,sBAAuB,AACvB,sBAAoB,AAApB,mBAAoB,AACpB,cAAgB,CACnB,AAED,0CACI,QAAU,CACb,AAGD,0BACI,4CACI,WAAa,CAChB,CACJ,AAED,sBACI,oBAAc,AAAd,aAAc,AACd,0BAAuB,AAAvB,sBAAuB,AACvB,iBAAkB,AAClB,WAAa,CAChB,AAED,gBACI,oBAAc,AAAd,aAAc,AACd,uBAAoB,AAApB,mBAAoB,AACpB,qBAAwB,AAAxB,sBAAwB,CAC3B,AAED,sBACI,cAAe,AACf,SAAU,AACV,WAAY,AACZ,WAAa,CAChB,AAED,oCACI,gBAAqB,CACxB,AAED,sCACI,kBAAqB,CACxB,AAED,wLAII,oBAAsB,CACzB,AAKD,2CACI,WAAY,AACZ,oBAAe,AAAf,cAAe,AACf,gBAAmB,AACnB,YAAa,AACb,aAAc,AACd,uCAA4C,CAC/C,AAED,iCACI,WAAY,AACZ,oBAAe,AAAf,cAAe,AACf,kBAAqB,AACrB,gBAAiB,AACjB,eAAgB,AAChB,kBAAmB,AACnB,gBAAiB,AACjB,oBAAsB,AACtB,UAAa,CAChB,AAED,kCACI,WAAY,AACZ,oBAAe,AAAf,cAAe,AACf,oBAAc,AAAd,aAAc,AACd,qBAAwB,AAAxB,uBAAwB,AACxB,sBAAoB,AAApB,mBAAoB,AACpB,gBAAmB,AACnB,0BAA4B,AAC5B,iBAAmB,CACtB,AAED,0CACI,cAAe,AACf,WAAa,CAChB,AAED,2BACI,qBAAsB,AACtB,cAAe,AACf,UAAa,CAChB,AAED,gDACI,gBAAkB,CACrB,AAED,yBACI,iCACI,iBAAkB,AAClB,mBAAoB,AACpB,gBAAkB,CACrB,AACD,+BAEI,YAAc,CACjB,CACJ,AAMD,2BACI,eAAiB,CACpB,AAED,iBACI,oBAAc,AAAd,aAAc,AACd,qBAAwB,AAAxB,uBAAwB,AACxB,sBAAoB,AAApB,mBAAoB,AACpB,iBAAmB,CACtB,AAED,gCACI,cAAgB,CACnB,AAED,eACI,iBAAmB,CACtB,AAED,YACI,SAAU,AACV,eAAgB,AAChB,gBAAiB,AACjB,oBAAqB,AACrB,UAAa,CAChB,AAED,mBACI,SAAU,AACV,cAAsB,AACtB,eAAgB,AAChB,kBAAmB,AACnB,eAAiB,CACpB,AAED,yBACI,mBACI,eAAkB,AAClB,gBAAkB,CACrB,CACJ,AAED,YACI,qBAAsB,AACtB,cAAgB,CACnB,AAED,2BACI,aAAe,CAClB,AAMD,mBACI,eAAgB,AAChB,MAAO,AACP,QAAS,AACT,SAAU,AACV,OAAQ,AACR,aAAc,AACd,oBAAc,AAAd,aAAc,AACd,qBAAwB,AAAxB,uBAAwB,AACxB,sBAAoB,AAApB,mBAAoB,AACpB,6BAA+B,AAC/B,UAAW,AACX,+BAAkC,AAClC,oBAAqB,AAErB,kCAA2B,AAA3B,yBAA2B,CAC9B,AAED,0BACI,UAAW,AACX,mBAAqB,CACxB,AAED,2BACI,kBAAmB,AACnB,aAAc,AACd,eAAkB,AAClB,YAAa,AACb,WAAY,AACZ,iBAAmB,CACtB,AAED,wBACI,eAAgB,AAChB,SAAU,AACV,UAAW,AACX,WAAa,CAChB,AAED,yBACI,qBAAsB,AACtB,gBAAmB,AACnB,eAAgB,AAChB,kBAAoB,CACvB,AAED,+BACI,mBAAoB,AACpB,gBAAiB,AACjB,0BAA4B,AAC5B,eAAgB,AAChB,kBAAmB,AACnB,gBAAiB,AACjB,UAAa,CAChB,AAED,wBACI,oBAAc,AAAd,aAAc,AACd,qBAAwB,AAAxB,uBAAwB,AACxB,sBAAoB,AAApB,mBAAoB,AACpB,cAAe,AACf,eAAiB,CACpB,AAED,+BACI,oBAAa,AAAb,WAAa,CAChB,AAED,oCACI,cAAe,AACf,kBAAmB,AACnB,WAAY,AACZ,YAAa,AACb,cAAsB,AACtB,eAAgB,AAChB,gBAAiB,AACjB,gBAAoB,AACpB,oBAAsB,AACtB,yBAAkB,AAAlB,sBAAkB,AAAlB,qBAAkB,AAAlB,iBAAkB,AAClB,kBAAmB,AACnB,oCAAsC,AAEtC,uBAAyB,CAC5B,AAED,uBACI,UAAW,AACX,oBAA6C,CAChD,AAED,0BACI,qBAAsB,AACtB,kBAAmB,AACnB,eAAgB,AAChB,YAAa,AACb,aAAc,AACd,WAAY,AACZ,iBAAkB,AAClB,iBAAkB,AAClB,gBAAiB,AACjB,kBAAmB,AACnB,oCAAsC,AACtC,oEAKE,AACF,kBAAmB,AACnB,2CAA6C,AAE7C,2CAA6C,CAChD,AAED,iEAEI,kBAA+D,CAClE,AAED,yBACI,kBAAmB,AACnB,MAAO,AACP,QAAS,AACT,SAAU,AACV,OAAQ,AACR,aAAe,CAClB,AAED,gCAUI,uBAAyB,CAC5B,AAED,+DAZI,WAAY,AACZ,kBAAmB,AACnB,SAAU,AACV,WAAY,AACZ,cAAe,AACf,WAAY,AACZ,WAAY,AACZ,gBAAiB,AACjB,UAAa,CAehB,AAXD,+BAUI,wBAA0B,CAC7B,AAED,+BACI,cAAgB,CACnB,AAMD,aACI,kBAAmB,AACnB,iBAAkB,AAClB,oBAAqB,AACrB,WAAY,AACZ,eAA2C,CAC9C,AAED,qBACI,oBAAc,AAAd,aAAc,AACd,mBAAgB,AAAhB,eAAgB,AAChB,sBAA+B,AAA/B,8BAA+B,AAC/B,sBAAoB,AAApB,mBAAoB,AAEpB,gBAAkB,CACrB,AAED,4CAJI,wBAA6B,CAMhC,AAED,6BACI,WAA2B,AAC3B,oBAAsB,CACzB,AAED,iBACI,oBAAc,AAAd,YAAc,CACjB,AAED,mBACI,kBAAmB,AACnB,gBAAkB,CACrB,AAED,0BACI,WAAY,AACZ,kBAAmB,AACnB,SAAU,AACV,WAAY,AACZ,cAAe,AACf,UAAW,AACX,WAAY,AACZ,gBAAiB,AACjB,kBAAoB,CACvB,AAED,wCACI,YAAc,CACjB,AAED,yBACI,qBACI,0BAAuB,AAAvB,qBAAuB,CAC1B,AACD,+BACI,aAAe,CAClB,CACJ","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\n 7.6. Koenig Styles\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-image:before,\n.site-header.no-image: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: 100%;\n height: 200px;\n background: var(--lightgrey) no-repeat center center;\n object-fit: 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.avatar-wrapper {\n display: block;\n width: 100%;\n height: 100%;\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 position: relative;\n flex-shrink: 0;\n margin: 0;\n padding: 0;\n}\n\n.author-list-item:nth-child(1) {\n z-index: 10;\n}\n.author-list-item:nth-child(2) {\n z-index: 9;\n}\n.author-list-item:nth-child(3) {\n z-index: 8;\n}\n.author-list-item:nth-child(4) {\n z-index: 7;\n}\n.author-list-item:nth-child(5) {\n z-index: 6;\n}\n.author-list-item:nth-child(6) {\n z-index: 5;\n}\n.author-list-item:nth-child(7) {\n z-index: 4;\n}\n.author-list-item:nth-child(8) {\n z-index: 3;\n}\n.author-list-item:nth-child(9) {\n z-index: 2;\n}\n.author-list-item:nth-child(10) {\n z-index: 1;\n}\n\n.static-avatar {\n display: block;\n overflow: hidden;\n margin: 0 -5px;\n width: 34px;\n height: 34px;\n border: #fff 2px solid;\n border-radius: 100%;\n}\n\n.moving-avatar {\n display: block;\n overflow: hidden;\n margin: 0 -6px;\n width: 56px;\n height: 56px;\n border: #fff 2px solid;\n border-radius: 100%;\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 post in the list is styled to be bigger than the others and take over\nthe full width of the grid to give it more emphasis. Wrapped in a media query to\nmake sure this only happens on large viewports / desktop-ish devices.\n\n */\n\n@media (min-width: 795px) {\n .post-card-large {\n flex: 1 1 100%;\n flex-direction: row;\n }\n\n .post-card-large .post-card-image-link {\n position: relative;\n flex: 1 1 auto;\n border-radius: 5px 0 0 5px;\n }\n\n .post-card-large .post-card-image {\n position: absolute;\n width: 100%;\n height: 100%;\n }\n\n .post-card-large .post-card-content {\n flex: 0 1 357px;\n }\n\n .post-card-large h2 {\n font-size: 2.6rem;\n }\n\n .post-card-large p {\n font-size: 1.8rem;\n line-height: 1.55em;\n }\n\n .post-card-large .post-card-content-link {\n padding: 30px 40px 0;\n }\n\n .post-card-large .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 background: var(--lightgrey) center center;\n border-radius: 5px;\n overflow: hidden;\n}\n\n.post-full-image img {\n width: 100%;\n height: 800px;\n object-fit: cover;\n}\n\n@media (max-width: 1170px) {\n .post-full-image {\n margin: 0 -4vw -100px;\n border-radius: 0;\n }\n .post-full-image img {\n height: 600px;\n }\n}\n\n@media (max-width: 800px) {\n .post-full-image img {\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.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-full-content a {\n color: #000;\n word-break: break-word;\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 height: auto;\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 text-align: center;\n}\n\n\n/* Override third party iframe styles */\n.post-full-content iframe {\n margin: 0 auto !important;\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 p code {\n word-break: break-all;\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 :not(span) {\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.author-card .avatar-wrapper {\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 position: relative;\n margin-right: 15px;\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 margin-left: -160px;\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(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 margin-left: -12px;\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/* 7.6. Koenig Styles\n/* ---------------------------------------------------------- */\n\n.post-content {\n display: flex;\n flex-direction: column;\n align-items: center;\n max-width: 920px;\n}\n\n.post-template .post-content > p:first-child {\n font-size: 1.25em;\n line-height: 1.5em;\n}\n\n.post-full-content .kg-image {\n max-width: 100%;\n}\n\n/* Preventing full-width image overlap with post image. */\n.post-full-image + .post-full-content .kg-content *:first-child .kg-image {\n width: 100%;\n}\n\n.post-full-content .kg-width-wide .kg-image {\n max-width: 1040px;\n}\n\n.post-full-content .kg-width-full .kg-image {\n max-width: 100vw;\n}\n\n.post-full-content figure {\n margin: 1.5em 0 3em;\n}\n\n.post-full-content figure img {\n margin: 0;\n}\n\n.post-full-content figcaption {\n margin: 1.0em 0 0;\n font-size: 80%;\n line-height: 1.6em;\n text-align: center;\n}\n\n.kg-width-full figcaption {\n padding: 0 1.5em;\n}\n\n.kg-embed-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n min-width: 100%;\n}\n\n.kg-embed-card .fluid-width-video-wrapper {\n margin: 0;\n}\n\n\n@media (max-width: 1040px) {\n .post-full-content .kg-width-full .kg-image {\n width: 100vw;\n }\n}\n\n.kg-gallery-container {\n display: flex;\n flex-direction: column;\n max-width: 1040px;\n width: 100vw;\n}\n\n.kg-gallery-row {\n display: flex;\n flex-direction: row;\n justify-content: center;\n}\n\n.kg-gallery-image img {\n display: block;\n margin: 0;\n width: 100%;\n height: 100%;\n}\n\n.kg-gallery-row:not(:first-of-type) {\n margin: 0.75em 0 0 0;\n}\n\n.kg-gallery-image:not(:first-of-type) {\n margin: 0 0 0 0.75em;\n}\n\n.kg-gallery-card + .kg-image-card.kg-width-wide,\n.kg-gallery-card + .kg-gallery-card,\n.kg-image-card.kg-width-wide + .kg-gallery-card,\n.kg-image-card.kg-width-wide + .kg-image-card.kg-width-wide {\n margin: -2.25em 0 3em;\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 e407063..1aa1434 100644 --- a/assets/css/screen.css +++ b/assets/css/screen.css @@ -142,8 +142,8 @@ body { background: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0)); } -.site-header.no-cover:before, -.site-header.no-cover:after { +.site-header.no-image:before, +.site-header.no-image:after { display: none; } @@ -411,10 +411,10 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o } .post-card-image { - width: auto; + width: 100%; height: 200px; background: var(--lightgrey) no-repeat center center; - background-size: cover; + object-fit: cover; } .post-card-content-link { @@ -595,46 +595,48 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o /* Special Styling for home page grid (below): -The 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. +The first 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. */ @media (min-width: 795px) { - .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) { + .post-card-large { flex: 1 1 100%; flex-direction: row; } - .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-image-link { + .post-card-large .post-card-image-link { position: relative; 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 { + .post-card-large .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 { + .post-card-large .post-card-content { flex: 0 1 357px; } - .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) h2 { + .post-card-large h2 { font-size: 2.6rem; } - .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) p { + .post-card-large 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 { + .post-card-large .post-card-content-link { padding: 30px 40px 0; } - .home-template .post-feed .post-card:nth-child(6n+1):not(.no-image) .post-card-meta { + .post-card-large .post-card-meta { padding: 0 40px 30px; } } @@ -709,22 +711,29 @@ The first (most recent) post in the list is styled to be bigger than the others .post-full-image { margin: 0 -10vw -165px; - height: 800px; background: var(--lightgrey) center center; - background-size: cover; border-radius: 5px; + overflow: hidden; +} + +.post-full-image img { + width: 100%; + height: 800px; + object-fit: cover; } @media (max-width: 1170px) { .post-full-image { margin: 0 -4vw -100px; - height: 600px; border-radius: 0; } + .post-full-image img { + height: 600px; + } } @media (max-width: 800px) { - .post-full-image { + .post-full-image img { height: 400px; } } diff --git a/assets/css_firepress/css_simplegrid/simplegrid.css b/assets/css_firepress/css_simplegrid/simplegrid.css deleted file mode 100755 index 0884c87..0000000 --- a/assets/css_firepress/css_simplegrid/simplegrid.css +++ /dev/null @@ -1,283 +0,0 @@ -/* - Simple Grid - Project Page - http://thisisdallas.github.com/Simple-Grid/ - Author - Dallas Bass - Site - http://dallasbass.com -*/ - -*, *:after, *:before { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -body { - margin: 0; -} - -[class*='col-'] { - float: left; - min-height: 1px; - padding-right: px; /* column-space */ -} - -.grid { - width: 100%; - max-width: 898px; - min-width: 640px; /* when using padded grid on ipad in portrait mode, width should be viewport-width - padding = (768 - 20) = 748. actually, it should be even smaller to allow for padding of grid containing element */ - padding-bottom: 20px; - margin: 0 auto; - overflow: hidden; -} - -.grid:after { - content: ""; - display: table; - clear: both; -} - -.grid-pad { - padding-top: 10px; - padding-bottom: 10px; - padding-left: 10px; /* grid-space to left */ - padding-right: 0; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */ -} - -.push-right { - float: right; -} - -/* Content Columns */ - -.col-1-1 { - width: 100%; -} -.col-2-3, .col-8-12 { - width: 66.66%; -} - -.col-1-2, .col-6-12 { - width: 50%; -} - -.col-1-3, .col-4-12 { - width: 33.33%; -} - -.col-1-4, .col-3-12 { - width: 25%; -} - -.col-1-5 { - width: 20%; -} - -.col-1-6, .col-2-12 { - width: 16.667%; -} - -.col-1-7 { - width: 14.28%; -} - -.col-1-8 { - width: 12.5%; -} - -.col-1-9 { - width: 11.1%; -} - -.col-1-10 { - width: 10%; -} - -.col-1-11 { - width: 9.09%; -} - -.col-1-12 { - width: 8.33% -} - -/* Layout Columns */ - -.col-11-12 { - width: 91.66% -} - -.col-10-12 { - width: 83.333%; -} - -.col-9-12 { - width: 75%; -} - -.col-5-12 { - width: 41.66%; -} - -.col-7-12 { - width: 58.33% -} - -/* Pushing blocks */ - -.push-2-3, .push-8-12 { - margin-left: 66.66%; -} - -.push-1-2, .push-6-12 { - margin-left: 50%; -} - -.push-1-3, .push-4-12 { - margin-left: 33.33%; -} - -.push-1-4, .push-3-12 { - margin-left: 25%; -} - -.push-1-5 { - margin-left: 20%; -} - -.push-1-6, .push-2-12 { - margin-left: 16.667%; -} - -.push-1-7 { - margin-left: 14.28%; -} - -.push-1-8 { - margin-left: 12.5%; -} - -.push-1-9 { - margin-left: 11.1%; -} - -.push-1-10 { - margin-left: 10%; -} - -.push-1-11 { - margin-left: 9.09%; -} - -.push-1-12 { - margin-left: 8.33% -} - -@media handheld, only screen and (max-width: 640px) { - .grid { - width: 100%; - min-width: 0; - margin-left: 0; - margin-right: 0; - padding-top: 0px; - padding-bottom: 24px; - padding-left: 0px; /* grid-space to left */ - padding-right: 0px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */ - } - - [class*='col-'] { - width: auto; - float: none; - margin: 0 auto; - padding-left: 0; - padding-right: 0px; /* column-space */ - } - - /* Mobile Layout */ - - [class*='mobile-col-'] { - float: left; - margin: 0 0 10px; - padding-left: 0; - padding-right: 0px; /* column-space */ - padding-bottom: 0; - } - - .mobile-col-1-1 { - width: 100%; - } - .mobile-col-2-3, .mobile-col-8-12 { - width: 66.66%; - } - - .mobile-col-1-2, .mobile-col-6-12 { - width: 50%; - } - - .mobile-col-1-3, .mobile-col-4-12 { - width: 33.33%; - } - - .mobile-col-1-4, .mobile-col-3-12 { - width: 25%; - } - - .mobile-col-1-5 { - width: 20%; - } - - .mobile-col-1-6, .mobile-col-2-12 { - width: 16.667%; - } - - .mobile-col-1-7 { - width: 14.28%; - } - - .mobile-col-1-8 { - width: 12.5%; - } - - .mobile-col-1-9 { - width: 11.1%; - } - - .mobile-col-1-10 { - width: 10%; - } - - .mobile-col-1-11 { - width: 9.09%; - } - - .mobile-col-1-12 { - width: 8.33% - } - - /* Layout Columns */ - - .mobile-col-11-12 { - width: 91.66% - } - - .mobile-col-10-12 { - width: 83.333%; - } - - .mobile-col-9-12 { - width: 75%; - } - - .mobile-col-5-12 { - width: 41.66%; - } - - .mobile-col-7-12 { - width: 58.33% - } - - .hide-on-mobile { - display: none !important; - width: 0; - height: 0; - } -} diff --git a/assets/css_firepress/css_simplegrid/simplegrid.min.css b/assets/css_firepress/css_simplegrid/simplegrid.min.css deleted file mode 100755 index 5856c83..0000000 --- a/assets/css_firepress/css_simplegrid/simplegrid.min.css +++ /dev/null @@ -1 +0,0 @@ -*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{margin:0}[class*='col-']{float:left;min-height:1px;padding-right:px}.grid{width:100%;max-width:898px;min-width:640px;padding-bottom:20px;margin:0 auto;overflow:hidden}.grid:after{content:"";display:table;clear:both}.grid-pad{padding:10px 0 10px 10px}.push-right{float:right}.col-1-1{width:100%}.col-2-3,.col-8-12{width:66.66%}.col-1-2,.col-6-12{width:50%}.col-1-3,.col-4-12{width:33.33%}.col-1-4,.col-3-12{width:25%}.col-1-5{width:20%}.col-1-6,.col-2-12{width:16.667%}.col-1-7{width:14.28%}.col-1-8{width:12.5%}.col-1-9{width:11.1%}.col-1-10{width:10%}.col-1-11{width:9.09%}.col-1-12{width:8.33%}.col-11-12{width:91.66%}.col-10-12{width:83.333%}.col-9-12{width:75%}.col-5-12{width:41.66%}.col-7-12{width:58.33%}.push-2-3,.push-8-12{margin-left:66.66%}.push-1-2,.push-6-12{margin-left:50%}.push-1-3,.push-4-12{margin-left:33.33%}.push-1-4,.push-3-12{margin-left:25%}.push-1-5{margin-left:20%}.push-1-6,.push-2-12{margin-left:16.667%}.push-1-7{margin-left:14.28%}.push-1-8{margin-left:12.5%}.push-1-9{margin-left:11.1%}.push-1-10{margin-left:10%}.push-1-11{margin-left:9.09%}.push-1-12{margin-left:8.33%}@media handheld,only screen and (max-width: 640px){.grid{width:100%;min-width:0;margin-left:0;margin-right:0;padding:0 0 24px}[class*='col-']{width:auto;float:none;margin:0 auto;padding-left:0;padding-right:0}[class*='mobile-col-']{float:left;margin:0 0 10px;padding-left:0;padding-right:0;padding-bottom:0}.mobile-col-1-1{width:100%}.mobile-col-2-3,.mobile-col-8-12{width:66.66%}.mobile-col-1-2,.mobile-col-6-12{width:50%}.mobile-col-1-3,.mobile-col-4-12{width:33.33%}.mobile-col-1-4,.mobile-col-3-12{width:25%}.mobile-col-1-5{width:20%}.mobile-col-1-6,.mobile-col-2-12{width:16.667%}.mobile-col-1-7{width:14.28%}.mobile-col-1-8{width:12.5%}.mobile-col-1-9{width:11.1%}.mobile-col-1-10{width:10%}.mobile-col-1-11{width:9.09%}.mobile-col-1-12{width:8.33%}.mobile-col-11-12{width:91.66%}.mobile-col-10-12{width:83.333%}.mobile-col-9-12{width:75%}.mobile-col-5-12{width:41.66%}.mobile-col-7-12{width:58.33%}.hide-on-mobile{display:none!important;width:0;height:0}} \ No newline at end of file diff --git a/assets/css_firepress/css_unicorn/buttons.css b/assets/css_firepress/css_unicorn/buttons.css deleted file mode 100755 index 86e50ab..0000000 --- a/assets/css_firepress/css_unicorn/buttons.css +++ /dev/null @@ -1,2343 +0,0 @@ -/*! @license -* -* Buttons -* Copyright 2012-2014 Alex Wolfe and Rob Levin -* -* Licensed under the Apache License, Version 2.0 (the "License"); -* you may not use this file except in compliance with the License. -* You may obtain a copy of the License at -* http://www.apache.org/licenses/LICENSE-2.0 -* -* Unless required by applicable law or agreed to in writing, software -* distributed under the License is distributed on an "AS IS" BASIS, -* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. -* See the License for the specific language governing permissions and -* limitations under the License. -*/ - - -/* -* Compass (optional) -* -* We recommend the use of autoprefixer instead of Compass -* when using buttons. However, buttons does support Compass. -* simply change $ubtn-use-compass to true and uncomment the -* @import 'compass' code below to use Compass. -*/ - - -/* -* Required Files -* -* These files include the variables and options -* and base css styles that are required to generate buttons. -*/ - - -/* -* $ubtn prefix (reserved) -* -* This prefix stands for Unicorn Button - ubtn -* We provide a prefix to the Sass Variables to -* prevent namespace collisions that could occur if -* you import buttons as part of your Sass build process. -* We kindly ask you not to use the prefix $ubtn in your project -* in order to avoid possilbe name conflicts. Thanks! -*/ - - -/* -* Button Namespace (ex .button or .btn) -* -*/ - - -/* -* Button Defaults -* -* Some default settings that are used throughout the button library. -* Changes to these settings will be picked up by all of the other modules. -* The colors used here are the default colors for the base button (gray). -* The font size and height are used to set the base size for the buttons. -* The size values will be used to calculate the larger and smaller button sizes. -*/ - - -/* -* Button Colors -* -* $ubtn-colors is used to generate the different button colors. -* Edit or add colors to the list below and recompile. -* Each block contains the (name, background, color) -* The class is generated using the name: (ex .button-primary) -*/ - - -/* -* Button Shapes -* -* $ubtn-shapes is used to generate the different button shapes. -* Edit or add shapes to the list below and recompile. -* Each block contains the (name, border-radius). -* The class is generated using the name: (ex .button-square). -*/ - - -/* -* Button Sizes -* -* $ubtn-sizes is used to generate the different button sizes. -* Edit or add colors to the list below and recompile. -* Each block contains the (name, size multiplier). -* The class is generated using the name: (ex .button-giant). -*/ - - -/* -* Color Mixin -* -* Iterates through the list of colors and creates -* -*/ - - -/* -* No Animation -* -* Sets animation property to none -*/ - - -/* -* Clearfix -* -* Clears floats inside the container -*/ - - -/* -* Base Button Style -* -* The default values for the .button class -*/ - -.button { - color: #666666; - background-color: #eeeeee; - border-color: #eeeeee; - font-weight: 300; - font-size: 16px; - font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; - text-decoration: none; - text-align: center; - line-height: 40px; - height: 40px; - padding: 0 40px; - margin: 0; - display: inline-block; - appearance: none; - cursor: pointer; - border: none; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition-property: all; - transition-property: all; - -webkit-transition-duration: .3s; - transition-duration: .3s; - margin-top: 15px; - /* - * Disabled State - * - * The disabled state uses the class .disabled, is-disabled, - * and the form attribute disabled="disabled". - * The use of !important is only added because this is a state - * that must be applied to all buttons when in a disabled state. - */ -} - -.button:visited { - color: #666666; -} - -.button:hover, -.button:focus { - background-color: #f6f6f6; - text-decoration: none; - outline: none; -} - -.button:active, -.button.active, -.button.is-active { - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); - text-decoration: none; - background-color: #eeeeee; - border-color: #cfcfcf; - color: #d4d4d4; - -webkit-transition-duration: 0s; - transition-duration: 0s; - -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); -} - -.button.disabled, -.button.is-disabled, -.button:disabled { - top: 0 !important; - background: #EEE !important; - border: 1px solid #DDD !important; - text-shadow: 0 1px 1px white !important; - color: #CCC !important; - cursor: default !important; - appearance: none !important; -} - -.button.disabled else, -.button.is-disabled else, -.button:disabled else { - -webkit-box-shadow: none !important; - box-shadow: none !important; - opacity: .8 !important; -} - - -/* -* Base Button Tyography -* -*/ - -.button-uppercase { - text-transform: uppercase; -} - -.button-lowercase { - text-transform: lowercase; -} - -.button-capitalize { - text-transform: capitalize; -} - -.button-small-caps { - font-variant: small-caps; -} - -.button-icon-txt-large { - font-size: 36px !important; -} - - -/* -* Base padding -* -*/ - -.button-width-small { - padding: 0 10px !important; -} - - -/* -* Base Colors -* -* Create colors for buttons -* (.button-primary, .button-secondary, etc.) -*/ - -.button-primary, -.button-primary-flat { - background-color: #1b9af7; - border-color: #1b9af7; - color: white; -} - -.button-primary:visited, -.button-primary-flat:visited { - color: white; -} - -.button-primary:hover, -.button-primary:focus, -.button-primary-flat:hover, -.button-primary-flat:focus { - background-color: #4cb0f9; - border-color: #4cb0f9; - color: white; -} - -.button-primary:active, -.button-primary.active, -.button-primary.is-active, -.button-primary-flat:active, -.button-primary-flat.active, -.button-primary-flat.is-active { - background-color: #2798eb; - border-color: #2798eb; - color: #0880d7; -} - -.button-plain, -.button-plain-flat { - background-color: white; - border-color: white; - color: #1b9af7; -} - -.button-plain:visited, -.button-plain-flat:visited { - color: #1b9af7; -} - -.button-plain:hover, -.button-plain:focus, -.button-plain-flat:hover, -.button-plain-flat:focus { - background-color: white; - border-color: white; - color: #1b9af7; -} - -.button-plain:active, -.button-plain.active, -.button-plain.is-active, -.button-plain-flat:active, -.button-plain-flat.active, -.button-plain-flat.is-active { - background-color: white; - border-color: white; - color: #e6e6e6; -} - -.button-inverse, -.button-inverse-flat { - background-color: #222222; - border-color: #222222; - color: #eeeeee; -} - -.button-inverse:visited, -.button-inverse-flat:visited { - color: #eeeeee; -} - -.button-inverse:hover, -.button-inverse:focus, -.button-inverse-flat:hover, -.button-inverse-flat:focus { - background-color: #3c3c3c; - border-color: #3c3c3c; - color: #eeeeee; -} - -.button-inverse:active, -.button-inverse.active, -.button-inverse.is-active, -.button-inverse-flat:active, -.button-inverse-flat.active, -.button-inverse-flat.is-active { - background-color: #222222; - border-color: #222222; - color: #090909; -} - -.button-action, -.button-action-flat { - background-color: #a5de37; - border-color: #a5de37; - color: white; -} - -.button-action:visited, -.button-action-flat:visited { - color: white; -} - -.button-action:hover, -.button-action:focus, -.button-action-flat:hover, -.button-action-flat:focus { - background-color: #b9e563; - border-color: #b9e563; - color: white; -} - -.button-action:active, -.button-action.active, -.button-action.is-active, -.button-action-flat:active, -.button-action-flat.active, -.button-action-flat.is-active { - background-color: #a1d243; - border-color: #a1d243; - color: #8bc220; -} - -.button-highlight, -.button-highlight-flat { - background-color: #feae1b; - border-color: #feae1b; - color: white; -} - -.button-highlight:visited, -.button-highlight-flat:visited { - color: white; -} - -.button-highlight:hover, -.button-highlight:focus, -.button-highlight-flat:hover, -.button-highlight-flat:focus { - background-color: #fec04e; - border-color: #fec04e; - color: white; -} - -.button-highlight:active, -.button-highlight.active, -.button-highlight.is-active, -.button-highlight-flat:active, -.button-highlight-flat.active, -.button-highlight-flat.is-active { - background-color: #f3ab26; - border-color: #f3ab26; - color: #e59501; -} - -.button-caution, -.button-caution-flat { - background-color: #ff4351; - border-color: #ff4351; - color: white; -} - -.button-caution:visited, -.button-caution-flat:visited { - color: white; -} - -.button-caution:hover, -.button-caution:focus, -.button-caution-flat:hover, -.button-caution-flat:focus { - background-color: #ff7680; - border-color: #ff7680; - color: white; -} - -.button-caution:active, -.button-caution.active, -.button-caution.is-active, -.button-caution-flat:active, -.button-caution-flat.active, -.button-caution-flat.is-active { - background-color: #f64c59; - border-color: #f64c59; - color: #ff1022; -} - -.button-royal, -.button-royal-flat { - background-color: #7b72e9; - border-color: #7b72e9; - color: white; -} - -.button-royal:visited, -.button-royal-flat:visited { - color: white; -} - -.button-royal:hover, -.button-royal:focus, -.button-royal-flat:hover, -.button-royal-flat:focus { - background-color: #a49ef0; - border-color: #a49ef0; - color: white; -} - -.button-royal:active, -.button-royal.active, -.button-royal.is-active, -.button-royal-flat:active, -.button-royal-flat.active, -.button-royal-flat.is-active { - background-color: #827ae1; - border-color: #827ae1; - color: #5246e2; -} - - -/* -* Base Layout Styles -* -* Very Miminal Layout Styles -*/ - -.button-block, -.button-stacked { - display: block; -} - - -/* -* Button Types (optional) -* -* All of the files below represent the various button -* types (including shapes & sizes). None of these files -* are required. Simple remove the uneeded type below and -* the button type will be excluded from the final build -*/ - - -/* -* Button Shapes -* -* This file creates the various button shapes -* (ex. Circle, Rounded, Pill) -*/ - -.button-square { - border-radius: 0; -} - -.button-box { - border-radius: 10px; -} - -.button-rounded { - border-radius: 4px; -} - -.button-pill { - border-radius: 200px; -} - -.button-circle { - border-radius: 100%; -} - - -/* -* Size Adjustment for equal height & widht buttons -* -* Remove padding and set a fixed width. -*/ - -.button-circle, -.button-box, -.button-square { - padding: 0 !important; - width: 40px; -} - -.button-circle.button-giant, -.button-box.button-giant, -.button-square.button-giant { - width: 70px; -} - -.button-circle.button-jumbo, -.button-box.button-jumbo, -.button-square.button-jumbo { - width: 60px; -} - -.button-circle.button-large, -.button-box.button-large, -.button-square.button-large { - width: 50px; -} - -.button-circle.button-normal, -.button-box.button-normal, -.button-square.button-normal { - width: 40px; -} - -.button-circle.button-small, -.button-box.button-small, -.button-square.button-small { - width: 30px; -} - -.button-circle.button-tiny, -.button-box.button-tiny, -.button-square.button-tiny { - width: 24px; -} - - -/* -* Border Buttons -* -* These buttons have no fill they only have a -* border to define their hit target. -*/ - -.button-border, -.button-border-thin, -.button-border-thick { - background: none; - border-width: 2px; - border-style: solid; - line-height: 36px; -} - -.button-border:hover, -.button-border-thin:hover, -.button-border-thick:hover { - background-color: rgba(255, 255, 255, 0.9); -} - -.button-border:active, -.button-border-thin:active, -.button-border-thick:active, -.button-border.active, -.active.button-border-thin, -.active.button-border-thick, -.button-border.is-active, -.is-active.button-border-thin, -.is-active.button-border-thick { - -webkit-box-shadow: none; - box-shadow: none; - text-shadow: none; - -webkit-transition-property: all; - transition-property: all; - -webkit-transition-duration: .3s; - transition-duration: .3s; -} - - -/* -* Border Optional Sizes -* -* A slight variation in border thickness -*/ - -.button-border-thin { - border-width: 1px; -} - -.button-border-thick { - border-width: 3px; -} - - -/* -* Border Button Colors -* -* Create colors for buttons -* (.button-primary, .button-secondary, etc.) -*/ - -.button-border, -.button-border-thin, -.button-border-thick, -.button-border-thin, -.button-border-thick { - /* - * Border Button Size Adjustment - * - * The line-height must be adjusted to compinsate for - * the width of the border. - */ -} - -.button-border.button-primary, -.button-primary.button-border-thin, -.button-primary.button-border-thick, -.button-border-thin.button-primary, -.button-border-thick.button-primary { - color: #1b9af7; -} - -.button-border.button-primary:hover, -.button-primary.button-border-thin:hover, -.button-primary.button-border-thick:hover, -.button-border.button-primary:focus, -.button-primary.button-border-thin:focus, -.button-primary.button-border-thick:focus, -.button-border-thin.button-primary:hover, -.button-border-thin.button-primary:focus, -.button-border-thick.button-primary:hover, -.button-border-thick.button-primary:focus { - background-color: rgba(76, 176, 249, 0.9); - color: rgba(255, 255, 255, 0.9); -} - -.button-border.button-primary:active, -.button-primary.button-border-thin:active, -.button-primary.button-border-thick:active, -.button-border.button-primary.active, -.button-primary.active.button-border-thin, -.button-primary.active.button-border-thick, -.button-border.button-primary.is-active, -.button-primary.is-active.button-border-thin, -.button-primary.is-active.button-border-thick, -.button-border-thin.button-primary:active, -.button-border-thin.button-primary.active, -.button-border-thin.button-primary.is-active, -.button-border-thick.button-primary:active, -.button-border-thick.button-primary.active, -.button-border-thick.button-primary.is-active { - background-color: rgba(39, 152, 235, 0.7); - color: rgba(255, 255, 255, 0.5); - opacity: .3; -} - -.button-border.button-plain, -.button-plain.button-border-thin, -.button-plain.button-border-thick, -.button-border-thin.button-plain, -.button-border-thick.button-plain { - color: white; -} - -.button-border.button-plain:hover, -.button-plain.button-border-thin:hover, -.button-plain.button-border-thick:hover, -.button-border.button-plain:focus, -.button-plain.button-border-thin:focus, -.button-plain.button-border-thick:focus, -.button-border-thin.button-plain:hover, -.button-border-thin.button-plain:focus, -.button-border-thick.button-plain:hover, -.button-border-thick.button-plain:focus { - background-color: rgba(255, 255, 255, 0.9); - color: rgba(27, 154, 247, 0.9); -} - -.button-border.button-plain:active, -.button-plain.button-border-thin:active, -.button-plain.button-border-thick:active, -.button-border.button-plain.active, -.button-plain.active.button-border-thin, -.button-plain.active.button-border-thick, -.button-border.button-plain.is-active, -.button-plain.is-active.button-border-thin, -.button-plain.is-active.button-border-thick, -.button-border-thin.button-plain:active, -.button-border-thin.button-plain.active, -.button-border-thin.button-plain.is-active, -.button-border-thick.button-plain:active, -.button-border-thick.button-plain.active, -.button-border-thick.button-plain.is-active { - background-color: rgba(255, 255, 255, 0.7); - color: rgba(27, 154, 247, 0.5); - opacity: .3; -} - -.button-border.button-inverse, -.button-inverse.button-border-thin, -.button-inverse.button-border-thick, -.button-border-thin.button-inverse, -.button-border-thick.button-inverse { - color: #222222; -} - -.button-border.button-inverse:hover, -.button-inverse.button-border-thin:hover, -.button-inverse.button-border-thick:hover, -.button-border.button-inverse:focus, -.button-inverse.button-border-thin:focus, -.button-inverse.button-border-thick:focus, -.button-border-thin.button-inverse:hover, -.button-border-thin.button-inverse:focus, -.button-border-thick.button-inverse:hover, -.button-border-thick.button-inverse:focus { - background-color: rgba(60, 60, 60, 0.9); - color: rgba(238, 238, 238, 0.9); -} - -.button-border.button-inverse:active, -.button-inverse.button-border-thin:active, -.button-inverse.button-border-thick:active, -.button-border.button-inverse.active, -.button-inverse.active.button-border-thin, -.button-inverse.active.button-border-thick, -.button-border.button-inverse.is-active, -.button-inverse.is-active.button-border-thin, -.button-inverse.is-active.button-border-thick, -.button-border-thin.button-inverse:active, -.button-border-thin.button-inverse.active, -.button-border-thin.button-inverse.is-active, -.button-border-thick.button-inverse:active, -.button-border-thick.button-inverse.active, -.button-border-thick.button-inverse.is-active { - background-color: rgba(34, 34, 34, 0.7); - color: rgba(238, 238, 238, 0.5); - opacity: .3; -} - -.button-border.button-action, -.button-action.button-border-thin, -.button-action.button-border-thick, -.button-border-thin.button-action, -.button-border-thick.button-action { - color: #a5de37; -} - -.button-border.button-action:hover, -.button-action.button-border-thin:hover, -.button-action.button-border-thick:hover, -.button-border.button-action:focus, -.button-action.button-border-thin:focus, -.button-action.button-border-thick:focus, -.button-border-thin.button-action:hover, -.button-border-thin.button-action:focus, -.button-border-thick.button-action:hover, -.button-border-thick.button-action:focus { - background-color: rgba(185, 229, 99, 0.9); - color: rgba(255, 255, 255, 0.9); -} - -.button-border.button-action:active, -.button-action.button-border-thin:active, -.button-action.button-border-thick:active, -.button-border.button-action.active, -.button-action.active.button-border-thin, -.button-action.active.button-border-thick, -.button-border.button-action.is-active, -.button-action.is-active.button-border-thin, -.button-action.is-active.button-border-thick, -.button-border-thin.button-action:active, -.button-border-thin.button-action.active, -.button-border-thin.button-action.is-active, -.button-border-thick.button-action:active, -.button-border-thick.button-action.active, -.button-border-thick.button-action.is-active { - background-color: rgba(161, 210, 67, 0.7); - color: rgba(255, 255, 255, 0.5); - opacity: .3; -} - -.button-border.button-highlight, -.button-highlight.button-border-thin, -.button-highlight.button-border-thick, -.button-border-thin.button-highlight, -.button-border-thick.button-highlight { - color: #feae1b; -} - -.button-border.button-highlight:hover, -.button-highlight.button-border-thin:hover, -.button-highlight.button-border-thick:hover, -.button-border.button-highlight:focus, -.button-highlight.button-border-thin:focus, -.button-highlight.button-border-thick:focus, -.button-border-thin.button-highlight:hover, -.button-border-thin.button-highlight:focus, -.button-border-thick.button-highlight:hover, -.button-border-thick.button-highlight:focus { - background-color: rgba(254, 192, 78, 0.9); - color: rgba(255, 255, 255, 0.9); -} - -.button-border.button-highlight:active, -.button-highlight.button-border-thin:active, -.button-highlight.button-border-thick:active, -.button-border.button-highlight.active, -.button-highlight.active.button-border-thin, -.button-highlight.active.button-border-thick, -.button-border.button-highlight.is-active, -.button-highlight.is-active.button-border-thin, -.button-highlight.is-active.button-border-thick, -.button-border-thin.button-highlight:active, -.button-border-thin.button-highlight.active, -.button-border-thin.button-highlight.is-active, -.button-border-thick.button-highlight:active, -.button-border-thick.button-highlight.active, -.button-border-thick.button-highlight.is-active { - background-color: rgba(243, 171, 38, 0.7); - color: rgba(255, 255, 255, 0.5); - opacity: .3; -} - -.button-border.button-caution, -.button-caution.button-border-thin, -.button-caution.button-border-thick, -.button-border-thin.button-caution, -.button-border-thick.button-caution { - color: #ff4351; -} - -.button-border.button-caution:hover, -.button-caution.button-border-thin:hover, -.button-caution.button-border-thick:hover, -.button-border.button-caution:focus, -.button-caution.button-border-thin:focus, -.button-caution.button-border-thick:focus, -.button-border-thin.button-caution:hover, -.button-border-thin.button-caution:focus, -.button-border-thick.button-caution:hover, -.button-border-thick.button-caution:focus { - background-color: rgba(255, 118, 128, 0.9); - color: rgba(255, 255, 255, 0.9); -} - -.button-border.button-caution:active, -.button-caution.button-border-thin:active, -.button-caution.button-border-thick:active, -.button-border.button-caution.active, -.button-caution.active.button-border-thin, -.button-caution.active.button-border-thick, -.button-border.button-caution.is-active, -.button-caution.is-active.button-border-thin, -.button-caution.is-active.button-border-thick, -.button-border-thin.button-caution:active, -.button-border-thin.button-caution.active, -.button-border-thin.button-caution.is-active, -.button-border-thick.button-caution:active, -.button-border-thick.button-caution.active, -.button-border-thick.button-caution.is-active { - background-color: rgba(246, 76, 89, 0.7); - color: rgba(255, 255, 255, 0.5); - opacity: .3; -} - -.button-border.button-royal, -.button-royal.button-border-thin, -.button-royal.button-border-thick, -.button-border-thin.button-royal, -.button-border-thick.button-royal { - color: #7b72e9; -} - -.button-border.button-royal:hover, -.button-royal.button-border-thin:hover, -.button-royal.button-border-thick:hover, -.button-border.button-royal:focus, -.button-royal.button-border-thin:focus, -.button-royal.button-border-thick:focus, -.button-border-thin.button-royal:hover, -.button-border-thin.button-royal:focus, -.button-border-thick.button-royal:hover, -.button-border-thick.button-royal:focus { - background-color: rgba(164, 158, 240, 0.9); - color: rgba(255, 255, 255, 0.9); -} - -.button-border.button-royal:active, -.button-royal.button-border-thin:active, -.button-royal.button-border-thick:active, -.button-border.button-royal.active, -.button-royal.active.button-border-thin, -.button-royal.active.button-border-thick, -.button-border.button-royal.is-active, -.button-royal.is-active.button-border-thin, -.button-royal.is-active.button-border-thick, -.button-border-thin.button-royal:active, -.button-border-thin.button-royal.active, -.button-border-thin.button-royal.is-active, -.button-border-thick.button-royal:active, -.button-border-thick.button-royal.active, -.button-border-thick.button-royal.is-active { - background-color: rgba(130, 122, 225, 0.7); - color: rgba(255, 255, 255, 0.5); - opacity: .3; -} - -.button-border.button-giant, -.button-giant.button-border-thin, -.button-giant.button-border-thick, -.button-border-thin.button-giant, -.button-border-thick.button-giant { - line-height: 66px; -} - -.button-border.button-jumbo, -.button-jumbo.button-border-thin, -.button-jumbo.button-border-thick, -.button-border-thin.button-jumbo, -.button-border-thick.button-jumbo { - line-height: 56px; -} - -.button-border.button-large, -.button-large.button-border-thin, -.button-large.button-border-thick, -.button-border-thin.button-large, -.button-border-thick.button-large { - line-height: 46px; -} - -.button-border.button-normal, -.button-normal.button-border-thin, -.button-normal.button-border-thick, -.button-border-thin.button-normal, -.button-border-thick.button-normal { - line-height: 36px; -} - -.button-border.button-small, -.button-small.button-border-thin, -.button-small.button-border-thick, -.button-border-thin.button-small, -.button-border-thick.button-small { - line-height: 26px; -} - -.button-border.button-tiny, -.button-tiny.button-border-thin, -.button-tiny.button-border-thick, -.button-border-thin.button-tiny, -.button-border-thick.button-tiny { - line-height: 20px; -} - - -/* -* Border Buttons -* -* These buttons have no fill they only have a -* border to define their hit target. -*/ - -.button-borderless { - background: none; - border: none; - padding: 0 8px !important; - color: #eeeeee; - font-size: 20.8px; - font-weight: 200; - /* - * Borderless Button Colors - * - * Create colors for buttons - * (.button-primary, .button-secondary, etc.) - */ - /* - * Borderles Size Adjustment - * - * The font-size must be large to compinsate for - * the lack of a hit target. - */ -} - -.button-borderless:hover, -.button-borderless:focus { - background: none; -} - -.button-borderless:active, -.button-borderless.active, -.button-borderless.is-active { - -webkit-box-shadow: none; - box-shadow: none; - text-shadow: none; - -webkit-transition-property: all; - transition-property: all; - -webkit-transition-duration: .3s; - transition-duration: .3s; - opacity: .3; -} - -.button-borderless.button-primary { - color: #1b9af7; -} - -.button-borderless.button-plain { - color: white; -} - -.button-borderless.button-inverse { - color: #222222; -} - -.button-borderless.button-action { - color: #a5de37; -} - -.button-borderless.button-highlight { - color: #feae1b; -} - -.button-borderless.button-caution { - color: #ff4351; -} - -.button-borderless.button-royal { - color: #7b72e9; -} - -.button-borderless.button-giant { - font-size: 36.4px; - height: 52.4px; - line-height: 52.4px; -} - -.button-borderless.button-jumbo { - font-size: 31.2px; - height: 47.2px; - line-height: 47.2px; -} - -.button-borderless.button-large { - font-size: 26px; - height: 42px; - line-height: 42px; -} - -.button-borderless.button-normal { - font-size: 20.8px; - height: 36.8px; - line-height: 36.8px; -} - -.button-borderless.button-small { - font-size: 15.6px; - height: 31.6px; - line-height: 31.6px; -} - -.button-borderless.button-tiny { - font-size: 12.48px; - height: 28.48px; - line-height: 28.48px; -} - - -/* -* Raised Buttons -* -* A classic looking button that offers -* great depth and affordance. -*/ - -.button-raised { - border-color: #e1e1e1; - border-style: solid; - border-width: 1px; - line-height: 38px; - background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e1e1e1)); - background: linear-gradient(#f6f6f6, #e1e1e1); - -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15); - box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15); -} - -.button-raised:hover, -.button-raised:focus { - background: -webkit-gradient(linear, left top, left bottom, from(white), to(gainsboro)); - background: linear-gradient(top, white, gainsboro); -} - -.button-raised:active, -.button-raised.active, -.button-raised.is-active { - background: #eeeeee; - -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 1px 0px white; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 1px 0px white; -} - - -/* -* Raised Button Colors -* -* Create colors for raised buttons -*/ - -.button-raised.button-primary { - border-color: #088ef0; - background: -webkit-gradient(linear, left top, left bottom, from(#34a5f8), to(#088ef0)); - background: linear-gradient(#34a5f8, #088ef0); -} - -.button-raised.button-primary:hover, -.button-raised.button-primary:focus { - background: -webkit-gradient(linear, left top, left bottom, from(#42abf8), to(#0888e6)); - background: linear-gradient(top, #42abf8, #0888e6); -} - -.button-raised.button-primary:active, -.button-raised.button-primary.active, -.button-raised.button-primary.is-active { - border-color: #0880d7; - background: #2798eb; -} - -.button-raised.button-plain { - border-color: #f2f2f2; - background: -webkit-gradient(linear, left top, left bottom, from(white), to(#f2f2f2)); - background: linear-gradient(white, #f2f2f2); -} - -.button-raised.button-plain:hover, -.button-raised.button-plain:focus { - background: -webkit-gradient(linear, left top, left bottom, from(white), to(#ededed)); - background: linear-gradient(top, white, #ededed); -} - -.button-raised.button-plain:active, -.button-raised.button-plain.active, -.button-raised.button-plain.is-active { - border-color: #e6e6e6; - background: white; -} - -.button-raised.button-inverse { - border-color: #151515; - background: -webkit-gradient(linear, left top, left bottom, from(#2f2f2f), to(#151515)); - background: linear-gradient(#2f2f2f, #151515); -} - -.button-raised.button-inverse:hover, -.button-raised.button-inverse:focus { - background: -webkit-gradient(linear, left top, left bottom, from(#363636), to(#101010)); - background: linear-gradient(top, #363636, #101010); -} - -.button-raised.button-inverse:active, -.button-raised.button-inverse.active, -.button-raised.button-inverse.is-active { - border-color: #090909; - background: #222222; -} - -.button-raised.button-action { - border-color: #9ad824; - background: -webkit-gradient(linear, left top, left bottom, from(#afe24d), to(#9ad824)); - background: linear-gradient(#afe24d, #9ad824); -} - -.button-raised.button-action:hover, -.button-raised.button-action:focus { - background: -webkit-gradient(linear, left top, left bottom, from(#b5e45a), to(#94cf22)); - background: linear-gradient(top, #b5e45a, #94cf22); -} - -.button-raised.button-action:active, -.button-raised.button-action.active, -.button-raised.button-action.is-active { - border-color: #8bc220; - background: #a1d243; -} - -.button-raised.button-highlight { - border-color: #fea502; - background: -webkit-gradient(linear, left top, left bottom, from(#feb734), to(#fea502)); - background: linear-gradient(#feb734, #fea502); -} - -.button-raised.button-highlight:hover, -.button-raised.button-highlight:focus { - background: -webkit-gradient(linear, left top, left bottom, from(#febc44), to(#f49f01)); - background: linear-gradient(top, #febc44, #f49f01); -} - -.button-raised.button-highlight:active, -.button-raised.button-highlight.active, -.button-raised.button-highlight.is-active { - border-color: #e59501; - background: #f3ab26; -} - -.button-raised.button-caution { - border-color: #ff2939; - background: -webkit-gradient(linear, left top, left bottom, from(#ff5c69), to(#ff2939)); - background: linear-gradient(#ff5c69, #ff2939); -} - -.button-raised.button-caution:hover, -.button-raised.button-caution:focus { - background: -webkit-gradient(linear, left top, left bottom, from(#ff6c77), to(#ff1f30)); - background: linear-gradient(top, #ff6c77, #ff1f30); -} - -.button-raised.button-caution:active, -.button-raised.button-caution.active, -.button-raised.button-caution.is-active { - border-color: #ff1022; - background: #f64c59; -} - -.button-raised.button-royal { - border-color: #665ce6; - background: -webkit-gradient(linear, left top, left bottom, from(#9088ec), to(#665ce6)); - background: linear-gradient(#9088ec, #665ce6); -} - -.button-raised.button-royal:hover, -.button-raised.button-royal:focus { - background: -webkit-gradient(linear, left top, left bottom, from(#9c95ef), to(#5e53e4)); - background: linear-gradient(top, #9c95ef, #5e53e4); -} - -.button-raised.button-royal:active, -.button-raised.button-royal.active, -.button-raised.button-royal.is-active { - border-color: #5246e2; - background: #827ae1; -} - - -/* -* 3D Buttons -* -* These buttons have a heavy three dimensional -* style that mimics the visual appearance of a -* real life button. -*/ - -.button-3d { - position: relative; - top: 0; - -webkit-box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2); - box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2); -} - -.button-3d:hover, -.button-3d:focus { - -webkit-box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2); - box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2); -} - -.button-3d:active, -.button-3d.active, -.button-3d.is-active { - top: 5px; - -webkit-transition-property: all; - transition-property: all; - -webkit-transition-duration: .15s; - transition-duration: .15s; - -webkit-box-shadow: 0 2px 0 #bbbbbb, 0 3px 3px rgba(0, 0, 0, 0.2); - box-shadow: 0 2px 0 #bbbbbb, 0 3px 3px rgba(0, 0, 0, 0.2); -} - - -/* -* 3D Button Colors -* -* Create colors for buttons -* (.button-primary, .button-secondary, etc.) -*/ - -.button-3d.button-primary { - -webkit-box-shadow: 0 7px 0 #0880d7, 0 8px 3px rgba(0, 0, 0, 0.3); - box-shadow: 0 7px 0 #0880d7, 0 8px 3px rgba(0, 0, 0, 0.3); -} - -.button-3d.button-primary:hover, -.button-3d.button-primary:focus { - -webkit-box-shadow: 0 7px 0 #077ace, 0 8px 3px rgba(0, 0, 0, 0.3); - box-shadow: 0 7px 0 #077ace, 0 8px 3px rgba(0, 0, 0, 0.3); -} - -.button-3d.button-primary:active, -.button-3d.button-primary.active, -.button-3d.button-primary.is-active { - -webkit-box-shadow: 0 2px 0 #0662a6, 0 3px 3px rgba(0, 0, 0, 0.2); - box-shadow: 0 2px 0 #0662a6, 0 3px 3px rgba(0, 0, 0, 0.2); -} - -.button-3d.button-plain { - -webkit-box-shadow: 0 7px 0 #e6e6e6, 0 8px 3px rgba(0, 0, 0, 0.3); - box-shadow: 0 7px 0 #e6e6e6, 0 8px 3px rgba(0, 0, 0, 0.3); -} - -.button-3d.button-plain:hover, -.button-3d.button-plain:focus { - -webkit-box-shadow: 0 7px 0 #e0e0e0, 0 8px 3px rgba(0, 0, 0, 0.3); - box-shadow: 0 7px 0 #e0e0e0, 0 8px 3px rgba(0, 0, 0, 0.3); -} - -.button-3d.button-plain:active, -.button-3d.button-plain.active, -.button-3d.button-plain.is-active { - -webkit-box-shadow: 0 2px 0 #cccccc, 0 3px 3px rgba(0, 0, 0, 0.2); - box-shadow: 0 2px 0 #cccccc, 0 3px 3px rgba(0, 0, 0, 0.2); -} - -.button-3d.button-inverse { - -webkit-box-shadow: 0 7px 0 #090909, 0 8px 3px rgba(0, 0, 0, 0.3); - box-shadow: 0 7px 0 #090909, 0 8px 3px rgba(0, 0, 0, 0.3); -} - -.button-3d.button-inverse:hover, -.button-3d.button-inverse:focus { - -webkit-box-shadow: 0 7px 0 #030303, 0 8px 3px rgba(0, 0, 0, 0.3); - box-shadow: 0 7px 0 #030303, 0 8px 3px rgba(0, 0, 0, 0.3); -} - -.button-3d.button-inverse:active, -.button-3d.button-inverse.active, -.button-3d.button-inverse.is-active { - -webkit-box-shadow: 0 2px 0 black, 0 3px 3px rgba(0, 0, 0, 0.2); - box-shadow: 0 2px 0 black, 0 3px 3px rgba(0, 0, 0, 0.2); -} - -.button-3d.button-action { - -webkit-box-shadow: 0 7px 0 #8bc220, 0 8px 3px rgba(0, 0, 0, 0.3); - box-shadow: 0 7px 0 #8bc220, 0 8px 3px rgba(0, 0, 0, 0.3); -} - -.button-3d.button-action:hover, -.button-3d.button-action:focus { - -webkit-box-shadow: 0 7px 0 #84b91f, 0 8px 3px rgba(0, 0, 0, 0.3); - box-shadow: 0 7px 0 #84b91f, 0 8px 3px rgba(0, 0, 0, 0.3); -} - -.button-3d.button-action:active, -.button-3d.button-action.active, -.button-3d.button-action.is-active { - -webkit-box-shadow: 0 2px 0 #6b9619, 0 3px 3px rgba(0, 0, 0, 0.2); - box-shadow: 0 2px 0 #6b9619, 0 3px 3px rgba(0, 0, 0, 0.2); -} - -.button-3d.button-highlight { - -webkit-box-shadow: 0 7px 0 #e59501, 0 8px 3px rgba(0, 0, 0, 0.3); - box-shadow: 0 7px 0 #e59501, 0 8px 3px rgba(0, 0, 0, 0.3); -} - -.button-3d.button-highlight:hover, -.button-3d.button-highlight:focus { - -webkit-box-shadow: 0 7px 0 #db8e01, 0 8px 3px rgba(0, 0, 0, 0.3); - box-shadow: 0 7px 0 #db8e01, 0 8px 3px rgba(0, 0, 0, 0.3); -} - -.button-3d.button-highlight:active, -.button-3d.button-highlight.active, -.button-3d.button-highlight.is-active { - -webkit-box-shadow: 0 2px 0 #b27401, 0 3px 3px rgba(0, 0, 0, 0.2); - box-shadow: 0 2px 0 #b27401, 0 3px 3px rgba(0, 0, 0, 0.2); -} - -.button-3d.button-caution { - -webkit-box-shadow: 0 7px 0 #ff1022, 0 8px 3px rgba(0, 0, 0, 0.3); - box-shadow: 0 7px 0 #ff1022, 0 8px 3px rgba(0, 0, 0, 0.3); -} - -.button-3d.button-caution:hover, -.button-3d.button-caution:focus { - -webkit-box-shadow: 0 7px 0 #ff0618, 0 8px 3px rgba(0, 0, 0, 0.3); - box-shadow: 0 7px 0 #ff0618, 0 8px 3px rgba(0, 0, 0, 0.3); -} - -.button-3d.button-caution:active, -.button-3d.button-caution.active, -.button-3d.button-caution.is-active { - -webkit-box-shadow: 0 2px 0 #dc0010, 0 3px 3px rgba(0, 0, 0, 0.2); - box-shadow: 0 2px 0 #dc0010, 0 3px 3px rgba(0, 0, 0, 0.2); -} - -.button-3d.button-royal { - -webkit-box-shadow: 0 7px 0 #5246e2, 0 8px 3px rgba(0, 0, 0, 0.3); - box-shadow: 0 7px 0 #5246e2, 0 8px 3px rgba(0, 0, 0, 0.3); -} - -.button-3d.button-royal:hover, -.button-3d.button-royal:focus { - -webkit-box-shadow: 0 7px 0 #493de1, 0 8px 3px rgba(0, 0, 0, 0.3); - box-shadow: 0 7px 0 #493de1, 0 8px 3px rgba(0, 0, 0, 0.3); -} - -.button-3d.button-royal:active, -.button-3d.button-royal.active, -.button-3d.button-royal.is-active { - -webkit-box-shadow: 0 2px 0 #2f21d4, 0 3px 3px rgba(0, 0, 0, 0.2); - box-shadow: 0 2px 0 #2f21d4, 0 3px 3px rgba(0, 0, 0, 0.2); -} - - -/* -* Glowing Buttons -* -* A pulse like glow that appears -* rythmically around the edges of -* a button. -*/ - - -/* -* Glow animation mixin for Compass users -* -*/ - - -/* -* Glowing Keyframes -* -*/ - -@-webkit-keyframes glowing { - from { - -webkit-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); - box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); - } - 50% { - -webkit-box-shadow: 0 0 20px rgba(44, 154, 219, 0.8); - box-shadow: 0 0 20px rgba(44, 154, 219, 0.8); - } - to { - -webkit-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); - box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); - } -} - -@keyframes glowing { - from { - -webkit-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); - box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); - } - 50% { - -webkit-box-shadow: 0 0 20px rgba(44, 154, 219, 0.8); - box-shadow: 0 0 20px rgba(44, 154, 219, 0.8); - } - to { - -webkit-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); - box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); - } -} - - -/* -* Glowing Keyframes for various colors -* -*/ - -@-webkit-keyframes glowing-primary { - from { - -webkit-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); - box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); - } - 50% { - -webkit-box-shadow: 0 0 20px rgba(27, 154, 247, 0.8); - box-shadow: 0 0 20px rgba(27, 154, 247, 0.8); - } - to { - -webkit-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); - box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); - } -} - -@keyframes glowing-primary { - from { - -webkit-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); - box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); - } - 50% { - -webkit-box-shadow: 0 0 20px rgba(27, 154, 247, 0.8); - box-shadow: 0 0 20px rgba(27, 154, 247, 0.8); - } - to { - -webkit-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); - box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); - } -} - -@-webkit-keyframes glowing-plain { - from { - -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); - box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); - } - 50% { - -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.8); - box-shadow: 0 0 20px rgba(255, 255, 255, 0.8); - } - to { - -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); - box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); - } -} - -@keyframes glowing-plain { - from { - -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); - box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); - } - 50% { - -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.8); - box-shadow: 0 0 20px rgba(255, 255, 255, 0.8); - } - to { - -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); - box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); - } -} - -@-webkit-keyframes glowing-inverse { - from { - -webkit-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); - box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); - } - 50% { - -webkit-box-shadow: 0 0 20px rgba(34, 34, 34, 0.8); - box-shadow: 0 0 20px rgba(34, 34, 34, 0.8); - } - to { - -webkit-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); - box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); - } -} - -@keyframes glowing-inverse { - from { - -webkit-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); - box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); - } - 50% { - -webkit-box-shadow: 0 0 20px rgba(34, 34, 34, 0.8); - box-shadow: 0 0 20px rgba(34, 34, 34, 0.8); - } - to { - -webkit-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); - box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); - } -} - -@-webkit-keyframes glowing-action { - from { - -webkit-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); - box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); - } - 50% { - -webkit-box-shadow: 0 0 20px rgba(165, 222, 55, 0.8); - box-shadow: 0 0 20px rgba(165, 222, 55, 0.8); - } - to { - -webkit-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); - box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); - } -} - -@keyframes glowing-action { - from { - -webkit-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); - box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); - } - 50% { - -webkit-box-shadow: 0 0 20px rgba(165, 222, 55, 0.8); - box-shadow: 0 0 20px rgba(165, 222, 55, 0.8); - } - to { - -webkit-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); - box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); - } -} - -@-webkit-keyframes glowing-highlight { - from { - -webkit-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); - box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); - } - 50% { - -webkit-box-shadow: 0 0 20px rgba(254, 174, 27, 0.8); - box-shadow: 0 0 20px rgba(254, 174, 27, 0.8); - } - to { - -webkit-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); - box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); - } -} - -@keyframes glowing-highlight { - from { - -webkit-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); - box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); - } - 50% { - -webkit-box-shadow: 0 0 20px rgba(254, 174, 27, 0.8); - box-shadow: 0 0 20px rgba(254, 174, 27, 0.8); - } - to { - -webkit-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); - box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); - } -} - -@-webkit-keyframes glowing-caution { - from { - -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); - box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); - } - 50% { - -webkit-box-shadow: 0 0 20px rgba(255, 67, 81, 0.8); - box-shadow: 0 0 20px rgba(255, 67, 81, 0.8); - } - to { - -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); - box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); - } -} - -@keyframes glowing-caution { - from { - -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); - box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); - } - 50% { - -webkit-box-shadow: 0 0 20px rgba(255, 67, 81, 0.8); - box-shadow: 0 0 20px rgba(255, 67, 81, 0.8); - } - to { - -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); - box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); - } -} - -@-webkit-keyframes glowing-royal { - from { - -webkit-box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); - box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); - } - 50% { - -webkit-box-shadow: 0 0 20px rgba(123, 114, 233, 0.8); - box-shadow: 0 0 20px rgba(123, 114, 233, 0.8); - } - to { - -webkit-box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); - box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); - } -} - -@keyframes glowing-royal { - from { - -webkit-box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); - box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); - } - 50% { - -webkit-box-shadow: 0 0 20px rgba(123, 114, 233, 0.8); - box-shadow: 0 0 20px rgba(123, 114, 233, 0.8); - } - to { - -webkit-box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); - box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); - } -} - - -/* -* Glowing Buttons Base Styes -* -* A pulse like glow that appears -* rythmically around the edges of -* a button. -*/ - -.button-glow { - -webkit-animation-duration: 3s; - animation-duration: 3s; - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; - -webkit-animation-name: glowing; - animation-name: glowing; -} - -.button-glow:active, -.button-glow.active, -.button-glow.is-active { - -webkit-animation-name: none; - animation-name: none; -} - - -/* -* Glowing Button Colors -* -* Create colors for glowing buttons -*/ - -.button-glow.button-primary { - -webkit-animation-name: glowing-primary; - animation-name: glowing-primary; -} - -.button-glow.button-plain { - -webkit-animation-name: glowing-plain; - animation-name: glowing-plain; -} - -.button-glow.button-inverse { - -webkit-animation-name: glowing-inverse; - animation-name: glowing-inverse; -} - -.button-glow.button-action { - -webkit-animation-name: glowing-action; - animation-name: glowing-action; -} - -.button-glow.button-highlight { - -webkit-animation-name: glowing-highlight; - animation-name: glowing-highlight; -} - -.button-glow.button-caution { - -webkit-animation-name: glowing-caution; - animation-name: glowing-caution; -} - -.button-glow.button-royal { - -webkit-animation-name: glowing-royal; - animation-name: glowing-royal; -} - - -/* -* Dropdown menu buttons -* -* A dropdown menu appears -* when a button is pressed -*/ - - -/* -* Dropdown Container -* -*/ - -.button-dropdown { - position: relative; - overflow: visible; - display: inline-block; -} - - -/* -* Dropdown List Style -* -*/ - -.button-dropdown-list { - display: none; - position: absolute; - padding: 0; - margin: 0; - top: 0; - left: 0; - z-index: 1000; - min-width: 100%; - list-style-type: none; - background: rgba(255, 255, 255, 0.95); - border-style: solid; - border-width: 1px; - border-color: #d4d4d4; - font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; - -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2); - box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2); - border-radius: 3px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - /* - * Dropdown Below - * - */ - /* - * Dropdown Above - * - */ -} - -.button-dropdown-list.is-below { - top: 100%; - border-top: none; - border-radius: 0 0 3px 3px; -} - -.button-dropdown-list.is-above { - bottom: 100%; - top: auto; - border-bottom: none; - border-radius: 3px 3px 0 0; - -webkit-box-shadow: 0 -2px 7px rgba(0, 0, 0, 0.2); - box-shadow: 0 -2px 7px rgba(0, 0, 0, 0.2); -} - - -/* -* Dropdown Buttons -* -*/ - -.button-dropdown-list>li { - padding: 0; - margin: 0; - display: block; -} - -.button-dropdown-list>li>a { - display: block; - line-height: 40px; - font-size: 12.8px; - padding: 5px 10px; - float: none; - color: #666666; - text-decoration: none; -} - -.button-dropdown-list>li>a:hover { - color: #5e5e5e; - background: #f6f6f6; - text-decoration: none; -} - -.button-dropdown-divider { - border-top: 1px solid #e6e6e6; -} - - -/* -* Dropdown Colors -* -* Create colors for buttons -* (.button-primary, .button-secondary, etc.) -*/ - -.button-dropdown.button-dropdown-primary .button-dropdown-list { - background: rgba(27, 154, 247, 0.95); - border-color: #0880d7; -} - -.button-dropdown.button-dropdown-primary .button-dropdown-list .button-dropdown-divider { - border-color: #0888e6; -} - -.button-dropdown.button-dropdown-primary .button-dropdown-list>li>a { - color: white; -} - -.button-dropdown.button-dropdown-primary .button-dropdown-list>li>a:hover { - color: #f2f2f2; - background: #088ef0; -} - -.button-dropdown.button-dropdown-plain .button-dropdown-list { - background: rgba(255, 255, 255, 0.95); - border-color: #e6e6e6; -} - -.button-dropdown.button-dropdown-plain .button-dropdown-list .button-dropdown-divider { - border-color: #ededed; -} - -.button-dropdown.button-dropdown-plain .button-dropdown-list>li>a { - color: #1b9af7; -} - -.button-dropdown.button-dropdown-plain .button-dropdown-list>li>a:hover { - color: #088ef0; - background: #f2f2f2; -} - -.button-dropdown.button-dropdown-inverse .button-dropdown-list { - background: rgba(34, 34, 34, 0.95); - border-color: #090909; -} - -.button-dropdown.button-dropdown-inverse .button-dropdown-list .button-dropdown-divider { - border-color: #101010; -} - -.button-dropdown.button-dropdown-inverse .button-dropdown-list>li>a { - color: #eeeeee; -} - -.button-dropdown.button-dropdown-inverse .button-dropdown-list>li>a:hover { - color: #e1e1e1; - background: #151515; -} - -.button-dropdown.button-dropdown-action .button-dropdown-list { - background: rgba(165, 222, 55, 0.95); - border-color: #8bc220; -} - -.button-dropdown.button-dropdown-action .button-dropdown-list .button-dropdown-divider { - border-color: #94cf22; -} - -.button-dropdown.button-dropdown-action .button-dropdown-list>li>a { - color: white; -} - -.button-dropdown.button-dropdown-action .button-dropdown-list>li>a:hover { - color: #f2f2f2; - background: #9ad824; -} - -.button-dropdown.button-dropdown-highlight .button-dropdown-list { - background: rgba(254, 174, 27, 0.95); - border-color: #e59501; -} - -.button-dropdown.button-dropdown-highlight .button-dropdown-list .button-dropdown-divider { - border-color: #f49f01; -} - -.button-dropdown.button-dropdown-highlight .button-dropdown-list>li>a { - color: white; -} - -.button-dropdown.button-dropdown-highlight .button-dropdown-list>li>a:hover { - color: #f2f2f2; - background: #fea502; -} - -.button-dropdown.button-dropdown-caution .button-dropdown-list { - background: rgba(255, 67, 81, 0.95); - border-color: #ff1022; -} - -.button-dropdown.button-dropdown-caution .button-dropdown-list .button-dropdown-divider { - border-color: #ff1f30; -} - -.button-dropdown.button-dropdown-caution .button-dropdown-list>li>a { - color: white; -} - -.button-dropdown.button-dropdown-caution .button-dropdown-list>li>a:hover { - color: #f2f2f2; - background: #ff2939; -} - -.button-dropdown.button-dropdown-royal .button-dropdown-list { - background: rgba(123, 114, 233, 0.95); - border-color: #5246e2; -} - -.button-dropdown.button-dropdown-royal .button-dropdown-list .button-dropdown-divider { - border-color: #5e53e4; -} - -.button-dropdown.button-dropdown-royal .button-dropdown-list>li>a { - color: white; -} - -.button-dropdown.button-dropdown-royal .button-dropdown-list>li>a:hover { - color: #f2f2f2; - background: #665ce6; -} - - -/* -* Buton Groups -* -* A group of related buttons -* displayed edge to edge -*/ - -.button-group { - *zoom: 1; - position: relative; - display: inline-block; -} - -.button-group:after, -.button-group:before { - content: '.'; - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; -} - -.button-group .button, -.button-group .button-dropdown { - float: left; -} - -.button-group .button:not(:first-child):not(:last-child), -.button-group .button-dropdown:not(:first-child):not(:last-child) { - border-radius: 0; - border-right: none; -} - -.button-group .button:first-child, -.button-group .button-dropdown:first-child { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-right: none; -} - -.button-group .button:last-child, -.button-group .button-dropdown:last-child { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - - -/* -* Button Wrapper -* -* A wrap around effect to highlight -* the shape of the button and offer -* a subtle visual effect. -*/ - -.button-wrap { - border: 1px solid #e3e3e3; - display: inline-block; - padding: 9px; - background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(white)); - background: linear-gradient(#f2f2f2, white); - border-radius: 200px; - -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04); - box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04); -} - - -/* -* Long Shadow Buttons -* -* A visual effect adding a flat shadow to the text of a button -*/ - - -/* -* Long Shadow Function -* -* Loops $length times building a long shadow. Defaults downward right -*/ - - -/* -* LONG SHADOW MIXIN -* -*/ - - -/* -* Shadow Right -* -*/ - -.button-longshadow, -.button-longshadow-right { - overflow: hidden; -} - -.button-longshadow.button-primary, -.button-longshadow-right.button-primary { - text-shadow: 0px 0px #0880d7, 1px 1px #0880d7, 2px 2px #0880d7, 3px 3px #0880d7, 4px 4px #0880d7, 5px 5px #0880d7, 6px 6px #0880d7, 7px 7px #0880d7, 8px 8px #0880d7, 9px 9px #0880d7, 10px 10px #0880d7, 11px 11px #0880d7, 12px 12px #0880d7, 13px 13px #0880d7, 14px 14px #0880d7, 15px 15px #0880d7, 16px 16px #0880d7, 17px 17px #0880d7, 18px 18px #0880d7, 19px 19px #0880d7, 20px 20px #0880d7, 21px 21px #0880d7, 22px 22px #0880d7, 23px 23px #0880d7, 24px 24px #0880d7, 25px 25px #0880d7, 26px 26px #0880d7, 27px 27px #0880d7, 28px 28px #0880d7, 29px 29px #0880d7, 30px 30px #0880d7, 31px 31px #0880d7, 32px 32px #0880d7, 33px 33px #0880d7, 34px 34px #0880d7, 35px 35px #0880d7, 36px 36px #0880d7, 37px 37px #0880d7, 38px 38px #0880d7, 39px 39px #0880d7, 40px 40px #0880d7, 41px 41px #0880d7, 42px 42px #0880d7, 43px 43px #0880d7, 44px 44px #0880d7, 45px 45px #0880d7, 46px 46px #0880d7, 47px 47px #0880d7, 48px 48px #0880d7, 49px 49px #0880d7, 50px 50px #0880d7, 51px 51px #0880d7, 52px 52px #0880d7, 53px 53px #0880d7, 54px 54px #0880d7, 55px 55px #0880d7, 56px 56px #0880d7, 57px 57px #0880d7, 58px 58px #0880d7, 59px 59px #0880d7, 60px 60px #0880d7, 61px 61px #0880d7, 62px 62px #0880d7, 63px 63px #0880d7, 64px 64px #0880d7, 65px 65px #0880d7, 66px 66px #0880d7, 67px 67px #0880d7, 68px 68px #0880d7, 69px 69px #0880d7, 70px 70px #0880d7, 71px 71px #0880d7, 72px 72px #0880d7, 73px 73px #0880d7, 74px 74px #0880d7, 75px 75px #0880d7, 76px 76px #0880d7, 77px 77px #0880d7, 78px 78px #0880d7, 79px 79px #0880d7, 80px 80px #0880d7, 81px 81px #0880d7, 82px 82px #0880d7, 83px 83px #0880d7, 84px 84px #0880d7, 85px 85px #0880d7; -} - -.button-longshadow.button-primary:active, -.button-longshadow.button-primary.active, -.button-longshadow.button-primary.is-active, -.button-longshadow-right.button-primary:active, -.button-longshadow-right.button-primary.active, -.button-longshadow-right.button-primary.is-active { - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); -} - -.button-longshadow.button-plain, -.button-longshadow-right.button-plain { - text-shadow: 0px 0px #e6e6e6, 1px 1px #e6e6e6, 2px 2px #e6e6e6, 3px 3px #e6e6e6, 4px 4px #e6e6e6, 5px 5px #e6e6e6, 6px 6px #e6e6e6, 7px 7px #e6e6e6, 8px 8px #e6e6e6, 9px 9px #e6e6e6, 10px 10px #e6e6e6, 11px 11px #e6e6e6, 12px 12px #e6e6e6, 13px 13px #e6e6e6, 14px 14px #e6e6e6, 15px 15px #e6e6e6, 16px 16px #e6e6e6, 17px 17px #e6e6e6, 18px 18px #e6e6e6, 19px 19px #e6e6e6, 20px 20px #e6e6e6, 21px 21px #e6e6e6, 22px 22px #e6e6e6, 23px 23px #e6e6e6, 24px 24px #e6e6e6, 25px 25px #e6e6e6, 26px 26px #e6e6e6, 27px 27px #e6e6e6, 28px 28px #e6e6e6, 29px 29px #e6e6e6, 30px 30px #e6e6e6, 31px 31px #e6e6e6, 32px 32px #e6e6e6, 33px 33px #e6e6e6, 34px 34px #e6e6e6, 35px 35px #e6e6e6, 36px 36px #e6e6e6, 37px 37px #e6e6e6, 38px 38px #e6e6e6, 39px 39px #e6e6e6, 40px 40px #e6e6e6, 41px 41px #e6e6e6, 42px 42px #e6e6e6, 43px 43px #e6e6e6, 44px 44px #e6e6e6, 45px 45px #e6e6e6, 46px 46px #e6e6e6, 47px 47px #e6e6e6, 48px 48px #e6e6e6, 49px 49px #e6e6e6, 50px 50px #e6e6e6, 51px 51px #e6e6e6, 52px 52px #e6e6e6, 53px 53px #e6e6e6, 54px 54px #e6e6e6, 55px 55px #e6e6e6, 56px 56px #e6e6e6, 57px 57px #e6e6e6, 58px 58px #e6e6e6, 59px 59px #e6e6e6, 60px 60px #e6e6e6, 61px 61px #e6e6e6, 62px 62px #e6e6e6, 63px 63px #e6e6e6, 64px 64px #e6e6e6, 65px 65px #e6e6e6, 66px 66px #e6e6e6, 67px 67px #e6e6e6, 68px 68px #e6e6e6, 69px 69px #e6e6e6, 70px 70px #e6e6e6, 71px 71px #e6e6e6, 72px 72px #e6e6e6, 73px 73px #e6e6e6, 74px 74px #e6e6e6, 75px 75px #e6e6e6, 76px 76px #e6e6e6, 77px 77px #e6e6e6, 78px 78px #e6e6e6, 79px 79px #e6e6e6, 80px 80px #e6e6e6, 81px 81px #e6e6e6, 82px 82px #e6e6e6, 83px 83px #e6e6e6, 84px 84px #e6e6e6, 85px 85px #e6e6e6; -} - -.button-longshadow.button-plain:active, -.button-longshadow.button-plain.active, -.button-longshadow.button-plain.is-active, -.button-longshadow-right.button-plain:active, -.button-longshadow-right.button-plain.active, -.button-longshadow-right.button-plain.is-active { - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); -} - -.button-longshadow.button-inverse, -.button-longshadow-right.button-inverse { - text-shadow: 0px 0px #090909, 1px 1px #090909, 2px 2px #090909, 3px 3px #090909, 4px 4px #090909, 5px 5px #090909, 6px 6px #090909, 7px 7px #090909, 8px 8px #090909, 9px 9px #090909, 10px 10px #090909, 11px 11px #090909, 12px 12px #090909, 13px 13px #090909, 14px 14px #090909, 15px 15px #090909, 16px 16px #090909, 17px 17px #090909, 18px 18px #090909, 19px 19px #090909, 20px 20px #090909, 21px 21px #090909, 22px 22px #090909, 23px 23px #090909, 24px 24px #090909, 25px 25px #090909, 26px 26px #090909, 27px 27px #090909, 28px 28px #090909, 29px 29px #090909, 30px 30px #090909, 31px 31px #090909, 32px 32px #090909, 33px 33px #090909, 34px 34px #090909, 35px 35px #090909, 36px 36px #090909, 37px 37px #090909, 38px 38px #090909, 39px 39px #090909, 40px 40px #090909, 41px 41px #090909, 42px 42px #090909, 43px 43px #090909, 44px 44px #090909, 45px 45px #090909, 46px 46px #090909, 47px 47px #090909, 48px 48px #090909, 49px 49px #090909, 50px 50px #090909, 51px 51px #090909, 52px 52px #090909, 53px 53px #090909, 54px 54px #090909, 55px 55px #090909, 56px 56px #090909, 57px 57px #090909, 58px 58px #090909, 59px 59px #090909, 60px 60px #090909, 61px 61px #090909, 62px 62px #090909, 63px 63px #090909, 64px 64px #090909, 65px 65px #090909, 66px 66px #090909, 67px 67px #090909, 68px 68px #090909, 69px 69px #090909, 70px 70px #090909, 71px 71px #090909, 72px 72px #090909, 73px 73px #090909, 74px 74px #090909, 75px 75px #090909, 76px 76px #090909, 77px 77px #090909, 78px 78px #090909, 79px 79px #090909, 80px 80px #090909, 81px 81px #090909, 82px 82px #090909, 83px 83px #090909, 84px 84px #090909, 85px 85px #090909; -} - -.button-longshadow.button-inverse:active, -.button-longshadow.button-inverse.active, -.button-longshadow.button-inverse.is-active, -.button-longshadow-right.button-inverse:active, -.button-longshadow-right.button-inverse.active, -.button-longshadow-right.button-inverse.is-active { - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); -} - -.button-longshadow.button-action, -.button-longshadow-right.button-action { - text-shadow: 0px 0px #8bc220, 1px 1px #8bc220, 2px 2px #8bc220, 3px 3px #8bc220, 4px 4px #8bc220, 5px 5px #8bc220, 6px 6px #8bc220, 7px 7px #8bc220, 8px 8px #8bc220, 9px 9px #8bc220, 10px 10px #8bc220, 11px 11px #8bc220, 12px 12px #8bc220, 13px 13px #8bc220, 14px 14px #8bc220, 15px 15px #8bc220, 16px 16px #8bc220, 17px 17px #8bc220, 18px 18px #8bc220, 19px 19px #8bc220, 20px 20px #8bc220, 21px 21px #8bc220, 22px 22px #8bc220, 23px 23px #8bc220, 24px 24px #8bc220, 25px 25px #8bc220, 26px 26px #8bc220, 27px 27px #8bc220, 28px 28px #8bc220, 29px 29px #8bc220, 30px 30px #8bc220, 31px 31px #8bc220, 32px 32px #8bc220, 33px 33px #8bc220, 34px 34px #8bc220, 35px 35px #8bc220, 36px 36px #8bc220, 37px 37px #8bc220, 38px 38px #8bc220, 39px 39px #8bc220, 40px 40px #8bc220, 41px 41px #8bc220, 42px 42px #8bc220, 43px 43px #8bc220, 44px 44px #8bc220, 45px 45px #8bc220, 46px 46px #8bc220, 47px 47px #8bc220, 48px 48px #8bc220, 49px 49px #8bc220, 50px 50px #8bc220, 51px 51px #8bc220, 52px 52px #8bc220, 53px 53px #8bc220, 54px 54px #8bc220, 55px 55px #8bc220, 56px 56px #8bc220, 57px 57px #8bc220, 58px 58px #8bc220, 59px 59px #8bc220, 60px 60px #8bc220, 61px 61px #8bc220, 62px 62px #8bc220, 63px 63px #8bc220, 64px 64px #8bc220, 65px 65px #8bc220, 66px 66px #8bc220, 67px 67px #8bc220, 68px 68px #8bc220, 69px 69px #8bc220, 70px 70px #8bc220, 71px 71px #8bc220, 72px 72px #8bc220, 73px 73px #8bc220, 74px 74px #8bc220, 75px 75px #8bc220, 76px 76px #8bc220, 77px 77px #8bc220, 78px 78px #8bc220, 79px 79px #8bc220, 80px 80px #8bc220, 81px 81px #8bc220, 82px 82px #8bc220, 83px 83px #8bc220, 84px 84px #8bc220, 85px 85px #8bc220; -} - -.button-longshadow.button-action:active, -.button-longshadow.button-action.active, -.button-longshadow.button-action.is-active, -.button-longshadow-right.button-action:active, -.button-longshadow-right.button-action.active, -.button-longshadow-right.button-action.is-active { - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); -} - -.button-longshadow.button-highlight, -.button-longshadow-right.button-highlight { - text-shadow: 0px 0px #e59501, 1px 1px #e59501, 2px 2px #e59501, 3px 3px #e59501, 4px 4px #e59501, 5px 5px #e59501, 6px 6px #e59501, 7px 7px #e59501, 8px 8px #e59501, 9px 9px #e59501, 10px 10px #e59501, 11px 11px #e59501, 12px 12px #e59501, 13px 13px #e59501, 14px 14px #e59501, 15px 15px #e59501, 16px 16px #e59501, 17px 17px #e59501, 18px 18px #e59501, 19px 19px #e59501, 20px 20px #e59501, 21px 21px #e59501, 22px 22px #e59501, 23px 23px #e59501, 24px 24px #e59501, 25px 25px #e59501, 26px 26px #e59501, 27px 27px #e59501, 28px 28px #e59501, 29px 29px #e59501, 30px 30px #e59501, 31px 31px #e59501, 32px 32px #e59501, 33px 33px #e59501, 34px 34px #e59501, 35px 35px #e59501, 36px 36px #e59501, 37px 37px #e59501, 38px 38px #e59501, 39px 39px #e59501, 40px 40px #e59501, 41px 41px #e59501, 42px 42px #e59501, 43px 43px #e59501, 44px 44px #e59501, 45px 45px #e59501, 46px 46px #e59501, 47px 47px #e59501, 48px 48px #e59501, 49px 49px #e59501, 50px 50px #e59501, 51px 51px #e59501, 52px 52px #e59501, 53px 53px #e59501, 54px 54px #e59501, 55px 55px #e59501, 56px 56px #e59501, 57px 57px #e59501, 58px 58px #e59501, 59px 59px #e59501, 60px 60px #e59501, 61px 61px #e59501, 62px 62px #e59501, 63px 63px #e59501, 64px 64px #e59501, 65px 65px #e59501, 66px 66px #e59501, 67px 67px #e59501, 68px 68px #e59501, 69px 69px #e59501, 70px 70px #e59501, 71px 71px #e59501, 72px 72px #e59501, 73px 73px #e59501, 74px 74px #e59501, 75px 75px #e59501, 76px 76px #e59501, 77px 77px #e59501, 78px 78px #e59501, 79px 79px #e59501, 80px 80px #e59501, 81px 81px #e59501, 82px 82px #e59501, 83px 83px #e59501, 84px 84px #e59501, 85px 85px #e59501; -} - -.button-longshadow.button-highlight:active, -.button-longshadow.button-highlight.active, -.button-longshadow.button-highlight.is-active, -.button-longshadow-right.button-highlight:active, -.button-longshadow-right.button-highlight.active, -.button-longshadow-right.button-highlight.is-active { - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); -} - -.button-longshadow.button-caution, -.button-longshadow-right.button-caution { - text-shadow: 0px 0px #ff1022, 1px 1px #ff1022, 2px 2px #ff1022, 3px 3px #ff1022, 4px 4px #ff1022, 5px 5px #ff1022, 6px 6px #ff1022, 7px 7px #ff1022, 8px 8px #ff1022, 9px 9px #ff1022, 10px 10px #ff1022, 11px 11px #ff1022, 12px 12px #ff1022, 13px 13px #ff1022, 14px 14px #ff1022, 15px 15px #ff1022, 16px 16px #ff1022, 17px 17px #ff1022, 18px 18px #ff1022, 19px 19px #ff1022, 20px 20px #ff1022, 21px 21px #ff1022, 22px 22px #ff1022, 23px 23px #ff1022, 24px 24px #ff1022, 25px 25px #ff1022, 26px 26px #ff1022, 27px 27px #ff1022, 28px 28px #ff1022, 29px 29px #ff1022, 30px 30px #ff1022, 31px 31px #ff1022, 32px 32px #ff1022, 33px 33px #ff1022, 34px 34px #ff1022, 35px 35px #ff1022, 36px 36px #ff1022, 37px 37px #ff1022, 38px 38px #ff1022, 39px 39px #ff1022, 40px 40px #ff1022, 41px 41px #ff1022, 42px 42px #ff1022, 43px 43px #ff1022, 44px 44px #ff1022, 45px 45px #ff1022, 46px 46px #ff1022, 47px 47px #ff1022, 48px 48px #ff1022, 49px 49px #ff1022, 50px 50px #ff1022, 51px 51px #ff1022, 52px 52px #ff1022, 53px 53px #ff1022, 54px 54px #ff1022, 55px 55px #ff1022, 56px 56px #ff1022, 57px 57px #ff1022, 58px 58px #ff1022, 59px 59px #ff1022, 60px 60px #ff1022, 61px 61px #ff1022, 62px 62px #ff1022, 63px 63px #ff1022, 64px 64px #ff1022, 65px 65px #ff1022, 66px 66px #ff1022, 67px 67px #ff1022, 68px 68px #ff1022, 69px 69px #ff1022, 70px 70px #ff1022, 71px 71px #ff1022, 72px 72px #ff1022, 73px 73px #ff1022, 74px 74px #ff1022, 75px 75px #ff1022, 76px 76px #ff1022, 77px 77px #ff1022, 78px 78px #ff1022, 79px 79px #ff1022, 80px 80px #ff1022, 81px 81px #ff1022, 82px 82px #ff1022, 83px 83px #ff1022, 84px 84px #ff1022, 85px 85px #ff1022; -} - -.button-longshadow.button-caution:active, -.button-longshadow.button-caution.active, -.button-longshadow.button-caution.is-active, -.button-longshadow-right.button-caution:active, -.button-longshadow-right.button-caution.active, -.button-longshadow-right.button-caution.is-active { - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); -} - -.button-longshadow.button-royal, -.button-longshadow-right.button-royal { - text-shadow: 0px 0px #5246e2, 1px 1px #5246e2, 2px 2px #5246e2, 3px 3px #5246e2, 4px 4px #5246e2, 5px 5px #5246e2, 6px 6px #5246e2, 7px 7px #5246e2, 8px 8px #5246e2, 9px 9px #5246e2, 10px 10px #5246e2, 11px 11px #5246e2, 12px 12px #5246e2, 13px 13px #5246e2, 14px 14px #5246e2, 15px 15px #5246e2, 16px 16px #5246e2, 17px 17px #5246e2, 18px 18px #5246e2, 19px 19px #5246e2, 20px 20px #5246e2, 21px 21px #5246e2, 22px 22px #5246e2, 23px 23px #5246e2, 24px 24px #5246e2, 25px 25px #5246e2, 26px 26px #5246e2, 27px 27px #5246e2, 28px 28px #5246e2, 29px 29px #5246e2, 30px 30px #5246e2, 31px 31px #5246e2, 32px 32px #5246e2, 33px 33px #5246e2, 34px 34px #5246e2, 35px 35px #5246e2, 36px 36px #5246e2, 37px 37px #5246e2, 38px 38px #5246e2, 39px 39px #5246e2, 40px 40px #5246e2, 41px 41px #5246e2, 42px 42px #5246e2, 43px 43px #5246e2, 44px 44px #5246e2, 45px 45px #5246e2, 46px 46px #5246e2, 47px 47px #5246e2, 48px 48px #5246e2, 49px 49px #5246e2, 50px 50px #5246e2, 51px 51px #5246e2, 52px 52px #5246e2, 53px 53px #5246e2, 54px 54px #5246e2, 55px 55px #5246e2, 56px 56px #5246e2, 57px 57px #5246e2, 58px 58px #5246e2, 59px 59px #5246e2, 60px 60px #5246e2, 61px 61px #5246e2, 62px 62px #5246e2, 63px 63px #5246e2, 64px 64px #5246e2, 65px 65px #5246e2, 66px 66px #5246e2, 67px 67px #5246e2, 68px 68px #5246e2, 69px 69px #5246e2, 70px 70px #5246e2, 71px 71px #5246e2, 72px 72px #5246e2, 73px 73px #5246e2, 74px 74px #5246e2, 75px 75px #5246e2, 76px 76px #5246e2, 77px 77px #5246e2, 78px 78px #5246e2, 79px 79px #5246e2, 80px 80px #5246e2, 81px 81px #5246e2, 82px 82px #5246e2, 83px 83px #5246e2, 84px 84px #5246e2, 85px 85px #5246e2; -} - -.button-longshadow.button-royal:active, -.button-longshadow.button-royal.active, -.button-longshadow.button-royal.is-active, -.button-longshadow-right.button-royal:active, -.button-longshadow-right.button-royal.active, -.button-longshadow-right.button-royal.is-active { - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); -} - - -/* -* Shadow Left -* -*/ - -.button-longshadow-left { - overflow: hidden; -} - -.button-longshadow-left.button-primary { - text-shadow: 0px 0px #0880d7, -1px 1px #0880d7, -2px 2px #0880d7, -3px 3px #0880d7, -4px 4px #0880d7, -5px 5px #0880d7, -6px 6px #0880d7, -7px 7px #0880d7, -8px 8px #0880d7, -9px 9px #0880d7, -10px 10px #0880d7, -11px 11px #0880d7, -12px 12px #0880d7, -13px 13px #0880d7, -14px 14px #0880d7, -15px 15px #0880d7, -16px 16px #0880d7, -17px 17px #0880d7, -18px 18px #0880d7, -19px 19px #0880d7, -20px 20px #0880d7, -21px 21px #0880d7, -22px 22px #0880d7, -23px 23px #0880d7, -24px 24px #0880d7, -25px 25px #0880d7, -26px 26px #0880d7, -27px 27px #0880d7, -28px 28px #0880d7, -29px 29px #0880d7, -30px 30px #0880d7, -31px 31px #0880d7, -32px 32px #0880d7, -33px 33px #0880d7, -34px 34px #0880d7, -35px 35px #0880d7, -36px 36px #0880d7, -37px 37px #0880d7, -38px 38px #0880d7, -39px 39px #0880d7, -40px 40px #0880d7, -41px 41px #0880d7, -42px 42px #0880d7, -43px 43px #0880d7, -44px 44px #0880d7, -45px 45px #0880d7, -46px 46px #0880d7, -47px 47px #0880d7, -48px 48px #0880d7, -49px 49px #0880d7, -50px 50px #0880d7, -51px 51px #0880d7, -52px 52px #0880d7, -53px 53px #0880d7, -54px 54px #0880d7, -55px 55px #0880d7, -56px 56px #0880d7, -57px 57px #0880d7, -58px 58px #0880d7, -59px 59px #0880d7, -60px 60px #0880d7, -61px 61px #0880d7, -62px 62px #0880d7, -63px 63px #0880d7, -64px 64px #0880d7, -65px 65px #0880d7, -66px 66px #0880d7, -67px 67px #0880d7, -68px 68px #0880d7, -69px 69px #0880d7, -70px 70px #0880d7, -71px 71px #0880d7, -72px 72px #0880d7, -73px 73px #0880d7, -74px 74px #0880d7, -75px 75px #0880d7, -76px 76px #0880d7, -77px 77px #0880d7, -78px 78px #0880d7, -79px 79px #0880d7, -80px 80px #0880d7, -81px 81px #0880d7, -82px 82px #0880d7, -83px 83px #0880d7, -84px 84px #0880d7, -85px 85px #0880d7; -} - -.button-longshadow-left.button-primary:active, -.button-longshadow-left.button-primary.active, -.button-longshadow-left.button-primary.is-active { - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); -} - -.button-longshadow-left.button-plain { - text-shadow: 0px 0px #e6e6e6, -1px 1px #e6e6e6, -2px 2px #e6e6e6, -3px 3px #e6e6e6, -4px 4px #e6e6e6, -5px 5px #e6e6e6, -6px 6px #e6e6e6, -7px 7px #e6e6e6, -8px 8px #e6e6e6, -9px 9px #e6e6e6, -10px 10px #e6e6e6, -11px 11px #e6e6e6, -12px 12px #e6e6e6, -13px 13px #e6e6e6, -14px 14px #e6e6e6, -15px 15px #e6e6e6, -16px 16px #e6e6e6, -17px 17px #e6e6e6, -18px 18px #e6e6e6, -19px 19px #e6e6e6, -20px 20px #e6e6e6, -21px 21px #e6e6e6, -22px 22px #e6e6e6, -23px 23px #e6e6e6, -24px 24px #e6e6e6, -25px 25px #e6e6e6, -26px 26px #e6e6e6, -27px 27px #e6e6e6, -28px 28px #e6e6e6, -29px 29px #e6e6e6, -30px 30px #e6e6e6, -31px 31px #e6e6e6, -32px 32px #e6e6e6, -33px 33px #e6e6e6, -34px 34px #e6e6e6, -35px 35px #e6e6e6, -36px 36px #e6e6e6, -37px 37px #e6e6e6, -38px 38px #e6e6e6, -39px 39px #e6e6e6, -40px 40px #e6e6e6, -41px 41px #e6e6e6, -42px 42px #e6e6e6, -43px 43px #e6e6e6, -44px 44px #e6e6e6, -45px 45px #e6e6e6, -46px 46px #e6e6e6, -47px 47px #e6e6e6, -48px 48px #e6e6e6, -49px 49px #e6e6e6, -50px 50px #e6e6e6, -51px 51px #e6e6e6, -52px 52px #e6e6e6, -53px 53px #e6e6e6, -54px 54px #e6e6e6, -55px 55px #e6e6e6, -56px 56px #e6e6e6, -57px 57px #e6e6e6, -58px 58px #e6e6e6, -59px 59px #e6e6e6, -60px 60px #e6e6e6, -61px 61px #e6e6e6, -62px 62px #e6e6e6, -63px 63px #e6e6e6, -64px 64px #e6e6e6, -65px 65px #e6e6e6, -66px 66px #e6e6e6, -67px 67px #e6e6e6, -68px 68px #e6e6e6, -69px 69px #e6e6e6, -70px 70px #e6e6e6, -71px 71px #e6e6e6, -72px 72px #e6e6e6, -73px 73px #e6e6e6, -74px 74px #e6e6e6, -75px 75px #e6e6e6, -76px 76px #e6e6e6, -77px 77px #e6e6e6, -78px 78px #e6e6e6, -79px 79px #e6e6e6, -80px 80px #e6e6e6, -81px 81px #e6e6e6, -82px 82px #e6e6e6, -83px 83px #e6e6e6, -84px 84px #e6e6e6, -85px 85px #e6e6e6; -} - -.button-longshadow-left.button-plain:active, -.button-longshadow-left.button-plain.active, -.button-longshadow-left.button-plain.is-active { - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); -} - -.button-longshadow-left.button-inverse { - text-shadow: 0px 0px #090909, -1px 1px #090909, -2px 2px #090909, -3px 3px #090909, -4px 4px #090909, -5px 5px #090909, -6px 6px #090909, -7px 7px #090909, -8px 8px #090909, -9px 9px #090909, -10px 10px #090909, -11px 11px #090909, -12px 12px #090909, -13px 13px #090909, -14px 14px #090909, -15px 15px #090909, -16px 16px #090909, -17px 17px #090909, -18px 18px #090909, -19px 19px #090909, -20px 20px #090909, -21px 21px #090909, -22px 22px #090909, -23px 23px #090909, -24px 24px #090909, -25px 25px #090909, -26px 26px #090909, -27px 27px #090909, -28px 28px #090909, -29px 29px #090909, -30px 30px #090909, -31px 31px #090909, -32px 32px #090909, -33px 33px #090909, -34px 34px #090909, -35px 35px #090909, -36px 36px #090909, -37px 37px #090909, -38px 38px #090909, -39px 39px #090909, -40px 40px #090909, -41px 41px #090909, -42px 42px #090909, -43px 43px #090909, -44px 44px #090909, -45px 45px #090909, -46px 46px #090909, -47px 47px #090909, -48px 48px #090909, -49px 49px #090909, -50px 50px #090909, -51px 51px #090909, -52px 52px #090909, -53px 53px #090909, -54px 54px #090909, -55px 55px #090909, -56px 56px #090909, -57px 57px #090909, -58px 58px #090909, -59px 59px #090909, -60px 60px #090909, -61px 61px #090909, -62px 62px #090909, -63px 63px #090909, -64px 64px #090909, -65px 65px #090909, -66px 66px #090909, -67px 67px #090909, -68px 68px #090909, -69px 69px #090909, -70px 70px #090909, -71px 71px #090909, -72px 72px #090909, -73px 73px #090909, -74px 74px #090909, -75px 75px #090909, -76px 76px #090909, -77px 77px #090909, -78px 78px #090909, -79px 79px #090909, -80px 80px #090909, -81px 81px #090909, -82px 82px #090909, -83px 83px #090909, -84px 84px #090909, -85px 85px #090909; -} - -.button-longshadow-left.button-inverse:active, -.button-longshadow-left.button-inverse.active, -.button-longshadow-left.button-inverse.is-active { - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); -} - -.button-longshadow-left.button-action { - text-shadow: 0px 0px #8bc220, -1px 1px #8bc220, -2px 2px #8bc220, -3px 3px #8bc220, -4px 4px #8bc220, -5px 5px #8bc220, -6px 6px #8bc220, -7px 7px #8bc220, -8px 8px #8bc220, -9px 9px #8bc220, -10px 10px #8bc220, -11px 11px #8bc220, -12px 12px #8bc220, -13px 13px #8bc220, -14px 14px #8bc220, -15px 15px #8bc220, -16px 16px #8bc220, -17px 17px #8bc220, -18px 18px #8bc220, -19px 19px #8bc220, -20px 20px #8bc220, -21px 21px #8bc220, -22px 22px #8bc220, -23px 23px #8bc220, -24px 24px #8bc220, -25px 25px #8bc220, -26px 26px #8bc220, -27px 27px #8bc220, -28px 28px #8bc220, -29px 29px #8bc220, -30px 30px #8bc220, -31px 31px #8bc220, -32px 32px #8bc220, -33px 33px #8bc220, -34px 34px #8bc220, -35px 35px #8bc220, -36px 36px #8bc220, -37px 37px #8bc220, -38px 38px #8bc220, -39px 39px #8bc220, -40px 40px #8bc220, -41px 41px #8bc220, -42px 42px #8bc220, -43px 43px #8bc220, -44px 44px #8bc220, -45px 45px #8bc220, -46px 46px #8bc220, -47px 47px #8bc220, -48px 48px #8bc220, -49px 49px #8bc220, -50px 50px #8bc220, -51px 51px #8bc220, -52px 52px #8bc220, -53px 53px #8bc220, -54px 54px #8bc220, -55px 55px #8bc220, -56px 56px #8bc220, -57px 57px #8bc220, -58px 58px #8bc220, -59px 59px #8bc220, -60px 60px #8bc220, -61px 61px #8bc220, -62px 62px #8bc220, -63px 63px #8bc220, -64px 64px #8bc220, -65px 65px #8bc220, -66px 66px #8bc220, -67px 67px #8bc220, -68px 68px #8bc220, -69px 69px #8bc220, -70px 70px #8bc220, -71px 71px #8bc220, -72px 72px #8bc220, -73px 73px #8bc220, -74px 74px #8bc220, -75px 75px #8bc220, -76px 76px #8bc220, -77px 77px #8bc220, -78px 78px #8bc220, -79px 79px #8bc220, -80px 80px #8bc220, -81px 81px #8bc220, -82px 82px #8bc220, -83px 83px #8bc220, -84px 84px #8bc220, -85px 85px #8bc220; -} - -.button-longshadow-left.button-action:active, -.button-longshadow-left.button-action.active, -.button-longshadow-left.button-action.is-active { - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); -} - -.button-longshadow-left.button-highlight { - text-shadow: 0px 0px #e59501, -1px 1px #e59501, -2px 2px #e59501, -3px 3px #e59501, -4px 4px #e59501, -5px 5px #e59501, -6px 6px #e59501, -7px 7px #e59501, -8px 8px #e59501, -9px 9px #e59501, -10px 10px #e59501, -11px 11px #e59501, -12px 12px #e59501, -13px 13px #e59501, -14px 14px #e59501, -15px 15px #e59501, -16px 16px #e59501, -17px 17px #e59501, -18px 18px #e59501, -19px 19px #e59501, -20px 20px #e59501, -21px 21px #e59501, -22px 22px #e59501, -23px 23px #e59501, -24px 24px #e59501, -25px 25px #e59501, -26px 26px #e59501, -27px 27px #e59501, -28px 28px #e59501, -29px 29px #e59501, -30px 30px #e59501, -31px 31px #e59501, -32px 32px #e59501, -33px 33px #e59501, -34px 34px #e59501, -35px 35px #e59501, -36px 36px #e59501, -37px 37px #e59501, -38px 38px #e59501, -39px 39px #e59501, -40px 40px #e59501, -41px 41px #e59501, -42px 42px #e59501, -43px 43px #e59501, -44px 44px #e59501, -45px 45px #e59501, -46px 46px #e59501, -47px 47px #e59501, -48px 48px #e59501, -49px 49px #e59501, -50px 50px #e59501, -51px 51px #e59501, -52px 52px #e59501, -53px 53px #e59501, -54px 54px #e59501, -55px 55px #e59501, -56px 56px #e59501, -57px 57px #e59501, -58px 58px #e59501, -59px 59px #e59501, -60px 60px #e59501, -61px 61px #e59501, -62px 62px #e59501, -63px 63px #e59501, -64px 64px #e59501, -65px 65px #e59501, -66px 66px #e59501, -67px 67px #e59501, -68px 68px #e59501, -69px 69px #e59501, -70px 70px #e59501, -71px 71px #e59501, -72px 72px #e59501, -73px 73px #e59501, -74px 74px #e59501, -75px 75px #e59501, -76px 76px #e59501, -77px 77px #e59501, -78px 78px #e59501, -79px 79px #e59501, -80px 80px #e59501, -81px 81px #e59501, -82px 82px #e59501, -83px 83px #e59501, -84px 84px #e59501, -85px 85px #e59501; -} - -.button-longshadow-left.button-highlight:active, -.button-longshadow-left.button-highlight.active, -.button-longshadow-left.button-highlight.is-active { - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); -} - -.button-longshadow-left.button-caution { - text-shadow: 0px 0px #ff1022, -1px 1px #ff1022, -2px 2px #ff1022, -3px 3px #ff1022, -4px 4px #ff1022, -5px 5px #ff1022, -6px 6px #ff1022, -7px 7px #ff1022, -8px 8px #ff1022, -9px 9px #ff1022, -10px 10px #ff1022, -11px 11px #ff1022, -12px 12px #ff1022, -13px 13px #ff1022, -14px 14px #ff1022, -15px 15px #ff1022, -16px 16px #ff1022, -17px 17px #ff1022, -18px 18px #ff1022, -19px 19px #ff1022, -20px 20px #ff1022, -21px 21px #ff1022, -22px 22px #ff1022, -23px 23px #ff1022, -24px 24px #ff1022, -25px 25px #ff1022, -26px 26px #ff1022, -27px 27px #ff1022, -28px 28px #ff1022, -29px 29px #ff1022, -30px 30px #ff1022, -31px 31px #ff1022, -32px 32px #ff1022, -33px 33px #ff1022, -34px 34px #ff1022, -35px 35px #ff1022, -36px 36px #ff1022, -37px 37px #ff1022, -38px 38px #ff1022, -39px 39px #ff1022, -40px 40px #ff1022, -41px 41px #ff1022, -42px 42px #ff1022, -43px 43px #ff1022, -44px 44px #ff1022, -45px 45px #ff1022, -46px 46px #ff1022, -47px 47px #ff1022, -48px 48px #ff1022, -49px 49px #ff1022, -50px 50px #ff1022, -51px 51px #ff1022, -52px 52px #ff1022, -53px 53px #ff1022, -54px 54px #ff1022, -55px 55px #ff1022, -56px 56px #ff1022, -57px 57px #ff1022, -58px 58px #ff1022, -59px 59px #ff1022, -60px 60px #ff1022, -61px 61px #ff1022, -62px 62px #ff1022, -63px 63px #ff1022, -64px 64px #ff1022, -65px 65px #ff1022, -66px 66px #ff1022, -67px 67px #ff1022, -68px 68px #ff1022, -69px 69px #ff1022, -70px 70px #ff1022, -71px 71px #ff1022, -72px 72px #ff1022, -73px 73px #ff1022, -74px 74px #ff1022, -75px 75px #ff1022, -76px 76px #ff1022, -77px 77px #ff1022, -78px 78px #ff1022, -79px 79px #ff1022, -80px 80px #ff1022, -81px 81px #ff1022, -82px 82px #ff1022, -83px 83px #ff1022, -84px 84px #ff1022, -85px 85px #ff1022; -} - -.button-longshadow-left.button-caution:active, -.button-longshadow-left.button-caution.active, -.button-longshadow-left.button-caution.is-active { - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); -} - -.button-longshadow-left.button-royal { - text-shadow: 0px 0px #5246e2, -1px 1px #5246e2, -2px 2px #5246e2, -3px 3px #5246e2, -4px 4px #5246e2, -5px 5px #5246e2, -6px 6px #5246e2, -7px 7px #5246e2, -8px 8px #5246e2, -9px 9px #5246e2, -10px 10px #5246e2, -11px 11px #5246e2, -12px 12px #5246e2, -13px 13px #5246e2, -14px 14px #5246e2, -15px 15px #5246e2, -16px 16px #5246e2, -17px 17px #5246e2, -18px 18px #5246e2, -19px 19px #5246e2, -20px 20px #5246e2, -21px 21px #5246e2, -22px 22px #5246e2, -23px 23px #5246e2, -24px 24px #5246e2, -25px 25px #5246e2, -26px 26px #5246e2, -27px 27px #5246e2, -28px 28px #5246e2, -29px 29px #5246e2, -30px 30px #5246e2, -31px 31px #5246e2, -32px 32px #5246e2, -33px 33px #5246e2, -34px 34px #5246e2, -35px 35px #5246e2, -36px 36px #5246e2, -37px 37px #5246e2, -38px 38px #5246e2, -39px 39px #5246e2, -40px 40px #5246e2, -41px 41px #5246e2, -42px 42px #5246e2, -43px 43px #5246e2, -44px 44px #5246e2, -45px 45px #5246e2, -46px 46px #5246e2, -47px 47px #5246e2, -48px 48px #5246e2, -49px 49px #5246e2, -50px 50px #5246e2, -51px 51px #5246e2, -52px 52px #5246e2, -53px 53px #5246e2, -54px 54px #5246e2, -55px 55px #5246e2, -56px 56px #5246e2, -57px 57px #5246e2, -58px 58px #5246e2, -59px 59px #5246e2, -60px 60px #5246e2, -61px 61px #5246e2, -62px 62px #5246e2, -63px 63px #5246e2, -64px 64px #5246e2, -65px 65px #5246e2, -66px 66px #5246e2, -67px 67px #5246e2, -68px 68px #5246e2, -69px 69px #5246e2, -70px 70px #5246e2, -71px 71px #5246e2, -72px 72px #5246e2, -73px 73px #5246e2, -74px 74px #5246e2, -75px 75px #5246e2, -76px 76px #5246e2, -77px 77px #5246e2, -78px 78px #5246e2, -79px 79px #5246e2, -80px 80px #5246e2, -81px 81px #5246e2, -82px 82px #5246e2, -83px 83px #5246e2, -84px 84px #5246e2, -85px 85px #5246e2; -} - -.button-longshadow-left.button-royal:active, -.button-longshadow-left.button-royal.active, -.button-longshadow-left.button-royal.is-active { - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); -} - - -/* -* Button Sizes -* -* This file creates the various button sizes -* (ex. .button-large, .button-small, etc.) -*/ - -.button-giant { - font-size: 28px; - height: 70px; - line-height: 70px; - padding: 0 70px; -} - -.button-jumbo { - font-size: 24px; - height: 60px; - line-height: 60px; - padding: 0 60px; -} - -.button-large { - font-size: 20px; - height: 50px; - line-height: 50px; - padding: 0 50px; -} - -.button-normal { - font-size: 16px; - height: 40px; - line-height: 40px; - padding: 0 40px; -} - -.button-small { - font-size: 12px; - height: 30px; - line-height: 30px; - padding: 0 30px; -} - -.button-tiny { - font-size: 9.6px; - height: 24px; - line-height: 24px; - padding: 0 24px; -} \ No newline at end of file diff --git a/assets/css_firepress/css_unicorn/buttons.min.css b/assets/css_firepress/css_unicorn/buttons.min.css deleted file mode 100755 index a2b619a..0000000 --- a/assets/css_firepress/css_unicorn/buttons.min.css +++ /dev/null @@ -1 +0,0 @@ -.button{color:#666;background-color:#eee;border-color:#eee;font-weight:300;font-size:16px;font-family:"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;text-decoration:none;text-align:center;line-height:40px;height:40px;padding:0 40px;margin:0;display:inline-block;appearance:none;cursor:pointer;border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.3s;transition-duration:.3s;margin-top:15px}.button:visited{color:#666}.button:hover,.button:focus{background-color:#f6f6f6;text-decoration:none;outline:none}.button:active,.button.active,.button.is-active{text-shadow:0 1px 0 rgba(255,255,255,0.3);text-decoration:none;background-color:#eee;border-color:#cfcfcf;color:#d4d4d4;-webkit-transition-duration:0;transition-duration:0;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.2);box-shadow:inset 0 1px 3px rgba(0,0,0,0.2)}.button.disabled,.button.is-disabled,.button:disabled{top:0!important;background:#EEE!important;border:1px solid #DDD!important;text-shadow:0 1px 1px #fff!important;color:#CCC!important;cursor:default!important;appearance:none!important}.button.disabled else,.button.is-disabled else,.button:disabled else{-webkit-box-shadow:none!important;box-shadow:none!important;opacity:.8!important}.button-uppercase{text-transform:uppercase}.button-lowercase{text-transform:lowercase}.button-capitalize{text-transform:capitalize}.button-small-caps{font-variant:small-caps}.button-icon-txt-large{font-size:36px!important}.button-width-small{padding:0 10px!important}.button-primary,.button-primary-flat{background-color:#1b9af7;border-color:#1b9af7;color:#fff}.button-primary:visited,.button-primary-flat:visited{color:#fff}.button-primary:hover,.button-primary:focus,.button-primary-flat:hover,.button-primary-flat:focus{background-color:#4cb0f9;border-color:#4cb0f9;color:#fff}.button-primary:active,.button-primary.active,.button-primary.is-active,.button-primary-flat:active,.button-primary-flat.active,.button-primary-flat.is-active{background-color:#2798eb;border-color:#2798eb;color:#0880d7}.button-plain,.button-plain-flat{background-color:#fff;border-color:#fff;color:#1b9af7}.button-plain:visited,.button-plain-flat:visited{color:#1b9af7}.button-plain:hover,.button-plain:focus,.button-plain-flat:hover,.button-plain-flat:focus{background-color:#fff;border-color:#fff;color:#1b9af7}.button-plain:active,.button-plain.active,.button-plain.is-active,.button-plain-flat:active,.button-plain-flat.active,.button-plain-flat.is-active{background-color:#fff;border-color:#fff;color:#e6e6e6}.button-inverse,.button-inverse-flat{background-color:#222;border-color:#222;color:#eee}.button-inverse:visited,.button-inverse-flat:visited{color:#eee}.button-inverse:hover,.button-inverse:focus,.button-inverse-flat:hover,.button-inverse-flat:focus{background-color:#3c3c3c;border-color:#3c3c3c;color:#eee}.button-inverse:active,.button-inverse.active,.button-inverse.is-active,.button-inverse-flat:active,.button-inverse-flat.active,.button-inverse-flat.is-active{background-color:#222;border-color:#222;color:#090909}.button-action,.button-action-flat{background-color:#a5de37;border-color:#a5de37;color:#fff}.button-action:visited,.button-action-flat:visited{color:#fff}.button-action:hover,.button-action:focus,.button-action-flat:hover,.button-action-flat:focus{background-color:#b9e563;border-color:#b9e563;color:#fff}.button-action:active,.button-action.active,.button-action.is-active,.button-action-flat:active,.button-action-flat.active,.button-action-flat.is-active{background-color:#a1d243;border-color:#a1d243;color:#8bc220}.button-highlight,.button-highlight-flat{background-color:#feae1b;border-color:#feae1b;color:#fff}.button-highlight:visited,.button-highlight-flat:visited{color:#fff}.button-highlight:hover,.button-highlight:focus,.button-highlight-flat:hover,.button-highlight-flat:focus{background-color:#fec04e;border-color:#fec04e;color:#fff}.button-highlight:active,.button-highlight.active,.button-highlight.is-active,.button-highlight-flat:active,.button-highlight-flat.active,.button-highlight-flat.is-active{background-color:#f3ab26;border-color:#f3ab26;color:#e59501}.button-caution,.button-caution-flat{background-color:#ff4351;border-color:#ff4351;color:#fff}.button-caution:visited,.button-caution-flat:visited{color:#fff}.button-caution:hover,.button-caution:focus,.button-caution-flat:hover,.button-caution-flat:focus{background-color:#ff7680;border-color:#ff7680;color:#fff}.button-caution:active,.button-caution.active,.button-caution.is-active,.button-caution-flat:active,.button-caution-flat.active,.button-caution-flat.is-active{background-color:#f64c59;border-color:#f64c59;color:#ff1022}.button-royal,.button-royal-flat{background-color:#7b72e9;border-color:#7b72e9;color:#fff}.button-royal:visited,.button-royal-flat:visited{color:#fff}.button-royal:hover,.button-royal:focus,.button-royal-flat:hover,.button-royal-flat:focus{background-color:#a49ef0;border-color:#a49ef0;color:#fff}.button-royal:active,.button-royal.active,.button-royal.is-active,.button-royal-flat:active,.button-royal-flat.active,.button-royal-flat.is-active{background-color:#827ae1;border-color:#827ae1;color:#5246e2}.button-block,.button-stacked{display:block}.button-square{border-radius:0}.button-box{border-radius:10px}.button-rounded{border-radius:4px}.button-pill{border-radius:200px}.button-circle{border-radius:100%}.button-circle,.button-box,.button-square{padding:0!important;width:40px}.button-circle.button-giant,.button-box.button-giant,.button-square.button-giant{width:70px}.button-circle.button-jumbo,.button-box.button-jumbo,.button-square.button-jumbo{width:60px}.button-circle.button-large,.button-box.button-large,.button-square.button-large{width:50px}.button-circle.button-normal,.button-box.button-normal,.button-square.button-normal{width:40px}.button-circle.button-small,.button-box.button-small,.button-square.button-small{width:30px}.button-circle.button-tiny,.button-box.button-tiny,.button-square.button-tiny{width:24px}.button-border,.button-border-thin,.button-border-thick{background:none;border-width:2px;border-style:solid;line-height:36px}.button-border:hover,.button-border-thin:hover,.button-border-thick:hover{background-color:rgba(255,255,255,0.9)}.button-border:active,.button-border-thin:active,.button-border-thick:active,.button-border.active,.active.button-border-thin,.active.button-border-thick,.button-border.is-active,.is-active.button-border-thin,.is-active.button-border-thick{-webkit-box-shadow:none;box-shadow:none;text-shadow:none;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.3s;transition-duration:.3s}.button-border-thin{border-width:1px}.button-border-thick{border-width:3px}.button-border.button-primary,.button-primary.button-border-thin,.button-primary.button-border-thick,.button-border-thin.button-primary,.button-border-thick.button-primary{color:#1b9af7}.button-border.button-primary:hover,.button-primary.button-border-thin:hover,.button-primary.button-border-thick:hover,.button-border.button-primary:focus,.button-primary.button-border-thin:focus,.button-primary.button-border-thick:focus,.button-border-thin.button-primary:hover,.button-border-thin.button-primary:focus,.button-border-thick.button-primary:hover,.button-border-thick.button-primary:focus{background-color:rgba(76,176,249,0.9);color:rgba(255,255,255,0.9)}.button-border.button-primary:active,.button-primary.button-border-thin:active,.button-primary.button-border-thick:active,.button-border.button-primary.active,.button-primary.active.button-border-thin,.button-primary.active.button-border-thick,.button-border.button-primary.is-active,.button-primary.is-active.button-border-thin,.button-primary.is-active.button-border-thick,.button-border-thin.button-primary:active,.button-border-thin.button-primary.active,.button-border-thin.button-primary.is-active,.button-border-thick.button-primary:active,.button-border-thick.button-primary.active,.button-border-thick.button-primary.is-active{background-color:rgba(39,152,235,0.7);color:rgba(255,255,255,0.5);opacity:.3}.button-border.button-plain,.button-plain.button-border-thin,.button-plain.button-border-thick,.button-border-thin.button-plain,.button-border-thick.button-plain{color:#fff}.button-border.button-plain:hover,.button-plain.button-border-thin:hover,.button-plain.button-border-thick:hover,.button-border.button-plain:focus,.button-plain.button-border-thin:focus,.button-plain.button-border-thick:focus,.button-border-thin.button-plain:hover,.button-border-thin.button-plain:focus,.button-border-thick.button-plain:hover,.button-border-thick.button-plain:focus{background-color:rgba(255,255,255,0.9);color:rgba(27,154,247,0.9)}.button-border.button-plain:active,.button-plain.button-border-thin:active,.button-plain.button-border-thick:active,.button-border.button-plain.active,.button-plain.active.button-border-thin,.button-plain.active.button-border-thick,.button-border.button-plain.is-active,.button-plain.is-active.button-border-thin,.button-plain.is-active.button-border-thick,.button-border-thin.button-plain:active,.button-border-thin.button-plain.active,.button-border-thin.button-plain.is-active,.button-border-thick.button-plain:active,.button-border-thick.button-plain.active,.button-border-thick.button-plain.is-active{background-color:rgba(255,255,255,0.7);color:rgba(27,154,247,0.5);opacity:.3}.button-border.button-inverse,.button-inverse.button-border-thin,.button-inverse.button-border-thick,.button-border-thin.button-inverse,.button-border-thick.button-inverse{color:#222}.button-border.button-inverse:hover,.button-inverse.button-border-thin:hover,.button-inverse.button-border-thick:hover,.button-border.button-inverse:focus,.button-inverse.button-border-thin:focus,.button-inverse.button-border-thick:focus,.button-border-thin.button-inverse:hover,.button-border-thin.button-inverse:focus,.button-border-thick.button-inverse:hover,.button-border-thick.button-inverse:focus{background-color:rgba(60,60,60,0.9);color:rgba(238,238,238,0.9)}.button-border.button-inverse:active,.button-inverse.button-border-thin:active,.button-inverse.button-border-thick:active,.button-border.button-inverse.active,.button-inverse.active.button-border-thin,.button-inverse.active.button-border-thick,.button-border.button-inverse.is-active,.button-inverse.is-active.button-border-thin,.button-inverse.is-active.button-border-thick,.button-border-thin.button-inverse:active,.button-border-thin.button-inverse.active,.button-border-thin.button-inverse.is-active,.button-border-thick.button-inverse:active,.button-border-thick.button-inverse.active,.button-border-thick.button-inverse.is-active{background-color:rgba(34,34,34,0.7);color:rgba(238,238,238,0.5);opacity:.3}.button-border.button-action,.button-action.button-border-thin,.button-action.button-border-thick,.button-border-thin.button-action,.button-border-thick.button-action{color:#a5de37}.button-border.button-action:hover,.button-action.button-border-thin:hover,.button-action.button-border-thick:hover,.button-border.button-action:focus,.button-action.button-border-thin:focus,.button-action.button-border-thick:focus,.button-border-thin.button-action:hover,.button-border-thin.button-action:focus,.button-border-thick.button-action:hover,.button-border-thick.button-action:focus{background-color:rgba(185,229,99,0.9);color:rgba(255,255,255,0.9)}.button-border.button-action:active,.button-action.button-border-thin:active,.button-action.button-border-thick:active,.button-border.button-action.active,.button-action.active.button-border-thin,.button-action.active.button-border-thick,.button-border.button-action.is-active,.button-action.is-active.button-border-thin,.button-action.is-active.button-border-thick,.button-border-thin.button-action:active,.button-border-thin.button-action.active,.button-border-thin.button-action.is-active,.button-border-thick.button-action:active,.button-border-thick.button-action.active,.button-border-thick.button-action.is-active{background-color:rgba(161,210,67,0.7);color:rgba(255,255,255,0.5);opacity:.3}.button-border.button-highlight,.button-highlight.button-border-thin,.button-highlight.button-border-thick,.button-border-thin.button-highlight,.button-border-thick.button-highlight{color:#feae1b}.button-border.button-highlight:hover,.button-highlight.button-border-thin:hover,.button-highlight.button-border-thick:hover,.button-border.button-highlight:focus,.button-highlight.button-border-thin:focus,.button-highlight.button-border-thick:focus,.button-border-thin.button-highlight:hover,.button-border-thin.button-highlight:focus,.button-border-thick.button-highlight:hover,.button-border-thick.button-highlight:focus{background-color:rgba(254,192,78,0.9);color:rgba(255,255,255,0.9)}.button-border.button-highlight:active,.button-highlight.button-border-thin:active,.button-highlight.button-border-thick:active,.button-border.button-highlight.active,.button-highlight.active.button-border-thin,.button-highlight.active.button-border-thick,.button-border.button-highlight.is-active,.button-highlight.is-active.button-border-thin,.button-highlight.is-active.button-border-thick,.button-border-thin.button-highlight:active,.button-border-thin.button-highlight.active,.button-border-thin.button-highlight.is-active,.button-border-thick.button-highlight:active,.button-border-thick.button-highlight.active,.button-border-thick.button-highlight.is-active{background-color:rgba(243,171,38,0.7);color:rgba(255,255,255,0.5);opacity:.3}.button-border.button-caution,.button-caution.button-border-thin,.button-caution.button-border-thick,.button-border-thin.button-caution,.button-border-thick.button-caution{color:#ff4351}.button-border.button-caution:hover,.button-caution.button-border-thin:hover,.button-caution.button-border-thick:hover,.button-border.button-caution:focus,.button-caution.button-border-thin:focus,.button-caution.button-border-thick:focus,.button-border-thin.button-caution:hover,.button-border-thin.button-caution:focus,.button-border-thick.button-caution:hover,.button-border-thick.button-caution:focus{background-color:rgba(255,118,128,0.9);color:rgba(255,255,255,0.9)}.button-border.button-caution:active,.button-caution.button-border-thin:active,.button-caution.button-border-thick:active,.button-border.button-caution.active,.button-caution.active.button-border-thin,.button-caution.active.button-border-thick,.button-border.button-caution.is-active,.button-caution.is-active.button-border-thin,.button-caution.is-active.button-border-thick,.button-border-thin.button-caution:active,.button-border-thin.button-caution.active,.button-border-thin.button-caution.is-active,.button-border-thick.button-caution:active,.button-border-thick.button-caution.active,.button-border-thick.button-caution.is-active{background-color:rgba(246,76,89,0.7);color:rgba(255,255,255,0.5);opacity:.3}.button-border.button-royal,.button-royal.button-border-thin,.button-royal.button-border-thick,.button-border-thin.button-royal,.button-border-thick.button-royal{color:#7b72e9}.button-border.button-royal:hover,.button-royal.button-border-thin:hover,.button-royal.button-border-thick:hover,.button-border.button-royal:focus,.button-royal.button-border-thin:focus,.button-royal.button-border-thick:focus,.button-border-thin.button-royal:hover,.button-border-thin.button-royal:focus,.button-border-thick.button-royal:hover,.button-border-thick.button-royal:focus{background-color:rgba(164,158,240,0.9);color:rgba(255,255,255,0.9)}.button-border.button-royal:active,.button-royal.button-border-thin:active,.button-royal.button-border-thick:active,.button-border.button-royal.active,.button-royal.active.button-border-thin,.button-royal.active.button-border-thick,.button-border.button-royal.is-active,.button-royal.is-active.button-border-thin,.button-royal.is-active.button-border-thick,.button-border-thin.button-royal:active,.button-border-thin.button-royal.active,.button-border-thin.button-royal.is-active,.button-border-thick.button-royal:active,.button-border-thick.button-royal.active,.button-border-thick.button-royal.is-active{background-color:rgba(130,122,225,0.7);color:rgba(255,255,255,0.5);opacity:.3}.button-border.button-giant,.button-giant.button-border-thin,.button-giant.button-border-thick,.button-border-thin.button-giant,.button-border-thick.button-giant{line-height:66px}.button-border.button-jumbo,.button-jumbo.button-border-thin,.button-jumbo.button-border-thick,.button-border-thin.button-jumbo,.button-border-thick.button-jumbo{line-height:56px}.button-border.button-large,.button-large.button-border-thin,.button-large.button-border-thick,.button-border-thin.button-large,.button-border-thick.button-large{line-height:46px}.button-border.button-normal,.button-normal.button-border-thin,.button-normal.button-border-thick,.button-border-thin.button-normal,.button-border-thick.button-normal{line-height:36px}.button-border.button-small,.button-small.button-border-thin,.button-small.button-border-thick,.button-border-thin.button-small,.button-border-thick.button-small{line-height:26px}.button-border.button-tiny,.button-tiny.button-border-thin,.button-tiny.button-border-thick,.button-border-thin.button-tiny,.button-border-thick.button-tiny{line-height:20px}.button-borderless{background:none;border:none;padding:0 8px!important;color:#eee;font-size:20.8px;font-weight:200}.button-borderless:hover,.button-borderless:focus{background:none}.button-borderless:active,.button-borderless.active,.button-borderless.is-active{-webkit-box-shadow:none;box-shadow:none;text-shadow:none;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.3s;transition-duration:.3s;opacity:.3}.button-borderless.button-primary{color:#1b9af7}.button-borderless.button-plain{color:#fff}.button-borderless.button-inverse{color:#222}.button-borderless.button-action{color:#a5de37}.button-borderless.button-highlight{color:#feae1b}.button-borderless.button-caution{color:#ff4351}.button-borderless.button-royal{color:#7b72e9}.button-borderless.button-giant{font-size:36.4px;height:52.4px;line-height:52.4px}.button-borderless.button-jumbo{font-size:31.2px;height:47.2px;line-height:47.2px}.button-borderless.button-large{font-size:26px;height:42px;line-height:42px}.button-borderless.button-normal{font-size:20.8px;height:36.8px;line-height:36.8px}.button-borderless.button-small{font-size:15.6px;height:31.6px;line-height:31.6px}.button-borderless.button-tiny{font-size:12.48px;height:28.48px;line-height:28.48px}.button-raised{border-color:#e1e1e1;border-style:solid;border-width:1px;line-height:38px;background:-webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#e1e1e1));background:linear-gradient(#f6f6f6,#e1e1e1);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.15);box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.15)}.button-raised:hover,.button-raised:focus{background:-webkit-gradient(linear,left top,left bottom,from(white),to(gainsboro));background:linear-gradient(top,white,gainsboro)}.button-raised:active,.button-raised.active,.button-raised.is-active{background:#eee;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.2),0 1px 0 #fff;box-shadow:inset 0 1px 3px rgba(0,0,0,0.2),0 1px 0 #fff}.button-raised.button-primary{border-color:#088ef0;background:-webkit-gradient(linear,left top,left bottom,from(#34a5f8),to(#088ef0));background:linear-gradient(#34a5f8,#088ef0)}.button-raised.button-primary:hover,.button-raised.button-primary:focus{background:-webkit-gradient(linear,left top,left bottom,from(#42abf8),to(#0888e6));background:linear-gradient(top,#42abf8,#0888e6)}.button-raised.button-primary:active,.button-raised.button-primary.active,.button-raised.button-primary.is-active{border-color:#0880d7;background:#2798eb}.button-raised.button-plain{border-color:#f2f2f2;background:-webkit-gradient(linear,left top,left bottom,from(white),to(#f2f2f2));background:linear-gradient(white,#f2f2f2)}.button-raised.button-plain:hover,.button-raised.button-plain:focus{background:-webkit-gradient(linear,left top,left bottom,from(white),to(#ededed));background:linear-gradient(top,white,#ededed)}.button-raised.button-plain:active,.button-raised.button-plain.active,.button-raised.button-plain.is-active{border-color:#e6e6e6;background:#fff}.button-raised.button-inverse{border-color:#151515;background:-webkit-gradient(linear,left top,left bottom,from(#2f2f2f),to(#151515));background:linear-gradient(#2f2f2f,#151515)}.button-raised.button-inverse:hover,.button-raised.button-inverse:focus{background:-webkit-gradient(linear,left top,left bottom,from(#363636),to(#101010));background:linear-gradient(top,#363636,#101010)}.button-raised.button-inverse:active,.button-raised.button-inverse.active,.button-raised.button-inverse.is-active{border-color:#090909;background:#222}.button-raised.button-action{border-color:#9ad824;background:-webkit-gradient(linear,left top,left bottom,from(#afe24d),to(#9ad824));background:linear-gradient(#afe24d,#9ad824)}.button-raised.button-action:hover,.button-raised.button-action:focus{background:-webkit-gradient(linear,left top,left bottom,from(#b5e45a),to(#94cf22));background:linear-gradient(top,#b5e45a,#94cf22)}.button-raised.button-action:active,.button-raised.button-action.active,.button-raised.button-action.is-active{border-color:#8bc220;background:#a1d243}.button-raised.button-highlight{border-color:#fea502;background:-webkit-gradient(linear,left top,left bottom,from(#feb734),to(#fea502));background:linear-gradient(#feb734,#fea502)}.button-raised.button-highlight:hover,.button-raised.button-highlight:focus{background:-webkit-gradient(linear,left top,left bottom,from(#febc44),to(#f49f01));background:linear-gradient(top,#febc44,#f49f01)}.button-raised.button-highlight:active,.button-raised.button-highlight.active,.button-raised.button-highlight.is-active{border-color:#e59501;background:#f3ab26}.button-raised.button-caution{border-color:#ff2939;background:-webkit-gradient(linear,left top,left bottom,from(#ff5c69),to(#ff2939));background:linear-gradient(#ff5c69,#ff2939)}.button-raised.button-caution:hover,.button-raised.button-caution:focus{background:-webkit-gradient(linear,left top,left bottom,from(#ff6c77),to(#ff1f30));background:linear-gradient(top,#ff6c77,#ff1f30)}.button-raised.button-caution:active,.button-raised.button-caution.active,.button-raised.button-caution.is-active{border-color:#ff1022;background:#f64c59}.button-raised.button-royal{border-color:#665ce6;background:-webkit-gradient(linear,left top,left bottom,from(#9088ec),to(#665ce6));background:linear-gradient(#9088ec,#665ce6)}.button-raised.button-royal:hover,.button-raised.button-royal:focus{background:-webkit-gradient(linear,left top,left bottom,from(#9c95ef),to(#5e53e4));background:linear-gradient(top,#9c95ef,#5e53e4)}.button-raised.button-royal:active,.button-raised.button-royal.active,.button-raised.button-royal.is-active{border-color:#5246e2;background:#827ae1}.button-3d{position:relative;top:0;-webkit-box-shadow:0 7px 0 #bbbbbb,0 8px 3px rgba(0,0,0,0.2);box-shadow:0 7px 0 #bbbbbb,0 8px 3px rgba(0,0,0,0.2)}.button-3d:hover,.button-3d:focus{-webkit-box-shadow:0 7px 0 #bbbbbb,0 8px 3px rgba(0,0,0,0.2);box-shadow:0 7px 0 #bbbbbb,0 8px 3px rgba(0,0,0,0.2)}.button-3d:active,.button-3d.active,.button-3d.is-active{top:5px;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-box-shadow:0 2px 0 #bbbbbb,0 3px 3px rgba(0,0,0,0.2);box-shadow:0 2px 0 #bbbbbb,0 3px 3px rgba(0,0,0,0.2)}.button-3d.button-primary{-webkit-box-shadow:0 7px 0 #0880d7,0 8px 3px rgba(0,0,0,0.3);box-shadow:0 7px 0 #0880d7,0 8px 3px rgba(0,0,0,0.3)}.button-3d.button-primary:hover,.button-3d.button-primary:focus{-webkit-box-shadow:0 7px 0 #077ace,0 8px 3px rgba(0,0,0,0.3);box-shadow:0 7px 0 #077ace,0 8px 3px rgba(0,0,0,0.3)}.button-3d.button-primary:active,.button-3d.button-primary.active,.button-3d.button-primary.is-active{-webkit-box-shadow:0 2px 0 #0662a6,0 3px 3px rgba(0,0,0,0.2);box-shadow:0 2px 0 #0662a6,0 3px 3px rgba(0,0,0,0.2)}.button-3d.button-plain{-webkit-box-shadow:0 7px 0 #e6e6e6,0 8px 3px rgba(0,0,0,0.3);box-shadow:0 7px 0 #e6e6e6,0 8px 3px rgba(0,0,0,0.3)}.button-3d.button-plain:hover,.button-3d.button-plain:focus{-webkit-box-shadow:0 7px 0 #e0e0e0,0 8px 3px rgba(0,0,0,0.3);box-shadow:0 7px 0 #e0e0e0,0 8px 3px rgba(0,0,0,0.3)}.button-3d.button-plain:active,.button-3d.button-plain.active,.button-3d.button-plain.is-active{-webkit-box-shadow:0 2px 0 #cccccc,0 3px 3px rgba(0,0,0,0.2);box-shadow:0 2px 0 #cccccc,0 3px 3px rgba(0,0,0,0.2)}.button-3d.button-inverse{-webkit-box-shadow:0 7px 0 #090909,0 8px 3px rgba(0,0,0,0.3);box-shadow:0 7px 0 #090909,0 8px 3px rgba(0,0,0,0.3)}.button-3d.button-inverse:hover,.button-3d.button-inverse:focus{-webkit-box-shadow:0 7px 0 #030303,0 8px 3px rgba(0,0,0,0.3);box-shadow:0 7px 0 #030303,0 8px 3px rgba(0,0,0,0.3)}.button-3d.button-inverse:active,.button-3d.button-inverse.active,.button-3d.button-inverse.is-active{-webkit-box-shadow:0 2px 0 black,0 3px 3px rgba(0,0,0,0.2);box-shadow:0 2px 0 black,0 3px 3px rgba(0,0,0,0.2)}.button-3d.button-action{-webkit-box-shadow:0 7px 0 #8bc220,0 8px 3px rgba(0,0,0,0.3);box-shadow:0 7px 0 #8bc220,0 8px 3px rgba(0,0,0,0.3)}.button-3d.button-action:hover,.button-3d.button-action:focus{-webkit-box-shadow:0 7px 0 #84b91f,0 8px 3px rgba(0,0,0,0.3);box-shadow:0 7px 0 #84b91f,0 8px 3px rgba(0,0,0,0.3)}.button-3d.button-action:active,.button-3d.button-action.active,.button-3d.button-action.is-active{-webkit-box-shadow:0 2px 0 #6b9619,0 3px 3px rgba(0,0,0,0.2);box-shadow:0 2px 0 #6b9619,0 3px 3px rgba(0,0,0,0.2)}.button-3d.button-highlight{-webkit-box-shadow:0 7px 0 #e59501,0 8px 3px rgba(0,0,0,0.3);box-shadow:0 7px 0 #e59501,0 8px 3px rgba(0,0,0,0.3)}.button-3d.button-highlight:hover,.button-3d.button-highlight:focus{-webkit-box-shadow:0 7px 0 #db8e01,0 8px 3px rgba(0,0,0,0.3);box-shadow:0 7px 0 #db8e01,0 8px 3px rgba(0,0,0,0.3)}.button-3d.button-highlight:active,.button-3d.button-highlight.active,.button-3d.button-highlight.is-active{-webkit-box-shadow:0 2px 0 #b27401,0 3px 3px rgba(0,0,0,0.2);box-shadow:0 2px 0 #b27401,0 3px 3px rgba(0,0,0,0.2)}.button-3d.button-caution{-webkit-box-shadow:0 7px 0 #ff1022,0 8px 3px rgba(0,0,0,0.3);box-shadow:0 7px 0 #ff1022,0 8px 3px rgba(0,0,0,0.3)}.button-3d.button-caution:hover,.button-3d.button-caution:focus{-webkit-box-shadow:0 7px 0 #ff0618,0 8px 3px rgba(0,0,0,0.3);box-shadow:0 7px 0 #ff0618,0 8px 3px rgba(0,0,0,0.3)}.button-3d.button-caution:active,.button-3d.button-caution.active,.button-3d.button-caution.is-active{-webkit-box-shadow:0 2px 0 #dc0010,0 3px 3px rgba(0,0,0,0.2);box-shadow:0 2px 0 #dc0010,0 3px 3px rgba(0,0,0,0.2)}.button-3d.button-royal{-webkit-box-shadow:0 7px 0 #5246e2,0 8px 3px rgba(0,0,0,0.3);box-shadow:0 7px 0 #5246e2,0 8px 3px rgba(0,0,0,0.3)}.button-3d.button-royal:hover,.button-3d.button-royal:focus{-webkit-box-shadow:0 7px 0 #493de1,0 8px 3px rgba(0,0,0,0.3);box-shadow:0 7px 0 #493de1,0 8px 3px rgba(0,0,0,0.3)}.button-3d.button-royal:active,.button-3d.button-royal.active,.button-3d.button-royal.is-active{-webkit-box-shadow:0 2px 0 #2f21d4,0 3px 3px rgba(0,0,0,0.2);box-shadow:0 2px 0 #2f21d4,0 3px 3px rgba(0,0,0,0.2)}@-webkit-keyframes glowing{from{-webkit-box-shadow:0 0 0 rgba(44,154,219,0.3);box-shadow:0 0 0 rgba(44,154,219,0.3)}50%{-webkit-box-shadow:0 0 20px rgba(44,154,219,0.8);box-shadow:0 0 20px rgba(44,154,219,0.8)}to{-webkit-box-shadow:0 0 0 rgba(44,154,219,0.3);box-shadow:0 0 0 rgba(44,154,219,0.3)}}@keyframes glowing{from{-webkit-box-shadow:0 0 0 rgba(44,154,219,0.3);box-shadow:0 0 0 rgba(44,154,219,0.3)}50%{-webkit-box-shadow:0 0 20px rgba(44,154,219,0.8);box-shadow:0 0 20px rgba(44,154,219,0.8)}to{-webkit-box-shadow:0 0 0 rgba(44,154,219,0.3);box-shadow:0 0 0 rgba(44,154,219,0.3)}}@-webkit-keyframes glowing-primary{from{-webkit-box-shadow:0 0 0 rgba(27,154,247,0.3);box-shadow:0 0 0 rgba(27,154,247,0.3)}50%{-webkit-box-shadow:0 0 20px rgba(27,154,247,0.8);box-shadow:0 0 20px rgba(27,154,247,0.8)}to{-webkit-box-shadow:0 0 0 rgba(27,154,247,0.3);box-shadow:0 0 0 rgba(27,154,247,0.3)}}@keyframes glowing-primary{from{-webkit-box-shadow:0 0 0 rgba(27,154,247,0.3);box-shadow:0 0 0 rgba(27,154,247,0.3)}50%{-webkit-box-shadow:0 0 20px rgba(27,154,247,0.8);box-shadow:0 0 20px rgba(27,154,247,0.8)}to{-webkit-box-shadow:0 0 0 rgba(27,154,247,0.3);box-shadow:0 0 0 rgba(27,154,247,0.3)}}@-webkit-keyframes glowing-plain{from{-webkit-box-shadow:0 0 0 rgba(255,255,255,0.3);box-shadow:0 0 0 rgba(255,255,255,0.3)}50%{-webkit-box-shadow:0 0 20px rgba(255,255,255,0.8);box-shadow:0 0 20px rgba(255,255,255,0.8)}to{-webkit-box-shadow:0 0 0 rgba(255,255,255,0.3);box-shadow:0 0 0 rgba(255,255,255,0.3)}}@keyframes glowing-plain{from{-webkit-box-shadow:0 0 0 rgba(255,255,255,0.3);box-shadow:0 0 0 rgba(255,255,255,0.3)}50%{-webkit-box-shadow:0 0 20px rgba(255,255,255,0.8);box-shadow:0 0 20px rgba(255,255,255,0.8)}to{-webkit-box-shadow:0 0 0 rgba(255,255,255,0.3);box-shadow:0 0 0 rgba(255,255,255,0.3)}}@-webkit-keyframes glowing-inverse{from{-webkit-box-shadow:0 0 0 rgba(34,34,34,0.3);box-shadow:0 0 0 rgba(34,34,34,0.3)}50%{-webkit-box-shadow:0 0 20px rgba(34,34,34,0.8);box-shadow:0 0 20px rgba(34,34,34,0.8)}to{-webkit-box-shadow:0 0 0 rgba(34,34,34,0.3);box-shadow:0 0 0 rgba(34,34,34,0.3)}}@keyframes glowing-inverse{from{-webkit-box-shadow:0 0 0 rgba(34,34,34,0.3);box-shadow:0 0 0 rgba(34,34,34,0.3)}50%{-webkit-box-shadow:0 0 20px rgba(34,34,34,0.8);box-shadow:0 0 20px rgba(34,34,34,0.8)}to{-webkit-box-shadow:0 0 0 rgba(34,34,34,0.3);box-shadow:0 0 0 rgba(34,34,34,0.3)}}@-webkit-keyframes glowing-action{from{-webkit-box-shadow:0 0 0 rgba(165,222,55,0.3);box-shadow:0 0 0 rgba(165,222,55,0.3)}50%{-webkit-box-shadow:0 0 20px rgba(165,222,55,0.8);box-shadow:0 0 20px rgba(165,222,55,0.8)}to{-webkit-box-shadow:0 0 0 rgba(165,222,55,0.3);box-shadow:0 0 0 rgba(165,222,55,0.3)}}@keyframes glowing-action{from{-webkit-box-shadow:0 0 0 rgba(165,222,55,0.3);box-shadow:0 0 0 rgba(165,222,55,0.3)}50%{-webkit-box-shadow:0 0 20px rgba(165,222,55,0.8);box-shadow:0 0 20px rgba(165,222,55,0.8)}to{-webkit-box-shadow:0 0 0 rgba(165,222,55,0.3);box-shadow:0 0 0 rgba(165,222,55,0.3)}}@-webkit-keyframes glowing-highlight{from{-webkit-box-shadow:0 0 0 rgba(254,174,27,0.3);box-shadow:0 0 0 rgba(254,174,27,0.3)}50%{-webkit-box-shadow:0 0 20px rgba(254,174,27,0.8);box-shadow:0 0 20px rgba(254,174,27,0.8)}to{-webkit-box-shadow:0 0 0 rgba(254,174,27,0.3);box-shadow:0 0 0 rgba(254,174,27,0.3)}}@keyframes glowing-highlight{from{-webkit-box-shadow:0 0 0 rgba(254,174,27,0.3);box-shadow:0 0 0 rgba(254,174,27,0.3)}50%{-webkit-box-shadow:0 0 20px rgba(254,174,27,0.8);box-shadow:0 0 20px rgba(254,174,27,0.8)}to{-webkit-box-shadow:0 0 0 rgba(254,174,27,0.3);box-shadow:0 0 0 rgba(254,174,27,0.3)}}@-webkit-keyframes glowing-caution{from{-webkit-box-shadow:0 0 0 rgba(255,67,81,0.3);box-shadow:0 0 0 rgba(255,67,81,0.3)}50%{-webkit-box-shadow:0 0 20px rgba(255,67,81,0.8);box-shadow:0 0 20px rgba(255,67,81,0.8)}to{-webkit-box-shadow:0 0 0 rgba(255,67,81,0.3);box-shadow:0 0 0 rgba(255,67,81,0.3)}}@keyframes glowing-caution{from{-webkit-box-shadow:0 0 0 rgba(255,67,81,0.3);box-shadow:0 0 0 rgba(255,67,81,0.3)}50%{-webkit-box-shadow:0 0 20px rgba(255,67,81,0.8);box-shadow:0 0 20px rgba(255,67,81,0.8)}to{-webkit-box-shadow:0 0 0 rgba(255,67,81,0.3);box-shadow:0 0 0 rgba(255,67,81,0.3)}}@-webkit-keyframes glowing-royal{from{-webkit-box-shadow:0 0 0 rgba(123,114,233,0.3);box-shadow:0 0 0 rgba(123,114,233,0.3)}50%{-webkit-box-shadow:0 0 20px rgba(123,114,233,0.8);box-shadow:0 0 20px rgba(123,114,233,0.8)}to{-webkit-box-shadow:0 0 0 rgba(123,114,233,0.3);box-shadow:0 0 0 rgba(123,114,233,0.3)}}@keyframes glowing-royal{from{-webkit-box-shadow:0 0 0 rgba(123,114,233,0.3);box-shadow:0 0 0 rgba(123,114,233,0.3)}50%{-webkit-box-shadow:0 0 20px rgba(123,114,233,0.8);box-shadow:0 0 20px rgba(123,114,233,0.8)}to{-webkit-box-shadow:0 0 0 rgba(123,114,233,0.3);box-shadow:0 0 0 rgba(123,114,233,0.3)}}.button-glow{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:glowing;animation-name:glowing}.button-glow:active,.button-glow.active,.button-glow.is-active{-webkit-animation-name:none;animation-name:none}.button-glow.button-primary{-webkit-animation-name:glowing-primary;animation-name:glowing-primary}.button-glow.button-plain{-webkit-animation-name:glowing-plain;animation-name:glowing-plain}.button-glow.button-inverse{-webkit-animation-name:glowing-inverse;animation-name:glowing-inverse}.button-glow.button-action{-webkit-animation-name:glowing-action;animation-name:glowing-action}.button-glow.button-highlight{-webkit-animation-name:glowing-highlight;animation-name:glowing-highlight}.button-glow.button-caution{-webkit-animation-name:glowing-caution;animation-name:glowing-caution}.button-glow.button-royal{-webkit-animation-name:glowing-royal;animation-name:glowing-royal}.button-dropdown{position:relative;overflow:visible;display:inline-block}.button-dropdown-list{display:none;position:absolute;padding:0;margin:0;top:0;left:0;z-index:1000;min-width:100%;list-style-type:none;background:rgba(255,255,255,0.95);border-style:solid;border-width:1px;border-color:#d4d4d4;font-family:"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;-webkit-box-shadow:0 2px 7px rgba(0,0,0,0.2);box-shadow:0 2px 7px rgba(0,0,0,0.2);border-radius:3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.button-dropdown-list.is-below{top:100%;border-top:none;border-radius:0 0 3px 3px}.button-dropdown-list.is-above{bottom:100%;top:auto;border-bottom:none;border-radius:3px 3px 0 0;-webkit-box-shadow:0 -2px 7px rgba(0,0,0,0.2);box-shadow:0 -2px 7px rgba(0,0,0,0.2)}.button-dropdown-list>li{padding:0;margin:0;display:block}.button-dropdown-list>li>a{display:block;line-height:40px;font-size:12.8px;padding:5px 10px;float:none;color:#666;text-decoration:none}.button-dropdown-list>li>a:hover{color:#5e5e5e;background:#f6f6f6;text-decoration:none}.button-dropdown-divider{border-top:1px solid #e6e6e6}.button-dropdown.button-dropdown-primary .button-dropdown-list{background:rgba(27,154,247,0.95);border-color:#0880d7}.button-dropdown.button-dropdown-primary .button-dropdown-list .button-dropdown-divider{border-color:#0888e6}.button-dropdown.button-dropdown-primary .button-dropdown-list>li>a{color:#fff}.button-dropdown.button-dropdown-primary .button-dropdown-list>li>a:hover{color:#f2f2f2;background:#088ef0}.button-dropdown.button-dropdown-plain .button-dropdown-list{background:rgba(255,255,255,0.95);border-color:#e6e6e6}.button-dropdown.button-dropdown-plain .button-dropdown-list .button-dropdown-divider{border-color:#ededed}.button-dropdown.button-dropdown-plain .button-dropdown-list>li>a{color:#1b9af7}.button-dropdown.button-dropdown-plain .button-dropdown-list>li>a:hover{color:#088ef0;background:#f2f2f2}.button-dropdown.button-dropdown-inverse .button-dropdown-list{background:rgba(34,34,34,0.95);border-color:#090909}.button-dropdown.button-dropdown-inverse .button-dropdown-list .button-dropdown-divider{border-color:#101010}.button-dropdown.button-dropdown-inverse .button-dropdown-list>li>a{color:#eee}.button-dropdown.button-dropdown-inverse .button-dropdown-list>li>a:hover{color:#e1e1e1;background:#151515}.button-dropdown.button-dropdown-action .button-dropdown-list{background:rgba(165,222,55,0.95);border-color:#8bc220}.button-dropdown.button-dropdown-action .button-dropdown-list .button-dropdown-divider{border-color:#94cf22}.button-dropdown.button-dropdown-action .button-dropdown-list>li>a{color:#fff}.button-dropdown.button-dropdown-action .button-dropdown-list>li>a:hover{color:#f2f2f2;background:#9ad824}.button-dropdown.button-dropdown-highlight .button-dropdown-list{background:rgba(254,174,27,0.95);border-color:#e59501}.button-dropdown.button-dropdown-highlight .button-dropdown-list .button-dropdown-divider{border-color:#f49f01}.button-dropdown.button-dropdown-highlight .button-dropdown-list>li>a{color:#fff}.button-dropdown.button-dropdown-highlight .button-dropdown-list>li>a:hover{color:#f2f2f2;background:#fea502}.button-dropdown.button-dropdown-caution .button-dropdown-list{background:rgba(255,67,81,0.95);border-color:#ff1022}.button-dropdown.button-dropdown-caution .button-dropdown-list .button-dropdown-divider{border-color:#ff1f30}.button-dropdown.button-dropdown-caution .button-dropdown-list>li>a{color:#fff}.button-dropdown.button-dropdown-caution .button-dropdown-list>li>a:hover{color:#f2f2f2;background:#ff2939}.button-dropdown.button-dropdown-royal .button-dropdown-list{background:rgba(123,114,233,0.95);border-color:#5246e2}.button-dropdown.button-dropdown-royal .button-dropdown-list .button-dropdown-divider{border-color:#5e53e4}.button-dropdown.button-dropdown-royal .button-dropdown-list>li>a{color:#fff}.button-dropdown.button-dropdown-royal .button-dropdown-list>li>a:hover{color:#f2f2f2;background:#665ce6}.button-group{*zoom:1;position:relative;display:inline-block}.button-group:after,.button-group:before{content:'.';clear:both;display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.button-group .button,.button-group .button-dropdown{float:left}.button-group .button:not(:first-child):not(:last-child),.button-group .button-dropdown:not(:first-child):not(:last-child){border-radius:0;border-right:none}.button-group .button:first-child,.button-group .button-dropdown:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.button-group .button:last-child,.button-group .button-dropdown:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.button-wrap{border:1px solid #e3e3e3;display:inline-block;padding:9px;background:-webkit-gradient(linear,left top,left bottom,from(#f2f2f2),to(white));background:linear-gradient(#f2f2f2,white);border-radius:200px;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.04);box-shadow:inset 0 1px 3px rgba(0,0,0,0.04)}.button-longshadow,.button-longshadow-right{overflow:hidden}.button-longshadow.button-primary,.button-longshadow-right.button-primary{text-shadow:0 0 #0880d7,1px 1px #0880d7,2px 2px #0880d7,3px 3px #0880d7,4px 4px #0880d7,5px 5px #0880d7,6px 6px #0880d7,7px 7px #0880d7,8px 8px #0880d7,9px 9px #0880d7,10px 10px #0880d7,11px 11px #0880d7,12px 12px #0880d7,13px 13px #0880d7,14px 14px #0880d7,15px 15px #0880d7,16px 16px #0880d7,17px 17px #0880d7,18px 18px #0880d7,19px 19px #0880d7,20px 20px #0880d7,21px 21px #0880d7,22px 22px #0880d7,23px 23px #0880d7,24px 24px #0880d7,25px 25px #0880d7,26px 26px #0880d7,27px 27px #0880d7,28px 28px #0880d7,29px 29px #0880d7,30px 30px #0880d7,31px 31px #0880d7,32px 32px #0880d7,33px 33px #0880d7,34px 34px #0880d7,35px 35px #0880d7,36px 36px #0880d7,37px 37px #0880d7,38px 38px #0880d7,39px 39px #0880d7,40px 40px #0880d7,41px 41px #0880d7,42px 42px #0880d7,43px 43px #0880d7,44px 44px #0880d7,45px 45px #0880d7,46px 46px #0880d7,47px 47px #0880d7,48px 48px #0880d7,49px 49px #0880d7,50px 50px #0880d7,51px 51px #0880d7,52px 52px #0880d7,53px 53px #0880d7,54px 54px #0880d7,55px 55px #0880d7,56px 56px #0880d7,57px 57px #0880d7,58px 58px #0880d7,59px 59px #0880d7,60px 60px #0880d7,61px 61px #0880d7,62px 62px #0880d7,63px 63px #0880d7,64px 64px #0880d7,65px 65px #0880d7,66px 66px #0880d7,67px 67px #0880d7,68px 68px #0880d7,69px 69px #0880d7,70px 70px #0880d7,71px 71px #0880d7,72px 72px #0880d7,73px 73px #0880d7,74px 74px #0880d7,75px 75px #0880d7,76px 76px #0880d7,77px 77px #0880d7,78px 78px #0880d7,79px 79px #0880d7,80px 80px #0880d7,81px 81px #0880d7,82px 82px #0880d7,83px 83px #0880d7,84px 84px #0880d7,85px 85px #0880d7}.button-longshadow.button-primary:active,.button-longshadow.button-primary.active,.button-longshadow.button-primary.is-active,.button-longshadow-right.button-primary:active,.button-longshadow-right.button-primary.active,.button-longshadow-right.button-primary.is-active{text-shadow:0 1px 0 rgba(255,255,255,0.4)}.button-longshadow.button-plain,.button-longshadow-right.button-plain{text-shadow:0 0 #e6e6e6,1px 1px #e6e6e6,2px 2px #e6e6e6,3px 3px #e6e6e6,4px 4px #e6e6e6,5px 5px #e6e6e6,6px 6px #e6e6e6,7px 7px #e6e6e6,8px 8px #e6e6e6,9px 9px #e6e6e6,10px 10px #e6e6e6,11px 11px #e6e6e6,12px 12px #e6e6e6,13px 13px #e6e6e6,14px 14px #e6e6e6,15px 15px #e6e6e6,16px 16px #e6e6e6,17px 17px #e6e6e6,18px 18px #e6e6e6,19px 19px #e6e6e6,20px 20px #e6e6e6,21px 21px #e6e6e6,22px 22px #e6e6e6,23px 23px #e6e6e6,24px 24px #e6e6e6,25px 25px #e6e6e6,26px 26px #e6e6e6,27px 27px #e6e6e6,28px 28px #e6e6e6,29px 29px #e6e6e6,30px 30px #e6e6e6,31px 31px #e6e6e6,32px 32px #e6e6e6,33px 33px #e6e6e6,34px 34px #e6e6e6,35px 35px #e6e6e6,36px 36px #e6e6e6,37px 37px #e6e6e6,38px 38px #e6e6e6,39px 39px #e6e6e6,40px 40px #e6e6e6,41px 41px #e6e6e6,42px 42px #e6e6e6,43px 43px #e6e6e6,44px 44px #e6e6e6,45px 45px #e6e6e6,46px 46px #e6e6e6,47px 47px #e6e6e6,48px 48px #e6e6e6,49px 49px #e6e6e6,50px 50px #e6e6e6,51px 51px #e6e6e6,52px 52px #e6e6e6,53px 53px #e6e6e6,54px 54px #e6e6e6,55px 55px #e6e6e6,56px 56px #e6e6e6,57px 57px #e6e6e6,58px 58px #e6e6e6,59px 59px #e6e6e6,60px 60px #e6e6e6,61px 61px #e6e6e6,62px 62px #e6e6e6,63px 63px #e6e6e6,64px 64px #e6e6e6,65px 65px #e6e6e6,66px 66px #e6e6e6,67px 67px #e6e6e6,68px 68px #e6e6e6,69px 69px #e6e6e6,70px 70px #e6e6e6,71px 71px #e6e6e6,72px 72px #e6e6e6,73px 73px #e6e6e6,74px 74px #e6e6e6,75px 75px #e6e6e6,76px 76px #e6e6e6,77px 77px #e6e6e6,78px 78px #e6e6e6,79px 79px #e6e6e6,80px 80px #e6e6e6,81px 81px #e6e6e6,82px 82px #e6e6e6,83px 83px #e6e6e6,84px 84px #e6e6e6,85px 85px #e6e6e6}.button-longshadow.button-plain:active,.button-longshadow.button-plain.active,.button-longshadow.button-plain.is-active,.button-longshadow-right.button-plain:active,.button-longshadow-right.button-plain.active,.button-longshadow-right.button-plain.is-active{text-shadow:0 1px 0 rgba(255,255,255,0.4)}.button-longshadow.button-inverse,.button-longshadow-right.button-inverse{text-shadow:0 0 #090909,1px 1px #090909,2px 2px #090909,3px 3px #090909,4px 4px #090909,5px 5px #090909,6px 6px #090909,7px 7px #090909,8px 8px #090909,9px 9px #090909,10px 10px #090909,11px 11px #090909,12px 12px #090909,13px 13px #090909,14px 14px #090909,15px 15px #090909,16px 16px #090909,17px 17px #090909,18px 18px #090909,19px 19px #090909,20px 20px #090909,21px 21px #090909,22px 22px #090909,23px 23px #090909,24px 24px #090909,25px 25px #090909,26px 26px #090909,27px 27px #090909,28px 28px #090909,29px 29px #090909,30px 30px #090909,31px 31px #090909,32px 32px #090909,33px 33px #090909,34px 34px #090909,35px 35px #090909,36px 36px #090909,37px 37px #090909,38px 38px #090909,39px 39px #090909,40px 40px #090909,41px 41px #090909,42px 42px #090909,43px 43px #090909,44px 44px #090909,45px 45px #090909,46px 46px #090909,47px 47px #090909,48px 48px #090909,49px 49px #090909,50px 50px #090909,51px 51px #090909,52px 52px #090909,53px 53px #090909,54px 54px #090909,55px 55px #090909,56px 56px #090909,57px 57px #090909,58px 58px #090909,59px 59px #090909,60px 60px #090909,61px 61px #090909,62px 62px #090909,63px 63px #090909,64px 64px #090909,65px 65px #090909,66px 66px #090909,67px 67px #090909,68px 68px #090909,69px 69px #090909,70px 70px #090909,71px 71px #090909,72px 72px #090909,73px 73px #090909,74px 74px #090909,75px 75px #090909,76px 76px #090909,77px 77px #090909,78px 78px #090909,79px 79px #090909,80px 80px #090909,81px 81px #090909,82px 82px #090909,83px 83px #090909,84px 84px #090909,85px 85px #090909}.button-longshadow.button-inverse:active,.button-longshadow.button-inverse.active,.button-longshadow.button-inverse.is-active,.button-longshadow-right.button-inverse:active,.button-longshadow-right.button-inverse.active,.button-longshadow-right.button-inverse.is-active{text-shadow:0 1px 0 rgba(255,255,255,0.4)}.button-longshadow.button-action,.button-longshadow-right.button-action{text-shadow:0 0 #8bc220,1px 1px #8bc220,2px 2px #8bc220,3px 3px #8bc220,4px 4px #8bc220,5px 5px #8bc220,6px 6px #8bc220,7px 7px #8bc220,8px 8px #8bc220,9px 9px #8bc220,10px 10px #8bc220,11px 11px #8bc220,12px 12px #8bc220,13px 13px #8bc220,14px 14px #8bc220,15px 15px #8bc220,16px 16px #8bc220,17px 17px #8bc220,18px 18px #8bc220,19px 19px #8bc220,20px 20px #8bc220,21px 21px #8bc220,22px 22px #8bc220,23px 23px #8bc220,24px 24px #8bc220,25px 25px #8bc220,26px 26px #8bc220,27px 27px #8bc220,28px 28px #8bc220,29px 29px #8bc220,30px 30px #8bc220,31px 31px #8bc220,32px 32px #8bc220,33px 33px #8bc220,34px 34px #8bc220,35px 35px #8bc220,36px 36px #8bc220,37px 37px #8bc220,38px 38px #8bc220,39px 39px #8bc220,40px 40px #8bc220,41px 41px #8bc220,42px 42px #8bc220,43px 43px #8bc220,44px 44px #8bc220,45px 45px #8bc220,46px 46px #8bc220,47px 47px #8bc220,48px 48px #8bc220,49px 49px #8bc220,50px 50px #8bc220,51px 51px #8bc220,52px 52px #8bc220,53px 53px #8bc220,54px 54px #8bc220,55px 55px #8bc220,56px 56px #8bc220,57px 57px #8bc220,58px 58px #8bc220,59px 59px #8bc220,60px 60px #8bc220,61px 61px #8bc220,62px 62px #8bc220,63px 63px #8bc220,64px 64px #8bc220,65px 65px #8bc220,66px 66px #8bc220,67px 67px #8bc220,68px 68px #8bc220,69px 69px #8bc220,70px 70px #8bc220,71px 71px #8bc220,72px 72px #8bc220,73px 73px #8bc220,74px 74px #8bc220,75px 75px #8bc220,76px 76px #8bc220,77px 77px #8bc220,78px 78px #8bc220,79px 79px #8bc220,80px 80px #8bc220,81px 81px #8bc220,82px 82px #8bc220,83px 83px #8bc220,84px 84px #8bc220,85px 85px #8bc220}.button-longshadow.button-action:active,.button-longshadow.button-action.active,.button-longshadow.button-action.is-active,.button-longshadow-right.button-action:active,.button-longshadow-right.button-action.active,.button-longshadow-right.button-action.is-active{text-shadow:0 1px 0 rgba(255,255,255,0.4)}.button-longshadow.button-highlight,.button-longshadow-right.button-highlight{text-shadow:0 0 #e59501,1px 1px #e59501,2px 2px #e59501,3px 3px #e59501,4px 4px #e59501,5px 5px #e59501,6px 6px #e59501,7px 7px #e59501,8px 8px #e59501,9px 9px #e59501,10px 10px #e59501,11px 11px #e59501,12px 12px #e59501,13px 13px #e59501,14px 14px #e59501,15px 15px #e59501,16px 16px #e59501,17px 17px #e59501,18px 18px #e59501,19px 19px #e59501,20px 20px #e59501,21px 21px #e59501,22px 22px #e59501,23px 23px #e59501,24px 24px #e59501,25px 25px #e59501,26px 26px #e59501,27px 27px #e59501,28px 28px #e59501,29px 29px #e59501,30px 30px #e59501,31px 31px #e59501,32px 32px #e59501,33px 33px #e59501,34px 34px #e59501,35px 35px #e59501,36px 36px #e59501,37px 37px #e59501,38px 38px #e59501,39px 39px #e59501,40px 40px #e59501,41px 41px #e59501,42px 42px #e59501,43px 43px #e59501,44px 44px #e59501,45px 45px #e59501,46px 46px #e59501,47px 47px #e59501,48px 48px #e59501,49px 49px #e59501,50px 50px #e59501,51px 51px #e59501,52px 52px #e59501,53px 53px #e59501,54px 54px #e59501,55px 55px #e59501,56px 56px #e59501,57px 57px #e59501,58px 58px #e59501,59px 59px #e59501,60px 60px #e59501,61px 61px #e59501,62px 62px #e59501,63px 63px #e59501,64px 64px #e59501,65px 65px #e59501,66px 66px #e59501,67px 67px #e59501,68px 68px #e59501,69px 69px #e59501,70px 70px #e59501,71px 71px #e59501,72px 72px #e59501,73px 73px #e59501,74px 74px #e59501,75px 75px #e59501,76px 76px #e59501,77px 77px #e59501,78px 78px #e59501,79px 79px #e59501,80px 80px #e59501,81px 81px #e59501,82px 82px #e59501,83px 83px #e59501,84px 84px #e59501,85px 85px #e59501}.button-longshadow.button-highlight:active,.button-longshadow.button-highlight.active,.button-longshadow.button-highlight.is-active,.button-longshadow-right.button-highlight:active,.button-longshadow-right.button-highlight.active,.button-longshadow-right.button-highlight.is-active{text-shadow:0 1px 0 rgba(255,255,255,0.4)}.button-longshadow.button-caution,.button-longshadow-right.button-caution{text-shadow:0 0 #ff1022,1px 1px #ff1022,2px 2px #ff1022,3px 3px #ff1022,4px 4px #ff1022,5px 5px #ff1022,6px 6px #ff1022,7px 7px #ff1022,8px 8px #ff1022,9px 9px #ff1022,10px 10px #ff1022,11px 11px #ff1022,12px 12px #ff1022,13px 13px #ff1022,14px 14px #ff1022,15px 15px #ff1022,16px 16px #ff1022,17px 17px #ff1022,18px 18px #ff1022,19px 19px #ff1022,20px 20px #ff1022,21px 21px #ff1022,22px 22px #ff1022,23px 23px #ff1022,24px 24px #ff1022,25px 25px #ff1022,26px 26px #ff1022,27px 27px #ff1022,28px 28px #ff1022,29px 29px #ff1022,30px 30px #ff1022,31px 31px #ff1022,32px 32px #ff1022,33px 33px #ff1022,34px 34px #ff1022,35px 35px #ff1022,36px 36px #ff1022,37px 37px #ff1022,38px 38px #ff1022,39px 39px #ff1022,40px 40px #ff1022,41px 41px #ff1022,42px 42px #ff1022,43px 43px #ff1022,44px 44px #ff1022,45px 45px #ff1022,46px 46px #ff1022,47px 47px #ff1022,48px 48px #ff1022,49px 49px #ff1022,50px 50px #ff1022,51px 51px #ff1022,52px 52px #ff1022,53px 53px #ff1022,54px 54px #ff1022,55px 55px #ff1022,56px 56px #ff1022,57px 57px #ff1022,58px 58px #ff1022,59px 59px #ff1022,60px 60px #ff1022,61px 61px #ff1022,62px 62px #ff1022,63px 63px #ff1022,64px 64px #ff1022,65px 65px #ff1022,66px 66px #ff1022,67px 67px #ff1022,68px 68px #ff1022,69px 69px #ff1022,70px 70px #ff1022,71px 71px #ff1022,72px 72px #ff1022,73px 73px #ff1022,74px 74px #ff1022,75px 75px #ff1022,76px 76px #ff1022,77px 77px #ff1022,78px 78px #ff1022,79px 79px #ff1022,80px 80px #ff1022,81px 81px #ff1022,82px 82px #ff1022,83px 83px #ff1022,84px 84px #ff1022,85px 85px #ff1022}.button-longshadow.button-caution:active,.button-longshadow.button-caution.active,.button-longshadow.button-caution.is-active,.button-longshadow-right.button-caution:active,.button-longshadow-right.button-caution.active,.button-longshadow-right.button-caution.is-active{text-shadow:0 1px 0 rgba(255,255,255,0.4)}.button-longshadow.button-royal,.button-longshadow-right.button-royal{text-shadow:0 0 #5246e2,1px 1px #5246e2,2px 2px #5246e2,3px 3px #5246e2,4px 4px #5246e2,5px 5px #5246e2,6px 6px #5246e2,7px 7px #5246e2,8px 8px #5246e2,9px 9px #5246e2,10px 10px #5246e2,11px 11px #5246e2,12px 12px #5246e2,13px 13px #5246e2,14px 14px #5246e2,15px 15px #5246e2,16px 16px #5246e2,17px 17px #5246e2,18px 18px #5246e2,19px 19px #5246e2,20px 20px #5246e2,21px 21px #5246e2,22px 22px #5246e2,23px 23px #5246e2,24px 24px #5246e2,25px 25px #5246e2,26px 26px #5246e2,27px 27px #5246e2,28px 28px #5246e2,29px 29px #5246e2,30px 30px #5246e2,31px 31px #5246e2,32px 32px #5246e2,33px 33px #5246e2,34px 34px #5246e2,35px 35px #5246e2,36px 36px #5246e2,37px 37px #5246e2,38px 38px #5246e2,39px 39px #5246e2,40px 40px #5246e2,41px 41px #5246e2,42px 42px #5246e2,43px 43px #5246e2,44px 44px #5246e2,45px 45px #5246e2,46px 46px #5246e2,47px 47px #5246e2,48px 48px #5246e2,49px 49px #5246e2,50px 50px #5246e2,51px 51px #5246e2,52px 52px #5246e2,53px 53px #5246e2,54px 54px #5246e2,55px 55px #5246e2,56px 56px #5246e2,57px 57px #5246e2,58px 58px #5246e2,59px 59px #5246e2,60px 60px #5246e2,61px 61px #5246e2,62px 62px #5246e2,63px 63px #5246e2,64px 64px #5246e2,65px 65px #5246e2,66px 66px #5246e2,67px 67px #5246e2,68px 68px #5246e2,69px 69px #5246e2,70px 70px #5246e2,71px 71px #5246e2,72px 72px #5246e2,73px 73px #5246e2,74px 74px #5246e2,75px 75px #5246e2,76px 76px #5246e2,77px 77px #5246e2,78px 78px #5246e2,79px 79px #5246e2,80px 80px #5246e2,81px 81px #5246e2,82px 82px #5246e2,83px 83px #5246e2,84px 84px #5246e2,85px 85px #5246e2}.button-longshadow.button-royal:active,.button-longshadow.button-royal.active,.button-longshadow.button-royal.is-active,.button-longshadow-right.button-royal:active,.button-longshadow-right.button-royal.active,.button-longshadow-right.button-royal.is-active{text-shadow:0 1px 0 rgba(255,255,255,0.4)}.button-longshadow-left{overflow:hidden}.button-longshadow-left.button-primary{text-shadow:0 0 #0880d7,-1px 1px #0880d7,-2px 2px #0880d7,-3px 3px #0880d7,-4px 4px #0880d7,-5px 5px #0880d7,-6px 6px #0880d7,-7px 7px #0880d7,-8px 8px #0880d7,-9px 9px #0880d7,-10px 10px #0880d7,-11px 11px #0880d7,-12px 12px #0880d7,-13px 13px #0880d7,-14px 14px #0880d7,-15px 15px #0880d7,-16px 16px #0880d7,-17px 17px #0880d7,-18px 18px #0880d7,-19px 19px #0880d7,-20px 20px #0880d7,-21px 21px #0880d7,-22px 22px #0880d7,-23px 23px #0880d7,-24px 24px #0880d7,-25px 25px #0880d7,-26px 26px #0880d7,-27px 27px #0880d7,-28px 28px #0880d7,-29px 29px #0880d7,-30px 30px #0880d7,-31px 31px #0880d7,-32px 32px #0880d7,-33px 33px #0880d7,-34px 34px #0880d7,-35px 35px #0880d7,-36px 36px #0880d7,-37px 37px #0880d7,-38px 38px #0880d7,-39px 39px #0880d7,-40px 40px #0880d7,-41px 41px #0880d7,-42px 42px #0880d7,-43px 43px #0880d7,-44px 44px #0880d7,-45px 45px #0880d7,-46px 46px #0880d7,-47px 47px #0880d7,-48px 48px #0880d7,-49px 49px #0880d7,-50px 50px #0880d7,-51px 51px #0880d7,-52px 52px #0880d7,-53px 53px #0880d7,-54px 54px #0880d7,-55px 55px #0880d7,-56px 56px #0880d7,-57px 57px #0880d7,-58px 58px #0880d7,-59px 59px #0880d7,-60px 60px #0880d7,-61px 61px #0880d7,-62px 62px #0880d7,-63px 63px #0880d7,-64px 64px #0880d7,-65px 65px #0880d7,-66px 66px #0880d7,-67px 67px #0880d7,-68px 68px #0880d7,-69px 69px #0880d7,-70px 70px #0880d7,-71px 71px #0880d7,-72px 72px #0880d7,-73px 73px #0880d7,-74px 74px #0880d7,-75px 75px #0880d7,-76px 76px #0880d7,-77px 77px #0880d7,-78px 78px #0880d7,-79px 79px #0880d7,-80px 80px #0880d7,-81px 81px #0880d7,-82px 82px #0880d7,-83px 83px #0880d7,-84px 84px #0880d7,-85px 85px #0880d7}.button-longshadow-left.button-primary:active,.button-longshadow-left.button-primary.active,.button-longshadow-left.button-primary.is-active{text-shadow:0 1px 0 rgba(255,255,255,0.4)}.button-longshadow-left.button-plain{text-shadow:0 0 #e6e6e6,-1px 1px #e6e6e6,-2px 2px #e6e6e6,-3px 3px #e6e6e6,-4px 4px #e6e6e6,-5px 5px #e6e6e6,-6px 6px #e6e6e6,-7px 7px #e6e6e6,-8px 8px #e6e6e6,-9px 9px #e6e6e6,-10px 10px #e6e6e6,-11px 11px #e6e6e6,-12px 12px #e6e6e6,-13px 13px #e6e6e6,-14px 14px #e6e6e6,-15px 15px #e6e6e6,-16px 16px #e6e6e6,-17px 17px #e6e6e6,-18px 18px #e6e6e6,-19px 19px #e6e6e6,-20px 20px #e6e6e6,-21px 21px #e6e6e6,-22px 22px #e6e6e6,-23px 23px #e6e6e6,-24px 24px #e6e6e6,-25px 25px #e6e6e6,-26px 26px #e6e6e6,-27px 27px #e6e6e6,-28px 28px #e6e6e6,-29px 29px #e6e6e6,-30px 30px #e6e6e6,-31px 31px #e6e6e6,-32px 32px #e6e6e6,-33px 33px #e6e6e6,-34px 34px #e6e6e6,-35px 35px #e6e6e6,-36px 36px #e6e6e6,-37px 37px #e6e6e6,-38px 38px #e6e6e6,-39px 39px #e6e6e6,-40px 40px #e6e6e6,-41px 41px #e6e6e6,-42px 42px #e6e6e6,-43px 43px #e6e6e6,-44px 44px #e6e6e6,-45px 45px #e6e6e6,-46px 46px #e6e6e6,-47px 47px #e6e6e6,-48px 48px #e6e6e6,-49px 49px #e6e6e6,-50px 50px #e6e6e6,-51px 51px #e6e6e6,-52px 52px #e6e6e6,-53px 53px #e6e6e6,-54px 54px #e6e6e6,-55px 55px #e6e6e6,-56px 56px #e6e6e6,-57px 57px #e6e6e6,-58px 58px #e6e6e6,-59px 59px #e6e6e6,-60px 60px #e6e6e6,-61px 61px #e6e6e6,-62px 62px #e6e6e6,-63px 63px #e6e6e6,-64px 64px #e6e6e6,-65px 65px #e6e6e6,-66px 66px #e6e6e6,-67px 67px #e6e6e6,-68px 68px #e6e6e6,-69px 69px #e6e6e6,-70px 70px #e6e6e6,-71px 71px #e6e6e6,-72px 72px #e6e6e6,-73px 73px #e6e6e6,-74px 74px #e6e6e6,-75px 75px #e6e6e6,-76px 76px #e6e6e6,-77px 77px #e6e6e6,-78px 78px #e6e6e6,-79px 79px #e6e6e6,-80px 80px #e6e6e6,-81px 81px #e6e6e6,-82px 82px #e6e6e6,-83px 83px #e6e6e6,-84px 84px #e6e6e6,-85px 85px #e6e6e6}.button-longshadow-left.button-plain:active,.button-longshadow-left.button-plain.active,.button-longshadow-left.button-plain.is-active{text-shadow:0 1px 0 rgba(255,255,255,0.4)}.button-longshadow-left.button-inverse{text-shadow:0 0 #090909,-1px 1px #090909,-2px 2px #090909,-3px 3px #090909,-4px 4px #090909,-5px 5px #090909,-6px 6px #090909,-7px 7px #090909,-8px 8px #090909,-9px 9px #090909,-10px 10px #090909,-11px 11px #090909,-12px 12px #090909,-13px 13px #090909,-14px 14px #090909,-15px 15px #090909,-16px 16px #090909,-17px 17px #090909,-18px 18px #090909,-19px 19px #090909,-20px 20px #090909,-21px 21px #090909,-22px 22px #090909,-23px 23px #090909,-24px 24px #090909,-25px 25px #090909,-26px 26px #090909,-27px 27px #090909,-28px 28px #090909,-29px 29px #090909,-30px 30px #090909,-31px 31px #090909,-32px 32px #090909,-33px 33px #090909,-34px 34px #090909,-35px 35px #090909,-36px 36px #090909,-37px 37px #090909,-38px 38px #090909,-39px 39px #090909,-40px 40px #090909,-41px 41px #090909,-42px 42px #090909,-43px 43px #090909,-44px 44px #090909,-45px 45px #090909,-46px 46px #090909,-47px 47px #090909,-48px 48px #090909,-49px 49px #090909,-50px 50px #090909,-51px 51px #090909,-52px 52px #090909,-53px 53px #090909,-54px 54px #090909,-55px 55px #090909,-56px 56px #090909,-57px 57px #090909,-58px 58px #090909,-59px 59px #090909,-60px 60px #090909,-61px 61px #090909,-62px 62px #090909,-63px 63px #090909,-64px 64px #090909,-65px 65px #090909,-66px 66px #090909,-67px 67px #090909,-68px 68px #090909,-69px 69px #090909,-70px 70px #090909,-71px 71px #090909,-72px 72px #090909,-73px 73px #090909,-74px 74px #090909,-75px 75px #090909,-76px 76px #090909,-77px 77px #090909,-78px 78px #090909,-79px 79px #090909,-80px 80px #090909,-81px 81px #090909,-82px 82px #090909,-83px 83px #090909,-84px 84px #090909,-85px 85px #090909}.button-longshadow-left.button-inverse:active,.button-longshadow-left.button-inverse.active,.button-longshadow-left.button-inverse.is-active{text-shadow:0 1px 0 rgba(255,255,255,0.4)}.button-longshadow-left.button-action{text-shadow:0 0 #8bc220,-1px 1px #8bc220,-2px 2px #8bc220,-3px 3px #8bc220,-4px 4px #8bc220,-5px 5px #8bc220,-6px 6px #8bc220,-7px 7px #8bc220,-8px 8px #8bc220,-9px 9px #8bc220,-10px 10px #8bc220,-11px 11px #8bc220,-12px 12px #8bc220,-13px 13px #8bc220,-14px 14px #8bc220,-15px 15px #8bc220,-16px 16px #8bc220,-17px 17px #8bc220,-18px 18px #8bc220,-19px 19px #8bc220,-20px 20px #8bc220,-21px 21px #8bc220,-22px 22px #8bc220,-23px 23px #8bc220,-24px 24px #8bc220,-25px 25px #8bc220,-26px 26px #8bc220,-27px 27px #8bc220,-28px 28px #8bc220,-29px 29px #8bc220,-30px 30px #8bc220,-31px 31px #8bc220,-32px 32px #8bc220,-33px 33px #8bc220,-34px 34px #8bc220,-35px 35px #8bc220,-36px 36px #8bc220,-37px 37px #8bc220,-38px 38px #8bc220,-39px 39px #8bc220,-40px 40px #8bc220,-41px 41px #8bc220,-42px 42px #8bc220,-43px 43px #8bc220,-44px 44px #8bc220,-45px 45px #8bc220,-46px 46px #8bc220,-47px 47px #8bc220,-48px 48px #8bc220,-49px 49px #8bc220,-50px 50px #8bc220,-51px 51px #8bc220,-52px 52px #8bc220,-53px 53px #8bc220,-54px 54px #8bc220,-55px 55px #8bc220,-56px 56px #8bc220,-57px 57px #8bc220,-58px 58px #8bc220,-59px 59px #8bc220,-60px 60px #8bc220,-61px 61px #8bc220,-62px 62px #8bc220,-63px 63px #8bc220,-64px 64px #8bc220,-65px 65px #8bc220,-66px 66px #8bc220,-67px 67px #8bc220,-68px 68px #8bc220,-69px 69px #8bc220,-70px 70px #8bc220,-71px 71px #8bc220,-72px 72px #8bc220,-73px 73px #8bc220,-74px 74px #8bc220,-75px 75px #8bc220,-76px 76px #8bc220,-77px 77px #8bc220,-78px 78px #8bc220,-79px 79px #8bc220,-80px 80px #8bc220,-81px 81px #8bc220,-82px 82px #8bc220,-83px 83px #8bc220,-84px 84px #8bc220,-85px 85px #8bc220}.button-longshadow-left.button-action:active,.button-longshadow-left.button-action.active,.button-longshadow-left.button-action.is-active{text-shadow:0 1px 0 rgba(255,255,255,0.4)}.button-longshadow-left.button-highlight{text-shadow:0 0 #e59501,-1px 1px #e59501,-2px 2px #e59501,-3px 3px #e59501,-4px 4px #e59501,-5px 5px #e59501,-6px 6px #e59501,-7px 7px #e59501,-8px 8px #e59501,-9px 9px #e59501,-10px 10px #e59501,-11px 11px #e59501,-12px 12px #e59501,-13px 13px #e59501,-14px 14px #e59501,-15px 15px #e59501,-16px 16px #e59501,-17px 17px #e59501,-18px 18px #e59501,-19px 19px #e59501,-20px 20px #e59501,-21px 21px #e59501,-22px 22px #e59501,-23px 23px #e59501,-24px 24px #e59501,-25px 25px #e59501,-26px 26px #e59501,-27px 27px #e59501,-28px 28px #e59501,-29px 29px #e59501,-30px 30px #e59501,-31px 31px #e59501,-32px 32px #e59501,-33px 33px #e59501,-34px 34px #e59501,-35px 35px #e59501,-36px 36px #e59501,-37px 37px #e59501,-38px 38px #e59501,-39px 39px #e59501,-40px 40px #e59501,-41px 41px #e59501,-42px 42px #e59501,-43px 43px #e59501,-44px 44px #e59501,-45px 45px #e59501,-46px 46px #e59501,-47px 47px #e59501,-48px 48px #e59501,-49px 49px #e59501,-50px 50px #e59501,-51px 51px #e59501,-52px 52px #e59501,-53px 53px #e59501,-54px 54px #e59501,-55px 55px #e59501,-56px 56px #e59501,-57px 57px #e59501,-58px 58px #e59501,-59px 59px #e59501,-60px 60px #e59501,-61px 61px #e59501,-62px 62px #e59501,-63px 63px #e59501,-64px 64px #e59501,-65px 65px #e59501,-66px 66px #e59501,-67px 67px #e59501,-68px 68px #e59501,-69px 69px #e59501,-70px 70px #e59501,-71px 71px #e59501,-72px 72px #e59501,-73px 73px #e59501,-74px 74px #e59501,-75px 75px #e59501,-76px 76px #e59501,-77px 77px #e59501,-78px 78px #e59501,-79px 79px #e59501,-80px 80px #e59501,-81px 81px #e59501,-82px 82px #e59501,-83px 83px #e59501,-84px 84px #e59501,-85px 85px #e59501}.button-longshadow-left.button-highlight:active,.button-longshadow-left.button-highlight.active,.button-longshadow-left.button-highlight.is-active{text-shadow:0 1px 0 rgba(255,255,255,0.4)}.button-longshadow-left.button-caution{text-shadow:0 0 #ff1022,-1px 1px #ff1022,-2px 2px #ff1022,-3px 3px #ff1022,-4px 4px #ff1022,-5px 5px #ff1022,-6px 6px #ff1022,-7px 7px #ff1022,-8px 8px #ff1022,-9px 9px #ff1022,-10px 10px #ff1022,-11px 11px #ff1022,-12px 12px #ff1022,-13px 13px #ff1022,-14px 14px #ff1022,-15px 15px #ff1022,-16px 16px #ff1022,-17px 17px #ff1022,-18px 18px #ff1022,-19px 19px #ff1022,-20px 20px #ff1022,-21px 21px #ff1022,-22px 22px #ff1022,-23px 23px #ff1022,-24px 24px #ff1022,-25px 25px #ff1022,-26px 26px #ff1022,-27px 27px #ff1022,-28px 28px #ff1022,-29px 29px #ff1022,-30px 30px #ff1022,-31px 31px #ff1022,-32px 32px #ff1022,-33px 33px #ff1022,-34px 34px #ff1022,-35px 35px #ff1022,-36px 36px #ff1022,-37px 37px #ff1022,-38px 38px #ff1022,-39px 39px #ff1022,-40px 40px #ff1022,-41px 41px #ff1022,-42px 42px #ff1022,-43px 43px #ff1022,-44px 44px #ff1022,-45px 45px #ff1022,-46px 46px #ff1022,-47px 47px #ff1022,-48px 48px #ff1022,-49px 49px #ff1022,-50px 50px #ff1022,-51px 51px #ff1022,-52px 52px #ff1022,-53px 53px #ff1022,-54px 54px #ff1022,-55px 55px #ff1022,-56px 56px #ff1022,-57px 57px #ff1022,-58px 58px #ff1022,-59px 59px #ff1022,-60px 60px #ff1022,-61px 61px #ff1022,-62px 62px #ff1022,-63px 63px #ff1022,-64px 64px #ff1022,-65px 65px #ff1022,-66px 66px #ff1022,-67px 67px #ff1022,-68px 68px #ff1022,-69px 69px #ff1022,-70px 70px #ff1022,-71px 71px #ff1022,-72px 72px #ff1022,-73px 73px #ff1022,-74px 74px #ff1022,-75px 75px #ff1022,-76px 76px #ff1022,-77px 77px #ff1022,-78px 78px #ff1022,-79px 79px #ff1022,-80px 80px #ff1022,-81px 81px #ff1022,-82px 82px #ff1022,-83px 83px #ff1022,-84px 84px #ff1022,-85px 85px #ff1022}.button-longshadow-left.button-caution:active,.button-longshadow-left.button-caution.active,.button-longshadow-left.button-caution.is-active{text-shadow:0 1px 0 rgba(255,255,255,0.4)}.button-longshadow-left.button-royal{text-shadow:0 0 #5246e2,-1px 1px #5246e2,-2px 2px #5246e2,-3px 3px #5246e2,-4px 4px #5246e2,-5px 5px #5246e2,-6px 6px #5246e2,-7px 7px #5246e2,-8px 8px #5246e2,-9px 9px #5246e2,-10px 10px #5246e2,-11px 11px #5246e2,-12px 12px #5246e2,-13px 13px #5246e2,-14px 14px #5246e2,-15px 15px #5246e2,-16px 16px #5246e2,-17px 17px #5246e2,-18px 18px #5246e2,-19px 19px #5246e2,-20px 20px #5246e2,-21px 21px #5246e2,-22px 22px #5246e2,-23px 23px #5246e2,-24px 24px #5246e2,-25px 25px #5246e2,-26px 26px #5246e2,-27px 27px #5246e2,-28px 28px #5246e2,-29px 29px #5246e2,-30px 30px #5246e2,-31px 31px #5246e2,-32px 32px #5246e2,-33px 33px #5246e2,-34px 34px #5246e2,-35px 35px #5246e2,-36px 36px #5246e2,-37px 37px #5246e2,-38px 38px #5246e2,-39px 39px #5246e2,-40px 40px #5246e2,-41px 41px #5246e2,-42px 42px #5246e2,-43px 43px #5246e2,-44px 44px #5246e2,-45px 45px #5246e2,-46px 46px #5246e2,-47px 47px #5246e2,-48px 48px #5246e2,-49px 49px #5246e2,-50px 50px #5246e2,-51px 51px #5246e2,-52px 52px #5246e2,-53px 53px #5246e2,-54px 54px #5246e2,-55px 55px #5246e2,-56px 56px #5246e2,-57px 57px #5246e2,-58px 58px #5246e2,-59px 59px #5246e2,-60px 60px #5246e2,-61px 61px #5246e2,-62px 62px #5246e2,-63px 63px #5246e2,-64px 64px #5246e2,-65px 65px #5246e2,-66px 66px #5246e2,-67px 67px #5246e2,-68px 68px #5246e2,-69px 69px #5246e2,-70px 70px #5246e2,-71px 71px #5246e2,-72px 72px #5246e2,-73px 73px #5246e2,-74px 74px #5246e2,-75px 75px #5246e2,-76px 76px #5246e2,-77px 77px #5246e2,-78px 78px #5246e2,-79px 79px #5246e2,-80px 80px #5246e2,-81px 81px #5246e2,-82px 82px #5246e2,-83px 83px #5246e2,-84px 84px #5246e2,-85px 85px #5246e2}.button-longshadow-left.button-royal:active,.button-longshadow-left.button-royal.active,.button-longshadow-left.button-royal.is-active{text-shadow:0 1px 0 rgba(255,255,255,0.4)}.button-giant{font-size:28px;height:70px;line-height:70px;padding:0 70px}.button-jumbo{font-size:24px;height:60px;line-height:60px;padding:0 60px}.button-large{font-size:20px;height:50px;line-height:50px;padding:0 50px}.button-normal{font-size:16px;height:40px;line-height:40px;padding:0 40px}.button-small{font-size:12px;height:30px;line-height:30px;padding:0 30px}.button-tiny{font-size:9.6px;height:24px;line-height:24px;padding:0 24px} \ No newline at end of file diff --git a/author.hbs b/author.hbs index f233532..630cc78 100644 --- a/author.hbs +++ b/author.hbs @@ -3,7 +3,9 @@ {{#author}} {{!-- Everything inside the #author tags pulls data from the author --}} -
+ + +{{> header background=feature_image}} {{!--Special header.hbs partial to generate the
tag--}}
{{> "site-nav"}}
diff --git a/default.hbs b/default.hbs index daa1cff..c3304f9 100644 --- a/default.hbs +++ b/default.hbs @@ -14,43 +14,6 @@ {{!-- Styles'n'Scripts --}} - - - - - - - - - - - - - - - - - - - - {{!-- This tag outputs SEO meta+structured data and other important settings --}} {{ghost_head}} @@ -65,11 +28,11 @@ {{!-- The footer at the very bottom of the screen --}}
-
{{@blog.title}} © {{date format="YYYY"}}
+
{{@site.title}} © {{date format="YYYY"}}
@@ -82,10 +45,10 @@
-
+ +
{{!--/.post-card-content--}} + diff --git a/partials/site-nav.hbs b/partials/site-nav.hbs index d94911c..aca7859 100644 --- a/partials/site-nav.hbs +++ b/partials/site-nav.hbs @@ -1,29 +1,29 @@ diff --git a/post.hbs b/post.hbs index 50eecbc..f58e0b4 100644 --- a/post.hbs +++ b/post.hbs @@ -28,7 +28,20 @@ into the {body} of the default.hbs template --}}
{{#if feature_image}} -
+
+ {{!-- This is a responsive image, it loads different sizes depending on device + https://medium.freecodecamp.org/a-guide-to-responsive-images-with-ready-to-use-templates-c400bd65c433 --}} + {{title}}
{{/if}} @@ -41,7 +54,7 @@ into the {body} of the default.hbs template --}} {{!-- Email subscribe form at the bottom of the page --}} {{#if @labs.subscribers}} @@ -82,14 +95,14 @@ into the {body} of the default.hbs template --}} {{#if related_posts}}
- — {{@blog.title}} — + — {{@site.title}} — {{#../primary_tag}}

{{name}}

{{/../primary_tag}} diff --git a/tag.hbs b/tag.hbs index f6bcd63..5de8892 100644 --- a/tag.hbs +++ b/tag.hbs @@ -1,9 +1,8 @@ {{!< default}} {{!-- The tag above means - insert everything in this file into the {body} of the default.hbs template --}} -{{!-- The big featured header, it uses blog cover image as a BG if available --}} {{#tag}} -
+{{> header background=feature_image}} {{!--Special header.hbs partial to generate the
tag--}}
{{> "site-nav"}}