From 596235283cd71054a2bd764531052b579bf5864f Mon Sep 17 00:00:00 2001 From: thewesker Date: Mon, 8 May 2023 21:23:14 -0400 Subject: [PATCH] Updated from Publii --- 404.html | 12 + CNAME | 1 + assets/css/editor.css | 3 + assets/css/main.css | 2328 ++++++++++++++++++++++++ assets/css/photoswipe.css | 1 + assets/css/style.css | 1 + assets/js/photoswipe-ui-default.min.js | 4 + assets/js/photoswipe.min.js | 4 + assets/js/scripts.js | 612 +++++++ assets/js/scripts.min.js | 1 + assets/js/svg-fix.js | 19 + assets/js/svg-map.js | 63 + assets/svg/gallery-icons-dark.svg | 49 + assets/svg/gallery-icons-light.svg | 54 + assets/svg/svg-map.svg | 86 + authors/pacnpal/index.html | 12 + feed.json | 27 + feed.xml | 32 + index.html | 12 + init | 1 - pacnpalcom.html | 12 + robots.txt | 3 + sitemap.xml | 11 + sitemap.xsl | 103 ++ tags/index.html | 12 + 25 files changed, 3462 insertions(+), 1 deletion(-) create mode 100644 404.html create mode 100644 CNAME create mode 100755 assets/css/editor.css create mode 100644 assets/css/main.css create mode 100755 assets/css/photoswipe.css create mode 100755 assets/css/style.css create mode 100755 assets/js/photoswipe-ui-default.min.js create mode 100755 assets/js/photoswipe.min.js create mode 100755 assets/js/scripts.js create mode 100755 assets/js/scripts.min.js create mode 100755 assets/js/svg-fix.js create mode 100755 assets/js/svg-map.js create mode 100755 assets/svg/gallery-icons-dark.svg create mode 100755 assets/svg/gallery-icons-light.svg create mode 100755 assets/svg/svg-map.svg create mode 100644 authors/pacnpal/index.html create mode 100644 feed.json create mode 100644 feed.xml create mode 100644 index.html delete mode 100644 init create mode 100644 pacnpalcom.html create mode 100644 robots.txt create mode 100644 sitemap.xml create mode 100644 sitemap.xsl create mode 100644 tags/index.html diff --git a/404.html b/404.html new file mode 100644 index 0000000..8e62674 --- /dev/null +++ b/404.html @@ -0,0 +1,12 @@ +Error 404 - PacNPal.com

404

Page not found

The page you were looking for appears to have been moved, deleted or does not exist. You could go back to where you were or head straight to our home page.

Go home

