diff --git a/assets/css/app.css b/assets/css/app.css index 5fd2fcd..64a0f0a 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -1 +1,4 @@ -.wp-block-quote.is-style-large{font-size:1.5em}@media (max-width: 767px){.wp-block-quote.is-style-large{font-size:1.25em}}.footer-widgets .widgettitle{font-size:1.25em}@media (max-width: 767px){.footer-widgets .widgettitle{font-size:1.125em}}body{_display:"-webkit-flex";display:flex;flex-direction:column;overflow-x:hidden;height:100vh}.main-nav{position:relative;background-color:var(--white);border-bottom:1px solid;border-color:var(--gray);z-index:100;padding-top:0.75rem;padding-bottom:0.75rem}.has-fixed-nav .main-nav{position:fixed;width:100%}.nav-wrapper{_display:"-webkit-flex";display:flex;align-items:center}body.has-active-nav,body.has-active-cart{cursor:pointer;-webkit-tap-highlight-color:rgba(255,255,255,0)}.nav-logo img{width:auto;height:2.5em}@media (max-width: 767px){.nav-logo{order:1;margin-top:0;margin-bottom:0;margin-right:auto;margin-left:auto}}.nav-items{_display:"-webkit-flex";display:flex;flex:1;justify-content:flex-start;flex-wrap:wrap;transition:all 0.25s ease-out}@media (max-width: 767px){.nav-items{flex-direction:column;visibility:hidden;position:fixed;opacity:0;z-index:100;top:0;left:0;bottom:0;padding-top:3rem;padding-bottom:2rem;padding-right:0;padding-left:0;background-color:var(--white);transition:all 0.25s ease-out;box-shadow:0 3px 12px rgba(0,0,0,0.23),0 3px 12px rgba(0,0,0,0.16);width:180px;transform:translateX(-100%)}}.has-active-nav .nav-items{visibility:visible;opacity:1;transform:none}.nav-item{position:relative}.nav-item>a{display:block;padding-top:0.75rem;padding-bottom:0.75rem;padding-right:1rem;padding-left:1rem;color:var(--text);transition:none}.nav-item>a:hover{opacity:.7}.nav-item.current-menu-item>a,.nav-item.current-page-ancestor>a,.nav-item.current-menu-ancestor>a,.nav-item.current-menu-parent>a,.nav-item.current_page_parent>a{color:var(--main)}.nav-children{position:absolute;visibility:hidden;opacity:0;top:100%;left:0;background-color:var(--gray-light);white-space:nowrap;padding:0.25rem;box-shadow:0 1.5px 4px rgba(0,0,0,0.24),0 1.5px 6px rgba(0,0,0,0.12);border-radius:4px;transition:all 0.25s ease-out;width:200px}.nav-item:hover .nav-children{visibility:visible;opacity:1}.nav-children a{display:block;padding-top:0.25rem;padding-bottom:0.25rem;padding-right:0.5rem;padding-left:0.5rem;color:inherit;border-radius:4px}.nav-children a:hover{background-color:var(--gray)}@media (max-width: 767px){.nav-children{top:0;left:100%;transform:translateX(-10px)}.nav-children a{padding-top:0.5rem;padding-bottom:0.5rem;padding-right:0.75rem;padding-left:0.75rem}}.nav-toggle i{line-height:1}.nav-toggle i,.nav-toggle b{display:inline-block;vertical-align:middle}.nav-toggle .dashicons-before::before{font-size:1.125em;width:18px;height:18px}@media (min-width: 768px){.nav-toggle{display:none}}.nav-extra{_display:"-webkit-flex";display:flex;order:2;align-items:center;position:relative}.nav-extra .button{line-height:1;margin-left:0.25rem}.nav-extra span{line-height:20px}@media (max-width: 767px){.nav-extra span{display:none}}.main-footer{margin-top:auto;background-color:rgba(var(--blackRGB), 0.75);color:var(--white)}.footer-widgets{padding-top:2.5rem;padding-bottom:2.5rem;color:rgba(var(--whiteRGB), 0.50);font-size:.875em}.footer-widgets h-grid{grid-row-gap:20px}.footer-widgets .widget{list-style-type:none;grid-column:span 4}.footer-widgets .widgettitle{margin-bottom:0.25rem;color:rgba(var(--whiteRGB), 0.75)}.footer-widgets ul{padding-left:1.25rem}.footer-bar{padding-top:0.5rem;padding-bottom:0.5rem;background-color:rgba(var(--mainRGB), 0.10);color:rgba(var(--whiteRGB), 0.50);font-size:.875em}.copyright,.partners{_display:"-webkit-flex";display:flex;flex-wrap:wrap;align-items:center}.copyright header,.partners header{font-weight:700;line-height:1.4}.copyright a{margin-right:0.5rem}@media (min-width: 768px){.copyright header{margin-right:1.5rem}}.partners{justify-content:flex-end}.partners img{padding:0.25rem;width:32px}.partners a{display:block;position:relative;margin-right:0.25rem;margin-left:0.25rem;background-color:rgba(var(--mainRGB), 0.25);border-radius:50%;transition:all 0.25s ease-out}.partners a:hover{background-color:rgba(var(--mainRGB), 0.50);color:var(--white)}.partner-caption{visibility:hidden;opacity:0;position:absolute;right:0;padding-top:0.5rem;padding-bottom:0.5rem;padding-right:1rem;padding-left:1rem;background-color:var(--main);color:var(--white);text-align:center;border-radius:4px;transition:all 0.25s ease-out;bottom:calc(100% + 8px);transform:translateY(20px)}.partner-caption::after{content:"";position:absolute;top:100%;right:10px;width:0;height:0;font-size:0;line-height:0%;border-style:solid;border-color:transparent;border-width:5px 6px 0 6px;border-top-color:#1976d2}a:hover .partner-caption{visibility:visible;opacity:1;transform:none}.partner-caption h5{font-size:.875em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;color:var(--white);white-space:nowrap}.partner-caption p{white-space:nowrap;font-size:12px}[class*="-background-color"]{background-color:var(--bgColor)}.has-text-color{color:var(--textColor)}article{letter-spacing:0.16px}article h1,article h2,article h3,article h4,article h5,article h6{margin-bottom:1.5rem}article p a,article li a{border-bottom:1px solid}article p a:hover,article li a:hover{background-color:rgba(var(--blackRGB), 0.10)}article p,article ul,article ol,article blockquote,article pre,article table,article figure{margin-bottom:1.5rem}article ul,article ol{padding-left:1.5rem}article ul ul,article ol ol,article ul ol,article ol ul{margin-bottom:0}article img{border-radius:4px}article h1,article h2,article h3,article h4,article h5,article h6{clear:both}.the-content>.woocommerce{margin-right:auto;margin-left:auto;max-width:1120px}.the-content>*:first-child{margin-top:0}.the-content>*,.wp-block-group>*{margin-right:auto;margin-left:auto;margin-bottom:1.5rem;max-width:650px}@media (max-width: 1120px){.the-content,.wp-block-group{padding-right:16px;padding-left:16px}}.alignright{text-align:right}.alignleft{text-align:left}.aligncenter{text-align:center}.alignwide{max-width:1120px}.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:-16px;margin-left:-16px}}.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-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-group *:last-child{margin-bottom:0}.wp-block-cover{_display:"-webkit-flex";display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center center;background-color:var(--black);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;color:rgba(var(--whiteRGB), 0.60);border-top:1px solid;border-bottom:2px solid}.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-right:2rem;padding-left:2rem;padding-bottom:2rem;border-radius:4px;max-width:calc(650px + 4rem)}.wp-block-cover.--for-post-tease a:hover h1{text-decoration:underline}.wp-block-cover.--for-post-tease .post-meta{color:rgba(var(--whiteRGB), 0.60)}.wp-block-cover__inner-container{position:relative;z-index:2;color:var(--white);width:650px}.wp-block-cover__inner-container h1,.wp-block-cover__inner-container h2,.wp-block-cover__inner-container h3,.wp-block-cover__inner-container h4,.wp-block-cover__inner-container h5,.wp-block-cover__inner-container h6{color:var(--white)}.wp-block-cover__inner-container p,.wp-block-cover__inner-container li{font-size:1.125em}@media (max-width: 1120px){.wp-block-cover__inner-container{padding-right:16px;padding-left:16px}}.has-parallax{background-attachment:fixed}.has-background-dim{position:relative}.has-background-dim::before{content:"";position:absolute;top:0;right:0;left:0;bottom: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}p.has-background{padding:1rem;border-radius:4px}.has-small-font-size{font-size:.875em}.has-medium-font-size{font-size:1.125em}.has-large-font-size{font-size:2.25rem}.has-huge-font-size{font-size:3rem}.wp-block-quote{padding:1rem;border-left:4px solid #222}.wp-block-quote p,.wp-block-quote li{margin-bottom:0}.wp-block-quote p+p,.wp-block-quote li+li{margin-top:1rem}.wp-block-quote cite{display:block;margin-top:1rem;font-size:.875em;color:var(--passive)}.wp-block-quote.is-style-large{text-align:center;border-left:none;border-top:3px solid #222;border-bottom:3px solid #222}.wp-block-quote.is-style-large cite{font-size:1rem}.wp-block-quote[style="text-align:right"],.wp-block-quote[style="text-align: right"]{border-left:none;border-right:4px solid #222}.wp-block-quote[style="text-align:center"],.wp-block-quote[style="text-align: center"]{border-left:none;border-top:4px solid #222}.wp-block-pullquote{padding-top:0;padding-bottom:0;background-color:var(--bgColor)}.wp-block-pullquote blockquote{_display:"-webkit-flex";display:flex;flex-direction:column;text-align:left}.wp-block-pullquote blockquote>*{order:2}.wp-block-pullquote p,.wp-block-pullquote li{padding-right:1rem;padding-left:1rem;margin-bottom:0;font-size:1rem;height:0;overflow:hidden;transition:all 0.25s ease-out}.wp-block-pullquote cite{_display:"-webkit-flex";display:flex;order:1;cursor:pointer;position:relative;padding-top:0.5rem;padding-bottom:0.5rem;padding-right:1rem;padding-left:1rem;background-color:rgba(var(--blackRGB), 0.05);font-weight:700;font-size:1.125em;transition:all 0.25s ease-out;border-radius:4px;font-style:normal}.wp-block-pullquote cite::before{content:"+";display:inline-block;margin-right:1rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}.wp-block-pullquote cite:hover{background-color:rgba(var(--blackRGB), 0.20)}.wp-block-pullquote.--expanded cite{margin-bottom:1rem}.wp-block-pullquote.--expanded cite::before{content:"-"}.wp-block-pullquote.--expanded p,.wp-block-pullquote.--expanded li{margin-bottom:1rem;height:auto}.wp-block-pullquote.is-style-solid-color{border-radius:4px}.wp-block-pullquote.is-style-solid-color cite{background-color:transparent}.wp-block-pullquote.is-style-solid-color cite:hover{background-color:rgba(var(--whiteRGB), 0.25)}.wp-block-pullquote.is-style-solid-color.--expanded cite{background-color:transparent}.wp-block-image 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;border-color:var(--gray);font-size:.875em}.wp-block-image{text-align:center}.wp-block-image.alignfull img{border-radius:0}.wp-block-image a,.wp-block-gallery a{display:block;overflow:hidden;border-radius:4px}.wp-block-image a img,.wp-block-gallery a img{transition:all 0.25s ease-out}.wp-block-image a:hover img,.wp-block-gallery a:hover img{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:scale(1.1)}.wp-block-gallery{_display:"-webkit-flex";display:flex;flex-wrap:wrap;list-style-type:none;padding-left:0;max-width:calc(650px + 1rem)}.wp-block-gallery.alignwide{max-width:calc(1120px + 1rem)}.wp-block-gallery.alignfull{max-width:100%}.wp-block-gallery.is-cropped img{flex:1;height:100%;width:100%;object-fit:cover}.wp-block-gallery figure{position:relative;_display:"-webkit-flex";display:flex;align-items:flex-end;justify-content:flex-start;height:100%;margin-bottom:0;border-radius:4px}.wp-block-gallery a{height:100%}.wp-block-gallery figcaption{position:absolute;bottom:0;width:100%;padding:0.5rem;font-size:.875em;color:var(--white);text-align:center;background-image:linear-gradient(0deg, rgba(0,0,0,0.7), rgba(0,0,0,0.5) 50%, transparent)}.blocks-gallery-item{padding-right:0.5rem;padding-left:0.5rem;padding-bottom:1rem;flex-grow:1}@media (min-width: 768px){.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: 767px){.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-audio{text-align:center}.wp-block-audio audio{width:100%}.wp-block-file{_display:"-webkit-flex";display:flex;align-items:center;justify-content:center;padding:1.25rem;background-color:var(--gray-light);border:1px solid;border-color:rgba(var(--blackRGB), 0.10);border-radius:4px}.wp-block-file.alignleft{justify-content:flex-start}.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-spacer{margin-bottom:0}.wp-block-separator{display:block;border-top:2px solid;border-color:var(--gray);margin-top:2.5rem;margin-bottom:2.5rem;margin-right:auto;margin-left:auto;padding:0;line-height:1;width:120px}.wp-block-separator.is-style-wide{width:650px}.wp-block-separator.is-style-dots{border:0;height:auto;width:auto;text-align:center}.wp-block-separator.is-style-dots::before{content:"\00b7 \00b7 \00b7";padding-left:2rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;color:var(--text);font-size:1.125em;letter-spacing:2rem}.wp-block-table{width:100%;background-color:var(--white);--tableBorder: var(--black);--tableHeader: var(--gray-light);--tableBg: rgba(var(--grayRGB), .1)}.wp-block-table thead tr,.wp-block-table tfoot tr{font-weight:700;text-align:left;background-color:var(--tableHeader)}.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-top:0.5rem;padding-bottom:0.5rem;padding-right:1rem;padding-left:1rem;border:1px solid;border-color:rgba(var(--blackRGB), 0.10)}.wp-block-table.is-style-stripes tr:nth-child(even){background-color:var(--tableBg)}.wp-block-table.has-fixed-layout{width:100%;table-layout:fixed}.wp-block-table.has-subtle-pale-green-background-color{--tableBorder: var(--green);--tableHeader: var(--green-light);--tableBg: rgba(var(--greenRGB), .1)}.wp-block-table.has-subtle-pale-blue-background-color{--tableBorder: var(--blue);--tableHeader: var(--blue-light);--tableBg: rgba(var(--blueRGB), .1)}.wp-block-table.has-subtle-pale-pink-background-color{--tableBorder: var(--red);--tableHeader: var(--red-light);--tableBg: rgba(var(--redRGB), .1)}@media (max-width: 767px){.wp-block-table td{padding-top:0.25rem;padding-bottom:0.25rem;padding-right:0.5rem;padding-left:0.5rem}}.is-style-squared a{border-radius:4px}.wp-block-columns{_display:"-webkit-flex";display:flex;grid-row-gap:20px;grid-column-gap:20px}@media (max-width: 767px){.wp-block-columns{flex-wrap:wrap}}.wp-block-column{flex:1}.wp-block-column>*:last-child{margin-bottom:0}@media (min-width: 768px){.wp-block-column+.wp-block-column{margin-left:1.5rem}}@media (max-width: 767px){.wp-block-column{width:100%;flex-basis:100% !important}.wp-block-column+.wp-block-column{margin-top:1.5rem}}@media (min-width: 768px){.is-style-h-2-1 .wp-block-column:nth-child(1){flex:2}.is-style-h-2-1 .wp-block-column:nth-child(2){flex:1}.is-style-h-1-2 .wp-block-column:nth-child(1){flex:1}.is-style-h-1-2 .wp-block-column:nth-child(2){flex:2}}@media (max-width: 767px){.is-style-h-1-1-mobile .wp-block-column{flex-basis:50% !important}.is-style-h-1-1-mobile .wp-block-column:nth-child(even){margin-top:0}}.wp-block-media-text{_display:"-ms-grid";display:grid;grid-row-gap:20px;grid-column-gap:20px}.wp-block-media-text[class*="-background-color"]{padding:1rem;border-radius:4px}@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{margin-bottom:0;grid-area:media}@media (min-width: 481px){.is-image-fill .wp-block-media-text__media{align-self:stretch;background-repeat:no-repeat;background-size:cover;border-radius:4px}.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-media-text__content>*:last-child{margin-bottom:0}.wp-block-code,.wp-block-preformatted{padding:1rem;border:1px solid;border-color:rgba(var(--blackRGB), 0.10);background-color:var(--gray-light);border-radius:4px;font-size:15px}.wp-block-code code,.wp-block-preformatted code{padding:0;border:0;background-color:transparent}pre,code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}code{padding-top:0;padding-bottom:0;padding-right:0.5rem;padding-left:0.5rem}.wp-block-embed{margin-top:2rem;margin-bottom:2rem;text-align:center}.wp-block-embed__wrapper{_display:"-webkit-flex";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;left:0;bottom:0;width:100%;height:100%}.wp-block-embed-wordpress blockquote{display:none}.wp-block-embed-wordpress iframe{clip:auto !important}.h-block-readmore{margin-top:2rem;margin-bottom:2rem;transition:all 0.25s ease-out}.h-block-readmore .button{display:block;padding-top:1rem;padding-bottom:1rem;text-transform:uppercase;text-align:center}.h-block-readmore ~ *{transition:all 0.25s ease-out}.h-block-readmore:not(.--expanded) ~ *{display:block;overflow:hidden;height:0;padding:0;margin:0;border:0;transition:all 0.25s ease-out}.h-block-readmore.--expanded{overflow:hidden;height:0;padding:0;margin:0}.has-fixed-nav main{padding-top:74px}@media (max-width: 782px){html[lang]{margin-top:0 !important}#wpadminbar{display:none}} +/*! + EDJE Functional Sass v3.0.0 + Documentation: https://github.com/hrsetyono/edje/wiki +*/.wp-block-quote.is-style-large{font-size:1.5em}@media (max-width: 767px){.wp-block-quote.is-style-large{font-size:1.25em}}.footer-widgets .widgettitle{font-size:1.25em}@media (max-width: 767px){.footer-widgets .widgettitle{font-size:1.125em}}body{_display:"-webkit-flex";display:flex;flex-direction:column;overflow-x:hidden;height:100vh}.main-nav{position:relative;background-color:var(--white);border-bottom:1px solid;border-color:var(--gray);z-index:100;padding-top:0.75rem;padding-bottom:0.75rem}.has-fixed-nav .main-nav{position:fixed;width:100%}.nav-wrapper{_display:"-webkit-flex";display:flex;align-items:center}body.has-active-nav,body.has-active-cart{cursor:pointer;-webkit-tap-highlight-color:rgba(255,255,255,0)}.nav-logo img{width:auto;height:2.5em}@media (max-width: 767px){.nav-logo{order:1;margin-top:0;margin-bottom:0;margin-right:auto;margin-left:auto}}.nav-items{_display:"-webkit-flex";display:flex;flex:1;justify-content:flex-start;flex-wrap:wrap;transition:all 0.25s ease-out}@media (max-width: 767px){.nav-items{flex-direction:column;visibility:hidden;position:fixed;opacity:0;z-index:100;top:0;left:0;bottom:0;padding-top:3rem;padding-bottom:2rem;padding-right:0;padding-left:0;background-color:var(--white);transition:all 0.25s ease-out;box-shadow:0 3px 12px rgba(0,0,0,0.23),0 3px 12px rgba(0,0,0,0.16);width:180px;transform:translateX(-100%)}}.has-active-nav .nav-items{visibility:visible;opacity:1;transform:none}.nav-item{position:relative}.nav-item>a{display:block;padding-top:0.75rem;padding-bottom:0.75rem;padding-right:1rem;padding-left:1rem;color:var(--text);transition:none}.nav-item>a:hover{opacity:.7}.nav-item.current-menu-item>a,.nav-item.current-page-ancestor>a,.nav-item.current-menu-ancestor>a,.nav-item.current-menu-parent>a,.nav-item.current_page_parent>a{color:var(--main)}.nav-children{position:absolute;visibility:hidden;opacity:0;top:100%;left:0;background-color:var(--gray-light);white-space:nowrap;padding:0.25rem;box-shadow:0 1.5px 4px rgba(0,0,0,0.24),0 1.5px 6px rgba(0,0,0,0.12);border-radius:4px;transition:all 0.25s ease-out;width:200px}.nav-item:hover .nav-children{visibility:visible;opacity:1}.nav-children a{display:block;padding-top:0.25rem;padding-bottom:0.25rem;padding-right:0.5rem;padding-left:0.5rem;color:inherit;border-radius:4px}.nav-children a:hover{background-color:var(--gray)}@media (max-width: 767px){.nav-children{top:0;left:100%;transform:translateX(-10px)}.nav-children a{padding-top:0.5rem;padding-bottom:0.5rem;padding-right:0.75rem;padding-left:0.75rem}}.nav-toggle i{line-height:1}.nav-toggle i,.nav-toggle b{display:inline-block;vertical-align:middle}.nav-toggle .dashicons-before::before{font-size:1.125em;width:18px;height:18px}@media (min-width: 768px){.nav-toggle{display:none}}.nav-extra{_display:"-webkit-flex";display:flex;order:2;align-items:center;position:relative}.nav-extra .button{line-height:1;margin-left:0.25rem}.nav-extra span{line-height:20px}@media (max-width: 767px){.nav-extra span{display:none}}.main-footer{margin-top:auto;background-color:rgba(var(--blackRGB), 0.75);color:var(--white)}.footer-widgets{padding-top:2.5rem;padding-bottom:2.5rem;color:rgba(var(--whiteRGB), 0.50);font-size:.875em}.footer-widgets h-grid{grid-row-gap:20px}.footer-widgets .widget{list-style-type:none;grid-column:span 4}.footer-widgets .widgettitle{margin-bottom:0.25rem;color:rgba(var(--whiteRGB), 0.75)}.footer-widgets ul{padding-left:1.25rem}.footer-bar{padding-top:0.5rem;padding-bottom:0.5rem;background-color:rgba(var(--mainRGB), 0.10);color:rgba(var(--whiteRGB), 0.50);font-size:.875em}.copyright,.partners{_display:"-webkit-flex";display:flex;flex-wrap:wrap;align-items:center}.copyright header,.partners header{font-weight:700;line-height:1.4}.copyright a{margin-right:0.5rem}@media (min-width: 768px){.copyright header{margin-right:1.5rem}}.partners{justify-content:flex-end}.partners img{padding:0.25rem;width:32px}.partners a{display:block;position:relative;margin-right:0.25rem;margin-left:0.25rem;background-color:rgba(var(--mainRGB), 0.25);border-radius:50%;transition:all 0.25s ease-out}.partners a:hover{background-color:rgba(var(--mainRGB), 0.50);color:var(--white)}.partner-caption{visibility:hidden;opacity:0;position:absolute;right:0;padding-top:0.5rem;padding-bottom:0.5rem;padding-right:1rem;padding-left:1rem;background-color:var(--main);color:var(--white);text-align:center;border-radius:4px;transition:all 0.25s ease-out;bottom:calc(100% + 8px);transform:translateY(20px)}.partner-caption::after{content:"";position:absolute;top:100%;right:10px;width:0;height:0;font-size:0;line-height:0%;border-style:solid;border-color:transparent;border-width:5px 6px 0 6px;border-top-color:var(--main)}a:hover .partner-caption{visibility:visible;opacity:1;transform:none}.partner-caption h5{font-size:.875em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;color:var(--white);white-space:nowrap}.partner-caption p{white-space:nowrap;font-size:12px}[class*="-background-color"]{background-color:var(--bgColor)}.has-text-color{color:var(--textColor)}article p,article ul,article ol,article blockquote,article pre,article table,article figure{margin-bottom:1.5rem}article p a,article li a{text-decoration:underline}article ul,article ol{padding-left:1.5rem}article ul ul,article ol ol,article ul ol,article ol ul{margin-bottom:0}article img{border-radius:4px}.the-content{letter-spacing:0.16px}.the-content h1,.the-content h2,.the-content h3,.the-content h4,.the-content h5,.the-content h6{margin-bottom:1.5rem;clear:both;color:var(--textColor)}.the-content>.woocommerce{margin-right:auto;margin-left:auto;max-width:1120px}.the-content>*:first-child{margin-top:0}.the-content>*,.wp-block-group>*{margin-right:auto;margin-left:auto;margin-bottom:1.5rem;max-width:650px}@media (max-width: 1120px){.the-content,.wp-block-group{padding-right:16px;padding-left:16px}}.alignright,.has-text-align-right{text-align:right}.alignleft,.has-text-align-left{text-align:left}.aligncenter,.has-text-align-center{text-align:center}.alignwide{max-width:1120px}.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:-16px;margin-left:-16px}}.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-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-group *:last-child{margin-bottom:0}.wp-block-cover{_display:"-webkit-flex";display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center center;background-color:var(--black);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;color:rgba(var(--whiteRGB), 0.60);border-top:1px solid;border-bottom:2px solid}.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-right:2rem;padding-left:2rem;padding-bottom:2rem;border-radius:4px;max-width:calc(650px + 4rem)}.wp-block-cover.--for-post-tease a:hover h1{text-decoration:underline}.wp-block-cover.--for-post-tease .post-meta{color:rgba(var(--whiteRGB), 0.60)}.wp-block-cover__inner-container{position:relative;z-index:2;color:var(--white);width:650px}@media (max-width: 1120px){.wp-block-cover__inner-container{padding-right:16px;padding-left:16px}}.has-parallax{background-attachment:fixed}.has-background-dim{position:relative}.has-background-dim::before{content:"";position:absolute;top:0;right:0;left:0;bottom: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}p.has-background{padding:1rem;border-radius:4px}.has-small-font-size{font-size:.875em}.has-medium-font-size{font-size:1.125em}.has-large-font-size{font-size:2.25rem}.has-huge-font-size{font-size:3rem}.wp-block-quote{padding:1rem;border-left:4px solid var(--text)}.wp-block-quote p,.wp-block-quote li{margin-bottom:0}.wp-block-quote p+p,.wp-block-quote li+li{margin-top:1rem}.wp-block-quote cite{display:block;margin-top:1rem;font-size:.875em;color:var(--passive)}.wp-block-quote.is-style-large{text-align:center;border-left:none;border-top:3px solid var(--text);border-bottom:3px solid var(--text)}.wp-block-quote.is-style-large cite{font-size:1rem}.wp-block-quote[style="text-align:right"],.wp-block-quote[style="text-align: right"]{border-left:none;border-right:4px solid var(--text)}.wp-block-quote[style="text-align:center"],.wp-block-quote[style="text-align: center"]{border-left:none;border-top:4px solid var(--text)}.wp-block-pullquote{padding-top:0;padding-bottom:0;background-color:var(--bgColor)}.wp-block-pullquote blockquote{_display:"-webkit-flex";display:flex;flex-direction:column;text-align:left}.wp-block-pullquote blockquote>*{order:2}.wp-block-pullquote p,.wp-block-pullquote li{padding-right:1rem;padding-left:1rem;margin-bottom:0;font-size:1rem;height:0;overflow:hidden;transition:all 0.25s ease-out}.wp-block-pullquote cite{_display:"-webkit-flex";display:flex;order:1;cursor:pointer;position:relative;padding-top:0.5rem;padding-bottom:0.5rem;padding-right:1rem;padding-left:1rem;background-color:rgba(var(--blackRGB), 0.05);font-weight:700;font-size:1.125em;transition:all 0.25s ease-out;border-radius:4px;font-style:normal}.wp-block-pullquote cite::before{content:"+";display:inline-block;margin-right:1rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}.wp-block-pullquote cite:hover{background-color:rgba(var(--blackRGB), 0.20)}.wp-block-pullquote.--expanded cite{margin-bottom:1rem}.wp-block-pullquote.--expanded cite::before{content:"-"}.wp-block-pullquote.--expanded p,.wp-block-pullquote.--expanded li{margin-bottom:1rem;height:auto}.wp-block-pullquote.is-style-solid-color{border-radius:4px}.wp-block-pullquote.is-style-solid-color cite{background-color:transparent}.wp-block-pullquote.is-style-solid-color cite:hover{background-color:rgba(var(--whiteRGB), 0.25)}.wp-block-pullquote.is-style-solid-color.--expanded cite{background-color:transparent}.wp-block-image 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;border-color:var(--gray);font-size:.875em}.wp-block-image{text-align:center}.wp-block-image.alignfull img{border-radius:0}.wp-block-image a,.wp-block-gallery a{display:block;overflow:hidden;border-radius:4px}.wp-block-image a img,.wp-block-gallery a img{transition:all 0.25s ease-out}.wp-block-image a:hover img,.wp-block-gallery a:hover img{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:scale(1.1)}.wp-block-gallery{_display:"-webkit-flex";display:flex;flex-wrap:wrap;list-style-type:none;padding-left:0;max-width:calc(650px + 1rem)}.wp-block-gallery.alignwide{max-width:calc(1120px + 1rem)}.wp-block-gallery.alignfull{max-width:100%}.wp-block-gallery.is-cropped img{flex:1;height:100%;width:100%;object-fit:cover}.wp-block-gallery figure{position:relative;_display:"-webkit-flex";display:flex;align-items:flex-end;justify-content:flex-start;height:100%;margin-bottom:0;border-radius:4px}.wp-block-gallery a{height:100%}.wp-block-gallery figcaption{position:absolute;bottom:0;width:100%;padding:0.5rem;font-size:.875em;color:var(--white);text-align:center;background-image:linear-gradient(0deg, rgba(0,0,0,0.7), rgba(0,0,0,0.5) 50%, transparent)}.blocks-gallery-item{padding-right:0.5rem;padding-left:0.5rem;padding-bottom:1rem;flex-grow:1}@media (min-width: 768px){.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: 767px){.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-audio{text-align:center}.wp-block-audio audio{width:100%}.wp-block-file{_display:"-webkit-flex";display:flex;align-items:center;justify-content:center;padding:1.25rem;background-color:var(--gray-light);border:1px solid;border-color:rgba(var(--blackRGB), 0.10);border-radius:4px}.wp-block-file.alignleft{justify-content:flex-start}.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-spacer{margin-bottom:0}.wp-block-separator{display:block;border-top:2px solid;border-color:var(--gray);margin-top:2.5rem;margin-bottom:2.5rem;margin-right:auto;margin-left:auto;padding:0;line-height:1;width:120px}.wp-block-separator.is-style-wide{width:650px}.wp-block-separator.is-style-dots{border:0;height:auto;width:auto;text-align:center}.wp-block-separator.is-style-dots::before{content:"\00b7 \00b7 \00b7";padding-left:2rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;color:var(--text);font-size:1.125em;letter-spacing:2rem}table.wp-block-table,.wp-block-table table{width:100%;background-color:var(--white);--tableBorder: var(--black);--tableHeader: var(--gray-light);--tableBg: rgba(var(--grayRGB), .1)}table.wp-block-table thead tr,table.wp-block-table tfoot tr,.wp-block-table table thead tr,.wp-block-table table tfoot tr{font-weight:700;text-align:left;background-color:var(--tableHeader)}table.wp-block-table thead tr,.wp-block-table table thead tr{border-bottom:2px solid var(--tableBorder)}table.wp-block-table tfoot tr,.wp-block-table table tfoot tr{border-top:2px solid var(--tableBorder)}table.wp-block-table th,table.wp-block-table td,.wp-block-table table th,.wp-block-table table td{padding-top:0.5rem;padding-bottom:0.5rem;padding-right:1rem;padding-left:1rem;border:1px solid;border-color:rgba(var(--blackRGB), 0.10)}@media (max-width: 767px){table.wp-block-table td,.wp-block-table table td{padding-top:0.25rem;padding-bottom:0.25rem;padding-right:0.5rem;padding-left:0.5rem}}.wp-block-table.is-style-stripes tr:nth-child(even){background-color:var(--tableBg)}.wp-block-table.has-fixed-layout{width:100%;table-layout:fixed}.wp-block-table .has-subtle-pale-green-background-color{--tableBorder: var(--green);--tableHeader: var(--green-light);--tableBg: rgba(var(--greenRGB), .1)}.wp-block-table .has-subtle-pale-blue-background-color{--tableBorder: var(--blue);--tableHeader: var(--blue-light);--tableBg: rgba(var(--blueRGB), .1)}.wp-block-table .has-subtle-pale-pink-background-color{--tableBorder: var(--red);--tableHeader: var(--red-light);--tableBg: rgba(var(--redRGB), .1)}.is-style-squared a{border-radius:4px}.wp-block-columns{_display:"-webkit-flex";display:flex;grid-row-gap:20px;grid-column-gap:20px}@media (max-width: 767px){.wp-block-columns{flex-wrap:wrap}}.wp-block-column{flex:1}.wp-block-column>*:last-child{margin-bottom:0}@media (min-width: 768px){.wp-block-column+.wp-block-column{margin-left:1.5rem}}@media (max-width: 767px){.wp-block-column{width:100%;flex-basis:100% !important}.wp-block-column+.wp-block-column{margin-top:1.5rem}}@media (min-width: 768px){.is-style-h-2-1 .wp-block-column:nth-child(1){flex:2}.is-style-h-2-1 .wp-block-column:nth-child(2){flex:1}.is-style-h-1-2 .wp-block-column:nth-child(1){flex:1}.is-style-h-1-2 .wp-block-column:nth-child(2){flex:2}}@media (max-width: 767px){.is-style-h-1-1-mobile .wp-block-column{flex-basis:50% !important}.is-style-h-1-1-mobile .wp-block-column:nth-child(even){margin-top:0}}.wp-block-media-text{_display:"-ms-grid";display:grid;grid-row-gap:20px;grid-column-gap:20px}.wp-block-media-text[class*="-background-color"]{padding:1rem;border-radius:4px}@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{margin-bottom:0;grid-area:media}@media (min-width: 481px){.is-image-fill .wp-block-media-text__media{align-self:stretch;background-repeat:no-repeat;background-size:cover;border-radius:4px}.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-media-text__content>*:last-child{margin-bottom:0}.wp-block-code,.wp-block-preformatted{padding:1rem;border:1px solid;border-color:rgba(var(--blackRGB), 0.10);background-color:var(--gray-light);border-radius:4px;font-size:15px}.wp-block-code code,.wp-block-preformatted code{padding:0;border:0;background-color:transparent}pre,code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}code{padding-top:0;padding-bottom:0;padding-right:0.5rem;padding-left:0.5rem}.wp-block-embed{margin-top:2rem;margin-bottom:2rem;text-align:center}.wp-block-embed__wrapper{_display:"-webkit-flex";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;left:0;bottom:0;width:100%;height:100%}.wp-block-embed-wordpress blockquote{display:none}.wp-block-embed-wordpress iframe{clip:auto !important}.h-block-readmore{margin-top:2rem;margin-bottom:2rem;transition:all 0.25s ease-out}.h-block-readmore .button{display:block;padding-top:1rem;padding-bottom:1rem;text-transform:uppercase;text-align:center}.h-block-readmore ~ *{transition:all 0.25s ease-out}.h-block-readmore:not(.--expanded) ~ *{display:block;overflow:hidden;height:0;padding:0;margin:0;border:0;transition:all 0.25s ease-out}.h-block-readmore.--expanded{overflow:hidden;height:0;padding:0;margin:0}.has-fixed-nav main{padding-top:74px;color:#1976d2}@media (max-width: 782px){html[lang]{margin-top:0 !important}#wpadminbar{display:none}} diff --git a/assets/css/framework.css b/assets/css/framework.css index 03357cf..18a16d4 100644 --- a/assets/css/framework.css +++ b/assets/css/framework.css @@ -1,26 +1,27 @@ -*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{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}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}body{-webkit-animation:bugfix infinite 1s}@-webkit-keyframes bugfix{from{padding:0}to{padding:0}}a{cursor:pointer;text-decoration:none;background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:bold}em{font-style:italic}h1,h2,h3,h4,h5,h6{margin:0}img{border:0;display:inline-block;vertical-align:middle;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}hr{-moz-box-sizing:content-box;box-sizing:content-box;display:block;height:1px;margin:1em 0;padding:0;border:0;border-top:1px solid #ccc}blockquote cite{display:block;font-style:italic}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}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}object,embed{height:100%}[hidden],template{display:none}address,cite{font-style:normal}abbr[title]{border-bottom:1px dotted}dfn{font-style:italic}mark{background:#ff0;color:#000}q{quotes:"\201C" "\201D" "\2018" "\2019"}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}button,input,optgroup,select,textarea{outline:none;margin:0;color:inherit;font:inherit}button,input[type="submit"]{overflow:visible;cursor:pointer;outline:none;-webkit-backface-visibility:hidden}button:focus,input[type="submit"]:focus{outline:none}button,select{text-transform:none}optgroup{font-weight:bold}button,input,label{line-height:normal}label{display:block}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input::-webkit-calendar-picker-indicator{display:none}input[type="date"]::-webkit-input-placeholder{visibility:hidden !important}textarea{overflow:auto;vertical-align:top;resize:vertical;height:auto;min-height:50px}legend{border:0;padding:0}fieldset{border:0;margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.hide{display:none !important;visibility:hidden !important}.flex-iframe{overflow:hidden;position:relative;height:0;padding-bottom:67.5%;padding-top:1.38889rem}.flex-iframe iframe,.flex-iframe object,.flex-iframe embed,.flex-iframe video{position:absolute;top:0;left:0;height:100%;width:100%}h-grid{_display:"-ms-grid";display:grid;grid-template-columns:repeat(12, 1fr);grid-column-gap:20px;max-width:1152px;padding-right:16px;padding-left:16px;margin:0 auto;width:100%}h-grid.collapse{grid-column-gap: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: 767px){[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:20px;grid-row-gap:20px}h-tile.collapse{grid-column-gap: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)}@media (max-width: 767px){[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)}.small-tile-6{grid-template-columns:repeat(6, 1fr)}.small-tile-7{grid-template-columns:repeat(7, 1fr)}.small-tile-8{grid-template-columns:repeat(8, 1fr)}}h1{font-size:2.625em}@media (max-width: 767px){h1{font-size:1.875em}}h2,.content-error span{font-size:2.25em}@media (max-width: 767px){h2,.content-error span{font-size:1.625em}}h3{font-size:1.875em}@media (max-width: 767px){h3{font-size:1.375em}}h4,div#jp-relatedposts.jp-next-prev div.jp-relatedposts-items .jp-relatedposts-nothumb .jp-relatedposts-post-title{font-size:1.5em}@media (max-width: 767px){h4,div#jp-relatedposts.jp-next-prev div.jp-relatedposts-items .jp-relatedposts-nothumb .jp-relatedposts-post-title{font-size:1.25em}}h5,div#jp-relatedposts h3.jp-relatedposts-headline,.post-comments h4{font-size:1.25em}@media (max-width: 767px){h5,div#jp-relatedposts h3.jp-relatedposts-headline,.post-comments h4{font-size:1.125em}}h6{font-size:1em}@media (max-width: 767px){h6{font-size:1em}}body{position:relative;background:#fff;font-size:16px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:400;line-height:1.65;color:#222}p{margin-top:0;margin-bottom:0}a{color:inherit;transition:all 0.25s ease-out}a:hover{color:inherit}h1,h2,h3,h4,h5,h6{font-family:"Apple Garamond","Baskerville","Times New Roman","Droid Serif","Times","Source Serif Pro",serif;font-weight:700;line-height:1.25;color:#222;letter-spacing:0;text-transform:none}ul{list-style-type:disc}ul ul{list-style-type:circle}ol{list-style-type:decimal}ol ol{list-style-type:lower-alpha}@media (min-width: 768px){.hide-for-l,.show-for-s{display:none !important}}@media (max-width: 767px){.hide-for-s,.show-for-l{display:none !important}}@media (min-width: 481px){.show-for-xs{display:none !important}}@media (max-width: 480px){.hide-for-xs{display:none !important}}:root{--main: #1976d2;--mainRGB: 25, 118, 210 - ;--main-dark: #0e4377;--main-darkRGB: 14, 67, 119 - ;--main-light: #bbdefb;--main-lightRGB: 187, 222, 251 - ;--sub: #b0bec5;--subRGB: 176, 190, 197 - ;--sub-dark: #90a4ae;--sub-darkRGB: 144, 164, 174 - ;--sub-light: #eceff1;--sub-lightRGB: 236, 239, 241 - ;--red: #d32f2f;--redRGB: 211, 47, 47 +/*! + EDJE Functional Sass v3.0.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{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}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}body{-webkit-animation:bugfix infinite 1s}@-webkit-keyframes bugfix{from{padding:0}to{padding:0}}a{cursor:pointer;text-decoration:none;background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:bold}em{font-style:italic}h1,h2,h3,h4,h5,h6{margin:0}img{border:0;display:inline-block;vertical-align:middle;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}hr{-moz-box-sizing:content-box;box-sizing:content-box;display:block;height:1px;margin:1em 0;padding:0;border:0;border-top:1px solid #ccc}blockquote cite{display:block;font-style:italic}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}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}object,embed{height:100%}[hidden],template{display:none}address,cite{font-style:normal}abbr[title]{border-bottom:1px dotted}dfn{font-style:italic}mark{background:#ff0;color:#000}q{quotes:"\201C" "\201D" "\2018" "\2019"}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}button,input,optgroup,select,textarea{outline:none;margin:0;color:inherit;font:inherit}button,input[type="submit"]{overflow:visible;cursor:pointer;outline:none;-webkit-backface-visibility:hidden}button:focus,input[type="submit"]:focus{outline:none}button,select{text-transform:none}optgroup{font-weight:bold}button,input,label{line-height:normal}label{display:block}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input::-webkit-calendar-picker-indicator{display:none}input[type="date"]::-webkit-input-placeholder{visibility:hidden !important}textarea{overflow:auto;vertical-align:top;resize:vertical;height:auto;min-height:50px}legend{border:0;padding:0}fieldset{border:0;margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.hide{display:none !important;visibility:hidden !important}.flex-iframe{overflow:hidden;position:relative;height:0;padding-bottom:67.5%;padding-top:1.38889rem}.flex-iframe iframe,.flex-iframe object,.flex-iframe embed,.flex-iframe video{position:absolute;top:0;left:0;height:100%;width:100%}h-grid{_display:"-ms-grid";display:grid;grid-template-columns:repeat(12, 1fr);grid-column-gap:20px;max-width:1152px;padding-right:16px;padding-left:16px;margin:0 auto;width:100%}h-grid.collapse{grid-column-gap: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: 767px){[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:20px;grid-row-gap:20px}h-tile.collapse{grid-column-gap: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)}@media (max-width: 767px){[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)}.small-tile-6{grid-template-columns:repeat(6, 1fr)}.small-tile-7{grid-template-columns:repeat(7, 1fr)}.small-tile-8{grid-template-columns:repeat(8, 1fr)}}h1{font-size:2.625em}@media (max-width: 767px){h1{font-size:1.875em}}h2,.content-error span{font-size:2.25em}@media (max-width: 767px){h2,.content-error span{font-size:1.625em}}h3{font-size:1.875em}@media (max-width: 767px){h3{font-size:1.375em}}h4,div#jp-relatedposts.jp-next-prev div.jp-relatedposts-items .jp-relatedposts-nothumb .jp-relatedposts-post-title{font-size:1.5em}@media (max-width: 767px){h4,div#jp-relatedposts.jp-next-prev div.jp-relatedposts-items .jp-relatedposts-nothumb .jp-relatedposts-post-title{font-size:1.25em}}h5,div#jp-relatedposts h3.jp-relatedposts-headline,.post-comments h4{font-size:1.25em}@media (max-width: 767px){h5,div#jp-relatedposts h3.jp-relatedposts-headline,.post-comments h4{font-size:1.125em}}h6{font-size:1em}@media (max-width: 767px){h6{font-size:1em}}body{position:relative;background:var(--body);font-size:16px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:400;line-height:1.65;color:var(--text)}p{margin-top:0;margin-bottom:0}a{color:inherit;transition:all 0.25s ease-out}a:hover{color:var(--blue)}h1,h2,h3,h4,h5,h6{font-family:"Apple Garamond","Baskerville","Times New Roman","Droid Serif","Times","Source Serif Pro",serif;font-weight:700;line-height:1.25;color:var(--header);letter-spacing:0;text-transform:none}ul{list-style-type:disc}ul ul{list-style-type:circle}ol{list-style-type:decimal}ol ol{list-style-type:lower-alpha}@media (min-width: 768px){.hide-for-l,.show-for-s{display:none !important}}@media (max-width: 767px){.hide-for-s,.show-for-l{display:none !important}}@media (min-width: 481px){.show-for-xs{display:none !important}}@media (max-width: 480px){.hide-for-xs{display:none !important}}:root{--red: #d32f2f;--redRGB: 211, 47, 47 + ;--red-dark: #b71c1c;--red-darkRGB: 183, 28, 28 ;--red-light: #ffcdd2;--red-lightRGB: 255, 205, 210 - ;--yellow: #ffee58;--yellowRGB: 255, 238, 88 - ;--yellow-light: #fff9c4;--yellow-lightRGB: 255, 249, 196 ;--orange: #fB8c00;--orangeRGB: 251, 140, 0 + ;--orange-dark: #e65100;--orange-darkRGB: 230, 81, 0 ;--orange-light: #ffe0b2;--orange-lightRGB: 255, 224, 178 + ;--yellow: #ffee58;--yellowRGB: 255, 238, 88 + ;--yellow-dark: #ffd600;--yellow-darkRGB: 255, 214, 0 + ;--yellow-light: #fff9c4;--yellow-lightRGB: 255, 249, 196 ;--green: #4caf50;--greenRGB: 76, 175, 80 + ;--green-dark: #2e7d32;--green-darkRGB: 46, 125, 50 ;--green-light: #c8e6c9;--green-lightRGB: 200, 230, 201 ;--blue: #1976d2;--blueRGB: 25, 118, 210 + ;--blue-dark: #1565c0;--blue-darkRGB: 21, 101, 192 ;--blue-light: #bbdefb;--blue-lightRGB: 187, 222, 251 - ;--black: #000;--blackRGB: 0, 0, 0 - ;--white: #fff;--whiteRGB: 255, 255, 255 ;--gray: #b0bec5;--grayRGB: 176, 190, 197 - ;--gray-light: #eceff1;--gray-lightRGB: 236, 239, 241 ;--gray-dark: #90a4ae;--gray-darkRGB: 144, 164, 174 - ;--text: #222;--textRGB: 34, 34, 34 + ;--gray-light: #eceff1;--gray-lightRGB: 236, 239, 241 + ;--black: #000;--blackRGB: 0, 0, 0 + ;--white: #fff;--whiteRGB: 255, 255, 255 + ;--main: var(--blue);--main-dark: var(--blue-dark);--main-light: var(--blue-light);--sub: var(--gray);--sub-dark: var(--gray-dark);--sub-light: var(--gray-light);--text: #222;--textRGB: 34, 34, 34 ;--passive: #888;--passiveRGB: 136, 136, 136 - ;--header: #222;--headerRGB: 34, 34, 34 - ;--body: #fff;--bodyRGB: 255, 255, 255 - }.pagination{_display:"-webkit-flex";display:flex;margin-top:2rem;margin-bottom:2rem;font-size:.875em;color:var(--passive);text-align:center}.pagination a,.pagination select{cursor:pointer;width:auto;-moz-appearance:none;-webkit-appearance:none;appearance:none}.pagination a{align-self:center}.pagination a:first-child{margin-right:auto}.pagination a:last-child{margin-left:auto}.pagination a:not([href]){visibility:hidden;opacity:0}.post-tease{_display:"-webkit-flex";display:flex;flex-direction:row-reverse;position:relative;padding-bottom:2rem;margin-top:2rem;margin-bottom:2rem;border-bottom:1px solid;border-color:var(--gray)}.post-tease a{text-decoration:none;color:inherit}.post-tease figure{margin-bottom:0;margin-left:0.75rem}@media (max-width: 767px){.post-tease{display:block}.post-tease figure{float:right}.post-tease img{width:150px}}@media (max-width: 960px){.post-tease img{width:100px}}.tease-body{flex:1}.tease-body>a:hover h3{text-decoration:underline}.tease-body h3{margin:0;margin-bottom:0.5rem}.tease-body p{margin-bottom:1rem}@media (max-width: 767px){.tease-body h3{clear:none}}.blog-nav{_display:"-webkit-flex";display:flex;flex-wrap:wrap;margin-top:2rem;margin-bottom:2rem;padding-top:0.5rem;padding-bottom:0.5rem;border-bottom:2px solid #222;border-top:1px solid #b0bec5}.blog-nav a{display:inline-block;padding-top:0.25rem;padding-bottom:0.25rem;padding-right:0.5rem;padding-left:0.5rem;color:var(--text);text-transform:uppercase;font-size:.875em;letter-spacing:.025em;border-radius:4px;transition:all 0.25s ease-out}.blog-nav a:hover{color:var(--main)}.blog-nav a.active{background-color:var(--main);color:var(--white)}.post-header{position:relative;margin-top:2rem;margin-bottom:2rem;margin-right:0;margin-left:0}.post-header h1,.post-header h2{margin-bottom:1rem}.post-header p{margin-bottom:1rem}.post-header a:hover{text-decoration:underline}.author .post-header small{display:block;font-size:1rem;font-weight:400}.author .post-header img{float:right;border-radius:4px;width:70px}.post-meta{position:relative}.post-meta a{color:inherit;text-decoration:none}.post-meta a:hover{text-decoration:underline}.post-meta .dashicons-before::before{font-size:1rem;vertical-align:middle;width:1em;height:1em}.meta-author{padding-right:0.5rem}.meta-category{text-transform:uppercase}.meta-date,.meta-comments{display:inline-block;padding-right:0.5rem;padding-left:0.5rem;border-left:1px solid;border-color:var(--gray)}@media (max-width: 767px){.meta-date,.meta-comments{padding-right:05rem;padding-left:05rem}}@media (max-width: 480px){.meta-date,.meta-comments{width:100rem}}.post-author{_display:"-webkit-flex";display:flex;padding-top:2rem;padding-bottom:2rem;margin-top:1rem;border-top:1px solid;border-color:var(--gray)}.post-author h6{margin-top:0;margin-bottom:0.5rem}@media (max-width: 480px){.post-author{flex-direction:column;text-align:center}}.banner-author{padding-top:2rem;padding-bottom:2rem;text-align:center}.author-image img{border:1px solid;border-color:var(--gray);padding:0.25rem;border-radius:4px;height:4em;width:4em}.banner-author .author-image{margin-bottom:1rem}@media (max-width: 480px){.author-image{margin-bottom:1rem}}.post-author .author-text{flex:1;padding-top:0;padding-bottom:0;padding-right:0.75rem;padding-left:0.75rem}.post-author .author-text p{margin-bottom:0;font-size:.875em}.banner-author .author-text{margin-bottom:1.5rem}.author-text *+p{margin-top:0.5rem}.author-text a{color:inherit;text-decoration:none}.author-text a:hover{color:inherit;text-decoration:underline}.author-text b{text-transform:uppercase;font-weight:400;font-size:.875em;letter-spacing:.05em}.post-author .author-text b{display:none}.author-text .author-url{color:var(--passive)}.banner-author .author-text .author-url{color:var(--main)}@media (max-width: 480px){.author-text{margin-bottom:1rem}}.post-footer{padding-top:1rem;background-color:rgba(var(--blackRGB), 0.05)}.post-footer-grid{grid-template-columns:repeat(4, 1fr);max-width:617px}div#jp-relatedposts h3.jp-relatedposts-headline,.post-comments h4{display:block;float:none;margin-top:2rem;margin-bottom:2rem;letter-spacing:.05em;text-transform:uppercase}@media (max-width: 767px){div#jp-relatedposts h3.jp-relatedposts-headline,.post-comments h4{font-size:1.125em}}div#jp-relatedposts{display:block;padding-top:0;margin-bottom:3rem}div#jp-relatedposts div.jp-relatedposts-items{_display:"-webkit-flex";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: 767px){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%;opacity:1;background-color:var(--white);box-shadow:0 0.5px 2px rgba(0,0,0,0.18),0 1.5px 6px rgba(0,0,0,0.08);border-radius:4px}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:025rem;margin-left:025rem}}@media (max-width: 767px){div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post{width:100rem;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:1.125em;letter-spacing:0;line-height:1.25}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:700;color:inherit}@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:100rem;font-size:.875em}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:.6}@media (max-width: 480px){div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date{font-size:.875em}}@media (max-width: 870px){div#jp-relatedposts div.jp-relatedposts-items div.jp-relatedposts-post-thumbs{font-size:.875em}}@media (max-width: 767px){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:50rem;margin:0 10px}@media (max-width: 767px){div#jp-relatedposts.jp-next-prev div.jp-relatedposts-items .jp-relatedposts-post{padding:05rem}}@media (max-width: 767px){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:"-webkit-flex";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-nothumb-excerpt{margin-top:1rem}@media (max-width: 767px){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}.post-comments ul{list-style-type:none}.comments-list{margin-top:2rem}.comments-list>li{padding:1.25rem;margin-bottom:1.5rem;background-color:var(--white);border:1px solid;border-color:rgba(var(--blackRGB), 0.10);border-radius:4px}.comment{position:relative}.comment.bypostauthor .comment-avatar{padding:1px}.comment .avatar{margin-right:0.75rem;width:2.5em;height:2.5em}.comment-header{_display:"-webkit-flex";display:flex;flex-wrap:wrap;align-items:center;margin-bottom:1rem}.comment-header time{margin-left:0.5rem;font-size:.875em;color:var(--passive)}.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:.875em}.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;background-color:rgba(var(--mainRGB), 0.10);border-radius:4px;font-size:.875em;font-weight:700;letter-spacing:.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:"-webkit-flex";display:flex;flex-wrap:wrap;padding:1rem;background-color:var(--white);box-shadow:0 1.5px 4px rgba(0,0,0,0.24),0 1.5px 6px rgba(0,0,0,0.12);border-radius:4px}.comments-list .comment-form{margin-top:1.25rem}.comment-form p{_display:"-webkit-flex";display:flex;flex-direction:column;width:100%;margin-bottom:1rem}.comment-form label{cursor:pointer;margin-bottom:0.5rem;text-transform:uppercase;color:var(--passive);letter-spacing:.05em;font-size:.875em}.comment-form .comment-notes,.comment-form .logged-in-as{display:block;color:var(--passive);font-size:.875em}.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.10);box-shadow:none;height:4.5rem}.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-right:0.5rem;margin-top:2px}p.comment-form-cookies-consent label{display:inline-block;text-transform:none}p.form-submit{align-items:center;margin-bottom:0}.sharedaddy{margin:2em 0 2em;padding-top:2em;border-top:1px solid #b0bec5}.sharedaddy .share-end{display:none}.sharedaddy .sd-title{margin-bottom:1rem;font-size:.875em;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.sharedaddy .sd-title::before{display:none}.sd-content ul{display:-webkit-flex;display:flex;flex-wrap:wrap;list-style-type:none;padding-left:0;margin:0 -4px}.sd-content li{display:-webkit-flex;display:flex;align-items:center;padding:0 4px;margin-bottom:8px}.sd-button{display:inline-block;overflow:hidden;border:1px solid #333;border-bottom-width:2px;text-decoration:none;color:#333;border-radius:4px}.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:0px;padding-bottom:0px;border-radius:4px}.sd-social-icon .sd-button.share-more::before{margin-right:4px}.sd-button:hover{background-color:rgba(51,51,51,0.2);color:inherit}.sd-button:active{border-top-width:2px;border-bottom-width:1px}.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;font-family:'social-logos';font-size:18px;line-height:1;vertical-align:middle;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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:4px}.social-logo__twitter:hover::before{color:#00acee}.social-logo__twitter-alt:hover::before{color:#00acee}.sd-button.share-twitter{border-color:#00acee;color:#00acee}.sd-button.share-twitter:hover{background-color:rgba(0,172,238,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{color:#3b5998}.sd-button.share-facebook{border-color:#3b5998;color:#3b5998}.sd-button.share-facebook:hover{background-color:rgba(59,89,152,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__google-plus-1:hover::before{color:#dd4b39}.social-logo__google-plus:hover::before{color:#dd4b39}.sd-button.share-google-plus-1{border-color:#dd4b39;color:#dd4b39}.sd-button.share-google-plus-1:hover{background-color:rgba(221,75,57,0.2)}.social-logo.social-logo__google-plus-1::before,.sd-social-icon-text .sd-button.share-google-plus-1::before,.sd-social-icon .sd-button.share-google-plus-1::before{content:""}.social-logo__pinterest:hover::before{color:#ca1f27}.social-logo__pinterest-alt:hover::before{color:#ca1f27}.sd-button.share-pinterest{border-color:#ca1f27;color:#ca1f27}.sd-button.share-pinterest:hover{background-color:rgba(202,31,39,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{color:#25d366}.social-logo__whatsapp:hover::before{color:#25d366}.sd-button.share-jetpack-whatsapp{border-color:#25d366;color:#25d366}.sd-button.share-jetpack-whatsapp:hover{background-color: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{color:#00aff0}.sd-button.share-skype{border-color:#00aff0;color:#00aff0}.sd-button.share-skype:hover{background-color:rgba(0,175,240,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{color:#ee4056}.sd-button.share-pocket{border-color:#ee4056;color:#ee4056}.sd-button.share-pocket:hover{background-color:rgba(238,64,86,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{color:#0077b5}.sd-button.share-linkedin{border-color:#0077b5;color:#0077b5}.sd-button.share-linkedin:hover{background-color:rgba(0,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{color:#f54b00}.sd-button.share-reddit{border-color:#f54b00;color:#f54b00}.sd-button.share-reddit:hover{background-color:rgba(245,75,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{color:#324f6d}.sd-button.share-tumblr{border-color:#324f6d;color:#324f6d}.sd-button.share-tumblr:hover{background-color:rgba(50,79,109,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{color:#08c}.sd-button.share-telegram{border-color:#08c;color:#08c}.sd-button.share-telegram:hover{background-color: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{color:#dd4b39}.sd-button.share-youtube{border-color:#dd4b39;color:#dd4b39}.sd-button.share-youtube:hover{background-color:rgba(221,75,57,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{color:#8a3ab9}.sd-button.share-instagram{border-color:#8a3ab9;color:#8a3ab9}.sd-button.share-instagram:hover{background-color:rgba(138,58,185,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__custom-line:hover::before{color:#03c302}.sd-button.share-custom-line{border-color:#03c302;color:#03c302}.sd-button.share-custom-line:hover{background-color:rgba(3,195,2,0.2)}.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.25em;background:left no-repeat;background-size:1em}.social-logo{font-weight:normal;font-size:1.5em;line-height:1;vertical-align:top;color:rgba(0,0,0,0.4)}.main-footer .social-logo{color:rgba(255,255,255,0.4)}.button,[type="submit"],[type="reset"],.wp-block-file__button,.wp-block-button__link{cursor:pointer;overflow:hidden;display:inline-block;background-color:var(--main);border:1px solid;border-bottom:2px solid;border-color:rgba(var(--blackRGB), 0.25);padding-top:0.5rem;padding-bottom:0.5rem;padding-right:1.5rem;padding-left:1.5rem;white-space:nowrap;font-weight:600;font-size:1.125em;line-height:normal;vertical-align:top;color:var(--white);text-decoration:none;border-radius:999px;transition:none;outline:none}.button:hover,[type="submit"]:hover,[type="reset"]:hover,.wp-block-file__button:hover,.wp-block-button__link:hover{color:var(--white);border-color:rgba(var(--blackRGB), 0.50)}.button:active,[type="submit"]:active,[type="reset"]:active,.wp-block-file__button:active,.wp-block-button__link:active{border-top-width:2px;border-bottom-width:1px}.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.--passive,.button.--loading{background-color:var(--gray-light);border-color:rgba(var(--blackRGB), 0.10);color:var(--text)}.button.--passive:hover,.button.--loading:hover{border-color:rgba(var(--blackRGB), 0.25);color:var(--text)}.button.--outline,.is-style-outline .wp-block-button__link{background-color:transparent;color:var(--main);border-color:inherit}.button.--outline:hover,.is-style-outline .wp-block-button__link:hover{background-color:rgba(var(--mainRGB), 0.10)}.button.--loading{cursor:not-allowed;background-position:center center;background-repeat:no-repeat;background-image:url("../../../../../wp-admin/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-top:0.75rem;padding-bottom:0.75rem;padding-right:0.5rem;padding-left:0.5rem;border:2px solid;border-color:var(--gray);border-radius:4px;line-height:normal;transition:all 0.25s ease-out}[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{border-color:var(--main);box-shadow:0 0 0 2px #78dcfa}select{border-width:2px 2px 3px}[type="radio"],[type="checkbox"]{cursor:pointer;border:1px solid;border-color:rgba(var(--blackRGB), 0.25);width:1rem;height:1rem;vertical-align:bottom;transition:all 0.25s ease-out;-moz-appearance:none;-webkit-appearance:none;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 #1976d2}[type="checkbox"]{border-radius:4px}[type="radio"]{border-radius:50%}.content-error{text-align:center;padding:100px 0}@media (max-width: 767px){.content-error{padding-top:2rem;padding-bottom:2rem}}.content-error h1{margin-bottom:1rem;text-transform:uppercase;line-height:1;color:var(--main)}.content-error span{display:block;color:var(--text)}form.wpcf7-form{padding:0.75rem;margin-right:auto;margin-left:auto;background-color:var(--white);box-shadow:0 1.5px 4px rgba(0,0,0,0.24),0 1.5px 6px rgba(0,0,0,0.12);max-width:570px}form.wpcf7-form br{display:none}form.wpcf7-form label{display:block;font-size:.875em;font-weight:600;letter-spacing:.05em;text-transform:uppercase}div.wpcf7 span.wpcf7-not-valid-tip{color:var(--red);font-size:.875em}div.wpcf7 div.wpcf7-response-output{margin:0;margin-top:1rem;text-align:center;border-radius:4px;border-width:1px}div.wpcf7 .wpcf7-validation-errors{background-color:rgba(var(--redRGB), 0.20);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.50);border-color:var(--green);color:var(--green)} + ;--header: var(--text);--body: #fff;--bodyRGB: 255, 255, 255 + }.pagination{_display:"-webkit-flex";display:flex;margin-top:2rem;margin-bottom:2rem;font-size:.875em;color:var(--passive);text-align:center}.pagination a,.pagination select{cursor:pointer;width:auto;-moz-appearance:none;-webkit-appearance:none;appearance:none}.pagination a{align-self:center}.pagination a:first-child{margin-right:auto}.pagination a:last-child{margin-left:auto}.pagination a:not([href]){visibility:hidden;opacity:0}.post-tease{_display:"-webkit-flex";display:flex;flex-direction:row-reverse;position:relative;padding-bottom:2rem;margin-top:2rem;margin-bottom:2rem;border-bottom:1px solid;border-color:var(--gray)}.post-tease a{text-decoration:none;color:inherit}.post-tease figure{margin-bottom:0;margin-left:0.75rem}@media (max-width: 767px){.post-tease{display:block}.post-tease figure{float:right}.post-tease img{width:150px}}@media (max-width: 960px){.post-tease img{width:100px}}.tease-body{flex:1}.tease-body>a:hover h3{text-decoration:underline}.tease-body h3{margin:0;margin-bottom:0.5rem}.tease-body p{margin-bottom:1rem}@media (max-width: 767px){.tease-body h3{clear:none}}.blog-nav{_display:"-webkit-flex";display:flex;flex-wrap:wrap;margin-top:2rem;margin-bottom:2rem;padding-top:0.5rem;padding-bottom:0.5rem;border-bottom:2px solid var(--text);border-top:1px solid var(--gray)}.blog-nav a{display:inline-block;padding-top:0.25rem;padding-bottom:0.25rem;padding-right:0.5rem;padding-left:0.5rem;color:var(--text);text-transform:uppercase;font-size:.875em;letter-spacing:.025em;border-radius:4px;transition:all 0.25s ease-out}.blog-nav a:hover{color:var(--main)}.blog-nav a.active{background-color:var(--main);color:var(--white)}.post-header{position:relative;margin-top:2rem;margin-bottom:2rem;margin-right:0;margin-left:0}.post-header h1,.post-header h2{margin-bottom:1rem}.post-header p{margin-bottom:1rem}.post-header a:hover{text-decoration:underline}.author .post-header small{display:block;font-size:1rem;font-weight:400}.author .post-header img{float:right;border-radius:4px;width:70px}.post-meta{position:relative}.post-meta a{color:inherit;text-decoration:none}.post-meta a:hover{text-decoration:underline}.post-meta .dashicons-before::before{font-size:1rem;vertical-align:middle;width:1em;height:1em}.meta-author{padding-right:0.5rem}.meta-category{text-transform:uppercase}.meta-date,.meta-comments{display:inline-block;padding-right:0.5rem;padding-left:0.5rem;border-left:1px solid;border-color:var(--gray)}@media (max-width: 767px){.meta-date,.meta-comments{padding-right:05rem;padding-left:05rem}}@media (max-width: 480px){.meta-date,.meta-comments{width:100rem}}.post-author{_display:"-webkit-flex";display:flex;padding-top:2rem;padding-bottom:2rem;margin-top:1rem;border-top:1px solid;border-color:var(--gray)}.post-author h6{margin-top:0;margin-bottom:0.5rem}@media (max-width: 480px){.post-author{flex-direction:column;text-align:center}}.banner-author{padding-top:2rem;padding-bottom:2rem;text-align:center}.author-image img{border:1px solid;border-color:var(--gray);padding:0.25rem;border-radius:4px;height:4em;width:4em}.banner-author .author-image{margin-bottom:1rem}@media (max-width: 480px){.author-image{margin-bottom:1rem}}.post-author .author-text{flex:1;padding-top:0;padding-bottom:0;padding-right:0.75rem;padding-left:0.75rem}.post-author .author-text p{margin-bottom:0;font-size:.875em}.banner-author .author-text{margin-bottom:1.5rem}.author-text *+p{margin-top:0.5rem}.author-text a{color:inherit;text-decoration:none}.author-text a:hover{color:inherit;text-decoration:underline}.author-text b{text-transform:uppercase;font-weight:400;font-size:.875em;letter-spacing:.05em}.post-author .author-text b{display:none}.author-text .author-url{color:var(--passive)}.banner-author .author-text .author-url{color:var(--main)}@media (max-width: 480px){.author-text{margin-bottom:1rem}}.post-footer{padding-top:1rem;background-color:rgba(var(--blackRGB), 0.05)}.post-footer-grid{grid-template-columns:repeat(4, 1fr);max-width:617px}div#jp-relatedposts h3.jp-relatedposts-headline,.post-comments h4{display:block;float:none;margin-top:2rem;margin-bottom:2rem;letter-spacing:.05em;text-transform:uppercase}@media (max-width: 767px){div#jp-relatedposts h3.jp-relatedposts-headline,.post-comments h4{font-size:1.125em}}div#jp-relatedposts{display:block;padding-top:0;margin-bottom:3rem}div#jp-relatedposts div.jp-relatedposts-items{_display:"-webkit-flex";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: 767px){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%;opacity:1;background-color:var(--white);box-shadow:0 0.5px 2px rgba(0,0,0,0.18),0 1.5px 6px rgba(0,0,0,0.08);border-radius:4px}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:025rem;margin-left:025rem}}@media (max-width: 767px){div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post{width:100rem;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:1.125em;letter-spacing:0;line-height:1.25}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:700;color:inherit}@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:100rem;font-size:.875em}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:.6}@media (max-width: 480px){div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date{font-size:.875em}}@media (max-width: 870px){div#jp-relatedposts div.jp-relatedposts-items div.jp-relatedposts-post-thumbs{font-size:.875em}}@media (max-width: 767px){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:50rem;margin:0 10px}@media (max-width: 767px){div#jp-relatedposts.jp-next-prev div.jp-relatedposts-items .jp-relatedposts-post{padding:05rem}}@media (max-width: 767px){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:"-webkit-flex";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-nothumb-excerpt{margin-top:1rem}@media (max-width: 767px){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}.post-comments ul{list-style-type:none}.comments-list{margin-top:2rem}.comments-list>li{padding:1.25rem;margin-bottom:1.5rem;background-color:var(--white);border:1px solid;border-color:rgba(var(--blackRGB), 0.10);border-radius:4px}.comment{position:relative}.comment.bypostauthor .comment-avatar{padding:1px}.comment .avatar{margin-right:0.75rem;width:2.5em;height:2.5em}.comment-header{_display:"-webkit-flex";display:flex;flex-wrap:wrap;align-items:center;margin-bottom:1rem}.comment-header time{margin-left:0.5rem;font-size:.875em;color:var(--passive)}.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:.875em}.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;background-color:rgba(var(--mainRGB), 0.10);border-radius:4px;font-size:.875em;font-weight:700;letter-spacing:.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:"-webkit-flex";display:flex;flex-wrap:wrap;padding:1rem;background-color:var(--white);box-shadow:0 1.5px 4px rgba(0,0,0,0.24),0 1.5px 6px rgba(0,0,0,0.12);border-radius:4px}.comments-list .comment-form{margin-top:1.25rem}.comment-form p{_display:"-webkit-flex";display:flex;flex-direction:column;width:100%;margin-bottom:1rem}.comment-form label{cursor:pointer;margin-bottom:0.5rem;text-transform:uppercase;color:var(--passive);letter-spacing:.05em;font-size:.875em}.comment-form .comment-notes,.comment-form .logged-in-as{display:block;color:var(--passive);font-size:.875em}.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.10);box-shadow:none;height:4.5rem}.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-right:0.5rem;margin-top:2px}p.comment-form-cookies-consent label{display:inline-block;text-transform:none}p.form-submit{align-items:center;margin-bottom:0}.sharedaddy{margin:2em 0 2em;padding-top:2em;border-top:1px solid var(--gray)}.sharedaddy .share-end{display:none}.sharedaddy .sd-title{margin-bottom:1rem;font-size:.875em;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.sharedaddy .sd-title::before{display:none}.sd-content ul{display:-webkit-flex;display:flex;flex-wrap:wrap;list-style-type:none;padding-left:0;margin:0 -4px}.sd-content li{display:-webkit-flex;display:flex;align-items:center;padding:0 4px;margin-bottom:8px}.sd-button{display:inline-block;overflow:hidden;border:1px solid #333;border-bottom-width:2px;text-decoration:none;color:#333;border-radius:4px}.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:0px;padding-bottom:0px;border-radius:4px}.sd-social-icon .sd-button.share-more::before{margin-right:4px}.sd-button:hover{background-color:rgba(51,51,51,0.2);color:inherit}.sd-button:active{border-top-width:2px;border-bottom-width:1px}.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;font-family:'social-logos';font-size:18px;line-height:1;vertical-align:middle;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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:4px}.social-logo__twitter:hover::before{color:#00acee}.social-logo__twitter-alt:hover::before{color:#00acee}.sd-button.share-twitter{border-color:#00acee;color:#00acee}.sd-button.share-twitter:hover{background-color:rgba(0,172,238,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{color:#3b5998}.sd-button.share-facebook{border-color:#3b5998;color:#3b5998}.sd-button.share-facebook:hover{background-color:rgba(59,89,152,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__google-plus-1:hover::before{color:#dd4b39}.social-logo__google-plus:hover::before{color:#dd4b39}.sd-button.share-google-plus-1{border-color:#dd4b39;color:#dd4b39}.sd-button.share-google-plus-1:hover{background-color:rgba(221,75,57,0.2)}.social-logo.social-logo__google-plus-1::before,.sd-social-icon-text .sd-button.share-google-plus-1::before,.sd-social-icon .sd-button.share-google-plus-1::before{content:""}.social-logo__pinterest:hover::before{color:#ca1f27}.social-logo__pinterest-alt:hover::before{color:#ca1f27}.sd-button.share-pinterest{border-color:#ca1f27;color:#ca1f27}.sd-button.share-pinterest:hover{background-color:rgba(202,31,39,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{color:#25d366}.social-logo__whatsapp:hover::before{color:#25d366}.sd-button.share-jetpack-whatsapp{border-color:#25d366;color:#25d366}.sd-button.share-jetpack-whatsapp:hover{background-color: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{color:#00aff0}.sd-button.share-skype{border-color:#00aff0;color:#00aff0}.sd-button.share-skype:hover{background-color:rgba(0,175,240,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{color:#ee4056}.sd-button.share-pocket{border-color:#ee4056;color:#ee4056}.sd-button.share-pocket:hover{background-color:rgba(238,64,86,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{color:#0077b5}.sd-button.share-linkedin{border-color:#0077b5;color:#0077b5}.sd-button.share-linkedin:hover{background-color:rgba(0,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{color:#f54b00}.sd-button.share-reddit{border-color:#f54b00;color:#f54b00}.sd-button.share-reddit:hover{background-color:rgba(245,75,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{color:#324f6d}.sd-button.share-tumblr{border-color:#324f6d;color:#324f6d}.sd-button.share-tumblr:hover{background-color:rgba(50,79,109,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{color:#08c}.sd-button.share-telegram{border-color:#08c;color:#08c}.sd-button.share-telegram:hover{background-color: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{color:#dd4b39}.sd-button.share-youtube{border-color:#dd4b39;color:#dd4b39}.sd-button.share-youtube:hover{background-color:rgba(221,75,57,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{color:#8a3ab9}.sd-button.share-instagram{border-color:#8a3ab9;color:#8a3ab9}.sd-button.share-instagram:hover{background-color:rgba(138,58,185,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__custom-line:hover::before{color:#03c302}.sd-button.share-custom-line{border-color:#03c302;color:#03c302}.sd-button.share-custom-line:hover{background-color:rgba(3,195,2,0.2)}.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.25em;background:left no-repeat;background-size:1em}.social-logo{font-weight:normal;font-size:1.5em;line-height:1;vertical-align:top;color:rgba(0,0,0,0.4)}.main-footer .social-logo{color:rgba(255,255,255,0.4)}.button,[type="submit"],[type="reset"],.wp-block-file__button,.wp-block-button__link{cursor:pointer;overflow:hidden;display:inline-block;background-color:var(--main);border:1px solid;border-bottom:2px solid;border-color:rgba(var(--blackRGB), 0.25);padding-top:0.5rem;padding-bottom:0.5rem;padding-right:1.5rem;padding-left:1.5rem;white-space:nowrap;font-weight:600;font-size:1.125em;line-height:normal;vertical-align:top;color:var(--white);text-decoration:none;border-radius:999px;transition:none;outline:none}.button:hover,[type="submit"]:hover,[type="reset"]:hover,.wp-block-file__button:hover,.wp-block-button__link:hover{color:var(--white);border-color:rgba(var(--blackRGB), 0.50)}.button:active,[type="submit"]:active,[type="reset"]:active,.wp-block-file__button:active,.wp-block-button__link:active{border-top-width:2px;border-bottom-width:1px}.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.--passive,.button.--loading{background-color:var(--gray-light);border-color:rgba(var(--blackRGB), 0.10);color:var(--text)}.button.--passive:hover,.button.--loading:hover{border-color:rgba(var(--blackRGB), 0.25);color:var(--text)}.button.--outline,.is-style-outline .wp-block-button__link{background-color:transparent;color:var(--main);border-color:inherit}.button.--outline:hover,.is-style-outline .wp-block-button__link:hover{background-color:rgba(var(--mainRGB), 0.10)}.button.--loading{cursor:not-allowed;background-position:center center;background-repeat:no-repeat;background-image:url("../../../../../wp-admin/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-top:0.75rem;padding-bottom:0.75rem;padding-right:0.5rem;padding-left:0.5rem;border:2px solid;border-color:var(--gray);border-radius:4px;line-height:normal;transition:all 0.25s ease-out}[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{border-color:var(--main);box-shadow:0 0 0 2px #78dcfa}select{border-width:2px 2px 3px}[type="radio"],[type="checkbox"]{cursor:pointer;border:1px solid;border-color:rgba(var(--blackRGB), 0.25);width:1rem;height:1rem;vertical-align:bottom;transition:all 0.25s ease-out;-moz-appearance:none;-webkit-appearance:none;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:4px}[type="radio"]{border-radius:50%}.content-error{text-align:center;padding:100px 0}@media (max-width: 767px){.content-error{padding-top:2rem;padding-bottom:2rem}}.content-error h1{margin-bottom:1rem;text-transform:uppercase;line-height:1;color:var(--main)}.content-error span{display:block;color:var(--text)}form.wpcf7-form{padding:0.75rem;margin-right:auto;margin-left:auto;background-color:var(--white);box-shadow:0 1.5px 4px rgba(0,0,0,0.24),0 1.5px 6px rgba(0,0,0,0.12);max-width:570px}form.wpcf7-form br{display:none}form.wpcf7-form label{display:block;font-size:.875em;font-weight:600;letter-spacing:.05em;text-transform:uppercase}div.wpcf7 span.wpcf7-not-valid-tip{color:var(--red);font-size:.875em}div.wpcf7 div.wpcf7-response-output{margin:0;margin-top:1rem;text-align:center;border-radius:4px;border-width:1px}div.wpcf7 .wpcf7-validation-errors{background-color:rgba(var(--redRGB), 0.20);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.50);border-color:var(--green);color:var(--green)} diff --git a/assets/css/admin-gutenberg.css b/assets/css/my-block-editor.css similarity index 54% rename from assets/css/admin-gutenberg.css rename to assets/css/my-block-editor.css index 0c39a02..f2ec3b4 100644 --- a/assets/css/admin-gutenberg.css +++ b/assets/css/my-block-editor.css @@ -1,26 +1,27 @@ -:root{--main: #1976d2;--mainRGB: 25, 118, 210 - ;--main-dark: #0e4377;--main-darkRGB: 14, 67, 119 - ;--main-light: #bbdefb;--main-lightRGB: 187, 222, 251 - ;--sub: #b0bec5;--subRGB: 176, 190, 197 - ;--sub-dark: #90a4ae;--sub-darkRGB: 144, 164, 174 - ;--sub-light: #eceff1;--sub-lightRGB: 236, 239, 241 - ;--red: #d32f2f;--redRGB: 211, 47, 47 +/*! + EDJE Functional Sass v3.0.0 + Documentation: https://github.com/hrsetyono/edje/wiki +*/:root{--red: #d32f2f;--redRGB: 211, 47, 47 + ;--red-dark: #b71c1c;--red-darkRGB: 183, 28, 28 ;--red-light: #ffcdd2;--red-lightRGB: 255, 205, 210 - ;--yellow: #ffee58;--yellowRGB: 255, 238, 88 - ;--yellow-light: #fff9c4;--yellow-lightRGB: 255, 249, 196 ;--orange: #fB8c00;--orangeRGB: 251, 140, 0 + ;--orange-dark: #e65100;--orange-darkRGB: 230, 81, 0 ;--orange-light: #ffe0b2;--orange-lightRGB: 255, 224, 178 + ;--yellow: #ffee58;--yellowRGB: 255, 238, 88 + ;--yellow-dark: #ffd600;--yellow-darkRGB: 255, 214, 0 + ;--yellow-light: #fff9c4;--yellow-lightRGB: 255, 249, 196 ;--green: #4caf50;--greenRGB: 76, 175, 80 + ;--green-dark: #2e7d32;--green-darkRGB: 46, 125, 50 ;--green-light: #c8e6c9;--green-lightRGB: 200, 230, 201 ;--blue: #1976d2;--blueRGB: 25, 118, 210 + ;--blue-dark: #1565c0;--blue-darkRGB: 21, 101, 192 ;--blue-light: #bbdefb;--blue-lightRGB: 187, 222, 251 - ;--black: #000;--blackRGB: 0, 0, 0 - ;--white: #fff;--whiteRGB: 255, 255, 255 ;--gray: #b0bec5;--grayRGB: 176, 190, 197 - ;--gray-light: #eceff1;--gray-lightRGB: 236, 239, 241 ;--gray-dark: #90a4ae;--gray-darkRGB: 144, 164, 174 - ;--text: #222;--textRGB: 34, 34, 34 + ;--gray-light: #eceff1;--gray-lightRGB: 236, 239, 241 + ;--black: #000;--blackRGB: 0, 0, 0 + ;--white: #fff;--whiteRGB: 255, 255, 255 + ;--main: var(--blue);--main-dark: var(--blue-dark);--main-light: var(--blue-light);--sub: var(--gray);--sub-dark: var(--gray-dark);--sub-light: var(--gray-light);--text: #222;--textRGB: 34, 34, 34 ;--passive: #888;--passiveRGB: 136, 136, 136 - ;--header: #222;--headerRGB: 34, 34, 34 - ;--body: #fff;--bodyRGB: 255, 255, 255 + ;--header: var(--text);--body: #fff;--bodyRGB: 255, 255, 255 } diff --git a/assets/css/shop.css b/assets/css/shop.css index 3499ae6..8979513 100644 --- a/assets/css/shop.css +++ b/assets/css/shop.css @@ -1 +1,4 @@ -.h-close-toast,.category-tease h3,.product-tease h3,.product-purchase .amount,section.upsells>h2,ul.products h2{font-size:1.25em}@media (max-width: 767px){.h-close-toast,.category-tease h3,.product-tease h3,.product-purchase .amount,section.upsells>h2,ul.products h2{font-size:1.125em}}.woocommerce-cart-form{margin-top:2rem;margin-bottom:2rem}.shop_table{width:100%;max-width:960px;border:1px solid #dde3e6}.shop_table th{padding:1rem;text-align:left;background-color:#dde3e6}.shop_table td{padding-top:0.5rem;padding-bottom:0.5rem;padding-right:1rem;padding-left:1rem}.shop_table tr{border-bottom:1px solid #eceff1}.shop_table tr:nth-child(even){background-color:#eceff1}.shop_table .product-name a{font-weight:700}.shop_table .variation dt,.shop_table .variation dd{display:inline-block}.shop_table .product-remove a{display:inline-block;background-color:var(--red);width:1rem;height:1rem;color:var(--white);font-size:1.125em;font-weight:700;text-align:center;border-radius:50%;line-height:0.9}.shop_table .product-remove a:hover{background-color:#811b1b}.shop_table img{height:auto;width:60px}.shop_table label.screen-reader-text{display:none}.shop_table input[type="number"]{width:3.5rem}.shop_table .actions{text-align:right}.shop_table .hoo-subtotal-note{font-size:.875em}.shop_table button[name="update_cart"]{float:left}.cross-sells{margin-top:3rem;margin-bottom:2rem}.cross-sells>h3{margin-bottom:1rem;text-align:center}.nav-item-cart{position:fixed;z-index:100;bottom:1rem;right:1rem}#cart-button{box-shadow:0 1.5px 4px rgba(0,0,0,0.24),0 1.5px 6px rgba(0,0,0,0.12)}#cart-button b{display:inline-block;padding-right:0.5rem;padding-left:0.5rem;background-color:rgba(var(--blackRGB), 0.25);font-size:.875em;border-radius:4px;line-height:1.4}#cart-button.--cart-active{animation:cartBounce 4s 1s infinite}@keyframes cartBounce{0%,10%,25%,40%,50%{transform:translateY(0)}20%{transform:translateY(-10px)}30%{transform:translateY(-5px)}}.cart-dialog{cursor:default;position:absolute;visibility:hidden;z-index:100;opacity:0;bottom:100%;right:0;background-color:var(--gray-light);padding:0.25rem;text-align:center;border-radius:4px;box-shadow:0 0.5px 2px rgba(0,0,0,0.18),0 1.5px 6px rgba(0,0,0,0.08);transition:all 0.25s ease-out;width:340px;transform:translateY(1.5rem)}.cart-dialog::before{content:"";position:absolute;bottom:0;right:2rem;width:1rem;height:1rem;background-color:var(--gray-light);border-radius:4px;transform:translateY(50%) rotate(45deg)}.has-active-cart .cart-dialog{visibility:visible;opacity:1;box-shadow:0 3px 12px rgba(0,0,0,0.23),0 3px 12px rgba(0,0,0,0.16);transform:translateY(-1rem)}.cart-dialog .widgettitle{padding-top:0.5rem;padding-bottom:0.75rem;font-size:.875em;text-transform:uppercase;text-align:center;letter-spacing:2px}.cart-dialog .blockOverlay{background-position:center center;background-repeat:no-repeat;background-color:rgba(255,255,255,0.8) !important;background-image:url("../../../../../wp-admin/images/spinner.gif")}@media (max-width: 767px){.cart-dialog{top:calc(100% + 10px)}}.widget_shopping_cart_content{_display:"-webkit-flex";display:flex;flex-wrap:wrap}.woocommerce-mini-cart{background-color:var(--white);overflow-y:auto;width:100%;max-height:240px;list-style-type:none;text-align:left}.woocommerce-mini-cart-item{position:relative;padding:0.5rem;font-size:.875em;border-bottom:1px solid #dde3e6;line-height:1.5}.woocommerce-mini-cart-item::before,.woocommerce-mini-cart-item::after{content:"";display:table}.woocommerce-mini-cart-item::after{clear:both}.woocommerce-mini-cart-item img{float:left;margin-right:0.5rem;width:40px}.woocommerce-mini-cart-item figure{position:relative}.woocommerce-mini-cart-item a{display:block;color:inherit;font-weight:600}.woocommerce-mini-cart-item a:hover{text-decoration:underline}.woocommerce-mini-cart-item a:hover img{opacity:.7}.woocommerce-mini-cart-item .variation{margin-bottom:0.5rem}.woocommerce-mini-cart-item dt,.woocommerce-mini-cart-item dd{display:inline-block}.woocommerce-mini-cart-item .quantity{font-size:.875em;color:var(--passive);font-weight:700}.woocommerce-mini-cart__total{flex:1;padding:0.5rem;line-height:1.25}.woocommerce-mini-cart__total .woocommerce-Price-amount{font-weight:700}.woocommerce-mini-cart__total strong{font-size:.875em;font-weight:400}.woocommerce-mini-cart__buttons{flex:1;align-self:center;text-align:right;padding-right:0.5rem;padding-left:0.5rem}.woocommerce-mini-cart__buttons a:first-child{display:none}.woocommerce-mini-cart__buttons .button{text-transform:uppercase}.woocommerce-mini-cart__buttons .button::after{content:" »"}a.remove_from_cart_button{_display:"-webkit-flex";display:flex;align-items:center;justify-content:center;position:absolute;background-color:var(--gray-light);top:0.25rem;right:0.25rem;width:1.5rem;height:1.5rem;color:var(--main-dark);text-align:center;line-height:1;border-radius:50%;font-size:20px}a.remove_from_cart_button:hover{background-color:var(--red);color:var(--white);text-decoration:none}.woocommerce-mini-cart__empty-message{padding-top:1.5rem;padding-right:1.5rem;padding-left:1.5rem;padding-bottom:4rem;width:100%;text-align:center;font-size:1.125em}.price del{display:block;opacity:.5;font-size:.875em}.price ins{display:block;text-decoration:none}.woocommerce-Price-currencySymbol{font-weight:400;font-size:.875em}@keyframes flipInX{from{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);animation-timing-function:ease-in}40%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1, 0, 0, 10deg)}80%{transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}to{transform:perspective(400px)}}.woocommerce-info,.woocommerce-message,.woocommerce-error{_display:"-webkit-flex";display:flex;flex-direction:column-reverse;align-items:flex-end;position:fixed;z-index:100;padding:1.25rem;background-color:var(--gray-light);box-shadow:0 3px 12px rgba(0,0,0,0.23),0 3px 12px rgba(0,0,0,0.16);border-radius:4px;-webkit-backface-visibility:hidden;backface-visibility:hidden;bottom:1em;right:1em;animation:1s flipInX both}.woocommerce-info .button,.woocommerce-message .button,.woocommerce-error .button{margin-top:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem}.woocommerce-error{background-color:var(--red);list-style-type:none;color:var(--white)}.h-close-toast{cursor:pointer;position:absolute;top:0;left:0;background-color:var(--red);text-align:center;color:var(--white);line-height:1;font-weight:700;border-radius:50%;box-shadow:0 1.5px 4px rgba(0,0,0,0.24),0 1.5px 6px rgba(0,0,0,0.12);width:24px;height:24px;transform:translateX(-50%) translateY(-50%)}.h-close-toast:hover{opacity:.7}.woocommerce-store-notice{position:fixed;bottom:0;left:0;right:0;background-color:var(--main);padding-top:0.5rem;padding-bottom:0.5rem;padding-right:1rem;padding-left:1rem;text-align:center;color:var(--white);box-shadow:0 3px 12px rgba(0,0,0,0.23),0 3px 12px rgba(0,0,0,0.16)}.woocommerce-store-notice a{display:inline-block;float:right;background-color:var(--main-dark);padding-top:0.5rem;padding-bottom:0.5rem;padding-right:2rem;padding-left:2rem;color:var(--white);text-decoration:underline;margin:-0.5em -1em}.woocommerce-store-notice a:hover{opacity:.7}.shop-categories{margin:0;margin-bottom:3rem}.shop-categories h2{margin-bottom:1rem;font-weight:400;text-align:center}.category-tease:hover figure{opacity:.8}.category-tease:hover h3{text-decoration:underline}.category-tease figure{margin-bottom:1rem;transition:all 0.25s ease-out}.category-tease img{border-radius:4px}.category-tease h3{color:var(--text);text-align:center}.before-products{_display:"-webkit-flex";display:flex;align-items:center;margin-bottom:2rem}.before-products p{margin-right:1rem;margin-left:auto;font-size:.875em}.shop-products{margin-top:2rem;margin-bottom:2rem;margin-right:0;margin-left:0}.product-tease{position:relative;text-align:center}.product-tease a:hover figure{opacity:.8}.product-tease a:hover h3{text-decoration:underline}.product-tease figure{margin-bottom:1rem;transition:all 0.25s ease-out}.product-tease img{border-radius:4px}.product-tease .price{display:block}.product-tease .button{margin-top:0.5rem;font-size:.875em;vertical-align:middle}.product-tease .button.added{position:relative;background-color:var(--green);color:transparent;border-color:var(--green);border-color:#3d8b40}.product-tease .button.added::after{content:"\f147";position:absolute;top:50%;left:50%;color:var(--white);font-weight:400;font-family:"dashicons";font-size:1.5em;transform:translateX(-50%) translateY(-50%)}.product-tease .added_to_cart{display:none}.onsale{display:inline-block;padding-top:0;padding-bottom:0;padding-right:1rem;padding-left:1rem;border:1px dashed;border-color:var(--white);background-color:var(--red);color:var(--white);font-weight:700;font-size:.875em;text-transform:uppercase;border-radius:4px;box-shadow:0 0 0 2px #d32f2f}.product-tease .onsale{position:absolute;top:1em;right:1em}.product-figure .onsale{position:absolute;z-index:5;top:10px;left:10px}.product{margin-top:2rem;margin-bottom:2rem;margin-right:0;margin-left:0}.product_meta{margin-top:0;font-size:.875em}.product_meta>span{display:block}.before-product{margin-bottom:2rem}.before-product .sharedaddy{padding-top:05rem;padding-bottom:05rem;padding-right:0;padding-left:0;margin:0;margin-top:0.75rem;border-bottom:1px solid;border-color:var(--gray)}.before-product .sd-block{flex-direction:row;align-items:center}.before-product .sd-content{display:inline-block}.before-product .sd-content li{margin-bottom:0}.before-product .sd-block .sd-title{display:inline-block;margin-bottom:0;margin-right:1rem}@media (max-width: 767px){.before-product .sd-block .sd-title{display:block;margin-bottom:0.5rem}}.product-figure{position:relative}.product-figure .flex-viewport{margin-bottom:0.25rem;border:2px solid;border-color:rgba(var(--blackRGB), 0.05);border-radius:4px}@media (max-width: 767px){.product-figure{margin-bottom:2rem}}.woocommerce-product-gallery{position:relative}.woocommerce-product-gallery__image img{border-radius:4px}.woocommerce-product-gallery__trigger{position:absolute;z-index:10;top:0.5rem;right:0.5rem;font-size:0}.woocommerce-product-gallery__trigger::before{content:"\f504";display:inline-block;background-color:var(--white);padding:0.25rem;line-height:1;color:var(--text);border-radius:4px;box-shadow:0 0.5px 2px rgba(0,0,0,0.18),0 1.5px 6px rgba(0,0,0,0.08);font-family:"dashicons";font-size:1.5rem}.woocommerce-product-gallery__trigger:hover::before{background-color:var(--gray)}.zoomImg{cursor:zoom-in}.zoomImg[style*="opacity: 1"]{cursor:zoom-out}.flex-control-nav{_display:"-webkit-flex";display:flex;flex-wrap:wrap;list-style-type:none;margin:1em -0.25em 0}.flex-control-nav li{cursor:pointer;width:25%;padding-right:0.25rem;padding-left:0.25rem}.flex-control-nav li:hover img{opacity:1}.flex-control-nav img{opacity:.5;border-radius:4px;transition:all 0.25s ease-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flex-control-nav .flex-active{opacity:1;box-shadow:0 0 0 3px #1976d2}.wc-tabs-wrapper{margin-bottom:1rem}ul.wc-tabs{_display:"-webkit-flex";display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style-type:none}ul.wc-tabs a{display:inline-block;padding-top:0.25rem;padding-bottom:0.25rem;padding-right:0.5rem;padding-left:0.5rem;border:0;text-decoration:none;font-size:.875em;border-radius:4px 4px 0 0}ul.wc-tabs .active a{background-color:rgba(var(--mainRGB), 0.25)}.wc-tab{padding:0.5rem;border:4px solid rgba(25,118,210,0.25);border-radius:0 4px 4px 4px}.wc-tab>h2:first-child{display:none}.wc-tab>*:last-child{margin-bottom:0}table.woocommerce-product-attributes th,table.woocommerce-product-attributes td{vertical-align:middle}table.woocommerce-product-attributes th{padding-right:1rem;text-transform:uppercase;letter-spacing:.025em}table.woocommerce-product-attributes p{margin-bottom:0}.product-purchase{padding-top:0;padding-bottom:0;padding-right:1rem;padding-left:1rem}.product-purchase form.cart{_display:"-webkit-flex";display:flex;flex-wrap:wrap}.product-purchase .price{display:block;background-color:rgba(var(--mainRGB), 0.10);padding:0.75rem;border:1px solid;border-color:var(--main-light);text-align:center;border-radius:4px;line-height:1.15}.product-purchase>.price{margin-bottom:1.5rem}.product-purchase .quantity{flex:1;margin-right:1rem}.product-purchase .amount{display:block;font-weight:700}.product-purchase label{font-size:.875em}.product-purchase label[for*="quantity"]{display:none}.product-purchase .single_add_to_cart_button{align-self:flex-end}@media (max-width: 767px){.product-purchase{margin-bottom:1.5rem}}.woocommerce-Reviews h2{display:none}.woocommerce-Reviews ol{list-style-type:none;padding-left:0}.comment-review{margin-bottom:1rem;border:1px solid;border-color:rgba(var(--blackRGB), 0.05);border-radius:4px}.review-header{_display:"-webkit-flex";display:flex;align-items:center;background-color:rgba(var(--blackRGB), 0.05);padding:0.5rem;line-height:1.25}.review-header .meta{margin-bottom:0;font-size:.875em}.review-header time{display:inline-block;color:var(--passive);font-size:.875em}.review-text{padding:05rem}.review-text p{margin-bottom:0.5rem}.star-rating{display:inline-block;position:relative;line-height:1}.star-rating::before,.star-rating span::before{content:'★★★★★';color:var(--text);font-size:1rem}.star-rating::before{opacity:.3}.star-rating span{overflow:hidden;position:absolute;top:0;left:0;font-size:0}.comment-form-rating{margin-bottom:1rem}.comment-form-rating a{opacity:.3;display:inline-block;line-height:1;text-decoration:none;font-size:0}.comment-form-rating a::before{content:'★';font-size:1.25rem}.comment-form-rating .stars{display:inline-block}.comment-form-rating .stars:hover a,.comment-form-rating .selected a{opacity:1}.comment-form-rating a:hover ~ a,.comment-form-rating a.active ~ a{opacity:.25 !important}.single-variation-wrap{margin-bottom:1.5rem}.single_variation{_display:"-webkit-flex";display:flex;flex-direction:column}.single_variation .out-of-stock{color:var(--red);font-weight:700}.single_variation .woocommerce-variation-price{order:1;margin-bottom:1rem}.single_variation .woocommerce-variation-availability{order:2}.single_variation .woocommerce-variation-description{order:3}.single_variation .woocommerce-variation-description p{margin-bottom:1rem}.woocommerce-variation-add-to-cart{_display:"-webkit-flex";display:flex}table.variations{margin-top:1.5rem;width:100%}table.variations label,table.variations select{margin-bottom:0.5rem}table.variations .reset_variations{display:inline-block;padding:0.25rem;padding-right:1rem;padding-left:1rem;background-color:var(--gray-light);border-radius:4px;text-transform:uppercase;font-weight:700;font-size:.875em;letter-spacing:.025em}table.variations .reset_variations:hover{background-color:var(--gray)}.product_meta span{margin-bottom:0.5rem;font-weight:700}.product_meta a{display:inline-block;padding-right:0.5rem;padding-left:0.5rem;background-color:var(--gray-light);border-radius:4px;font-weight:400;color:var(--text)}.product_meta a:hover{background-color:var(--main-light)}section.upsells>h2{margin-top:1rem;margin-bottom:1rem}ul.products{flex-wrap:wrap;list-style-type:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(1, 1fr);grid-column-gap:0.5rem;grid-row-gap:0.5rem}ul.products li{margin:0;grid-column:span 1}ul.products a{_display:"-webkit-flex";display:flex;flex-direction:column;flex-wrap:wrap;align-items:flex-start;justify-content:center;overflow:hidden;height:80px;border:1px solid;border-color:rgba(var(--blackRGB), 0.10);border-radius:4px}ul.products a:hover{background-color:transparent;box-shadow:0 1.5px 4px rgba(0,0,0,0.24),0 1.5px 6px rgba(0,0,0,0.12)}ul.products a>*{flex:1rem 1rem}ul.products h2{font-weight:400;margin:0;letter-spacing:.025em;width:calc( 100% - 80px)}ul.products img{height:80px;width:auto;margin-right:0.5rem}ul.products span{font-size:.875em;font-weight:700;color:var(--main)}ul.products .add_to_cart_button{display:none}.product-related{margin-top:4rem;margin-bottom:2rem;margin-right:0;margin-left:0}.product-related h2{text-align:center;font-weight:400} +/*! + EDJE Functional Sass v3.0.0 + Documentation: https://github.com/hrsetyono/edje/wiki +*/.h-close-toast,.category-tease h3,.product-tease h3,.product-purchase .amount,section.upsells>h2,ul.products h2{font-size:1.25em}@media (max-width: 767px){.h-close-toast,.category-tease h3,.product-tease h3,.product-purchase .amount,section.upsells>h2,ul.products h2{font-size:1.125em}}.woocommerce-cart-form{margin-top:2rem;margin-bottom:2rem}.shop_table{width:100%;max-width:960px;border:1px solid #dee3e7}.shop_table th{padding:1rem;text-align:left;background-color:#dee3e7}.shop_table td{padding-top:0.5rem;padding-bottom:0.5rem;padding-right:1rem;padding-left:1rem}.shop_table tr{border-bottom:1px solid var(--gray-light)}.shop_table tr:nth-child(even){background-color:var(--gray-light)}.shop_table .product-name a{font-weight:700}.shop_table .variation dt,.shop_table .variation dd{display:inline-block}.shop_table .product-remove a{display:inline-block;background-color:var(--red);width:1rem;height:1rem;color:var(--white);font-size:1.125em;font-weight:700;text-align:center;border-radius:50%;line-height:0.9}.shop_table .product-remove a:hover{background-color:#aa2424}.shop_table img{height:auto;width:60px}.shop_table label.screen-reader-text{display:none}.shop_table input[type="number"]{width:3.5rem}.shop_table .actions{text-align:right}.shop_table .hoo-subtotal-note{font-size:.875em}.shop_table button[name="update_cart"]{float:left}.cross-sells{margin-top:3rem;margin-bottom:2rem}.cross-sells>h3{margin-bottom:1rem;text-align:center}.nav-item-cart{position:fixed;z-index:100;bottom:1rem;right:1rem}#cart-button{box-shadow:0 1.5px 4px rgba(0,0,0,0.24),0 1.5px 6px rgba(0,0,0,0.12)}#cart-button b{display:inline-block;padding-right:0.5rem;padding-left:0.5rem;background-color:rgba(var(--blackRGB), 0.25);font-size:.875em;border-radius:4px;line-height:1.4}#cart-button.--cart-active{animation:cartBounce 4s 1s infinite}@keyframes cartBounce{0%,10%,25%,40%,50%{transform:translateY(0)}20%{transform:translateY(-10px)}30%{transform:translateY(-5px)}}.cart-dialog{cursor:default;position:absolute;visibility:hidden;z-index:100;opacity:0;bottom:100%;right:0;background-color:var(--gray-light);padding:0.25rem;text-align:center;border-radius:4px;box-shadow:0 0.5px 2px rgba(0,0,0,0.18),0 1.5px 6px rgba(0,0,0,0.08);transition:all 0.25s ease-out;width:340px;transform:translateY(1.5rem)}.cart-dialog::before{content:"";position:absolute;bottom:0;right:2rem;width:1rem;height:1rem;background-color:var(--gray-light);border-radius:4px;transform:translateY(50%) rotate(45deg)}.has-active-cart .cart-dialog{visibility:visible;opacity:1;box-shadow:0 3px 12px rgba(0,0,0,0.23),0 3px 12px rgba(0,0,0,0.16);transform:translateY(-1rem)}.cart-dialog .widgettitle{padding-top:0.5rem;padding-bottom:0.75rem;font-size:.875em;text-transform:uppercase;text-align:center;letter-spacing:2px}.cart-dialog .blockOverlay{background-position:center center;background-repeat:no-repeat;background-color:rgba(255,255,255,0.8) !important;background-image:url("../../../../../wp-admin/images/spinner.gif")}@media (max-width: 767px){.cart-dialog{top:calc(100% + 10px)}}.widget_shopping_cart_content{_display:"-webkit-flex";display:flex;flex-wrap:wrap}.woocommerce-mini-cart{background-color:var(--white);overflow-y:auto;width:100%;max-height:240px;list-style-type:none;text-align:left}.woocommerce-mini-cart-item{position:relative;padding:0.5rem;font-size:.875em;border-bottom:1px solid #dee3e7;line-height:1.5}.woocommerce-mini-cart-item::before,.woocommerce-mini-cart-item::after{content:"";display:table}.woocommerce-mini-cart-item::after{clear:both}.woocommerce-mini-cart-item img{float:left;margin-right:0.5rem;width:40px}.woocommerce-mini-cart-item figure{position:relative}.woocommerce-mini-cart-item a{display:block;color:inherit;font-weight:600}.woocommerce-mini-cart-item a:hover{text-decoration:underline}.woocommerce-mini-cart-item a:hover img{opacity:.7}.woocommerce-mini-cart-item .variation{margin-bottom:0.5rem}.woocommerce-mini-cart-item dt,.woocommerce-mini-cart-item dd{display:inline-block}.woocommerce-mini-cart-item .quantity{font-size:.875em;color:var(--passive);font-weight:700}.woocommerce-mini-cart__total{flex:1;padding:0.5rem;line-height:1.25}.woocommerce-mini-cart__total .woocommerce-Price-amount{font-weight:700}.woocommerce-mini-cart__total strong{font-size:.875em;font-weight:400}.woocommerce-mini-cart__buttons{flex:1;align-self:center;text-align:right;padding-right:0.5rem;padding-left:0.5rem}.woocommerce-mini-cart__buttons a:first-child{display:none}.woocommerce-mini-cart__buttons .button{text-transform:uppercase}.woocommerce-mini-cart__buttons .button::after{content:" »"}a.remove_from_cart_button{_display:"-webkit-flex";display:flex;align-items:center;justify-content:center;position:absolute;background-color:var(--gray-light);top:0.25rem;right:0.25rem;width:1.5rem;height:1.5rem;color:var(--main-dark);text-align:center;line-height:1;border-radius:50%;font-size:20px}a.remove_from_cart_button:hover{background-color:var(--red);color:var(--white);text-decoration:none}.woocommerce-mini-cart__empty-message{padding-top:1.5rem;padding-right:1.5rem;padding-left:1.5rem;padding-bottom:4rem;width:100%;text-align:center;font-size:1.125em}.price del{display:block;opacity:.5;font-size:.875em}.price ins{display:block;text-decoration:none}.woocommerce-Price-currencySymbol{font-weight:400;font-size:.875em}@keyframes flipInX{from{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);animation-timing-function:ease-in}40%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1, 0, 0, 10deg)}80%{transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}to{transform:perspective(400px)}}.woocommerce-info,.woocommerce-message,.woocommerce-error{_display:"-webkit-flex";display:flex;flex-direction:column-reverse;align-items:flex-end;position:fixed;z-index:100;padding:1.25rem;background-color:var(--gray-light);box-shadow:0 3px 12px rgba(0,0,0,0.23),0 3px 12px rgba(0,0,0,0.16);border-radius:4px;-webkit-backface-visibility:hidden;backface-visibility:hidden;bottom:1em;right:1em;animation:1s flipInX both}.woocommerce-info .button,.woocommerce-message .button,.woocommerce-error .button{margin-top:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem}.woocommerce-error{background-color:var(--red);list-style-type:none;color:var(--white)}.h-close-toast{cursor:pointer;position:absolute;top:0;left:0;background-color:var(--red);text-align:center;color:var(--white);line-height:1;font-weight:700;border-radius:50%;box-shadow:0 1.5px 4px rgba(0,0,0,0.24),0 1.5px 6px rgba(0,0,0,0.12);width:24px;height:24px;transform:translateX(-50%) translateY(-50%)}.h-close-toast:hover{opacity:.7}.woocommerce-store-notice{position:fixed;bottom:0;left:0;right:0;background-color:var(--main);padding-top:0.5rem;padding-bottom:0.5rem;padding-right:1rem;padding-left:1rem;text-align:center;color:var(--white);box-shadow:0 3px 12px rgba(0,0,0,0.23),0 3px 12px rgba(0,0,0,0.16)}.woocommerce-store-notice a{display:inline-block;float:right;background-color:var(--main-dark);padding-top:0.5rem;padding-bottom:0.5rem;padding-right:2rem;padding-left:2rem;color:var(--white);text-decoration:underline;margin:-0.5em -1em}.woocommerce-store-notice a:hover{opacity:.7}.shop-categories{margin:0;margin-bottom:3rem}.shop-categories h2{margin-bottom:1rem;font-weight:400;text-align:center}.category-tease:hover figure{opacity:.8}.category-tease:hover h3{text-decoration:underline}.category-tease figure{margin-bottom:1rem;transition:all 0.25s ease-out}.category-tease img{border-radius:4px}.category-tease h3{color:var(--text);text-align:center}.before-products{_display:"-webkit-flex";display:flex;align-items:center;margin-bottom:2rem}.before-products p{margin-right:1rem;margin-left:auto;font-size:.875em}.shop-products{margin-top:2rem;margin-bottom:2rem;margin-right:0;margin-left:0}.product-tease{position:relative;text-align:center}.product-tease a:hover figure{opacity:.8}.product-tease a:hover h3{text-decoration:underline}.product-tease figure{margin-bottom:1rem;transition:all 0.25s ease-out}.product-tease img{border-radius:4px}.product-tease .price{display:block}.product-tease .button{margin-top:0.5rem;font-size:.875em;vertical-align:middle}.product-tease .button.added{position:relative;background-color:var(--green);color:transparent;border-color:var(--green);border-color:#449e48}.product-tease .button.added::after{content:"\f147";position:absolute;top:50%;left:50%;color:var(--white);font-weight:400;font-family:"dashicons";font-size:1.5em;transform:translateX(-50%) translateY(-50%)}.product-tease .added_to_cart{display:none}.onsale{display:inline-block;padding-top:0;padding-bottom:0;padding-right:1rem;padding-left:1rem;border:1px dashed;border-color:var(--white);background-color:var(--red);color:var(--white);font-weight:700;font-size:.875em;text-transform:uppercase;border-radius:4px;box-shadow:0 0 0 2px var(--red)}.product-tease .onsale{position:absolute;top:1em;right:1em}.product-figure .onsale{position:absolute;z-index:5;top:10px;left:10px}.product{margin-top:2rem;margin-bottom:2rem;margin-right:0;margin-left:0}.product_meta{margin-top:0;font-size:.875em}.product_meta>span{display:block}.before-product{margin-bottom:2rem}.before-product .sharedaddy{padding-top:05rem;padding-bottom:05rem;padding-right:0;padding-left:0;margin:0;margin-top:0.75rem;border-bottom:1px solid;border-color:var(--gray)}.before-product .sd-block{flex-direction:row;align-items:center}.before-product .sd-content{display:inline-block}.before-product .sd-content li{margin-bottom:0}.before-product .sd-block .sd-title{display:inline-block;margin-bottom:0;margin-right:1rem}@media (max-width: 767px){.before-product .sd-block .sd-title{display:block;margin-bottom:0.5rem}}.product-figure{position:relative}.product-figure .flex-viewport{margin-bottom:0.25rem;border:2px solid;border-color:rgba(var(--blackRGB), 0.05);border-radius:4px}@media (max-width: 767px){.product-figure{margin-bottom:2rem}}.woocommerce-product-gallery{position:relative}.woocommerce-product-gallery__image img{border-radius:4px}.woocommerce-product-gallery__trigger{position:absolute;z-index:10;top:0.5rem;right:0.5rem;font-size:0}.woocommerce-product-gallery__trigger::before{content:"\f504";display:inline-block;background-color:var(--white);padding:0.25rem;line-height:1;color:var(--text);border-radius:4px;box-shadow:0 0.5px 2px rgba(0,0,0,0.18),0 1.5px 6px rgba(0,0,0,0.08);font-family:"dashicons";font-size:1.5rem}.woocommerce-product-gallery__trigger:hover::before{background-color:var(--gray)}.zoomImg{cursor:zoom-in}.zoomImg[style*="opacity: 1"]{cursor:zoom-out}.flex-control-nav{_display:"-webkit-flex";display:flex;flex-wrap:wrap;list-style-type:none;margin:1em -0.25em 0}.flex-control-nav li{cursor:pointer;width:25%;padding-right:0.25rem;padding-left:0.25rem}.flex-control-nav li:hover img{opacity:1}.flex-control-nav img{opacity:.5;border-radius:4px;transition:all 0.25s ease-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flex-control-nav .flex-active{opacity:1;box-shadow:0 0 0 3px var(--main)}.wc-tabs-wrapper{margin-bottom:1rem}ul.wc-tabs{_display:"-webkit-flex";display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style-type:none}ul.wc-tabs a{display:inline-block;padding-top:0.25rem;padding-bottom:0.25rem;padding-right:0.5rem;padding-left:0.5rem;border:0;text-decoration:none;font-size:.875em;border-radius:4px 4px 0 0}ul.wc-tabs .active a{background-color:rgba(var(--mainRGB), 0.25)}.wc-tab{padding:0.5rem;border:4px solid rgba(var(--mainRGB), 0.25);border-radius:0 4px 4px 4px}.wc-tab>h2:first-child{display:none}.wc-tab>*:last-child{margin-bottom:0}table.woocommerce-product-attributes th,table.woocommerce-product-attributes td{vertical-align:middle}table.woocommerce-product-attributes th{padding-right:1rem;text-transform:uppercase;letter-spacing:.025em}table.woocommerce-product-attributes p{margin-bottom:0}.product-purchase{padding-top:0;padding-bottom:0;padding-right:1rem;padding-left:1rem}.product-purchase form.cart{_display:"-webkit-flex";display:flex;flex-wrap:wrap}.product-purchase .price{display:block;background-color:rgba(var(--mainRGB), 0.10);padding:0.75rem;border:1px solid;border-color:var(--main-light);text-align:center;border-radius:4px;line-height:1.15}.product-purchase>.price{margin-bottom:1.5rem}.product-purchase .quantity{flex:1;margin-right:1rem}.product-purchase .amount{display:block;font-weight:700}.product-purchase label{font-size:.875em}.product-purchase label[for*="quantity"]{display:none}.product-purchase .single_add_to_cart_button{align-self:flex-end}@media (max-width: 767px){.product-purchase{margin-bottom:1.5rem}}.woocommerce-Reviews h2{display:none}.woocommerce-Reviews ol{list-style-type:none;padding-left:0}.comment-review{margin-bottom:1rem;border:1px solid;border-color:rgba(var(--blackRGB), 0.05);border-radius:4px}.review-header{_display:"-webkit-flex";display:flex;align-items:center;background-color:rgba(var(--blackRGB), 0.05);padding:0.5rem;line-height:1.25}.review-header .meta{margin-bottom:0;font-size:.875em}.review-header time{display:inline-block;color:var(--passive);font-size:.875em}.review-text{padding:05rem}.review-text p{margin-bottom:0.5rem}.star-rating{display:inline-block;position:relative;line-height:1}.star-rating::before,.star-rating span::before{content:'★★★★★';color:var(--text);font-size:1rem}.star-rating::before{opacity:.3}.star-rating span{overflow:hidden;position:absolute;top:0;left:0;font-size:0}.comment-form-rating{margin-bottom:1rem}.comment-form-rating a{opacity:.3;display:inline-block;line-height:1;text-decoration:none;font-size:0}.comment-form-rating a::before{content:'★';font-size:1.25rem}.comment-form-rating .stars{display:inline-block}.comment-form-rating .stars:hover a,.comment-form-rating .selected a{opacity:1}.comment-form-rating a:hover ~ a,.comment-form-rating a.active ~ a{opacity:.25 !important}.single-variation-wrap{margin-bottom:1.5rem}.single_variation{_display:"-webkit-flex";display:flex;flex-direction:column}.single_variation .out-of-stock{color:var(--red);font-weight:700}.single_variation .woocommerce-variation-price{order:1;margin-bottom:1rem}.single_variation .woocommerce-variation-availability{order:2}.single_variation .woocommerce-variation-description{order:3}.single_variation .woocommerce-variation-description p{margin-bottom:1rem}.woocommerce-variation-add-to-cart{_display:"-webkit-flex";display:flex}table.variations{margin-top:1.5rem;width:100%}table.variations label,table.variations select{margin-bottom:0.5rem}table.variations .reset_variations{display:inline-block;padding:0.25rem;padding-right:1rem;padding-left:1rem;background-color:var(--gray-light);border-radius:4px;text-transform:uppercase;font-weight:700;font-size:.875em;letter-spacing:.025em}table.variations .reset_variations:hover{background-color:var(--gray)}.product_meta span{margin-bottom:0.5rem;font-weight:700}.product_meta a{display:inline-block;padding-right:0.5rem;padding-left:0.5rem;background-color:var(--gray-light);border-radius:4px;font-weight:400;color:var(--text)}.product_meta a:hover{background-color:var(--main-light)}section.upsells>h2{margin-top:1rem;margin-bottom:1rem}ul.products{flex-wrap:wrap;list-style-type:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(1, 1fr);grid-column-gap:0.5rem;grid-row-gap:0.5rem}ul.products li{margin:0;grid-column:span 1}ul.products a{_display:"-webkit-flex";display:flex;flex-direction:column;flex-wrap:wrap;align-items:flex-start;justify-content:center;overflow:hidden;height:80px;border:1px solid;border-color:rgba(var(--blackRGB), 0.10);border-radius:4px}ul.products a:hover{background-color:transparent;box-shadow:0 1.5px 4px rgba(0,0,0,0.24),0 1.5px 6px rgba(0,0,0,0.12)}ul.products a>*{flex:1rem 1rem}ul.products h2{font-weight:400;margin:0;letter-spacing:.025em;width:calc( 100% - 80px)}ul.products img{height:80px;width:auto;margin-right:0.5rem}ul.products span{font-size:.875em;font-weight:700;color:var(--main)}ul.products .add_to_cart_button{display:none}.product-related{margin-top:4rem;margin-bottom:2rem;margin-right:0;margin-left:0}.product-related h2{text-align:center;font-weight:400} diff --git a/assets/js/admin-gutenberg.js b/assets/js/my-block-editor.js similarity index 100% rename from assets/js/admin-gutenberg.js rename to assets/js/my-block-editor.js diff --git a/assets/sass/_app-gutenberg.sass b/assets/sass/_app-gutenberg.sass index 5245d4f..5a529bc 100644 --- a/assets/sass/_app-gutenberg.sass +++ b/assets/sass/_app-gutenberg.sass @@ -9,18 +9,6 @@ ///// GENERAL article - letter-spacing: 0.01 * $font-size - - h1, h2, h3, h4, h5, h6 - +h( mb1_5 ) - - p a, - li a - +h( bb1-solid ) - - &:hover - +h( bg-black_10 ) - p, ul, ol, @@ -29,6 +17,10 @@ article table, figure +h( mb1_5 ) + + p a, + li a + +h( td-u ) ul, ol +h( pl1_5 ) @@ -42,12 +34,14 @@ article img +h( brad ) - h1, h2, h3, h4, h5, h6 - +h( clear-both ) - -// Main wrapper .the-content + letter-spacing: 0.01 * $font-size + + h1, h2, h3, h4, h5, h6 + +h( mb1_5 clear-both ) + color: var(--textColor) + // all woocommerce page become alignwide > .woocommerce @@ -67,15 +61,17 @@ article padding-right: $grid-rim padding-left: $grid-rim - // Alignments -.alignright +.alignright, +.has-text-align-right +h( ta-right ) -.alignleft +.alignleft, +.has-text-align-left +h( ta-left ) -.aligncenter +.aligncenter, +.has-text-align-center +h( ta-center ) .alignwide @@ -152,12 +148,6 @@ article +h( relative z2 c-white ) width: $content-width - h1, h2, h3, h4, h5, h6 - +h( c-white ) - - p, li - +h( fs-m ) - @media (below($grid-max-width)) padding-right: $grid-rim padding-left: $grid-rim @@ -214,7 +204,7 @@ p.has-background .wp-block-quote +h( p1 ) - border-left: 4px solid $font-color + border-left: 4px solid var(--text) p, li @@ -230,8 +220,8 @@ p.has-background &.is-style-large +h( fs-h4 ta-center ) border-left: none - border-top: 3px solid $font-color - border-bottom: 3px solid $font-color + border-top: 3px solid var(--text) + border-bottom: 3px solid var(--text) cite +h( fs-body ) @@ -239,12 +229,12 @@ p.has-background &[style="text-align:right"], &[style="text-align: right"] border-left: none - border-right: 4px solid $font-color + border-right: 4px solid var(--text) &[style="text-align:center"], &[style="text-align: center"] border-left: none - border-top: 4px solid $font-color + border-top: 4px solid var(--text) ///// PULLQUOTE @@ -460,7 +450,8 @@ p.has-background ///// TABLE -.wp-block-table +table.wp-block-table, +.wp-block-table table +h( w100p bg-white ) --tableBorder: var(--black) --tableHeader: var(--gray-light) @@ -480,6 +471,13 @@ p.has-background td +h( pv0_5 ph1 b1-solid bc-black_10 ) + // + @media ($below-s) + td + +h( pv0_25 ph0_5 ) + +// Table styles +.wp-block-table &.is-style-stripes tr:nth-child(even) background-color: var(--tableBg) @@ -489,26 +487,21 @@ p.has-background table-layout: fixed // default color palette - &.has-subtle-pale-green-background-color + .has-subtle-pale-green-background-color --tableBorder: var(--green) --tableHeader: var(--green-light) --tableBg: rgba(var(--greenRGB), .1) - &.has-subtle-pale-blue-background-color + .has-subtle-pale-blue-background-color --tableBorder: var(--blue) --tableHeader: var(--blue-light) --tableBg: rgba(var(--blueRGB), .1) - &.has-subtle-pale-pink-background-color + .has-subtle-pale-pink-background-color --tableBorder: var(--red) --tableHeader: var(--red-light) --tableBg: rgba(var(--redRGB), .1) - // - @media ($below-s) - td - +h( pv0_25 ph0_5 ) - ///// BUTTON diff --git a/assets/sass/_app-nav.sass b/assets/sass/_app-nav.sass index 0a5e7aa..d43e2ec 100644 --- a/assets/sass/_app-nav.sass +++ b/assets/sass/_app-nav.sass @@ -187,7 +187,7 @@ body.has-active-cart content: "" +h( absolute top100p ) right: 10px - +triangle( s, $main, 12px, 5px) + +triangle( s, var(--main), 12px, 5px) a:hover & +h( v-visible o100 ) diff --git a/assets/sass/_fw-blog.sass b/assets/sass/_fw-blog.sass index 394b8d5..eba6f99 100644 --- a/assets/sass/_fw-blog.sass +++ b/assets/sass/_fw-blog.sass @@ -71,8 +71,8 @@ $output-infinite-scroll: false .blog-nav +h( d-flex fw-wrap mv2 pv0_5 ) - border-bottom: 2px solid $font-color - border-top: 1px solid $gray + border-bottom: 2px solid var(--text) + border-top: 1px solid var(--gray) a +h( d-inline-block pv0_25 ph0_5 ) diff --git a/assets/sass/_fw-jetpack.scss b/assets/sass/_fw-jetpack.scss index 90417a8..18105bd 100644 --- a/assets/sass/_fw-jetpack.scss +++ b/assets/sass/_fw-jetpack.scss @@ -29,7 +29,7 @@ $social-logos: ( .sharedaddy { margin: 2em 0 2em; padding-top: 2em; - border-top: 1px solid $gray; + border-top: 1px solid var(--gray); .share-end { display: none; diff --git a/assets/sass/_settings.scss b/assets/sass/_settings.scss index 5db2eb3..834c7ac 100644 --- a/assets/sass/_settings.scss +++ b/assets/sass/_settings.scss @@ -1,41 +1,75 @@ -// EDJE Functional Sass -// - Single-file version -// - v3.0.0 - +/*! + EDJE Functional Sass v3.1.0 + Documentation: https://github.com/hrsetyono/edje/wiki +*/ @charset "UTF-8"; -///// COLORS +/* + EDJE COLORS + + - Each item will be outputted as CSS Variable. So you can use them with var(). -// Palette -$red : #d32f2f; -$red-light: #ffcdd2; -$yellow : #ffee58; -$yellow-light: #fff9c4; -$orange: #fB8c00; -$orange-light: #ffe0b2; -$green : #4caf50; -$green-light: #c8e6c9; -$blue: #1976d2; -$blue-light: #bbdefb; + EXAMPLE>> border: 1px solid var(--red) -$gray : #b0bec5; -$gray-light: #eceff1; -$gray-dark: #90a4ae; + - In h() mixin, each item can be used alongside these shorthand styles: + - bg (background-color) + - bc (border-color) + - c (color) + + EXAMPLE>> +h( bg-red c-blue-light ) -// Named colors -$main : $blue; -$main-dark : darken($main, 20%); -$main-light : $blue-light; + - You can add transparency by adding underscore and the percentage + + EXAMPLE>> +h( bg-main_20, c-black_10 ) +*/ +$h-colors: ( + // Palette + 'red': #d32f2f, + 'red-dark': #b71c1c, + 'red-light': #ffcdd2, + + 'orange': #fB8c00, + 'orange-dark': #e65100, + 'orange-light': #ffe0b2, + + 'yellow': #ffee58, + 'yellow-dark': #ffd600, + 'yellow-light': #fff9c4, + + 'green': #4caf50, + 'green-dark': #2e7d32, + 'green-light': #c8e6c9, + + 'blue': #1976d2, + 'blue-dark': #1565c0, + 'blue-light': #bbdefb, + + 'gray': #b0bec5, + 'gray-dark': #90a4ae, + 'gray-light': #eceff1, -$sub: $gray; -$sub-dark: $gray-dark; -$sub-light: $gray-light; + 'black': black, + 'white': white, -$body-background: #fff; + // Named color + 'main': var(--blue), + 'main-dark': var(--blue-dark), + 'main-light': var(--blue-light), + 'sub': var(--gray), + 'sub-dark': var(--gray-dark), + 'sub-light': var(--gray-light), -///// MEDIA QUERY + // Typography + 'text': #222, + 'passive': #888, + 'header': var(--text), + // Other + 'body': #ffffff +); + +///// MEDIA QUERY $size-xs : 480px; $size-s : 767px; $size-m : 960px; @@ -58,7 +92,6 @@ $landscape: "orientation: landscape"; $retina: "min-resolution: 192dpi"; ///// TYPOGRAPHY - $font-family : -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; $font-family-header : "Apple Garamond", "Baskerville", "Times New Roman", "Droid Serif", "Times","Source Serif Pro", serif; $font-family-monospace: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; @@ -72,17 +105,13 @@ $font-faces: ( // ) ); -$font-color : #222; -$font-passive : #888; $font-weight : 400; $font-line : 1.65; $font-size : 16px; - $color-link : inherit; -$color-link-hover : inherit; +$color-link-hover : var(--blue); // HEADER -$header-color : $font-color; $header-weight : 700; $header-line : 1.25; $header-spacing : 0; @@ -101,9 +130,7 @@ $ul-child : circle; $ol-parent : decimal; $ol-child : lower-alpha; - ///// GRID - $grid-columns : 12; $grid-gap : 20px; $grid-rim : 16px; @@ -116,7 +143,6 @@ $tile-max : 8; $tile-gap : 20px; ///// OTHER - $shadow-z0: 0 0.5px 2px rgba(black, .18), 0 1.5px 6px rgba(black, .08); $shadow-z1: 0 1.5px 4px rgba(black, .24), 0 1.5px 6px rgba(black, .12); $shadow-z2: 0 3px 12px rgba(black, .23), 0 3px 12px rgba(black, .16); @@ -129,51 +155,9 @@ $image-url: '../images/'; $font-url: '../fonts/'; -// ---------------- -// FUNCTIONAL SASS -// ---------------- - -// COLORS for FUNCTIONAL SASS -// - Accessible by these shorthand styles: bg, bc, c -// - You can add transparency by adding underscore and number between 1-99 -// - Example: bg-main, c-black_10 -$h-colors: ( - 'main': $main, - 'main-dark': $main-dark, - 'main-light': $main-light, - - 'sub': $sub, - 'sub-dark': $sub-dark, - 'sub-light': $sub-light, - - 'red': $red, - 'red-light': $red-light, - 'yellow': $yellow, - 'yellow-light': $yellow-light, - 'orange': $orange, - 'orange-light': $orange-light, - 'green': $green, - 'green-light': $green-light, - 'blue': $blue, - 'blue-light': $blue-light, - - 'black': black, - 'white': white, - 'gray': $gray, - 'gray-light': $gray-light, - 'gray-dark': $gray-dark, - - 'text': $font-color, - 'passive': $font-passive, - 'header': $header-color, - - 'body': $body-background -); - -// If the CSS doesn't fit in any variable, put it here +// Custom bit for Functional Sass $h-custom: ( - m0-auto: ( margin: 0 auto ), content-empty: ( content: '' ), ); diff --git a/assets/sass/_shop-cart.sass b/assets/sass/_shop-cart.sass index d50eb25..1fd6911 100644 --- a/assets/sass/_shop-cart.sass +++ b/assets/sass/_shop-cart.sass @@ -34,7 +34,7 @@ line-height: 0.9 &:hover - background-color: darken($red, 20%) + background-color: darken(--red, 20%) img +h( h-auto ) diff --git a/assets/sass/app.sass b/assets/sass/app.sass index 352be49..5e1785b 100644 --- a/assets/sass/app.sass +++ b/assets/sass/app.sass @@ -3,10 +3,12 @@ @import "app-nav" @import "app-gutenberg" + // MAIN WRAPPER main .has-fixed-nav & - padding-top: 74px // the nav height + padding-top: 74px // the nav height\ + color: darken( --main, .2) // hide wp admin bar @media ( below(782px) ) diff --git a/assets/sass/edje/_functional-vars.scss b/assets/sass/edje/_functional-vars.scss index 412085c..b3c3489 100644 --- a/assets/sass/edje/_functional-vars.scss +++ b/assets/sass/edje/_functional-vars.scss @@ -274,6 +274,18 @@ $_h-align-self: ( ) ); +$_h-justify-self: ( + names: ( + js-: align-self, + ), + values: ( + start: flex-start, + end: flex-end, + center: center, + baseline: baseline, + stretch: stretch, + ) +); // Overflow $_h-overflow: ( @@ -366,7 +378,7 @@ $_h-position: ( relative: ( position: relative ), absolute: ( position: absolute ), fixed: ( position: fixed ), - sticky: ( '_position': '-webkit-sticky', position: sticky ), + sticky: ( position: sticky ), absolute-fill: ( position: absolute, top: 0, right: 0, left: 0, bottom: 0 ), ); diff --git a/assets/sass/edje/_output.scss b/assets/sass/edje/_output.scss index 81882b9..b29dc7f 100644 --- a/assets/sass/edje/_output.scss +++ b/assets/sass/edje/_output.scss @@ -457,13 +457,13 @@ h-tile { body { position: relative; - background: $body-background; + background: var(--body); font-size: $font-size; font-family: $font-family; font-weight: $font-weight; line-height: $font-line; - color: $font-color; + color: var(--text); } p { @@ -482,7 +482,7 @@ h1, h2, h3, h4, h5, h6 { font-family: $font-family-header; font-weight: $header-weight; line-height: $header-line; - color: $header-color; + color: var(--header); letter-spacing: $header-spacing; text-transform: $header-transform; @@ -577,10 +577,4 @@ ol { } } } -} - -// Separator - -@if $output-framework { - /* ----- */ } \ No newline at end of file diff --git a/assets/sass/edje/_utility-h.scss b/assets/sass/edje/_utility-h.scss index 21060e7..49e5966 100644 --- a/assets/sass/edje/_utility-h.scss +++ b/assets/sass/edje/_utility-h.scss @@ -1,4 +1,4 @@ -@mixin h( $bits ) { +@mixin h( $bits: () ) { @each $b in $bits { $prop-key: getPropKey( $b ); $value-raw: str-slice( $b, str-length( $prop-key ) + 1 ); @@ -57,7 +57,7 @@ // --------------- // Property that can use color from $h-palette and allow opacity prefix -// Example: c-red >>> color: $red +// EXAMPLE: c-red >>> color: $red // bg-main_10 >>> background-color: rgba($main, .10) $h-props-color: ( bg: background-color, @@ -66,8 +66,8 @@ $h-props-color: ( ); // Property that can accept any number and allow unit prefix -// Example: p1_5 >>> padding: 1.5rem -// h50p >>> height: 50% +// EXAMPLE: p1_5 >>> padding: 1.5rem +// h50p >>> height: 50% // top70px >>> top: 70px $h-props-measurement: ( top: top, diff --git a/assets/sass/edje/_utility.scss b/assets/sass/edje/_utility.scss index 63a0b51..6353651 100644 --- a/assets/sass/edje/_utility.scss +++ b/assets/sass/edje/_utility.scss @@ -39,6 +39,75 @@ $_media-sizes: ( } +// ------- +// COLOR +// ------- + +// Override Darken functions to allow CSS Variable from $h-colors +// +// color: darken( --main, 10% ) +// +@function darken( $name, $amount ) { + $color: _getColorFromMap( $name ); + @return scale-color( $color, $lightness: -$amount ); +} + +// Override lighten function to allow CSS Variable from $h-colors +// +// color: lighten( --red-dark, 20% ) +// +@function lighten( $name, $amount ) { + $color: _getColorFromMap( $name ); + @return scale-color( $color, $lightness: $amount ); +} + +// Similar to rgba() but integrated with $h-colors +// +// color: h-rgba( --text, .5 ) +// +@function h-rgba( $name, $alpha ) { + // if starts with double dash + @if str-slice( quote($name), 1, 2 ) == '--' { + $var_name: _str-replace( $name, '--', '' ); + + @if( not map-has-key( $h-colors, $var_name ) ) { + @warn "The color '#{ $var_name }' does not exist in $h-colors."; + } + + @return rgba( var($name#{ 'RGB' }), $alpha ); + } + @else { + @return rgba( $name, $alpha ); + } +} + +// + +// Take the value of $h-colors if color starts with double dash +@function _getColorFromMap( $name, $must_be_hex: true ) { + $color: $name; + + // if starts with double-dash + @if str-slice( quote($name), 1, 2 ) == '--' { + $var_name: _str-replace( $name, '--', '' ); + $color: map-get( $h-colors, $var_name ); + + $count: 0; + // if the color is var(), repeat until it found a Hex value. Max 2 times + @while $count <= 2 AND str-slice( quote($color), 1,3 ) == 'var' { + $var_name: _str-replace( quote($color), 'var(--', '' ); + $var_name: _str-replace( $var_name, ')', '' ); + $color: map-get( $h-colors, $var_name ); + + $count: $count + 1; + } + } + + @return $color; +} + + + // ------------- // EM CONVERTER // ------------- @@ -139,6 +208,11 @@ $_media-sizes: ( @return url("data:image/svg+xml;charset=utf8,#{$encoded}"); } +// alias +@function svg( $svg_raw ) { + @return svg-encode( $svg_raw ); +} + /// Replace `$search` with `$replace` in `$string` @function _str-replace( $string, $search, $replace: '' ) { $index: str-index($string, $search); diff --git a/assets/sass/framework.sass b/assets/sass/framework.sass index 680379f..fe277d4 100644 --- a/assets/sass/framework.sass +++ b/assets/sass/framework.sass @@ -94,7 +94,7 @@ select +h( bc-main ) &:checked +h( bc-main ) - box-shadow: inset 0 0 0 4.5px $main + box-shadow: inset 0 0 0 4.5px var(--main) [type="checkbox"] +h( brad ) diff --git a/assets/sass/admin-gutenberg.sass b/assets/sass/my-block-editor.sass similarity index 100% rename from assets/sass/admin-gutenberg.sass rename to assets/sass/my-block-editor.sass diff --git a/assets/sass/shop.sass b/assets/sass/shop.sass index f34c6e4..ca964da 100644 --- a/assets/sass/shop.sass +++ b/assets/sass/shop.sass @@ -1,7 +1,7 @@ @import "settings" -$wc-panel: $gray-light -$wc-panel-dark: darken($wc-panel, 5%) +$wc-panel: var(--gray-light) +$wc-panel-dark: darken( --gray-light, 5%) @import "shop-cart" @@ -139,7 +139,7 @@ $wc-panel-dark: darken($wc-panel, 5%) .button.added +h( relative bg-green c-transparent bc-green ) - border-color: darken( $green, 10%) + border-color: darken( --green, 10%) &::after content: "\f147" @@ -156,7 +156,7 @@ $wc-panel-dark: darken($wc-panel, 5%) .onsale +h( d-inline-block pv0 ph1 b1-dashed bc-white bg-red ) +h( c-white fw-header fs-s tt-uppercase brad ) - box-shadow: 0 0 0 2px $red + box-shadow: 0 0 0 2px var(--red) .product-tease & +h( absolute ) @@ -261,7 +261,7 @@ $wc-panel-dark: darken($wc-panel, 5%) .flex-active +h( o100 ) - box-shadow: 0 0 0 3px $main + box-shadow: 0 0 0 3px var(--main) ///// PRODUCT TABS @@ -281,7 +281,7 @@ ul.wc-tabs .wc-tab +h( p0_5 ) - border: 4px solid rgba($main, .25) + border: 4px solid h-rgba(--main, .25) border-radius: 0 $g-radius $g-radius $g-radius > h2:first-child diff --git a/codes/blocks.php b/codes/blocks.php index 5ba50d4..fbe0d65 100644 --- a/codes/blocks.php +++ b/codes/blocks.php @@ -30,7 +30,7 @@ function enqueue_assets() { $css_dir = get_stylesheet_directory_uri() . '/assets/css'; $js_dir = get_stylesheet_directory_uri() . '/assets/js'; - wp_enqueue_script( 'my-gutenberg', $js_dir . '/admin-gutenberg.js', [ 'wp-blocks', 'wp-dom' ] , false, true ); - wp_enqueue_style( 'my-gutenberg', $css_dir . '/admin-gutenberg.css', [ 'wp-edit-blocks' ] ); + wp_enqueue_script( 'my-block-editor', $js_dir . '/my-block-editor.js', [ 'wp-blocks', 'wp-dom' ] , false, true ); + wp_enqueue_style( 'my-block-editor', $css_dir . '/my-block-editor.css', [ 'wp-edit-blocks' ] ); } } \ No newline at end of file diff --git a/functions.php b/functions.php index 90c6dfa..62f899a 100644 --- a/functions.php +++ b/functions.php @@ -15,11 +15,11 @@ * Run first */ function my_start() { + require_once 'codes/api.php'; + require_once 'codes/blocks.php'; + require_once 'codes/shortcodes.php'; require_once 'codes/timber.php'; require_once 'codes/hooks.php'; - require_once 'codes/shortcodes.php'; - require_once 'codes/blocks.php'; - require_once 'codes/api.php'; if( class_exists('WooCommerce') ) { require_once 'functions-shop.php'; @@ -27,22 +27,22 @@ function my_start() { new MyAPI(); new MyBlocks(); + new MyShortcodes(); new MyTimber(); new MyHooks(); - new MyShortcodes(); /** * Register custom post type * - Read how at https://github.com/hrsetyono/edje-wp-library/wiki/Custom-Post-Type */ - H::register_post_type( 'item', [ 'icon' => 'dashicons-cart' ] ); - // H::register_taxonomy( 'brand', [ 'post_type' => 'product' ] ); + H::register_post_type( 'product', [ 'icon' => 'dashicons-cart' ] ); + H::register_taxonomy( 'brand', [ 'post_type' => 'product' ] ); /** * Create Gutenberg block for post listing */ H::register_post_block( 'post' ); - // H::register_post_block( 'product' ); + H::register_post_block( 'product' ); } @@ -91,27 +91,25 @@ function my_after_setup_theme() { /** * Each color will be outputted into 2 classes: `has-x-background-color` and `has-x-color`. - * - * The values are turned into CSS Variable, such as `red` becoming `var(--red)` + * Format: $class-name => $value */ - $palette = H::register_colors([ - 'Red' => 'red', // $label => $slug - 'Light Red' => 'red-light', - 'Orange' => 'orange', - 'Light Orange' => 'orange-light', - 'Yellow' => 'yellow', - 'Light Yellow' => 'yellow-light', - 'Green' => 'green', - 'Light Green' => 'green-light', - 'Blue' => 'blue', - 'Light Blue' => 'blue-light', - - 'Black' => 'black', - 'Gray' => 'gray', - 'Light Gray' => 'gray-light', - 'White' => 'white' - ]); - add_theme_support( 'editor-color-palette', $palette ); + add_theme_support( 'editor-color-palette', H::color_palette([ + 'Red' => 'var(--red)', + 'Light Red' => 'var(--red-light)', + 'Orange' => 'var(--orange)', + 'Light Orange' => 'var(--orange-light)', + 'Yellow' => 'var(--yellow)', + 'Light Yellow' => 'var(--yellow-light)', + 'Green' => 'var(--green)', + 'Light Green' => 'var(--green-light)', + 'Blue' => 'var(--blue)', + 'Light Blue' => 'var(--blue-light)', + + 'Black' => 'var(--black)', + 'Gray' => 'var(--gray)', + 'Light Gray' => 'var(--gray-light)', + 'White' => 'var(--white)', + ]) ); // Create Nav assignment diff --git a/style.css b/style.css index e0b07e6..e6ce912 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: 5.3.2 +Version: 5.4.0 Tags: private theme, timber, edje, acf, woocomemrce, custom-menu, editor-style */