diff --git a/README.md b/README.md
index d33e536..11fd8ae 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
# Publii Starter Theme
-Version: 1.0.5.0
+Version: 1.0.6.0
diff --git a/assets/css/main.css b/assets/css/main.css
index ada9430..56a2d26 100755
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -32,21 +32,27 @@ textarea {
font: inherit; }
html {
- font-size: 1rem; }
- @media screen and (min-width: 20rem) {
- html {
- font-size: -webkit-calc(1rem + 0.2 * ((100vw - 20rem) / 113));
- font-size: calc(1rem + 0.2 * ((100vw - 20rem) / 113)); } }
- @media screen and (min-width: 133rem) {
- html {
- font-size: 1.2rem; } }
+ font-smooth: always;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ scroll-behavior: smooth; }
+ html {
+ font-size: 1rem; }
+ @media screen and (min-width: 20rem) {
+ html {
+ font-size: -webkit-calc(1rem + 0.2 * ((100vw - 20rem) / 113));
+ font-size: calc(1rem + 0.2 * ((100vw - 20rem) / 113)); } }
+ @media screen and (min-width: 133rem) {
+ html {
+ font-size: 1.2rem; } }
body {
background: #ffffff;
color: #343434;
font-family: "PT Serif", serif;
font-weight: 400;
- line-height: 1.6; }
+ line-height: 1.6;
+ overscroll-behavior: none; }
a {
color: #343434;
@@ -968,6 +974,34 @@ textarea {
color: #343434; }
.post__entry a:hover {
text-decoration: underline; }
+ .post__toc ul {
+ counter-reset: item;
+ list-style: decimal;
+ margin: -webkit-calc(0.53333rem + 0.25vw) 0 0 1rem;
+ margin: calc(0.53333rem + 0.25vw) 0 0 1rem; }
+ .post__toc ul li {
+ counter-increment: item;
+ padding: 0; }
+ .post__toc ul ul {
+ margin-top: 0; }
+ .post__toc ul ul li {
+ display: block; }
+ .post__toc ul ul li:before {
+ content: counters(item, ".") ". ";
+ margin-left: -20px; }
+ .post__video {
+ height: 0;
+ overflow: hidden;
+ padding-top: 1.6rem;
+ padding-bottom: 56.25%;
+ position: relative; }
+ .post__video > iframe {
+ border: none;
+ height: 100%;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100%; }
.post__footer {
margin-top: -webkit-calc(1.86667rem + 0.5vw);
margin-top: calc(1.86667rem + 0.5vw); }
diff --git a/assets/css/main.css.map b/assets/css/main.css.map
index 8c55bcc..9feaf2f 100644
--- a/assets/css/main.css.map
+++ b/assets/css/main.css.map
@@ -1 +1 @@
-{"version":3,"sources":["main.css","base/_reset.scss","helpers/_mixins.scss","helpers/_variables.scss","base/_typography.scss","vendors/modular-scale/_calc.scss","helpers/_functions.scss","vendors/_mappy-breakpoints.scss","components/_buttons.scss","components/_forms.scss","layout/_grid.scss","layout/_header.scss","layout/_logo.scss","layout/_menu.scss","layout/_sidebar.scss","themes/_core.scss","layout/_pagination.scss","layout/_footer.scss","layout/_gallery.scss"],"names":[],"mappings":"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","file":"main.css","sourcesContent":["@charset \"UTF-8\";\n*,\n*:before,\n*:after {\n box-sizing: border-box;\n margin: 0;\n padding: 0; }\n\narticle,\naside,\nfooter,\nheader,\nhgroup,\nmain,\nnav,\nsection {\n display: block; }\n\nli {\n list-style: none; }\n\nimg {\n height: auto;\n max-width: 100%;\n vertical-align: top; }\n\nbutton,\ninput,\nselect,\ntextarea {\n font: inherit; }\n\nhtml {\n font-size: 1rem; }\n @media screen and (min-width: 20rem) {\n html {\n font-size: calc(1rem + 0.2 * ((100vw - 20rem) / 113)); } }\n @media screen and (min-width: 133rem) {\n html {\n font-size: 1.2rem; } }\n\nbody {\n background: #ffffff;\n color: #343434;\n font-family: \"PT Serif\", serif;\n font-weight: 400;\n line-height: 1.6; }\n\na {\n color: #343434;\n text-decoration: none;\n transition: all 0.24s ease-out; }\n\na:hover {\n color: #3949ab; }\n\na:active {\n color: #3949ab; }\n\na:focus {\n color: #3949ab; }\n\np,\nul,\nol,\ndl,\ntable {\n margin-top: calc(1.33333rem + 0.5vw); }\n\nblockquote,\nfigure {\n margin-top: calc(1.86667rem + 0.5vw);\n margin-bottom: calc(1.86667rem + 0.5vw); }\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n color: #343434;\n font-family: \"Roboto\", sans-serif;\n font-weight: 700;\n line-height: 1.2;\n margin-top: calc(1.86667rem + 0.5vw); }\n\nh1 {\n margin: 0; }\n h1 {\n font-size: 1.67583rem; }\n @media screen and (min-width: 20rem) {\n h1 {\n font-size: calc(1.67583rem + 0.4936 * ((100vw - 20rem) / 113)); } }\n @media screen and (min-width: 133rem) {\n h1 {\n font-size: 2.16943rem; } }\n\nh2 {\n font-size: 1.29454rem; }\n @media screen and (min-width: 20rem) {\n h2 {\n font-size: calc(1.29454rem + 0.27655 * ((100vw - 20rem) / 113)); } }\n @media screen and (min-width: 133rem) {\n h2 {\n font-size: 1.57109rem; } }\n\nh3 {\n font-size: 1.13778rem; }\n @media screen and (min-width: 20rem) {\n h3 {\n font-size: calc(1.13778rem + 0.24306 * ((100vw - 20rem) / 113)); } }\n @media screen and (min-width: 133rem) {\n h3 {\n font-size: 1.38084rem; } }\n\nh4 {\n font-size: 1.06667rem; }\n @media screen and (min-width: 20rem) {\n h4 {\n font-size: calc(1.06667rem + 0.14696 * ((100vw - 20rem) / 113)); } }\n @media screen and (min-width: 133rem) {\n h4 {\n font-size: 1.21363rem; } }\n\nh5 {\n font-size: 0.9375rem; }\n @media screen and (min-width: 20rem) {\n h5 {\n font-size: calc(0.9375rem + 0.12917 * ((100vw - 20rem) / 113)); } }\n @media screen and (min-width: 133rem) {\n h5 {\n font-size: 1.06667rem; } }\n\nh6 {\n font-size: 0.87891rem; }\n @media screen and (min-width: 20rem) {\n h6 {\n font-size: calc(0.87891rem + 0.12109 * ((100vw - 20rem) / 113)); } }\n @media screen and (min-width: 133rem) {\n h6 {\n font-size: 1rem; } }\n\nh2 + p,\nh3 + p,\nh4 + p,\nh5 + p,\nh6 + p {\n margin-top: calc(0.8rem + 0.25vw); }\n\nb,\nstrong {\n font-weight: 700; }\n\nblockquote {\n font-family: \"Roboto\", sans-serif;\n font-weight: 700;\n padding: 0 15%; }\n blockquote cite {\n color: #343434;\n display: block;\n font-family: \"PT Serif\", serif;\n font-size: 0.87891rem;\n font-style: normal;\n padding-top: 0.53333rem; }\n blockquote > :nth-child(1) {\n margin-top: 0; }\n blockquote:before {\n display: block;\n height: 0;\n content: \"“\";\n margin-left: -.55em;\n font: normal 400%/0.9 \"Roboto\", sans-serif;\n color: #e3e3e3; }\n @media all and (min-width: 37.5em) {\n blockquote:before {\n margin-left: -.85em; } }\n\nul,\nol {\n margin-left: 2rem; }\n ul > li,\n ol > li {\n list-style: inherit;\n padding: 0.26667rem 0 0 1.06667rem; }\n\ndl dt {\n font-weight: 700; }\n\npre {\n margin: calc(1.06667rem + 0.25vw) 0 0;\n padding: 1.6rem 3.2rem;\n white-space: pre-wrap;\n word-wrap: break-word; }\n\ncode,\npre {\n background-color: #f6f6f6;\n font-family: \"Monaco\", \"Courier New\", monospace;\n font-size: 0.9375rem; }\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n display: block;\n max-width: 100%;\n overflow-x: auto;\n vertical-align: top;\n text-align: left;\n white-space: nowrap; }\n table th {\n border-bottom: 2px solid #e3e3e3;\n padding: 0.8rem 1.33333rem; }\n table tr:nth-child(2n) {\n background: whitesmoke; }\n table td {\n padding: 0.8rem 1.33333rem; }\n\nfigcaption {\n color: #908e98;\n font-family: \"Roboto\", sans-serif;\n font-weight: 400;\n font-size: 0.77248rem;\n margin: 1.06667rem 0 0;\n text-align: center; }\n\nsub,\nsup {\n font-size: 65%; }\n\n.btn, [type=button],\n[type=submit],\nbutton {\n background: #3949ab;\n border: none;\n border-radius: 50px;\n color: #ffffff;\n cursor: pointer;\n display: inline-block;\n font: 700 0.7242rem \"Roboto\", sans-serif;\n letter-spacing: 0.15rem;\n padding: 0.8rem 1.6rem;\n vertical-align: middle;\n text-align: center;\n text-transform: lowercase;\n transition: all 0.24s ease;\n width: 100%; }\n @media all and (min-width: 37.5em) {\n .btn, [type=button],\n [type=submit],\n button {\n width: auto; } }\n .btn:hover, [type=button]:hover,\n [type=submit]:hover,\n button:hover, .btn:focus, [type=button]:focus,\n [type=submit]:focus,\n button:focus, .btn:active, [type=button]:active,\n [type=submit]:active,\n button:active {\n background: #343434;\n color: #ffffff; }\n .btn:focus, [type=button]:focus,\n [type=submit]:focus,\n button:focus {\n outline: 2px dotted #343434; }\n .btn:disabled, [type=button]:disabled,\n [type=submit]:disabled,\n button:disabled {\n background-color: whitesmoke;\n border-color: #cccccc;\n color: #717171;\n cursor: not-allowed; }\n\n[type=button],\n[type=submit],\nbutton {\n -webkit-appearance: none;\n -moz-appearance: none; }\n\nfieldset {\n border: 1px solid #d6d6d6;\n border-radius: 6px;\n margin: 0 0 1.6rem;\n padding: 1.6rem; }\n fieldset > legend {\n margin-left: -1rem;\n padding: 0 1rem; }\n\nlegend {\n font-weight: 700; }\n\nlabel {\n font-weight: 700;\n margin: 0 1.06667rem 0.8rem 0; }\n\noption {\n font-weight: 400; }\n\n[type=text],\n[type=url],\n[type=tel],\n[type=number],\n[type=email],\n[type=search],\ntextarea,\nselect {\n background-color: #ffffff;\n border: 1px solid #d6d6d6;\n border-radius: 50px;\n font-size: 1rem;\n outline: none;\n padding: 0.53333rem 0.8rem;\n width: 100%;\n transition: all 0.24s ease-out;\n -webkit-appearance: none;\n -moz-appearance: none; }\n @media all and (min-width: 37.5em) {\n [type=text],\n [type=url],\n [type=tel],\n [type=number],\n [type=email],\n [type=search],\n textarea,\n select {\n width: auto; } }\n [type=text]:focus,\n [type=url]:focus,\n [type=tel]:focus,\n [type=number]:focus,\n [type=email]:focus,\n [type=search]:focus,\n textarea:focus,\n select:focus {\n box-shadow: inset 0 0 2px #3949ab; }\n\ninput[type=checkbox],\ninput[type=radio] {\n opacity: 0;\n position: absolute; }\n input[type=checkbox] + label,\n input[type=radio] + label {\n position: relative;\n margin-left: -1px;\n cursor: pointer;\n padding: 0; }\n input[type=checkbox] + label:before,\n input[type=radio] + label:before {\n background-color: #ffffff;\n border: 1px solid #d6d6d6;\n border-radius: 2px;\n content: '';\n display: inline-block;\n height: 1.33333rem;\n line-height: 1.33333rem;\n margin-right: 1.06667rem;\n vertical-align: middle;\n text-align: center;\n width: 1.33333rem; }\n input[type=checkbox]:checked + label:before,\n input[type=radio]:checked + label:before {\n content: \"\";\n background-image: url(\"data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 8'%3e%3cpolygon points='9.53 0 4.4 5.09 1.47 2.18 0 3.64 2.93 6.54 4.4 8 5.87 6.54 11 1.46 9.53 0' fill='%233949ab'/%3e%3c/svg%3e\");\n background-repeat: no-repeat;\n background-size: 11px 8px;\n background-position: 50% 50%; }\n\ninput[type=radio] + label:before {\n border-radius: 50%; }\n\ninput[type=radio]:checked + label:before {\n background-image: url(\"data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3ccircle cx='4' cy='4' r='4' fill='%233949ab'/%3e%3c/svg%3e\"); }\n\n[type=file] {\n margin-bottom: 1.6rem;\n width: 100%; }\n\nselect {\n max-width: 100%;\n width: auto;\n position: relative; }\n select:not([multiple]) {\n background: url('data:image/svg+xml;utf8,') no-repeat 90% 50%;\n background-size: 8px;\n padding-right: 3.2rem; }\n\nselect[multiple] {\n border-radius: 6px;\n padding: 1.6rem;\n width: 100%; }\n select[multiple]:hover {\n border-color: #d6d6d6; }\n select[multiple]:focus {\n border-color: #3949ab; }\n select[multiple]:disabled {\n background-color: whitesmoke;\n cursor: not-allowed; }\n select[multiple]:disabled:hover {\n border-color: #d6d6d6; }\n\ntextarea {\n border-radius: 6px;\n display: block;\n overflow: auto;\n resize: vertical;\n max-width: 100%; }\n\n.container {\n display: grid;\n grid-gap: calc(1.86667rem + 0.5vw);\n grid-template-columns: 1fr auto 1fr; }\n @media all and (min-width: 56.25em) {\n .container {\n grid-template-columns: 1fr minmax(auto, 42rem) 20rem 1fr; } }\n\n.top {\n grid-column: 2/3; }\n @media all and (min-width: 56.25em) {\n .top {\n grid-column: 2/4; } }\n\n.footer {\n grid-column: 2/3; }\n @media all and (min-width: 56.25em) {\n .footer {\n grid-column: 2/4; } }\n\n.main {\n grid-column: 2/3; }\n .main--full {\n grid-column: 2/4; }\n .main--grid {\n align-content: start;\n display: grid;\n grid-gap: calc(1.86667rem + 0.5vw); }\n @media all and (min-width: 37.5em) {\n .main--grid {\n grid-template-columns: repeat(6, 1fr); }\n .main--grid > .article {\n grid-column: span 3; } }\n\n.sidebar {\n grid-column: 2/3; }\n @media all and (min-width: 56.25em) {\n .sidebar {\n grid-column: 3/4; } }\n\n@media all and (min-width: 37.5em) {\n .hero,\n .page-header--listing {\n grid-column: span 6; } }\n\n@media all and (min-width: 37.5em) {\n .featured-posts {\n grid-column: span 6;\n display: grid;\n grid-column-gap: calc(1.86667rem + 0.5vw);\n grid-template-columns: repeat(3, 1fr); }\n .featured-posts > h3 {\n grid-column: span 3; } }\n\n@media all and (min-width: 37.5em) {\n .pagination {\n grid-column: span 6; } }\n\n.top {\n align-items: center;\n display: flex;\n justify-content: space-between;\n margin-top: calc(1.86667rem + 0.5vw);\n position: relative; }\n\n.logo {\n color: #343434 !important;\n font-family: \"Roboto\", sans-serif;\n font-weight: 800; }\n .logo {\n font-size: 1.4729rem; }\n @media screen and (min-width: 20rem) {\n .logo {\n font-size: calc(1.4729rem + 0.43382 * ((100vw - 20rem) / 113)); } }\n @media screen and (min-width: 133rem) {\n .logo {\n font-size: 1.90672rem; } }\n @media all and (min-width: 56.25em) {\n .logo {\n margin: 0; } }\n\n.navbar__menu {\n font-family: \"Roboto\", sans-serif;\n font-weight: 700;\n margin: 0;\n padding: 0;\n overflow: hidden;\n padding: 0; }\n @media all and (max-width: 56.1875em) {\n .navbar__menu {\n background: #ffffff;\n height: 100vh;\n left: 0;\n opacity: 0;\n position: absolute;\n top: 2.99rem;\n transition: all 0.3s ease-out;\n visibility: hidden;\n transform: translateY(-5%);\n width: 100%;\n z-index: 1; }\n .navbar__menu > li {\n transition: all 0.3s ease-out;\n border-bottom: 1px solid #e3e3e3;\n padding: 0; } }\n @media all and (min-width: 56.25em) {\n .navbar__menu {\n max-height: none;\n overflow: visible; } }\n .navbar__menu li {\n color: #343434;\n padding: 0;\n text-align: center; }\n @media all and (min-width: 56.25em) {\n .navbar__menu li {\n display: inline-block;\n margin: 0 0 0 1.6rem;\n position: relative; } }\n .navbar__menu li:hover, .navbar__menu li[aria-expanded=\"true\"] {\n cursor: pointer; }\n @media all and (min-width: 56.25em) {\n .navbar__menu li:hover > ul, .navbar__menu li[aria-expanded=\"true\"] > ul {\n display: block; }\n .navbar__menu li:hover > ul li, .navbar__menu li[aria-expanded=\"true\"] > ul li {\n margin: 0;\n display: block; } }\n .navbar__menu li a,\n .navbar__menu li span {\n display: block;\n color: #343434;\n white-space: nowrap; }\n @media all and (max-width: 56.1875em) {\n .navbar__menu li a,\n .navbar__menu li span {\n padding: 1.06667rem 0; } }\n .navbar__menu li a:after,\n .navbar__menu li span:after {\n content: \"\";\n display: block;\n margin: 0 auto; }\n .navbar__menu li a:hover:not(span),\n .navbar__menu li span:hover:not(span) {\n color: #3949ab; }\n\n@media all and (max-width: 56.1875em) {\n .navbar__submenu {\n margin: 0; } }\n\n@media all and (min-width: 56.25em) {\n .navbar__submenu {\n background: #ffffff;\n box-shadow: 0 0 6px rgba(52, 52, 52, 0.15);\n display: none;\n left: auto;\n margin: 15px 0 0;\n padding: 0.53333rem 0;\n position: absolute;\n top: 100%;\n width: auto;\n z-index: 2000; }\n .navbar__submenu:before {\n content: '';\n display: block;\n height: 15px;\n left: 0;\n position: absolute;\n top: -15px;\n width: 100%; }\n .navbar__submenu li {\n border: none;\n font-weight: normal;\n margin: 0; }\n .navbar__submenu li > a {\n padding: 0.53333rem 2.66667rem; } }\n @media all and (min-width: 56.25em) and (max-width: 56.1875em) {\n .navbar__submenu li > a {\n padding: 0.26667rem 0; } }\n\n@media all and (min-width: 56.25em) {\n .navbar__submenu li:hover > a {\n background: #f7f7f8; }\n .navbar__submenu li ul {\n left: 90%;\n top: 0;\n transform: translate(-10%, 0); }\n .navbar__submenu li ul.navbar__submenu--reversed {\n left: auto;\n right: 90%;\n top: 0; } }\n\n.navbar__toggle {\n background: none;\n border: none;\n border-top: 2px solid #343434;\n border-radius: 0;\n display: block;\n height: 14px;\n padding: 0;\n position: absolute;\n top: 50%;\n transform: translate(0, -50%);\n right: 0;\n text-indent: -99999rem;\n width: 1.6rem;\n z-index: 3; }\n @media all and (min-width: 56.25em) {\n .navbar__toggle {\n display: none; } }\n .navbar__toggle:before {\n border-top: 2px solid #343434;\n content: \"\";\n left: 0;\n position: absolute;\n top: 4px;\n width: 100%; }\n .navbar__toggle:after {\n border-bottom: 2px solid #343434;\n content: \"\";\n left: 0;\n position: absolute;\n bottom: 0;\n width: 100%; }\n .navbar__toggle:focus {\n background: none;\n outline: none;\n border: none;\n border-top: 2px solid #343434; }\n .navbar__toggle:hover {\n background: none; }\n\n.is-opened > ul {\n opacity: 1;\n overflow: auto;\n visibility: visible;\n transform: translateY(0); }\n .is-opened > ul li {\n padding: 0;\n transform: translateY(0); }\n .is-opened > ul li ul {\n height: 0;\n opacity: 0;\n transition: all 0.3s ease-out;\n transform: translateY(-10%); }\n .is-opened > ul li ul li {\n border-top: 1px solid #e3e3e3; }\n .is-opened > ul li:hover > ul {\n height: auto;\n opacity: 1;\n transform: translateX(0); }\n .is-opened > ul li[aria-expanded=\"true\"] > ul {\n display: block; }\n\n@media all and (max-width: 56.1875em) {\n .has-submenu:after {\n background: #ffffff;\n border-right: 1px solid #343434;\n border-bottom: 1px solid #343434;\n content: '';\n display: block;\n height: 8px;\n position: absolute;\n right: 10px;\n top: 1rem;\n transform: rotate(45deg);\n width: 8px; } }\n\n.sidebar input {\n width: 100%; }\n .sidebar input + input {\n margin-top: 0.53333rem; }\n\n.box {\n margin-bottom: calc(3.2rem + 1vw); }\n .box--gray {\n background: #f7f7f8;\n padding: calc(1.86667rem + 0.5vw); }\n .box--gray > .box__title {\n border-top: none;\n padding-top: 0; }\n .box__title {\n color: #3949ab;\n margin: 0 0 calc(1.86667rem + 0.5vw); }\n .box ul {\n margin-left: 0; }\n\n.owner {\n text-align: center; }\n .owner > img {\n border-radius: 50%;\n max-width: 7rem; }\n .owner > p {\n font-size: 0.87891rem; }\n .owner__email {\n display: block;\n margin-top: 0.8rem;\n text-decoration: underline; }\n\n.authors {\n list-style: none; }\n .authors > li {\n align-items: center;\n clear: both;\n display: flex;\n margin: 0 0 calc(1.6rem + 0.75vw);\n padding: 0; }\n .authors__img {\n margin-right: 2rem; }\n .authors__title {\n display: block;\n font-family: \"Roboto\", sans-serif;\n font-weight: 700; }\n\n.tags > li {\n display: flex;\n justify-content: space-between;\n padding-left: 0; }\n\n.newsletter__note {\n color: #908e98;\n font-size: 0.77248rem;\n margin: 0 0 1.06667rem; }\n\n.u-small {\n color: #908e98;\n font-family: \"Roboto\", sans-serif;\n font-weight: 400;\n font-size: 0.77248rem; }\n\n.u-icon {\n fill: rgba(52, 52, 52, 0.8);\n height: 1rem;\n width: 1rem;\n transition: all 0.24s ease-out; }\n\n.hero {\n height: 29rem;\n position: relative; }\n .hero__image {\n height: 29rem;\n object-fit: cover;\n opacity: 0.9;\n position: relative;\n width: 100%; }\n .hero__text {\n color: #ffffff;\n text-align: center;\n width: 80%;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%); }\n .hero__text > h1 {\n color: #ffffff; }\n .hero__text > .btn, .hero__text > [type=button], .hero__text >\n [type=submit], .hero__text >\n button {\n margin-top: 1.6rem; }\n\n.page-header {\n border-top: 3px solid #343434;\n padding-top: calc(1.86667rem + 0.5vw); }\n .page-header__title {\n color: #3949ab; }\n .page-header__desc {\n margin-top: calc(0.26667rem + 0.5vw); }\n\n.article {\n margin-bottom: calc(1.6rem + 0.5vw); }\n .article__title {\n font-size: 1.13778rem; }\n @media screen and (min-width: 20rem) {\n .article__title {\n font-size: calc(1.13778rem + 0.07585 * ((100vw - 20rem) / 113)); } }\n @media screen and (min-width: 133rem) {\n .article__title {\n font-size: 1.21363rem; } }\n .article__meta {\n display: flex;\n align-items: center;\n justify-content: space-between; }\n .article__meta__avatar {\n border-radius: 50%;\n height: 2.13333rem;\n margin-right: 0.8rem;\n width: 2.13333rem;\n display: inline-block;\n vertical-align: middle; }\n\n.post {\n border-top: 3px solid #343434;\n padding-top: calc(1.86667rem + 0.5vw); }\n .post__meta {\n margin: calc(1.06667rem + 0.25vw) 0 0 0; }\n .post__meta > li {\n display: inline-block;\n list-style: none;\n padding: 0.26667rem 1.06667rem 0 0; }\n .post__meta > li > svg {\n fill: #ffc400;\n vertical-align: top; }\n .post__image--left {\n float: left;\n margin-right: calc(1.86667rem + 0.5vw);\n max-width: 50%; }\n .post__image--right {\n float: right;\n margin-left: calc(1.86667rem + 0.5vw);\n max-width: 50%; }\n .post__image--center {\n display: block;\n margin-left: auto;\n margin-right: auto;\n text-align: center; }\n .post__image--wide {\n text-align: center; }\n .post__image--full {\n text-align: center; }\n .post__video {\n height: 0;\n overflow: hidden;\n padding-top: 1.6rem;\n padding-bottom: 56.25%;\n position: relative; }\n .post__video > iframe {\n border: none;\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%; }\n .post__entry {\n margin-top: calc(1.86667rem + 1vw); }\n @media all and (max-width: 56.1875em) {\n .post__entry {\n max-width: 36rem;\n margin-left: auto;\n margin-right: auto; } }\n .post__entry > :nth-child(1) {\n margin-top: 0; }\n .post__entry a {\n color: #3949ab;\n text-decoration: none;\n transition: all 0.24s ease-out; }\n .post__entry a:hover {\n color: #343434; }\n .post__entry a:active {\n color: #343434; }\n .post__entry a:focus {\n color: #343434; }\n .post__entry a:hover {\n text-decoration: underline; }\n .post__footer {\n margin-top: calc(1.86667rem + 0.5vw); }\n @media all and (max-width: 37.4375em) {\n .post__footer {\n text-align: center; } }\n .post__footer > .box {\n border-top: 1px solid #e3e3e3;\n padding-top: calc(1.86667rem + 0.5vw);\n text-align: center; }\n .post__last-updated {\n color: #908e98;\n font-size: 0.77248rem;\n margin-bottom: calc(1.86667rem + 0.5vw); }\n .post__share > a {\n background: #f7f7f8;\n border-radius: 50px;\n display: inline-block;\n font-family: \"Roboto\", sans-serif;\n font-size: 0.77248rem;\n padding: 0.53333rem 1.6rem;\n margin: 0.53333rem 0.53333rem 0; }\n .post__share > a > .u-icon {\n pointer-events: none;\n display: inline-block;\n margin-right: 0.53333rem;\n vertical-align: middle; }\n .post__tag {\n margin-left: 0;\n margin-top: 0; }\n .post__tag li {\n display: inline-block; }\n .post__tag li > a {\n background: #f7f7f8;\n border-radius: 50px;\n display: inline-block;\n font-family: \"Roboto\", sans-serif;\n font-size: 0.77248rem;\n padding: 0.53333rem 1.6rem; }\n .post__bio > img {\n border-radius: 50%;\n height: 4.8rem;\n width: 4.8rem; }\n .post__nav {\n color: #908e98;\n display: flex;\n font-size: 0.77248rem;\n justify-content: space-between;\n margin-bottom: calc(1.86667rem + 0.5vw); }\n .post__nav__link {\n color: #717171; }\n @media all and (min-width: 37.5em) {\n .post__nav__link {\n align-items: flex-start;\n display: flex;\n justify-content: space-around; } }\n .post__nav__link > img {\n width: 100px; }\n @media all and (max-width: 37.4375em) {\n .post__nav__link > img {\n display: none; } }\n .post__nav__link:hover h5 {\n transition: all 0.12s linear;\n color: #3949ab; }\n .post__nav h5 {\n font-size: 0.87891rem;\n margin: 0.26667rem 0 0;\n position: relative; }\n .post__nav__prev {\n flex-basis: 50%;\n text-align: left; }\n .post__nav__next {\n flex-basis: 50%;\n margin-left: auto;\n text-align: right; }\n @media all and (min-width: 37.5em) {\n .post__nav__text {\n width: 55%; } }\n .post__related__wrap {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n margin: calc(1.86667rem + 0.5vw) -2% 0;\n width: 104%; }\n @media all and (min-width: 56.25em) {\n .post__related__wrap {\n flex-wrap: no-wrap; } }\n .post__related__wrap figure {\n margin: 0;\n flex-basis: 50%;\n padding: 0.8rem 2%; }\n @media all and (min-width: 37.5em) {\n .post__related__wrap figure {\n flex-basis: 33.333%; } }\n .post__related__wrap figcaption > time {\n color: #908e98;\n font-size: 0.82397rem;\n margin: 0 0 0.8rem; }\n .post__related__wrap h4 {\n font-size: 0.87891rem;\n margin: 1.6rem 0 0.53333rem; }\n\n.comments {\n border-top: 1px solid #e3e3e3;\n padding-top: calc(1.86667rem + 0.5vw);\n text-align: center; }\n .comments > h3 {\n margin-bottom: calc(1.86667rem + 0.5vw); }\n\n.author__avatar {\n border-radius: 50%;\n height: 4.8rem;\n margin-bottom: calc(0.93333rem + 0.5vw);\n width: 4.8rem; }\n\n.search__form {\n margin-top: calc(1.86667rem + 0.5vw); }\n\n.search__input {\n width: 100%; }\n\n.gs-webResult {\n border-top: 1px solid #e3e3e3;\n padding-top: 1rem; }\n\n.gsc-table-result {\n margin-top: 0.53333rem;\n white-space: initial; }\n .gsc-table-result td {\n padding: 0; }\n\n.align-left {\n text-align: left; }\n\n.align-right {\n text-align: right; }\n\n.align-center {\n text-align: center; }\n\n.align-justify {\n text-align: justify; }\n\n.msg {\n padding: 1.06667rem 1.6rem; }\n .msg--highlight {\n background-color: #fff7e5; }\n .msg--info {\n background-color: #d9edf7; }\n .msg--success {\n background: #d5efc2; }\n\n.dropcap:first-letter {\n color: #343434;\n float: left;\n font-family: \"Roboto\", sans-serif;\n line-height: 0.6;\n margin-right: 0.53333rem;\n padding: 0.53333rem 0.53333rem 0.53333rem 0; }\n .dropcap:first-letter {\n font-size: 2.8084rem; }\n @media screen and (min-width: 20rem) {\n .dropcap:first-letter {\n font-size: calc(2.8084rem + 1.898 * ((100vw - 20rem) / 113)); } }\n @media screen and (min-width: 133rem) {\n .dropcap:first-letter {\n font-size: 4.70641rem; } }\n\n@media all and (min-width: 37.5em) {\n .pagination > a {\n margin: 0 0.53333rem 0 0; } }\n\n.footer {\n border-top: 1px solid #e3e3e3;\n font-family: \"Roboto\", sans-serif;\n margin-top: calc(1.86667rem + 0.5vw);\n padding: calc(1.86667rem + 0.5vw) 0;\n text-align: center; }\n .footer__social > a {\n display: inline-block;\n padding: 0 0.53333rem; }\n .footer__copyright + .footer__social {\n margin-top: 1.6rem; }\n\n.gallery {\n margin: calc(1.6rem + 1vw) -0.53333rem; }\n @media all and (min-width: 20em) {\n .gallery {\n display: flex;\n flex-wrap: wrap; } }\n @media all and (min-width: 20em) {\n .gallery[data-columns=\"1\"] .gallery__item {\n width: 100%; } }\n @media all and (min-width: 30em) {\n .gallery[data-columns=\"2\"] .gallery__item {\n width: 50%; } }\n @media all and (min-width: 37.5em) {\n .gallery[data-columns=\"3\"] .gallery__item {\n width: 33%; } }\n @media all and (min-width: 56.25em) {\n .gallery[data-columns=\"4\"] .gallery__item {\n width: 25%; } }\n @media all and (min-width: 56.25em) {\n .gallery[data-columns=\"5\"] .gallery__item {\n width: 20%; } }\n @media all and (min-width: 56.25em) {\n .gallery[data-columns=\"6\"] .gallery__item {\n width: 16.666%; } }\n @media all and (min-width: 56.25em) {\n .gallery[data-columns=\"7\"] .gallery__item {\n width: 14.285%; } }\n @media all and (min-width: 56.25em) {\n .gallery[data-columns=\"8\"] .gallery__item {\n width: 12.5%; } }\n .gallery__item {\n margin: 0;\n padding: 0.53333rem; }\n @media all and (min-width: 20em) {\n .gallery__item {\n width: 50%; } }\n @media all and (min-width: 30em) {\n .gallery__item {\n width: 33.333%; } }\n @media all and (min-width: 37.5em) {\n .gallery__item {\n width: 25%; } }\n .gallery__item img {\n display: block;\n width: 100%; }\n\n.pswp--dark .pswp__bg {\n background: black; }\n\n.pswp--light .pswp__bg {\n background: white; }\n\n.pswp--light .pswp__counter {\n color: #343434; }\n\n.pswp--light .pswp__caption__center {\n color: #343434; }\n","*,\n*:before,\n*:after {\n\tbox-sizing: border-box;\n\tmargin: 0;\n\tpadding: 0;\n}\n\narticle,\naside,\nfooter,\nheader,\nhgroup,\nmain,\nnav,\nsection {\n\tdisplay: block;\n}\n\nli {\n\tlist-style: none\n}\n\nimg {\n\theight: auto;\n\tmax-width: 100%;\n\tvertical-align: top;\n}\n\nbutton,\ninput,\nselect,\ntextarea {\n\tfont: inherit;\n}\n","// Links\n@mixin links ($link, $hover, $active, $focus) {\n\t& {\n\t\tcolor: $link;\n\t\ttext-decoration: none;\n\t\ttransition: all 0.24s ease-out;\n\t}\n\t&:hover {\n\t\tcolor: $hover;\n\t}\n\t&:active {\n\t\tcolor: $active;\n\t}\n\t&:focus {\n\t\tcolor: $focus;\n\t}\n}\n\n// Horizontal and vertical centering helper\n@mixin centerXY($horizontal: true, $vertical: true) {\n\tposition: absolute;\n\t@if ($horizontal and $vertical) {\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, -50%);\n\t}\n\t@else if ($horizontal) {\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, 0);\n\t}\n\t@else if ($vertical) {\n\t\ttop: 50%;\n\t\ttransform: translate(0, -50%);\n\t}\n}\n\n// Fluid typography\n@mixin fluid-type($properties, $min-vw, $max-vw, $min-value, $max-value) {\n\t& {\n\t\t@each $property in $properties {\n\t\t\t#{$property}: $min-value;\n\t\t}\n\t\t@media screen and (min-width: $min-vw) {\n\t\t\t@each $property in $properties {\n\t\t\t\t#{$property}: calc(#{$min-value} + #{strip-unit($max-value - $min-value)} * ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)}));\n\t\t\t}\n\t\t}\n\t\t@media screen and (min-width: $max-vw) {\n\t\t\t@each $property in $properties {\n\t\t\t\t#{$property}: $max-value;\n\t\t\t}\n\t\t}\n\t}\n}\n\n// Appearance property\n@mixin appearance-none {\n\t-webkit-appearance: none;\n\t-moz-appearance: none;\n}\n\n@function strip-unit($value) {\n\t@return $value / ($value * 0 + 1);\n}\n","// Breakpoints - Media queries map ------------------------------------\n\n$breakpoints: ( \n sm: 600px,\n md: 900px,\n\t lg: 1200px,\n xl: 1600px \t\n); \n\n\n// Widths ---------------------------------------------------------\n\n$main-col-width: 42rem;\n$sidebar-width: 20rem;\n$hero-height: 29rem;\n\n\n// Typography ---------------------------------------------------------\n\n// Font families \n\n$font-1: 'PT Serif', serif;\n$font-2: 'Roboto', sans-serif;\n$monospace-font: 'Monaco', 'Courier New', monospace;\n\n$body: $font-1;\n$heading: $font-2;\n$logo: $font-2;\n$monospace: $monospace-font;\n\n$font-weight-normal: 400;\n$font-weight-bold: 700;\n\n$letter-spacing: 0.05rem;\n\n// Modular scale\n\n$ms-base: 1rem;\n$ms-ratio: $minor-second; // the list of all available ratios you can find here: /vendors/modular-scale/_ratios.scss\n\n// Min and Max screen width for Fluid Typography\n\n$minScreen: 20rem;\n$maxScreen: 133rem;\n\n\n// Baseline\n\n$line-height: 1.6;\n$baseline: 1.6rem / 6; \n\n\n// Font size map\n\n$font: ( \n\tmin: 1rem,\n\tmax: 1.2rem \n);\n\n$h1: ( \n\tmin: (ms(8)), \n\tmax: (ms(12))\n); \n$h2: ( \n\tmin: (ms(4)),\n\tmax: (ms(7))\n);\n$h3: ( \n\tmin: (ms(2)),\n\tmax: (ms(5))\n);\n$h4: ( \n\tmin: (ms(1)),\n\tmax: (ms(3))\n);\n$h5: ( \n\tmin: (ms(-1)),\n\tmax: (ms(1))\n);\n$h6: ( \n\tmin: (ms(-2)),\n\tmax: (ms(0)) \n);\n\n\n// Colors -------------------------------------------------------------\n\n// main colors\n$dark: #343434;\n$color: #3949ab;\n$color-light: #f5f6ff;\n$gray: #908e98;\n$gray-light: #f7f7f8; \n$white: #ffffff;\n\n// secondary colors\n$color-bg: $white;\n$color-logo: $dark;\n$color-grey-light: tint($dark, 95%); \n\n// text \n$color-text: $dark;\n$color-text-light: tint($dark, 30%);\n$color-text-color: $color;\n$color-headings: $dark;\n\n// menu \n$color-menu: $white;\n$color-menu-link: $dark;\n$color-menu-link-hover: $color;\n$color-menu-border-separator: tint($dark, 90%);\n\n// links \n$color-link: $dark;\n$color-link-hover: $color;\n$color-link-active: $color;\n$color-link-focus: $color;\n\n// borders \n$color-border: $dark;\n$color-border-dark: tint($dark, 65%);\n$color-border-light: tint($dark, 86%);\n$color-border-color: $color;\n\n// buttons \n$color-button-txt: $white;\n$color-button-txt-hover: $white;\n$color-button-border: $dark;\n$color-button-border-hover: $dark;\n$color-button-bg: $color;\n$color-button-bg-hover: $dark;\n$color-button-disabled-bg: tint($dark, 95%);\n$color-button-disabled-border: tint($dark, 75%);\n\n// forms \n$color-input-bg: $white;\n$color-input-bg-color: $color;\n$color-input-border: tint($dark, 80%);\n$color-input-border-focus: $color;\n\n// social share icons \n$share_icons: ( \n\tfacebook: #3b5998, \n\ttwitter: #55acee, \n\tgplus: #dd4b39, \t \n\tinstagram: #405de6, \n\tvimeo: #1ab7ea, \n\tpinterest: #bd081c,\n\tyoutube: #cd201f,\n\tlinkedin: #0077B5,\n\tbuffer: #222222,\n\tstumbleupon:#eb4924\n); \n\n","// Typography ----------------------------------------------------------------- \n\nhtml {\n\t@include fluid-type(font-size, $minScreen, $maxScreen, map-get($font, min), map-get($font, max));\n}\n\nbody {\n\tbackground: $color-bg;\n\tcolor: $color-text;\n\tfont-family: $body;\n\tfont-weight: $font-weight-normal;\n\tline-height: $line-height;\n}\n\na {\n\t@include links ($color-link, $color-link-hover, $color-link-active, $color-link-focus);\n}\n\np,\nul,\nol,\ndl,\ntable {\n\tmargin-top: calc(#{baseline(5)} + 0.5vw);\n}\n\nblockquote,\nfigure {\n\tmargin-top: calc(#{baseline(7)} + 0.5vw);\n\tmargin-bottom: calc(#{baseline(7)} + 0.5vw);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n\tcolor: $color-headings;\n\tfont-family: $heading;\n\tfont-weight: $font-weight-bold;\n\tline-height: 1.2;\n\tmargin-top: calc(#{baseline(7)} + 0.5vw);\n}\n\nh1 {\n\t@include fluid-type(font-size, $minScreen, $maxScreen, map-get($h1, min), map-get($h1, max));\n\tmargin: 0;\n}\n\nh2 {\n\t@include fluid-type(font-size, $minScreen, $maxScreen, map-get($h2, min), map-get($h2, max));\n}\n\nh3 {\n\t@include fluid-type(font-size, $minScreen, $maxScreen, map-get($h3, min), map-get($h3, max));\n}\n\nh4 {\n\t@include fluid-type(font-size, $minScreen, $maxScreen, map-get($h4, min), map-get($h4, max));\n}\n\nh5 {\n\t@include fluid-type(font-size, $minScreen, $maxScreen, map-get($h5, min), map-get($h5, max));\n}\n\nh6 {\n\t@include fluid-type(font-size, $minScreen, $maxScreen, map-get($h6, min), map-get($h6, max));\n}\n\nh2,\nh3,\nh4,\nh5,\nh6 {\n\t&+p {\n\t\tmargin-top: calc(#{baseline(3)} + 0.25vw);\n\t}\n}\n\nb,\nstrong {\n\tfont-weight: $font-weight-bold;\n}\n\nblockquote {\n\tfont-family: $heading;\n\tfont-weight: $font-weight-bold;\n\tpadding: 0 15%;\n\tcite {\n\t\tcolor: $color-text;\n\t\tdisplay: block;\n\t\tfont-family: $body;\n\t\tfont-size: ms(-2);\n\t\tfont-style: normal;\n\t\tpadding-top: baseline(2);\n\t}\n\t&> :nth-child(1) {\n\t\tmargin-top: 0;\n\t}\n\t&:before {\n\t\tdisplay: block;\n\t\theight: 0;\n\t\tcontent: \"“\";\n\t\tmargin-left: -.55em;\n\t\t@include mappy-bp(sm) {\n\t\t\tmargin-left: -.85em;\n\t\t}\n\t\tfont: normal 400%/0.9 $heading;\n\t\tcolor: $color-border-light;\n\t}\n}\n\nul,\nol {\n\tmargin-left: 2rem;\n\t&>li {\n\t\tlist-style: inherit;\n\t\tpadding: baseline(1) 0 0 baseline(4);\n\t}\n}\n\ndl {\n\tdt {\n\t\tfont-weight: $font-weight-bold;\n\t}\n}\n\npre {\n\tmargin: calc(#{baseline(4)} + 0.25vw) 0 0;\n\tpadding: baseline(6) baseline(12);\n\twhite-space: pre-wrap;\n\tword-wrap: break-word;\n}\n\ncode,\npre {\n\tbackground-color: #f6f6f6;\n\tfont-family: $monospace;\n\tfont-size: ms(-1);\n}\n\ntable {\n\tborder-collapse: collapse;\n\tborder-spacing: 0;\n\tdisplay: block;\n\tmax-width: 100%;\n\toverflow-x: auto;\n\tvertical-align: top;\n\ttext-align: left;\n\twhite-space: nowrap;\n\tth {\n\t\tborder-bottom: 2px solid $color-border-light;\n\t\tpadding: baseline(3) baseline(5);\n\t}\n\ttr {\n\t\t&:nth-child(2n) {\n\t\t\tbackground: $color-grey-light;\n\t\t}\n\t}\n\ttd {\n\t\tpadding: baseline(3) baseline(5);\n\t}\n}\n\nfigcaption {\n\tcolor: $gray;\n\tfont-family: $font-2;\n\tfont-weight: $font-weight-normal;\n\tfont-size: ms(-4);\n\tmargin: baseline(4) 0 0;\n\ttext-align: center;\n}\n\nsub,\nsup {\n\tfont-size: 65%;\n}\n","@function ms-calc($Value, $Base: $ms-base, $Ratio: $ms-ratio) {\n \n // If pow exists use it.\n // It supports non-interger values!\n @if $MS-pow-exists {\n\n // The formula for figuring out modular scales is:\n // (r^v)*b\n @return pow($Ratio, $Value) * $Base;\n }\n\n // If not, use ms-pow().\n // Not as fast or capable of non-integer exponents.\n @else {\n @return ms-pow($Ratio, $Value) * $Base;\n }\n}","// Darken & Lighten color \n\n@function tint($color, $percentage) {\n\t@return mix(white, $color, $percentage);\n}\n\n@function shade($color, $percentage) {\n\t@return mix(black, $color, $percentage);\n}\n\n// Baseline for Vertical Rhythm\n\n@function baseline($value){\n @return ($baseline) * $value\n}\n\n\n","// Mappy breakpoints\n// -----------------\n// Output media query with focus on min-width, max-width, min-height and max-height.\n// Other media rules are passed as the second argument in a map\n//\n// @author Zell Liew\n// =================\n$breakpoints: () !default;\n$mappy-queries: () !default;\n\n// Mappy BP [Mixin]\n// ----------------\n// - $queries : or in the format:\n// h \n// - $type : \n// - $query-fallback : selector class\n// - $breakpoints :