Powered by Publii
\ No newline at end of file diff --git a/CNAME b/CNAME new file mode 100644 index 0000000..c276e22 --- /dev/null +++ b/CNAME @@ -0,0 +1 @@ +www.pacnpal.com \ No newline at end of file diff --git a/assets/css/editor.css b/assets/css/editor.css new file mode 100755 index 0000000..37d7353 --- /dev/null +++ b/assets/css/editor.css @@ -0,0 +1,3 @@ +/* + * Add your own CSS code for the WYSIWYG editor + */ diff --git a/assets/css/main.css b/assets/css/main.css new file mode 100644 index 0000000..964b062 --- /dev/null +++ b/assets/css/main.css @@ -0,0 +1,2328 @@ +*, +*:before, +*:after { + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 0; + padding: 0; +} + +article, +aside, +footer, +header, +hgroup, +main, +nav, +section { + display: block; +} + +li { + list-style: none; +} + +img { + height: auto; + max-width: 100%; + vertical-align: top; +} + +button, +input, +select, +textarea { + font: inherit; +} + +address { + font-style: normal; +} + +.facebook { + background: #3b5998; +} + +.twitter { + background: #55acee; +} + +.mix { + background: #fd8235; +} + +.instagram { + background: #405de6; +} + +.vimeo { + background: #1ab7ea; +} + +.pinterest { + background: #bd081c; +} + +.youtube { + background: #cd201f; +} + +.linkedin { + background: #007bb6; +} + +.buffer { + background: #333333; +} + +.whatsapp { + background: #25D366; +} + +::-moz-selection { + background: var(--color); + color: var(--white); +} + +::selection { + background: var(--color); + color: var(--white); +} + +html { + font-size: clamp(1.1rem, 1.1rem + 0.1 * ((100vw - 20rem) / 50), 1.2rem); + font-smooth: always; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + scroll-behavior: smooth; +} +html.no-scroll { + overflow: hidden; + position: fixed; +} + +body { + background: var(--page-bg); + color: var(--text-color); + font-family: var(--body-font); + font-weight: var(--font-weight-normal); + line-height: var(--line-height); + -ms-scroll-chaining: none; + overscroll-behavior: none; +} + +a { + text-decoration: none; +} +a { + color: var(--link-color); + -webkit-transition: all 0.24s ease-out; + -o-transition: all 0.24s ease-out; + transition: all 0.24s ease-out; +} +a:hover { + color: var(--link-color-hover); +} +a:active { + color: var(--link-color-hover); +} +a:focus { + outline: none; +} + +.invert { + color: var(--link-color-hover); + -webkit-transition: all 0.24s ease-out; + -o-transition: all 0.24s ease-out; + transition: all 0.24s ease-out; +} +.invert:hover { + color: var(--link-color); +} +.invert:active { + color: var(--link-color); +} +.invert:focus { + outline: none; +} + +p, +ul, +ol, +dl { + margin-top: calc(1.1333333333rem + 0.25vw); +} + +blockquote, +figure, +hr, +pre, +table { + margin-top: calc(1.7rem + 0.5vw); + margin-bottom: calc(1.7rem + 0.5vw); +} + +h1, +h2, +h3, +h4, +h5, +h6 { + color: var(--headings-color); + font-family: var(--heading-font); + font-weight: var(--headings-weight); + -webkit-hyphens: manual; + -ms-hyphens: manual; + hyphens: manual; + line-height: 1.2; + margin-top: calc(1.7rem + 1vw); + text-transform: var(--headings-transform); +} + +h1, +.h1 { + font-size: clamp(1.5710900065rem, 1.5710900065rem + 1.424540906 * ((100vw - 20rem) / 50), 2.9956309125rem); + font-family: var(--heading-font); +} + +h2, +.h2 { + font-size: clamp(1.3808408252rem, 1.3808408252rem + 0.9332127447 * ((100vw - 20rem) / 50), 2.3140535699rem); +} + +h3, +.h3 { + font-size: clamp(1.2136296308rem, 1.2136296308rem + 0.4621997101 * ((100vw - 20rem) / 50), 1.6758293408rem); +} + +h4, +.h4 { + font-size: clamp(1.1377777785rem, 1.1377777785rem + 0.1567604947 * ((100vw - 20rem) / 50), 1.2945382732rem); +} + +h5, +.h5 { + font-size: clamp(1.066666667rem, 1.066666667rem + 0.0711111115 * ((100vw - 20rem) / 50), 1.1377777785rem); +} + +h6, +.h6 { + font-size: clamp(1rem, 1rem + 0 * ((100vw - 20rem) / 50), 1rem); +} + +h2 + *, +h3 + *, +h4 + *, +h5 + *, +h6 + * { + margin-top: calc(0.5666666667rem + 0.25vw); +} + +b, +strong { + font-weight: var(--font-weight-bold); +} + +blockquote { + color: var(--headings-color); + font-family: var(--heading-font); + padding: 3.6833333333rem 0 0; + position: relative; + text-align: center; + font-size: clamp(1.1377777785rem, 1.1377777785rem + 0.2430630467 * ((100vw - 20rem) / 50), 1.3808408252rem); +} +blockquote::before { + color: var(--dark); + content: "“"; + font: normal 320%/0.9 Georgia, Times, Times New Roman, serif; + top: 0.5666666667rem; + position: absolute; + left: 50%; + -webkit-transform: translate(-50%, 0); + -ms-transform: translate(-50%, 0); + transform: translate(-50%, 0); +} +blockquote > :nth-child(1) { + margin-top: 0; +} + +ul, +ol { + margin-left: 2rem; +} +ul > li, +ol > li { + list-style: inherit; + padding: 0 0 0.2833333333rem 0.85rem; +} + +dl dt { + font-weight: var(--font-weight-bold); +} + +pre { + background-color: var(--lighter); + font-size: 0.8239746086rem; + padding: 1.7rem; + white-space: pre-wrap; + word-wrap: break-word; +} +pre > code { + color: var(--text-color); + display: inline-block; + font-size: inherit; + padding: 0; +} + +code { + background-color: var(--lighter); + color: var(--color); + font-size: 0.8239746086rem; + font-family: Menlo, Monaco, Consolas, Courier New, monospace; +} + +table { + border: 1px solid var(--light); + border-collapse: collapse; + border-spacing: 0; + vertical-align: top; + text-align: left; + width: 100%; +} +table th { + font-weight: var(--font-weight-bold); + padding: 0.7083333333rem 1.1333333333rem; +} +table td { + border-top: 1px solid var(--light); + padding: 0.7083333333rem 1.1333333333rem; +} + +.table-striped tr:nth-child(2n) { + background: var(--lighter); +} +.table-bordered th, +.table-bordered td { + border: 1px solid var(--light); +} +.table-title th { + background: var(--lighter); +} + +figcaption { + clear: both; + color: gray-2; + font-style: italic; + font-size: 0.7241964329rem; + margin: 0.85rem 0 0; + text-align: center; +} + +kbd { + background: var(--dark); + border-radius: 2px; + color: var(--white); + font-family: Menlo, Monaco, Consolas, Courier New, monospace; + font-size: 0.8789062495rem; + padding: 0.1416666667rem 0.425rem; +} + +sub, +sup { + font-size: 65%; +} + +small { + font-size: 0.8789062495rem; +} + +hr, +.separator { + background: none; + border: none; + height: auto; + line-height: 1; + max-width: none; + text-align: center; +} +hr::before, +.separator::before { + content: "···"; + color: var(--dark); + font-size: 1.2136296308rem; + font-weight: var(--font-weight-bold); + letter-spacing: 1.1377777785rem; + padding-left: 1.1377777785rem; +} + +.separator--dot::before { + content: "·"; + color: var(--dark); + font-size: 1.2136296308rem; + font-weight: var(--font-weight-bold); + letter-spacing: 1.1377777785rem; + padding-left: 1.1377777785rem; +} +.separator--long-line { + position: relative; +} +.separator--long-line::before { + content: ""; + height: 1.2136296308rem; +} +.separator--long-line::after { + border-top: 1px solid var(--light); + content: ""; + height: 1px; + position: absolute; + width: 100%; + top: 50%; + left: 0; +} + +.btn, [type=button], +[type=submit], +button { + background: var(--color); + border: 1px solid var(--color); + border-radius: 2px; + -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.08); + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.08); + color: var(--white); + cursor: pointer; + display: inline-block; + font-family: var(--body-font); + font-size: 0.6789341556rem; + font-weight: var(--font-weight-bold); + overflow: hidden; + padding: 0.5666666667rem 1.4166666667rem; + text-align: center; + -webkit-transition: all 0.24s ease-out; + -o-transition: all 0.24s ease-out; + transition: all 0.24s ease-out; + text-transform: uppercase; + vertical-align: middle; + will-change: transform; +} +@media all and (max-width: 19.9375em) { + .btn, [type=button], +[type=submit], +button { + width: 100%; + } +} +@media all and (max-width: 37.4375em) { + .btn, [type=button], +[type=submit], +button { + margin-bottom: 0.5666666667rem; + } +} +.btn:hover, [type=button]:hover, +[type=submit]:hover, +button:hover, .btn:active, [type=button]:active, +[type=submit]:active, +button:active, .btn:focus, [type=button]:focus, +[type=submit]:focus, +button:focus { + -webkit-box-shadow: 0 7px 14px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); + box-shadow: 0 7px 14px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); + color: var(--white); + -webkit-transform: translateY(-2px); + -ms-transform: translateY(-2px); + transform: translateY(-2px); +} +@media all and (min-width: 20em) { + .btn + .btn, [type=button] + .btn, +[type=submit] + .btn, +button + .btn, .btn + [type=button], [type=button] + [type=button], +[type=submit] + [type=button], +button + [type=button], +.btn + [type=submit], +[type=button] + [type=submit], +[type=submit] + [type=submit], +button + [type=submit], +.btn + button, +[type=button] + button, +[type=submit] + button, +button + button { + margin-left: 0.5666666667rem; + } +} +.btn:disabled, [type=button]:disabled, +[type=submit]:disabled, +button:disabled { + background-color: var(--light); + border-color: var(--light); + color: var(--gray); + cursor: not-allowed; +} + +[type=button], +[type=submit], +button { + -webkit-appearance: none; + -moz-appearance: none; +} + +::-webkit-search-cancel-button { + -webkit-appearance: none; +} + +fieldset { + border: 1px solid var(--light); + margin: calc(1.7rem + 1vw) 0 0; + padding: 1.7rem; +} +fieldset > legend { + margin-left: -1rem; + padding: 0 1rem; +} + +legend { + font-weight: 500; + padding: 0; +} + +label { + font-weight: 500; + margin: 0 1.1333333333rem 0.85rem 0; +} + +[type=text], +[type=url], +[type=tel], +[type=number], +[type=email], +[type=search], +textarea, +select { + background-color: var(--page-bg); + border: none; + border: 1px solid var(--light); + color: var(--text-color); + font-size: 1rem; + outline: none; + padding: 0.34rem 0.85rem; + vertical-align: middle; + width: 100%; + -webkit-appearance: none; + -moz-appearance: none; +} +@media all and (min-width: 37.5em) { + [type=text], +[type=url], +[type=tel], +[type=number], +[type=email], +[type=search], +textarea, +select { + width: auto; + } +} +[type=text]:focus, +[type=url]:focus, +[type=tel]:focus, +[type=number]:focus, +[type=email]:focus, +[type=search]:focus, +textarea:focus, +select:focus { + border-color: var(--dark); +} + +input[type=checkbox], +input[type=radio] { + opacity: 0; + position: absolute; +} +input[type=checkbox] + label, +input[type=radio] + label { + position: relative; + margin-left: -1px; + cursor: pointer; + padding: 0; +} +input[type=checkbox] + label:before, +input[type=radio] + label:before { + background-color: var(--white); + border: 1px solid var(--light); + border-radius: 2px; + content: ""; + display: inline-block; + height: 1.4166666667rem; + line-height: 1.4166666667rem; + margin-right: 1.1333333333rem; + vertical-align: middle; + text-align: center; + width: 1.4166666667rem; +} +input[type=checkbox]:checked + label:before, +input[type=radio]:checked + label:before { + content: ""; + 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='%23d73a42'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-size: 11px 8px; + background-position: 50% 50%; +} + +input[type=radio] + label:before { + border-radius: 50%; +} +input[type=radio]:checked + label:before { + 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='%23d73a42'/%3e%3c/svg%3e"); +} + +[type=file] { + margin-bottom: 1.7rem; + width: 100%; +} + +select { + max-width: 100%; + width: auto; + position: relative; +} +select:not([multiple]) { + background: url('data:image/svg+xml;utf8,') no-repeat 90% 50%; + background-size: 8px; + padding-right: 3.4rem; +} + +select[multiple] { + border: 1px solid var(--light); + padding: 1.7rem; + width: 100%; +} +select[multiple]:hover { + border-color: var(--light); +} +select[multiple]:focus { + border-color: var(--dark); +} +select[multiple]:disabled { + background-color: var(--light); + cursor: not-allowed; +} +select[multiple]:disabled:hover { + border-color: var(--light); +} + +textarea { + display: block; + overflow: auto; + resize: vertical; + max-width: 100%; +} + +.top { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + height: var(--navbar-height); + position: absolute; + padding: 0 var(--page-margin); + -webkit-transition: background 0.5s ease; + -o-transition: background 0.5s ease; + transition: background 0.5s ease; + width: 100%; + z-index: 2; +} +@media all and (min-width: 56.25em) { + .top { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + height: var(--navbar-height); + } +} +.top.is-visible { + background: var(--section-bg); + -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06); + box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06); + opacity: 1; + position: fixed; + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); + transform: translate(0, 0); + -webkit-transition: height 0.3s, background 0.3s, opacity 0.24s, -webkit-transform 0.24s; + transition: height 0.3s, background 0.3s, opacity 0.24s, -webkit-transform 0.24s; + -o-transition: transform 0.24s, height 0.3s, background 0.3s, opacity 0.24s; + transition: transform 0.24s, height 0.3s, background 0.3s, opacity 0.24s; + transition: transform 0.24s, height 0.3s, background 0.3s, opacity 0.24s, -webkit-transform 0.24s; + width: 100%; +} +@media all and (min-width: 56.25em) { + .top.is-hidden { + opacity: 0; + -webkit-transform: translate(0, -86px); + -ms-transform: translate(0, -86px); + transform: translate(0, -86px); + -webkit-transition: background 0.3s, color 0.3s, opacity 0.24s, -webkit-transform 0.24s; + transition: background 0.3s, color 0.3s, opacity 0.24s, -webkit-transform 0.24s; + -o-transition: transform 0.24s, background 0.3s, color 0.3s, opacity 0.24s; + transition: transform 0.24s, background 0.3s, color 0.3s, opacity 0.24s; + transition: transform 0.24s, background 0.3s, color 0.3s, opacity 0.24s, -webkit-transform 0.24s; + } +} + +.logo { + color: var(--logo-color) !important; + font-size: 1.2136296308rem; + font-family: var(--logo-font); + font-weight: var(--font-weight-normal); + margin-right: auto; +} +.logo > img { + max-height: calc(3.9666666667rem + 1vw); + width: auto; +} + +.search { + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; +} +@media all and (min-width: 56.25em) { + .search { + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; + } +} +.search__btn { + border: none !important; + background: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + margin: 0; + padding: 0.5666666667rem; + width: auto; +} +@media all and (min-width: 56.25em) { + .search__btn { + margin-left: 1rem; + padding-right: 0; + } +} +.search__btn:hover, .search__btn:focus { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); +} +.search__btn:hover > svg, .search__btn:focus > svg { + fill: rgba(255, 255, 255, 0.7); +} +.search__btn > svg { + display: block; + fill: var(--white); + height: 15px; + -webkit-transition: all 0.24s ease; + -o-transition: all 0.24s ease; + transition: all 0.24s ease; + width: 15px; +} +.search__form { + -ms-flex-preferred-size: 90%; + flex-basis: 90%; +} +.search__input { + background: none; + border: none !important; + color: var(--white); + display: none; + font-family: var(--heading-font); + margin: 0 !important; + opacity: 0; + padding: 0; + width: 100%; + font-size: clamp(1.2136296308rem, 1.2136296308rem + 0.3574603758 * ((100vw - 20rem) / 50), 1.5710900065rem); +} +.search__close { + background: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + border: none; + color: transparent; + cursor: pointer; + margin: 0 !important; + opacity: 0; + padding: 0; + height: 1.6rem; + width: 1.6rem; + position: relative; + text-indent: -999rem; +} +.search__close:before, .search__close:after { + background-color: var(--white); + content: ""; + left: 1rem; + height: 1.6rem; + opacity: 1; + position: absolute; + width: 1px; + top: 0; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transition: all 0.14s ease-out; + -o-transition: all 0.14s ease-out; + transition: all 0.14s ease-out; +} +.search__close:after { + -webkit-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.search__close:hover { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); +} +.search__close:hover:before, .search__close:hover:after { + background-color: rgba(255, 255, 255, 0.7); +} +.search__overlay { + background-color: var(--section-bg); + -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05); + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05); + left: 0; + opacity: 0; + position: fixed; + -webkit-transition: all 0.24s ease-out; + -o-transition: all 0.24s ease-out; + transition: all 0.24s ease-out; + top: 0; + visibility: hidden; + width: 100%; + z-index: 2005; +} +.search__overlay-inner { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + height: 4.4rem; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 0 var(--page-margin); +} +@media all and (min-width: 56.25em) { + .search__overlay-inner { + height: 6rem; + } +} +.search__overlay.expanded { + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); + transform: translate(0, 0); + opacity: 1; + display: block; + visibility: visible; +} +.search__overlay.expanded .search__input { + -webkit-animation: slideininput 0.24s 0.12s forwards; + animation: slideininput 0.24s 0.12s forwards; + display: block; +} +@-webkit-keyframes slideininput { + 60% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@keyframes slideininput { + 60% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +.search__overlay.expanded .search__close { + -webkit-animation: slideinclose 0.24s 0.12s forwards; + animation: slideinclose 0.24s 0.12s forwards; +} +@-webkit-keyframes slideinclose { + 60% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@keyframes slideinclose { + 60% { + opacity: 0; + } + 100% { + opacity: 1; + } +} + +.navbar { + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; +} +.navbar .navbar__menu { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + list-style: none; + margin: 0; + padding: 0; +} +@media all and (max-width: 56.1875em) { + .navbar .navbar__menu { + display: none; + } +} +.navbar .navbar__menu li { + font-family: var(--menu-font); + display: block; + font-size: 0.7724761953rem; + line-height: var(--line-height); + font-weight: 500; + padding: 0; + position: relative; + text-transform: uppercase; + width: auto; +} +.navbar .navbar__menu li a, +.navbar .navbar__menu li span[aria-haspopup=true] { + color: var(--nav-link-color); + display: block; + padding: 0 0.5666666667rem; + -webkit-transition: all 0.24s ease-out; + -o-transition: all 0.24s ease-out; + transition: all 0.24s ease-out; +} +.navbar .navbar__menu li a:active, .navbar .navbar__menu li a:focus, .navbar .navbar__menu li a:hover, +.navbar .navbar__menu li span[aria-haspopup=true]:active, +.navbar .navbar__menu li span[aria-haspopup=true]:focus, +.navbar .navbar__menu li span[aria-haspopup=true]:hover { + color: var(--nav-link-color-hover); +} +.navbar .navbar__menu li span { + color: var(--nav-link-color); + cursor: default; + display: block; + padding: 0 0.5666666667rem; +} +.navbar .navbar__menu > li:hover > a, .navbar .navbar__menu > li:hover > span[aria-haspopup=true] { + color: var(--nav-link-color-hover); +} +.navbar .has-submenu:active > .navbar__submenu, +.navbar .has-submenu:focus > .navbar__submenu, +.navbar .has-submenu:hover > .navbar__submenu { + left: 0; + opacity: 1; + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + visibility: visible; + margin-top: 0.85rem; +} +.navbar .has-submenu:active > .navbar__submenu:before, +.navbar .has-submenu:focus > .navbar__submenu:before, +.navbar .has-submenu:hover > .navbar__submenu:before { + content: ""; + height: 0.85rem; + position: absolute; + width: 100%; + top: -0.85rem; +} +.navbar .has-submenu:active > .navbar__submenu.is-right-submenu, +.navbar .has-submenu:focus > .navbar__submenu.is-right-submenu, +.navbar .has-submenu:hover > .navbar__submenu.is-right-submenu { + left: auto; + right: 0; + -webkit-transform-origin: right top; + -ms-transform-origin: right top; + transform-origin: right top; +} +.navbar .has-submenu .has-submenu:active > .navbar__submenu, +.navbar .has-submenu .has-submenu:focus > .navbar__submenu, +.navbar .has-submenu .has-submenu:hover > .navbar__submenu { + top: 0; + margin-top: 0; +} +.navbar .has-submenu .has-submenu:active > .navbar__submenu.is-right-submenu, +.navbar .has-submenu .has-submenu:focus > .navbar__submenu.is-right-submenu, +.navbar .has-submenu .has-submenu:hover > .navbar__submenu.is-right-submenu { + top: 0; + margin-top: 0; +} +.navbar .navbar__submenu { + background: var(--section-bg); + -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25); + box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25); + border-radius: var(--border-radius); + left: -9999px; + list-style-type: none; + margin: 0; + padding: 10px 0; + position: absolute; + visibility: hidden; + white-space: nowrap; + z-index: 1; + opacity: 0; + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + transform: scale(0.8); + -webkit-transform-origin: 0 top; + -ms-transform-origin: 0 top; + transform-origin: 0 top; + -webkit-transition: opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0.275, 1.375, 0.8, 1); + transition: opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0.275, 1.375, 0.8, 1); + -o-transition: opacity 0.15s, transform 0.3s cubic-bezier(0.275, 1.375, 0.8, 1); + transition: opacity 0.15s, transform 0.3s cubic-bezier(0.275, 1.375, 0.8, 1); + transition: opacity 0.15s, transform 0.3s cubic-bezier(0.275, 1.375, 0.8, 1), -webkit-transform 0.3s cubic-bezier(0.275, 1.375, 0.8, 1); +} +.navbar .navbar__submenu__submenu { + z-index: 2; +} +.navbar .navbar__submenu li { + line-height: 1.5; + font-size: 0.7241964329rem; +} +.navbar .navbar__submenu li a, +.navbar .navbar__submenu li span[aria-haspopup=true] { + color: var(--nav-link-color-hover) !important; + padding: 0.5666666667rem 1.4166666667rem; + -webkit-transition: all 0.24s ease; + -o-transition: all 0.24s ease; + transition: all 0.24s ease; +} +.navbar .navbar__submenu li a:active, .navbar .navbar__submenu li a:focus, .navbar .navbar__submenu li a:hover, +.navbar .navbar__submenu li span[aria-haspopup=true]:active, +.navbar .navbar__submenu li span[aria-haspopup=true]:focus, +.navbar .navbar__submenu li span[aria-haspopup=true]:hover { + background: rgba(var(--white-rgb), 0.05); + color: var(--nav-link-color) !important; +} +.navbar .navbar__submenu li span { + color: var(--nav-link-color-hover) !important; + padding: 0.5666666667rem 1.4166666667rem; +} +.navbar .navbar__submenu li:hover > a, .navbar .navbar__submenu li:hover > span[aria-haspopup=true] { + color: var(--nav-link-color) !important; +} +.navbar .navbar__toggle { + background: var(--section-bg); + -webkit-box-shadow: none; + box-shadow: none; + border: none; + border-radius: 3px; + cursor: pointer; + display: block; + line-height: 1; + margin: 0; + overflow: visible; + padding: 1rem; + position: relative; + right: -1rem; + text-transform: none; + z-index: 2004; +} +@media all and (min-width: 56.25em) { + .navbar .navbar__toggle { + display: none; + } +} +.navbar .navbar__toggle:hover, .navbar .navbar__toggle:focus { + -webkit-box-shadow: none; + box-shadow: none; + outline: none; + -webkit-transform: none; + -ms-transform: none; + transform: none; +} +.navbar .navbar__toggle-box { + width: 24px; + height: 14px; + display: inline-block; + position: relative; +} +.navbar .navbar__toggle-inner { + display: block; + top: 50%; + text-indent: -9999999em; +} +.navbar .navbar__toggle-inner::before { + content: ""; + display: block; + top: -6px; +} +.navbar .navbar__toggle-inner::after { + content: ""; + display: block; + bottom: -6px; +} +.navbar .navbar__toggle-inner, .navbar .navbar__toggle-inner::before, .navbar .navbar__toggle-inner::after { + width: 22px; + height: 2px; + background-color: var(--white); + position: absolute; + -webkit-transition: opacity 0.14s ease-out, -webkit-transform; + transition: opacity 0.14s ease-out, -webkit-transform; + -o-transition: transform, opacity 0.14s ease-out; + transition: transform, opacity 0.14s ease-out; + transition: transform, opacity 0.14s ease-out, -webkit-transform; +} +.navbar .navbar__toggle-inner { + -webkit-transition-duration: 0.075s; + -o-transition-duration: 0.075s; + transition-duration: 0.075s; + -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); +} +.navbar .navbar__toggle-inner::before { + -webkit-transition: top 0.075s ease 0.12s, opacity 0.075s ease; + -o-transition: top 0.075s ease 0.12s, opacity 0.075s ease; + transition: top 0.075s ease 0.12s, opacity 0.075s ease; +} +.navbar .navbar__toggle-inner::after { + -webkit-transition: bottom 0.075s ease 0.12s, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); + transition: bottom 0.075s ease 0.12s, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); + -o-transition: bottom 0.075s ease 0.12s, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); + transition: bottom 0.075s ease 0.12s, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); + transition: bottom 0.075s ease 0.12s, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); +} +.navbar .navbar__toggle.is-active .navbar__toggle-inner { + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transition-delay: 0.12s; + -o-transition-delay: 0.12s; + transition-delay: 0.12s; + -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); +} +.navbar .navbar__toggle.is-active .navbar__toggle-inner::before { + top: 0; + opacity: 0; + -webkit-transition: top 0.075s ease, opacity 0.075s ease 0.12s; + -o-transition: top 0.075s ease, opacity 0.075s ease 0.12s; + transition: top 0.075s ease, opacity 0.075s ease 0.12s; +} +.navbar .navbar__toggle.is-active .navbar__toggle-inner::after { + bottom: 0; + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); + -webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s; + transition: bottom 0.075s ease, -webkit-transform 0.075s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s; + -o-transition: bottom 0.075s ease, transform 0.075s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s; + transition: bottom 0.075s ease, transform 0.075s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s; + transition: bottom 0.075s ease, transform 0.075s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s, -webkit-transform 0.075s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s; +} + +.navbar_mobile_overlay { + background: var(--page-bg); + height: calc(100vh - 4.4rem); + left: 0; + opacity: 1; + overflow: auto; + pointer-events: auto; + position: fixed; + top: 4.4rem; + -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.3, 1); + -o-transition: all 0.3s cubic-bezier(0, 0, 0.3, 1); + transition: all 0.3s cubic-bezier(0, 0, 0.3, 1); + width: 100%; + z-index: 1001; +} +.navbar_mobile_overlay.is-hidden { + opacity: 0; + pointer-events: none; +} +.navbar_mobile_overlay .navbar__menu { + margin: 24px; +} +.navbar_mobile_overlay .navbar__menu li { + list-style: none; + margin: 0; + padding: 0; + text-align: center; +} +.navbar_mobile_overlay .navbar__menu li a, +.navbar_mobile_overlay .navbar__menu li span { + color: var(--dark); + display: block; + padding: 0.5666666667rem; + position: relative; +} +.navbar_mobile_overlay .navbar__menu li a:active, .navbar_mobile_overlay .navbar__menu li a:focus, .navbar_mobile_overlay .navbar__menu li a:hover, +.navbar_mobile_overlay .navbar__menu li span:active, +.navbar_mobile_overlay .navbar__menu li span:focus, +.navbar_mobile_overlay .navbar__menu li span:hover { + color: var(--dark); +} +.navbar_mobile_overlay .navbar__menu li a[aria-haspopup=true]::after, +.navbar_mobile_overlay .navbar__menu li span[aria-haspopup=true]::after { + content: ""; + width: 0; + height: 0; + border-style: solid; + border-width: 5px 5px 0 5px; + border-color: currentColor transparent transparent transparent; + left: 0.5666666667rem; + top: 15px; + position: relative; +} +.navbar_mobile_overlay .navbar__submenu { + margin: 0; + padding: 0; + visibility: hidden; +} +.navbar_mobile_overlay .navbar__submenu[aria-hidden=false] { + visibility: visible; +} +.navbar_mobile_overlay .navbar__submenu_wrapper { + height: 0; + opacity: 0; + overflow: hidden; + -webkit-transition: all 0.3s cubic-bezier(0.275, 1.375, 0.8, 1); + -o-transition: all 0.3s cubic-bezier(0.275, 1.375, 0.8, 1); + transition: all 0.3s cubic-bezier(0.275, 1.375, 0.8, 1); +} +.navbar_mobile_overlay .navbar__submenu_wrapper.is-active { + height: auto; + opacity: 1; +} + +.navbar_mobile_sidebar { + background: var(--page-bg); + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); + box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); + height: 100vh; + left: 0; + max-width: 400px; + overflow: auto; + position: fixed; + top: 0; + -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.3, 1); + -o-transition: all 0.3s cubic-bezier(0, 0, 0.3, 1); + transition: all 0.3s cubic-bezier(0, 0, 0.3, 1); + width: 80%; + z-index: 1001; +} +.navbar_mobile_sidebar.is-hidden { + left: -400px; +} +.navbar_mobile_sidebar .navbar__menu { + margin: 24px; +} +.navbar_mobile_sidebar .navbar__menu li { + font-family: var(--menu-font); + font-size: 16px; + list-style: none; + line-height: 1.3; + margin: 0; + padding: 0; +} +.navbar_mobile_sidebar .navbar__menu li a, +.navbar_mobile_sidebar .navbar__menu li .is-separator { + color: var(--dark); + display: block; + padding: 10px 20px 10px 0; + position: relative; +} +.navbar_mobile_sidebar .navbar__menu li a:active, .navbar_mobile_sidebar .navbar__menu li a:focus, .navbar_mobile_sidebar .navbar__menu li a:hover, +.navbar_mobile_sidebar .navbar__menu li .is-separator:active, +.navbar_mobile_sidebar .navbar__menu li .is-separator:focus, +.navbar_mobile_sidebar .navbar__menu li .is-separator:hover { + color: var(--dark); +} +.navbar_mobile_sidebar .navbar__menu li a[aria-haspopup=true]::after, +.navbar_mobile_sidebar .navbar__menu li .is-separator[aria-haspopup=true]::after { + content: ""; + width: 0; + height: 0; + border-style: solid; + border-width: 5px 5px 0 5px; + border-color: currentColor transparent transparent transparent; + right: 0; + top: 18px; + position: absolute; +} +.navbar_mobile_sidebar .navbar__submenu { + margin: 0 0 0 24px; + padding: 0; + visibility: hidden; +} +.navbar_mobile_sidebar .navbar__submenu[aria-hidden=false] { + visibility: visible; +} +.navbar_mobile_sidebar .navbar__submenu_wrapper { + height: 0; + opacity: 0; + overflow: hidden; + -webkit-transition: all 0.3s cubic-bezier(0.275, 1.375, 0.8, 1); + -o-transition: all 0.3s cubic-bezier(0.275, 1.375, 0.8, 1); + transition: all 0.3s cubic-bezier(0.275, 1.375, 0.8, 1); +} +.navbar_mobile_sidebar .navbar__submenu_wrapper.is-active { + height: auto; + opacity: 1; +} +.navbar_mobile_sidebar__overlay { + background: rgba(0, 0, 0, 0.5); + height: 100%; + opacity: 1; + pointer-events: auto; + position: fixed; + top: 0; + -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.3, 1); + -o-transition: all 0.3s cubic-bezier(0, 0, 0.3, 1); + transition: all 0.3s cubic-bezier(0, 0, 0.3, 1); + width: 100%; + z-index: 10; +} +.navbar_mobile_sidebar__overlay.is-hidden { + opacity: 0; + pointer-events: none; +} + +.site-container { + background: var(--page-bg); + max-width: 100%; + overflow: hidden; +} + +.wrapper { + -webkit-box-sizing: content-box; + box-sizing: content-box; + max-width: var(--entry-width); + margin: 0 auto; + padding: 0 var(--page-margin); +} + +.readmore { + display: inline-block; + color: var(--gray); + font-size: 0.8239746086rem; + font-style: italic; + text-decoration: underline; + -webkit-text-decoration-skip: ink; + text-decoration-skip-ink: auto; +} + +.hero { + background: var(--hero-bg); + height: var(--hero-height); + position: relative; + top: 0; + z-index: 1; +} +.hero__content { + bottom: 10%; + color: var(--hero-text-color); + left: 50%; + position: absolute; + -webkit-transform: translate(-50%, 0); + -ms-transform: translate(-50%, 0); + transform: translate(-50%, 0); + width: 100%; + z-index: 2; +} +.hero__content h1 { + color: var(--hero-heading-color); +} +.hero__content h1 > sup { + font-size: 1.066666667rem; + vertical-align: top; +} +.hero__content h1 + p { + margin-top: calc(0.2833333333rem + 0.25vw); +} +.hero__content a { + color: var(--hero-link-color); + -webkit-transition: all 0.24s ease-out; + -o-transition: all 0.24s ease-out; + transition: all 0.24s ease-out; +} +.hero__content a:hover { + color: var(--hero-link-color-hover); +} +.hero__content a:active { + color: var(--hero-link-color); +} +.hero__content a:focus { + outline: none; +} +.hero__image { + height: 100%; + margin: 0; + position: absolute; + width: 100%; +} +.hero__image--overlay::after { + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.64))); + background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.64) 100%); + background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.64) 100%); + content: ""; + display: block; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; +} +.hero__image > img { + display: block; + height: inherit; + -o-object-fit: cover; + object-fit: cover; + width: inherit; +} +.hero__image > figcaption { + background: var(--page-bg); + border-radius: calc(4 * var(--border-radius)); + bottom: 1rem; + color: var(--text-color); + display: block; + padding: 0 0.34rem; + position: absolute; + text-align: right; + right: var(--page-margin); + z-index: 3; +} + +.feed__item { + margin-top: calc(2.55rem + 1.5vw); + padding-bottom: calc(0.5666666667rem + 1vw); +} +.feed__image { + -webkit-box-sizing: content-box; + box-sizing: content-box; + margin: calc(1.7rem + 1vw) auto; + max-width: calc(var(--entry-width) + 20%); + padding: 0 6vw; +} +.feed__image > img { + display: inline-block; + height: auto; + width: 100%; +} +.feed__meta { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: gray-2; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + font-size: 0.8239746086rem; + margin-bottom: calc(-1.1333333333rem - 1vw); +} +.feed__author { + font-family: var(--menu-font); + font-weight: var(--font-weight-bold); + text-decoration: none; +} +.feed__date { + color: var(--gray); + font-style: italic; +} +.feed__author + .feed__date { + margin-left: 0.85rem; +} +.feed__author + .feed__date::before { + content: ""; + background: var(--light); + display: inline-block; + height: 1px; + margin-right: 4px; + width: 1rem; + vertical-align: middle; +} +.feed__readmore { + margin-top: calc(1.1333333333rem + 0.25vw); +} +.feed--grid { + display: -ms-grid; + display: grid; + -ms-grid-columns: 100%; + grid-template-columns: 100%; + grid-gap: calc(1.7rem + 1.5vw); + margin-top: 0; + padding-top: calc(2.55rem + 1.5vw); +} +@media all and (min-width: 37.5em) { + .feed--grid { + -ms-grid-columns: 1fr calc(1.7rem + 1.5vw) 1fr; + grid-template-columns: repeat(2, 1fr); + } +} +.feed--grid h2 { + margin-top: 0; +} +.feed--grid sup { + font-size: 1.066666667rem; + vertical-align: top; +} +.feed--grid-tag-desc > :nth-child(1) { + margin-top: 0; +} + +.post__image { + display: inline-block; +} +.post__image > img { + display: inline-block; +} +.post__image--left { + float: left; + margin-bottom: 1.7rem; + margin-right: 1.7rem; + max-width: 50%; +} +.post__image--right { + float: right; + margin-bottom: 1.7rem; + margin-left: 1.7rem; + max-width: 50%; +} +.post__image--center { + display: block; + margin-left: auto; + margin-right: auto; + text-align: center; +} +.post__image--wide { + display: block; +} +@media all and (min-width: 56.25em) { + .post__image--wide { + margin-left: calc(-1 * var(--page-margin)); + margin-right: calc(-1 * var(--page-margin)); + text-align: center; + } + .post__image--wide a, +.post__image--wide img { + display: block; + height: auto; + width: 100%; + } +} +.post__image--full { + display: block; + margin-left: calc(-50vw + 50%); + margin-right: calc(-50vw + 50%); + text-align: center; +} +.post__image--full a, +.post__image--full img { + display: block; + height: auto; + width: 100%; +} +.post__meta { + color: gray-2; + font-size: 0.8239746086rem; + font-style: italic; + margin-bottom: calc(-1.4166666667rem - 1vw); +} +.post__meta--author { + border-top: 1px solid var(--hero-border-color); + font-style: normal; + display: inline-block; + margin-top: 1.7rem; + padding-top: 1.4166666667rem; +} +@media all and (min-width: 37.5em) { + .post__meta--author { + margin-top: 2.8333333333rem; + padding-top: 1.7rem; + } +} +.post__author-thumb { + border-radius: 50%; + height: 1.7rem; + margin-right: 0.5666666667rem; + width: 1.7rem; +} +.post__entry { + margin-top: calc(2.55rem + 1.5vw); +} +.post__entry > :nth-child(1) { + margin-top: 0; +} +.post__entry a:not(.btn):not([type=button]):not([type=submit]):not(button):not(.post__toc a):not(.gallery__item a) { + color: var(--link-color-hover); + text-decoration: underline; + text-decoration-thickness: 1px; + text-underline-offset: 0.2em; + -webkit-text-decoration-skip: ink; + text-decoration-skip-ink: auto; +} +.post__entry a:not(.btn):not([type=button]):not([type=submit]):not(button):not(.post__toc a):not(.gallery__item a):hover, .post__entry a:not(.btn):not([type=button]):not([type=submit]):not(button):not(.post__toc a):not(.gallery__item a):active, .post__entry a:not(.btn):not([type=button]):not([type=submit]):not(button):not(.post__toc a):not(.gallery__item a):focus { + color: var(--link-color); +} +.post__avatar-thumbs { + border-radius: 50%; + height: 4.5333333333rem; + width: 4.5333333333rem; +} +.post__last-updated { + color: var(--gray); + font-size: 0.7724761953rem; + font-style: italic; + margin-top: 2.2666666667rem; +} +.post__last-updated + .post__tag { + margin: 1.1333333333rem 0 0; +} +.post__tag { + margin: 2.2666666667rem 0 0; + font-family: var(--menu-font); + font-size: 0.8239746086rem; +} +.post__tag > li { + display: inline-block; + margin-right: 0.2833333333rem; + padding: 0; +} +.post__tag > li > a { + background: var(--lighter); + border-radius: calc(4 * var(--border-radius)); + color: var(--dark); + font-size: 0.7241964329rem; + font-weight: var(--font-weight-normal); + padding: 0.425rem 0.85rem; +} +.post__tag > li > a:hover { + background: var(--light); +} +.post__share { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: calc(2.8333333333rem + 1vw) -0.2833333333rem 0; +} +.post__share > a { + border-radius: calc(4 * var(--border-radius)); + -webkit-box-flex: 1; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + margin: 0.2833333333rem; + line-height: 0; + padding: 0.7083333333rem 1.1333333333rem; + -webkit-transition: all 0.24s ease-out; + -o-transition: all 0.24s ease-out; + transition: all 0.24s ease-out; + text-align: center; +} +.post__share > a:hover { + -webkit-transform: translateY(-2px); + -ms-transform: translateY(-2px); + transform: translateY(-2px); +} +.post__share > a span { + color: var(--white); + font-family: var(--menu-font); + font-size: 0.5967194723rem; + font-weight: var(--font-weight-bold); + margin-left: 0.2833333333rem; + text-transform: uppercase; +} +.post__share > a svg { + fill: var(--white); + height: 18px; + pointer-events: none; + width: 18px; + vertical-align: middle; +} +.post__bio { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin: calc(3.4rem + 1vw) 0 calc(3.4rem + 2vw); +} +@media all and (min-width: 37.5em) { + .post__bio::before { + content: ""; + border-top: 1px solid var(--light); + height: 1px; + margin-right: 2rem; + width: 20%; + } +} +.bio__avatar { + border-radius: 50%; + -ms-flex-negative: 0; + flex-shrink: 0; + height: 3rem; + margin-right: 1.2rem; + width: 3rem; +} +@media all and (min-width: 37.5em) { + .bio__avatar { + height: 4rem; + margin-right: 2rem; + width: 4rem; + } +} +.bio__name { + font-family: var(--menu-font); + font-size: 1rem; + font-weight: var(--font-weight-bold); + margin: 0; +} +.bio__desc { + font-family: var(--body-font); + font-size: 0.8239746086rem; + line-height: 1.5; +} +@media all and (min-width: 37.5em) { + .bio__desc { + width: 80%; + } +} +.bio__desc > :nth-child(1) { + margin-top: 0.5666666667rem; +} +.bio__desc a { + text-decoration: underline; + text-decoration-thickness: 1px; + text-underline-offset: 0.2em; + -webkit-text-decoration-skip: ink; + text-decoration-skip-ink: auto; +} +.bio__desc a { + color: var(--link-color-hover); + -webkit-transition: all 0.24s ease-out; + -o-transition: all 0.24s ease-out; + transition: all 0.24s ease-out; +} +.bio__desc a:hover { + color: var(--link-color); +} +.bio__desc a:active { + color: var(--link-color); +} +.bio__desc a:focus { + outline: none; +} + +.post__nav { + border-top: 1px solid var(--light); + margin-top: calc(2.55rem + 1vw); + padding: 2.55rem var(--page-margin) 2.8333333333rem; + position: relative; +} +@media all and (min-width: 37.5em) { + .post__nav-inner { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + } +} +@media all and (min-width: 37.5em) { + .post__nav-prev, .post__nav-next { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} +.post__nav-prev svg, .post__nav-next svg { + fill: var(--gray); +} +@media all and (max-width: 37.4375em) { + .post__nav-prev svg, .post__nav-next svg { + display: none; + } +} +@media all and (min-width: 37.5em) { + .post__nav-next { + margin-left: auto; + text-align: right; + } +} +@media all and (max-width: 37.4375em) { + .post__nav-prev + .post__nav-next { + margin-top: 1.1333333333rem; + } +} +@media all and (min-width: 37.5em) { + .post__nav-prev + .post__nav-next { + margin-left: 1.7rem; + } +} +.post__nav-link { + font-family: var(--body-font); + font-size: 0.8239746086rem; + font-style: italic; + line-height: 1.5; +} +@media all and (min-width: 37.5em) { + .post__nav-link[rel=prev] { + padding-left: 0.85rem; + } +} +@media all and (min-width: 37.5em) { + .post__nav-link[rel=next] { + padding-right: 0.85rem; + } +} +.post__nav-link > span { + color: var(--gray); + display: block; + font-size: 0.7724761953rem; + font-family: var(--menu-font); + font-style: normal; +} +.post__nav + .post__related { + margin-top: 0; +} +.post__nav + .post__comments { + border-top: 1px solid var(--light); + margin-top: 0; +} +.post__related { + background: var(--lighter); + margin-top: calc(2.55rem + 1vw); + margin-bottom: calc(-2.55rem - 1vw); + padding: calc(0.85rem + 1vw) 0 calc(3.4rem + 3vw); +} +.related__item { + margin-top: calc(3.4rem + 1vw); +} +.related__item::before { + content: ""; + border-top: 1px solid var(--light); + display: block; + height: 1px; + margin-bottom: 2rem; + width: 20%; +} + +.post__related + .post__comments { + border-top: none; +} +.post + .post__comments { + margin-top: 0; +} +.post + .post__comments .h5 { + margin-top: 0; +} +.post__comments { + margin-top: calc(2.55rem + 1vw); + overflow: hidden; +} +.post__video, .post__iframe { + display: block; + margin-top: calc(1.7rem + 0.5vw); + margin-bottom: calc(1.7rem + 0.5vw); + overflow: hidden; + padding: 0; + position: relative; + width: 100%; +} +.post__video::before, .post__iframe::before { + display: block; + content: ""; + padding-top: var(--embed-aspect-ratio); +} +.post__video iframe, .post__video video, .post__iframe iframe, .post__iframe video { + border: none; + height: 100%; + left: 0; + position: absolute; + top: 0; + bottom: 0; + width: 100%; +} +.post__toc h3 { + font-size: 1rem; + margin: 0; +} +.post__toc ul { + counter-reset: item; + list-style: decimal; + margin: calc(0.5666666667rem + 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; +} + +.banner { + text-align: center; +} +.banner--after-post { + margin-top: calc(2.55rem + 1vw); +} + +.page__desc > :nth-child(1) { + margin-top: calc(0.2833333333rem + 0.25vw); +} +.page__desc a { + text-decoration: underline; + text-decoration-thickness: 1px; + text-underline-offset: 0.2em; + -webkit-text-decoration-skip: ink; + text-decoration-skip-ink: auto; +} +.page--author__avatar { + border-radius: 50%; + height: 3rem; + margin-bottom: calc(-1.4166666667rem - 1vw); + width: 3rem; +} +@media all and (min-width: 37.5em) { + .page--author__avatar { + height: 4rem; + width: 4rem; + } +} +.page--author__website { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; +} +.page--author__website a { + font-family: var(--menu-font); + font-weight: var(--font-weight-bold); + margin-left: 0.4rem; + text-decoration: none; +} +.page--search form { + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +@media all and (max-width: 37.4375em) { + .page--search input { + margin-bottom: 0.5666666667rem; + } +} +@media all and (min-width: 20em) { + .page--search input { + -webkit-box-flex: 1; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + margin-right: 0.5666666667rem; + } +} +@media all and (max-width: 37.4375em) { + .page--search button { + width: 100%; + } +} + +.align-left { + text-align: left; +} + +.align-right { + text-align: right; +} + +.align-center { + text-align: center; +} + +.align-justify { + text-align: justify; +} + +.msg { + border-left: 4px solid; + font-size: 0.9374999997rem; + padding: 1.1333333333rem 1.7rem; + position: relative; +} +.msg--highlight { + background-color: rgba(var(--highlight-color-rgb), 0.4); + border-color: var(--highlight-color); +} +.msg--info { + background-color: rgba(var(--info-color-rgb), 0.4); + border-color: var(--info-color); +} +.msg--success { + background-color: rgba(var(--success-color-rgb), 0.4); + border-color: var(--success-color); +} +.msg--warning { + background-color: rgba(var(--warning-color-rgb), 0.4); + border-color: var(--warning-color); +} + +.ordered-list { + counter-reset: listCounter; +} +.ordered-list li { + counter-increment: listCounter; + list-style: none; + padding-left: 0.2833333333rem; + position: relative; +} +.ordered-list li::before { + color: var(--color); + content: counter(listCounter, decimal-leading-zero) "."; + font-weight: var(--font-weight-bold); + left: -2rem; + position: absolute; +} + +.dropcap:first-letter { + color: var(--headings-color); + float: left; + font-size: 3.6355864383rem; + line-height: 0.7; + margin-right: 0.5666666667rem; + padding: 0.5666666667rem 0.5666666667rem 0.5666666667rem 0; +} + +.pec-wrapper { + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; +} +.pec-overlay { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: var(--light); + font-size: 14px; + display: none; + height: inherit; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + line-height: 1.4; + padding: 1rem; + position: relative; + text-align: center; +} +@media all and (min-width: 37.5em) { + .pec-overlay { + font-size: 16px; + line-height: var(--line-height); + padding: 1rem 2rem; + } +} +.pec-overlay.is-active { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.pec-overlay-inner p { + margin: 0 0 1rem; +} + +/* Pagination ------------------------ */ +.pagination { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin-top: calc(3.4rem + 1vw); +} +@media all and (min-width: 56.25em) { + .pagination { + margin-top: calc(5.1rem + 1vw); + } +} +.pagination__item + .pagination__item { + margin-left: 1.1333333333rem; +} +.pagination svg { + fill: var(--gray); +} + +/* Footer ------------------------ */ +.footer { + background: var(--section-bg); + font-family: var(--menu-font); + overflow: hidden; + padding: calc(3.4rem + 1vw) var(--page-margin); + margin: calc(2.55rem + 1vw) 0 0; + text-align: center; +} +.footer__social svg { + fill: var(--white); + height: 0.9374999997rem; + margin: 0 0.85rem; + opacity: 0.6; + -webkit-transition: all 0.12s linear 0s; + -o-transition: all 0.12s linear 0s; + transition: all 0.12s linear 0s; + width: 0.9374999997rem; +} +.footer__social svg:hover { + opacity: 1; +} +.footer__copyright { + color: var(--gray); + font-size: 0.6789341556rem; + letter-spacing: 1px; + text-transform: uppercase; + padding: 1.7rem 0; +} +.footer a { + color: var(--white); +} +.footer a:hover { + color: rgba(var(--white-rgb), 0.7); +} +.footer__bttop { + bottom: 1.4166666667rem; + border-radius: 50%; + line-height: 1; + opacity: 0; + padding: 0.51rem; + position: fixed; + right: 2rem; + text-align: center; + width: auto !important; + visibility: hidden; + z-index: 999; +} +@media all and (min-width: 56.25em) { + .footer__bttop { + bottom: 2.8333333333rem; + } +} +.footer__bttop:hover { + opacity: 1; +} +.footer__bttop > svg { + fill: var(--white); + height: 23px; + margin: 0; + width: 23px; +} +.footer__bttop.is-visible { + visibility: visible; + opacity: 1; +} + +.gallery { + margin: calc(1.7rem + 1vw) calc(var(--gallery-gap) * -1); +} +@media all and (min-width: 20em) { + .gallery { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } +} +@media all and (min-width: 56.25em) { + .gallery-wrapper--wide { + margin-left: calc(-1 * var(--page-margin)); + margin-right: calc(-1 * var(--page-margin)); + } + .gallery-wrapper--wide .gallery { + width: calc(100% + var(--gallery-gap) * 2); + } +} +.gallery-wrapper--full { + margin-left: calc(-50vw + 50%); + margin-right: calc(-50vw + 50%); +} +@media all and (min-width: 20em) { + .gallery[data-columns="1"] .gallery__item { + -webkit-box-flex: 1; + -ms-flex: 1 0 100%; + flex: 1 0 100%; + } +} +@media all and (min-width: 30em) { + .gallery[data-columns="2"] .gallery__item { + -webkit-box-flex: 1; + -ms-flex: 1 0 50%; + flex: 1 0 50%; + } +} +@media all and (min-width: 37.5em) { + .gallery[data-columns="3"] .gallery__item { + -webkit-box-flex: 1; + -ms-flex: 1 0 33.333%; + flex: 1 0 33.333%; + } +} +@media all and (min-width: 56.25em) { + .gallery[data-columns="4"] .gallery__item { + -webkit-box-flex: 0; + -ms-flex: 0 1 25%; + flex: 0 1 25%; + } +} +@media all and (min-width: 56.25em) { + .gallery[data-columns="5"] .gallery__item { + -webkit-box-flex: 0; + -ms-flex: 0 1 20%; + flex: 0 1 20%; + } +} +@media all and (min-width: 56.25em) { + .gallery[data-columns="6"] .gallery__item { + -webkit-box-flex: 0; + -ms-flex: 0 1 16.666%; + flex: 0 1 16.666%; + } +} +@media all and (min-width: 56.25em) { + .gallery[data-columns="7"] .gallery__item { + -webkit-box-flex: 1; + -ms-flex: 1 0 14.285%; + flex: 1 0 14.285%; + } +} +@media all and (min-width: 56.25em) { + .gallery[data-columns="8"] .gallery__item { + -webkit-box-flex: 1; + -ms-flex: 1 0 12.5%; + flex: 1 0 12.5%; + } +} +.gallery__item { + margin: 0; + padding: var(--gallery-gap); + position: relative; +} +@media all and (min-width: 20em) { + .gallery__item { + -webkit-box-flex: 1; + -ms-flex: 1 0 50%; + flex: 1 0 50%; + } +} +@media all and (min-width: 30em) { + .gallery__item { + -webkit-box-flex: 1; + -ms-flex: 1 0 33.333%; + flex: 1 0 33.333%; + } +} +@media all and (min-width: 37.5em) { + .gallery__item { + -webkit-box-flex: 1; + -ms-flex: 1 0 25%; + flex: 1 0 25%; + } +} +.gallery__item a { + display: block; + height: 100%; + width: 100%; +} +.gallery__item a::after { + background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0))); + background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); + background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); + bottom: var(--gallery-gap); + content: ""; + display: block; + opacity: 0; + left: var(--gallery-gap); + height: calc(100% - var(--gallery-gap) * 2); + position: absolute; + right: var(--gallery-gap); + top: var(--gallery-gap); + -webkit-transition: all 0.24s ease-out; + -o-transition: all 0.24s ease-out; + transition: all 0.24s ease-out; + width: calc(100% - var(--gallery-gap) * 2); +} +.gallery__item a:hover::after { + opacity: 1; +} +.gallery__item img { + display: block; + height: 100%; + -o-object-fit: cover; + object-fit: cover; + width: 100%; +} +.gallery__item figcaption { + bottom: 1.2rem; + color: var(--white); + left: 50%; + opacity: 0; + position: absolute; + text-align: center; + -webkit-transform: translate(-50%, 1.2rem); + -ms-transform: translate(-50%, 1.2rem); + transform: translate(-50%, 1.2rem); + -webkit-transition: all 0.24s ease-out; + -o-transition: all 0.24s ease-out; + transition: all 0.24s ease-out; +} +.gallery__item:hover figcaption { + opacity: 1; + -webkit-transform: translate(-50%, 0); + -ms-transform: translate(-50%, 0); + transform: translate(-50%, 0); +} + +.pswp--dark .pswp__bg { + background: black; +} +.pswp--light .pswp__bg { + background: var(--white); +} +.pswp--light .pswp__counter { + color: var(--text-color); +} +.pswp--light .pswp__caption__center { + color: var(--text-color); +} +.pswp .pswp__button { + -webkit-box-shadow: none; + box-shadow: none; + -webkit-transform: none; + -ms-transform: none; + transform: none; +} \ No newline at end of file diff --git a/assets/css/photoswipe.css b/assets/css/photoswipe.css new file mode 100755 index 0000000..d922705 --- /dev/null +++ b/assets/css/photoswipe.css @@ -0,0 +1 @@ +/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp,.pswp__bg,.pswp__scroll-wrap{height:100%;width:100%}.pswp__container,.pswp__item,.pswp__zoom-wrap{right:0;bottom:0;top:0;position:absolute;left:0}.pswp,.pswp__bg,.pswp__error-msg,.pswp__img,.pswp__item,.pswp__scroll-wrap,.pswp__zoom-wrap{position:absolute}.pswp__bg,.pswp__share-modal{will-change:opacity}.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right,.pswp__caption--fake{visibility:hidden}.pswp,.pswp__bg,.pswp__container,.pswp__img--placeholder,.pswp__share-modal,.pswp__share-tooltip,.pswp__zoom-wrap{-webkit-backface-visibility:hidden}.pswp{display:none;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:1500;-webkit-text-size-adjust:100%;outline:0}.pswp--open,.pswp--supports-fs .pswp__button--fs,.pswp__button{display:block}.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box}.pswp img{max-width:none}.pswp--animate_opacity{opacity:.001;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4, 0, .22, 1);transition:opacity 333ms cubic-bezier(.4, 0, .22, 1)}.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp__bg{left:0;top:0;opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.pswp__scroll-wrap{left:0;top:0;overflow:hidden}.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none}.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.pswp__zoom-wrap{width:100%;-webkit-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(.4, 0, .22, 1);transition:transform 333ms cubic-bezier(.4, 0, .22, 1),-webkit-transform 333ms cubic-bezier(.4, 0, .22, 1)}.pswp__bg{-webkit-transition:opacity 333ms cubic-bezier(.4, 0, .22, 1);transition:opacity 333ms cubic-bezier(.4, 0, .22, 1)}.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none}.pswp__item{overflow:hidden}.pswp__img{width:auto;height:auto;top:0;left:0}.pswp__img--placeholder--blank{background:#222}.pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0}.pswp__error-msg{left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#ccc}.pswp__error-msg a{color:#ccc;text-decoration:underline}.pswp__share-tooltip a,.pswp__share-tooltip a:hover{text-decoration:none;color:#000}.pswp__button{width:44px;height:44px;position:relative;background:0 0;background-color:transparent!important;cursor:pointer;overflow:visible;-webkit-appearance:none;border:0;padding:0;margin:0;opacity:.75;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none}.pswp__button:focus,.pswp__button:hover,.pswp__ui--over-close .pswp__button--close{opacity:1}.pswp__button:active{outline:0;opacity:.9}.pswp__button::-moz-focus-inner{padding:0;border:0}.pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before{background-size:264px 88px;width:44px;height:44px}.pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right{background:0 0!important}.pswp__button--close{background-position:0 -44px!important}.pswp__button--share{background-position:-44px -44px!important}.pswp__button--fs{display:none}.pswp--fs .pswp__button--fs{background-position:-44px 0!important}.pswp__button--zoom{display:none;background-position:-88px 0!important}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0!important}.pswp__button--arrow--left,.pswp__button--arrow--right{background:0 0;width:70px;height:100px;position:absolute;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.pswp__button--arrow--left{left:1rem}.pswp__caption,.pswp__counter,.pswp__share-modal{left:0;position:absolute}.pswp__button--arrow--right{right:1rem}.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{content:'';top:5px;height:30px;width:32px;position:absolute}.pswp__button--arrow--left:before{left:6px;background-position:-138px -44px}.pswp__button--arrow--right:before{right:-6px;background-position:-94px -44px}.pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pswp__share-modal{display:block;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;padding:10px;z-index:1600;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out}.pswp__share-modal--hidden{display:none}.pswp__share-tooltip{z-index:1620;position:absolute;background:#fff;top:56px;border-radius:2px;display:block;width:auto;right:3rem;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s;will-change:transform}.pswp__caption--empty,.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}.pswp__share-tooltip a{display:block;padding:8px 12px;font-size:14px;line-height:18px}.pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0}.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px}.pswp__share-modal--fade-in{opacity:1}.pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);transform:translateY(0)}.pswp--touch .pswp__share-tooltip a{padding:16px 12px}a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#fff;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}a.pswp__share--facebook:hover{background:#3e5c9a;color:#fff}a.pswp__share--facebook:hover:before{border-bottom-color:#3e5c9a}a.pswp__share--twitter:hover{background:#55acee;color:#fff}a.pswp__share--pinterest:hover{background:#ccc;color:#ce272d}a.pswp__share--download:hover{background:#ddd}.pswp__counter{top:0;height:3rem;font-size:13px;line-height:3rem;color:#fff;opacity:.75;padding:0 1rem}.pswp__caption{bottom:2rem;width:100%;min-height:3rem}.pswp__caption small{font-size:11px;color:#bbb}.pswp__caption__center{text-align:center;max-width:calc(38rem + 8%);margin:0 auto;font-size:13px;padding:1rem 4%;line-height:20px;color:#ccc}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__ui{visibility:visible}.pswp__preloader{width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;will-change:opacity;direction:ltr}.pswp--css_animation .pswp__preloader--active,.pswp__preloader--active,.pswp__ui{opacity:1}.pswp__preloader__icn{width:20px;height:20px;margin:12px}.pswp__preloader--active .pswp__preloader__icn{background:url(../images/preloader.gif) no-repeat}.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:.5s linear infinite clockwise;animation:.5s linear infinite clockwise}.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:1s cubic-bezier(.4,0,.22,1) infinite donut-rotate;animation:1s cubic-bezier(.4,0,.22,1) infinite donut-rotate}.pswp--css_animation .pswp__preloader__icn{background:0 0;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #fff;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:0 0;margin:0}@media screen and (max-width:1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}}@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes donut-rotate{0%,100%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}}@keyframes donut-rotate{0%,100%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}}.pswp__ui{-webkit-font-smoothing:auto;z-index:1550}.pswp__top-bar{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;position:absolute;padding-right:1rem;left:0;top:0;height:3rem;width:100%}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4, 0, .22, 1);transition:opacity 333ms cubic-bezier(.4, 0, .22, 1)}.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right,.pswp__ui--idle .pswp__top-bar{opacity:0}.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar{opacity:.001}.pswp__element--disabled{display:none!important} \ No newline at end of file diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100755 index 0000000..3680bd1 --- /dev/null +++ b/assets/css/style.css @@ -0,0 +1 @@ +:root{--page-margin:6vw;--entry-width:42rem;--navbar-height:4.4rem;--border-radius:6px;--gallery-gap:0.28333rem;--body-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--heading-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--logo-font:var(--body-font);--menu-font:var(--body-font);--font-weight-normal:400;--font-weight-bold:700;--headings-weight:700;--headings-transform:none;--line-height:1.7;--hero-height:80vh;--hero-bg:#17181E;--hero-heading-color:#FFFFFF;--hero-text-color:rgba(255,255,255,0.75);--hero-link-color:#FFFFFF;--hero-link-color-hover:rgba(255,255,255,0.75);--hero-border-color:rgba(255,255,255,0.3);--white:#FFFFFF;--white-rgb:255,255,255;--black:#000000;--dark:#17181E;--gray:#747577;--light:#E6E7EB;--lighter:#F3F3F3;--page-bg:#FFFFFF;--section-bg:#17181E;--color:#D73A42;--color-rgb:215,58,66;--text-color:#17181E;--headings-color:#17181E;--link-color:#17181E;--link-color-hover:#D73A42;--nav-link-color:rgba(255,255,255,1);--nav-link-color-hover:rgba(255,255,255,.7);--logo-color:#FFFFFF;--highlight-color:#F6DC90;--highlight-color-rgb:246,220,144;--info-color:#A8D8FF;--info-color-rgb:168,216,255;--success-color:#A4E4B2;--success-color-rgb:164,228,178;--warning-color:#FFC1BF;--warning-color-rgb:255,193,191}@media all and (min-width:56.25em){:root{--navbar-height:6rem}}@media (prefers-color-scheme:dark){:root{--white:#FFFFFF;--white-rgb:255,255,255;--black:#FFFFFF;--dark:#CECBCB;--gray:#9D9D9D;--light:#373737;--lighter:#1e1e1e;--page-bg:#181818;--section-bg:#1e1e1e;--color:#FFC074;--color-rgb:255,192,116;--text-color:#BFBFBF;--headings-color:#EEEDED;--link-color:#EEEDED;--link-color-hover:#FFC074;--nav-link-color:rgba(255,255,255,1);--nav-link-color-hover:rgba(255,255,255,.7);--logo-color:#FFFFFF;--highlight-color:#F6DC90;--highlight-color-rgb:24,24,24;--info-color:#5B9ED5;--info-color-rgb:24,24,24;--success-color:#54A468;--success-color-rgb:24,24,24;--warning-color:#FB6762;--warning-color-rgb:24,24,24}}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}article,aside,footer,header,hgroup,main,nav,section{display:block}li{list-style:none}img{height:auto;max-width:100%;vertical-align:top}button,input,select,textarea{font:inherit}address{font-style:normal}.facebook{background:#3b5998}.twitter{background:#55acee}.mix{background:#fd8235}.instagram{background:#405de6}.vimeo{background:#1ab7ea}.pinterest{background:#bd081c}.youtube{background:#cd201f}.linkedin{background:#007bb6}.buffer{background:#333}.whatsapp{background:#25d366}::-moz-selection{background:var(--color);color:var(--white)}::selection{background:var(--color);color:var(--white)}html{font-size:clamp(1.1rem, 1.1rem + .1 * ((100vw - 20rem) / 50), 1.2rem);font-smooth:always;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}html.no-scroll{overflow:hidden;position:fixed}body{background:var(--page-bg);color:var(--text-color);font-family:var(--body-font);font-weight:var(--font-weight-normal);line-height:var(--line-height);-ms-scroll-chaining:none;overscroll-behavior:none}a{text-decoration:none}a{color:var(--link-color);-webkit-transition:all .24s ease-out;-o-transition:all .24s ease-out;transition:all .24s ease-out}a:hover{color:var(--link-color-hover)}a:active{color:var(--link-color-hover)}a:focus{outline:0}.invert{color:var(--link-color-hover);-webkit-transition:all .24s ease-out;-o-transition:all .24s ease-out;transition:all .24s ease-out}.invert:hover{color:var(--link-color)}.invert:active{color:var(--link-color)}.invert:focus{outline:0}dl,ol,p,ul{margin-top:calc(1.1333333333rem + .25vw)}blockquote,figure,hr,pre,table{margin-top:calc(1.7rem + .5vw);margin-bottom:calc(1.7rem + .5vw)}h1,h2,h3,h4,h5,h6{color:var(--headings-color);font-family:var(--heading-font);font-weight:var(--headings-weight);-webkit-hyphens:manual;-ms-hyphens:manual;hyphens:manual;line-height:1.2;margin-top:calc(1.7rem + 1vw);text-transform:var(--headings-transform)}.h1,h1{font-size:clamp(1.5710900065rem, 1.5710900065rem + 1.424540906 * ((100vw - 20rem) / 50), 2.9956309125rem);font-family:var(--heading-font)}.h2,h2{font-size:clamp(1.3808408252rem, 1.3808408252rem + .9332127447 * ((100vw - 20rem) / 50), 2.3140535699rem)}.h3,h3{font-size:clamp(1.2136296308rem, 1.2136296308rem + .4621997101 * ((100vw - 20rem) / 50), 1.6758293408rem)}.h4,h4{font-size:clamp(1.1377777785rem, 1.1377777785rem + .1567604947 * ((100vw - 20rem) / 50), 1.2945382732rem)}.h5,h5{font-size:clamp(1.066666667rem, 1.066666667rem + .0711111115 * ((100vw - 20rem) / 50), 1.1377777785rem)}.h6,h6{font-size:clamp(1rem, 1rem + 0 * ((100vw - 20rem) / 50), 1rem)}h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:calc(.5666666667rem + .25vw)}b,strong{font-weight:var(--font-weight-bold)}blockquote{color:var(--headings-color);font-family:var(--heading-font);padding:3.6833333333rem 0 0;position:relative;text-align:center;font-size:clamp(1.1377777785rem, 1.1377777785rem + .2430630467 * ((100vw - 20rem) / 50), 1.3808408252rem)}blockquote::before{color:var(--dark);content:"“";font:normal 320%/0.9 Georgia,Times,Times New Roman,serif;top:.5666666667rem;position:absolute;left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}blockquote>:first-child{margin-top:0}ol,ul{margin-left:2rem}ol>li,ul>li{list-style:inherit;padding:0 0 .2833333333rem .85rem}dl dt{font-weight:var(--font-weight-bold)}pre{background-color:var(--lighter);font-size:.8239746086rem;padding:1.7rem;white-space:pre-wrap;word-wrap:break-word}pre>code{color:var(--text-color);display:inline-block;font-size:inherit;padding:0}code{background-color:var(--lighter);color:var(--color);font-size:.8239746086rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace}table{border:1px solid var(--light);border-collapse:collapse;border-spacing:0;vertical-align:top;text-align:left;width:100%}table th{font-weight:var(--font-weight-bold);padding:.7083333333rem 1.1333333333rem}table td{border-top:1px solid var(--light);padding:.7083333333rem 1.1333333333rem}.table-striped tr:nth-child(2n){background:var(--lighter)}.table-bordered td,.table-bordered th{border:1px solid var(--light)}.table-title th{background:var(--lighter)}figcaption{clear:both;color:gray-2;font-style:italic;font-size:.7241964329rem;margin:.85rem 0 0;text-align:center}kbd{background:var(--dark);border-radius:2px;color:var(--white);font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.8789062495rem;padding:.1416666667rem .425rem}sub,sup{font-size:65%}small{font-size:.8789062495rem}.separator,hr{background:0 0;border:none;height:auto;line-height:1;max-width:none;text-align:center}.separator::before,hr::before{content:"···";color:var(--dark);font-size:1.2136296308rem;font-weight:var(--font-weight-bold);letter-spacing:1.1377777785rem;padding-left:1.1377777785rem}.separator--dot::before{content:"·";color:var(--dark);font-size:1.2136296308rem;font-weight:var(--font-weight-bold);letter-spacing:1.1377777785rem;padding-left:1.1377777785rem}.separator--long-line{position:relative}.separator--long-line::before{content:"";height:1.2136296308rem}.separator--long-line::after{border-top:1px solid var(--light);content:"";height:1px;position:absolute;width:100%;top:50%;left:0}.btn,[type=button],[type=submit],button{background:var(--color);border:1px solid var(--color);border-radius:2px;-webkit-box-shadow:0 4px 6px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.08);box-shadow:0 4px 6px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.08);color:var(--white);cursor:pointer;display:inline-block;font-family:var(--body-font);font-size:.6789341556rem;font-weight:var(--font-weight-bold);overflow:hidden;padding:.5666666667rem 1.4166666667rem;text-align:center;-webkit-transition:all .24s ease-out;-o-transition:all .24s ease-out;transition:all .24s ease-out;text-transform:uppercase;vertical-align:middle;will-change:transform}@media all and (max-width:19.9375em){.btn,[type=button],[type=submit],button{width:100%}}@media all and (max-width:37.4375em){.btn,[type=button],[type=submit],button{margin-bottom:.5666666667rem}}.btn:active,.btn:focus,.btn:hover,[type=button]:active,[type=button]:focus,[type=button]:hover,[type=submit]:active,[type=submit]:focus,[type=submit]:hover,button:active,button:focus,button:hover{-webkit-box-shadow:0 7px 14px rgba(0,0,0,.1),0 3px 6px rgba(0,0,0,.08);box-shadow:0 7px 14px rgba(0,0,0,.1),0 3px 6px rgba(0,0,0,.08);color:var(--white);-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}@media all and (min-width:20em){.btn+.btn,.btn+[type=button],.btn+[type=submit],.btn+button,[type=button]+.btn,[type=button]+[type=button],[type=button]+[type=submit],[type=button]+button,[type=submit]+.btn,[type=submit]+[type=button],[type=submit]+[type=submit],[type=submit]+button,button+.btn,button+[type=button],button+[type=submit],button+button{margin-left:.5666666667rem}}.btn:disabled,[type=button]:disabled,[type=submit]:disabled,button:disabled{background-color:var(--light);border-color:var(--light);color:var(--gray);cursor:not-allowed}[type=button],[type=submit],button{-webkit-appearance:none;-moz-appearance:none}::-webkit-search-cancel-button{-webkit-appearance:none}fieldset{border:1px solid var(--light);margin:calc(1.7rem + 1vw) 0 0;padding:1.7rem}fieldset>legend{margin-left:-1rem;padding:0 1rem}legend{font-weight:500;padding:0}label{font-weight:500;margin:0 1.1333333333rem .85rem 0}[type=email],[type=number],[type=search],[type=tel],[type=text],[type=url],select,textarea{background-color:var(--page-bg);border:none;border:1px solid var(--light);color:var(--text-color);font-size:1rem;outline:0;padding:.34rem .85rem;vertical-align:middle;width:100%;-webkit-appearance:none;-moz-appearance:none}@media all and (min-width:37.5em){[type=email],[type=number],[type=search],[type=tel],[type=text],[type=url],select,textarea{width:auto}}[type=email]:focus,[type=number]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=url]:focus,select:focus,textarea:focus{border-color:var(--dark)}input[type=checkbox],input[type=radio]{opacity:0;position:absolute}input[type=checkbox]+label,input[type=radio]+label{position:relative;margin-left:-1px;cursor:pointer;padding:0}input[type=checkbox]+label:before,input[type=radio]+label:before{background-color:var(--white);border:1px solid var(--light);border-radius:2px;content:"";display:inline-block;height:1.4166666667rem;line-height:1.4166666667rem;margin-right:1.1333333333rem;vertical-align:middle;text-align:center;width:1.4166666667rem}input[type=checkbox]:checked+label:before,input[type=radio]:checked+label:before{content:"";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='%23d73a42'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:11px 8px;background-position:50% 50%}input[type=radio]+label:before{border-radius:50%}input[type=radio]:checked+label:before{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='%23d73a42'/%3e%3c/svg%3e")}[type=file]{margin-bottom:1.7rem;width:100%}select{max-width:100%;width:auto;position:relative}select:not([multiple]){background:url('data:image/svg+xml;utf8,') no-repeat 90% 50%;background-size:8px;padding-right:3.4rem}select[multiple]{border:1px solid var(--light);padding:1.7rem;width:100%}select[multiple]:hover{border-color:var(--light)}select[multiple]:focus{border-color:var(--dark)}select[multiple]:disabled{background-color:var(--light);cursor:not-allowed}select[multiple]:disabled:hover{border-color:var(--light)}textarea{display:block;overflow:auto;resize:vertical;max-width:100%}.top{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:var(--navbar-height);position:absolute;padding:0 var(--page-margin);-webkit-transition:background .5s ease;-o-transition:background .5s ease;transition:background .5s ease;width:100%;z-index:2}@media all and (min-width:56.25em){.top{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:var(--navbar-height)}}.top.is-visible{background:var(--section-bg);-webkit-box-shadow:0 3px 10px 0 rgba(0,0,0,.06);box-shadow:0 3px 10px 0 rgba(0,0,0,.06);opacity:1;position:fixed;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transition:height .3s,background .3s,opacity .24s,-webkit-transform .24s;transition:height .3s,background .3s,opacity .24s,-webkit-transform .24s;-o-transition:transform .24s,height .3s,background .3s,opacity .24s;transition:transform .24s,height .3s,background .3s,opacity .24s;transition:transform .24s,height .3s,background .3s,opacity .24s,-webkit-transform .24s;width:100%}@media all and (min-width:56.25em){.top.is-hidden{opacity:0;-webkit-transform:translate(0,-86px);-ms-transform:translate(0,-86px);transform:translate(0,-86px);-webkit-transition:background .3s,color .3s,opacity .24s,-webkit-transform .24s;transition:background .3s,color .3s,opacity .24s,-webkit-transform .24s;-o-transition:transform .24s,background .3s,color .3s,opacity .24s;transition:transform .24s,background .3s,color .3s,opacity .24s;transition:transform .24s,background .3s,color .3s,opacity .24s,-webkit-transform .24s}}.logo{color:var(--logo-color)!important;font-size:1.2136296308rem;font-family:var(--logo-font);font-weight:var(--font-weight-normal);margin-right:auto}.logo>img{max-height:calc(3.9666666667rem + 1vw);width:auto}.search{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}@media all and (min-width:56.25em){.search{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}}.search__btn{border:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important;margin:0;padding:.5666666667rem;width:auto}@media all and (min-width:56.25em){.search__btn{margin-left:1rem;padding-right:0}}.search__btn:focus,.search__btn:hover{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.search__btn:focus>svg,.search__btn:hover>svg{fill:rgba(255,255,255,0.7)}.search__btn>svg{display:block;fill:var(--white);height:15px;-webkit-transition:all .24s ease;-o-transition:all .24s ease;transition:all .24s ease;width:15px}.search__form{-ms-flex-preferred-size:90%;flex-basis:90%}.search__input{background:0 0;border:none!important;color:var(--white);display:none;font-family:var(--heading-font);margin:0!important;opacity:0;padding:0;width:100%;font-size:clamp(1.2136296308rem, 1.2136296308rem + .3574603758 * ((100vw - 20rem) / 50), 1.5710900065rem)}.search__close{background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important;border:none;color:transparent;cursor:pointer;margin:0!important;opacity:0;padding:0;height:1.6rem;width:1.6rem;position:relative;text-indent:-999rem}.search__close:after,.search__close:before{background-color:var(--white);content:"";left:1rem;height:1.6rem;opacity:1;position:absolute;width:1px;top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .14s ease-out;-o-transition:all .14s ease-out;transition:all .14s ease-out}.search__close:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.search__close:hover{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.search__close:hover:after,.search__close:hover:before{background-color:rgba(255,255,255,.7)}.search__overlay{background-color:var(--section-bg);-webkit-box-shadow:0 3px 3px rgba(0,0,0,.05);box-shadow:0 3px 3px rgba(0,0,0,.05);left:0;opacity:0;position:fixed;-webkit-transition:all .24s ease-out;-o-transition:all .24s ease-out;transition:all .24s ease-out;top:0;visibility:hidden;width:100%;z-index:2005}.search__overlay-inner{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:4.4rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 var(--page-margin)}@media all and (min-width:56.25em){.search__overlay-inner{height:6rem}}.search__overlay.expanded{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);opacity:1;display:block;visibility:visible}.search__overlay.expanded .search__input{-webkit-animation:slideininput .24s .12s forwards;animation:slideininput .24s .12s forwards;display:block}@-webkit-keyframes slideininput{60%{opacity:0}100%{opacity:1}}@keyframes slideininput{60%{opacity:0}100%{opacity:1}}.search__overlay.expanded .search__close{-webkit-animation:slideinclose .24s .12s forwards;animation:slideinclose .24s .12s forwards}@-webkit-keyframes slideinclose{60%{opacity:0}100%{opacity:1}}@keyframes slideinclose{60%{opacity:0}100%{opacity:1}}.navbar{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.navbar .navbar__menu{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin:0;padding:0}@media all and (max-width:56.1875em){.navbar .navbar__menu{display:none}}.navbar .navbar__menu li{font-family:var(--menu-font);display:block;font-size:.7724761953rem;line-height:var(--line-height);font-weight:500;padding:0;position:relative;text-transform:uppercase;width:auto}.navbar .navbar__menu li a,.navbar .navbar__menu li span[aria-haspopup=true]{color:var(--nav-link-color);display:block;padding:0 .5666666667rem;-webkit-transition:all .24s ease-out;-o-transition:all .24s ease-out;transition:all .24s ease-out}.navbar .navbar__menu li a:active,.navbar .navbar__menu li a:focus,.navbar .navbar__menu li a:hover,.navbar .navbar__menu li span[aria-haspopup=true]:active,.navbar .navbar__menu li span[aria-haspopup=true]:focus,.navbar .navbar__menu li span[aria-haspopup=true]:hover{color:var(--nav-link-color-hover)}.navbar .navbar__menu li span{color:var(--nav-link-color);cursor:default;display:block;padding:0 .5666666667rem}.navbar .navbar__menu>li:hover>a,.navbar .navbar__menu>li:hover>span[aria-haspopup=true]{color:var(--nav-link-color-hover)}.navbar .has-submenu:active>.navbar__submenu,.navbar .has-submenu:focus>.navbar__submenu,.navbar .has-submenu:hover>.navbar__submenu{left:0;opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);visibility:visible;margin-top:.85rem}.navbar .has-submenu:active>.navbar__submenu:before,.navbar .has-submenu:focus>.navbar__submenu:before,.navbar .has-submenu:hover>.navbar__submenu:before{content:"";height:.85rem;position:absolute;width:100%;top:-.85rem}.navbar .has-submenu:active>.navbar__submenu.is-right-submenu,.navbar .has-submenu:focus>.navbar__submenu.is-right-submenu,.navbar .has-submenu:hover>.navbar__submenu.is-right-submenu{left:auto;right:0;-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.navbar .has-submenu .has-submenu:active>.navbar__submenu,.navbar .has-submenu .has-submenu:focus>.navbar__submenu,.navbar .has-submenu .has-submenu:hover>.navbar__submenu{top:0;margin-top:0}.navbar .has-submenu .has-submenu:active>.navbar__submenu.is-right-submenu,.navbar .has-submenu .has-submenu:focus>.navbar__submenu.is-right-submenu,.navbar .has-submenu .has-submenu:hover>.navbar__submenu.is-right-submenu{top:0;margin-top:0}.navbar .navbar__submenu{background:var(--section-bg);-webkit-box-shadow:0 5px 5px rgba(0,0,0,.25);box-shadow:0 5px 5px rgba(0,0,0,.25);border-radius:var(--border-radius);left:-9999px;list-style-type:none;margin:0;padding:10px 0;position:absolute;visibility:hidden;white-space:nowrap;z-index:1;opacity:0;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);-webkit-transform-origin:0 top;-ms-transform-origin:0 top;transform-origin:0 top;-webkit-transition:opacity .15s,-webkit-transform .3s cubic-bezier(.275, 1.375, .8, 1);transition:opacity .15s,-webkit-transform .3s cubic-bezier(.275, 1.375, .8, 1);-o-transition:opacity .15s,transform .3s cubic-bezier(.275, 1.375, .8, 1);transition:opacity .15s,transform .3s cubic-bezier(.275, 1.375, .8, 1);transition:opacity .15s,transform .3s cubic-bezier(.275, 1.375, .8, 1),-webkit-transform .3s cubic-bezier(.275, 1.375, .8, 1)}.navbar .navbar__submenu__submenu{z-index:2}.navbar .navbar__submenu li{line-height:1.5;font-size:.7241964329rem}.navbar .navbar__submenu li a,.navbar .navbar__submenu li span[aria-haspopup=true]{color:var(--nav-link-color-hover)!important;padding:.5666666667rem 1.4166666667rem;-webkit-transition:all .24s ease;-o-transition:all .24s ease;transition:all .24s ease}.navbar .navbar__submenu li a:active,.navbar .navbar__submenu li a:focus,.navbar .navbar__submenu li a:hover,.navbar .navbar__submenu li span[aria-haspopup=true]:active,.navbar .navbar__submenu li span[aria-haspopup=true]:focus,.navbar .navbar__submenu li span[aria-haspopup=true]:hover{background:rgba(var(--white-rgb),.05);color:var(--nav-link-color)!important}.navbar .navbar__submenu li span{color:var(--nav-link-color-hover)!important;padding:.5666666667rem 1.4166666667rem}.navbar .navbar__submenu li:hover>a,.navbar .navbar__submenu li:hover>span[aria-haspopup=true]{color:var(--nav-link-color)!important}.navbar .navbar__toggle{background:var(--section-bg);-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:3px;cursor:pointer;display:block;line-height:1;margin:0;overflow:visible;padding:1rem;position:relative;right:-1rem;text-transform:none;z-index:2004}@media all and (min-width:56.25em){.navbar .navbar__toggle{display:none}}.navbar .navbar__toggle:focus,.navbar .navbar__toggle:hover{-webkit-box-shadow:none;box-shadow:none;outline:0;-webkit-transform:none;-ms-transform:none;transform:none}.navbar .navbar__toggle-box{width:24px;height:14px;display:inline-block;position:relative}.navbar .navbar__toggle-inner{display:block;top:50%;text-indent:-9999999em}.navbar .navbar__toggle-inner::before{content:"";display:block;top:-6px}.navbar .navbar__toggle-inner::after{content:"";display:block;bottom:-6px}.navbar .navbar__toggle-inner,.navbar .navbar__toggle-inner::after,.navbar .navbar__toggle-inner::before{width:22px;height:2px;background-color:var(--white);position:absolute;-webkit-transition:opacity .14s ease-out,-webkit-transform;transition:opacity .14s ease-out,-webkit-transform;-o-transition:transform,opacity .14s ease-out;transition:transform,opacity .14s ease-out;transition:transform,opacity .14s ease-out,-webkit-transform}.navbar .navbar__toggle-inner{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;-webkit-transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);-o-transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}.navbar .navbar__toggle-inner::before{-webkit-transition:top 75ms ease .12s,opacity 75ms ease;-o-transition:top 75ms ease .12s,opacity 75ms ease;transition:top 75ms ease .12s,opacity 75ms ease}.navbar .navbar__toggle-inner::after{-webkit-transition:bottom 75ms ease .12s,-webkit-transform 75ms cubic-bezier(.55, .055, .675, .19);transition:bottom 75ms ease .12s,-webkit-transform 75ms cubic-bezier(.55, .055, .675, .19);-o-transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55, .055, .675, .19);transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55, .055, .675, .19);transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55, .055, .675, .19),-webkit-transform 75ms cubic-bezier(.55, .055, .675, .19)}.navbar .navbar__toggle.is-active .navbar__toggle-inner{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition-delay:0.12s;-o-transition-delay:0.12s;transition-delay:0.12s;-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);-o-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}.navbar .navbar__toggle.is-active .navbar__toggle-inner::before{top:0;opacity:0;-webkit-transition:top 75ms ease,opacity 75ms ease .12s;-o-transition:top 75ms ease,opacity 75ms ease .12s;transition:top 75ms ease,opacity 75ms ease .12s}.navbar .navbar__toggle.is-active .navbar__toggle-inner::after{bottom:0;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:bottom 75ms ease,-webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;transition:bottom 75ms ease,-webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;-o-transition:bottom 75ms ease,transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215, .61, .355, 1) .12s,-webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s}.navbar_mobile_overlay{background:var(--page-bg);height:calc(100vh - 4.4rem);left:0;opacity:1;overflow:auto;pointer-events:auto;position:fixed;top:4.4rem;-webkit-transition:all .3s cubic-bezier(0, 0, .3, 1);-o-transition:all .3s cubic-bezier(0, 0, .3, 1);transition:all .3s cubic-bezier(0, 0, .3, 1);width:100%;z-index:1001}.navbar_mobile_overlay.is-hidden{opacity:0;pointer-events:none}.navbar_mobile_overlay .navbar__menu{margin:24px}.navbar_mobile_overlay .navbar__menu li{list-style:none;margin:0;padding:0;text-align:center}.navbar_mobile_overlay .navbar__menu li a,.navbar_mobile_overlay .navbar__menu li span{color:var(--dark);display:block;padding:.5666666667rem;position:relative}.navbar_mobile_overlay .navbar__menu li a:active,.navbar_mobile_overlay .navbar__menu li a:focus,.navbar_mobile_overlay .navbar__menu li a:hover,.navbar_mobile_overlay .navbar__menu li span:active,.navbar_mobile_overlay .navbar__menu li span:focus,.navbar_mobile_overlay .navbar__menu li span:hover{color:var(--dark)}.navbar_mobile_overlay .navbar__menu li a[aria-haspopup=true]::after,.navbar_mobile_overlay .navbar__menu li span[aria-haspopup=true]::after{content:"";width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:currentColor transparent transparent transparent;left:.5666666667rem;top:15px;position:relative}.navbar_mobile_overlay .navbar__submenu{margin:0;padding:0;visibility:hidden}.navbar_mobile_overlay .navbar__submenu[aria-hidden=false]{visibility:visible}.navbar_mobile_overlay .navbar__submenu_wrapper{height:0;opacity:0;overflow:hidden;-webkit-transition:all .3s cubic-bezier(.275, 1.375, .8, 1);-o-transition:all .3s cubic-bezier(.275, 1.375, .8, 1);transition:all .3s cubic-bezier(.275, 1.375, .8, 1)}.navbar_mobile_overlay .navbar__submenu_wrapper.is-active{height:auto;opacity:1}.navbar_mobile_sidebar{background:var(--page-bg);-webkit-box-shadow:0 0 5px rgba(0,0,0,.25);box-shadow:0 0 5px rgba(0,0,0,.25);height:100vh;left:0;max-width:400px;overflow:auto;position:fixed;top:0;-webkit-transition:all .3s cubic-bezier(0, 0, .3, 1);-o-transition:all .3s cubic-bezier(0, 0, .3, 1);transition:all .3s cubic-bezier(0, 0, .3, 1);width:80%;z-index:1001}.navbar_mobile_sidebar.is-hidden{left:-400px}.navbar_mobile_sidebar .navbar__menu{margin:24px}.navbar_mobile_sidebar .navbar__menu li{font-family:var(--menu-font);font-size:16px;list-style:none;line-height:1.3;margin:0;padding:0}.navbar_mobile_sidebar .navbar__menu li .is-separator,.navbar_mobile_sidebar .navbar__menu li a{color:var(--dark);display:block;padding:10px 20px 10px 0;position:relative}.navbar_mobile_sidebar .navbar__menu li .is-separator:active,.navbar_mobile_sidebar .navbar__menu li .is-separator:focus,.navbar_mobile_sidebar .navbar__menu li .is-separator:hover,.navbar_mobile_sidebar .navbar__menu li a:active,.navbar_mobile_sidebar .navbar__menu li a:focus,.navbar_mobile_sidebar .navbar__menu li a:hover{color:var(--dark)}.navbar_mobile_sidebar .navbar__menu li .is-separator[aria-haspopup=true]::after,.navbar_mobile_sidebar .navbar__menu li a[aria-haspopup=true]::after{content:"";width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:currentColor transparent transparent transparent;right:0;top:18px;position:absolute}.navbar_mobile_sidebar .navbar__submenu{margin:0 0 0 24px;padding:0;visibility:hidden}.navbar_mobile_sidebar .navbar__submenu[aria-hidden=false]{visibility:visible}.navbar_mobile_sidebar .navbar__submenu_wrapper{height:0;opacity:0;overflow:hidden;-webkit-transition:all .3s cubic-bezier(.275, 1.375, .8, 1);-o-transition:all .3s cubic-bezier(.275, 1.375, .8, 1);transition:all .3s cubic-bezier(.275, 1.375, .8, 1)}.navbar_mobile_sidebar .navbar__submenu_wrapper.is-active{height:auto;opacity:1}.navbar_mobile_sidebar__overlay{background:rgba(0,0,0,.5);height:100%;opacity:1;pointer-events:auto;position:fixed;top:0;-webkit-transition:all .3s cubic-bezier(0, 0, .3, 1);-o-transition:all .3s cubic-bezier(0, 0, .3, 1);transition:all .3s cubic-bezier(0, 0, .3, 1);width:100%;z-index:10}.navbar_mobile_sidebar__overlay.is-hidden{opacity:0;pointer-events:none}.site-container{background:var(--page-bg);max-width:100%;overflow:hidden}.wrapper{-webkit-box-sizing:content-box;box-sizing:content-box;max-width:var(--entry-width);margin:0 auto;padding:0 var(--page-margin)}.readmore{display:inline-block;color:var(--gray);font-size:.8239746086rem;font-style:italic;text-decoration:underline;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}.hero{background:var(--hero-bg);height:var(--hero-height);position:relative;top:0;z-index:1}.hero__content{bottom:10%;color:var(--hero-text-color);left:50%;position:absolute;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);width:100%;z-index:2}.hero__content h1{color:var(--hero-heading-color)}.hero__content h1>sup{font-size:1.066666667rem;vertical-align:top}.hero__content h1+p{margin-top:calc(.2833333333rem + .25vw)}.hero__content a{color:var(--hero-link-color);-webkit-transition:all .24s ease-out;-o-transition:all .24s ease-out;transition:all .24s ease-out}.hero__content a:hover{color:var(--hero-link-color-hover)}.hero__content a:active{color:var(--hero-link-color)}.hero__content a:focus{outline:0}.hero__image{height:100%;margin:0;position:absolute;width:100%}.hero__image--overlay::after{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.64)));background:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.64) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.64) 100%);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.hero__image>img{display:block;height:inherit;-o-object-fit:cover;object-fit:cover;width:inherit}.hero__image>figcaption{background:var(--page-bg);border-radius:calc(4 * var(--border-radius));bottom:1rem;color:var(--text-color);display:block;padding:0 .34rem;position:absolute;text-align:right;right:var(--page-margin);z-index:3}.feed__item{margin-top:calc(2.55rem + 1.5vw);padding-bottom:calc(.5666666667rem + 1vw)}.feed__image{-webkit-box-sizing:content-box;box-sizing:content-box;margin:calc(1.7rem + 1vw) auto;max-width:calc(var(--entry-width) + 20%);padding:0 6vw}.feed__image>img{display:inline-block;height:auto;width:100%}.feed__meta{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:gray-2;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.8239746086rem;margin-bottom:calc(-1.1333333333rem - 1vw)}.feed__author{font-family:var(--menu-font);font-weight:var(--font-weight-bold);text-decoration:none}.feed__date{color:var(--gray);font-style:italic}.feed__author+.feed__date{margin-left:.85rem}.feed__author+.feed__date::before{content:"";background:var(--light);display:inline-block;height:1px;margin-right:4px;width:1rem;vertical-align:middle}.feed__readmore{margin-top:calc(1.1333333333rem + .25vw)}.feed--grid{display:-ms-grid;display:grid;-ms-grid-columns:100%;grid-template-columns:100%;grid-gap:calc(1.7rem + 1.5vw);margin-top:0;padding-top:calc(2.55rem + 1.5vw)}@media all and (min-width:37.5em){.feed--grid{-ms-grid-columns:1fr calc(1.7rem + 1.5vw) 1fr;grid-template-columns:repeat(2,1fr)}}.feed--grid h2{margin-top:0}.feed--grid sup{font-size:1.066666667rem;vertical-align:top}.feed--grid-tag-desc>:first-child{margin-top:0}.post__image{display:inline-block}.post__image>img{display:inline-block}.post__image--left{float:left;margin-bottom:1.7rem;margin-right:1.7rem;max-width:50%}.post__image--right{float:right;margin-bottom:1.7rem;margin-left:1.7rem;max-width:50%}.post__image--center{display:block;margin-left:auto;margin-right:auto;text-align:center}.post__image--wide{display:block}@media all and (min-width:56.25em){.post__image--wide{margin-left:calc(-1 * var(--page-margin));margin-right:calc(-1 * var(--page-margin));text-align:center}.post__image--wide a,.post__image--wide img{display:block;height:auto;width:100%}}.post__image--full{display:block;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);text-align:center}.post__image--full a,.post__image--full img{display:block;height:auto;width:100%}.post__meta{color:gray-2;font-size:.8239746086rem;font-style:italic;margin-bottom:calc(-1.4166666667rem - 1vw)}.post__meta--author{border-top:1px solid var(--hero-border-color);font-style:normal;display:inline-block;margin-top:1.7rem;padding-top:1.4166666667rem}@media all and (min-width:37.5em){.post__meta--author{margin-top:2.8333333333rem;padding-top:1.7rem}}.post__author-thumb{border-radius:50%;height:1.7rem;margin-right:.5666666667rem;width:1.7rem}.post__entry{margin-top:calc(2.55rem + 1.5vw)}.post__entry>:first-child{margin-top:0}.post__entry a:not(.btn):not([type=button]):not([type=submit]):not(button):not(.post__toc a):not(.gallery__item a){color:var(--link-color-hover);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.2em;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}.post__entry a:not(.btn):not([type=button]):not([type=submit]):not(button):not(.post__toc a):not(.gallery__item a):active,.post__entry a:not(.btn):not([type=button]):not([type=submit]):not(button):not(.post__toc a):not(.gallery__item a):focus,.post__entry a:not(.btn):not([type=button]):not([type=submit]):not(button):not(.post__toc a):not(.gallery__item a):hover{color:var(--link-color)}.post__avatar-thumbs{border-radius:50%;height:4.5333333333rem;width:4.5333333333rem}.post__last-updated{color:var(--gray);font-size:.7724761953rem;font-style:italic;margin-top:2.2666666667rem}.post__last-updated+.post__tag{margin:1.1333333333rem 0 0}.post__tag{margin:2.2666666667rem 0 0;font-family:var(--menu-font);font-size:.8239746086rem}.post__tag>li{display:inline-block;margin-right:.2833333333rem;padding:0}.post__tag>li>a{background:var(--lighter);border-radius:calc(4 * var(--border-radius));color:var(--dark);font-size:.7241964329rem;font-weight:var(--font-weight-normal);padding:.425rem .85rem}.post__tag>li>a:hover{background:var(--light)}.post__share{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:calc(2.8333333333rem + 1vw) -.2833333333rem 0}.post__share>a{border-radius:calc(4 * var(--border-radius));-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;margin:.2833333333rem;line-height:0;padding:.7083333333rem 1.1333333333rem;-webkit-transition:all .24s ease-out;-o-transition:all .24s ease-out;transition:all .24s ease-out;text-align:center}.post__share>a:hover{-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.post__share>a span{color:var(--white);font-family:var(--menu-font);font-size:.5967194723rem;font-weight:var(--font-weight-bold);margin-left:.2833333333rem;text-transform:uppercase}.post__share>a svg{fill:var(--white);height:18px;pointer-events:none;width:18px;vertical-align:middle}.post__bio{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin:calc(3.4rem + 1vw) 0 calc(3.4rem + 2vw)}@media all and (min-width:37.5em){.post__bio::before{content:"";border-top:1px solid var(--light);height:1px;margin-right:2rem;width:20%}}.bio__avatar{border-radius:50%;-ms-flex-negative:0;flex-shrink:0;height:3rem;margin-right:1.2rem;width:3rem}@media all and (min-width:37.5em){.bio__avatar{height:4rem;margin-right:2rem;width:4rem}}.bio__name{font-family:var(--menu-font);font-size:1rem;font-weight:var(--font-weight-bold);margin:0}.bio__desc{font-family:var(--body-font);font-size:.8239746086rem;line-height:1.5}@media all and (min-width:37.5em){.bio__desc{width:80%}}.bio__desc>:first-child{margin-top:.5666666667rem}.bio__desc a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.2em;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}.bio__desc a{color:var(--link-color-hover);-webkit-transition:all .24s ease-out;-o-transition:all .24s ease-out;transition:all .24s ease-out}.bio__desc a:hover{color:var(--link-color)}.bio__desc a:active{color:var(--link-color)}.bio__desc a:focus{outline:0}.post__nav{border-top:1px solid var(--light);margin-top:calc(2.55rem + 1vw);padding:2.55rem var(--page-margin) 2.8333333333rem;position:relative}@media all and (min-width:37.5em){.post__nav-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media all and (min-width:37.5em){.post__nav-next,.post__nav-prev{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}}.post__nav-next svg,.post__nav-prev svg{fill:var(--gray)}@media all and (max-width:37.4375em){.post__nav-next svg,.post__nav-prev svg{display:none}}@media all and (min-width:37.5em){.post__nav-next{margin-left:auto;text-align:right}}@media all and (max-width:37.4375em){.post__nav-prev+.post__nav-next{margin-top:1.1333333333rem}}@media all and (min-width:37.5em){.post__nav-prev+.post__nav-next{margin-left:1.7rem}}.post__nav-link{font-family:var(--body-font);font-size:.8239746086rem;font-style:italic;line-height:1.5}@media all and (min-width:37.5em){.post__nav-link[rel=prev]{padding-left:.85rem}}@media all and (min-width:37.5em){.post__nav-link[rel=next]{padding-right:.85rem}}.post__nav-link>span{color:var(--gray);display:block;font-size:.7724761953rem;font-family:var(--menu-font);font-style:normal}.post__nav+.post__related{margin-top:0}.post__nav+.post__comments{border-top:1px solid var(--light);margin-top:0}.post__related{background:var(--lighter);margin-top:calc(2.55rem + 1vw);margin-bottom:calc(-2.55rem - 1vw);padding:calc(.85rem + 1vw) 0 calc(3.4rem + 3vw)}.related__item{margin-top:calc(3.4rem + 1vw)}.related__item::before{content:"";border-top:1px solid var(--light);display:block;height:1px;margin-bottom:2rem;width:20%}.post__related+.post__comments{border-top:none}.post+.post__comments{margin-top:0}.post+.post__comments .h5{margin-top:0}.post__comments{margin-top:calc(2.55rem + 1vw);overflow:hidden}.post__iframe,.post__video{display:block;margin-top:calc(1.7rem + .5vw);margin-bottom:calc(1.7rem + .5vw);overflow:hidden;padding:0;position:relative;width:100%}.post__iframe::before,.post__video::before{display:block;content:"";padding-top:var(--embed-aspect-ratio)}.post__iframe iframe,.post__iframe video,.post__video iframe,.post__video video{border:none;height:100%;left:0;position:absolute;top:0;bottom:0;width:100%}.post__toc h3{font-size:1rem;margin:0}.post__toc ul{counter-reset:item;list-style:decimal;margin:calc(.5666666667rem + .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}.banner{text-align:center}.banner--after-post{margin-top:calc(2.55rem + 1vw)}.page__desc>:first-child{margin-top:calc(.2833333333rem + .25vw)}.page__desc a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.2em;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}.page--author__avatar{border-radius:50%;height:3rem;margin-bottom:calc(-1.4166666667rem - 1vw);width:3rem}@media all and (min-width:37.5em){.page--author__avatar{height:4rem;width:4rem}}.page--author__website{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.page--author__website a{font-family:var(--menu-font);font-weight:var(--font-weight-bold);margin-left:.4rem;text-decoration:none}.page--search form{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}@media all and (max-width:37.4375em){.page--search input{margin-bottom:.5666666667rem}}@media all and (min-width:20em){.page--search input{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;margin-right:.5666666667rem}}@media all and (max-width:37.4375em){.page--search button{width:100%}}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.msg{border-left:4px solid;font-size:.9374999997rem;padding:1.1333333333rem 1.7rem;position:relative}.msg--highlight{background-color:rgba(var(--highlight-color-rgb),.4);border-color:var(--highlight-color)}.msg--info{background-color:rgba(var(--info-color-rgb),.4);border-color:var(--info-color)}.msg--success{background-color:rgba(var(--success-color-rgb),.4);border-color:var(--success-color)}.msg--warning{background-color:rgba(var(--warning-color-rgb),.4);border-color:var(--warning-color)}.ordered-list{counter-reset:listCounter}.ordered-list li{counter-increment:listCounter;list-style:none;padding-left:.2833333333rem;position:relative}.ordered-list li::before{color:var(--color);content:counter(listCounter,decimal-leading-zero) ".";font-weight:var(--font-weight-bold);left:-2rem;position:absolute}.dropcap:first-letter{color:var(--headings-color);float:left;font-size:3.6355864383rem;line-height:.7;margin-right:.5666666667rem;padding:.5666666667rem .5666666667rem .5666666667rem 0}.pec-wrapper{height:100%;left:0;position:absolute;top:0;width:100%}.pec-overlay{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--light);font-size:14px;display:none;height:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:1.4;padding:1rem;position:relative;text-align:center}@media all and (min-width:37.5em){.pec-overlay{font-size:16px;line-height:var(--line-height);padding:1rem 2rem}}.pec-overlay.is-active{display:-webkit-box;display:-ms-flexbox;display:flex}.pec-overlay-inner p{margin:0 0 1rem}.pagination{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:calc(3.4rem + 1vw)}@media all and (min-width:56.25em){.pagination{margin-top:calc(5.1rem + 1vw)}}.pagination__item+.pagination__item{margin-left:1.1333333333rem}.pagination svg{fill:var(--gray)}.footer{background:var(--section-bg);font-family:var(--menu-font);overflow:hidden;padding:calc(3.4rem + 1vw) var(--page-margin);margin:calc(2.55rem + 1vw) 0 0;text-align:center}.footer__social svg{fill:var(--white);height:.9374999997rem;margin:0 .85rem;opacity:.6;-webkit-transition:all .12s linear 0s;-o-transition:all .12s linear 0s;transition:all .12s linear 0s;width:.9374999997rem}.footer__social svg:hover{opacity:1}.footer__copyright{color:var(--gray);font-size:.6789341556rem;letter-spacing:1px;text-transform:uppercase;padding:1.7rem 0}.footer a{color:var(--white)}.footer a:hover{color:rgba(var(--white-rgb),.7)}.footer__bttop{bottom:1.4166666667rem;border-radius:50%;line-height:1;opacity:0;padding:.51rem;position:fixed;right:2rem;text-align:center;width:auto!important;visibility:hidden;z-index:999}@media all and (min-width:56.25em){.footer__bttop{bottom:2.8333333333rem}}.footer__bttop:hover{opacity:1}.footer__bttop>svg{fill:var(--white);height:23px;margin:0;width:23px}.footer__bttop.is-visible{visibility:visible;opacity:1}.gallery{margin:calc(1.7rem + 1vw) calc(var(--gallery-gap) * -1)}@media all and (min-width:20em){.gallery{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}}@media all and (min-width:56.25em){.gallery-wrapper--wide{margin-left:calc(-1 * var(--page-margin));margin-right:calc(-1 * var(--page-margin))}.gallery-wrapper--wide .gallery{width:calc(100% + var(--gallery-gap) * 2)}}.gallery-wrapper--full{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}@media all and (min-width:20em){.gallery[data-columns="1"] .gallery__item{-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}}@media all and (min-width:30em){.gallery[data-columns="2"] .gallery__item{-webkit-box-flex:1;-ms-flex:1 0 50%;flex:1 0 50%}}@media all and (min-width:37.5em){.gallery[data-columns="3"] .gallery__item{-webkit-box-flex:1;-ms-flex:1 0 33.333%;flex:1 0 33.333%}}@media all and (min-width:56.25em){.gallery[data-columns="4"] .gallery__item{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%}}@media all and (min-width:56.25em){.gallery[data-columns="5"] .gallery__item{-webkit-box-flex:0;-ms-flex:0 1 20%;flex:0 1 20%}}@media all and (min-width:56.25em){.gallery[data-columns="6"] .gallery__item{-webkit-box-flex:0;-ms-flex:0 1 16.666%;flex:0 1 16.666%}}@media all and (min-width:56.25em){.gallery[data-columns="7"] .gallery__item{-webkit-box-flex:1;-ms-flex:1 0 14.285%;flex:1 0 14.285%}}@media all and (min-width:56.25em){.gallery[data-columns="8"] .gallery__item{-webkit-box-flex:1;-ms-flex:1 0 12.5%;flex:1 0 12.5%}}.gallery__item{margin:0;padding:var(--gallery-gap);position:relative}@media all and (min-width:20em){.gallery__item{-webkit-box-flex:1;-ms-flex:1 0 50%;flex:1 0 50%}}@media all and (min-width:30em){.gallery__item{-webkit-box-flex:1;-ms-flex:1 0 33.333%;flex:1 0 33.333%}}@media all and (min-width:37.5em){.gallery__item{-webkit-box-flex:1;-ms-flex:1 0 25%;flex:1 0 25%}}.gallery__item a{display:block;height:100%;width:100%}.gallery__item a::after{background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.4)),to(rgba(0,0,0,0)));background:-o-linear-gradient(bottom,rgba(0,0,0,.4) 0,rgba(0,0,0,0) 100%);background:linear-gradient(to top,rgba(0,0,0,.4) 0,rgba(0,0,0,0) 100%);bottom:var(--gallery-gap);content:"";display:block;opacity:0;left:var(--gallery-gap);height:calc(100% - var(--gallery-gap) * 2);position:absolute;right:var(--gallery-gap);top:var(--gallery-gap);-webkit-transition:all .24s ease-out;-o-transition:all .24s ease-out;transition:all .24s ease-out;width:calc(100% - var(--gallery-gap) * 2)}.gallery__item a:hover::after{opacity:1}.gallery__item img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.gallery__item figcaption{bottom:1.2rem;color:var(--white);left:50%;opacity:0;position:absolute;text-align:center;-webkit-transform:translate(-50%,1.2rem);-ms-transform:translate(-50%,1.2rem);transform:translate(-50%,1.2rem);-webkit-transition:all .24s ease-out;-o-transition:all .24s ease-out;transition:all .24s ease-out}.gallery__item:hover figcaption{opacity:1;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}.pswp--dark .pswp__bg{background:#000}.pswp--light .pswp__bg{background:var(--white)}.pswp--light .pswp__counter{color:var(--text-color)}.pswp--light .pswp__caption__center{color:var(--text-color)}.pswp .pswp__button{-webkit-box-shadow:none;box-shadow:none;-webkit-transform:none;-ms-transform:none;transform:none}.hero__image--overlay::after{background:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.64) 100%)}img[loading]{opacity:0}img.is-loaded{opacity:1;transition:opacity 1s cubic-bezier(.215, .61, .355, 1)} \ No newline at end of file diff --git a/assets/js/photoswipe-ui-default.min.js b/assets/js/photoswipe-ui-default.min.js new file mode 100755 index 0000000..ab7bedc --- /dev/null +++ b/assets/js/photoswipe-ui-default.min.js @@ -0,0 +1,4 @@ +/*! PhotoSwipe Default UI - 4.1.3 - 2019-01-08 +* http://photoswipe.com +* Copyright (c) 2019 Dmitry Semenov; */ +!function(a,b){"function"==typeof define&&define.amd?define(b):"object"==typeof exports?module.exports=b():a.PhotoSwipeUI_Default=b()}(this,function(){"use strict";var a=function(a,b){var c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v=this,w=!1,x=!0,y=!0,z={barsSize:{top:44,bottom:"auto"},closeElClasses:["item","caption","zoom-wrap","ui","top-bar"],timeToIdle:4e3,timeToIdleOutside:1e3,loadingIndicatorDelay:1e3,addCaptionHTMLFn:function(a,b){return a.title?(b.children[0].innerHTML=a.title,!0):(b.children[0].innerHTML="",!1)},closeEl:!0,captionEl:!0,fullscreenEl:!0,zoomEl:!0,shareEl:!0,counterEl:!0,arrowEl:!0,preloaderEl:!0,tapToClose:!1,tapToToggleControls:!0,clickToCloseNonZoomable:!0,shareButtons:[{id:"facebook",label:"Share on Facebook",url:"https://www.facebook.com/sharer/sharer.php?u={{url}}"},{id:"twitter",label:"Tweet",url:"https://twitter.com/intent/tweet?text={{text}}&url={{url}}"},{id:"pinterest",label:"Pin it",url:"http://www.pinterest.com/pin/create/button/?url={{url}}&media={{image_url}}&description={{text}}"},{id:"download",label:"Download image",url:"{{raw_image_url}}",download:!0}],getImageURLForShare:function(){return a.currItem.src||""},getPageURLForShare:function(){return window.location.href},getTextForShare:function(){return a.currItem.title||""},indexIndicatorSep:" / ",fitControlsWidth:1200},A=function(a){if(r)return!0;a=a||window.event,q.timeToIdle&&q.mouseUsed&&!k&&K();for(var c,d,e=a.target||a.srcElement,f=e.getAttribute("class")||"",g=0;g-1&&(c.onTap(),d=!0);if(d){a.stopPropagation&&a.stopPropagation(),r=!0;var h=b.features.isOldAndroid?600:30;s=setTimeout(function(){r=!1},h)}},B=function(){return!a.likelyTouchDevice||q.mouseUsed||screen.width>q.fitControlsWidth},C=function(a,c,d){b[(d?"add":"remove")+"Class"](a,"pswp__"+c)},D=function(){var a=1===q.getNumItemsFn();a!==p&&(C(d,"ui--one-slide",a),p=a)},E=function(){C(i,"share-modal--hidden",y)},F=function(){return y=!y,y?(b.removeClass(i,"pswp__share-modal--fade-in"),setTimeout(function(){y&&E()},300)):(E(),setTimeout(function(){y||b.addClass(i,"pswp__share-modal--fade-in")},30)),y||H(),!1},G=function(b){b=b||window.event;var c=b.target||b.srcElement;return a.shout("shareLinkClick",b,c),!!c.href&&(!!c.hasAttribute("download")||(window.open(c.href,"pswp_share","scrollbars=yes,resizable=yes,toolbar=no,location=yes,width=550,height=420,top=100,left="+(window.screen?Math.round(screen.width/2-275):100)),y||F(),!1))},H=function(){for(var a,b,c,d,e,f="",g=0;g