From 9a2675a736f51f2164920e6671e0d894385a08c0 Mon Sep 17 00:00:00 2001 From: Henner Setyono Date: Sun, 22 Mar 2020 17:08:11 +0700 Subject: [PATCH] 6.1.0 - Added Layer customization on Blog page - Added Layer customization on Single Post page --- assets/css/app.css | 2 +- assets/css/framework.css | 2 +- assets/css/my-admin.css | 2 +- assets/sass/app/_blocks.sass | 42 +++++-- assets/sass/framework.sass | 10 ++ assets/sass/framework/_post-archive.sass | 21 ++-- assets/sass/framework/_post-single.sass | 136 ++++++++++++++++++----- assets/sass/framework/_post.sass | 48 +++----- assets/sass/my-admin.sass | 3 + customizer/defaults-section.php | 19 ++-- customizer/section/blog-posts.php | 41 ++----- customizer/section/single-post.php | 39 +++++-- customizer/svg.php | 5 + functions/timber.php | 2 +- style.css | 2 +- views/_author-info.twig | 4 +- views/index.twig | 5 +- views/page.twig | 2 +- views/single.twig | 110 ++++++++++-------- 19 files changed, 310 insertions(+), 185 deletions(-) diff --git a/assets/css/app.css b/assets/css/app.css index 90b2f11..eccd444 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -1,4 +1,4 @@ /*! EDJE Functional Sass v3.1.0 Documentation: https://github.com/hrsetyono/edje/wiki -*/[class*="-background-color"]{background-color:var(--bgColor)}.has-text-color{color:var(--textColor, var(--text))}article{letter-spacing:calc(0.01 * var(--fontSize))}article ul,article ol{padding-left:1.25rem}article h1,article h2,article h3,article h4,article h5,article h6{clear:both;color:var(--textColor)}article img{border-radius:var(--gRadius)}article a{text-decoration:underline}.the-content>*,.wp-block-group__inner-container>*,.wp-block-cover__inner-container>*,.wp-block-media-text__content>*,.wp-block-column>*{margin:0 auto;max-width:var(--blogWidth)}.the-content>*+*,.wp-block-group__inner-container>*+*,.wp-block-cover__inner-container>*+*,.wp-block-media-text__content>*+*,.wp-block-column>*+*{margin-top:1.5rem}@media (max-width: 1120px){.the-content,.wp-block-group__inner-container,.wp-block-cover__inner-container,.wp-block-media-text__content,.wp-block-column{padding-right:var(--gridRim);padding-left:var(--gridRim)}h-grid .the-content,h-grid .wp-block-group__inner-container,h-grid .wp-block-cover__inner-container,h-grid .wp-block-media-text__content,h-grid .wp-block-column{padding-top:0;padding-bottom:0}}.has-text-align-right{text-align:right}.has-text-align-left{text-align:left}.aligncenter,.has-text-align-center{text-align:center}.alignwide{margin-top:2.5rem;margin-bottom:2.5rem;max-width:var(--siteWidth)}.alignfull .alignwide{margin-top:0}.alignfull{max-width:none;margin-top:2.5rem;margin-bottom:2.5rem}.alignfull+.alignfull{margin-top:-2.5rem}.alignfull:last-child{margin-bottom:0}@media (max-width: 1120px){.alignfull{margin-right:calc(-1 * var(--gridRim));margin-left:calc(-1 * var(--gridRim))}}.is-vertically-aligned-top{align-items:flex-start;align-self:flex-start}.is-vertically-aligned-center{align-items:center;align-self:center}.is-vertically-aligned-bottom{align-items:flex-end;align-self:flex-end}.wp-block-image figcaption,.wp-block-gallery figcaption,.wp-block-audio figcaption,.wp-block-video figcaption,.wp-block-embed figcaption{display:inline-block;padding:0.5rem;margin-right:auto;margin-left:auto;border-bottom:1px solid var(--textDim);font-size:var(--smallFontSize)}p.has-background{padding:1rem;border-radius:var(--gRadius)}.has-drop-cap:first-letter{float:left;margin-right:0.25rem;font-family:var(--hFontFamily);font-weight:700;font-size:3.5rem;line-height:3.5rem}.has-small-font-size{font-size:var(--smallFontSize)}.has-medium-font-size{font-size:var(--mediumFontSize)}.has-large-font-size{font-size:var(--largeFontSize);line-height:var(--hLineHeight)}.has-huge-font-size{font-size:var(--hugeFontSize);line-height:var(--hLineHeight)}.wp-block-image{text-align:center}.wp-block-image .alignleft,.wp-block-image .alignright{max-width:50%;margin-bottom:1.5rem}.wp-block-image .alignleft{float:left;margin-right:1.5rem}.wp-block-image .alignright{float:right;margin-left:1.5rem}.wp-block-image.alignfull img{border-radius:0}.wp-block-image>a,.wp-block-gallery figure>a{display:block;overflow:hidden;border-radius:var(--gRadius)}.wp-block-image>a img,.wp-block-gallery figure>a img{transition:var(--gTransition)}.wp-block-image>a:hover img,.wp-block-gallery figure>a:hover img{opacity:.8;backface-visibility:hidden;transform:scale(1.1)}.wp-block-gallery figure{position:relative;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;height:100%;margin-bottom:0;border-radius:var(--gRadius)}.wp-block-gallery a{height:100%}.wp-block-gallery figcaption{border-bottom:none;text-align:center}ul.blocks-gallery-grid{display:flex;flex-wrap:wrap;padding-left:0;list-style-type:none;max-width:calc(var(--siteWidth) + 1rem)}.alignwide ul.blocks-gallery-grid{max-width:calc(var(--siteWidth) + 1rem)}.wp-block-gallery:not(.is-cropped) figcaption{border-bottom:0;margin-top:auto}.wp-block-gallery.is-cropped img{flex:1;height:100%;width:100%;object-fit:cover}.wp-block-gallery.is-cropped figcaption{position:absolute;bottom:0;width:100%;padding:0.5rem;background-image:linear-gradient(0deg, rgba(0,0,0,0.7), rgba(0,0,0,0.5) 50%, transparent);font-size:var(--smallFontSize);color:white}.wp-block-gallery.is-cropped figcaption a:hover{opacity:.6;color:inherit}.blocks-gallery-item{flex-grow:1;padding:0 0.5rem 1rem}@media (min-width: 769px){.columns-2 .blocks-gallery-item{width:50%}.columns-3 .blocks-gallery-item{width:calc(100% / 3)}.columns-4 .blocks-gallery-item{width:25%}.columns-5 .blocks-gallery-item{width:20%}.columns-6 .blocks-gallery-item{width:calc(100% / 6)}.columns-7 .blocks-gallery-item{width:calc(100% / 7)}.columns-8 .blocks-gallery-item{width:12.5%}.columns- .blocks-gallery-item{width:20%}}@media (max-width: 768px){.blocks-gallery-item{width:33.33%}.columns-2 .blocks-gallery-item{width:50%}}@media (max-width: 480px){.blocks-gallery-item{width:50%}}.is-style-h-slider .blocks-gallery-item{flex-grow:initial}.is-style-h-slider.is-cropped .hSlider-slide{align-items:stretch}.wp-block-cover{--bgColor: black;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center center;background-color:var(--bgColor);min-height:400px}.wp-block-cover.--for-featured-image{align-items:flex-end}.wp-block-cover.--for-featured-image .post-meta{padding-top:0.5rem;padding-bottom:0.5rem;border-top:1px solid;border-bottom:2px solid;color:rgba(255,255,255,0.6)}.wp-block-cover.--for-featured-image .post-meta+p{margin-top:1.5rem}.wp-block-cover.--for-post-tease{overflow:hidden;align-items:flex-end;padding:0 2rem 2rem;border-radius:var(--gRadius);max-width:calc(var(--siteWidth) + 4rem)}.wp-block-cover.--for-post-tease a:hover h1{text-decoration:underline}.wp-block-cover.--for-post-tease .post-meta{color:rgba(255,255,255,0.6)}.wp-block-cover__inner-container{position:relative;z-index:2;width:var(--siteWidth);color:white}@media (max-width: 1120px){.wp-block-cover__inner-container{padding-right:var(--gridRim);padding-left:var(--gridRim)}}.has-parallax{background-attachment:fixed}.has-background-dim{position:relative}.has-background-dim::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:.5;background-color:inherit}.has-background-dim-10::before{opacity:.1}.has-background-dim-20::before{opacity:.2}.has-background-dim-30::before{opacity:.3}.has-background-dim-40::before{opacity:.4}.has-background-dim-60::before{opacity:.6}.has-background-dim-70::before{opacity:.7}.has-background-dim-80::before{opacity:.8}.has-background-dim-90::before{opacity:.9}.has-background-dim-100::before{opacity:1}.wp-block-quote{position:relative;padding:0.5rem 2rem;font-size:var(--mediumFontSize);border-left:3px solid var(--text)}.wp-block-quote>*+*{margin-top:1rem}.wp-block-quote cite{display:block;font-size:var(--smallFontSize);color:var(--textDim)}.wp-block-quote::after{content:"\f122";display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:0;background-color:var(--siteBackgroundColor);width:2rem;height:2rem;color:var(--text);font-family:"dashicons";border-radius:var(--gRadius);transform:translateX(-50%)}.wp-block-quote.is-style-large{padding-top:1rem;padding-bottom:1rem;margin-top:2.5rem;margin-bottom:2.5rem;border-left:none;border-top:3px solid var(--text);border-bottom:3px solid var(--text);font-size:var(--h4Size);text-align:center}.wp-block-quote.is-style-large::after{left:0;right:0;margin-right:auto;margin-left:auto;width:3rem;transform:translateY(-50%)}.wp-block-quote.has-text-align-right{border-left:none;border-right:3px solid var(--text)}.wp-block-quote.has-text-align-right::after{left:auto;right:0;transform:translateX(50%)}.wp-block-quote.has-text-align-center{padding-top:0;padding-bottom:0;border-left:none}.wp-block-quote.has-text-align-center::before{content:"";display:block;margin:0 auto 2rem;height:3px;width:200px;background-color:var(--text)}.wp-block-quote.has-text-align-center::after{left:0;right:0;margin-right:auto;margin-left:auto;transform:translateY(-50%)}.wp-block-audio{text-align:center}.wp-block-audio audio{width:100%}.wp-block-file{display:flex;align-items:center;justify-content:center;padding:1.25rem;background-color:rgba(0,0,0,0.05);border:1px solid rgba(0,0,0,0.2);border-radius:var(--gRadius)}.wp-block-file.alignleft{justify-content:flex-start;float:left}.wp-block-file.alignright{justify-content:flex-end}.wp-block-file__button{margin-left:1rem}.wp-block-video{width:100%;text-align:center}.wp-block-video video{width:100%}.wp-block-group{padding-top:2rem;padding-bottom:2rem}.wp-block-group:not(.has-background){padding-top:0;padding-bottom:0}.wp-block-group:not(.has-background)+.alignfull{margin-top:0}.wp-block-button.alignleft a{float:left;margin-right:1.5rem}.wp-block-button.alignright a{float:right;margin-left:1.5rem}.wp-block-columns{display:flex}@media (max-width: 768px){.wp-block-columns{flex-wrap:wrap}}.wp-block-column{flex:1}@media (min-width: 769px){.wp-block-column+.wp-block-column{margin-left:1.5rem}}@media (max-width: 768px){.wp-block-column{width:100%;flex-basis:100% !important}.wp-block-column+.wp-block-column{margin-top:1.5rem}}.wp-block-media-text{display:grid;grid-row-gap:var(--gridGap);grid-column-gap:var(--gridGap)}.wp-block-media-text[class*="-background-color"]{padding:1rem;border-radius:var(--gRadius)}@media (min-width: 481px){.wp-block-media-text{grid-template-areas:"media text";grid-template-columns:6fr 6fr}.wp-block-media-text.has-media-on-the-right{grid-template-areas:"text media"}.wp-block-media-text.is-style-h-smaller-image,.wp-block-media-text.is-style-h-larger-image.has-media-on-the-right{grid-template-columns:4fr 8fr}.wp-block-media-text.is-style-h-larger-image,.wp-block-media-text.is-style-h-smaller-image.has-media-on-the-right{grid-template-columns:8fr 4fr}}@media (max-width: 480px){.wp-block-media-text{grid-template-areas:"media" "text";grid-template-columns:repeat(1, 1fr)}}.wp-block-media-text__media{grid-area:media;margin-bottom:0}@media (min-width: 481px){.is-image-fill .wp-block-media-text__media{align-self:stretch;background-repeat:no-repeat;background-size:cover;border-radius:var(--gRadius)}.is-image-fill .wp-block-media-text__media img{display:none}}@media (max-width: 480px){.is-image-fill .wp-block-media-text__media{background-image:none !important}}.wp-block-media-text__content{grid-area:text}.wp-block-spacer{margin-top:0;margin-bottom:0}.wp-block-separator{display:block;border-top:2px solid var(--bgColor);margin:2.5rem auto;padding:0;width:120px;line-height:1}.wp-block-separator.is-style-wide{width:var(--siteWidth)}.wp-block-separator.is-style-dots{border:0;height:auto;width:auto;background-color:transparent;text-align:center}.wp-block-separator.is-style-dots::before{content:"\00b7 \00b7 \00b7";padding-left:2rem;font-family:var(--codeFontFamily);font-size:var(--largeFontSize);letter-spacing:1.5rem;color:var(--bgColor, var(--text))}.wp-block-verse{font-family:var(--fontFamily)}.wp-block-table{--tableBorder: black;--tableHeader: rgba(0,0,0,0.1);--tableBg: white;--tableStripe: rgba(0,0,0,0.05)}.wp-block-table table{width:100%}.wp-block-table tr{background-color:var(--tableBg)}.wp-block-table thead tr,.wp-block-table tfoot tr{background-color:var(--tableHeader);font-weight:700;text-align:left}.wp-block-table thead tr{border-bottom:2px solid var(--tableBorder)}.wp-block-table tfoot tr{border-top:2px solid var(--tableBorder)}.wp-block-table th,.wp-block-table td{padding:0.5rem 1rem;border:1px solid rgba(0,0,0,0.1)}@media (max-width: 768px){.wp-block-table td{padding:0.25rem 0.5rem}}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:var(--tableStripe)}.wp-block-table .has-fixed-layout{width:100%;table-layout:fixed}.wp-block-table [class*="-background-color"]{--tableStripe: white}.wp-block-table .has-subtle-light-gray-background-color{--tableBorder: var(--textDim);--tableHeader: rgba(var(--textDimRGB), 0.1);--tableBg: rgba(var(--textDimRGB), 0.05)}.wp-block-table .has-subtle-pale-green-background-color{--tableBorder: var(--green);--tableHeader: rgba(var(--greenRGB), 0.1);--tableBg: rgba(var(--greenRGB), 0.05)}.wp-block-table .has-subtle-pale-blue-background-color{--tableBorder: var(--blue);--tableHeader: rgba(var(--blueRGB), 0.1);--tableBg: rgba(var(--blueRGB), 0.05)}.wp-block-table .has-subtle-pale-pink-background-color{--tableBorder: var(--red);--tableHeader: rgba(var(--redRGB), 0.1);--tableBg: rgba(var(--redRGB), 0.05)}.wp-block-code,.wp-block-preformatted{padding:1rem;border:1px solid rgba(0,0,0,0.1);border-radius:var(--gRadius);background-color:rgba(0,0,0,0.05)}.wp-block-code code,.wp-block-preformatted code{padding:0;border:0;background-color:transparent}code{padding:0 0.5rem}.wp-block-embed{margin-top:2rem;margin-bottom:2rem;text-align:center}.wp-block-embed__wrapper{display:flex;justify-content:center;position:relative}.wp-has-aspect-ratio .wp-block-embed__wrapper::before,.wp-block-embed-wordpress .wp-block-embed__wrapper::before{content:"";display:block;width:100%}.wp-embed-aspect-21-9 .wp-block-embed__wrapper::before,.wp-block-embed-wordpress .wp-block-embed__wrapper::before{padding-top:42.85%}.wp-embed-aspect-18-9 .wp-block-embed__wrapper::before{padding-top:50%}.wp-embed-aspect-16-9 .wp-block-embed__wrapper::before{padding-top:56.25%}.wp-embed-aspect-4-3 .wp-block-embed__wrapper::before{padding-top:75%}.wp-embed-aspect-1-1 .wp-block-embed__wrapper::before{padding-top:100%}.wp-embed-aspect-9-6 .wp-block-embed__wrapper::before{padding-top:66.667%}.wp-embed-aspect-1-2 .wp-block-embed__wrapper::before{padding-top:200%}.wp-has-aspect-ratio iframe,.wp-block-embed-wordpress iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.wp-block-embed-wordpress blockquote{display:none}.wp-block-embed-wordpress iframe{clip:auto !important}ul.wp-block-social-links{display:flex;justify-content:flex-start;flex-wrap:wrap;padding-left:0;list-style-type:none}ul.wp-block-social-links.aligncenter{justify-content:center}.wp-social-link a{display:flex;align-items:center;justify-content:center;margin-right:0.75rem;margin-bottom:0.75rem;width:42px;height:42px;border:1px solid rgba(0,0,0,0.2);border-bottom-width:2px;border-radius:var(--gRadius);background-color:var(--color);line-height:0;transition:var(--gTransition);will-change:opacity}.wp-social-link a:hover{opacity:.7}.wp-social-link a:active{border-top-width:2px;border-bottom-width:1px;transition:none}.is-style-logos-only .wp-social-link a{background-color:transparent;border-color:transparent;margin-right:0.5rem}.is-style-logos-only .wp-social-link a svg{fill:var(--color)}.is-style-logos-only .wp-social-link a:hover{border-color:rgba(0,0,0,0.2)}.is-style-pill-shape .wp-social-link a{border-radius:50px;padding-left:1rem;padding-right:1rem;width:auto}.wp-social-link svg{width:28px;height:28px;fill:white}.wp-social-link-amazon{--color: #f90}.wp-social-link-bandcamp{--color: #1ea0c3}.wp-social-link-behance{--color: #0757fe}.wp-social-link-chain{--color: #f0f0f0}.wp-social-link-codepen{--color: #1e1f26}.wp-social-link-deviantart{--color: #02e49b}.wp-social-link-dribbble{--color: #e94c89}.wp-social-link-dropbox{--color: #4280ff}.wp-social-link-etsy{--color: #f45800}.wp-social-link-facebook{--color: #1977f2}.wp-social-link-feed{--color: #f0f0f0}.wp-social-link-fivehundredpx{--color: #000}.wp-social-link-flickr{--color: #0461dd}.wp-social-link-foursquare{--color: #e65678}.wp-social-link-github{--color: #24292d}.wp-social-link-goodreads{--color: #eceadd}.wp-social-link-google{--color: #ea4434}.wp-social-link-instagram{--color: #f00075}.wp-social-link-lastfm{--color: #e21b24}.wp-social-link-linkedin{--color: #0577b5}.wp-social-link-line{--color: #03c302}.wp-social-link-mail{--color: #f0f0f0}.wp-social-link-mastodon{--color: #3288d4}.wp-social-link-medium{--color: #02ab6c}.wp-social-link-meetup{--color: #f6405f}.wp-social-link-pinterest{--color: #e60122}.wp-social-link-pocket{--color: #ef4155}.wp-social-link-reddit{--color: #fe4500}.wp-social-link-skype{--color: #0478d7}.wp-social-link-snapchat{--color: #fefc00}.wp-social-link-soundcloud{--color: #ff5600}.wp-social-link-spotify{--color: #1bd760}.wp-social-link-telegram{--color: #08c}.wp-social-link-tumblr{--color: #011835}.wp-social-link-twitch{--color: #6440a4}.wp-social-link-twitter{--color: #21a1f3}.wp-social-link-vimeo{--color: #1eb7ea}.wp-social-link-vk{--color: #4680c2}.wp-social-link-wordpress{--color: #3499cd}.wp-social-link-jetpack-whatsapp{--color: #25d366}.wp-social-link-yelp{--color: #d32422}.wp-social-link-youtube{--color: #ff0100}.wp-social-link-goodreads svg,.wp-social-link-chain svg,.wp-social-link-feed svg,.wp-social-link-mail svg{fill:#382110}.wp-social-link-snapchat{stroke:black}.grunion-field-wrap{position:relative;margin-bottom:1rem}.grunion-field-wrap .grunion-field-label{cursor:pointer;margin-bottom:0.25rem;font-weight:700;font-size:var(--smallFontSize);color:rgba(0,0,0,0.5)}.grunion-field-wrap span{display:inline-block;margin-left:0.5rem;text-transform:initial;font-weight:400;color:var(--red)}.grunion-field-wrap textarea{max-height:8rem}.back-to-top{--offset: 1rem;position:fixed;bottom:var(--offset);display:flex;align-items:center;width:2.25rem;height:2.25rem;padding:0.5rem;background-color:var(--text);border-radius:var(--gRadius);box-shadow:var(--shadow1)}.back-to-top:hover{background-color:var(--main);box-shadow:var(--shadow2)}.back-to-top path{fill:var(--textInvert)}.back-to-top--align-right{right:var(--offset)}.back-to-top--align-left{left:var(--offset)}body.has-frame::before,body.has-frame::after{content:"";position:fixed;left:0;z-index:1000;width:100%;height:var(--frameSize);background-color:var(--frameColor)}body.has-frame::before{top:0}body.has-frame::after{bottom:0}body.has-frame #wpadminbar{background-color:var(--frameColor)}@media (min-width: 783px){body.has-frame.admin-bar::before{display:none}}body.has-frame #main-container{padding:var(--frameSize)}body.has-frame #main-container::before,body.has-frame #main-container::after{content:"";position:fixed;top:0;z-index:1000;width:var(--frameSize);height:100%;background-color:var(--frameColor)}body.has-frame #main-container::before{left:0}body.has-frame #main-container::after{right:0}@media (min-width: 783px){body.has-frame.admin-bar #main-container{padding-top:0}} +*/[class*="-background-color"]{background-color:var(--bgColor)}.has-text-color{color:var(--textColor, var(--text))}article{letter-spacing:calc(0.01 * var(--fontSize))}article ul,article ol{padding-left:1.25rem}article h1,article h2,article h3,article h4,article h5,article h6{clear:both;color:var(--textColor)}article img{border-radius:var(--gRadius)}article a{text-decoration:underline}.the-content>*,.wp-block-group__inner-container>*,.wp-block-cover__inner-container>*,.wp-block-media-text__content>*,.wp-block-column>*{margin:0 auto;max-width:var(--blogWidth)}.the-content>*+*,.wp-block-group__inner-container>*+*,.wp-block-cover__inner-container>*+*,.wp-block-media-text__content>*+*,.wp-block-column>*+*{margin-top:1.5rem}@media (max-width: 1120px){.wp-block-group__inner-container,.wp-block-cover__inner-container,.wp-block-media-text__content,.wp-block-column{padding-right:var(--gridRim);padding-left:var(--gridRim)}}.has-text-align-right{text-align:right}.has-text-align-left{text-align:left}.aligncenter,.has-text-align-center{text-align:center}.alignwide{margin-top:2.5rem;margin-bottom:2.5rem;max-width:var(--siteWidth)}.alignwide:last-child{margin-bottom:0}.post-column--has-sidebar .alignwide{padding-right:var(--gridGap);padding-left:var(--gridGap)}.post-column--has-sidebar .alignwide .alignwide{padding-right:0;padding-left:0}.alignfull{max-width:none;width:calc(100vw - var(--gridRim) - var(--gridRim));margin-left:calc(-50vw + 50% + var(--gridRim));margin-right:calc(-50vw + 50% + var(--gridRim));margin-top:2.5rem;margin-bottom:2.5rem}.alignfull+.alignfull{margin-top:-2.5rem}.post-column--has-sidebar .alignfull{width:100%;margin-left:0;margin-right:0;padding-right:var(--gridGap);padding-left:var(--gridGap)}.post-column--has-sidebar .alignfull .alignfull{padding-right:0;padding-left:0}.alignfull:last-child{margin-bottom:0}.is-vertically-aligned-top{align-items:flex-start;align-self:flex-start}.is-vertically-aligned-center{align-items:center;align-self:center}.is-vertically-aligned-bottom{align-items:flex-end;align-self:flex-end}.wp-block-image figcaption,.wp-block-gallery figcaption,.wp-block-audio figcaption,.wp-block-video figcaption,.wp-block-embed figcaption{display:inline-block;padding:0.5rem;margin-right:auto;margin-left:auto;border-bottom:1px solid var(--textDim);font-size:var(--smallFontSize)}p.has-background{padding:1rem;border-radius:var(--gRadius)}.has-drop-cap:first-letter{float:left;margin-right:0.25rem;font-family:var(--hFontFamily);font-weight:700;font-size:3.5rem;line-height:3.5rem}.has-small-font-size{font-size:var(--smallFontSize)}.has-medium-font-size{font-size:var(--mediumFontSize)}.has-large-font-size{font-size:var(--largeFontSize);line-height:var(--hLineHeight)}.has-huge-font-size{font-size:var(--hugeFontSize);line-height:var(--hLineHeight)}.wp-block-image{text-align:center}.wp-block-image .alignleft,.wp-block-image .alignright{max-width:50%;margin-bottom:1.5rem}.wp-block-image .alignleft{float:left;margin-right:1.5rem}.wp-block-image .alignright{float:right;margin-left:1.5rem}.wp-block-image.alignfull img{border-radius:0}.wp-block-image>a,.wp-block-gallery figure>a{display:block;overflow:hidden;border-radius:var(--gRadius)}.wp-block-image>a img,.wp-block-gallery figure>a img{transition:var(--gTransition)}.wp-block-image>a:hover img,.wp-block-gallery figure>a:hover img{opacity:.8;backface-visibility:hidden;transform:scale(1.1)}.wp-block-gallery figure{position:relative;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;height:100%;margin-bottom:0;border-radius:var(--gRadius)}.wp-block-gallery a{height:100%}.wp-block-gallery figcaption{border-bottom:none;text-align:center}ul.blocks-gallery-grid{display:flex;flex-wrap:wrap;padding-left:0;list-style-type:none;max-width:calc(var(--siteWidth) + 1rem)}.alignwide ul.blocks-gallery-grid{max-width:calc(var(--siteWidth) + 1rem)}.wp-block-gallery:not(.is-cropped) figcaption{border-bottom:0;margin-top:auto}.wp-block-gallery.is-cropped img{flex:1;height:100%;width:100%;object-fit:cover}.wp-block-gallery.is-cropped figcaption{position:absolute;bottom:0;width:100%;padding:0.5rem;background-image:linear-gradient(0deg, rgba(0,0,0,0.7), rgba(0,0,0,0.5) 50%, transparent);font-size:var(--smallFontSize);color:white}.wp-block-gallery.is-cropped figcaption a:hover{opacity:.6;color:inherit}.blocks-gallery-item{flex-grow:1;padding:0 0.5rem 1rem}@media (min-width: 769px){.columns-2 .blocks-gallery-item{width:50%}.columns-3 .blocks-gallery-item{width:calc(100% / 3)}.columns-4 .blocks-gallery-item{width:25%}.columns-5 .blocks-gallery-item{width:20%}.columns-6 .blocks-gallery-item{width:calc(100% / 6)}.columns-7 .blocks-gallery-item{width:calc(100% / 7)}.columns-8 .blocks-gallery-item{width:12.5%}.columns- .blocks-gallery-item{width:20%}}@media (max-width: 768px){.blocks-gallery-item{width:33.33%}.columns-2 .blocks-gallery-item{width:50%}}@media (max-width: 480px){.blocks-gallery-item{width:50%}}.is-style-h-slider .blocks-gallery-item{flex-grow:initial}.is-style-h-slider.is-cropped .hSlider-slide{align-items:stretch}.wp-block-cover{--bgColor: black;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center center;background-color:var(--bgColor);min-height:400px}.wp-block-cover.--for-featured-image{align-items:flex-end}.wp-block-cover.--for-featured-image .post-meta{padding-top:0.5rem;padding-bottom:0.5rem;border-top:1px solid;border-bottom:2px solid;color:rgba(255,255,255,0.6)}.wp-block-cover.--for-featured-image .post-meta+p{margin-top:1.5rem}.wp-block-cover.--for-post-tease{overflow:hidden;align-items:flex-end;padding:0 2rem 2rem;border-radius:var(--gRadius);max-width:calc(var(--siteWidth) + 4rem)}.wp-block-cover.--for-post-tease a:hover h1{text-decoration:underline}.wp-block-cover.--for-post-tease .post-meta{color:rgba(255,255,255,0.6)}.wp-block-cover__inner-container{position:relative;z-index:2;width:var(--siteWidth);color:white}@media (max-width: 1120px){.wp-block-cover__inner-container{padding-right:var(--gridRim);padding-left:var(--gridRim)}}.has-parallax{background-attachment:fixed}.has-background-dim{position:relative}.has-background-dim::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:.5;background-color:inherit}.has-background-dim-10::before{opacity:.1}.has-background-dim-20::before{opacity:.2}.has-background-dim-30::before{opacity:.3}.has-background-dim-40::before{opacity:.4}.has-background-dim-60::before{opacity:.6}.has-background-dim-70::before{opacity:.7}.has-background-dim-80::before{opacity:.8}.has-background-dim-90::before{opacity:.9}.has-background-dim-100::before{opacity:1}.wp-block-quote{position:relative;padding:0.5rem 2rem;font-size:var(--mediumFontSize);border-left:3px solid var(--text)}.wp-block-quote>*+*{margin-top:1rem}.wp-block-quote cite{display:block;font-size:var(--smallFontSize);color:var(--textDim)}.wp-block-quote::after{content:"\f122";display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:0;background-color:var(--siteBackgroundColor);width:2rem;height:2rem;color:var(--text);font-family:"dashicons";border-radius:var(--gRadius);transform:translateX(-50%)}.wp-block-quote.is-style-large{padding-top:1rem;padding-bottom:1rem;margin-top:2.5rem;margin-bottom:2.5rem;border-left:none;border-top:3px solid var(--text);border-bottom:3px solid var(--text);font-size:var(--h4Size);text-align:center}.wp-block-quote.is-style-large::after{left:0;right:0;margin-right:auto;margin-left:auto;width:3rem;transform:translateY(-50%)}.wp-block-quote.has-text-align-right{border-left:none;border-right:3px solid var(--text)}.wp-block-quote.has-text-align-right::after{left:auto;right:0;transform:translateX(50%)}.wp-block-quote.has-text-align-center{padding-top:0;padding-bottom:0;border-left:none}.wp-block-quote.has-text-align-center::before{content:"";display:block;margin:0 auto 2rem;height:3px;width:200px;background-color:var(--text)}.wp-block-quote.has-text-align-center::after{left:0;right:0;margin-right:auto;margin-left:auto;transform:translateY(-50%)}.wp-block-audio{text-align:center}.wp-block-audio audio{width:100%}.wp-block-file{display:flex;align-items:center;justify-content:center;padding:1.25rem;background-color:rgba(0,0,0,0.05);border:1px solid rgba(0,0,0,0.2);border-radius:var(--gRadius)}.wp-block-file.alignleft{justify-content:flex-start;float:left}.wp-block-file.alignright{justify-content:flex-end}.wp-block-file__button{margin-left:1rem}.wp-block-video{width:100%;text-align:center}.wp-block-video video{width:100%}.wp-block-group{padding-top:2rem;padding-bottom:2rem}.wp-block-group:not(.has-background){padding-top:0;padding-bottom:0}.wp-block-group:not(.has-background)+.alignfull{margin-top:0}.wp-block-button.alignleft a{float:left;margin-right:1.5rem}.wp-block-button.alignright a{float:right;margin-left:1.5rem}.wp-block-columns{display:flex}@media (max-width: 768px){.wp-block-columns{flex-wrap:wrap}}.wp-block-column{flex:1}@media (min-width: 769px){.wp-block-column+.wp-block-column{margin-left:1.5rem}}@media (max-width: 768px){.wp-block-column{width:100%;flex-basis:100% !important}.wp-block-column+.wp-block-column{margin-top:1.5rem}}.wp-block-media-text{display:grid;grid-row-gap:var(--gridGap);grid-column-gap:var(--gridGap)}.wp-block-media-text[class*="-background-color"]{padding:1rem;border-radius:var(--gRadius)}@media (min-width: 481px){.wp-block-media-text{grid-template-areas:"media text";grid-template-columns:6fr 6fr}.wp-block-media-text.has-media-on-the-right{grid-template-areas:"text media"}.wp-block-media-text.is-style-h-smaller-image,.wp-block-media-text.is-style-h-larger-image.has-media-on-the-right{grid-template-columns:4fr 8fr}.wp-block-media-text.is-style-h-larger-image,.wp-block-media-text.is-style-h-smaller-image.has-media-on-the-right{grid-template-columns:8fr 4fr}}@media (max-width: 480px){.wp-block-media-text{grid-template-areas:"media" "text";grid-template-columns:repeat(1, 1fr)}}.wp-block-media-text__media{grid-area:media;margin-bottom:0}@media (min-width: 481px){.is-image-fill .wp-block-media-text__media{align-self:stretch;background-repeat:no-repeat;background-size:cover;border-radius:var(--gRadius)}.is-image-fill .wp-block-media-text__media img{display:none}}@media (max-width: 480px){.is-image-fill .wp-block-media-text__media{background-image:none !important}}.wp-block-media-text__content{grid-area:text}.wp-block-spacer{margin-top:0;margin-bottom:0}.wp-block-separator{display:block;border-top:2px solid var(--bgColor);margin:2.5rem auto;padding:0;width:120px;line-height:1}.wp-block-separator.is-style-wide{width:var(--siteWidth)}.wp-block-separator.is-style-dots{border:0;height:auto;width:auto;background-color:transparent;text-align:center}.wp-block-separator.is-style-dots::before{content:"\00b7 \00b7 \00b7";padding-left:2rem;font-family:var(--codeFontFamily);font-size:var(--largeFontSize);letter-spacing:1.5rem;color:var(--bgColor, var(--text))}.wp-block-verse{font-family:var(--fontFamily)}.wp-block-table{--tableBorder: black;--tableHeader: rgba(0,0,0,0.1);--tableBg: white;--tableStripe: rgba(0,0,0,0.05)}.wp-block-table table{width:100%}.wp-block-table tr{background-color:var(--tableBg)}.wp-block-table thead tr,.wp-block-table tfoot tr{background-color:var(--tableHeader);font-weight:700;text-align:left}.wp-block-table thead tr{border-bottom:2px solid var(--tableBorder)}.wp-block-table tfoot tr{border-top:2px solid var(--tableBorder)}.wp-block-table th,.wp-block-table td{padding:0.5rem 1rem;border:1px solid rgba(0,0,0,0.1)}@media (max-width: 768px){.wp-block-table td{padding:0.25rem 0.5rem}}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:var(--tableStripe)}.wp-block-table .has-fixed-layout{width:100%;table-layout:fixed}.wp-block-table [class*="-background-color"]{--tableStripe: white}.wp-block-table .has-subtle-light-gray-background-color{--tableBorder: var(--textDim);--tableHeader: rgba(var(--textDimRGB), 0.1);--tableBg: rgba(var(--textDimRGB), 0.05)}.wp-block-table .has-subtle-pale-green-background-color{--tableBorder: var(--green);--tableHeader: rgba(var(--greenRGB), 0.1);--tableBg: rgba(var(--greenRGB), 0.05)}.wp-block-table .has-subtle-pale-blue-background-color{--tableBorder: var(--blue);--tableHeader: rgba(var(--blueRGB), 0.1);--tableBg: rgba(var(--blueRGB), 0.05)}.wp-block-table .has-subtle-pale-pink-background-color{--tableBorder: var(--red);--tableHeader: rgba(var(--redRGB), 0.1);--tableBg: rgba(var(--redRGB), 0.05)}.wp-block-code,.wp-block-preformatted{padding:1rem;border:1px solid rgba(0,0,0,0.1);border-radius:var(--gRadius);background-color:rgba(0,0,0,0.05)}.wp-block-code code,.wp-block-preformatted code{padding:0;border:0;background-color:transparent}code{padding:0 0.5rem}.wp-block-embed{margin-top:2rem;margin-bottom:2rem;text-align:center}.wp-block-embed__wrapper{display:flex;justify-content:center;position:relative}.wp-has-aspect-ratio .wp-block-embed__wrapper::before,.wp-block-embed-wordpress .wp-block-embed__wrapper::before{content:"";display:block;width:100%}.wp-embed-aspect-21-9 .wp-block-embed__wrapper::before,.wp-block-embed-wordpress .wp-block-embed__wrapper::before{padding-top:42.85%}.wp-embed-aspect-18-9 .wp-block-embed__wrapper::before{padding-top:50%}.wp-embed-aspect-16-9 .wp-block-embed__wrapper::before{padding-top:56.25%}.wp-embed-aspect-4-3 .wp-block-embed__wrapper::before{padding-top:75%}.wp-embed-aspect-1-1 .wp-block-embed__wrapper::before{padding-top:100%}.wp-embed-aspect-9-6 .wp-block-embed__wrapper::before{padding-top:66.667%}.wp-embed-aspect-1-2 .wp-block-embed__wrapper::before{padding-top:200%}.wp-has-aspect-ratio iframe,.wp-block-embed-wordpress iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.wp-block-embed-wordpress blockquote{display:none}.wp-block-embed-wordpress iframe{clip:auto !important}ul.wp-block-social-links{display:flex;justify-content:flex-start;flex-wrap:wrap;padding-left:0;list-style-type:none}ul.wp-block-social-links.aligncenter{justify-content:center}.wp-social-link a{display:flex;align-items:center;justify-content:center;margin-right:0.75rem;margin-bottom:0.75rem;width:42px;height:42px;border:1px solid rgba(0,0,0,0.2);border-bottom-width:2px;border-radius:var(--gRadius);background-color:var(--color);line-height:0;transition:var(--gTransition);will-change:opacity}.wp-social-link a:hover{opacity:.7}.wp-social-link a:active{border-top-width:2px;border-bottom-width:1px;transition:none}.is-style-logos-only .wp-social-link a{background-color:transparent;border-color:transparent;margin-right:0.5rem}.is-style-logos-only .wp-social-link a svg{fill:var(--color)}.is-style-logos-only .wp-social-link a:hover{border-color:rgba(0,0,0,0.2)}.is-style-pill-shape .wp-social-link a{border-radius:50px;padding-left:1rem;padding-right:1rem;width:auto}.wp-social-link svg{width:28px;height:28px;fill:white}.wp-social-link-amazon{--color: #f90}.wp-social-link-bandcamp{--color: #1ea0c3}.wp-social-link-behance{--color: #0757fe}.wp-social-link-chain{--color: #f0f0f0}.wp-social-link-codepen{--color: #1e1f26}.wp-social-link-deviantart{--color: #02e49b}.wp-social-link-dribbble{--color: #e94c89}.wp-social-link-dropbox{--color: #4280ff}.wp-social-link-etsy{--color: #f45800}.wp-social-link-facebook{--color: #1977f2}.wp-social-link-feed{--color: #f0f0f0}.wp-social-link-fivehundredpx{--color: #000}.wp-social-link-flickr{--color: #0461dd}.wp-social-link-foursquare{--color: #e65678}.wp-social-link-github{--color: #24292d}.wp-social-link-goodreads{--color: #eceadd}.wp-social-link-google{--color: #ea4434}.wp-social-link-instagram{--color: #f00075}.wp-social-link-lastfm{--color: #e21b24}.wp-social-link-linkedin{--color: #0577b5}.wp-social-link-line{--color: #03c302}.wp-social-link-mail{--color: #f0f0f0}.wp-social-link-mastodon{--color: #3288d4}.wp-social-link-medium{--color: #02ab6c}.wp-social-link-meetup{--color: #f6405f}.wp-social-link-pinterest{--color: #e60122}.wp-social-link-pocket{--color: #ef4155}.wp-social-link-reddit{--color: #fe4500}.wp-social-link-skype{--color: #0478d7}.wp-social-link-snapchat{--color: #fefc00}.wp-social-link-soundcloud{--color: #ff5600}.wp-social-link-spotify{--color: #1bd760}.wp-social-link-telegram{--color: #08c}.wp-social-link-tumblr{--color: #011835}.wp-social-link-twitch{--color: #6440a4}.wp-social-link-twitter{--color: #21a1f3}.wp-social-link-vimeo{--color: #1eb7ea}.wp-social-link-vk{--color: #4680c2}.wp-social-link-wordpress{--color: #3499cd}.wp-social-link-jetpack-whatsapp{--color: #25d366}.wp-social-link-yelp{--color: #d32422}.wp-social-link-youtube{--color: #ff0100}.wp-social-link-goodreads svg,.wp-social-link-chain svg,.wp-social-link-feed svg,.wp-social-link-mail svg{fill:#382110}.wp-social-link-snapchat{stroke:black}.grunion-field-wrap{position:relative;margin-bottom:1rem}.grunion-field-wrap .grunion-field-label{cursor:pointer;margin-bottom:0.25rem;font-weight:700;font-size:var(--smallFontSize);color:rgba(0,0,0,0.5)}.grunion-field-wrap span{display:inline-block;margin-left:0.5rem;text-transform:initial;font-weight:400;color:var(--red)}.grunion-field-wrap textarea{max-height:8rem}.back-to-top{--offset: 1rem;position:fixed;bottom:var(--offset);display:flex;align-items:center;width:2.25rem;height:2.25rem;padding:0.5rem;background-color:var(--text);border-radius:var(--gRadius);box-shadow:var(--shadow1)}.back-to-top:hover{background-color:var(--main);box-shadow:var(--shadow2)}.back-to-top path{fill:var(--textInvert)}.back-to-top--align-right{right:var(--offset)}.back-to-top--align-left{left:var(--offset)}body.has-frame::before,body.has-frame::after{content:"";position:fixed;left:0;z-index:1000;width:100%;height:var(--frameSize);background-color:var(--frameColor)}body.has-frame::before{top:0}body.has-frame::after{bottom:0}body.has-frame #wpadminbar{background-color:var(--frameColor)}@media (min-width: 783px){body.has-frame.admin-bar::before{display:none}}body.has-frame #main-container{padding:var(--frameSize)}body.has-frame #main-container::before,body.has-frame #main-container::after{content:"";position:fixed;top:0;z-index:1000;width:var(--frameSize);height:100%;background-color:var(--frameColor)}body.has-frame #main-container::before{left:0}body.has-frame #main-container::after{right:0}@media (min-width: 783px){body.has-frame.admin-bar #main-container{padding-top:0}} diff --git a/assets/css/framework.css b/assets/css/framework.css index 845bcbe..c667dbc 100644 --- a/assets/css/framework.css +++ b/assets/css/framework.css @@ -1,4 +1,4 @@ /*! EDJE Functional Sass v3.1.0 Documentation: https://github.com/hrsetyono/edje/wiki -*/*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{line-height:1.15;font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}*,body{margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,picture,summary{display:block}[hidden],template{display:none}progress{vertical-align:baseline}body{-webkit-animation:bugfix infinite 1s}@-webkit-keyframes bugfix{from{padding:0}to{padding:0}}a{cursor:pointer;text-decoration:none;background-color:transparent}b,strong{font-weight:bold}em{font-style:italic}h1,h2,h3,h4,h5,h6{margin:0}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}blockquote cite{display:block;font-style:italic}address,cite{font-style:normal}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}dfn{font-style:italic}mark{background:#ff0;color:#000}q{quotes:"\201C" "\201D" "\2018" "\2019"}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:var(--fontSize)}img{border-style:none;display:inline-block;vertical-align:middle;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}img,object,embed{max-width:100%;height:auto}#map_canvas img,.map_canvas img,#map_canvas object,.map_canvas object,#map_canvas embed,.map_canvas embed{max-width:none !important}hr{-moz-box-sizing:content-box;box-sizing:content-box;display:block;overflow:visible;height:1px;margin:1em 0;padding:0;border:0;border-top:1px solid #ccc}button,input,optgroup,select,textarea{margin:0;min-width:0;color:inherit;font-family:inherit;font-size:100%;line-height:1.15}label{display:block;line-height:normal}button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer;overflow:visible;text-transform:none;line-height:normal;-webkit-appearance:button;-webkit-backface-visibility:hidden}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}input{overflow:visible;line-height:normal}[disabled],input[disabled]{cursor:default}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input::-webkit-calendar-picker-indicator{display:none}[type="date"]::-webkit-input-placeholder{visibility:hidden !important}textarea{overflow:auto;vertical-align:top;resize:vertical;height:auto;min-height:50px}select{text-transform:none}optgroup{font-weight:bold}fieldset{border:0;margin:0;padding:0}legend{box-sizing:border-box;display:table;max-width:100%;padding:0;white-space:normal;color:inherit}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.hide{display:none !important;visibility:hidden !important}h-grid{display:-ms-grid;display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));grid-column-gap:var(--gridGap);grid-row-gap:var(--gridGap);max-width:calc( var(--siteWidth) + var(--gridRim) * 2);padding:0 var(--gridRim);margin:0 auto;width:100%}h-grid.collapse{--gridGap: 0}h-grid h-grid{margin:0;padding:0}.large-1{grid-column:span 1}.large-2{grid-column:span 2}.large-3{grid-column:span 3}.large-4{grid-column:span 4}.large-5{grid-column:span 5}.large-6{grid-column:span 6}.large-7{grid-column:span 7}.large-8{grid-column:span 8}.large-9{grid-column:span 9}.large-10{grid-column:span 10}.large-11{grid-column:span 11}.large-12{grid-column:span 12}@media (max-width: 768px){[class*="large-"]{grid-column:span 12}.small-1{grid-column:span 1}.small-2{grid-column:span 2}.small-3{grid-column:span 3}.small-4{grid-column:span 4}.small-5{grid-column:span 5}.small-6{grid-column:span 6}.small-7{grid-column:span 7}.small-8{grid-column:span 8}.small-9{grid-column:span 9}.small-10{grid-column:span 10}.small-11{grid-column:span 11}.small-12{grid-column:span 12}}h-tile{display:-ms-grid;display:grid;grid-column-gap:var(--tileGap);grid-row-gap:var(--tileGap)}h-tile.collapse{--gridGap: 0}h-tile>*{grid-column:span 1}.tile-1{grid-template-columns:repeat(1, 1fr)}.tile-2{grid-template-columns:repeat(2, 1fr)}.tile-3{grid-template-columns:repeat(3, 1fr)}.tile-4{grid-template-columns:repeat(4, 1fr)}.tile-5{grid-template-columns:repeat(5, 1fr)}.tile-6{grid-template-columns:repeat(6, 1fr)}.tile-7{grid-template-columns:repeat(7, 1fr)}.tile-8{grid-template-columns:repeat(8, 1fr)}.tile-9{grid-template-columns:repeat(9, 1fr)}.tile-10{grid-template-columns:repeat(10, 1fr)}@media (max-width: 768px){[class*="tile-"]{grid-template-columns:repeat(1, 1fr)}.small-tile-1{grid-template-columns:repeat(1, 1fr)}.small-tile-2{grid-template-columns:repeat(2, 1fr)}.small-tile-3{grid-template-columns:repeat(3, 1fr)}.small-tile-4{grid-template-columns:repeat(4, 1fr)}.small-tile-5{grid-template-columns:repeat(5, 1fr)}}html{font-size:var(--fontSize)}body{position:relative;overflow-x:hidden;background:var(--siteBackground);margin:0;font-family:var(--fontFamily);font-size:var(--fontSize);line-height:var(--lineHeight);color:var(--text)}h1,h2,h3,h4,h5,h6{font-family:var(--hFontFamily);font-weight:var(--hFontWeight);font-size:var(--hFontSize);font-style:var(--hFontStyle);line-height:var(--hLineHeight);letter-spacing:var(--hLetterSpacing);text-transform:var(--hTextTransform);color:var(--hColor)}h1{font-size:var(--h1Size)}h2{font-size:var(--h2Size)}h3{font-size:var(--h3Size)}h4{font-size:var(--h4Size)}h5{font-size:var(--h5Size)}h6{font-size:var(--h6Size)}p{margin-top:0;margin-bottom:0}a{color:var(--linkColor);transition:var(--gTransition)}a:hover{color:var(--linkColorHover)}ul{list-style-type:var(--ulStyle)}ol{list-style-type:var(--olStyle)}ul ul,ol ul{list-style-type:var(--ulChildStyle)}ul ol,ol ol{list-style-type:var(--olChildStyle)}pre,code{font-family:var(--codeFontFamily);font-size:var(--codeFontSize)}.archive-column{grid-column:span 12;padding-top:2rem;padding-bottom:2rem}.archive-column>*+*{margin-top:2rem}.archive-column--has-sidebar{grid-column:span 8}.post-grid--alignfull{max-width:none;padding:0}.post-column{--postContentOffset: 2rem;grid-column:span 12;padding-top:var(--postContentOffset);padding-bottom:var(--postContentOffset)}.post-column>*+*{margin-top:2rem}.post-column--has-sidebar{--blogWidth: 100%;grid-column:span 8}.post-column--no-sidebar>*>*{width:var(--blogWidth);max-width:var(--blogWidth);margin-right:auto;margin-left:auto}@media (max-width: 768px){.post-column--no-sidebar>*{padding-right:calc(var(--gridGap) / 2);padding-left:calc(var(--gridGap) / 2)}}.sidebar{--sidebarGap: 3rem;grid-column:span 4;align-self:flex-start;display:grid;grid-template-columns:1fr;grid-row-gap:2rem;grid-column-gap:2rem;padding-top:2rem}.sidebar .widget{grid-column:span 1;list-style-type:none}.sidebar .widget *+*{margin-top:0.5rem}.sidebar .widgettitle{font-size:var(--h4Size)}@media (max-width: 960px){.sidebar{--sidebarGap: 1.5rem}}@media (max-width: 768px){.sidebar{order:1;grid-column:span 12;grid-template-columns:repeat(2, minmax(0, 1fr));padding-top:0;margin-bottom:2rem}}@media (max-width: 480px){.sidebar{grid-template-columns:auto}}@media (min-width: 769px){.sidebar--left{order:-1;padding-right:var(--sidebarGap)}.sidebar--right{order:1;padding-left:var(--sidebarGap)}}.post-meta{--metaGap: 0.5rem;display:flex;flex-wrap:wrap;align-items:center;margin-top:1rem;color:var(--textDim);font-size:var(--smallFontSize)}.post-meta>*{display:inline-block;margin-right:0.75rem;margin-bottom:0.25rem}.post-meta>*:last-child{margin-right:0}.post-meta a{color:inherit;text-decoration:none}.post-meta a:hover{text-decoration:underline}.post-meta i::before{width:1em;height:1em;font-size:1rem;vertical-align:middle;transform:translateY(-2px)}.post-header .post-meta{padding-top:0.5rem;padding-bottom:0.5rem;border-top:1px solid rgba(0,0,0,0.2);border-bottom:2px solid rgba(0,0,0,0.2)}.post-archive .post-meta:last-child{margin-top:auto}.meta-categories a,.meta-tags a{display:inline-block;padding:0 0.375rem;background-color:var(--buttonBg);border-radius:var(--gRadius);color:var(--buttonColor)}.meta-categories a:hover,.meta-tags a:hover{background-color:var(--buttonBgHover);color:var(--buttonColorHover)}.meta-categories a:active,.meta-tags a:active{transition:none;transform:translateY(1px)}.meta-categories{--buttonBg: var(--mainLight);--buttonBgHover: var(--mainLight);--buttonColor: var(--text);--buttonColorHover: var(--text);margin-right:0.25rem}.meta-categories a{text-transform:uppercase;letter-spacing:0.025em}.meta-tags{--buttonBg: rgba(var(--textRGB), 0.075);--buttonBgHover: rgba(var(--textRGB), 0.15);--buttonColor: var(--textDim);--buttonColorHover: var(--text)}.pagination{display:flex;justify-content:center;color:var(--textDim);font-size:var(--smallFontSize)}.pagination a,.pagination select{display:flex;align-items:center;cursor:pointer;background-color:transparent;border:2px solid var(--textDim);border-radius:0;width:auto;color:var(--textDim);-webkit-appearance:none;appearance:none}.pagination a:hover,.pagination select:hover{background-color:rgba(var(--textRGB), 0.1)}.pagination a:active,.pagination select:active{transition:none;transform:translateY(1px)}.pagination select{padding-right:1rem;padding-left:1rem;font-weight:var(--hFontWeight);text-transform:uppercase}.pagination a{padding-right:0.25rem;padding-left:0.25rem}.pagination a:nth-of-type(1){border-right:0;border-top-left-radius:var(--gRadius);border-bottom-left-radius:var(--gRadius)}.pagination a:nth-of-type(2){border-left:0;border-top-right-radius:var(--gRadius);border-bottom-right-radius:var(--gRadius)}.pagination path{fill:rgba(var(--textDimRGB), 0.7)}.pagination a:not([href]){visibility:hidden;opacity:0}.image-fit{--fitHeight: 50%;position:relative;display:flex;overflow:hidden}.image-fit::before{content:"";display:block;width:100%;height:0;padding-bottom:var(--fitHeight)}.image-fit img{position:absolute;top:0;left:0;height:100%;width:100%;border-radius:0;object-fit:cover;object-position:center center}.image-fit--1\:1{--fitHeight: 100%}.image-fit--4\:3{--fitHeight: 75%}.image-fit--16\:9{--fitHeight: 56.25%}.image-fit--2\:1{--fitHeight: 50%}.image-fit--3\:1{--fitHeight: 33.333%}.post-header h1,.post-header h2{margin-bottom:0.5rem}.post-banner{display:flex;align-items:center;padding:0}.post-banner picture{overflow:hidden;max-width:none}.post-banner img{margin-right:auto;margin-left:auto}.post-banner--narrow picture{width:var(--blogWidth);border-radius:var(--gRadius)}.post-banner--narrow .image-fit--custom{--fitHeight: var(--postImageHeight)}.post-banner--wide:first-child,.post-banner--full:first-child{margin-top:calc(var(--postContentOffset) * -1)}.post-banner--wide .image-fit,.post-banner--full .image-fit{--fitHeight: var(--postImageHeight)}.post-banner--wide picture{width:calc(var(--blogWidth) + 200px);max-width:100%}.post-banner--full picture{width:100%}.post-author a:active{transition:none;transform:translateY(1px)}.author-inner-wrapper{max-width:var(--blogWidth);margin:0 auto;padding:1rem;background-color:var(--textInvert);box-shadow:0px 50px 90px rgba(210,213,218,0.4)}body.archive .author-inner-wrapper{background-color:transparent;box-shadow:none}@media (min-width: 481px){.author-inner-wrapper{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-column-gap:1.5rem;grid-row-gap:0.5rem}}.author-avatar{grid-row:span 2}.author-avatar img{border-radius:50%;background-color:var(--siteBackgroundColor);height:4em;width:4em;box-shadow:var(--shadow1)}@media (max-width: 480px){.author-avatar{float:right}}.author-bio{grid-column:2 / span 1;font-size:var(--smallFontSize)}.author-bio *+*{margin-top:0.5rem}.author-bio a{display:inline-block;color:inherit;text-decoration:none}.author-bio a:hover{color:inherit;text-decoration:underline}.author-bio label{margin-bottom:-0.5rem;color:var(--textDim)}.author-bio h5,.author-bio h6{text-transform:uppercase;letter-spacing:0.025em}.author-links{--linkColor: var(--textDim);display:flex;flex-wrap:wrap;grid-column:2 / span 1;margin:0.5rem -0.5rem 0;font-size:var(--smallFontSize)}.author-links a{display:flex;align-items:center;padding:0 0.5rem}.author-links a:hover{--linkColor: var(--main)}.author-links svg{width:1rem;margin-right:0.25rem}.author-links path{fill:var(--linkColor);transition:var(--gTransition)}.related-posts{--padding: 3rem;--blogWidth: var(--siteWidth);padding:var(--padding) 0;background-color:#eff1f5}.related-posts .related-title{margin-bottom:var(--padding);font-weight:var(--fontWeight);text-align:center;color:var(--textDim)}.related-posts .post-archives{max-width:var(--siteWidth);padding:0 calc(var(--gridGap) / 2)}.related-posts .post-archive{background-color:var(--siteBackgroundColor)}@media (max-width: 768px){.related-posts{--padding: 2rem}}.post-comments{padding:0 calc( var(--gridGap) / 2)}.post-comments ul{list-style-type:none}.comments-list{padding-left:0;margin-top:2rem}.comments-list>li{padding:1.25rem;margin-bottom:1.5rem;background-color:white;border:1px solid rgba(0,0,0,0.1);border-radius:var(--gRadius)}.comment{position:relative}.comment.bypostauthor .comment-avatar{padding:1px}.comment .avatar{margin-right:0.75rem;width:2.5em;height:2.5em}.comment-header{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:1rem}.comment-header time{margin-left:0.5rem;font-size:var(--smallFontSize);color:var(--textDim)}.comment-text p+p{margin-top:1rem}.replies-list{margin-top:1.5rem;padding-left:1.25rem;border-left:2px solid rgba(0,0,0,0.1)}.replies-list .comment{font-size:var(--smallFontSize)}.replies-list>li+li{margin-top:1.5rem}.replies-list header{margin-bottom:0.5rem}.replies-list p+p{margin-top:0.5rem}a.comment-reply-link{position:absolute;top:5px;right:0;padding-right:0.5rem;padding-left:0.5rem;border-radius:var(--gRadius);background-color:rgba(var(--mainRGB), 0.1);font-size:var(--smallFontSize);font-weight:var(--hFontWeight);letter-spacing:0.05em;text-transform:uppercase}a.comment-reply-link:hover{background-color:rgba(var(--mainRGB), 0.25)}.comment-reply-title{display:none}.comment-respond{margin-bottom:2rem}.comments-list .comment-respond{width:110%;margin:0 -5%}.comment-form{display:flex;flex-wrap:wrap;padding:1rem;background-color:white;border-radius:var(--gRadius);box-shadow:var(--shadow0)}.comments-list .comment-form{margin-top:1.25rem}.comment-form p{display:flex;flex-direction:column;width:100%;margin-bottom:1rem}.comment-form label{cursor:pointer;margin-bottom:0.5rem;text-transform:uppercase;color:var(--textDim);letter-spacing:0.05em;font-size:var(--smallFontSize)}.comment-form .comment-notes,.comment-form .logged-in-as{display:block;color:var(--textDim);font-size:var(--smallFontSize)}.comment-form:not(.--active){padding:0}.comment-form:not(.--active) :not(.comment-form-comment){overflow:hidden;height:0;margin:0}.comment-form-comment label{display:none}.comment-form-comment textarea{height:9rem}.comment-form:not(.--active) .comment-form-comment{margin:0}.comment-form:not(.--active) .comment-form-comment textarea{cursor:pointer;padding:1.5rem;border:0;background-color:rgba(var(--mainRGB), 0.1);height:4.5rem;box-shadow:none}.comment-form:not(.--active) .comment-form-comment textarea:hover{background-color:transparent}p.comment-form-author,p.comment-form-email{width:50%}@media (max-width: 480px){p.comment-form-author,p.comment-form-email{width:100%}}p.comment-form-author{padding-right:0.5rem}p.comment-form-email{padding-left:0.5rem}p.comment-form-url{display:none}p.comment-form-cookies-consent{flex-direction:row}p.comment-form-cookies-consent input{margin-top:2px;margin-right:0.5rem}p.comment-form-cookies-consent label{display:inline-block;text-transform:none}p.form-submit{align-items:center;margin-bottom:0}.archive-header{position:relative}.archive-header h1,.archive-header h2,.archive-header p{margin-bottom:1rem}.archive-header a:hover{text-decoration:underline}.author .archive-header small{display:block;font-size:1rem;font-weight:var(--fontWeight)}.author .archive-header img{float:right;width:70px;border-radius:var(--gRadius)}.post-archives{--archiveBg: white;--archivePadding: 1.5rem;display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));grid-column-gap:1rem;grid-row-gap:1rem;padding-left:0;list-style-type:none}@media (max-width: 960px){.post-archives{--archivePadding: 1rem}}.archive-column--no-sidebar .post-archives--default{max-width:var(--blogWidth);margin:0 auto}.post-archives--grid{grid-template-columns:repeat(var(--postsPerRow, 3), minmax(0, 1fr))}.post-archive{overflow:hidden;display:flex;flex-direction:column;flex-wrap:wrap;position:relative;background-color:var(--archiveBg);padding:var(--archivePadding);border-radius:var(--gRadius);box-shadow:var(--shadow0)}.post-archive>*{margin-bottom:0.75rem}.post-archive>*:last-child{margin-bottom:0}.post-archive a{text-decoration:none}.post-archive h3{font-size:var(--h5Size)}.post-archive h3 a{display:block}.post-archive h3 a:hover{text-decoration:underline;color:var(--linkColorHover)}.post-archive p{font-size:var(--smallFontSize)}.post-archive .button{align-self:flex-start;justify-self:flex-start}@media (min-width: 481px){.post-archives--default .post-archive{display:grid;grid-template-rows:auto auto auto auto auto;grid-template-columns:auto 1fr;grid-column-gap:var(--archivePadding);padding-left:0}.post-archives--default .post-archive>*{order:2;grid-column:2 / span 1}}.archive-figure{--figureMargin: calc(-1 * var(--archivePadding));width:calc( 100% + var(--archivePadding) + var(--archivePadding));margin-right:var(--figureMargin);margin-left:var(--figureMargin)}.archive-figure:first-child{margin-top:var(--figureMargin)}.archive-figure:hover img{opacity:.8;transform:scale(1.05)}.archive-figure img{transition:var(--gTransition)}.archive-figure .image-fit--custom{--fitHeight: var(--archiveImageHeight)}@media (min-width: 481px){.post-archives--default .archive-figure{--ratioPadding: 0;order:1;grid-row:span 5;grid-column:span 1;min-width:200px;width:100%;height:calc( 100% + var(--archivePadding) + var(--archivePadding));margin:var(--figureMargin) 0}}div#jp-relatedposts h3.jp-relatedposts-headline,.post-comments h4{display:block;float:none;margin-bottom:1.5rem;font-size:var(--h5Size);letter-spacing:0.05em;text-transform:uppercase}div#jp-relatedposts{display:block;padding-top:0;margin-bottom:3rem}div#jp-relatedposts div.jp-relatedposts-items{display:flex;margin:0 -125px}div#jp-relatedposts div.jp-relatedposts-items::before,div#jp-relatedposts div.jp-relatedposts-items::after{content:"";display:table}div#jp-relatedposts div.jp-relatedposts-items::after{clear:both}@media (max-width: 870px){div#jp-relatedposts div.jp-relatedposts-items{margin:0 -5px}}@media (max-width: 768px){div#jp-relatedposts div.jp-relatedposts-items{flex-direction:column;margin:0}}div#jp-relatedposts h3.jp-relatedposts-headline em{font-style:normal}div#jp-relatedposts h3.jp-relatedposts-headline em::before{display:none}div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post{overflow:hidden;padding:1rem;margin-right:0.75rem;margin-left:0.75rem;width:33.333%;opacity:1;background-color:white;box-shadow:var(--shadow1);border-radius:var(--gRadius)}div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title .jp-relatedposts-post-a{text-decoration:none}@media (max-width: 870px){div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post{margin-right:0.25rem;margin-left:0.25rem}}@media (max-width: 768px){div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post{width:100%;margin:0;margin-bottom:1rem}}div#jp-relatedposts .jp-relatedposts-post>.jp-relatedposts-post-a{overflow:hidden;display:block;max-height:160px;margin:-1em;margin-bottom:1em}div#jp-relatedposts .jp-relatedposts-post>.jp-relatedposts-post-a:hover+.jp-relatedposts-post-title{text-decoration:underline}div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title{clear:none;font-size:var(--mediumFontSize);letter-spacing:0;line-height:var(--hLineHeight)}div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title:hover{text-decoration:underline}div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a{display:block;font-weight:var(--hFontWeight);color:inherit;text-decoration:none}@media (max-width: 480px){div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title{font-size:1rem}}div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post p,div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post span{overflow:visible;max-width:100%;font-size:var(--smallFontSize)}div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-excerpt,div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context{display:none}div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date{display:inline-block;opacity:0.6}@media (max-width: 480px){div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date{font-size:var(--smallFontSize)}}@media (max-width: 870px){div#jp-relatedposts div.jp-relatedposts-items div.jp-relatedposts-post-thumbs{font-size:var(--smallFontSize)}}@media (max-width: 768px){div#jp-relatedposts div.jp-relatedposts-items div.jp-relatedposts-post-thumbs{padding-bottom:0}div#jp-relatedposts div.jp-relatedposts-items div.jp-relatedposts-post-thumbs>.jp-relatedposts-post-a{float:left;margin-right:0.75rem;margin-bottom:0;max-width:150px}}div#jp-relatedposts.jp-next-prev div.jp-relatedposts-items{flex-direction:row;margin:0 -10px}div#jp-relatedposts.jp-next-prev div.jp-relatedposts-items .jp-relatedposts-post{width:50%;margin:0 10px}@media (max-width: 768px){div#jp-relatedposts.jp-next-prev div.jp-relatedposts-items .jp-relatedposts-post{padding:0.5rem}}@media (max-width: 768px){div#jp-relatedposts.jp-next-prev .jp-relatedposts-post>.jp-relatedposts-post-a{margin:-0.5em;margin-bottom:0.5em}}div#jp-relatedposts.jp-next-prev div.jp-relatedposts-items .jp-relatedposts-nothumb{display:flex;flex-direction:column;justify-content:center;text-align:center}div#jp-relatedposts.jp-next-prev div.jp-relatedposts-items .jp-relatedposts-nothumb .jp-relatedposts-post-title{font-size:var(--h4Size)}div#jp-relatedposts.jp-next-prev div.jp-relatedposts-items .jp-relatedposts-nothumb .jp-relatedposts-nothumb-excerpt{margin-top:1rem}@media (max-width: 768px){div#jp-relatedposts.jp-next-prev div.jp-relatedposts-items .jp-relatedposts-nothumb .jp-relatedposts-nothumb-excerpt{display:none}}div#jp-relatedposts.jp-next-prev div.jp-relatedposts-items .jp-relatedposts-nothumb .jp-relatedposts-nothumb-excerpt a{display:block}.entry-breadcrumbs{margin-bottom:1rem}.entry-breadcrumbs [itemprop="itemListElement"]{display:inline-block;padding:0.25rem 0.5rem;background-color:var(--textInvert)}.entry-breadcrumbs [itemprop="itemListElement"]:nth-child(n+2)::before{content:"»";display:inline-block;transform:translateX(-0.5rem)}.entry-breadcrumbs [itemprop="name"]{display:inline-block;padding:0.25rem 0.5rem;border-radius:var(--gRadius);color:var(--textDim);text-transform:uppercase;letter-spacing:0.025em;transition:var(--gTransition)}.entry-breadcrumbs a:hover [itemprop="name"]{background-color:var(--mainLight);color:var(--main)}.entry-breadcrumbs a:active [itemprop="name"]{transition:none;transform:translateY(1px)}.entry-breadcrumbs .current-category [itemprop="name"]{color:var(--text)}.sharedaddy .share-end{display:none}.sharedaddy .sd-title{margin-bottom:1rem;white-space:nowrap;font-size:var(--fontSize);letter-spacing:0.05em;text-transform:uppercase}.sharedaddy .sd-title::before{display:none}.sharedaddy .sd-button{text-decoration:none}.sharedaddy .sd-content ul{display:flex;flex-wrap:wrap;list-style-type:none;padding-left:0;margin:0 -4px}.sharedaddy .sd-content li{display:flex;align-items:center;padding:0 0.25rem;margin-bottom:0.5rem}.sd-button{--color: #333;--colorHover: rgba(51,51,51,0.2);display:inline-block;overflow:hidden;border:1px solid var(--color);border-bottom-width:2px;border-radius:var(--gRadius);color:var(--color)}.sd-button:hover{color:var(--color);background-color:var(--colorHover)}.sd-button:active{border-top-width:2px;border-bottom-width:1px;transition:none}.sd-social-icon-text .sd-button,.sd-social-text .sd-button{padding:0px 10px 2px}.sd-social-icon .sd-button{padding:4px 10px;border-radius:50%}.sd-social-icon .sd-button.share-more{padding-top:0;padding-bottom:0;border-radius:var(--gRadius)}.sd-social-icon .sd-button.share-more::before{margin-right:0.25rem}.sd-button span{vertical-align:middle}.sd-button .sharing-screen-reader-text{display:none}.sd-button::before{content:"";display:inline-block;position:relative;top:1px;vertical-align:middle;line-height:1;text-align:center;font-family:'social-logos';font-size:18px}.sd-social-official .sd-button::before{top:-2px}.sd-social-icon .sd-button::before{top:0;font-size:20px}.sd-social-icon-text .sd-button::before{margin-right:0.25rem}.social-logo__twitter:hover::before,.sd-button.share-twitter{--color: #21a1f3;--colorHover: rgba(33,161,243,0.2)}.social-logo.social-logo__twitter::before,.sd-social-icon-text .sd-button.share-twitter::before,.sd-social-icon .sd-button.share-twitter::before{content:""}.social-logo__facebook:hover::before,.sd-button.share-facebook{--color: #1977f2;--colorHover: rgba(25,119,242,0.2)}.social-logo.social-logo__facebook::before,.sd-social-icon-text .sd-button.share-facebook::before,.sd-social-icon .sd-button.share-facebook::before{content:""}.social-logo__pinterest:hover::before,.sd-button.share-pinterest{--color: #e60122;--colorHover: rgba(230,1,34,0.2)}.social-logo.social-logo__pinterest::before,.sd-social-icon-text .sd-button.share-pinterest::before,.sd-social-icon .sd-button.share-pinterest::before{content:""}.social-logo__jetpack-whatsapp:hover::before,.sd-button.share-jetpack-whatsapp{--color: #25d366;--colorHover: rgba(37,211,102,0.2)}.social-logo.social-logo__jetpack-whatsapp::before,.sd-social-icon-text .sd-button.share-jetpack-whatsapp::before,.sd-social-icon .sd-button.share-jetpack-whatsapp::before{content:""}.social-logo__skype:hover::before,.sd-button.share-skype{--color: #0478d7;--colorHover: rgba(4,120,215,0.2)}.social-logo.social-logo__skype::before,.sd-social-icon-text .sd-button.share-skype::before,.sd-social-icon .sd-button.share-skype::before{content:""}.social-logo__pocket:hover::before,.sd-button.share-pocket{--color: #ef4155;--colorHover: rgba(239,65,85,0.2)}.social-logo.social-logo__pocket::before,.sd-social-icon-text .sd-button.share-pocket::before,.sd-social-icon .sd-button.share-pocket::before{content:""}.social-logo__linkedin:hover::before,.sd-button.share-linkedin{--color: #0577b5;--colorHover: rgba(5,119,181,0.2)}.social-logo.social-logo__linkedin::before,.sd-social-icon-text .sd-button.share-linkedin::before,.sd-social-icon .sd-button.share-linkedin::before{content:""}.social-logo__reddit:hover::before,.sd-button.share-reddit{--color: #fe4500;--colorHover: rgba(254,69,0,0.2)}.social-logo.social-logo__reddit::before,.sd-social-icon-text .sd-button.share-reddit::before,.sd-social-icon .sd-button.share-reddit::before{content:""}.social-logo__tumblr:hover::before,.sd-button.share-tumblr{--color: #011835;--colorHover: rgba(1,24,53,0.2)}.social-logo.social-logo__tumblr::before,.sd-social-icon-text .sd-button.share-tumblr::before,.sd-social-icon .sd-button.share-tumblr::before{content:""}.social-logo__telegram:hover::before,.sd-button.share-telegram{--color: #08c;--colorHover: rgba(0,136,204,0.2)}.social-logo.social-logo__telegram::before,.sd-social-icon-text .sd-button.share-telegram::before,.sd-social-icon .sd-button.share-telegram::before{content:""}.social-logo__youtube:hover::before,.sd-button.share-youtube{--color: #ff0100;--colorHover: rgba(255,1,0,0.2)}.social-logo.social-logo__youtube::before,.sd-social-icon-text .sd-button.share-youtube::before,.sd-social-icon .sd-button.share-youtube::before{content:""}.social-logo__instagram:hover::before,.sd-button.share-instagram{--color: #f00075;--colorHover: rgba(240,0,117,0.2)}.social-logo.social-logo__instagram::before,.sd-social-icon-text .sd-button.share-instagram::before,.sd-social-icon .sd-button.share-instagram::before{content:""}.social-logo.social-logo__print::before,.sd-social-icon-text .sd-button.share-print::before,.sd-social-icon .sd-button.share-print::before{content:""}.social-logo.social-logo__more::before,.sd-social-icon-text .sd-button.share-more::before,.sd-social-icon .sd-button.share-more::before{content:""}.sd-social-icon-text .share-custom{padding-left:6px}.share-custom span{padding-left:1.25rem;background:left no-repeat;background-size:1em}.social-logo{font-size:1.5em;font-weight:400;line-height:1;vertical-align:top;color:rgba(0,0,0,0.4)}.main-footer .social-logo{color:rgba(255,255,255,0.4)}form.wpcf7-form{padding:0.75rem;margin-right:auto;margin-left:auto;background-color:white;box-shadow:var(--shadow1)}form.wpcf7-form br{display:none}form.wpcf7-form label{display:block}div.wpcf7 span.wpcf7-not-valid-tip{color:var(--red);font-size:var(--smallFontSize)}div.wpcf7 div.wpcf7-response-output{margin:0;margin-top:1rem;border-width:1px;border-radius:var(--gRadius);text-align:center}div.wpcf7 .wpcf7-validation-errors{background-color:rgba(var(--redRGB), 0.2);border-color:var(--red);color:var(--red)}div.wpcf7 .wpcf7-mail-sent-ok,div.wpcf7 .wpcf7-mail-sent-ng{background-color:rgba(var(--greenRGB), 0.3);border-color:var(--green);color:var(--green)}:root{--red:#d32f2f;--redRGB:211,47,47;--orange:#fB8c00;--orangeRGB:251,140,0;--yellow:#ffee58;--yellowRGB:255,238,88;--green:#4caf50;--greenRGB:76,175,80;--blue:#1976d2;--blueRGB:25,118,210;--gray:#b0bec5;--grayRGB:176,190,197;--hColor: var(--text);--codeFontFamily: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;--codeFontSize: var(--smallFontSize);--linkColor: inherit;--linkColorHover: var(--main);--ulStyle: disc;--ulChildStyle: circle;--olStyle: decimal;--olChildStyle: lower-alpha;--gridGap: 20px;--gridRim: 10px;--tileGap: var(--gridGap);--buttonBg: var(--main);--buttonBgHover: var(--mainDark);--buttonColor: var(--textInvert);--buttonColorHover: var(--buttonColor);--buttonBorder: 1px solid rgba(0,0,0,.2);--buttonFontSize: 16px;--inputBg: var(--textInvert);--inputBgFocus: var(--inputBg);--inputColor: var(--text);--placeholderColor: var(--textDim);--adminBarSize: 32px}@media (max-width: 782px){:root{--adminBarSize: 0px}}.button,[type="submit"],[type="reset"],.wp-block-file__button,.wp-block-button__link{display:inline-block;cursor:pointer;overflow:hidden;padding:0.5em 1em;background-color:var(--buttonBg);border:var(--buttonBorder);border-radius:var(--gRadius);text-decoration:none;text-transform:uppercase;letter-spacing:0.025em;font-weight:var(--hFontWeight);font-size:var(--buttonFontSize);color:var(--buttonColor);vertical-align:top;line-height:1;transition:var(--gTransition)}.button img,.button svg,[type="submit"] img,[type="submit"] svg,[type="reset"] img,[type="reset"] svg,.wp-block-file__button img,.wp-block-file__button svg,.wp-block-button__link img,.wp-block-button__link svg{margin-left:-0.25em;margin-right:0.5em;max-height:1.25em}.button img:only-child,.button svg:only-child,[type="submit"] img:only-child,[type="submit"] svg:only-child,[type="reset"] img:only-child,[type="reset"] svg:only-child,.wp-block-file__button img:only-child,.wp-block-file__button svg:only-child,.wp-block-button__link img:only-child,.wp-block-button__link svg:only-child{margin-left:0;margin-right:0}.button svg,[type="submit"] svg,[type="reset"] svg,.wp-block-file__button svg,.wp-block-button__link svg{height:var(--buttonFontSize)}.button path,.button circle,[type="submit"] path,[type="submit"] circle,[type="reset"] path,[type="reset"] circle,.wp-block-file__button path,.wp-block-file__button circle,.wp-block-button__link path,.wp-block-button__link circle{fill:var(--buttonColor)}.button:hover,[type="submit"]:hover,[type="reset"]:hover,.wp-block-file__button:hover,.wp-block-button__link:hover{background-color:var(--buttonBgHover);color:var(--buttonColorHover);transform:translateY(-2px);box-shadow:var(--shadow1)}.button:hover path,.button:hover circle,[type="submit"]:hover path,[type="submit"]:hover circle,[type="reset"]:hover path,[type="reset"]:hover circle,.wp-block-file__button:hover path,.wp-block-file__button:hover circle,.wp-block-button__link:hover path,.wp-block-button__link:hover circle{fill:var(--buttonColorHover)}.button:active,[type="submit"]:active,[type="reset"]:active,.wp-block-file__button:active,.wp-block-button__link:active{transition:none;transform:none}.button[disabled],.button.disabled,[type="submit"][disabled],[type="submit"].disabled,[type="reset"][disabled],[type="reset"].disabled,.wp-block-file__button[disabled],.wp-block-file__button.disabled,.wp-block-button__link[disabled],.wp-block-button__link.disabled{cursor:not-allowed;opacity:.5}.button--small{--buttonFontSize: 14px}.button--large{--buttonFontSize: 22px}.button--solid{--buttonBorder: none}.button--outline,.is-style-outline a{--buttonBg: transparent;--buttonBgHover: transparent;--buttonBorder: 2px solid;--buttonColor: var(--main);--buttonColorHover: var(--main)}.button--transparent,.is-style-transparent a{--buttonBg: transparent;--buttonBgHover: var(--main);--buttonBorder: none;--buttonColor: var(--main);--buttonColorHover: var(--textInvert);margin-left:-0.5rem;padding-right:0.5rem;padding-left:0.5rem}.button--passive,.button--loading{--buttonBg: var(--textDim);--buttonBorder: 1px solid;--buttonColor: var(--textInvert)}.button--loading{cursor:not-allowed;background-position:center center;background-repeat:no-repeat;background-image:url("../images/spinner.gif");color:transparent !important}[type="text"],[type="number"],[type="tel"],[type="password"],[type="email"],[type="search"],[type="url"],[type="date"],[type="time"],textarea,select{display:block;width:100%;padding:0.5rem;border:2px solid rgba(0,0,0,0.1);border-radius:var(--gRadius);background-color:var(--inputBg);line-height:normal;color:var(--inputColor);transition:var(--gTransition)}[type="text"]:focus,[type="number"]:focus,[type="tel"]:focus,[type="password"]:focus,[type="email"]:focus,[type="search"]:focus,[type="url"]:focus,[type="date"]:focus,[type="time"]:focus,textarea:focus,select:focus{background-color:var(--inputBgFocus);border-color:var(--main);box-shadow:0 0 0 2px rgba(var(--mainRGB), 0.3)}select{border-width:2px 2px 3px}[type="radio"],[type="checkbox"]{cursor:pointer;border:1px solid rgba(0,0,0,0.25);width:1rem;height:1rem;vertical-align:bottom;transition:var(--gTransition);appearance:none}[type="radio"]:hover,[type="checkbox"]:hover{border-color:var(--main)}[type="radio"]:checked,[type="checkbox"]:checked{border-color:var(--main);box-shadow:inset 0 0 0 4.5px var(--main)}[type="checkbox"]{border-radius:var(--gRadius)}[type="radio"]{border-radius:50%}@media (max-width: 782px){html[lang]{margin-top:0 !important}#wpadminbar{display:none}}@media (min-width: 769px){[data-visible]:not([data-visible~="desktop"]){display:none !important}}@media (min-width: 481px) and (max-width: 768px){[data-visible]:not([data-visible~="tablet"]){display:none !important}}@media (max-width: 480px){[data-visible]:not([data-visible~="mobile"]){display:none !important}} +*/*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{line-height:1.15;font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}*,body{margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,picture,summary{display:block}[hidden],template{display:none}progress{vertical-align:baseline}body{-webkit-animation:bugfix infinite 1s}@-webkit-keyframes bugfix{from{padding:0}to{padding:0}}a{cursor:pointer;text-decoration:none;background-color:transparent}b,strong{font-weight:bold}em{font-style:italic}h1,h2,h3,h4,h5,h6{margin:0}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}blockquote cite{display:block;font-style:italic}address,cite{font-style:normal}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}dfn{font-style:italic}mark{background:#ff0;color:#000}q{quotes:"\201C" "\201D" "\2018" "\2019"}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:var(--fontSize)}img{border-style:none;display:inline-block;vertical-align:middle;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}img,object,embed{max-width:100%;height:auto}#map_canvas img,.map_canvas img,#map_canvas object,.map_canvas object,#map_canvas embed,.map_canvas embed{max-width:none !important}hr{-moz-box-sizing:content-box;box-sizing:content-box;display:block;overflow:visible;height:1px;margin:1em 0;padding:0;border:0;border-top:1px solid #ccc}button,input,optgroup,select,textarea{margin:0;min-width:0;color:inherit;font-family:inherit;font-size:100%;line-height:1.15}label{display:block;line-height:normal}button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer;overflow:visible;text-transform:none;line-height:normal;-webkit-appearance:button;-webkit-backface-visibility:hidden}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}input{overflow:visible;line-height:normal}[disabled],input[disabled]{cursor:default}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input::-webkit-calendar-picker-indicator{display:none}[type="date"]::-webkit-input-placeholder{visibility:hidden !important}textarea{overflow:auto;vertical-align:top;resize:vertical;height:auto;min-height:50px}select{text-transform:none}optgroup{font-weight:bold}fieldset{border:0;margin:0;padding:0}legend{box-sizing:border-box;display:table;max-width:100%;padding:0;white-space:normal;color:inherit}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.hide{display:none !important;visibility:hidden !important}h-grid{display:-ms-grid;display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));grid-column-gap:var(--gridGap);grid-row-gap:var(--gridGap);max-width:calc( var(--siteWidth) + var(--gridRim) * 2);padding:0 var(--gridRim);margin:0 auto;width:100%}h-grid.collapse{--gridGap: 0}h-grid h-grid{margin:0;padding:0}.large-1{grid-column:span 1}.large-2{grid-column:span 2}.large-3{grid-column:span 3}.large-4{grid-column:span 4}.large-5{grid-column:span 5}.large-6{grid-column:span 6}.large-7{grid-column:span 7}.large-8{grid-column:span 8}.large-9{grid-column:span 9}.large-10{grid-column:span 10}.large-11{grid-column:span 11}.large-12{grid-column:span 12}@media (max-width: 768px){[class*="large-"]{grid-column:span 12}.small-1{grid-column:span 1}.small-2{grid-column:span 2}.small-3{grid-column:span 3}.small-4{grid-column:span 4}.small-5{grid-column:span 5}.small-6{grid-column:span 6}.small-7{grid-column:span 7}.small-8{grid-column:span 8}.small-9{grid-column:span 9}.small-10{grid-column:span 10}.small-11{grid-column:span 11}.small-12{grid-column:span 12}}h-tile{display:-ms-grid;display:grid;grid-column-gap:var(--tileGap);grid-row-gap:var(--tileGap)}h-tile.collapse{--gridGap: 0}h-tile>*{grid-column:span 1}.tile-1{grid-template-columns:repeat(1, 1fr)}.tile-2{grid-template-columns:repeat(2, 1fr)}.tile-3{grid-template-columns:repeat(3, 1fr)}.tile-4{grid-template-columns:repeat(4, 1fr)}.tile-5{grid-template-columns:repeat(5, 1fr)}.tile-6{grid-template-columns:repeat(6, 1fr)}.tile-7{grid-template-columns:repeat(7, 1fr)}.tile-8{grid-template-columns:repeat(8, 1fr)}.tile-9{grid-template-columns:repeat(9, 1fr)}.tile-10{grid-template-columns:repeat(10, 1fr)}@media (max-width: 768px){[class*="tile-"]{grid-template-columns:repeat(1, 1fr)}.small-tile-1{grid-template-columns:repeat(1, 1fr)}.small-tile-2{grid-template-columns:repeat(2, 1fr)}.small-tile-3{grid-template-columns:repeat(3, 1fr)}.small-tile-4{grid-template-columns:repeat(4, 1fr)}.small-tile-5{grid-template-columns:repeat(5, 1fr)}}html{font-size:var(--fontSize)}body{position:relative;overflow-x:hidden;background:var(--siteBackground);margin:0;font-family:var(--fontFamily);font-size:var(--fontSize);line-height:var(--lineHeight);color:var(--text)}h1,h2,h3,h4,h5,h6{font-family:var(--hFontFamily);font-weight:var(--hFontWeight);font-size:var(--hFontSize);font-style:var(--hFontStyle);line-height:var(--hLineHeight);letter-spacing:var(--hLetterSpacing);text-transform:var(--hTextTransform);color:var(--hColor)}h1{font-size:var(--h1Size)}h2{font-size:var(--h2Size)}h3{font-size:var(--h3Size)}h4{font-size:var(--h4Size)}h5{font-size:var(--h5Size)}h6{font-size:var(--h6Size)}p{margin-top:0;margin-bottom:0}a{color:var(--linkColor);transition:var(--gTransition)}a:hover{color:var(--linkColorHover)}ul{list-style-type:var(--ulStyle)}ol{list-style-type:var(--olStyle)}ul ul,ol ul{list-style-type:var(--ulChildStyle)}ul ol,ol ol{list-style-type:var(--olChildStyle)}pre,code{font-family:var(--codeFontFamily);font-size:var(--codeFontSize)}.archive-column{grid-column:span 12;padding-top:2rem;padding-bottom:2rem}.archive-column>*+*{margin-top:2rem}.archive-column--has-sidebar{grid-column:span 8}.post-column{--postContentOffset: 2rem;grid-column:span 12;padding-top:var(--postContentOffset);padding-bottom:var(--postContentOffset)}.post-column>*+*{margin-top:2rem}.post-column--has-sidebar{--blogWidth: 100%;grid-column:span 8}@media (max-width: 768px){.post-column--has-sidebar{grid-column:span 12}}.post-column--no-sidebar>*>*{width:100%;max-width:var(--blogWidth);margin-right:auto;margin-left:auto}.sidebar{order:1;grid-column:span 4;align-self:flex-start;display:grid;grid-template-columns:1fr;grid-row-gap:2rem;grid-column-gap:2rem;padding-top:2rem;padding-left:3rem}.sidebar .widget{grid-column:span 1;list-style-type:none}.sidebar .widget *+*{margin-top:0.5rem}.sidebar .widgettitle{font-size:var(--h4Size)}@media (max-width: 960px){.sidebar{padding-left:1.5rem}}@media (max-width: 768px){.sidebar{order:1;grid-column:span 12;grid-template-columns:repeat(2, minmax(0, 1fr));padding-top:0;padding-left:0;margin-bottom:2rem}}@media (max-width: 480px){.sidebar{grid-template-columns:auto}}.post-meta{--metaGap: 0.5rem;display:flex;flex-wrap:wrap;align-items:center;margin-top:1rem;color:var(--textDim);font-size:var(--smallFontSize)}.post-meta>*{display:inline-block;margin-right:0.75rem;margin-bottom:0.25rem}.post-meta>*:last-child{margin-right:0}.post-meta a{display:inline-block;color:inherit;text-decoration:none}.post-meta a:hover{text-decoration:underline}.post-meta a:active{transition:none;transform:translateY(1px)}.post-meta i::before{width:1em;height:1em;font-size:1rem;vertical-align:middle;transform:translateY(-2px)}.post-title .post-meta{padding-top:0.5rem;padding-bottom:0.5rem;border-top:1px solid rgba(0,0,0,0.2);border-bottom:2px solid rgba(0,0,0,0.2)}.post-hero .post-meta{color:var(--text)}.post-archive .post-meta:last-child{margin-top:auto}.meta-categories a,.meta-tags a{display:inline-block;padding:0 0.375rem;background-color:var(--buttonBg);border-radius:var(--gRadius);color:var(--buttonColor)}.meta-categories a:hover,.meta-tags a:hover{background-color:var(--buttonBgHover);color:var(--buttonColorHover)}.meta-categories{--buttonBg: var(--mainLight);--buttonBgHover: var(--mainLight);--buttonColor: var(--text);--buttonColorHover: var(--text);margin-right:0.25rem}.meta-categories a{text-transform:uppercase;letter-spacing:0.025em}.meta-tags{--buttonBg: rgba(var(--textRGB), 0.075);--buttonBgHover: rgba(var(--textRGB), 0.15);--buttonColor: var(--textDim);--buttonColorHover: var(--text)}.pagination{display:flex;justify-content:center;color:var(--textDim);font-size:var(--smallFontSize)}.pagination a,.pagination select{display:flex;align-items:center;cursor:pointer;background-color:transparent;border:2px solid var(--textDim);border-radius:0;width:auto;color:var(--textDim);-webkit-appearance:none;appearance:none}.pagination a:hover,.pagination select:hover{background-color:rgba(var(--textRGB), 0.1)}.pagination a:active,.pagination select:active{transition:none;transform:translateY(1px)}.pagination select{padding-right:1rem;padding-left:1rem;font-weight:var(--hFontWeight);text-transform:uppercase}.pagination a{padding-right:0.25rem;padding-left:0.25rem}.pagination a:nth-of-type(1){border-right:0;border-top-left-radius:var(--gRadius);border-bottom-left-radius:var(--gRadius)}.pagination a:nth-of-type(2){border-left:0;border-top-right-radius:var(--gRadius);border-bottom-right-radius:var(--gRadius)}.pagination path{fill:rgba(var(--textDimRGB), 0.7)}.pagination a:not([href]){visibility:hidden;opacity:0}.image-fit{--fitHeight: 50%;position:relative;display:flex;overflow:hidden}.image-fit::before{content:"";display:block;width:100%;height:0;padding-bottom:var(--fitHeight)}.image-fit img{position:absolute;top:0;left:0;height:100%;width:100%;border-radius:0;object-fit:cover;object-position:center center}.image-fit--1\:1{--fitHeight: 100%}.image-fit--4\:3{--fitHeight: 75%}.image-fit--16\:9{--fitHeight: 56.25%}.image-fit--2\:1{--fitHeight: 50%}.image-fit--3\:1{--fitHeight: 33.333%}.post-title h1,.post-title h2{margin-bottom:0.5rem}.post-hero{display:flex;align-items:flex-end;position:relative;min-height:250px;padding-bottom:2rem;background-color:var(--postHeroBg)}.post-hero picture{position:absolute;top:0;right:0;bottom:0;left:0}.post-hero picture::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background-color:rgba(255,255,255,0.5)}.hero-column{position:relative;z-index:10;grid-column:span 8}.hero-column--narrow{grid-column:span 12}.hero-column--narrow>*{max-width:var(--blogWidth);margin-right:auto;margin-left:auto}.featured-image{display:flex;align-items:center;padding:0}.featured-image picture{overflow:hidden;max-width:none}.featured-image img{margin-right:auto;margin-left:auto}.featured-image--narrow picture{width:var(--blogWidth);border-radius:var(--gRadius)}.featured-image--narrow .image-fit--custom{--fitHeight: var(--postImageHeight)}.featured-image--wide .image-fit,.featured-image--full .image-fit{--fitHeight: var(--postImageHeight)}.featured-image--wide picture{width:calc(var(--blogWidth) + 200px);max-width:100%}.featured-image--full picture{width:100%}.post-author{max-width:var(--blogWidth);margin:0 auto;padding:1rem;background-color:var(--textInvert);box-shadow:0px 50px 90px rgba(210,213,218,0.4)}body.archive .post-author{background-color:transparent;margin-bottom:2rem;box-shadow:none}.post-author a:active{transition:none;transform:translateY(1px)}@media (min-width: 481px){.post-author{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-column-gap:1.5rem;grid-row-gap:0.5rem}}.author-avatar{grid-row:span 2}.author-avatar img{border-radius:50%;background-color:var(--siteBackgroundColor);height:4em;width:4em;box-shadow:var(--shadow1)}@media (max-width: 480px){.author-avatar{float:right}}.author-bio{grid-column:2 / span 1;font-size:var(--smallFontSize)}.author-bio *+*{margin-top:0.5rem}.author-bio a{display:inline-block;color:inherit;text-decoration:none}.author-bio a:hover{color:inherit;text-decoration:underline}.author-bio label{margin-bottom:-0.5rem;color:var(--textDim)}.author-bio h5,.author-bio h6{text-transform:uppercase;letter-spacing:0.025em}.author-links{--linkColor: var(--textDim);display:flex;flex-wrap:wrap;grid-column:2 / span 1;margin:0.5rem -0.5rem 0;font-size:var(--smallFontSize)}.author-links a{display:flex;align-items:center;padding:0 0.5rem}.author-links a:hover{--linkColor: var(--main)}.author-links svg{width:1rem;margin-right:0.25rem}.author-links path{fill:var(--linkColor);transition:var(--gTransition)}.post-nav{display:flex}.post-nav a{display:flex;flex:1;align-items:center;padding:0.5rem 0}.post-nav a:hover{opacity:.75}.post-nav a:active{transition:none;transform:translateY(1px)}.post-nav img{width:70px;height:70px;margin-right:0.5rem;background-color:var(--textDim);border-radius:50%}.post-nav span{flex:1;font-weight:var(--hFontWeight)}.post-nav em{display:block;text-transform:uppercase;font-size:var(--xsmallFontSize);font-style:normal;font-weight:400}@media (max-width: 480px){.post-nav{flex-wrap:wrap}.post-nav a{flex:auto;width:100%}}.nav-next{flex-direction:row-reverse;text-align:right}.nav-next img{margin-right:0;margin-left:0.5rem}.related-posts{--blogWidth: var(--siteWidth);padding-top:2rem;padding-bottom:2rem;background-color:var(--postRelatedBg)}.related-posts .related-title{margin-bottom:2rem;font-weight:var(--fontWeight)}.related-posts .post-archive{background-color:var(--siteBackgroundColor)}@media (max-width: 768px){.related-posts{--padding: 2rem}}.post-comments{padding:0 calc( var(--gridGap) / 2)}.post-comments ul{list-style-type:none}.comments-list{padding-left:0;margin-top:2rem}.comments-list>li{padding:1.25rem;margin-bottom:1.5rem;background-color:white;border:1px solid rgba(0,0,0,0.1);border-radius:var(--gRadius)}.comment{position:relative}.comment.bypostauthor .comment-avatar{padding:1px}.comment .avatar{margin-right:0.75rem;width:2.5em;height:2.5em}.comment-header{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:1rem}.comment-header time{margin-left:0.5rem;font-size:var(--smallFontSize);color:var(--textDim)}.comment-text p+p{margin-top:1rem}.replies-list{margin-top:1.5rem;padding-left:1.25rem;border-left:2px solid rgba(0,0,0,0.1)}.replies-list .comment{font-size:var(--smallFontSize)}.replies-list>li+li{margin-top:1.5rem}.replies-list header{margin-bottom:0.5rem}.replies-list p+p{margin-top:0.5rem}a.comment-reply-link{position:absolute;top:5px;right:0;padding-right:0.5rem;padding-left:0.5rem;border-radius:var(--gRadius);background-color:rgba(var(--mainRGB), 0.1);font-size:var(--smallFontSize);font-weight:var(--hFontWeight);letter-spacing:0.05em;text-transform:uppercase}a.comment-reply-link:hover{background-color:rgba(var(--mainRGB), 0.25)}.comment-reply-title{display:none}.comment-respond{margin-bottom:2rem}.comments-list .comment-respond{width:110%;margin:0 -5%}.comment-form{display:flex;flex-wrap:wrap;padding:1rem;background-color:white;border-radius:var(--gRadius);box-shadow:var(--shadow0)}.comments-list .comment-form{margin-top:1.25rem}.comment-form p{display:flex;flex-direction:column;width:100%;margin-bottom:1rem}.comment-form label{cursor:pointer;margin-bottom:0.5rem;text-transform:uppercase;color:var(--textDim);letter-spacing:0.05em;font-size:var(--smallFontSize)}.comment-form .comment-notes,.comment-form .logged-in-as{display:block;color:var(--textDim);font-size:var(--smallFontSize)}.comment-form:not(.--active){padding:0}.comment-form:not(.--active) :not(.comment-form-comment){overflow:hidden;height:0;margin:0}.comment-form-comment label{display:none}.comment-form-comment textarea{height:9rem}.comment-form:not(.--active) .comment-form-comment{margin:0}.comment-form:not(.--active) .comment-form-comment textarea{cursor:pointer;padding:1.5rem;border:0;background-color:rgba(var(--mainRGB), 0.1);height:4.5rem;box-shadow:none}.comment-form:not(.--active) .comment-form-comment textarea:hover{background-color:transparent}p.comment-form-author,p.comment-form-email{width:50%}@media (max-width: 480px){p.comment-form-author,p.comment-form-email{width:100%}}p.comment-form-author{padding-right:0.5rem}p.comment-form-email{padding-left:0.5rem}p.comment-form-url{display:none}p.comment-form-cookies-consent{flex-direction:row}p.comment-form-cookies-consent input{margin-top:2px;margin-right:0.5rem}p.comment-form-cookies-consent label{display:inline-block;text-transform:none}p.form-submit{align-items:center;margin-bottom:0}.archive-header{position:relative}.archive-header h1,.archive-header h2,.archive-header p{margin-bottom:1rem}.archive-header a:hover{text-decoration:underline}.author .archive-header small{display:block;font-size:1rem;font-weight:var(--fontWeight)}.author .archive-header img{float:right;width:70px;border-radius:var(--gRadius)}.post-archives{display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));grid-column-gap:1rem;grid-row-gap:1rem;padding-left:0;list-style-type:none}.post-archives a:active{transition:none;transform:translateY(1px)}@media (max-width: 960px){.post-archives{--archivePadding: 1rem}}.archive-column--no-sidebar .post-archives--default{max-width:var(--blogWidth);margin:0 auto}.post-archives--grid{grid-template-columns:repeat(var(--postsPerRow, 3), minmax(0, 1fr))}.post-archive{overflow:hidden;display:flex;flex-direction:column;flex-wrap:wrap;position:relative;background-color:var(--archiveBg);padding:var(--archivePadding);border-radius:var(--gRadius);box-shadow:var(--shadow0)}.post-archive>*{margin-bottom:var(--archivePadding)}.post-archive>*:last-child{margin-bottom:0}.post-archive a{text-decoration:none}.post-archive h3{font-size:var(--h5Size)}.post-archive h3 a{display:block}.post-archive h3 a:hover{text-decoration:underline;color:var(--linkColorHover)}.post-archive p{font-size:var(--smallFontSize)}.post-archive .button{align-self:flex-start;justify-self:flex-start}@media (min-width: 481px){.post-archives--default .post-archive{display:grid;grid-template-rows:auto auto auto auto auto;grid-template-columns:auto 1fr;grid-column-gap:var(--archivePadding);padding-left:0}.post-archives--default .post-archive>*{order:2;grid-column:2 / span 1}}.archive-figure{--margin: calc(-1 * var(--archivePadding));width:calc( 100% + var(--archivePadding) + var(--archivePadding));margin-right:var(--margin);margin-left:var(--margin)}.archive-figure:first-child{margin-top:var(--margin)}.archive-figure:hover img{opacity:.8;transform:scale(1.05)}.archive-figure img{transition:var(--gTransition)}.archive-figure .image-fit--custom{--fitHeight: var(--archiveImageHeight)}@media (min-width: 481px){.post-archives--default .archive-figure{order:1;grid-row:span 5;grid-column:span 1;min-width:200px;width:100%;height:calc( 100% + var(--archivePadding) + var(--archivePadding));margin:var(--margin) 0}}div#jp-relatedposts h3.jp-relatedposts-headline,.post-comments h4{display:block;float:none;margin-bottom:1.5rem;font-size:var(--h5Size);letter-spacing:0.05em;text-transform:uppercase}div#jp-relatedposts{display:block;padding-top:0;margin-bottom:3rem}div#jp-relatedposts div.jp-relatedposts-items{display:flex;margin:0 -125px}div#jp-relatedposts div.jp-relatedposts-items::before,div#jp-relatedposts div.jp-relatedposts-items::after{content:"";display:table}div#jp-relatedposts div.jp-relatedposts-items::after{clear:both}@media (max-width: 870px){div#jp-relatedposts div.jp-relatedposts-items{margin:0 -5px}}@media (max-width: 768px){div#jp-relatedposts div.jp-relatedposts-items{flex-direction:column;margin:0}}div#jp-relatedposts h3.jp-relatedposts-headline em{font-style:normal}div#jp-relatedposts h3.jp-relatedposts-headline em::before{display:none}div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post{overflow:hidden;padding:1rem;margin-right:0.75rem;margin-left:0.75rem;width:33.333%;opacity:1;background-color:white;box-shadow:var(--shadow1);border-radius:var(--gRadius)}div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title .jp-relatedposts-post-a{text-decoration:none}@media (max-width: 870px){div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post{margin-right:0.25rem;margin-left:0.25rem}}@media (max-width: 768px){div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post{width:100%;margin:0;margin-bottom:1rem}}div#jp-relatedposts .jp-relatedposts-post>.jp-relatedposts-post-a{overflow:hidden;display:block;max-height:160px;margin:-1em;margin-bottom:1em}div#jp-relatedposts .jp-relatedposts-post>.jp-relatedposts-post-a:hover+.jp-relatedposts-post-title{text-decoration:underline}div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title{clear:none;font-size:var(--mediumFontSize);letter-spacing:0;line-height:var(--hLineHeight)}div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title:hover{text-decoration:underline}div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a{display:block;font-weight:var(--hFontWeight);color:inherit;text-decoration:none}@media (max-width: 480px){div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title{font-size:1rem}}div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post p,div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post span{overflow:visible;max-width:100%;font-size:var(--smallFontSize)}div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-excerpt,div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context{display:none}div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date{display:inline-block;opacity:0.6}@media (max-width: 480px){div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date{font-size:var(--smallFontSize)}}@media (max-width: 870px){div#jp-relatedposts div.jp-relatedposts-items div.jp-relatedposts-post-thumbs{font-size:var(--smallFontSize)}}@media (max-width: 768px){div#jp-relatedposts div.jp-relatedposts-items div.jp-relatedposts-post-thumbs{padding-bottom:0}div#jp-relatedposts div.jp-relatedposts-items div.jp-relatedposts-post-thumbs>.jp-relatedposts-post-a{float:left;margin-right:0.75rem;margin-bottom:0;max-width:150px}}div#jp-relatedposts.jp-next-prev div.jp-relatedposts-items{flex-direction:row;margin:0 -10px}div#jp-relatedposts.jp-next-prev div.jp-relatedposts-items .jp-relatedposts-post{width:50%;margin:0 10px}@media (max-width: 768px){div#jp-relatedposts.jp-next-prev div.jp-relatedposts-items .jp-relatedposts-post{padding:0.5rem}}@media (max-width: 768px){div#jp-relatedposts.jp-next-prev .jp-relatedposts-post>.jp-relatedposts-post-a{margin:-0.5em;margin-bottom:0.5em}}div#jp-relatedposts.jp-next-prev div.jp-relatedposts-items .jp-relatedposts-nothumb{display:flex;flex-direction:column;justify-content:center;text-align:center}div#jp-relatedposts.jp-next-prev div.jp-relatedposts-items .jp-relatedposts-nothumb .jp-relatedposts-post-title{font-size:var(--h4Size)}div#jp-relatedposts.jp-next-prev div.jp-relatedposts-items .jp-relatedposts-nothumb .jp-relatedposts-nothumb-excerpt{margin-top:1rem}@media (max-width: 768px){div#jp-relatedposts.jp-next-prev div.jp-relatedposts-items .jp-relatedposts-nothumb .jp-relatedposts-nothumb-excerpt{display:none}}div#jp-relatedposts.jp-next-prev div.jp-relatedposts-items .jp-relatedposts-nothumb .jp-relatedposts-nothumb-excerpt a{display:block}.entry-breadcrumbs{margin-bottom:1rem}.entry-breadcrumbs [itemprop="itemListElement"]{display:inline-block;padding:0.25rem 0.5rem;background-color:var(--textInvert)}.entry-breadcrumbs [itemprop="itemListElement"]:nth-child(n+2)::before{content:"»";display:inline-block;transform:translateX(-0.5rem)}.entry-breadcrumbs [itemprop="name"]{display:inline-block;padding:0.25rem 0.5rem;border-radius:var(--gRadius);color:var(--textDim);text-transform:uppercase;letter-spacing:0.025em;transition:var(--gTransition)}.entry-breadcrumbs a:hover [itemprop="name"]{background-color:var(--mainLight);color:var(--main)}.entry-breadcrumbs a:active [itemprop="name"]{transition:none;transform:translateY(1px)}.entry-breadcrumbs .current-category [itemprop="name"]{color:var(--text)}.sharedaddy .share-end{display:none}.sharedaddy .sd-title{margin-bottom:1rem;white-space:nowrap;font-size:var(--fontSize);letter-spacing:0.05em;text-transform:uppercase}.sharedaddy .sd-title::before{display:none}.sharedaddy .sd-button{text-decoration:none}.sharedaddy .sd-content ul{display:flex;flex-wrap:wrap;list-style-type:none;padding-left:0;margin:0 -4px}.sharedaddy .sd-content li{display:flex;align-items:center;padding:0 0.25rem;margin-bottom:0.5rem}.sd-button{--color: #333;--colorHover: rgba(51,51,51,0.2);display:inline-block;overflow:hidden;border:1px solid var(--color);border-bottom-width:2px;border-radius:var(--gRadius);color:var(--color)}.sd-button:hover{color:var(--color);background-color:var(--colorHover)}.sd-button:active{border-top-width:2px;border-bottom-width:1px;transition:none}.sd-social-icon-text .sd-button,.sd-social-text .sd-button{padding:0px 10px 2px}.sd-social-icon .sd-button{padding:4px 10px;border-radius:50%}.sd-social-icon .sd-button.share-more{padding-top:0;padding-bottom:0;border-radius:var(--gRadius)}.sd-social-icon .sd-button.share-more::before{margin-right:0.25rem}.sd-button span{vertical-align:middle}.sd-button .sharing-screen-reader-text{display:none}.sd-button::before{content:"";display:inline-block;position:relative;top:1px;vertical-align:middle;line-height:1;text-align:center;font-family:'social-logos';font-size:18px}.sd-social-official .sd-button::before{top:-2px}.sd-social-icon .sd-button::before{top:0;font-size:20px}.sd-social-icon-text .sd-button::before{margin-right:0.25rem}.social-logo__twitter:hover::before,.sd-button.share-twitter{--color: #21a1f3;--colorHover: rgba(33,161,243,0.2)}.social-logo.social-logo__twitter::before,.sd-social-icon-text .sd-button.share-twitter::before,.sd-social-icon .sd-button.share-twitter::before{content:""}.social-logo__facebook:hover::before,.sd-button.share-facebook{--color: #1977f2;--colorHover: rgba(25,119,242,0.2)}.social-logo.social-logo__facebook::before,.sd-social-icon-text .sd-button.share-facebook::before,.sd-social-icon .sd-button.share-facebook::before{content:""}.social-logo__pinterest:hover::before,.sd-button.share-pinterest{--color: #e60122;--colorHover: rgba(230,1,34,0.2)}.social-logo.social-logo__pinterest::before,.sd-social-icon-text .sd-button.share-pinterest::before,.sd-social-icon .sd-button.share-pinterest::before{content:""}.social-logo__jetpack-whatsapp:hover::before,.sd-button.share-jetpack-whatsapp{--color: #25d366;--colorHover: rgba(37,211,102,0.2)}.social-logo.social-logo__jetpack-whatsapp::before,.sd-social-icon-text .sd-button.share-jetpack-whatsapp::before,.sd-social-icon .sd-button.share-jetpack-whatsapp::before{content:""}.social-logo__skype:hover::before,.sd-button.share-skype{--color: #0478d7;--colorHover: rgba(4,120,215,0.2)}.social-logo.social-logo__skype::before,.sd-social-icon-text .sd-button.share-skype::before,.sd-social-icon .sd-button.share-skype::before{content:""}.social-logo__pocket:hover::before,.sd-button.share-pocket{--color: #ef4155;--colorHover: rgba(239,65,85,0.2)}.social-logo.social-logo__pocket::before,.sd-social-icon-text .sd-button.share-pocket::before,.sd-social-icon .sd-button.share-pocket::before{content:""}.social-logo__linkedin:hover::before,.sd-button.share-linkedin{--color: #0577b5;--colorHover: rgba(5,119,181,0.2)}.social-logo.social-logo__linkedin::before,.sd-social-icon-text .sd-button.share-linkedin::before,.sd-social-icon .sd-button.share-linkedin::before{content:""}.social-logo__reddit:hover::before,.sd-button.share-reddit{--color: #fe4500;--colorHover: rgba(254,69,0,0.2)}.social-logo.social-logo__reddit::before,.sd-social-icon-text .sd-button.share-reddit::before,.sd-social-icon .sd-button.share-reddit::before{content:""}.social-logo__tumblr:hover::before,.sd-button.share-tumblr{--color: #011835;--colorHover: rgba(1,24,53,0.2)}.social-logo.social-logo__tumblr::before,.sd-social-icon-text .sd-button.share-tumblr::before,.sd-social-icon .sd-button.share-tumblr::before{content:""}.social-logo__telegram:hover::before,.sd-button.share-telegram{--color: #08c;--colorHover: rgba(0,136,204,0.2)}.social-logo.social-logo__telegram::before,.sd-social-icon-text .sd-button.share-telegram::before,.sd-social-icon .sd-button.share-telegram::before{content:""}.social-logo__youtube:hover::before,.sd-button.share-youtube{--color: #ff0100;--colorHover: rgba(255,1,0,0.2)}.social-logo.social-logo__youtube::before,.sd-social-icon-text .sd-button.share-youtube::before,.sd-social-icon .sd-button.share-youtube::before{content:""}.social-logo__instagram:hover::before,.sd-button.share-instagram{--color: #f00075;--colorHover: rgba(240,0,117,0.2)}.social-logo.social-logo__instagram::before,.sd-social-icon-text .sd-button.share-instagram::before,.sd-social-icon .sd-button.share-instagram::before{content:""}.social-logo.social-logo__print::before,.sd-social-icon-text .sd-button.share-print::before,.sd-social-icon .sd-button.share-print::before{content:""}.social-logo.social-logo__more::before,.sd-social-icon-text .sd-button.share-more::before,.sd-social-icon .sd-button.share-more::before{content:""}.sd-social-icon-text .share-custom{padding-left:6px}.share-custom span{padding-left:1.25rem;background:left no-repeat;background-size:1em}.social-logo{font-size:1.5em;font-weight:400;line-height:1;vertical-align:top;color:rgba(0,0,0,0.4)}.main-footer .social-logo{color:rgba(255,255,255,0.4)}form.wpcf7-form{padding:0.75rem;margin-right:auto;margin-left:auto;background-color:white;box-shadow:var(--shadow1)}form.wpcf7-form br{display:none}form.wpcf7-form label{display:block}div.wpcf7 span.wpcf7-not-valid-tip{color:var(--red);font-size:var(--smallFontSize)}div.wpcf7 div.wpcf7-response-output{margin:0;margin-top:1rem;border-width:1px;border-radius:var(--gRadius);text-align:center}div.wpcf7 .wpcf7-validation-errors{background-color:rgba(var(--redRGB), 0.2);border-color:var(--red);color:var(--red)}div.wpcf7 .wpcf7-mail-sent-ok,div.wpcf7 .wpcf7-mail-sent-ng{background-color:rgba(var(--greenRGB), 0.3);border-color:var(--green);color:var(--green)}:root{--red:#d32f2f;--redRGB:211,47,47;--orange:#fB8c00;--orangeRGB:251,140,0;--yellow:#ffee58;--yellowRGB:255,238,88;--green:#4caf50;--greenRGB:76,175,80;--blue:#1976d2;--blueRGB:25,118,210;--gray:#b0bec5;--grayRGB:176,190,197;--xsmallFontSize: 12px;--hColor: var(--text);--codeFontFamily: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;--codeFontSize: var(--smallFontSize);--linkColor: inherit;--linkColorHover: var(--main);--ulStyle: disc;--ulChildStyle: circle;--olStyle: decimal;--olChildStyle: lower-alpha;--gridGap: 20px;--gridRim: 10px;--tileGap: var(--gridGap);--buttonBg: var(--main);--buttonBgHover: var(--mainDark);--buttonColor: var(--textInvert);--buttonColorHover: var(--buttonColor);--buttonBorder: 1px solid rgba(0,0,0,.2);--buttonFontSize: 16px;--inputBg: var(--textInvert);--inputBgFocus: var(--inputBg);--inputColor: var(--text);--placeholderColor: var(--textDim);--adminBarSize: 32px;--archiveBg: white;--archivePadding: 1.5rem;--postHeroBg: #eff1f5;--postRelatedBg: #eff1f5}@media (max-width: 782px){:root{--adminBarSize: 0px}}.button,[type="submit"],[type="reset"],.wp-block-file__button,.wp-block-button__link{display:inline-block;cursor:pointer;overflow:hidden;padding:0.5em 1em;background-color:var(--buttonBg);border:var(--buttonBorder);border-radius:var(--gRadius);text-decoration:none;text-transform:uppercase;letter-spacing:0.025em;font-weight:var(--hFontWeight);font-size:var(--buttonFontSize);color:var(--buttonColor);vertical-align:top;line-height:1;transition:var(--gTransition)}.button img,.button svg,[type="submit"] img,[type="submit"] svg,[type="reset"] img,[type="reset"] svg,.wp-block-file__button img,.wp-block-file__button svg,.wp-block-button__link img,.wp-block-button__link svg{margin-left:-0.25em;margin-right:0.5em;max-height:1.25em}.button img:only-child,.button svg:only-child,[type="submit"] img:only-child,[type="submit"] svg:only-child,[type="reset"] img:only-child,[type="reset"] svg:only-child,.wp-block-file__button img:only-child,.wp-block-file__button svg:only-child,.wp-block-button__link img:only-child,.wp-block-button__link svg:only-child{margin-left:0;margin-right:0}.button svg,[type="submit"] svg,[type="reset"] svg,.wp-block-file__button svg,.wp-block-button__link svg{height:var(--buttonFontSize)}.button path,.button circle,[type="submit"] path,[type="submit"] circle,[type="reset"] path,[type="reset"] circle,.wp-block-file__button path,.wp-block-file__button circle,.wp-block-button__link path,.wp-block-button__link circle{fill:var(--buttonColor)}.button:hover,[type="submit"]:hover,[type="reset"]:hover,.wp-block-file__button:hover,.wp-block-button__link:hover{background-color:var(--buttonBgHover);color:var(--buttonColorHover);transform:translateY(-2px);box-shadow:var(--shadow1)}.button:hover path,.button:hover circle,[type="submit"]:hover path,[type="submit"]:hover circle,[type="reset"]:hover path,[type="reset"]:hover circle,.wp-block-file__button:hover path,.wp-block-file__button:hover circle,.wp-block-button__link:hover path,.wp-block-button__link:hover circle{fill:var(--buttonColorHover)}.button:active,[type="submit"]:active,[type="reset"]:active,.wp-block-file__button:active,.wp-block-button__link:active{transition:none;transform:none}.button[disabled],.button.disabled,[type="submit"][disabled],[type="submit"].disabled,[type="reset"][disabled],[type="reset"].disabled,.wp-block-file__button[disabled],.wp-block-file__button.disabled,.wp-block-button__link[disabled],.wp-block-button__link.disabled{cursor:not-allowed;opacity:.5}.button--small{--buttonFontSize: 14px}.button--large{--buttonFontSize: 22px}.button--solid{--buttonBorder: none}.button--outline,.is-style-outline a{--buttonBg: transparent;--buttonBgHover: transparent;--buttonBorder: 2px solid;--buttonColor: var(--main);--buttonColorHover: var(--main)}.button--transparent,.is-style-transparent a{--buttonBg: transparent;--buttonBgHover: var(--main);--buttonBorder: none;--buttonColor: var(--main);--buttonColorHover: var(--textInvert);margin-left:-0.5rem;padding-right:0.5rem;padding-left:0.5rem}.button--passive,.button--loading{--buttonBg: var(--textDim);--buttonBorder: 1px solid;--buttonColor: var(--textInvert)}.button--loading{cursor:not-allowed;background-position:center center;background-repeat:no-repeat;background-image:url("../images/spinner.gif");color:transparent !important}[type="text"],[type="number"],[type="tel"],[type="password"],[type="email"],[type="search"],[type="url"],[type="date"],[type="time"],textarea,select{display:block;width:100%;padding:0.5rem;border:2px solid rgba(0,0,0,0.1);border-radius:var(--gRadius);background-color:var(--inputBg);line-height:normal;color:var(--inputColor);transition:var(--gTransition)}[type="text"]:focus,[type="number"]:focus,[type="tel"]:focus,[type="password"]:focus,[type="email"]:focus,[type="search"]:focus,[type="url"]:focus,[type="date"]:focus,[type="time"]:focus,textarea:focus,select:focus{background-color:var(--inputBgFocus);border-color:var(--main);box-shadow:0 0 0 2px rgba(var(--mainRGB), 0.3)}select{border-width:2px 2px 3px}[type="radio"],[type="checkbox"]{cursor:pointer;border:1px solid rgba(0,0,0,0.25);width:1rem;height:1rem;vertical-align:bottom;transition:var(--gTransition);appearance:none}[type="radio"]:hover,[type="checkbox"]:hover{border-color:var(--main)}[type="radio"]:checked,[type="checkbox"]:checked{border-color:var(--main);box-shadow:inset 0 0 0 4.5px var(--main)}[type="checkbox"]{border-radius:var(--gRadius)}[type="radio"]{border-radius:50%}@media (max-width: 782px){html[lang]{margin-top:0 !important}#wpadminbar{display:none}}@media (min-width: 769px){[data-visible]:not([data-visible~="desktop"]){display:none !important}}@media (min-width: 481px) and (max-width: 768px){[data-visible]:not([data-visible~="tablet"]){display:none !important}}@media (max-width: 480px){[data-visible]:not([data-visible~="mobile"]){display:none !important}} diff --git a/assets/css/my-admin.css b/assets/css/my-admin.css index 953015b..ee30a54 100644 --- a/assets/css/my-admin.css +++ b/assets/css/my-admin.css @@ -1,4 +1,4 @@ /*! EDJE Functional Sass v3.1.0 Documentation: https://github.com/hrsetyono/edje/wiki -*/.ct-layer-content{padding-bottom:0}.ct-layer-content .ct-control{margin-top:0;padding:12px !important}.ct-layer-content [data-design="inline"] .ct-option-input{max-width:150px}.ct-control[data-design="block"] .ct-option-number{margin-left:auto} +*/.ct-layer-content{padding-bottom:0}.ct-layer-content .ct-control{margin-top:0;padding:12px !important}.ct-layer-content [data-design="inline"] .ct-option-input{max-width:150px}.ct-layer-content .ct-image-picker:not([data-columns]){grid-column-gap:12px}.ct-control[data-design="block"] .ct-option-number{margin-left:auto} diff --git a/assets/sass/app/_blocks.sass b/assets/sass/app/_blocks.sass index 75c0120..fb88f09 100644 --- a/assets/sass/app/_blocks.sass +++ b/assets/sass/app/_blocks.sass @@ -35,15 +35,14 @@ article > * + * margin-top: 1.5rem +.wp-block-group__inner-container, +.wp-block-cover__inner-container, +.wp-block-media-text__content, +.wp-block-column @media ($below-l) padding-right: var(--gridRim) padding-left: var(--gridRim) - h-grid & - padding-top: 0 - padding-bottom: 0 - - // ALIGNMENT .has-text-align-right text-align: right @@ -60,24 +59,45 @@ article margin-bottom: 2.5rem max-width: var(--siteWidth) - .alignfull & - margin-top: 0 + &:last-child + margin-bottom: 0 + + .post-column--has-sidebar & + padding-right: var(--gridGap) + padding-left: var(--gridGap) + + // nested alignwide + .alignwide + padding-right: 0 + padding-left: 0 + .alignfull max-width: none + width: calc(100vw - var(--gridRim) - var(--gridRim)) + margin-left: calc(-50vw + 50% + var(--gridRim)) + margin-right: calc(-50vw + 50% + var(--gridRim)) margin-top: 2.5rem margin-bottom: 2.5rem + .alignfull margin-top: -2.5rem + .post-column--has-sidebar & + width: 100% + margin-left: 0 + margin-right: 0 + padding-right: var(--gridGap) + padding-left: var(--gridGap) + + // nested alignfull + .alignfull + padding-right: 0 + padding-left: 0 + &:last-child margin-bottom: 0 - @media ($below-l) - margin-right: calc(-1 * var(--gridRim) ) - margin-left: calc(-1 * var(--gridRim) ) - // VERTICAL ALIGNMENT .is-vertically-aligned-top diff --git a/assets/sass/framework.sass b/assets/sass/framework.sass index dfee5dc..4b46fdd 100644 --- a/assets/sass/framework.sass +++ b/assets/sass/framework.sass @@ -34,6 +34,7 @@ // --letterSpacing : 0 // --fontSize : 16px + --xsmallFontSize : 12px // --smallFontSize : 14px // --mediumFontSize : 18px // --largeFontSize : 22px @@ -100,7 +101,16 @@ // OTHER --adminBarSize: 32px + + // BLOG // --postsPerRow: 3 + --archiveBg: white + --archivePadding: 1.5rem + // --archiveImageHeight: 50% + // --postImageHeight: 250px + + --postHeroBg: #eff1f5 + --postRelatedBg: #eff1f5 // RESPONSIVE diff --git a/assets/sass/framework/_post-archive.sass b/assets/sass/framework/_post-archive.sass index 85d06b5..494d416 100644 --- a/assets/sass/framework/_post-archive.sass +++ b/assets/sass/framework/_post-archive.sass @@ -20,9 +20,6 @@ .post-archives - --archiveBg: white - --archivePadding: 1.5rem - display: grid grid-template-columns: repeat( 1, minmax(0,1fr) ) grid-column-gap: 1rem @@ -30,6 +27,10 @@ padding-left: 0 list-style-type: none + a:active + transition: none + transform: translateY(1px) + // @media ($below-m) --archivePadding: 1rem @@ -58,7 +59,7 @@ box-shadow: var(--shadow0) > * - margin-bottom: 0.75rem + margin-bottom: var(--archivePadding) > *:last-child margin-bottom: 0 @@ -96,14 +97,14 @@ // ARCHIVE FIGURE .archive-figure - --figureMargin: calc(-1 * var(--archivePadding)) + --margin: calc(-1 * var(--archivePadding)) width: calc( 100% + var(--archivePadding) + var(--archivePadding) ) - margin-right: var(--figureMargin) - margin-left: var(--figureMargin) + margin-right: var(--margin) + margin-left: var(--margin) &:first-child - margin-top: var(--figureMargin) + margin-top: var(--margin) &:hover img @@ -119,12 +120,10 @@ // @media ($above-xs) .post-archives--default & - --ratioPadding: 0 - order: 1 grid-row: span 5 grid-column: span 1 min-width: 200px width: 100% height: calc( 100% + var(--archivePadding) + var(--archivePadding) ) - margin: var(--figureMargin) 0 \ No newline at end of file + margin: var(--margin) 0 \ No newline at end of file diff --git a/assets/sass/framework/_post-single.sass b/assets/sass/framework/_post-single.sass index c1de99d..14e56b2 100644 --- a/assets/sass/framework/_post-single.sass +++ b/assets/sass/framework/_post-single.sass @@ -1,14 +1,47 @@ -///// SINGLE HEADER +///// TITLE -.post-header +.post-title h1, h2 margin-bottom: 0.5rem +// Banner Title -///// POST BANNER +.post-hero + display: flex + align-items: flex-end + + position: relative + min-height: 250px + padding-bottom: 2rem + background-color: var(--postHeroBg) + + picture + +absolute-fill + + picture::after + content: "" + +absolute-fill + z-index: 5 + background-color: rgba(white, .5) + +.hero-column + position: relative + z-index: 10 + grid-column: span 8 -.post-banner +.hero-column--narrow + grid-column: span 12 + + > * + max-width: var(--blogWidth) + margin-right: auto + margin-left: auto + + +///// POST FEATURED IMAGE + +.featured-image display: flex align-items: center padding: 0 @@ -21,7 +54,7 @@ margin-right: auto margin-left: auto -.post-banner--narrow +.featured-image--narrow picture width: var(--blogWidth) border-radius: var(--gRadius) @@ -29,35 +62,26 @@ .image-fit--custom --fitHeight: var(--postImageHeight) -.post-banner--wide, -.post-banner--full - &:first-child - margin-top: calc(var(--postContentOffset) * -1) +.featured-image--wide, +.featured-image--full .image-fit --fitHeight: var(--postImageHeight) -.post-banner--wide +.featured-image--wide picture width: calc(var(--blogWidth) + 200px) max-width: 100% -.post-banner--full +.featured-image--full picture width: 100% -///// SINGLE AUTHOR +///// SINGLE AUTHOR .post-author - - a:active - transition: none - transform: translateY(1px) - - -.author-inner-wrapper max-width: var(--blogWidth) margin: 0 auto padding: 1rem @@ -66,8 +90,13 @@ body.archive & background-color: transparent + margin-bottom: 2rem box-shadow: none + a:active + transition: none + transform: translateY(1px) + // @media ($above-xs) display: grid @@ -146,24 +175,72 @@ transition: var(--gTransition) +///// POST NAV + +.post-nav + display: flex + + a + display: flex + flex: 1 + align-items: center + padding: 0.5rem 0 + + a:hover + opacity: .75 + a:active + transition: none + transform: translateY(1px) + + img + width: 70px + height: 70px + margin-right: 0.5rem + background-color: var(--textDim) + border-radius: 50% + + span + flex: 1 + font-weight: var(--hFontWeight) + + em + display: block + + text-transform: uppercase + font-size: var(--xsmallFontSize) + font-style: normal + font-weight: 400 + + // + @media ($below-xs) + flex-wrap: wrap + + a + flex: auto + width: 100% + +.nav-next + flex-direction: row-reverse + text-align: right + + img + margin-right: 0 + margin-left: 0.5rem + + + ///// RELATED POSTS .related-posts - --padding: 3rem --blogWidth: var(--siteWidth) - padding: var(--padding) 0 - background-color: #eff1f5 + padding-top: 2rem + padding-bottom: 2rem + background-color: var(--postRelatedBg) .related-title - margin-bottom: var(--padding) + margin-bottom: 2rem font-weight: var(--fontWeight) - text-align: center - color: var(--textDim) - - .post-archives - max-width: var(--siteWidth) - padding: 0 calc(var(--gridGap) / 2) .post-archive background-color: var(--siteBackgroundColor) @@ -172,6 +249,7 @@ @media ($below-s) --padding: 2rem + ///// COMMENTS diff --git a/assets/sass/framework/_post.sass b/assets/sass/framework/_post.sass index e39b877..4d34174 100644 --- a/assets/sass/framework/_post.sass +++ b/assets/sass/framework/_post.sass @@ -21,11 +21,6 @@ $output-infinite-scroll: false // SINGLE POST LAYOUT -.post-grid--alignfull - max-width: none - padding: 0 - - .post-column --postContentOffset: 2rem @@ -41,25 +36,23 @@ $output-infinite-scroll: false grid-column: span 8 + // + @media ($below-s) + grid-column: span 12 + + .post-column--no-sidebar > * > * - width: var(--blogWidth) + width: 100% max-width: var(--blogWidth) margin-right: auto margin-left: auto - // - @media ($below-s) - > * - padding-right: calc(var(--gridGap) / 2) - padding-left: calc(var(--gridGap) / 2) - ///// SIDEBAR .sidebar - --sidebarGap: 3rem - + order: 1 grid-column: span 4 align-self: flex-start @@ -69,6 +62,7 @@ $output-infinite-scroll: false grid-column-gap: 2rem padding-top: 2rem + padding-left: 3rem .widget grid-column: span 1 @@ -82,7 +76,7 @@ $output-infinite-scroll: false // @media ($below-m) - --sidebarGap: 1.5rem + padding-left: 1.5rem @media ($below-s) order: 1 @@ -90,22 +84,13 @@ $output-infinite-scroll: false grid-template-columns: repeat(2, minmax(0,1fr)) padding-top: 0 + padding-left: 0 margin-bottom: 2rem @media ($below-xs) grid-template-columns: auto -@media ($above-s) - .sidebar--left - order: -1 - padding-right: var(--sidebarGap) - - .sidebar--right - order: 1 - padding-left: var(--sidebarGap) - - ///// POST META @@ -130,10 +115,14 @@ $output-infinite-scroll: false margin-right: 0 a + display: inline-block color: inherit text-decoration: none a:hover text-decoration: underline + a:active + transition: none + transform: translateY(1px) i::before width: 1em @@ -142,12 +131,15 @@ $output-infinite-scroll: false vertical-align: middle transform: translateY(-2px) - .post-header & + .post-title & padding-top: 0.5rem padding-bottom: 0.5rem border-top: 1px solid rgba(black, .2) border-bottom: 2px solid rgba(black, .2) + .post-hero & + color: var(--text) + .post-archive & &:last-child margin-top: auto @@ -169,10 +161,6 @@ $output-infinite-scroll: false background-color: var(--buttonBgHover) color: var(--buttonColorHover) - a:active - transition: none - transform: translateY(1px) - .meta-categories --buttonBg: var(--mainLight) --buttonBgHover: var(--mainLight) diff --git a/assets/sass/my-admin.sass b/assets/sass/my-admin.sass index d4a04cd..6eeb7a6 100644 --- a/assets/sass/my-admin.sass +++ b/assets/sass/my-admin.sass @@ -13,6 +13,9 @@ $output-framework: false [data-design="inline"] .ct-option-input max-width: 150px + .ct-image-picker:not([data-columns]) + grid-column-gap: 12px + // NUMBER with design block .ct-control[data-design="block"] .ct-option-number diff --git a/customizer/defaults-section.php b/customizer/defaults-section.php index 047238d..5fe63b9 100644 --- a/customizer/defaults-section.php +++ b/customizer/defaults-section.php @@ -69,19 +69,22 @@ 'post_style' => 'narrow', 'post_elements' => [ + [ 'id' => 'title', 'enabled' => true, + 'style' => 'hero', + 'banner_style' => 'color', + 'meta' => [ + 'categories' => true, + 'author' => true, + 'date' => true, + 'comments' => true, + 'tags' => true, + ] + ], [ 'id' => 'featured_image', 'enabled' => true, 'style' => 'wide', 'ratio' => '3:1', 'height' => [ 'desktop' => '250px', 'tablet' => '300px', 'mobile' => '300px' ] ], - [ 'id' => 'title', 'enabled' => true, 'meta' => [ - 'categories' => true, - 'author' => true, - 'date' => true, - 'comments' => true, - 'tags' => true, - ] ], - [ 'id' => 'content', 'enabled' => true ], [ 'id' => 'share', 'enabled' => true ], [ 'id' => 'author-box', 'enabled' => true, 'show_avatar' => 'yes', 'show_social_media' => 'yes' ], diff --git a/customizer/section/blog-posts.php b/customizer/section/blog-posts.php index c3c34fe..9f7bed5 100644 --- a/customizer/section/blog-posts.php +++ b/customizer/section/blog-posts.php @@ -7,7 +7,6 @@ 'type' => 'ct-image-picker', 'attr' => [ 'data-type' => 'background' ], 'choices' => [ - 'default' => [ 'src' => custy_get_svg( 'posts-default' ), 'title' => __( 'Default' ), @@ -16,9 +15,15 @@ 'src' => custy_get_svg( 'posts-grid' ), 'title' => __( 'Grid' ), ], - ], - ], + ], + + 'archive_has_sidebar' => [ + 'label' => __( 'Archive Has Sidebar?' ), + 'desc' => __( 'To edit it, go to Widget section > Sidebar' ), + 'type' => 'ct-switch', + ], + custy_rand_id() => [ 'condition' => [ 'archive_style' => 'grid' ], 'options' => [ @@ -136,34 +141,4 @@ ], ], - custy_rand_id() => [ 'divider' => '' ], - - 'archive_has_sidebar' => [ - 'label' => __( 'Archive Has Sidebar?' ), - 'desc' => __( 'To edit it, go to Widget section > Sidebar' ), - 'type' => 'ct-switch', - ], - - custy_rand_id() => [ 'condition' => [ 'archive_has_sidebar' => 'yes' ], 'options' => [ - - 'archive_sidebar_position' => [ - 'label' => __( 'Archive Sidebar Position' ), - 'type' => 'ct-image-picker', - 'attr' => [ 'data-type' => 'background' ], - 'choices' => [ - - 'left' => [ - 'src' => custy_get_svg( 'sidebar-left' ), - 'title' => __( 'Left' ), - ], - 'right' => [ - 'src' => custy_get_svg( 'sidebar-right' ), - 'title' => __( 'Right' ), - ], - - ], - ], - - ] ] - ] ]; \ No newline at end of file diff --git a/customizer/section/single-post.php b/customizer/section/single-post.php index 8e8e6c0..bc6a961 100644 --- a/customizer/section/single-post.php +++ b/customizer/section/single-post.php @@ -7,18 +7,13 @@ 'type' => 'ct-image-picker', 'attr' => [ 'data-type' => 'background' ], 'choices' => [ - 'narrow' => [ 'src' => custy_get_svg( 'post-narrow' ), - 'title' => __( 'Centered' ), - ], - 'left-sidebar' => [ - 'src' => custy_get_svg( 'post-left-sidebar' ), - 'title' => __( 'Left Sidebar' ), + 'title' => __( 'Narrow' ), ], - 'right-sidebar' => [ + 'has-sidebar' => [ 'src' => custy_get_svg( 'post-right-sidebar' ), - 'title' => __( 'Right Sidebar' ), + 'title' => __( 'Has Sidebar' ), ], ], @@ -33,6 +28,34 @@ 'settings' => [ 'title' => [ 'label' => __( 'Title' ), 'options' => [ + + 'style' => [ + 'label' => __( 'Style' ), + 'desc' => __( 'If Banner style, it will always be placed first.' ), + 'type' => 'ct-image-picker', + 'attr' => [ 'data-type' => 'background' ], + 'choices' => [ + 'default' => [ + 'src' => custy_get_svg( 'post-title-default' ), + 'title' => __( 'Default' ), + ], + 'hero' => [ + 'src' => custy_get_svg( 'post-title-hero' ), + 'title' => __( 'Hero' ), + ], + ], + ], + + custy_rand_id() => [ 'condition' => [ 'style' => 'banner' ], 'options' => [ + 'banner_style' => [ + 'label' => __( 'Banner Style' ), + 'type' => 'ct-radio', + 'choices' => [ + 'color' => __( 'Color' ), + 'featured-image' => __( 'Featured Image' ), + ], + ], + ] ], 'meta' => [ 'label' => __( 'Meta' ), diff --git a/customizer/svg.php b/customizer/svg.php index 8cfbcb1..62dbf7d 100644 --- a/customizer/svg.php +++ b/customizer/svg.php @@ -28,5 +28,10 @@ $list['post-right-sidebar'] = ''; + // SINGLE POST TITLE + $list['post-title-default'] = ''; + + $list['post-title-hero'] = ''; + return $list; } ); \ No newline at end of file diff --git a/functions/timber.php b/functions/timber.php index 70eaa45..51615ac 100644 --- a/functions/timber.php +++ b/functions/timber.php @@ -27,7 +27,7 @@ function add_to_context( array $context ) : array { $is_single = is_single() && 'post' == get_post_type(); $is_archive_has_sidebar = $is_archive && $context['mods']['archive_has_sidebar'] == 'yes'; - $is_single_has_sidebar = $is_single && in_array( $context['mods']['post_style'], [ 'right-sidebar', 'left-sidebar' ] ); + $is_single_has_sidebar = $is_single && $context['mods']['post_style'] == 'has-sidebar'; if( $is_archive_has_sidebar || $is_single_has_sidebar ) { $context['sidebar'] = Timber::get_widgets( 'sidebar' ); diff --git a/style.css b/style.css index a6cb96c..a473f89 100644 --- a/style.css +++ b/style.css @@ -3,7 +3,7 @@ Theme Name: Edje Basic Theme Author: Pixel Studio Author URI: https://pixelstudio.id Description: Base theme for EDJE framework - Built using Timber and ACF -Version: 6.0.1 +Version: 6.1.0 Tags: private theme, timber, edje, acf, woocomemrce, custom-menu, editor-style */ diff --git a/views/_author-info.twig b/views/_author-info.twig index f1ca1a0..e60108d 100644 --- a/views/_author-info.twig +++ b/views/_author-info.twig @@ -1,4 +1,4 @@ -
+
{% if element.show_avatar == 'yes' %}
@@ -42,4 +42,4 @@
{% endif %} -
\ No newline at end of file + \ No newline at end of file diff --git a/views/index.twig b/views/index.twig index f0530eb..e264044 100644 --- a/views/index.twig +++ b/views/index.twig @@ -1,8 +1,7 @@ {% extends "layout.twig" %} {% block content %} - - +
{% if fn('function_exists', 'jetpack_breadcrumbs') %} {{ fn( 'jetpack_breadcrumbs' ) }} @@ -24,7 +23,7 @@
{% if sidebar %} -