diff --git a/README.md b/README.md index 3d43adb..0d84e8e 100644 --- a/README.md +++ b/README.md @@ -7,7 +7,7 @@ Stylesheet is compiled with **Node Sass**. Visit that link to know how to compil **REQUIREMENTS** - PHP 7.3+ -- WordPress 5.7+ +- WordPress 5.9+ - [Composer 1.8](https://getcomposer.org/) - Node JS @@ -42,14 +42,8 @@ This is our workflow for starting a new project: { "name": "Pixel Studio", "email": "info@pixelstudio.id", "homepage": "https://pixelstudio.id" } ], "require": { - "pixelstudio/edje-wp-theme": "~9.1", - "pixelstudio/edje-wp-library": "~6.0.0", - "pixelstudio/wp-sync-db": "~1.8", - - "wpackagist-plugin/jetpack": "*", - "wpackagist-plugin/autodescription": "*", - "wpackagist-plugin/contact-form-7": "*", - "wpackagist-theme/twentytwentyone": "*" + "pixelstudio/edje-wp-theme": "~14.1", + "pixelstudio/edje-wp-library": "~9.0.0" }, "require-dev": {}, "suggest": {}, @@ -77,16 +71,18 @@ This is our workflow for starting a new project: Here are some websites that uses this theme: - [WordPress Tips - Advanced Tutorial](https://wptips.dev) +- [Gumaya - 5-star Hotel](https://gumayatowerhotel.com) +- [Kantu - Peruvian Gifts](https://mikantu.com) +- [LTL School - Learn Mandarin in China](https://ltl-school.com) +- [Premiera Skincare](https://premieraskincare.com/) +- [Pixel Studio - Web Designer](https://pixelstudio.id) - [Angela Chung - Fashion Designer](https://angela-chung.com) - [Briliant Glass - Glassware Factory](https://briliant.glass) - [Fitnation - Premium Gym](https://fitnation.co.id) - [Istana Mie - Restaurant Franchise](https://istanamie.com) -- [LTL School - Learn Mandarin in China](https://ltl-school.com) - [GES13 - Refrigeration Distributor](https://ges13.com) - [Paritama - Garden Architecture](https://paritama.com) - [Pandarin - Mandarin Learning Center](https://pandarin.net) -- [Pixel Studio - Web Designer](https://pixelstudio.id) -- [Premiera Skincare](https://premieraskincare.com/) ## Useful Links diff --git a/acf-json/group_62e526dda2cbf.json b/acf-json/group_62e526dda2cbf.json new file mode 100644 index 0000000..b3f127c --- /dev/null +++ b/acf-json/group_62e526dda2cbf.json @@ -0,0 +1,101 @@ +{ + "key": "group_62e526dda2cbf", + "title": "Edje Widget - Dark Toggle", + "fields": [ + { + "key": "field_62e5288bec0fc", + "label": "Style", + "name": "style", + "type": "button_group", + "instructions": "", + "required": 0, + "conditional_logic": 0, + "wrapper": { + "width": "", + "class": "", + "id": "" + }, + "choices": { + "has-label": "Has Label", + "no-label": "No Label" + }, + "allow_null": 0, + "default_value": "", + "layout": "horizontal", + "return_format": "value" + }, + { + "key": "field_62e526e90170c", + "label": "Label Light", + "name": "label_light", + "type": "text", + "instructions": "", + "required": 0, + "conditional_logic": [ + [ + { + "field": "field_62e5288bec0fc", + "operator": "!=", + "value": "no-label" + } + ] + ], + "wrapper": { + "width": "", + "class": "", + "id": "" + }, + "default_value": "", + "placeholder": "Light", + "prepend": "", + "append": "", + "maxlength": "" + }, + { + "key": "field_62e52802c52df", + "label": "Label Dark", + "name": "label_dark", + "type": "text", + "instructions": "", + "required": 0, + "conditional_logic": [ + [ + { + "field": "field_62e5288bec0fc", + "operator": "!=", + "value": "no-label" + } + ] + ], + "wrapper": { + "width": "", + "class": "", + "id": "" + }, + "default_value": "", + "placeholder": "Dark", + "prepend": "", + "append": "", + "maxlength": "" + } + ], + "location": [ + [ + { + "param": "widget", + "operator": "==", + "value": "h_dark_toggle" + } + ] + ], + "menu_order": 0, + "position": "normal", + "style": "default", + "label_placement": "top", + "instruction_placement": "label", + "hide_on_screen": "", + "active": true, + "description": "", + "show_in_rest": 0, + "modified": 1659185934 +} \ No newline at end of file diff --git a/archive.php b/archive.php index 9aeca7a..c7eb71c 100644 --- a/archive.php +++ b/archive.php @@ -6,7 +6,6 @@ $args = [ 'title' => $query->name, 'description' => $query->description, - 'term' => $query, 'posts' => $wp_query->get_posts(), 'pagination' => H::get_pagination(), ]; diff --git a/assets/sass/_functions-mixins.sass b/assets/css/_helpers.sass similarity index 97% rename from assets/sass/_functions-mixins.sass rename to assets/css/_helpers.sass index 6694e3e..275498e 100644 --- a/assets/sass/_functions-mixins.sass +++ b/assets/css/_helpers.sass @@ -64,7 +64,7 @@ // Usage: // @include triangle( n, #333, 20px, 12px ); // -@mixin triangle( $direction, $color, $width, $height: false) +@mixin triangle($direction, $color, $width, $height: false) $half-width: math.div($width, 2) // If height is not specified, make the triangle equalateral diff --git a/assets/sass/_vars-root.sass b/assets/css/_vars-root.sass similarity index 93% rename from assets/sass/_vars-root.sass rename to assets/css/_vars-root.sass index e4acb52..8373de4 100644 --- a/assets/sass/_vars-root.sass +++ b/assets/css/_vars-root.sass @@ -2,13 +2,11 @@ @each $c in $colors $var: map-get($c, 'var') $hex: map-get($c, 'hex') - $filter: map-get($c, 'filter') #{ $var } : #{ $hex } // RGB version for transparency, use it like this: // `rgba(--color1, .5)` which will output `rgba(var(--color1RGB), .5)` #{ $var }RGB : #{ red($hex) }, #{ green($hex) }, #{ blue($hex) } - #{ $var }Filter: #{ $filter } // Other colors @@ -152,6 +150,7 @@ body.admin-bar @each $c in $colors $var: map-get($c, 'var') $slug: map-get($c, 'slug') + $filter: map-get($filters, $slug) .has-#{ $slug }-background-color --bgColor: var(#{ $var }) @@ -159,4 +158,16 @@ body.admin-bar .has-#{ $slug }-color --textColor: var(#{ $var }) --textColorRGB: var(#{ $var }RGB) - --filterColor: var(#{ $var }Filter) \ No newline at end of file + --filterColor: #{$filter} + +///// FONT FACES + +@font-face + src: url('../fonts/notoserif-regular.woff2') + font-family: 'Noto Serif' + font-weight: 400 + +@font-face + src: url('../fonts/notoserif-bold.woff2') + font-family: 'Noto Serif' + font-weight: 700 \ No newline at end of file diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss new file mode 100644 index 0000000..0768067 --- /dev/null +++ b/assets/css/_vars.scss @@ -0,0 +1,63 @@ +// This file is using .scss format to make it easier to write Maps & List + +// Use this for the Filter value https://codepen.io/sosuke/pen/Pjoqqp - Useful to change the color of a PNG +// If you don't use PNG icon, feel free to remove the filter +$colors: ( + ( hex: #2c3e50, var: '--text', slug: 'text-base' ), + ( hex: #868698, var: '--textDim', slug: 'text-dim' ), + ( hex: #ffffff, var: '--textInvert', slug: 'text-invert' ), + + ( hex: #5C6BC0, var: '--color1', slug: 'color-1',), + ( hex: #3F4EA2, var: '--color1Dark', slug: 'color-1-dark' ), + ( hex: #D3D7EE, var: '--color1Light', slug: 'color-1-light' ), + + ( hex: #2ecc71, var: '--color2', slug: 'color-2' ), + ( hex: #26A65B, var: '--color2Dark', slug: 'color-2-dark' ), + ( hex: #def7e8, var: '--color2Light', slug: 'color-2-light' ), + + ( hex: #e74c3c, var: '--color3', slug: 'color-3' ), + ( hex: #fbdedb, var: '--color3Light', slug: 'color-3-light' ), +); + +$filters: ( + 'text-base': invert(18%) sepia(12%) saturate(1870%) hue-rotate(169deg) brightness(94%) contrast(83%), + 'text-dim': invert(53%) sepia(8%) saturate(544%) hue-rotate(201deg) brightness(99%) contrast(91%), + 'text-invert': invert(100%) sepia(10%) saturate(7462%) hue-rotate(173deg) brightness(117%) contrast(108%), + + 'color-1': invert(59%) sepia(80%) saturate(2621%) hue-rotate(178deg) brightness(91%) contrast(87%), + 'color-1-dark': invert(39%) sepia(9%) saturate(4187%) hue-rotate(163deg) brightness(95%) contrast(86%), + 'color-1-light': invert(87%) sepia(18%) saturate(184%) hue-rotate(170deg) brightness(105%) contrast(95%), + + 'color-2': invert(64%) sepia(63%) saturate(493%) hue-rotate(92deg) brightness(90%) contrast(90%), + 'color-2-dark': invert(49%) sepia(22%) saturate(1352%) hue-rotate(92deg) brightness(103%) contrast(90%), + 'color-2-light': invert(98%) sepia(67%) saturate(213%) hue-rotate(65deg) brightness(100%) contrast(95%), + + 'color-3': invert(59%) sepia(98%) saturate(5598%) hue-rotate(343deg) brightness(99%) contrast(83%), + 'color-3-light': invert(96%) sepia(66%) saturate(482%) hue-rotate(292deg) brightness(101%) contrast(97%) +); + +///// MEDIA QUERY + +$size-xsmall : 480px; +$size-small : 768px; +$size-medium : 960px; +$size-large : 1120px; + +$below-xs: "max-width:#{ $size-xsmall }"; +$above-xs: "min-width:#{ $size-xsmall + 1px }"; +$below-s: "max-width:#{ $size-small }"; +$above-s: "min-width:#{ $size-small + 1px }"; +$below-m: "max-width:#{ $size-medium }"; +$above-m: "min-width:#{ $size-medium + 1px }"; +$below-l: "max-width:#{ $size-large }"; +$above-l: "min-width:#{ $size-large + 1px }"; + +$below-nav: $below-s; // small navigation breakpoint +$above-nav: $above-s; + +$below-adminbar: "max-width:782px"; +$above-adminbar: "min-width:783px"; + +$portrait: "orientation: portrait"; +$landscape: "orientation: landscape"; +$retina: "min-resolution: 192dpi"; \ No newline at end of file diff --git a/assets/css/app.sass b/assets/css/app.sass new file mode 100644 index 0000000..c55cffd --- /dev/null +++ b/assets/css/app.sass @@ -0,0 +1,22 @@ +/*! Theme Name: Edje Basic Theme */ +@import "vars" +@import "vars-root" +@import "helpers" + +@import "components/normalize" +@import "components/utilities" + +@import "components/grid" +@import "components/fields" + +@import "components/header-footer" +@import "components/widgets" +@import "components/post" +@import "components/menu" + +// OPTIONAL MODULES, only activate if you're using this feature +@import "components/menu-mega" +@import "components/dark-mode" +// @import "components/post-comments" +// @import "plugins/jetpack" +// @import "plugins/cf7" \ No newline at end of file diff --git a/assets/css/components/_dark-mode.sass b/assets/css/components/_dark-mode.sass new file mode 100644 index 0000000..65c9f5a --- /dev/null +++ b/assets/css/components/_dark-mode.sass @@ -0,0 +1,87 @@ +#main-container + background-color: var(--siteBg) // without background, it can't be inverted + +body.h-is-dark + filter: invert(100%) hue-rotate(180deg) + + // invert back the image + img + filter: invert(100%) hue-rotate(180deg) brightness(1.2) + + // image that you want to stay inverted + .wp-block-site-logo img + filter: none + + +.h-dark-toggle + cursor: pointer + display: flex + align-items: center + row-gap: 0.25rem + column-gap: 0.25rem + + span + text-transform: uppercase + font-size: var(--xsFontSize) + font-weight: var(--hFontWeight) + + input[type="checkbox"] + display: none + + +.h-dark-toggle__switch + --width: 44px + --height: 24px + --padding: 4px + + display: block + overflow: hidden + position: relative + background-color: var(--text) + width: var(--width) + height: var(--height) + border: 1px solid var(--textInvert) + border-radius: 1rem + + &:focus + box-shadow: 0 0 0 2px var(--color1) + + &::before + content: "" + position: absolute + z-index: 3 + display: inline-block + background-color: var(--textInvert) + + width: calc(var(--height) - var(--padding) - var(--padding)) + height: calc(var(--height) - var(--padding) - var(--padding)) + top: 50% + left: var(--padding) + border-radius: 50% + transform: translateY(-50%) + transition: var(--gTransition) + + input:checked + & + transform: translateY(-50%) translateX(calc(var(--width) / 2 - var(--padding) / 2)) + + // turn the circle into crescent + &::after + content: "" + position: absolute + top: 50% + left: 0 + z-index: 2 + + display: inline-block + background-color: var(--text) + transition: var(--gTransition) + transform: translateY(-50%) + + width: 1px + height: 1px + border-radius: 50% + + body.h-is-dark & + z-index: 4 + width: calc(var(--width) * 0.7) + height: calc(var(--width) * 0.7) \ No newline at end of file diff --git a/assets/sass/components/_fields.sass b/assets/css/components/_fields.sass similarity index 100% rename from assets/sass/components/_fields.sass rename to assets/css/components/_fields.sass diff --git a/assets/sass/components/_grid.sass b/assets/css/components/_grid.sass similarity index 77% rename from assets/sass/components/_grid.sass rename to assets/css/components/_grid.sass index 9205f08..2b77a45 100644 --- a/assets/sass/components/_grid.sass +++ b/assets/css/components/_grid.sass @@ -16,9 +16,9 @@ padding: 0 [data-column] - --span: 12 + --grid: 12 --width: 100% - grid-column: span var(--span) + grid-column: span var(--grid) [data-grid="centered"] display: block @@ -32,35 +32,35 @@ // Column @for $i from 1 through 12 [data-column^="#{$i}"] - --span: #{$i} + --grid: #{$i} --width: #{ percentage(math.div($i, 12)) } // Tablet and mobile size @media ($below-s) [data-column] - --span: 12 + --grid: 12 --width: 100% @for $i from 1 through 12 [data-column$="-#{$i}"] - --span: #{$i} + --grid: #{$i} --width: #{ percentage(math.div($i, 12)) } // Only tablet size @media ($above-xs) and ($below-s) @for $i from 1 through 12 [data-column*="-#{$i}-"] - --span: #{$i} + --grid: #{$i} --width: #{ percentage(math.div($i, 12)) } ///// TILE -[data-tile] - --columns: 3 +[data-tiles] + --tiles: 3 display: -ms-grid display: grid - grid-template-columns: repeat( var(--columns), minmax(0,1fr) ) + grid-template-columns: repeat( var(--tiles), minmax(0,1fr) ) grid-column-gap: var(--tileGap) grid-row-gap: var(--tileGap) list-style-type: none @@ -71,20 +71,20 @@ // Large tile @for $i from 1 through 10 - [data-tile^="#{$i}"] - --columns: #{$i} + [data-tiles^="#{$i}"] + --tiles: #{$i} // Small and XSmall tile @media ($below-s) - [data-tile] - --columns: 1 + [data-tiles] + --tiles: 1 @for $i from 1 through 5 - [data-tile$="-#{$i}"] - --columns: #{$i} + [data-tiles$="-#{$i}"] + --tiles: #{$i} // Small only tile @media ($above-xs) and ($below-s) @for $i from 1 through 5 - [data-tile*="-#{$i}-"] - --columns: #{$i} \ No newline at end of file + [data-tiles*="-#{$i}-"] + --tiles: #{$i} \ No newline at end of file diff --git a/assets/css/components/_header-footer.sass b/assets/css/components/_header-footer.sass new file mode 100644 index 0000000..eee967c --- /dev/null +++ b/assets/css/components/_header-footer.sass @@ -0,0 +1,212 @@ +///// MAIN HEADER ///// + +.header, +.subheader + @media ($below-nav) + display: none + +.header-mobile, +.subheader-mobile + @media ($above-nav) + display: none + +.header, +.header-mobile + position: sticky + top: var(--adminBarHeight) + z-index: 90 + + background-color: var(--siteBgColor) + border-bottom: 1px solid rgba(--text, .1) + transition: var(--gTransition) + + &.is-stuck + box-shadow: var(--shadow1) + +.header-mobile + padding-top: 0.5rem + padding-bottom: 0.5rem + +.subheader, +.subheader-mobile + position: relative + z-index: 100 + padding-top: 0.25rem + padding-bottom: 0.25rem + background-color: var(--text) + + font-size: var(--sFontSize) + color: var(--textInvert) + transition: var(--gTransition) + + +///// OFFCANVAS ///// + +.offcanvas + cursor: default + position: fixed + z-index: 200 + top: 0 + bottom: 0 + right: 0 + + visibility: hidden + opacity: 0 + background: var(--text) + width: 420px + max-width: 420px + + color: var(--textInvert) + + box-shadow: var(--shadow3) + transform: translateX(100%) + + // + @media ($below-xs) + width: 320px + max-width: 320px + + +body.has-active-offcanvas + overflow-y: hidden + cursor: pointer + -webkit-tap-highlight-color: rgba(white, 0) + + &::before + content: "" + display: block + +absolute-fill + z-index: 190 + background-color: rgba(--text, .5) + + transition: var(--gTransition) + + .offcanvas + visibility: visible + opacity: 1 + transform: none + transition: var(--gTransition) + + +.offcanvas__inner-wrapper + display: flex + flex-direction: column + align-items: flex-start + + overflow-y: auto + height: 100% + max-height: 100vh + padding: 2.5rem 2rem + list-style-type: none + + -webkit-overflow-scrolling: touch + + @media ($below-s) + padding-right: 1rem + padding-left: 1rem + + +// Close button +.offcanvas > a[href="#menu"] + position: absolute + z-index: 10 + top: 0.5rem + right: 1rem + + display: flex + align-items: center + justify-content: center + + width: 2rem + height: 2rem + border-radius: var(--gRadius) + font-size: 0 + color: transparent + + path + fill: var(--textInvert) + &:hover + background-color: rgba(--textInvert, .2) + + +///// FOOTER ///// + +.main-footer + background-color: var(--panelBg) + margin-top: var(--groupSpacing) + +.footer-widgets + display: flex + justify-content: center + + @media ($below-l) + padding-left: var(--gridRim) + padding-right: var(--gridRim) + +.footer-top + position: relative + background-color: var(--main) + + padding: 2.5rem + border-radius: var(--gRadius) + margin: 0 auto + max-width: var(--siteWidth) + color: var(--textInvert) + + @media ($below-l) + padding: 1.5rem + margin-right: 1rem + margin-left: 1rem + + @media ($below-xs) + margin-right: 0.5rem + margin: 0.5rem + + &::before, + &::after + content: "" + position: absolute + top: 0 + height: 50% + width: calc(50vw - 50%) + background-color: var(--siteBg) + + &::before + left: 0 + transform: translateX(-100%) + + &::after + right: 0 + transform: translateX(100%) + + .widgettitle + font-size: var(--h4Size) + + .textwidget + opacity: .75 + font-size: var(--mFontSize) + + @media ($below-s) + font-size: var(--fontSize) + + +.footer-mid + padding-top: 3rem + padding-bottom: 3rem + + .wp-block-social-links + --iconBg: #DADEE7 + --iconColor: var(--text) + +.footer-bottom + background-color: rgba(--text, .05) + padding-top: 0.5rem + padding-bottom: 0.5rem + font-size: var(--sFontSize) + + .textwidget p + margin-bottom: 0 + opacity: .75t + text-align: center + + diff --git a/assets/css/components/_menu-mega.sass b/assets/css/components/_menu-mega.sass new file mode 100644 index 0000000..2bc7100 --- /dev/null +++ b/assets/css/components/_menu-mega.sass @@ -0,0 +1,165 @@ +///// MEGA MENU in Header + Subheader + +.header-widgets + // megamenu immediately display the 2nd submenu, no need for arrow + .h-mega-menu .submenu-item.menu-item-has-children > a::after + display: none + + // open submenu when hovering the parent + .h-mega-menu:hover .submenu + visibility: visible + opacity: 1 + transition: var(--gTransition) + + // open submenu when tabbing the parent + .h-mega-menu:focus-within .submenu + visibility: visible + opacity: 1 + transition: var(--gTransition) + + ///// MEGA MENU + + .h-mega-menu-2-columns + --width: calc(var(--siteWidth) / 2) + --columns: 2 + + @media ($below-l) + --width: 50vw + + .h-mega-menu-3-columns + --width: calc(var(--siteWidth) * 3 / 4) + --columns: 3 + + @media ($below-l) + --width: 75vw + + .h-mega-menu-4-columns + --width: var(--siteWidth) + --columns: 4 + position: static // to make submenu aligned to grid + + @media ($below-l) + --width: 100% + + .h-mega-menu .submenu-depth-1 + display: flex + flex-wrap: wrap + overflow-y: auto + + padding: 0 + width: var(--width) + max-height: calc(100vh - var(--headingHeight, 80px)) + + + .h-mega-menu .submenu-depth-2 + position: static + padding: 0 + width: 100% + background-color: transparent + box-shadow: none + transform: none + + .h-mega-menu__column + flex-grow: 1 + width: calc(100% / var(--columns, 2)) + padding: 0.75rem + border-radius: 0 + + > a + opacity: .75 + letter-spacing: 0.05em + text-transform: uppercase + font-size: var(--xsFontSize) + pointer-events: none + + // hide description + > a > dd + display: none + + + // Mega menu aligned left if put on first column + .widget-column:nth-child(1) + .h-mega-menu-2-columns, + .h-mega-menu-3-columns + .submenu-depth-1 + right: auto + left: 0 + transform: none + + // Mega menu aligned right if put on last column + .widget-column:last-child:not(:first-child) + .h-mega-menu-2-columns, + .h-mega-menu-3-columns + .submenu-depth-1 + right: 0 + left: auto + transform: none + + +///// MEGA MENU in Offcanvas + +.offcanvas + .h-mega-menu__column + opacity: .75 + letter-spacing: 0.05em + text-transform: uppercase + font-size: var(--xsFontSize) + pointer-events: none + + // 1st submenu is initially hidden + .h-mega-menu:not(.h-mega-menu-is-active) .submenu-depth-1 + display: none + + // add arrow to indicate it can be opened + .h-mega-menu > a::after + display: inline-block + .h-mega-menu-is-active > a::after + transform: rotate(180deg) + + // 2nd submenu is initially open + .h-mega-menu .submenu-depth-2 + display: block + .h-mega-menu .menu-item-has-children > a::after + display: none + + +///// Menu BACKGROUND - only works in mega menu +.h-mega-menu .menu-item-has-background + background-color: var(--bgColor, transparent) + padding: 0.5rem + color: var(--textColor, inherit) + + .offcanvas & + .submenu-depth-2, + .submenu-depth-2 a + margin: 0 + + &.menu-background-lighter, + &.menu-background-darker, + &.menu-background-white + --textColor: var(--text) + --bgHover: rgba(0,0,0,.1) + + &.menu-background-black, + &.menu-background-main, + &.menu-background-sub + --textColor: var(--textInvert) + --bgHover: rgba(255,255,255,.2) + + &.menu-background-lighter + --bgColor: rgba(255,255,255,.1) + + &.menu-background-darker + --bgColor: rgba(0,0,0,.05) + + &.menu-background-black + --bgColor: black + + &.menu-background-white + --bgColor: white + + &.menu-background-main + --bgColor: var(--color1) + + &.menu-background-sub + --bgColor: var(--color2) \ No newline at end of file diff --git a/assets/css/components/_menu.sass b/assets/css/components/_menu.sass new file mode 100644 index 0000000..dedf600 --- /dev/null +++ b/assets/css/components/_menu.sass @@ -0,0 +1,411 @@ +.menu-item:not([href]) + cursor: default + +// active state +@mixin menu-item-is-active + .current-menu-item > a, + .current-page-ancestor > a, + .current-menu-ancestor > a, + .current-menu-parent > a, + .current_page_parent > a + @content + +///// MENU in HEADER + +.header + .menu + display: flex + flex-wrap: wrap + list-style-type: none + transition: var(--gTransition) + + .menu-item + position: relative + + .menu-item > a + position: relative + display: flex + align-items: center + padding: 2rem 0.75rem + height: 100% + + line-height: 1 + font-weight: var(--hFontWeight) + color: inherit + + // add border-bottom as hover indicator + .menu-item > a::before + content: "" + display: block + visibility: hidden + opacity: 0 + transition: var(--gTransition) + + position: absolute + bottom: 0 + left: 10px + right: 10px + height: 4px + background-color: var(--text) + + .menu-item:hover > a::before + visibility: visible + opacity: 1 + + +menu-item-is-active + &::before + visibility: visible + opacity: 1 + +// Disable menu on Header mobile +.header-mobile + .menu + display: none + +///// MENU in SUBHEADER + +.subheader + .menu + display: flex + list-style-type: none + padding: 0 + + .menu-item + position: relative + + .menu-item > a + display: flex + align-items: center + padding: 0.25rem 0.5rem + border-radius: var(--gRadius) + + line-height: 1 + font-weight: var(--hFontWeight) + color: inherit + + .menu-item > a:hover + background-color: rgba(--textInvert, .2) + + .menu-item-has-children > a::after + filter: invert(1) + + .submenu + color: var(--text) + +// Disable menu on Subheader mobile +.subheader-mobile + .menu + display: none + +///// MENU in HEADER + SUBHEADER + +.header-widgets + .menu-item-has-children > a::after + content: "" + display: inline-block + margin-left: 0.5rem + width: 0.75rem + height: 0.75rem + background: url('../svg/chevron-down.svg') no-repeat center center + background-size: 100% auto + opacity: .75 + + // if has 2nd submenu, the arrow is to the right + .submenu-item.menu-item-has-children > a::after + position: absolute + top: 50% + right: 0.25rem + background-image: url('../svg/chevron-right.svg') + background-size: auto 100% + margin: 0 + transform: translateY(-50%) + + .submenu + visibility: hidden + opacity: 0 + background-color: var(--textInvert) + + width: 220px + padding: 0.5rem + border-radius: var(--gRadius) + + list-style-type: none + box-shadow: var(--shadow1) + + .submenu-depth-1 + position: absolute + z-index: 10 + top: 100% + left: 50% + transform: translateX(-50%) + + .submenu-depth-2 + position: absolute + top: 0 + right: 0 + left: auto + transform: translateX(100%) + + // open submenu when hovering the parent + .menu-item:hover .submenu-depth-1, + .submenu-item:hover .submenu-depth-2 + visibility: visible + opacity: 1 + transition: var(--gTransition) // only animate on enter + + // need to be separated with ":hover" for browser support + .menu-item:focus-within .submenu-depth-1, + .submenu-item:focus-within .submenu-depth-2 + visibility: visible + opacity: 1 + transition: var(--gTransition) + + .submenu-item + position: relative + + > a + display: flex + flex-direction: column + padding: 0.375rem 0.5rem + border-radius: var(--gRadius) + font-weight: 600 + + // --bgHover is added by mega-menu class + > a:hover + background-color: var(--bgHover, #{rgba(--text, .1)}) + + > a:active + transition: none + transform: translateY(1px) + + +///// MENU in OFFCANVAS + +.offcanvas + .menu + display: flex + flex-direction: column + flex-wrap: wrap + list-style-type: none + transition: var(--gTransition) + + .menu-item + margin-bottom: 0.5rem + + .menu-item > a + display: flex + align-items: center + padding: 0.5rem 0.75rem + border-radius: var(--gRadius) + + line-height: 1 + font-weight: var(--hFontWeight) + letter-spacing: 0.025em + color: inherit + font-size: var(--lFontSize) + + .menu-item > a:hover + background-color: rgba(--textInvert, .1) + opacity: .75 + + +menu-item-is-active + background-color: rgba(--textInvert, .1) + color: var(--textInvert) + opacity: 1 + + .menu-item-has-children > a::after + content: "" + display: inline-block + opacity: .75 + background: url('../svg/chevron-down.svg') no-repeat center center + background-size: 100% auto + filter: invert(1) + transition: var(--gTransition) + + margin-left: auto + width: 0.75rem + height: 0.75rem + + // 1st submenu is initially shown, no need for arrow toggle + .menu-item:not.menu-item-has-children > a::after + display: none + + // 2nd submenu is initially hidden, rotate the arrow after displayed + .submenu-item-is-active > a::after + transform: rotate(180deg) + + .submenu + border-left: 1px solid rgba(--textInvert, .1) + margin-left: 0.75rem + list-style-type: none + + // 2nd level submenu is initially hidden + .submenu-depth-2 + display: none + .submenu-item-is-active .submenu-depth-2 + display: block + + .submenu-item + position: relative + + > a + display: flex + align-items: center + padding: 0.375rem 0.5rem + margin-left: 0.25rem + border-radius: var(--gRadius) + + // --bgHover is added in mega-menu class + > a:hover + background-color: var(--bgHover, #{rgba(--textInvert, .1)}) + + +///// MENU in FOOTER + +.footer-widgets + .menu + display: flex + flex-wrap: wrap + column-gap: 1rem + row-gap: 1rem + list-style-type: none + + .menu-item + width: calc(25% - 1rem * 0.75) + + @media ($below-m) + width: calc(50% - 1rem * 0.5) + + @media ($below-xs) + width: 100% + + .menu-item > a + display: flex + align-items: center + background-color: transparent + + padding: 0.5rem + border-radius: var(--gRadius) + + font-size: var(--mFontSize) + font-weight: var(--hFontWeight) + color: inherit + + + .submenu-item > a + display: block + padding: 0.375rem 0.5rem + border-radius: var(--gRadius) + + .menu-item > a:hover, + .submenu-item > a:hover + background-color: rgba(--text, .1) + box-shadow: var(--shadow0) + + .menu-item > a:active, + .submenu-item > a:active + transform: translateY(1px) + transition: none + + +menu-item-is-active + background-color: rgba(--textInvert, .1) + color: inherit + + .submenu + list-style-type: none + + // @todo - find a way to fit this + .submenu-depth-2 + display: none + + // add toggle arrow if menu has children + @media ($below-xs) + .menu-item-has-children > a::after + content: "" + display: inline-block + opacity: .75 + background: url('../svg/chevron-down.svg') no-repeat center center + background-size: 100% auto + transition: var(--gTransition) + + margin-left: auto + width: 0.75rem + height: 0.75rem + + .menu-item-is-active > a::after + transform: rotate(180deg) + + .menu-item:not(.menu-item-is-active) .submenu + display: none + + + +///// CUSTOM STYLE + +.menu-item.menu-item-has-icon + img + margin-right: 0.25rem + max-width: 28px + + .header &, + .subheader & + display: none + +.submenu-item.menu-item-has-icon + > a + display: grid + grid-template-columns: 28px 1fr + column-gap: 0.5rem + align-items: flex-start + + img + grid-row: span 2 + height: auto + + .offcanvas & + dt + font-weight: var(--fontWeight) + dd + display: none + +.submenu-item + // if has description + dd + font-weight: var(--fontWeight) + font-size: var(--sFontSize) + opacity: .75 + +// with IMAGE +.submenu-item.menu-item-has-image + --bgHover: transparent + + font-size: var(--xsFontSize) + margin-bottom: 0.5rem + + > a + flex-direction: column + align-items: flex-start + padding-top: 0 + padding-bottom: 0 + margin: 0 + pointer-events: none // image not clickable + + img + margin-bottom: 0.5rem + width: auto + transition: var(--gTransition) + +// Empty title - when the title is just "-" +.menu-item-empty-title + > a + color: transparent + + .offcanvas & + display: none + +// Has shortcode in menu item +.menu-item-has-shortcode + // delete the closed and reopened + > a:nth-child(1), + > a:nth-child(3) + display: none \ No newline at end of file diff --git a/assets/sass/components/_normalize.sass b/assets/css/components/_normalize.sass similarity index 100% rename from assets/sass/components/_normalize.sass rename to assets/css/components/_normalize.sass diff --git a/assets/sass/components/_post-comments.sass b/assets/css/components/_post-comments.sass similarity index 85% rename from assets/sass/components/_post-comments.sass rename to assets/css/components/_post-comments.sass index d2fd989..1e92183 100644 --- a/assets/sass/components/_post-comments.sass +++ b/assets/css/components/_post-comments.sass @@ -58,7 +58,8 @@ color: var(--textDim) // Reply link -a.comment-reply-link +a.comment-reply-link, +a.comment-edit-link padding: 0.25rem 0.5rem background-color: rgba(--color1, .2) border-radius: var(--gRadius) @@ -67,12 +68,31 @@ a.comment-reply-link letter-spacing: 0.05em text-transform: uppercase + &::before + content: "" + opacity: .6 + display: inline-block + width: 0.75rem + height: 0.75rem + margin-right: 0.5rem + background-repeat: no-repeat + background-position: center center + background-size: contain + &:hover background-color: rgba(--color1, .35) &:active transition: none transform: translateY(1px) + + a + margin-left: 0.25rem + +a.comment-reply-link::before + background-image: url('../svg/reply.svg') +a.comment-edit-link::before + background-image: url('../svg/pencil.svg') + .comment-content, .review-text margin-top: 0.5rem @@ -173,9 +193,9 @@ a.comment-reply-link label display: none - textarea + textarea[name="comment"] height: 12rem - border-radius: 0 var(--gRadius) var(--gRadius) 0 + border: 2px solid rgba(--text, .1) p.comment-form-author, p.comment-form-email @@ -221,6 +241,9 @@ p.form-submit .h-editor border-left: none - textarea - border: none + .toolbar + padding: 2px border-radius: var(--gRadius) + border: 2px solid rgba(--text, .1) + box-shadow: var(--shadowThin) + diff --git a/assets/sass/components/_post.sass b/assets/css/components/_post.sass similarity index 96% rename from assets/sass/components/_post.sass rename to assets/css/components/_post.sass index b1a5857..a5dd5eb 100644 --- a/assets/sass/components/_post.sass +++ b/assets/css/components/_post.sass @@ -103,7 +103,7 @@ ///// POST CONTENT -.post-columns +.post-columns.wp-block-columns --blogWidth: auto column-gap: 5rem @@ -118,9 +118,10 @@ ///// SINGLE AUTHOR .post-author - padding: 1rem - background-color: var(--textInvert) - box-shadow: 0px 50px 90px rgba(210, 213, 218, 0.4) + padding-top: 2rem + padding-bottom: 2rem + border-top: 1px solid rgba(--text, .1) + border-bottom: 1px solid rgba(--text, .1) body.archive & background-color: transparent @@ -275,7 +276,10 @@ margin-right: 0 margin-left: 0.5rem +///// RELATED POSTS +.related-posts + box-shadow: var(--shadowThin) ///// PAGINATION diff --git a/assets/sass/components/_helpers.sass b/assets/css/components/_utilities.sass similarity index 100% rename from assets/sass/components/_helpers.sass rename to assets/css/components/_utilities.sass diff --git a/assets/sass/components/_widgets.sass b/assets/css/components/_widgets.sass similarity index 79% rename from assets/sass/components/_widgets.sass rename to assets/css/components/_widgets.sass index 52f3602..3d4ba23 100644 --- a/assets/sass/components/_widgets.sass +++ b/assets/css/components/_widgets.sass @@ -1,8 +1,8 @@ ///// GENERAL .widget - footer &, - .offcanvas & + .offcanvas &, + .footer & width: 100% .widget + .widget @@ -90,17 +90,16 @@ @media ($below-s) width: 100% - align-items: center + justify-content: center + .widget-column margin-top: var(--blockSpacing) + .footer-top &, .footer-bottom & justify-content: center - - ///// WIDGET: Text .widget_text @@ -208,70 +207,41 @@ font-size: var(--sFontSize) color: var(--text) - .footer & + .footer-widgets & justify-content: flex-start width: 100% ///// WIDGET: Button -.widget_h_button - .wp-block-button__link - padding-top: 0.375rem - padding-bottom: 0.375rem - - .is-style-outline .wp-block-button__link - --textColor: inherit - - -///// WIDGET: Social Buttons - -.widget .wp-block-social-links - --iconSize: 1.25rem - --iconPadding: 0.25em +.widget.widget_h_button + display: inline-block + width: auto - &.has-small-icon-size - --iconSize: 1rem - &.has-large-icon-size - --iconSize: 1.75rem - &.has-huge-icon-size - --iconSize: 2.5rem + .wp-block-button + display: inline-flex - &.is-style-pill-shape - .has-label - --iconPadding: 0.375em 0.5em - border-radius: 15px - - &.has-monotone-color - .wp-social-link - background-color: var(--color1) - - &.is-style-logos-only - .wp-social-link - background-color: transparent - color: inherit - -.widget .wp-social-link - margin-bottom: 0 - - p - display: block - margin-left: .25rem + + .widget_h_button + margin-top: 0 + margin-left: 1rem -.wp-social-link.has-label - p - display: inline-block - margin-left: 0.25rem - line-height: 1 - font-size: var(--sFontSize) +///// WIDGET: BUTTONS -.wp-social-link-email, -.wp-social-link-phone, -.wp-social-link-location, -.wp-social-link-faq - --color: var(--color1) +.widget_h_buttons + .subheader & + .wp-block-button + --textColor: var(--textInvert) + font-size: var(--xsFontSize) + .wp-block-button__link + padding: 0.25rem 0.5rem + .footer-top & + .wp-block-button + --textColor: var(--color1) + --bgColor: var(--textInvert) + .is-style-outline + --textColor: var(--textInvert) ///// WIDGET: Recent Posts @@ -286,7 +256,12 @@ text-decoration: none a:hover text-decoration: underline - + +///// WIDGET: Nav Menu + +.widget_nav_menu + footer & + width: 100% ///// WIDGET: Search @@ -352,6 +327,7 @@ input.search-submit height: 1rem margin-right: 0.25rem span + line-height: 1 text-transform: uppercase path, @@ -362,4 +338,38 @@ input.search-submit // alignment header[data-columns="2"] .widget-column:nth-child(2) &, header[data-columns="3"] .widget-column:nth-child(3) & - flex-direction: row-reverse \ No newline at end of file + flex-direction: row-reverse + + svg + margin-right: 0 + margin-left: 0.25rem + +// WIDGET: GALLERY + +.widget_media_gallery + .gallery + --columns: 3 + display: grid + grid-template-columns: repeat(var(--columns), 1fr) + column-gap: 0.5rem + row-gap: 0.5rem + + .gallery-columns-2 + --columns: 2 + .gallery-columns-4 + --columns: 4 + .gallery-columns-5 + --columns: 5 + + .gallery-item + grid-column: span 1 + + img[alt*="http"] + cursor: pointer + transition: var(--gTransition) + + &:hover + opacity: .75 + &:active + transform: translateY(1px) + transition: none \ No newline at end of file diff --git a/assets/sass/gutenberg.sass b/assets/css/gutenberg.sass similarity index 93% rename from assets/sass/gutenberg.sass rename to assets/css/gutenberg.sass index 4262db9..0dc6c32 100644 --- a/assets/sass/gutenberg.sass +++ b/assets/css/gutenberg.sass @@ -1,5 +1,5 @@ @import "vars" -@import "functions-mixins" +@import "helpers" %figcaption display: inline-block diff --git a/assets/sass/gutenberg/_core-design.sass b/assets/css/gutenberg/_core-design.sass similarity index 89% rename from assets/sass/gutenberg/_core-design.sass rename to assets/css/gutenberg/_core-design.sass index 35af3eb..eb447c0 100644 --- a/assets/sass/gutenberg/_core-design.sass +++ b/assets/css/gutenberg/_core-design.sass @@ -1,10 +1,12 @@ ///// BUTTONS .wp-block-buttons + --gap: 1rem display: flex align-items: center flex-wrap: wrap - gap: 1rem + column-gap: var(--gap) + row-gap: var(--gap) &.aligncenter justify-content: center @@ -48,7 +50,6 @@ text-decoration: none text-transform: uppercase - font-size: var(--mFontSize) font-weight: 700 letter-spacing: 0.05em color: var(--textColor, var(--textInvert)) @@ -96,11 +97,8 @@ .wp-block-button__link - display: flex - align-items: center - .is-style-outline & - border-color: inherit + border: 2px solid background-color: transparent color: var(--textColor) @@ -114,6 +112,19 @@ &:hover background-color: transparent +// @since WP 5.9 +[class*="wp-block-button__width-"] + a + justify-content: center + +.wp-block-button__width-25 + width: calc(25% - var(--gap) * 0.75) +.wp-block-button__width-50 + width: calc(50% - var(--gap) * 0.5) +.wp-block-button__width-75 + width: calc(75% - var(--gap) * 0.25) +.wp-block-button__width-100 + width: 100% ///// COLUMNS diff --git a/assets/sass/gutenberg/_core-media.sass b/assets/css/gutenberg/_core-media.sass similarity index 82% rename from assets/sass/gutenberg/_core-media.sass rename to assets/css/gutenberg/_core-media.sass index 8c74a8e..561f3c7 100644 --- a/assets/sass/gutenberg/_core-media.sass +++ b/assets/css/gutenberg/_core-media.sass @@ -50,8 +50,6 @@ transform: none transition: none - - ///// GALLERY .wp-block-gallery @@ -69,6 +67,8 @@ align-items: flex-start @media ($above-s) + &.columns-1 + --columns: 1 &.columns-2 --columns: 2 &.columns-3 @@ -108,6 +108,7 @@ height: 100% width: 100% object-fit: cover + object-position: center center // caption .wp-block-gallery @@ -133,6 +134,47 @@ font-size: smaller +// GALLERY in v5.8 and older +.wp-block-gallery:not(.has-nested-images) + ul + list-style-type: none + padding: 0 + display: flex + flex-wrap: wrap + row-gap: var(--gap) + column-gap: var(--gap) + + li + flex-grow: 1 + width: calc(100% / var(--columns) - var(--gap)) + + figure + position: relative + + &.is-cropped figure + height: 100% + + &.is-cropped img + flex: 1 + height: 100% + width: 100% + object-fit: cover + object-position: center center + + li figcaption + position: absolute + bottom: 0 + left: 0 + right: 0 + padding: 0.25rem + background-image: linear-gradient( 0deg, rgba(black,.7), rgba(black,.5) 50%,transparent) + + text-align: center + font-size: var(--sFontSize) + color: var(--textInvert) + + + ///// COVER .wp-block-cover @@ -222,26 +264,26 @@ z-index: 2 background-color: var(--bgColor, black) -.has-background-dim - opacity: .5 -.has-background-dim-10 - opacity: .1 -.has-background-dim-20 - opacity: .2 -.has-background-dim-30 - opacity: .3 -.has-background-dim-40 - opacity: .4 -.has-background-dim-60 - opacity: .6 -.has-background-dim-70 - opacity: .7 -.has-background-dim-80 - opacity: .8 -.has-background-dim-90 - opacity: .9 -.has-background-dim-100 - opacity: 1 + &.has-background-dim + opacity: .5 + &.has-background-dim-10 + opacity: .1 + &.has-background-dim-20 + opacity: .2 + &.has-background-dim-30 + opacity: .3 + &.has-background-dim-40 + opacity: .4 + &.has-background-dim-60 + opacity: .6 + &.has-background-dim-70 + opacity: .7 + &.has-background-dim-80 + opacity: .8 + &.has-background-dim-90 + opacity: .9 + &.has-background-dim-100 + opacity: 1 ///// MEDIA TEXT diff --git a/assets/sass/gutenberg/_core-text.sass b/assets/css/gutenberg/_core-text.sass similarity index 98% rename from assets/sass/gutenberg/_core-text.sass rename to assets/css/gutenberg/_core-text.sass index 8fe0291..1b57f7d 100644 --- a/assets/sass/gutenberg/_core-text.sass +++ b/assets/css/gutenberg/_core-text.sass @@ -129,6 +129,8 @@ main, --flexAlign: center .is-content-justification-right --flexAlign: flex-end +.is-content-justification-space-between + --flexAlign: space-between [class*="is-content-justification-"] justify-content: var(--flexAlign) diff --git a/assets/sass/gutenberg/_core-widget.sass b/assets/css/gutenberg/_core-widget.sass similarity index 83% rename from assets/sass/gutenberg/_core-widget.sass rename to assets/css/gutenberg/_core-widget.sass index 97b5aa4..f9a0898 100644 --- a/assets/sass/gutenberg/_core-widget.sass +++ b/assets/css/gutenberg/_core-widget.sass @@ -173,6 +173,9 @@ ul.wp-block-latest-posts ///// SOCIAL LINKS .wp-block-social-links + --iconSize: 1.25rem + --iconPadding: 0.25em + display: flex justify-content: flex-start align-items: center @@ -192,83 +195,85 @@ ul.wp-block-latest-posts justify-content: space-between &.has-small-icon-size - --iconSize: var(--h6Size) + --iconSize: 1rem &.has-large-icon-size - --iconSize: var(--h2Size) + --iconSize: 1.5rem + --iconPadding: 0.375em &.has-huge-icon-size - --iconSize: var(--h1Size) + --iconSize: 2.5rem + &.has-monotone-color + --iconBg: var(--color1) -.wp-social-link - border: 1px solid rgba(--text, .2) - border-bottom-width: 2px - border-radius: var(--gRadius) + &.is-style-logos-only + --iconColor: var(--color1) + +// Brand colors +$social-colors: ( amazon: #f90, bandcamp: #1ea0c3, behance: #0757fe, chain: #f0f0f0, codepen: #1e1f26, deviantart: #02e49b, dribbble: #e94c89, dropbox: #4280ff, etsy: #f45800, facebook: #1977f2, feed: #f0f0f0, fivehundredpx: #000, flickr: #0461dd, foursquare: #e65678, github: #24292d, goodreads: #eceadd, google: #ea4434, instagram: #f00075, lastfm: #e21b24, linkedin: #0577b5, line: #03c302, mail: #f0f0f0, mastodon: #3288d4, medium: #02ab6c, meetup: #f6405f, patreon: #ff424d, pinterest: #e60122, pocket: #ef4155, reddit: #fe4500, skype: #0478d7, snapchat: #fefc00, soundcloud: #ff5600, spotify: #1bd760, telegram: #08c, tiktok: #000, tumblr: #011835, twitch: #6440a4, twitter: #21a1f3, vimeo: #1eb7ea, vk: #4680c2, wordpress: #3499cd, jetpack-whatsapp: #25d366, whatsapp: #25d366, wechat: #7bb32e, yelp: #d32422, youtube: #ff0100) - background-color: var(--color) - color: var(--textInvert) +@each $name, $color in $social-colors + .wp-social-link-#{ $name } + --brandColor: #{ $color } + +.wp-social-link-goodreads, +.wp-social-link-chain, +.wp-social-link-feed, +.wp-social-link-mail + --brandColor: #382110 +.wp-social-link-snapchat + stroke: black + +// custom label used in widget +.wp-social-link.has-label + p + display: inline-block + margin-left: 0.25rem + line-height: 1 + font-size: var(--sFontSize) + +// anchor tag +.wp-block-social-link-anchor + display: flex + align-items: center + justify-content: center + + background-color: var(--iconBg, var(--brandColor)) transition: var(--gTransition) will-change: opacity, transform - - &:last-child - margin-right: 0 - + + padding: var(--iconPadding, 0.25em) + border-radius: var(--gRadius) + + line-height: 0 + color: var(--iconColor, var(--textInvert)) + + .is-style-pill-shape & + border-radius: 50% + + .is-style-pill-shape .has-label & + --iconPadding: 0.375em 0.5em + border-radius: 1rem + + .is-style-logos-only & + background-color: transparent + color: var(--iconColor, var(--brandColor)) + &:hover opacity: .7 - color: var(--textInvert) transform: translateY(-1px) + .is-style-default &, + .is-style-pill-shape & + box-shadow: var(--shadow0) + &:active border-top-width: 2px border-bottom-width: 1px transition: none transform: none - .is-style-logos-only & - border-color: transparent - background-color: transparent - color: var(--color) - - .is-style-pill-shape & - border-radius: 50% - - // anchor tag - .wp-block-social-link-anchor - display: flex - align-items: center - justify-content: center - padding: var(--iconPadding, 0.25em) - - line-height: 0 - color: inherit - svg width: 1em height: 1em - fill: currentColor - - -.wp-social-link-goodreads, -.wp-social-link-chain, -.wp-social-link-feed, -.wp-social-link-mail - svg - fill: #382110 - - - -$social-colors: ( amazon: #f90, bandcamp: #1ea0c3, behance: #0757fe, chain: #f0f0f0, codepen: #1e1f26, deviantart: #02e49b, dribbble: #e94c89, dropbox: #4280ff, etsy: #f45800, facebook: #1977f2, feed: #f0f0f0, fivehundredpx: #000, flickr: #0461dd, foursquare: #e65678, github: #24292d, goodreads: #eceadd, google: #ea4434, instagram: #f00075, lastfm: #e21b24, linkedin: #0577b5, line: #03c302, mail: #f0f0f0, mastodon: #3288d4, medium: #02ab6c, meetup: #f6405f, patreon: #ff424d, pinterest: #e60122, pocket: #ef4155, reddit: #fe4500, skype: #0478d7, snapchat: #fefc00, soundcloud: #ff5600, spotify: #1bd760, telegram: #08c, tiktok: #000, tumblr: #011835, twitch: #6440a4, twitter: #21a1f3, vimeo: #1eb7ea, vk: #4680c2, wordpress: #3499cd, jetpack-whatsapp: #25d366, whatsapp: #25d366, wechat: #7bb32e, yelp: #d32422, youtube: #ff0100) - -@each $name, $color in $social-colors - .wp-social-link-#{ $name } - --color: #{ $color } - -.wp-social-link-goodreads, -.wp-social-link-chain, -.wp-social-link-feed, -.wp-social-link-mail - svg - fill: #382110 - -.wp-social-link-snapchat - stroke: black \ No newline at end of file + fill: currentColor \ No newline at end of file diff --git a/assets/sass/gutenberg/_custom.sass b/assets/css/gutenberg/_custom.sass similarity index 100% rename from assets/sass/gutenberg/_custom.sass rename to assets/css/gutenberg/_custom.sass diff --git a/assets/sass/gutenberg/_plugin.sass b/assets/css/gutenberg/_plugin.sass similarity index 100% rename from assets/sass/gutenberg/_plugin.sass rename to assets/css/gutenberg/_plugin.sass diff --git a/assets/css/my-admin.sass b/assets/css/my-admin.sass new file mode 100644 index 0000000..00b3d27 --- /dev/null +++ b/assets/css/my-admin.sass @@ -0,0 +1,4 @@ +@import "vars" +@import "helpers" + +// This styling is applied to WP Admin \ No newline at end of file diff --git a/assets/sass/my-editor.sass b/assets/css/my-editor.sass similarity index 99% rename from assets/sass/my-editor.sass rename to assets/css/my-editor.sass index 892b15f..6523939 100644 --- a/assets/sass/my-editor.sass +++ b/assets/css/my-editor.sass @@ -1,8 +1,7 @@ // This styling is applied to Gutenberg editor @import "vars" @import "vars-root" -@import "functions-mixins" -@import "components/fonts" +@import "helpers" .wp-block max-width: var(--blogWidth) diff --git a/assets/sass/plugins/_cf7.sass b/assets/css/plugins/_cf7.sass similarity index 100% rename from assets/sass/plugins/_cf7.sass rename to assets/css/plugins/_cf7.sass diff --git a/assets/sass/plugins/_jetpack.sass b/assets/css/plugins/_jetpack.sass similarity index 100% rename from assets/sass/plugins/_jetpack.sass rename to assets/css/plugins/_jetpack.sass diff --git a/assets/js/app.js b/assets/js/app.js index 1c1a5e3..d1b5272 100644 --- a/assets/js/app.js +++ b/assets/js/app.js @@ -1,4 +1,4 @@ -import '../sass/app.sass'; +import '../css/app.sass'; // GENERAL LISTENERS const myApp = { @@ -12,18 +12,13 @@ const myHeader = { init() { this.stickyRow(); - // toggle offcanvas menu - const $menuLinks = document.querySelectorAll('[href="#menu"]'); - [...$menuLinks].forEach(($link) => { - $link.addEventListener('click', this.toggleOffcanvas); - }); + this.toggleOffcanvas(); + this.closeOffcanvas(); + this.preventCloseOffcanvas(); - // close off canvas - document.addEventListener('click', this.closeOffcanvas); - const $offcanvas = document.querySelector('.offcanvas'); - if ($offcanvas) { - $offcanvas.addEventListener('click', this.preventClose); - } + this.offcanvasMegaMenu(); + this.offcanvasDepth2(); + this.footerDepth1(); }, /** @@ -32,7 +27,7 @@ const myHeader = { stickyRow() { if (!(CSS.supports && CSS.supports('position', 'sticky'))) { return; } - const target = '.header'; + const target = '.header, .header-mobile'; const $elems = [].slice.call(document.querySelectorAll(target)); // Initial check if already sticky @@ -46,21 +41,77 @@ const myHeader = { /** * Open or close the offcanvas menu */ - toggleOffcanvas(e) { - e.preventDefault(); - e.stopPropagation(); - document.querySelector('body').classList.toggle('has-active-offcanvas'); + toggleOffcanvas() { + const $menuLinks = document.querySelectorAll('[href="#menu"]'); + $menuLinks.forEach(($link) => { + $link.addEventListener('click', (e) => { + e.preventDefault(); + e.stopPropagation(); + document.querySelector('body').classList.toggle('has-active-offcanvas'); + }); + }); }, /** * Close offcanvas when clicking outside it */ closeOffcanvas() { - document.querySelector('body').classList.remove('has-active-offcanvas'); + document.addEventListener('click', () => { + document.querySelector('body').classList.remove('has-active-offcanvas'); + }); }, - preventClose(e) { - e.stopPropagation(); + preventCloseOffcanvas() { + const $offcanvas = document.querySelector('.offcanvas'); + + if ($offcanvas) { + $offcanvas.addEventListener('click', (e) => { + e.stopPropagation(); + }); + } + }, + + /** + * Toggle listener for mega menu in offcanvas + */ + offcanvasMegaMenu() { + const $itemLinks = document.querySelectorAll('.offcanvas .mega-menu.menu-item-has-children a'); + $itemLinks.forEach(($link) => { + $link.addEventListener('click', (e) => { + e.preventDefault(); + + const $wrapper = e.currentTarget.closest('.mega-menu'); + $wrapper.classList.toggle('mega-menu-is-active'); + }); + }); + }, + + /** + * Toggle listener for 2nd level submenu + */ + offcanvasDepth2() { + const $itemLinks = document.querySelectorAll('.offcanvas .menu-item:not(.mega-menu) .submenu-item.menu-item-has-children > a'); + $itemLinks.forEach(($link) => { + $link.addEventListener('click', (e) => { + e.preventDefault(); + + const $wrapper = e.currentTarget.closest('.submenu-item'); + $wrapper.classList.toggle('submenu-item-is-active'); + }); + }); + }, + + footerDepth1() { + const $itemLinks = document.querySelectorAll('.footer-widgets .menu-item-has-children > a'); + $itemLinks.forEach(($link) => { + $link.addEventListener('click', (e) => { + e.preventDefault(); + if (window.width > 480) { return; } + + const $wrapper = e.currentTarget.closest('.menu-item'); + $wrapper.classList.toggle('menu-item-is-active'); + }); + }); }, /** @@ -80,9 +131,59 @@ const myHeader = { }, }; +// DARK TOGGLE +const myDarkMode = { + init() { + this.clickListener(); + this.tabindexListener(); + }, + + /** + * Click listener for dark mode toggle + */ + clickListener() { + const $darkToggles = document.querySelectorAll('.h-dark-toggle input[type="checkbox"]'); + if ($darkToggles.length <= 0) { return; } + + $darkToggles.forEach(($t) => { + $t.addEventListener('change', (e) => { + this.toggle(e.currentTarget.checked); + }); + }); + }, + + /** + * Keyboard listener for dark mode toggle + */ + tabindexListener() { + const $darkSwitches = document.querySelectorAll('.h-dark-toggle__switch'); + + $darkSwitches.forEach(($s) => { + $s.addEventListener('keyup', (e) => { + if (e.key === 'Enter' || e.keyCode === 13) { + const $checkbox = e.currentTarget.closest('.h-dark-toggle').querySelector('input[type="checkbox"]'); + $checkbox.checked = !$checkbox.checked; + this.toggle($checkbox.checked); + } + }); + }); + }, + + /** + * Toggle the body class and cache the variable + */ + toggle(isChecked) { + document.querySelector('body').classList.toggle('h-is-dark', isChecked); + + // the checker for this is outputed into wp_body_open() by Edje WP Library + localStorage.setItem('hDarkMode', isChecked); + }, +}; + function onReady() { myApp.init(); myHeader.init(); + myDarkMode.init(); } function onLoad() { diff --git a/assets/js/my-admin.js b/assets/js/my-admin.js index e03b28a..64d1b11 100644 --- a/assets/js/my-admin.js +++ b/assets/js/my-admin.js @@ -1,3 +1,3 @@ -import '../sass/my-admin.sass'; +import '../css/my-admin.sass'; -// script that affect admin panel \ No newline at end of file +// script that runs in admin diff --git a/assets/js/my-editor.js b/assets/js/my-editor.js index e7296dc..99edbce 100644 --- a/assets/js/my-editor.js +++ b/assets/js/my-editor.js @@ -1 +1 @@ -import '../sass/my-editor.sass'; +import '../css/my-editor.sass'; diff --git a/assets/sass/_vars.scss b/assets/sass/_vars.scss deleted file mode 100644 index 0c0309e..0000000 --- a/assets/sass/_vars.scss +++ /dev/null @@ -1,57 +0,0 @@ -// This file is using .scss format to make it easier to write Maps & List - -// Use this for the Filter value https://codepen.io/sosuke/pen/Pjoqqp - Useful to change the color of a PNG -// If you don't use PNG icon, feel free to remove the filter -$colors: ( - ( var: '--text', slug: 'text-base', hex: #2c3e50, - filter: invert(18%) sepia(12%) saturate(1870%) hue-rotate(169deg) brightness(94%) contrast(83%) ), - ( var: '--textDim', slug: 'text-dim', hex: #868698, - filter: invert(53%) sepia(8%) saturate(544%) hue-rotate(201deg) brightness(99%) contrast(91%) ), - ( var: '--textInvert', slug: 'text-invert', hex: #ffffff, - filter: invert(100%) sepia(10%) saturate(7462%) hue-rotate(173deg) brightness(117%) contrast(108%) ), - - ( var: '--color1', slug: 'color-1', hex: #3498db, - filter: invert(59%) sepia(80%) saturate(2621%) hue-rotate(178deg) brightness(91%) contrast(87%) ), - ( var: '--color1Dark', slug: 'color-1-dark', hex: #2573A7, - filter: invert(39%) sepia(9%) saturate(4187%) hue-rotate(163deg) brightness(95%) contrast(86%) ), - ( var: '--color1Light', slug: 'color-1-light', hex: #DEEDF8, - filter: invert(87%) sepia(18%) saturate(184%) hue-rotate(170deg) brightness(105%) contrast(95%) ), - - ( var: '--color2', slug: 'color-2', hex: #2ecc71, - filter: invert(64%) sepia(63%) saturate(493%) hue-rotate(92deg) brightness(90%) contrast(90%) ), - ( var: '--color2Dark', slug: 'color-2-dark', hex: #26A65B, - filter: invert(49%) sepia(22%) saturate(1352%) hue-rotate(92deg) brightness(103%) contrast(90%) ), - ( var: '--color2Light', slug: 'color-2-light', hex: #DEF7E8, - filter: invert(98%) sepia(67%) saturate(213%) hue-rotate(65deg) brightness(100%) contrast(95%) ), - - ( var: '--color3', slug: 'color-3', hex: #e74c3c, - filter: invert(59%) sepia(98%) saturate(5598%) hue-rotate(343deg) brightness(99%) contrast(83%) ), - ( var: '--color3Light', slug: 'color-3-light', hex: #FBDEDB, - filter: invert(96%) sepia(66%) saturate(482%) hue-rotate(292deg) brightness(101%) contrast(97%) ), -); - -///// MEDIA QUERY - -$size-xsmall : 480px; -$size-small : 768px; -$size-medium : 960px; -$size-large : 1120px; - -$below-xs: "max-width:#{ $size-xsmall }"; -$above-xs: "min-width:#{ $size-xsmall + 1px }"; -$below-s: "max-width:#{ $size-small }"; -$above-s: "min-width:#{ $size-small + 1px }"; -$below-m: "max-width:#{ $size-medium }"; -$above-m: "min-width:#{ $size-medium + 1px }"; -$below-l: "max-width:#{ $size-large }"; -$above-l: "min-width:#{ $size-large + 1px }"; - -$below-nav: $below-s; // small navigation breakpoint -$above-nav: $above-s; - -$below-adminbar: "max-width:782px"; -$above-adminbar: "min-width:783px"; - -$portrait: "orientation: portrait"; -$landscape: "orientation: landscape"; -$retina: "min-resolution: 192dpi"; \ No newline at end of file diff --git a/assets/sass/app.sass b/assets/sass/app.sass deleted file mode 100644 index 605eb53..0000000 --- a/assets/sass/app.sass +++ /dev/null @@ -1,23 +0,0 @@ -/*! Theme Name: Edje Basic Theme */ -@import "vars" -@import "vars-root" -@import "functions-mixins" - -@import "components/normalize" -@import "components/fonts" -@import "components/helpers" - -@import "components/grid" -@import "components/fields" - -@import "components/header-footer" -@import "components/widgets" - -@import "components/post" -// Enable only if your site enables Comment -@import "components/post-comments" - - -// 3rd party plugins -@import "plugins/jetpack" -@import "plugins/cf7" \ No newline at end of file diff --git a/assets/sass/components/_fonts.sass b/assets/sass/components/_fonts.sass deleted file mode 100644 index 999fcc5..0000000 --- a/assets/sass/components/_fonts.sass +++ /dev/null @@ -1,11 +0,0 @@ -///// FONT FACES - -@font-face - src: url('../fonts/notoserif-regular.woff2') - font-family: 'Noto Serif' - font-weight: 400 - -@font-face - src: url('../fonts/notoserif-bold.woff2') - font-family: 'Noto Serif' - font-weight: 700 \ No newline at end of file diff --git a/assets/sass/components/_header-footer.sass b/assets/sass/components/_header-footer.sass deleted file mode 100644 index 2c1c02e..0000000 --- a/assets/sass/components/_header-footer.sass +++ /dev/null @@ -1,352 +0,0 @@ -///// MAIN HEADER ///// - -.subheader, -.header - @media ($below-nav) - display: none - -.subheader-mobile, -.header-mobile - @media ($above-nav) - display: none - -.header, -.header-mobile - position: sticky - top: var(--adminBarHeight) - z-index: 100 - - background-color: var(--siteBgColor) - padding-top: 0 - padding-bottom: 0 - transition: var(--gTransition) - - &.is-stuck - box-shadow: var(--shadow1) - -.subheader, -.subheader-mobile - position: relative - z-index: 100 - padding-top: 0.25rem - padding-bottom: 0.25rem - background-color: var(--text) - - font-size: var(--sFontSize) - color: var(--textInvert) - transition: var(--gTransition) - - -///// OFFCANVAS ///// - -.offcanvas - cursor: default - position: fixed - z-index: 200 - top: 0 - bottom: 0 - right: 0 - - visibility: hidden - opacity: 0 - background: var(--text) - width: 420px - max-width: 420px - - color: var(--textInvert) - font-size: var(--mFontSize) - - box-shadow: var(--shadow3) - transform: translateX(100%) - - // - @media ($below-xs) - width: 320px - max-widht: 320px - - -body.has-active-offcanvas - overflow-y: hidden - cursor: pointer - -webkit-tap-highlight-color: rgba(white, 0) - - &::before - content: "" - display: block - +absolute-fill - z-index: 190 - background-color: rgba(--text, .5) - - transition: var(--gTransition) - - .offcanvas - visibility: visible - opacity: 1 - transform: none - transition: var(--gTransition) - - -.offcanvas-inner-wrapper - display: flex - flex-direction: column - justify-content: center - align-items: flex-start - - overflow-y: auto - height: 100% - max-height: 100vh - padding: 2.5rem 2rem - list-style-type: none - - -webkit-overflow-scrolling: touch - - @media ($below-s) - padding-right: 1rem - padding-left: 1rem - - -// Close button -.offcanvas > a[href="#menu"] - position: absolute - z-index: 10 - top: 0.5rem - right: 1rem - - display: flex - align-items: center - justify-content: center - - width: 2rem - height: 2rem - border-radius: var(--gRadius) - font-size: 0 - color: transparent - - path - fill: var(--textInvert) - &:hover - background-color: rgba(--textInvert, .2) - - -///// FOOTER ///// - -.main-footer - background-color: var(--text) - margin-top: var(--groupSpacing) - -.footer - display: flex - justify-content: center - padding-top: 2rem - padding-bottom: 2rem - background-color: transparent - color: var(--textInvert) - - @media ($below-l) - padding-left: var(--gridRim) - padding-right: var(--gridRim) - - -.footer-top - padding-top: 1.5rem - padding-bottom: 1.5rem - -.footer-bottom - padding-top: 0.25rem - padding-bottom: 0.25rem - font-size: var(--sFontSize) - - .textwidget p - margin-bottom: 0 - opacity: .75 - - - -///// MENU NAVIGATION - -.menu - display: flex - flex-wrap: wrap - list-style-type: none - transition: var(--gTransition) - - .subheader & - --navPadding: 0.25rem 0.5rem - --navBgHover: var(--color1Dark) - - .header & - --navPadding: 2rem 0.75rem - - .footer & - --navPadding: 0.25rem 0.5rem - --navBgHover: rgba(255,255,255, .1) - --navFontSize: var(--fontSize) - - display: flex - flex-wrap: wrap - list-style-type: none - - .offcanvas & - --navPadding: 0.5rem - --navBgHover: rgba(255,255,255, .1) - --navFontSize: var(--lFontSize) - - display: flex - flex-direction: column - flex-wrap: wrap - list-style-type: none - transition: var(--gTransition) - - -.menu-item - position: relative - -.menu-item > a - display: flex - align-items: center - height: 100% - padding: var(--navPadding, 0.5rem) - - line-height: 1 - font-size: var(--navFontSize, inherit) - font-weight: var(--hFontWeight) - color: inherit - - &:not([href]) - cursor: default - - .header & - &::before - content: "" - display: block - visibility: hidden - opacity: 0 - - position: absolute - bottom: 0 - left: 10px - right: 10px - height: 4px - background-color: var(--color1) - - transition: var(--gTransition) - - &:hover::before - visibility: visible - opacity: 1 - - .footer & - letter-spacing: 0.025em - text-transform: uppercase - background-color: transparent - - .offcanvas & - letter-spacing: 0.025em - - -.menu-item > a:hover - .footer & - background-color: rgba(white, .2) - text-decoration: underline - - &:not([href]) - text-decoration: none - - .offcanvas & - background-color: var(--navBgHover, #{rgba(--color1, .3)}) - opacity: .75 - - - -// active state -.current-menu-item > a, -.current-page-ancestor > a, -.current-menu-ancestor > a, -.current-menu-parent > a, -.current_page_parent > a - color: var(--color1) - - .offcanvas & - background-color: var(--navBgHover) - opacity: 1 - - &::before - visibility: visible - opacity: 1 - - -// Add down arrow if has children -.menu-item-has-children > a - &::after - content: "" - display: block - margin-left: 0.25rem - width: 0.5rem - height: 0.5rem - background: url('../svg/chevron-down.svg') no-repeat center center - background-size: 100% auto - opacity: .75 - - @media ($below-nav) - display: none - - .footer & - display: none - - -///// CHILDREN MENU - -.sub-menu - --dropdownColumns: 1 - - position: absolute - z-index: 10 - top: calc(100% + 4px) - left: 50% - visibility: hidden - opacity: 0 - - min-width: calc(180px * var(--dropdownColumns)) - max-width: calc(220px * var(--dropdownColumns)) - padding: 0.75em 0.5em - border-radius: var(--gRadius) - background-color: var(--text) - - text-align: left - list-style-type: none - - transition: var(--gTransition) - transform: translateX(-50%) - box-shadow: var(--shadow2) - - .footer & - display: none - - .offcanvas & - overflow: hidden - padding-left: 1rem - list-style-type: none - transition: var(--gTransition) - - .menu-item:hover & - visibility: visible - opacity: 1 - - // need to be separated with ":hover" for browser support - .menu-item:focus-within & - visibility: visible - opacity: 1 - - -.sub-menu-item - display: block - color: var(--textInvert) - - border-radius: var(--gRadius) - - &:hover - background-color: var(--color1) - - a - display: block - padding: 0.375rem 0.75rem \ No newline at end of file diff --git a/assets/sass/my-admin.sass b/assets/sass/my-admin.sass deleted file mode 100644 index 01362d6..0000000 --- a/assets/sass/my-admin.sass +++ /dev/null @@ -1,3 +0,0 @@ -// This styling is applied to WP Admin -@import "vars" -@import "functions-mixins" \ No newline at end of file diff --git a/assets/svg/chevron-left.svg b/assets/svg/chevron-left.svg new file mode 100644 index 0000000..c2dcbcc --- /dev/null +++ b/assets/svg/chevron-left.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/svg/chevron-right.svg b/assets/svg/chevron-right.svg new file mode 100644 index 0000000..6d3e119 --- /dev/null +++ b/assets/svg/chevron-right.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/svg/chevron-up.svg b/assets/svg/chevron-up.svg new file mode 100644 index 0000000..a38c372 --- /dev/null +++ b/assets/svg/chevron-up.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/svg/pencil.svg b/assets/svg/pencil.svg new file mode 100644 index 0000000..d1bac31 --- /dev/null +++ b/assets/svg/pencil.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/svg/reply.svg b/assets/svg/reply.svg new file mode 100644 index 0000000..50f99ff --- /dev/null +++ b/assets/svg/reply.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/comments.php b/comments.php index cb4360f..d8bdcbf 100644 --- a/comments.php +++ b/comments.php @@ -1,7 +1,7 @@

- +

@@ -9,7 +9,7 @@
    new H_Walker_Comment(), + 'walker' => new H_WalkerComment(), 'avatar_size' => 60, 'style' => 'ol', ]); ?> diff --git a/dist/app.asset.php b/dist/app.asset.php index 785a63b..a00b303 100644 --- a/dist/app.asset.php +++ b/dist/app.asset.php @@ -1 +1 @@ - array('wp-polyfill'), 'version' => '584f5700ce79c2958dfa7eaff8f6ce80'); \ No newline at end of file + array('wp-polyfill'), 'version' => 'ca00c0f7e7308de31ad2063bc11886e6'); \ No newline at end of file diff --git a/dist/app.css b/dist/app.css index 5619e8f..0ea5c7c 100644 --- a/dist/app.css +++ b/dist/app.css @@ -1,2701 +1 @@ -@charset "UTF-8"; -/*! Theme Name: Edje Basic Theme */ -:root { - --text: #2c3e50; - --textRGB: 44, 62, 80; - --textFilter: invert(18%) sepia(12%) saturate(1870%) hue-rotate(169deg) brightness(94%) contrast(83%); - --textDim: #868698; - --textDimRGB: 134, 134, 152; - --textDimFilter: invert(53%) sepia(8%) saturate(544%) hue-rotate(201deg) brightness(99%) contrast(91%); - --textInvert: #ffffff; - --textInvertRGB: 255, 255, 255; - --textInvertFilter: invert(100%) sepia(10%) saturate(7462%) hue-rotate(173deg) brightness(117%) contrast(108%); - --color1: #3498db; - --color1RGB: 52, 152, 219; - --color1Filter: invert(59%) sepia(80%) saturate(2621%) hue-rotate(178deg) brightness(91%) contrast(87%); - --color1Dark: #2573A7; - --color1DarkRGB: 37, 115, 167; - --color1DarkFilter: invert(39%) sepia(9%) saturate(4187%) hue-rotate(163deg) brightness(95%) contrast(86%); - --color1Light: #DEEDF8; - --color1LightRGB: 222, 237, 248; - --color1LightFilter: invert(87%) sepia(18%) saturate(184%) hue-rotate(170deg) brightness(105%) contrast(95%); - --color2: #2ecc71; - --color2RGB: 46, 204, 113; - --color2Filter: invert(64%) sepia(63%) saturate(493%) hue-rotate(92deg) brightness(90%) contrast(90%); - --color2Dark: #26A65B; - --color2DarkRGB: 38, 166, 91; - --color2DarkFilter: invert(49%) sepia(22%) saturate(1352%) hue-rotate(92deg) brightness(103%) contrast(90%); - --color2Light: #DEF7E8; - --color2LightRGB: 222, 247, 232; - --color2LightFilter: invert(98%) sepia(67%) saturate(213%) hue-rotate(65deg) brightness(100%) contrast(95%); - --color3: #e74c3c; - --color3RGB: 231, 76, 60; - --color3Filter: invert(59%) sepia(98%) saturate(5598%) hue-rotate(343deg) brightness(99%) contrast(83%); - --color3Light: #FBDEDB; - --color3LightRGB: 251, 222, 219; - --color3LightFilter: invert(96%) sepia(66%) saturate(482%) hue-rotate(292deg) brightness(101%) contrast(97%); - --siteBg: #f8f9fb; - --siteBgColor: #f8f9fb; - --panelBg: #eff1f5; - --colorAlert: #e74c3c; - --colorAlertLight: #f8cdc9; - --shadow0: 0 0.5px 2px rgba(0,0,0, .18), 0 1.5px 6px rgba(0,0,0, .08); - --shadow1: 0 1.5px 4px rgba(0,0,0, .24), 0 1.5px 6px rgba(0,0,0, .12); - --shadow2: 0 3px 12px rgba(0,0,0, .23), 0 3px 12px rgba(0,0,0, .16); - --shadow3: 0 6px 12px rgba(0,0,0, .23), 0 10px 40px rgba(0,0,0, .19); - --shadow4: 0 10px 20px rgba(0,0,0, .19), 0 6px 6px rgba(0,0,0, .23); - --shadowThin: 0 10px 30px rgba(0,0,0, .05); - --fontFamily: -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"; - --fontWeight: 400; - --lineHeight: 1.65; - --letterSpacing: 0; - --fontSize: 16px; - --xsFontSize: 12px; - --sFontSize: 14px; - --mFontSize: 18px; - --lFontSize: 22px; - --xlFontSize: 30px; - --xsmallFontSize: var(--xsFontSize); - --smallFontSize: var(--sFontSize); - --mediumFontSize: var(--mFontSize); - --largeFontSize: var(--lFontSize); - --hugeFontSize: var(--xlFontSize); - --hFontFamily: "Noto Serif", "Apple Garamond", "Baskerville", "Times New Roman", "Droid Serif", "Times","Source Serif Pro", serif; - --hFontStyle: normal; - --hFontWeight: 700; - --hLineHeight: 1.25; - --hLetterSpacing: 0.025em; - --hTextTransform: initial; - --hColor: inherit; - --h1Size: 46px; - --h2Size: 38px; - --h3Size: 30px; - --h4Size: 24px; - --h5Size: 20px; - --h6Size: var(--fontSize); - --codeFontFamily: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace; - --codeFontSize: var(--sFontSize); - --linkColor: inherit; - --linkColorHover: var(--color1); - --siteWidth: 1120px; - --blogWidth: 650px; - --gridGap: 20px; - --gridRim: 1rem; - --tileGap: 20px; - --gRadius: 4px; - --gTransition: all .25s ease-in-out; - --inputColor: var(--text); - --inputPlaceholderColor: var(--textDim); - --inputBg: var(--textInvert); - --inputBgFocus: var(--textInvert); - --adminBarHeight: 0px; - --wp--style--block-gap: 1.5rem; - --groupSpacing: 3rem; - --main: var(--color1); - --mainDark: var(--color1Dark); - --mainLight: var(--color1Light); - --sub: var(--color2); - --subDark: var(--color2Dark); - --subLight: var(--color2Light); - --extra: var(--color3); - --extraLight: var(--color3Light); - --blockSpacing: var(--wp--style--block-gap); -} -@media (max-width:960px) { - :root { - --h1Size: 40px; - --h2Size: 32px; - --h3Size: 26px; - --h4Size: 22px; - --h5Size: 18px; - --h6Size: var(--fontSize); - } -} -@media (max-width:768px) { - :root { - --h1Size: 32px; - --h2Size: 26px; - --h3Size: 22px; - --h4Size: 20px; - --h5Size: 18px; - --h6Size: var(--fontSize); - --groupSpacing: 2.5rem; - } -} -@media (max-width:480px) { - :root { - --blockSpacing: 1rem; - } -} - -body.admin-bar { - --adminBarHeight: 32px; -} -@media (max-width:782px) { - body.admin-bar { - --adminBarHeight: 0px; - } -} - -.has-text-base-background-color { - --bgColor: var(--text); - --bgColorRGB: var(--textRGB); -} - -.has-text-base-color { - --textColor: var(--text); - --textColorRGB: var(--textRGB); - --filterColor: var(--textFilter); -} - -.has-text-dim-background-color { - --bgColor: var(--textDim); - --bgColorRGB: var(--textDimRGB); -} - -.has-text-dim-color { - --textColor: var(--textDim); - --textColorRGB: var(--textDimRGB); - --filterColor: var(--textDimFilter); -} - -.has-text-invert-background-color { - --bgColor: var(--textInvert); - --bgColorRGB: var(--textInvertRGB); -} - -.has-text-invert-color { - --textColor: var(--textInvert); - --textColorRGB: var(--textInvertRGB); - --filterColor: var(--textInvertFilter); -} - -.has-color-1-background-color { - --bgColor: var(--color1); - --bgColorRGB: var(--color1RGB); -} - -.has-color-1-color { - --textColor: var(--color1); - --textColorRGB: var(--color1RGB); - --filterColor: var(--color1Filter); -} - -.has-color-1-dark-background-color { - --bgColor: var(--color1Dark); - --bgColorRGB: var(--color1DarkRGB); -} - -.has-color-1-dark-color { - --textColor: var(--color1Dark); - --textColorRGB: var(--color1DarkRGB); - --filterColor: var(--color1DarkFilter); -} - -.has-color-1-light-background-color { - --bgColor: var(--color1Light); - --bgColorRGB: var(--color1LightRGB); -} - -.has-color-1-light-color { - --textColor: var(--color1Light); - --textColorRGB: var(--color1LightRGB); - --filterColor: var(--color1LightFilter); -} - -.has-color-2-background-color { - --bgColor: var(--color2); - --bgColorRGB: var(--color2RGB); -} - -.has-color-2-color { - --textColor: var(--color2); - --textColorRGB: var(--color2RGB); - --filterColor: var(--color2Filter); -} - -.has-color-2-dark-background-color { - --bgColor: var(--color2Dark); - --bgColorRGB: var(--color2DarkRGB); -} - -.has-color-2-dark-color { - --textColor: var(--color2Dark); - --textColorRGB: var(--color2DarkRGB); - --filterColor: var(--color2DarkFilter); -} - -.has-color-2-light-background-color { - --bgColor: var(--color2Light); - --bgColorRGB: var(--color2LightRGB); -} - -.has-color-2-light-color { - --textColor: var(--color2Light); - --textColorRGB: var(--color2LightRGB); - --filterColor: var(--color2LightFilter); -} - -.has-color-3-background-color { - --bgColor: var(--color3); - --bgColorRGB: var(--color3RGB); -} - -.has-color-3-color { - --textColor: var(--color3); - --textColorRGB: var(--color3RGB); - --filterColor: var(--color3Filter); -} - -.has-color-3-light-background-color { - --bgColor: var(--color3Light); - --bgColorRGB: var(--color3LightRGB); -} - -.has-color-3-light-color { - --textColor: var(--color3Light); - --textColorRGB: var(--color3LightRGB); - --filterColor: var(--color3LightFilter); -} - -*, -*:before, -*:after { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -html { - line-height: 1.15; - font-family: sans-serif; - font-size: var(--fontSize); - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; -} - -body { - position: relative; - overflow-x: hidden; - background: var(--siteBg); - margin: 0; - font-family: var(--fontFamily); - font-weight: var(--fontWeight); - font-size: var(--fontSize); - line-height: var(--lineHeight); - letter-spacing: var(--letterSpacing); - color: var(--text); - -webkit-animation: bugfix infinite 1s; -} - -@-webkit-keyframes bugfix { - from { - padding: 0; - } - to { - padding: 0; - } -} -*, body { - margin: 0; - padding: 0; -} - -main { - display: block; -} - -details { - display: block; -} - -summary { - display: list-item; -} - -article, -aside, -figcaption, -figure, -footer, -header, -hgroup, -nav, -section, -picture { - display: block; -} - -[hidden] { - display: none; -} - -template { - display: none; -} - -p { - margin-top: 0; - margin-bottom: 0; -} - -a { - cursor: pointer; - text-decoration: none; - background-color: transparent; - color: var(--linkColor); - transition: var(--gTransition); -} - -b, strong { - font-weight: bold; -} - -em { - font-style: italic; -} - -h1, h2, h3, h4, h5, h6 { - margin: 0; - font-family: var(--hFontFamily); - font-weight: var(--hFontWeight); - font-size: var(--hFontSize); - font-style: var(--hFontStyle); - line-height: var(--hLineHeight); - letter-spacing: var(--hLetterSpacing); - text-transform: var(--hTextTransform); - color: var(--hColor); -} - -h1 { - font-size: var(--h1Size); -} - -h2 { - font-size: var(--h2Size); -} - -h3 { - font-size: var(--h3Size); -} - -h4 { - font-size: var(--h4Size); -} - -h5 { - font-size: var(--h5Size); -} - -h6 { - font-size: var(--h6Size); -} - -small { - font-size: 80%; -} - -sub, sup { - position: relative; - font-size: 75%; - line-height: 0; - margin-right: 0.25rem; - vertical-align: baseline; -} - -sup { - top: -0.125em; - vertical-align: text-top; - align-self: flex-start; -} - -sub { - bottom: 0.125em; - vertical-align: text-bottom; - align-self: flex-end; -} - -blockquote cite { - display: block; - font-style: italic; -} - -address, cite { - font-style: normal; -} - -ul { - list-style-type: disc; -} - -ol { - list-style-type: decimal; -} - -ul ul, -ol ul { - list-style-type: circle; -} -ul ol, -ol ol { - list-style-type: lower-alpha; -} - -abbr[title] { - border-bottom: none; - text-decoration: underline; - text-decoration: underline dotted; -} - -dfn { - font-style: italic; -} - -mark { - background: #ff0; - color: #000; -} - -q { - quotes: "“" "”" "‘" "’"; -} - -pre { - overflow: auto; -} - -code, kbd, pre, samp { - font-family: var(--codeFontFamily); - font-size: var(--codeFontSize); -} - -progress { - vertical-align: baseline; -} - -img { - border-style: none; - display: inline-block; - vertical-align: middle; - -ms-interpolation-mode: bicubic; - border-radius: var(--gRadius); -} - -svg:not(:root) { - overflow: hidden; -} - -figure { - margin: 0; -} - -img, -object, -embed { - max-width: 100%; - height: auto; -} -#map_canvas img, .map_canvas img, -#map_canvas object, -.map_canvas object, -#map_canvas embed, -.map_canvas embed { - max-width: none !important; -} - -hr { - -moz-box-sizing: content-box; - box-sizing: content-box; - display: block; - overflow: visible; - height: 1px; - margin: 1em 0; - padding: 0; - border: 0; - border-top: 1px solid #ccc; -} - -button, -input, -optgroup, -select, -textarea { - margin: 0; - min-width: 0; - color: inherit; - font-family: inherit; - font-size: 100%; - line-height: 1.15; -} - -label { - display: block; - line-height: normal; -} - -button, -[type=button], -[type=reset], -[type=submit] { - cursor: pointer; - overflow: visible; - text-transform: none; - line-height: normal; - -webkit-appearance: button; - -webkit-backface-visibility: hidden; -} - -::-webkit-file-upload-button { - -webkit-appearance: button; - font: inherit; -} - -button::-moz-focus-inner, -[type=button]::-moz-focus-inner, -[type=reset]::-moz-focus-inner, -[type=submit]::-moz-focus-inner { - border-style: none; - padding: 0; -} - -button:-moz-focusring, -[type=button]:-moz-focusring, -[type=reset]:-moz-focusring, -[type=submit]:-moz-focusring { - outline: 1px dotted ButtonText; -} - -input { - overflow: visible; - line-height: normal; -} - -[disabled], -input[disabled] { - cursor: default; -} - -[type=checkbox], -[type=radio] { - box-sizing: border-box; - padding: 0; -} - -[type=checkbox], -[type=radio] { - box-sizing: border-box; - padding: 0; -} - -[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { - height: auto; -} - -[type=search] { - -webkit-appearance: textfield; - outline-offset: -2px; -} -[type=search]::-webkit-search-decoration { - -webkit-appearance: none; -} - -input::-webkit-calendar-picker-indicator { - display: none; -} - -[type=date]::-webkit-input-placeholder { - visibility: hidden !important; -} - -textarea { - overflow: auto; - vertical-align: top; - resize: vertical; - height: auto; - min-height: 50px; -} - -select { - text-transform: none; -} - -optgroup { - font-weight: bold; -} - -fieldset { - border: 0; - margin: 0; - padding: 0; -} - -legend { - box-sizing: border-box; - display: table; - max-width: 100%; - padding: 0; - white-space: normal; - color: inherit; -} - -table { - border-collapse: collapse; - border-spacing: 0; -} - -td, th { - padding: 0; -} - -.hide { - display: none !important; - visibility: hidden !important; -} - -@media (max-width:782px) { - html[lang] { - margin-top: 0 !important; - } - - #wpadminbar { - display: none; - } -} -@font-face { - src: url(5d8da75aca3a31f37c5f72b734ca8c49.woff2); - font-family: "Noto Serif"; - font-weight: 400; -} -@font-face { - src: url(f6e4737d8c2e16f0cec8c4f999d165a5.woff2); - font-family: "Noto Serif"; - font-weight: 700; -} -@media (min-width:769px) { - [data-visible]:not([data-visible~=desktop]) { - display: none !important; - } -} -@media (min-width:481px) and (max-width:768px) { - [data-visible]:not([data-visible~=tablet]) { - display: none !important; - } -} -@media (max-width:480px) { - [data-visible]:not([data-visible~=mobile]) { - display: none !important; - } -} -[data-image-fit] { - --fitHeight: 50%; - position: relative; - display: flex; - overflow: hidden; -} -[data-image-fit]::before { - content: ""; - display: block; - width: 100%; - height: 0; - padding-bottom: var(--fitHeight); -} -[data-image-fit] img { - position: absolute; - top: 0; - left: 0; - height: 100%; - width: 100%; - border-radius: 0; - object-fit: cover; - object-position: center center; -} - -[data-image-fit="1:2"] { - --fitHeight: 100%; -} - -[data-image-fit="4:3"] { - --fitHeight: 75%; -} - -[data-image-fit="16:9"] { - --fitHeight: 56.25%; -} - -[data-image-fit="2:1"] { - --fitHeight: 50%; -} - -[data-image-fit="3:1"] { - --fitHeight: 33.333%; -} - -[data-grid] { - display: -ms-grid; - display: grid; - grid-template-columns: repeat(12, minmax(0, 1fr)); - grid-column-gap: var(--gridGap); - grid-row-gap: var(--gridGap); - max-width: calc( var(--siteWidth) + var(--gridRim) * 2 ); - padding: 0 var(--gridRim); - margin: 0 auto; - width: 100%; -} -[data-grid] [data-grid] { - padding: 0; -} - -[data-column] { - --span: 12; - --width: 100%; - grid-column: span var(--span); -} - -[data-grid=centered] { - display: block; -} -[data-grid=centered] [data-column] { - width: var(--width); - margin-right: auto; - margin-left: auto; -} - -[data-column^="1"] { - --span: 1; - --width: 8.3333333333%; -} - -[data-column^="2"] { - --span: 2; - --width: 16.6666666667%; -} - -[data-column^="3"] { - --span: 3; - --width: 25%; -} - -[data-column^="4"] { - --span: 4; - --width: 33.3333333333%; -} - -[data-column^="5"] { - --span: 5; - --width: 41.6666666667%; -} - -[data-column^="6"] { - --span: 6; - --width: 50%; -} - -[data-column^="7"] { - --span: 7; - --width: 58.3333333333%; -} - -[data-column^="8"] { - --span: 8; - --width: 66.6666666667%; -} - -[data-column^="9"] { - --span: 9; - --width: 75%; -} - -[data-column^="10"] { - --span: 10; - --width: 83.3333333333%; -} - -[data-column^="11"] { - --span: 11; - --width: 91.6666666667%; -} - -[data-column^="12"] { - --span: 12; - --width: 100%; -} - -@media (max-width:768px) { - [data-column] { - --span: 12; - --width: 100%; - } - - [data-column$="-1"] { - --span: 1; - --width: 8.3333333333%; - } - - [data-column$="-2"] { - --span: 2; - --width: 16.6666666667%; - } - - [data-column$="-3"] { - --span: 3; - --width: 25%; - } - - [data-column$="-4"] { - --span: 4; - --width: 33.3333333333%; - } - - [data-column$="-5"] { - --span: 5; - --width: 41.6666666667%; - } - - [data-column$="-6"] { - --span: 6; - --width: 50%; - } - - [data-column$="-7"] { - --span: 7; - --width: 58.3333333333%; - } - - [data-column$="-8"] { - --span: 8; - --width: 66.6666666667%; - } - - [data-column$="-9"] { - --span: 9; - --width: 75%; - } - - [data-column$="-10"] { - --span: 10; - --width: 83.3333333333%; - } - - [data-column$="-11"] { - --span: 11; - --width: 91.6666666667%; - } - - [data-column$="-12"] { - --span: 12; - --width: 100%; - } -} -@media (min-width:481px) and (max-width:768px) { - [data-column*="-1-"] { - --span: 1; - --width: 8.3333333333%; - } - - [data-column*="-2-"] { - --span: 2; - --width: 16.6666666667%; - } - - [data-column*="-3-"] { - --span: 3; - --width: 25%; - } - - [data-column*="-4-"] { - --span: 4; - --width: 33.3333333333%; - } - - [data-column*="-5-"] { - --span: 5; - --width: 41.6666666667%; - } - - [data-column*="-6-"] { - --span: 6; - --width: 50%; - } - - [data-column*="-7-"] { - --span: 7; - --width: 58.3333333333%; - } - - [data-column*="-8-"] { - --span: 8; - --width: 66.6666666667%; - } - - [data-column*="-9-"] { - --span: 9; - --width: 75%; - } - - [data-column*="-10-"] { - --span: 10; - --width: 83.3333333333%; - } - - [data-column*="-11-"] { - --span: 11; - --width: 91.6666666667%; - } - - [data-column*="-12-"] { - --span: 12; - --width: 100%; - } -} -[data-tile] { - --columns: 3; - display: -ms-grid; - display: grid; - grid-template-columns: repeat(var(--columns), minmax(0, 1fr)); - grid-column-gap: var(--tileGap); - grid-row-gap: var(--tileGap); - list-style-type: none; -} -[data-tile] > * { - grid-column: span 1; -} - -[data-tile^="1"] { - --columns: 1; -} - -[data-tile^="2"] { - --columns: 2; -} - -[data-tile^="3"] { - --columns: 3; -} - -[data-tile^="4"] { - --columns: 4; -} - -[data-tile^="5"] { - --columns: 5; -} - -[data-tile^="6"] { - --columns: 6; -} - -[data-tile^="7"] { - --columns: 7; -} - -[data-tile^="8"] { - --columns: 8; -} - -[data-tile^="9"] { - --columns: 9; -} - -[data-tile^="10"] { - --columns: 10; -} - -@media (max-width:768px) { - [data-tile] { - --columns: 1; - } - - [data-tile$="-1"] { - --columns: 1; - } - - [data-tile$="-2"] { - --columns: 2; - } - - [data-tile$="-3"] { - --columns: 3; - } - - [data-tile$="-4"] { - --columns: 4; - } - - [data-tile$="-5"] { - --columns: 5; - } -} -@media (min-width:481px) and (max-width:768px) { - [data-tile*="-1-"] { - --columns: 1; - } - - [data-tile*="-2-"] { - --columns: 2; - } - - [data-tile*="-3-"] { - --columns: 3; - } - - [data-tile*="-4-"] { - --columns: 4; - } - - [data-tile*="-5-"] { - --columns: 5; - } -} -[type=text], -[type=number], -[type=tel], -[type=password], -[type=email], -[type=search], -[type=url], -[type=date], -[type=time], -textarea, -select { - display: block; - width: 100%; - padding: 0.5rem; - border: 2px solid rgbA(var(--textRGB), 0.1); - border-radius: var(--gRadius); - background-color: var(--inputBg, var(--textInvert)); - line-height: normal; - color: var(--inputColor, var(--text)); - transition: var(--gTransition); -} -[type=text]::-webkit-input-placeholder, -[type=number]::-webkit-input-placeholder, -[type=tel]::-webkit-input-placeholder, -[type=password]::-webkit-input-placeholder, -[type=email]::-webkit-input-placeholder, -[type=search]::-webkit-input-placeholder, -[type=url]::-webkit-input-placeholder, -[type=date]::-webkit-input-placeholder, -[type=time]::-webkit-input-placeholder, -textarea::-webkit-input-placeholder, -select::-webkit-input-placeholder { - color: var(--inputPlaceholder, var(--textDim)); -} -[type=text]::-moz-placeholder, -[type=number]::-moz-placeholder, -[type=tel]::-moz-placeholder, -[type=password]::-moz-placeholder, -[type=email]::-moz-placeholder, -[type=search]::-moz-placeholder, -[type=url]::-moz-placeholder, -[type=date]::-moz-placeholder, -[type=time]::-moz-placeholder, -textarea::-moz-placeholder, -select::-moz-placeholder { - color: var(--inputPlaceholder, var(--textDim)); -} -[type=text]:-ms-input-placeholder, -[type=number]:-ms-input-placeholder, -[type=tel]:-ms-input-placeholder, -[type=password]:-ms-input-placeholder, -[type=email]:-ms-input-placeholder, -[type=search]:-ms-input-placeholder, -[type=url]:-ms-input-placeholder, -[type=date]:-ms-input-placeholder, -[type=time]:-ms-input-placeholder, -textarea:-ms-input-placeholder, -select:-ms-input-placeholder { - color: var(--inputPlaceholder, var(--textDim)); -} -[type=text]:-moz-placeholder, -[type=number]:-moz-placeholder, -[type=tel]:-moz-placeholder, -[type=password]:-moz-placeholder, -[type=email]:-moz-placeholder, -[type=search]:-moz-placeholder, -[type=url]:-moz-placeholder, -[type=date]:-moz-placeholder, -[type=time]:-moz-placeholder, -textarea:-moz-placeholder, -select:-moz-placeholder { - color: var(--inputPlaceholder, var(--textDim)); -} - -select { - border-width: 2px 2px 3px; -} - -[type=radio], -[type=checkbox] { - cursor: pointer; - border: 1px solid rgbA(0, 0, 0, 0.25); - width: 1rem; - min-width: 1rem; - height: 1rem; - vertical-align: bottom; - transition: var(--gTransition); - -webkit-appearance: none; - appearance: none; -} -[type=radio]:hover, -[type=checkbox]:hover { - border-color: var(--color1); -} -[type=radio]:checked, -[type=checkbox]:checked { - border-color: var(--color1); - box-shadow: inset 0 0 0 4.5px var(--color1); -} - -[type=checkbox] { - border-radius: var(--gRadius); -} - -[type=radio] { - border-radius: 50%; -} - -@media (max-width:768px) { - .subheader, -.header { - display: none; - } -} - -@media (min-width:769px) { - .subheader-mobile, -.header-mobile { - display: none; - } -} - -.header, -.header-mobile { - position: sticky; - top: var(--adminBarHeight); - z-index: 100; - background-color: var(--siteBgColor); - padding-top: 0; - padding-bottom: 0; - transition: var(--gTransition); -} -.header.is-stuck, -.header-mobile.is-stuck { - box-shadow: var(--shadow1); -} - -.subheader, -.subheader-mobile { - position: relative; - z-index: 100; - padding-top: 0.25rem; - padding-bottom: 0.25rem; - background-color: var(--text); - font-size: var(--sFontSize); - color: var(--textInvert); - transition: var(--gTransition); -} - -.offcanvas { - cursor: default; - position: fixed; - z-index: 200; - top: 0; - bottom: 0; - right: 0; - visibility: hidden; - opacity: 0; - background: var(--text); - width: 420px; - max-width: 420px; - color: var(--textInvert); - font-size: var(--mFontSize); - box-shadow: var(--shadow3); - transform: translateX(100%); -} -@media (max-width:480px) { - .offcanvas { - width: 320px; - max-widht: 320px; - } -} - -body.has-active-offcanvas { - overflow-y: hidden; - cursor: pointer; - -webkit-tap-highlight-color: rgbA(255, 255, 255, 0); -} -body.has-active-offcanvas::before { - content: ""; - display: block; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 190; - background-color: rgbA(var(--textRGB), 0.5); - transition: var(--gTransition); -} -body.has-active-offcanvas .offcanvas { - visibility: visible; - opacity: 1; - transform: none; - transition: var(--gTransition); -} - -.offcanvas-inner-wrapper { - display: flex; - flex-direction: column; - justify-content: center; - align-items: flex-start; - overflow-y: auto; - height: 100%; - max-height: 100vh; - padding: 2.5rem 2rem; - list-style-type: none; - -webkit-overflow-scrolling: touch; -} -@media (max-width:768px) { - .offcanvas-inner-wrapper { - padding-right: 1rem; - padding-left: 1rem; - } -} - -.offcanvas > a[href="#menu"] { - position: absolute; - z-index: 10; - top: 0.5rem; - right: 1rem; - display: flex; - align-items: center; - justify-content: center; - width: 2rem; - height: 2rem; - border-radius: var(--gRadius); - font-size: 0; - color: transparent; -} -.offcanvas > a[href="#menu"] path { - fill: var(--textInvert); -} -.offcanvas > a[href="#menu"]:hover { - background-color: rgbA(var(--textInvertRGB), 0.2); -} - -.main-footer { - background-color: var(--text); - margin-top: var(--groupSpacing); -} - -.footer { - display: flex; - justify-content: center; - padding-top: 2rem; - padding-bottom: 2rem; - background-color: transparent; - color: var(--textInvert); -} -@media (max-width:1120px) { - .footer { - padding-left: var(--gridRim); - padding-right: var(--gridRim); - } -} - -.footer-top { - padding-top: 1.5rem; - padding-bottom: 1.5rem; -} - -.footer-bottom { - padding-top: 0.25rem; - padding-bottom: 0.25rem; - font-size: var(--sFontSize); -} -.footer-bottom .textwidget p { - margin-bottom: 0; - opacity: 0.75; -} - -.menu { - display: flex; - flex-wrap: wrap; - list-style-type: none; - transition: var(--gTransition); -} -.subheader .menu { - --navPadding: 0.25rem 0.5rem; - --navBgHover: var(--color1Dark); -} -.header .menu { - --navPadding: 2rem 0.75rem; -} -.footer .menu { - --navPadding: 0.25rem 0.5rem; - --navBgHover: rgba(255,255,255, .1); - --navFontSize: var(--fontSize); - display: flex; - flex-wrap: wrap; - list-style-type: none; -} -.offcanvas .menu { - --navPadding: 0.5rem; - --navBgHover: rgba(255,255,255, .1); - --navFontSize: var(--lFontSize); - display: flex; - flex-direction: column; - flex-wrap: wrap; - list-style-type: none; - transition: var(--gTransition); -} - -.menu-item { - position: relative; -} - -.menu-item > a { - display: flex; - align-items: center; - height: 100%; - padding: var(--navPadding, 0.5rem); - line-height: 1; - font-size: var(--navFontSize, inherit); - font-weight: var(--hFontWeight); - color: inherit; -} -.menu-item > a:not([href]) { - cursor: default; -} -.header .menu-item > a::before { - content: ""; - display: block; - visibility: hidden; - opacity: 0; - position: absolute; - bottom: 0; - left: 10px; - right: 10px; - height: 4px; - background-color: var(--color1); - transition: var(--gTransition); -} -.header .menu-item > a:hover::before { - visibility: visible; - opacity: 1; -} -.footer .menu-item > a { - letter-spacing: 0.025em; - text-transform: uppercase; - background-color: transparent; -} -.offcanvas .menu-item > a { - letter-spacing: 0.025em; -} - -.footer .menu-item > a:hover { - background-color: rgbA(255, 255, 255, 0.2); - text-decoration: underline; -} -.footer .menu-item > a:hover:not([href]) { - text-decoration: none; -} -.offcanvas .menu-item > a:hover { - background-color: var(--navBgHover, rgbA(var(--color1RGB), 0.3)); - opacity: 0.75; -} - -.current-menu-item > a, -.current-page-ancestor > a, -.current-menu-ancestor > a, -.current-menu-parent > a, -.current_page_parent > a { - color: var(--color1); -} -.offcanvas .current-menu-item > a, -.offcanvas .current-page-ancestor > a, -.offcanvas .current-menu-ancestor > a, -.offcanvas .current-menu-parent > a, -.offcanvas .current_page_parent > a { - background-color: var(--navBgHover); - opacity: 1; -} -.current-menu-item > a::before, -.current-page-ancestor > a::before, -.current-menu-ancestor > a::before, -.current-menu-parent > a::before, -.current_page_parent > a::before { - visibility: visible; - opacity: 1; -} - -.menu-item-has-children > a::after { - content: ""; - display: block; - margin-left: 0.25rem; - width: 0.5rem; - height: 0.5rem; - background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNMjA3LjAyOSAzODEuNDc2TDEyLjY4NiAxODcuMTMyYy05LjM3My05LjM3My05LjM3My0yNC41NjkgMC0zMy45NDFsMjIuNjY3LTIyLjY2N2M5LjM1Ny05LjM1NyAyNC41MjItOS4zNzUgMzMuOTAxLS4wNEwyMjQgMjg0LjUwNWwxNTQuNzQ1LTE1NC4wMjFjOS4zNzktOS4zMzUgMjQuNTQ0LTkuMzE3IDMzLjkwMS4wNGwyMi42NjcgMjIuNjY3YzkuMzczIDkuMzczIDkuMzczIDI0LjU2OSAwIDMzLjk0MUwyNDAuOTcxIDM4MS40NzZjLTkuMzczIDkuMzcyLTI0LjU2OSA5LjM3Mi0zMy45NDIgMHoiLz48L3N2Zz4=) no-repeat center center; - background-size: 100% auto; - opacity: 0.75; -} -@media (max-width:768px) { - .menu-item-has-children > a::after { - display: none; - } -} -.footer .menu-item-has-children > a::after { - display: none; -} - -.sub-menu { - --dropdownColumns: 1; - position: absolute; - z-index: 10; - top: calc(100% + 4px); - left: 50%; - visibility: hidden; - opacity: 0; - min-width: calc(180px * var(--dropdownColumns)); - max-width: calc(220px * var(--dropdownColumns)); - padding: 0.75em 0.5em; - border-radius: var(--gRadius); - background-color: var(--text); - text-align: left; - list-style-type: none; - transition: var(--gTransition); - transform: translateX(-50%); - box-shadow: var(--shadow2); -} -.footer .sub-menu { - display: none; -} -.offcanvas .sub-menu { - overflow: hidden; - padding-left: 1rem; - list-style-type: none; - transition: var(--gTransition); -} -.menu-item:hover .sub-menu { - visibility: visible; - opacity: 1; -} -.menu-item:focus-within .sub-menu { - visibility: visible; - opacity: 1; -} - -.sub-menu-item { - display: block; - color: var(--textInvert); - border-radius: var(--gRadius); -} -.sub-menu-item:hover { - background-color: var(--color1); -} -.sub-menu-item a { - display: block; - padding: 0.375rem 0.75rem; -} - -footer .widget, .offcanvas .widget { - width: 100%; -} - -header .widget + .widget { - margin-left: 1rem; -} -footer .widget + .widget { - margin-top: 1.5rem; -} -.offcanvas .widget + .widget { - margin-top: 2rem; -} -.sidebar .widget + .widget { - margin-top: var(--blockSpacing); -} - -header .widgettitle { - font-size: var(--h5Size); -} -footer .widgettitle { - margin-bottom: 0.5rem; - font-size: var(--h4Size); -} -.sidebar .widgettitle { - margin-bottom: 1rem; - font-size: var(--h5Size); -} - -.widget-row { - width: 100%; - max-width: var(--siteWidth); - margin: 0 auto; -} -header .widget-row { - display: grid; - grid-template-columns: var(--headerGridTemplate, auto); -} -@media (max-width:1120px) { - header .widget-row { - padding: 0 var(--gridRim); - } -} -header[data-columns="2"] .widget-row { - --headerGridTemplate: auto auto; -} -header[data-columns="3"] .widget-row { - --headerGridTemplate: 1fr auto 1fr; -} -footer .widget-row { - display: flex; - column-gap: 1rem; - row-gap: 1rem; - max-width: var(--siteWidth); -} -@media (max-width:768px) { - footer .widget-row { - flex-wrap: wrap; - } -} - -.widget-column { - display: flex; - flex-wrap: wrap; - align-items: center; - padding: 0; - list-style-type: none; -} -header .widget-column:last-child:not(:first-child) { - justify-content: flex-end; -} -footer .widget-column { - flex-direction: column; - align-items: flex-start; - width: var(--columnSize); - padding: 0 var(--footerGap); -} -footer .widget-column:not([style]) { - flex: 1; -} -@media (min-width:769px) { - footer .widget-column:last-child:not(:first-child) { - align-items: flex-end; - } -} -@media (max-width:768px) { - footer .widget-column { - width: 100%; - align-items: center; - } - footer .widget-column + .widget-column { - margin-top: var(--blockSpacing); - } -} -.footer-bottom .widget-column { - justify-content: center; -} - -.widget_text { - width: 100%; -} - -.textwidget > * + * { - margin-top: 1rem; -} -.textwidget path { - fill: currentColor; -} -.textwidget p, .textwidget ul, .textwidget ol { - font-size: var(--textSize); - color: var(--textColor); -} -.textwidget ul, .textwidget ol { - padding-left: 1rem; -} -.textwidget a { - text-decoration: underline; -} - -.widget_categories ul { - display: flex; - flex-wrap: wrap; - list-style-type: none; -} -.widget_categories li { - margin-right: 0.5rem; - margin-bottom: 0.5rem; -} -.widget_categories a { - display: inline-block; - padding: 0.25rem 0.5rem; - border: 1px solid rgbA(0, 0, 0, 0.2); - border-radius: var(--gRadius); - text-transform: uppercase; - transition: var(--gTransition); -} -.widget_categories a:hover { - border-color: var(--color1); - background-color: var(--color1Light); -} -.widget_categories a:active { - transform: translateY(1px); - transition: none; -} - -.widget_media_image { - position: relative; -} -.widget_media_image .widgettitle { - position: absolute; - z-index: 1; - bottom: 1rem; - left: 1rem; - margin-bottom: 0; - color: var(--textInvert); -} -.widget_media_image img { - transition: var(--gTransition); -} -.widget_media_image a { - display: block; - overflow: hidden; - border-radius: var(--gRadius); - will-change: box-shadow, transform; -} -.widget_media_image .widgettitle + a::before { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - content: ""; - background-color: rgbA(0, 0, 0, 0.3); - border-radius: var(--gRadius); -} -.widget_media_image a:hover { - box-shadow: var(--shadow1); - transform: translateY(-2px); -} -.widget_media_image a:active { - transition: none; - transform: none; -} - -.wp-block-site-logo { - display: flex; - flex-direction: column; -} -.wp-block-site-logo img { - width: auto; - height: var(--logoMaxHeight, 40px); - transition: var(--gTransition); - will-change: transform; -} -.wp-block-site-logo:hover img { - opacity: 0.75; - transform: translateY(-2px); -} -.wp-block-site-logo span { - font-size: var(--sFontSize); - color: var(--text); -} -.footer .wp-block-site-logo { - justify-content: flex-start; - width: 100%; -} - -.widget_h_button .wp-block-button__link { - padding-top: 0.375rem; - padding-bottom: 0.375rem; -} -.widget_h_button .is-style-outline .wp-block-button__link { - --textColor: inherit; -} - -.widget .wp-block-social-links { - --iconSize: 1.25rem; - --iconPadding: 0.25em; -} -.widget .wp-block-social-links.has-small-icon-size { - --iconSize: 1rem; -} -.widget .wp-block-social-links.has-large-icon-size { - --iconSize: 1.75rem; -} -.widget .wp-block-social-links.has-huge-icon-size { - --iconSize: 2.5rem; -} -.widget .wp-block-social-links.is-style-pill-shape .has-label { - --iconPadding: 0.375em 0.5em; - border-radius: 15px; -} -.widget .wp-block-social-links.has-monotone-color .wp-social-link { - background-color: var(--color1); -} -.widget .wp-block-social-links.has-monotone-color.is-style-logos-only .wp-social-link { - background-color: transparent; - color: inherit; -} - -.widget .wp-social-link { - margin-bottom: 0; -} -.widget .wp-social-link p { - display: block; - margin-left: 0.25rem; -} - -.wp-social-link.has-label p { - display: inline-block; - margin-left: 0.25rem; - line-height: 1; - font-size: var(--sFontSize); -} - -.wp-social-link-email, -.wp-social-link-phone, -.wp-social-link-location, -.wp-social-link-faq { - --color: var(--color1); -} - -.widget_h_recent_posts .wp-block-latest-posts { - --postsFontSize: var(--fontSize); -} -.widget_h_recent_posts .wp-block-latest-posts .wp-block-latest-posts__featured-image { - --postsImageWidth: 75px; - margin-top: 0.375rem; -} -.widget_h_recent_posts .wp-block-latest-posts a { - text-decoration: none; -} -.widget_h_recent_posts .wp-block-latest-posts a:hover { - text-decoration: underline; -} - -.search-form { - display: flex; -} -.search-form label { - display: flex; - flex: 1; -} - -.search-field { - padding-top: 0.25rem; - padding-bottom: 0.25rem; - border-radius: var(--gRadius) 0 0 var(--gRadius); -} -.sidebar .search-field { - padding-top: 0.5rem; - padding-bottom: 0.5rem; -} - -input.search-submit { - display: flex; - align-items: center; - padding: 0.25em 1em; - background: var(--color1) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSJ3aGl0ZSIgZD0iTTUwNSA0NDIuN0w0MDUuMyAzNDNjLTQuNS00LjUtMTAuNi03LTE3LTdIMzcyYzI3LjYtMzUuMyA0NC03OS43IDQ0LTEyOEM0MTYgOTMuMSAzMjIuOSAwIDIwOCAwUzAgOTMuMSAwIDIwOHM5My4xIDIwOCAyMDggMjA4YzQ4LjMgMCA5Mi43LTE2LjQgMTI4LTQ0djE2LjNjMCA2LjQgMi41IDEyLjUgNyAxN2w5OS43IDk5LjdjOS40IDkuNCAyNC42IDkuNCAzMy45IDBsMjguMy0yOC4zYzkuNC05LjQgOS40LTI0LjYuMS0zNHpNMjA4IDMzNmMtNzAuNyAwLTEyOC01Ny4yLTEyOC0xMjggMC03MC43IDU3LjItMTI4IDEyOC0xMjggNzAuNyAwIDEyOCA1Ny4yIDEyOCAxMjggMCA3MC43LTU3LjIgMTI4LTEyOCAxMjh6Ii8+PC9zdmc+) no-repeat center center; - background-size: auto 65%; - color: transparent; - letter-spacing: -1em; - border-radius: 0 var(--gRadius) var(--gRadius) 0; -} -input.search-submit:hover { - color: transparent; -} -.sidebar input.search-submit { - padding: 0.25em 1.25em; - background-size: auto 50%; -} - -.widget_h_toggle a { - --toggleColor: var(--text); - display: flex; - align-items: center; - padding: 0.25rem 0.5rem; - color: var(--toggleColor); - border-radius: var(--gRadius); -} -.widget_h_toggle a:hover { - --toggleColor: var(--color1); - background-color: var(--color1Light); -} -.widget_h_toggle a svg { - width: 1rem; - height: 1rem; - margin-right: 0.25rem; -} -.widget_h_toggle a span { - text-transform: uppercase; -} -.widget_h_toggle a path, -.widget_h_toggle a circle { - fill: var(--toggleColor); - transition: var(--gTransition); -} -header[data-columns="2"] .widget-column:nth-child(2) .widget_h_toggle a, header[data-columns="3"] .widget-column:nth-child(3) .widget_h_toggle a { - flex-direction: row-reverse; -} - -.post-meta { - --metaGap: 0.5rem; - display: flex; - flex-wrap: wrap; - align-items: center; - margin-top: 1rem; - color: var(--textDim); - font-size: var(--sFontSize); -} -.post-meta > * { - display: inline-block; - margin-right: 0.75rem; - margin-bottom: 0.25rem; -} -.post-meta > *:last-child { - margin-right: 0; -} -.post-meta a { - display: inline-block; - color: inherit; - text-decoration: none; -} -.post-meta a:hover { - text-decoration: underline; -} -.post-meta a:active { - transition: none; - transform: translateY(1px); -} -.post-meta i::before { - content: ""; - display: inline-block; - opacity: 0.5; - background-image: var(--iconSVG); - background-repeat: no-repeat; - background-position: center center; - background-size: contain; - width: 1rem; - height: 1rem; - vertical-align: sub; -} -.post-title .post-meta { - padding-top: 0.5rem; - padding-bottom: 0.5rem; - border-top: 1px solid rgbA(0, 0, 0, 0.2); - border-bottom: 2px solid rgbA(0, 0, 0, 0.2); -} -.post-archive .post-meta:last-child { - margin-top: auto; -} - -.meta-date { - --iconSVG: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNMTQ4IDI4OGgtNDBjLTYuNiAwLTEyLTUuNC0xMi0xMnYtNDBjMC02LjYgNS40LTEyIDEyLTEyaDQwYzYuNiAwIDEyIDUuNCAxMiAxMnY0MGMwIDYuNi01LjQgMTItMTIgMTJ6bTEwOC0xMnYtNDBjMC02LjYtNS40LTEyLTEyLTEyaC00MGMtNi42IDAtMTIgNS40LTEyIDEydjQwYzAgNi42IDUuNCAxMiAxMiAxMmg0MGM2LjYgMCAxMi01LjQgMTItMTJ6bTk2IDB2LTQwYzAtNi42LTUuNC0xMi0xMi0xMmgtNDBjLTYuNiAwLTEyIDUuNC0xMiAxMnY0MGMwIDYuNiA1LjQgMTIgMTIgMTJoNDBjNi42IDAgMTItNS40IDEyLTEyem0tOTYgOTZ2LTQwYzAtNi42LTUuNC0xMi0xMi0xMmgtNDBjLTYuNiAwLTEyIDUuNC0xMiAxMnY0MGMwIDYuNiA1LjQgMTIgMTIgMTJoNDBjNi42IDAgMTItNS40IDEyLTEyem0tOTYgMHYtNDBjMC02LjYtNS40LTEyLTEyLTEyaC00MGMtNi42IDAtMTIgNS40LTEyIDEydjQwYzAgNi42IDUuNCAxMiAxMiAxMmg0MGM2LjYgMCAxMi01LjQgMTItMTJ6bTE5MiAwdi00MGMwLTYuNi01LjQtMTItMTItMTJoLTQwYy02LjYgMC0xMiA1LjQtMTIgMTJ2NDBjMCA2LjYgNS40IDEyIDEyIDEyaDQwYzYuNiAwIDEyLTUuNCAxMi0xMnptOTYtMjYwdjM1MmMwIDI2LjUtMjEuNSA0OC00OCA0OEg0OGMtMjYuNSAwLTQ4LTIxLjUtNDgtNDhWMTEyYzAtMjYuNSAyMS41LTQ4IDQ4LTQ4aDQ4VjEyYzAtNi42IDUuNC0xMiAxMi0xMmg0MGM2LjYgMCAxMiA1LjQgMTIgMTJ2NTJoMTI4VjEyYzAtNi42IDUuNC0xMiAxMi0xMmg0MGM2LjYgMCAxMiA1LjQgMTIgMTJ2NTJoNDhjMjYuNSAwIDQ4IDIxLjUgNDggNDh6bS00OCAzNDZWMTYwSDQ4djI5OGMwIDMuMyAyLjcgNiA2IDZoMzQwYzMuMyAwIDYtMi43IDYtNnoiLz48L3N2Zz4=); -} - -.meta-comments { - --iconSVG: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48cGF0aCBkPSJNNDE2IDIyNFY2NGMwLTM1LjMtMjguNy02NC02NC02NEg2NEMyOC43IDAgMCAyOC43IDAgNjR2MTYwYzAgMzUuMyAyOC43IDY0IDY0IDY0djU0LjJjMCA4IDkuMSAxMi42IDE1LjUgNy44bDgyLjgtNjIuMUgzNTJjMzUuMy4xIDY0LTI4LjYgNjQtNjMuOXptOTYtNjRoLTY0djY0YzAgNTIuOS00My4xIDk2LTk2IDk2SDE5MnY2NGMwIDM1LjMgMjguNyA2NCA2NCA2NGgxMjUuN2w4Mi44IDYyLjFjNi40IDQuOCAxNS41LjIgMTUuNS03LjhWNDQ4aDMyYzM1LjMgMCA2NC0yOC43IDY0LTY0VjIyNGMwLTM1LjMtMjguNy02NC02NC02NHoiLz48L3N2Zz4=); -} - -.meta-categories a, -.meta-tags a { - display: inline-block; - padding: 0 0.375rem; - background-color: var(--buttonBg); - border-radius: var(--gRadius); - color: var(--buttonColor); - will-change: transform; -} -.meta-categories a:hover, -.meta-tags a:hover { - transform: translateY(-2px); - box-shadow: var(--shadow1); -} -.meta-categories a:active, -.meta-tags a:active { - transition: none; - transform: none; - box-shadow: var(--shadow0); -} - -.meta-categories { - --buttonBg: var(--color1Light); - --buttonBgHover: var(--color1Light); - --buttonColor: var(--text); - --buttonColorHover: var(--text); - margin-right: 0.25rem; -} -.meta-categories a { - text-transform: uppercase; - letter-spacing: 0.025em; -} - -.meta-tags { - --buttonBg: rgba(--text, .075); - --buttonBgHover: rgba(--text, .15); - --buttonColor: var(--textDim); - --buttonColorHover: var(--text); - --iconSVG: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNTEyIj48cGF0aCBkPSJNNDk3Ljk0MSAyMjUuOTQxTDI4Ni4wNTkgMTQuMDU5QTQ4IDQ4IDAgMCAwIDI1Mi4xMTggMEg0OEMyMS40OSAwIDAgMjEuNDkgMCA0OHYyMDQuMTE4YTQ4IDQ4IDAgMCAwIDE0LjA1OSAzMy45NDFsMjExLjg4MiAyMTEuODgyYzE4Ljc0NCAxOC43NDUgNDkuMTM2IDE4Ljc0NiA2Ny44ODIgMGwyMDQuMTE4LTIwNC4xMThjMTguNzQ1LTE4Ljc0NSAxOC43NDUtNDkuMTM3IDAtNjcuODgyek0xMTIgMTYwYy0yNi41MSAwLTQ4LTIxLjQ5LTQ4LTQ4czIxLjQ5LTQ4IDQ4LTQ4IDQ4IDIxLjQ5IDQ4IDQ4LTIxLjQ5IDQ4LTQ4IDQ4em01MTMuOTQxIDEzMy44MjNMNDIxLjgyMyA0OTcuOTQxYy0xOC43NDUgMTguNzQ1LTQ5LjEzNyAxOC43NDUtNjcuODgyIDBsLS4zNi0uMzZMNTI3LjY0IDMyMy41MjJjMTYuOTk5LTE2Ljk5OSAyNi4zNi0zOS42IDI2LjM2LTYzLjY0cy05LjM2Mi00Ni42NDEtMjYuMzYtNjMuNjRMMzMxLjM5NyAwaDQ4LjcyMWE0OCA0OCAwIDAgMSAzMy45NDEgMTQuMDU5bDIxMS44ODIgMjExLjg4MmMxOC43NDUgMTguNzQ1IDE4Ljc0NSA0OS4xMzcgMCA2Ny44ODJ6Ii8+PC9zdmc+); -} - -.post-columns { - --blogWidth: auto; - column-gap: 5rem; -} -@media (max-width:1120px) { - .post-columns { - column-gap: 2.5rem; - } -} -@media (max-width:960px) { - .post-columns { - column-gap: 1rem; - } -} -@media (max-width:768px) { - .post-columns { - column-gap: 0; - } -} - -.post-author { - padding: 1rem; - background-color: var(--textInvert); - box-shadow: 0px 50px 90px rgbA(210, 213, 218, 0.4); -} -body.archive .post-author { - background-color: transparent; - margin-bottom: 2rem; - box-shadow: none; -} -.post-author a:active { - transition: none; - transform: translateY(1px); -} -@media (min-width:481px) { - .post-author { - display: grid; - grid-template-columns: auto 1fr; - grid-template-rows: auto auto; - grid-column-gap: 1.5rem; - grid-row-gap: 0.5rem; - } -} - -.author-avatar { - grid-row: span 2; -} -.author-avatar img { - border-radius: 50%; - background-color: var(--siteBgColor); - height: 4em; - width: 4em; - box-shadow: var(--shadow1); -} -@media (max-width:480px) { - .author-avatar { - float: right; - } -} - -.author-bio { - grid-column: 2/span 1; - font-size: var(--sFontSize); -} -.author-bio * + * { - margin-top: 0.5rem; -} -.author-bio a { - display: inline-block; - color: inherit; - text-decoration: none; -} -.author-bio a:hover { - color: inherit; - text-decoration: underline; -} -.author-bio label { - margin-bottom: -0.5rem; - color: var(--textDim); -} - -.author-links { - --linkColor: var(--textDim); - display: flex; - flex-wrap: wrap; - grid-column: 2/span 1; - margin: 0.5rem -0.5rem 0; - font-size: var(--sFontSize); -} -.author-links a { - display: flex; - align-items: center; - padding: 0 0.5rem; -} -.author-links a:hover { - --linkColor: var(--color1); -} -.author-links svg { - width: 1rem; - margin-right: 0.25rem; -} -.author-links path { - fill: var(--linkColor); - transition: var(--gTransition); -} - -.post-nav { - display: flex; - column-gap: 2rem; -} -.post-nav img { - transition: var(--gTransition); -} -.post-nav a { - display: flex; - flex: 1; - align-items: center; - padding: 0.5rem 0; - max-width: 50%; - text-decoration: none; - color: var(--text); -} -.post-nav a:hover { - opacity: 0.9; - color: var(--text); - transform: translateY(-2px); -} -.post-nav a:hover img { - box-shadow: var(--shadow1); -} -.post-nav a:active { - transition: none; - transform: translateY(1px); -} -.post-nav img { - width: 70px; - height: 70px; - margin-right: 0.5rem; - background-color: var(--textDim); - border-radius: 50%; -} -.post-nav p { - flex: 1; - font-weight: var(--hFontWeight); - font-family: var(--hFontFamily); - line-height: 1.25; -} -.post-nav em { - display: block; - margin-bottom: 0.25rem; - text-transform: uppercase; - font-family: var(--fontFamily); - font-size: var(--xsmallFontSize); - font-style: normal; - font-weight: 400; -} -@media (max-width:480px) { - .post-nav { - flex-wrap: wrap; - } - .post-nav a { - flex: auto; - width: 100%; - max-width: 100%; - } -} - -.post-nav a[rel=next] { - flex-direction: row-reverse; - text-align: right; -} -.post-nav a[rel=next] img { - margin-right: 0; - margin-left: 0.5rem; -} - -.pagination { - display: flex; - justify-content: center; - margin-top: var(--groupSpacing); - margin-bottom: var(--groupSpacing); - color: var(--text); - font-size: var(--sFontSize); -} -.pagination a, -.pagination select { - display: flex; - align-items: center; - cursor: pointer; - background-color: transparent; - border: 2px solid var(--text); - border-radius: 0; - width: auto; - color: var(--text); - -webkit-appearance: none; - appearance: none; - will-change: transform; -} -.pagination a:hover, -.pagination select:hover { - background-color: rgbA(var(--textRGB), 0.1); - transform: translateY(-1px); - box-shadow: var(--shadow1); -} -.pagination a:active, -.pagination select:active { - transition: none; - transform: none; - box-shadow: var(--shadow0); -} -.pagination select { - padding-right: 1rem; - padding-left: 1rem; - font-weight: var(--hFontWeight); - text-transform: uppercase; -} -.pagination a { - padding-right: 0.25rem; - padding-left: 0.25rem; -} -.pagination a:nth-of-type(1) { - border-right: 0; - border-top-left-radius: var(--gRadius); - border-bottom-left-radius: var(--gRadius); -} -.pagination a:nth-of-type(2) { - border-left: 0; - border-top-right-radius: var(--gRadius); - border-bottom-right-radius: var(--gRadius); -} -.pagination svg { - height: 1rem; -} -.pagination path { - fill: var(--text); -} -.pagination a:not([href]) { - visibility: hidden; - opacity: 0; -} - -.sidebar { - order: 1; - padding-bottom: var(--groupSpacing); -} -@media (max-width:768px) { - .sidebar { - order: 1; - grid-column: span 12; - grid-template-columns: repeat(2, minmax(0, 1fr)); - padding-top: 0; - padding-left: 0; - margin-bottom: 2rem; - } -} -@media (max-width:480px) { - .sidebar { - grid-template-columns: auto; - } -} - -.sidebar-inner { - position: sticky; - top: 5rem; - display: grid; - grid-template-columns: minmax(0, 1fr); - grid-row-gap: 1rem; - grid-column-gap: 1rem; -} -@media (min-width:481px) and (max-width:768px) { - .sidebar-inner { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } -} - -.post-comments { - padding: 0 calc( var(--gridGap) / 2 ); - max-width: var(--blogWidth); - margin: var(--groupSpacing) auto; -} -.post-comments h4 { - margin-bottom: 1rem; - text-align: center; -} - -.comments-list, -.commentlist { - padding-left: 0; - margin-top: 2rem; - list-style-type: none; -} -.comments-list > li, -.commentlist > li { - padding: 1.25rem; - margin-bottom: 1.5rem; - background-color: white; - border: 1px solid rgbA(var(--textRGB), 0.1); - border-radius: var(--gRadius); -} - -.comment { - position: relative; -} - -.comment-meta, -.h-review-header { - display: flex; - flex-wrap: wrap; - align-items: center; - line-height: 1; -} -.comment-meta .avatar, -.h-review-header .avatar { - margin-right: 0.5rem; - width: 2rem; - height: 2rem; - border-radius: 50%; - border: 1px solid rgbA(var(--textRGB), 0.1); -} -.comment-meta b, -.h-review-header b { - display: inline-block; - font-size: var(--sFontSize); -} -.comment-meta br, -.h-review-header br { - flex-basis: 100%; - height: 0; -} -.comment-meta time, -.h-review-header time { - flex-grow: 1; - display: inline-block; - margin-left: 0.5rem; - font-size: var(--xsFontSize); - color: var(--textDim); -} - -a.comment-reply-link { - padding: 0.25rem 0.5rem; - background-color: rgbA(var(--color1RGB), 0.2); - border-radius: var(--gRadius); - font-size: var(--xsFontSize); - letter-spacing: 0.05em; - text-transform: uppercase; -} -a.comment-reply-link:hover { - background-color: rgbA(var(--color1RGB), 0.35); -} -a.comment-reply-link:active { - transition: none; - transform: translateY(1px); -} - -.comment-content, -.review-text { - margin-top: 0.5rem; -} -.comment-content > * + *, -.review-text > * + * { - margin-top: 0.75rem; -} -.comment-content ul, .comment-content ol, -.review-text ul, -.review-text ol { - padding-left: 1rem; -} -.comment-content ul, -.review-text ul { - list-style-type: var(--ulStyle); -} -.comment-content ol, -.review-text ol { - list-style-type: var(--olStyle); -} -.comment-content a, -.review-text a { - text-decoration: underline; -} -.comment-content h1, .comment-content h2, .comment-content h3, -.review-text h1, -.review-text h2, -.review-text h3 { - font-size: var(--h5Size); -} -.comment-content code, -.review-text code { - background-color: rgbA(0, 0, 0, 0.05); -} -.comment-content pre code, -.review-text pre code { - display: block; - padding: 0.5rem; -} - -.comment .children { - margin-top: 1rem; - padding-left: 1rem; - border-left: 2px solid rgbA(var(--textRGB), 0.1); - list-style-type: none; -} -.comment .children .comment { - margin-bottom: 0; - font-size: var(--sFontSize); -} -.comment .children > li + li { - margin-top: 1.5rem; -} - -.comment-reply-title { - display: none; -} - -.comment-respond { - margin-bottom: 2rem; -} -.comments-list .comment-respond { - width: 110%; - margin: 0 -5%; -} - -.comment-form { - display: flex; - flex-wrap: wrap; - row-gap: 1rem; - column-gap: 1rem; - padding: 1rem; - border-radius: var(--gRadius); -} -.comments-list .comment-form { - margin-top: 1.25rem; - background-color: var(--textInvert); - border: 1px solid rgbA(var(--textRGB), 0.2); - box-shadow: var(--shadow0); -} -.comment-form p { - display: flex; - flex-direction: column; - width: 100%; -} -.comment-form label { - cursor: pointer; - margin-bottom: 0.5rem; - color: var(--text); - font-weight: 700; - font-size: var(--xsFontSize); - text-transform: uppercase; - letter-spacing: 0.05em; -} -.comment-form .comment-notes, -.comment-form .logged-in-as { - display: block; - color: var(--textDim); - font-size: var(--sFontSize); -} -.comment-form .h-comment-notification-consent { - flex-direction: row; -} -.comment-form .h-comment-notification-consent input { - margin-right: 0.5rem; -} - -.comment-form-comment label { - display: none; -} -.comment-form-comment textarea { - height: 12rem; - border-radius: 0 var(--gRadius) var(--gRadius) 0; -} - -p.comment-form-author, -p.comment-form-email { - width: calc(50% - 0.5rem); -} -@media (max-width:480px) { - p.comment-form-author, -p.comment-form-email { - width: 100%; - } -} - -p.comment-form-url { - display: none; -} - -p.comment-form-cookies-consent { - flex-direction: row; -} -p.comment-form-cookies-consent input { - margin-top: 1px; - margin-right: 0.5rem; -} -p.comment-form-cookies-consent label { - display: inline-block; - text-transform: none; -} - -p.form-submit { - align-items: flex-end; - margin-bottom: 0; -} - -.h-editor .toolbar { - margin-bottom: 0.5rem; - border: none; -} -.h-editor .toolbar .tool-separator { - width: 0.25rem; - margin: 0; - border: none; - background-color: var(--siteBgColor); -} -.h-editor .toolbar .tool-pre, -.h-editor .toolbar .tool-code { - display: none; -} - -.h-editor { - border-left: none; -} -.h-editor textarea { - border: none; - border-radius: var(--gRadius); -} - -body[class^=paged-] #infinite-footer { - display: none; -} - -.infinite-loader { - margin-top: 2rem; - margin-bottom: 2rem; -} -.infinite-loader .spinner { - left: 50% !important; - transform: translateX(-50%); -} - -.sharedaddy .share-end { - display: none; -} -.sharedaddy .sd-title { - margin-bottom: 1rem; - white-space: nowrap; - font-size: var(--fontSize); - font-family: var(--fontFamily); - letter-spacing: 0.05em; - text-transform: uppercase; -} -.sharedaddy .sd-title::before { - display: none; -} -.sharedaddy .sd-button { - text-decoration: none; -} - -.sharedaddy .sd-content ul { - display: flex; - flex-wrap: wrap; - list-style-type: none; - padding-left: 0; - margin: 0 -4px; -} -.sharedaddy .sd-content li { - display: flex; - align-items: center; - padding: 0 0.25rem; - margin-bottom: 0.5rem; -} -.sharedaddy .sd-content li:not([class]), -.sharedaddy .sd-content li.share-end { - padding: 0; -} - -.sd-button { - --color: #333333; - display: inline-block; - overflow: hidden; - border: 1px solid; - border-bottom-width: 2px; - border-radius: var(--gRadius); - color: var(--color); -} -.sd-button:hover { - color: var(--color); - box-shadow: var(--shadow1); -} -.sd-button:active { - border-top-width: 2px; - border-bottom-width: 1px; - transition: none; -} -.sd-button span { - display: flex; - align-items: center; -} -.sd-button svg { - max-height: 1rem; -} -.sd-button b { - margin-left: 0.25rem; - font-weight: var(--fontWeight); -} -.sd-button path, -.sd-button circle { - fill: var(--color); -} -.sd-social-icon-text .sd-button, .sd-social-text .sd-button { - padding: 0px 10px 2px; -} -.sd-social-icon .sd-button { - padding: 9px 10px; - border-radius: 50%; -} -.sd-social-icon .sd-button.share-more::before { - margin-right: 0.25rem; -} -.sd-social-icon .sd-button svg { - max-height: 1.5rem; -} -.sd-button .sharing-screen-reader-text b { - display: none; -} -.sd-button.share-more { - margin-left: 0.25rem; -} -.sd-social-icon .sd-button.share-more { - padding-top: 0; - padding-bottom: 0; - border-radius: var(--gRadius); -} - -.sd-social-icon-text .share-custom { - padding-left: 6px; -} -.share-custom span { - padding-left: 1.25rem; - background: left no-repeat; - background-size: 1em; -} - -.entry-breadcrumbs { - margin-bottom: 1rem; -} -.entry-breadcrumbs [itemprop=itemListElement] { - display: inline-block; - padding: 0.25rem 0.5rem; - background-color: var(--textInvert); -} -.entry-breadcrumbs [itemprop=itemListElement]:nth-child(n+2)::before { - content: "»"; - display: inline-block; - transform: translateX(-0.5rem); -} -.entry-breadcrumbs [itemprop=name] { - display: inline-block; - padding: 0.25rem 0.5rem; - border-radius: var(--gRadius); - color: var(--textDim); - text-transform: uppercase; - letter-spacing: 0.025em; - transition: var(--gTransition); -} -.entry-breadcrumbs a:hover [itemprop=name] { - background-color: var(--color1Light); - color: var(--color1); -} -.entry-breadcrumbs a:active [itemprop=name] { - transition: none; - transform: translateY(1px); -} -.entry-breadcrumbs .current-category [itemprop=name] { - color: var(--text); -} - -form.contact-form input[type=text], -form.contact-form input[type=email], -form.contact-form input[type=tel], -form.contact-form input[type=url], -form.contact-form textarea { - margin-bottom: 0; -} - -div div.wp-block-jetpack-whatsapp-button a.whatsapp-block__button { - display: flex; - align-items: center; - will-change: transform; -} -div div.wp-block-jetpack-whatsapp-button a.whatsapp-block__button:hover { - transform: translateY(-2px); - box-shadow: var(--shadow1); -} -div div.wp-block-jetpack-whatsapp-button a.whatsapp-block__button:active { - transition: none; - transform: none; - box-shadow: var(--shadow0); -} - -.wp-block-jetpack-slideshow img.wp-block-jetpack-slideshow_image { - width: 100%; - object-fit: cover; -} - -.wp-block-jetpack-rating-star { - display: flex; - align-items: center; -} -.wp-block-jetpack-rating-star [itemprop=ratingValue] { - display: none; -} - -.screen-reader-text { - border: 0; - clip: rect(1px, 1px, 1px, 1px); - clip-path: inset(50%); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; - word-wrap: normal !important; -} - -form.wpcf7-form { - padding: 0.75rem; - margin-right: auto; - margin-left: auto; - background-color: white; - box-shadow: var(--shadow1); -} -form.wpcf7-form br { - display: none; -} -form.wpcf7-form label { - display: block; -} - -div.wpcf7 span.wpcf7-not-valid-tip { - color: var(--red); - font-size: var(--sFontSize); -} -div.wpcf7 div.wpcf7-response-output { - margin: 0; - margin-top: 1rem; - border-width: 1px; - border-radius: var(--gRadius); - text-align: center; -} -div.wpcf7 .wpcf7-validation-errors { - background-color: rgbA(var(--redRGB), 0.2); - border-color: var(--red); - color: var(--red); -} -div.wpcf7 .wpcf7-mail-sent-ok, -div.wpcf7 .wpcf7-mail-sent-ng { - background-color: rgbA(var(--greenRGB), 0.3); - border-color: var(--green); - color: var(--green); -} +/*! Theme Name: Edje Basic Theme */:root{--text:#2c3e50;--textRGB:44,62,80;--textDim:#868698;--textDimRGB:134,134,152;--textInvert:#ffffff;--textInvertRGB:255,255,255;--color1:#5C6BC0;--color1RGB:92,107,192;--color1Dark:#3F4EA2;--color1DarkRGB:63,78,162;--color1Light:#D3D7EE;--color1LightRGB:211,215,238;--color2:#2ecc71;--color2RGB:46,204,113;--color2Dark:#26A65B;--color2DarkRGB:38,166,91;--color2Light:#def7e8;--color2LightRGB:222,247,232;--color3:#e74c3c;--color3RGB:231,76,60;--color3Light:#fbdedb;--color3LightRGB:251,222,219;--siteBg: #f8f9fb;--siteBgColor: #f8f9fb;--panelBg: #eff1f5;--colorAlert: #e74c3c;--colorAlertLight: #f8cdc9;--shadow0: 0 0.5px 2px rgba(0,0,0, .18), 0 1.5px 6px rgba(0,0,0, .08);--shadow1: 0 1.5px 4px rgba(0,0,0, .24), 0 1.5px 6px rgba(0,0,0, .12);--shadow2: 0 3px 12px rgba(0,0,0, .23), 0 3px 12px rgba(0,0,0, .16);--shadow3: 0 6px 12px rgba(0,0,0, .23), 0 10px 40px rgba(0,0,0, .19);--shadow4: 0 10px 20px rgba(0,0,0, .19), 0 6px 6px rgba(0,0,0, .23);--shadowThin: 0 10px 30px rgba(0,0,0, .05);--fontFamily: -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";--fontWeight: 400;--lineHeight: 1.65;--letterSpacing: 0;--fontSize: 16px;--xsFontSize: 12px;--sFontSize: 14px;--mFontSize: 18px;--lFontSize: 22px;--xlFontSize: 30px;--xsmallFontSize: var(--xsFontSize);--smallFontSize: var(--sFontSize);--mediumFontSize: var(--mFontSize);--largeFontSize: var(--lFontSize);--hugeFontSize: var(--xlFontSize);--hFontFamily: "Noto Serif", "Apple Garamond", "Baskerville", "Times New Roman", "Droid Serif", "Times","Source Serif Pro", serif;--hFontStyle: normal;--hFontWeight: 700;--hLineHeight: 1.25;--hLetterSpacing: 0.025em;--hTextTransform: initial;--hColor: inherit;--h1Size: 46px;--h2Size: 38px;--h3Size: 30px;--h4Size: 24px;--h5Size: 20px;--h6Size: var(--fontSize);--codeFontFamily: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;--codeFontSize: var(--sFontSize);--linkColor: inherit;--linkColorHover: var(--color1);--siteWidth: 1120px;--blogWidth: 650px;--gridGap: 20px;--gridRim: 1rem;--tileGap: 20px;--gRadius: 4px;--gTransition: all .25s ease-in-out;--inputColor: var(--text);--inputPlaceholderColor: var(--textDim);--inputBg: var(--textInvert);--inputBgFocus: var(--textInvert);--adminBarHeight: 0px;--wp--style--block-gap: 1.5rem;--groupSpacing: 3rem;--main: var(--color1);--mainDark: var(--color1Dark);--mainLight: var(--color1Light);--sub: var(--color2);--subDark: var(--color2Dark);--subLight: var(--color2Light);--extra: var(--color3);--extraLight: var(--color3Light);--blockSpacing: var(--wp--style--block-gap)}@media(max-width:960px){:root{--h1Size: 40px;--h2Size: 32px;--h3Size: 26px;--h4Size: 22px;--h5Size: 18px;--h6Size: var(--fontSize)}}@media(max-width:768px){:root{--h1Size: 32px;--h2Size: 26px;--h3Size: 22px;--h4Size: 20px;--h5Size: 18px;--h6Size: var(--fontSize);--groupSpacing: 2.5rem}}@media(max-width:480px){:root{--blockSpacing: 1rem}}body.admin-bar{--adminBarHeight: 32px}@media(max-width:782px){body.admin-bar{--adminBarHeight: 0px}}.has-text-base-background-color{--bgColor: var(--text);--bgColorRGB: var(--textRGB)}.has-text-base-color{--textColor: var(--text);--textColorRGB: var(--textRGB);--filterColor: invert(18%) sepia(12%) saturate(1870%) hue-rotate(169deg) brightness(94%) contrast(83%)}.has-text-dim-background-color{--bgColor: var(--textDim);--bgColorRGB: var(--textDimRGB)}.has-text-dim-color{--textColor: var(--textDim);--textColorRGB: var(--textDimRGB);--filterColor: invert(53%) sepia(8%) saturate(544%) hue-rotate(201deg) brightness(99%) contrast(91%)}.has-text-invert-background-color{--bgColor: var(--textInvert);--bgColorRGB: var(--textInvertRGB)}.has-text-invert-color{--textColor: var(--textInvert);--textColorRGB: var(--textInvertRGB);--filterColor: invert(100%) sepia(10%) saturate(7462%) hue-rotate(173deg) brightness(117%) contrast(108%)}.has-color-1-background-color{--bgColor: var(--color1);--bgColorRGB: var(--color1RGB)}.has-color-1-color{--textColor: var(--color1);--textColorRGB: var(--color1RGB);--filterColor: invert(59%) sepia(80%) saturate(2621%) hue-rotate(178deg) brightness(91%) contrast(87%)}.has-color-1-dark-background-color{--bgColor: var(--color1Dark);--bgColorRGB: var(--color1DarkRGB)}.has-color-1-dark-color{--textColor: var(--color1Dark);--textColorRGB: var(--color1DarkRGB);--filterColor: invert(39%) sepia(9%) saturate(4187%) hue-rotate(163deg) brightness(95%) contrast(86%)}.has-color-1-light-background-color{--bgColor: var(--color1Light);--bgColorRGB: var(--color1LightRGB)}.has-color-1-light-color{--textColor: var(--color1Light);--textColorRGB: var(--color1LightRGB);--filterColor: invert(87%) sepia(18%) saturate(184%) hue-rotate(170deg) brightness(105%) contrast(95%)}.has-color-2-background-color{--bgColor: var(--color2);--bgColorRGB: var(--color2RGB)}.has-color-2-color{--textColor: var(--color2);--textColorRGB: var(--color2RGB);--filterColor: invert(64%) sepia(63%) saturate(493%) hue-rotate(92deg) brightness(90%) contrast(90%)}.has-color-2-dark-background-color{--bgColor: var(--color2Dark);--bgColorRGB: var(--color2DarkRGB)}.has-color-2-dark-color{--textColor: var(--color2Dark);--textColorRGB: var(--color2DarkRGB);--filterColor: invert(49%) sepia(22%) saturate(1352%) hue-rotate(92deg) brightness(103%) contrast(90%)}.has-color-2-light-background-color{--bgColor: var(--color2Light);--bgColorRGB: var(--color2LightRGB)}.has-color-2-light-color{--textColor: var(--color2Light);--textColorRGB: var(--color2LightRGB);--filterColor: invert(98%) sepia(67%) saturate(213%) hue-rotate(65deg) brightness(100%) contrast(95%)}.has-color-3-background-color{--bgColor: var(--color3);--bgColorRGB: var(--color3RGB)}.has-color-3-color{--textColor: var(--color3);--textColorRGB: var(--color3RGB);--filterColor: invert(59%) sepia(98%) saturate(5598%) hue-rotate(343deg) brightness(99%) contrast(83%)}.has-color-3-light-background-color{--bgColor: var(--color3Light);--bgColorRGB: var(--color3LightRGB)}.has-color-3-light-color{--textColor: var(--color3Light);--textColorRGB: var(--color3LightRGB);--filterColor: invert(96%) sepia(66%) saturate(482%) hue-rotate(292deg) brightness(101%) contrast(97%)}@font-face{src:url(5d8da75aca3a31f37c5f72b734ca8c49.woff2);font-family:"Noto Serif";font-weight:400}@font-face{src:url(f6e4737d8c2e16f0cec8c4f999d165a5.woff2);font-family:"Noto Serif";font-weight:700}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{line-height:1.15;font-family:sans-serif;font-size:var(--fontSize);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{position:relative;overflow-x:hidden;background:var(--siteBg);margin:0;font-family:var(--fontFamily);font-weight:var(--fontWeight);font-size:var(--fontSize);line-height:var(--lineHeight);letter-spacing:var(--letterSpacing);color:var(--text);-webkit-animation:bugfix infinite 1s}@-webkit-keyframes bugfix{from{padding:0}to{padding:0}}*,body{margin:0;padding:0}main{display:block}details{display:block}summary{display:list-item}article,aside,figcaption,figure,footer,header,hgroup,nav,section,picture{display:block}[hidden]{display:none}template{display:none}p{margin-top:0;margin-bottom:0}a{cursor:pointer;text-decoration:none;background-color:rgba(0,0,0,0);color:var(--linkColor);transition:var(--gTransition)}b,strong{font-weight:bold}em{font-style:italic}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--hFontFamily);font-weight:var(--hFontWeight);font-size:var(--hFontSize);font-style:var(--hFontStyle);line-height:var(--hLineHeight);letter-spacing:var(--hLetterSpacing);text-transform:var(--hTextTransform);color:var(--hColor)}h1{font-size:var(--h1Size)}h2{font-size:var(--h2Size)}h3{font-size:var(--h3Size)}h4{font-size:var(--h4Size)}h5{font-size:var(--h5Size)}h6{font-size:var(--h6Size)}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;margin-right:.25rem;vertical-align:baseline}sup{top:-0.125em;vertical-align:text-top;align-self:flex-start}sub{bottom:.125em;vertical-align:text-bottom;align-self:flex-end}blockquote cite{display:block;font-style:italic}address,cite{font-style:normal}ul{list-style-type:disc}ol{list-style-type:decimal}ul ul,ol ul{list-style-type:circle}ul ol,ol ol{list-style-type:lower-alpha}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}dfn{font-style:italic}mark{background:#ff0;color:#000}q{quotes:"“" "”" "‘" "’"}pre{overflow:auto}code,kbd,pre,samp{font-family:var(--codeFontFamily);font-size:var(--codeFontSize)}progress{vertical-align:baseline}img{border-style:none;display:inline-block;vertical-align:middle;-ms-interpolation-mode:bicubic;border-radius:var(--gRadius)}svg:not(:root){overflow:hidden}figure{margin:0}img,object,embed{max-width:100%;height:auto}#map_canvas img,.map_canvas img,#map_canvas object,.map_canvas object,#map_canvas embed,.map_canvas embed{max-width:none !important}hr{-moz-box-sizing:content-box;box-sizing:content-box;display:block;overflow:visible;height:1px;margin:1em 0;padding:0;border:0;border-top:1px solid #ccc}button,input,optgroup,select,textarea{margin:0;min-width:0;color:inherit;font-family:inherit;font-size:100%;line-height:1.15}label{display:block;line-height:normal}button,[type=button],[type=reset],[type=submit]{cursor:pointer;overflow:visible;text-transform:none;line-height:normal;-webkit-appearance:button;-webkit-backface-visibility:hidden}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}input{overflow:visible;line-height:normal}[disabled],input[disabled]{cursor:default}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}input::-webkit-calendar-picker-indicator{display:none}[type=date]::-webkit-input-placeholder{visibility:hidden !important}textarea{overflow:auto;vertical-align:top;resize:vertical;height:auto;min-height:50px}select{text-transform:none}optgroup{font-weight:bold}fieldset{border:0;margin:0;padding:0}legend{box-sizing:border-box;display:table;max-width:100%;padding:0;white-space:normal;color:inherit}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.hide{display:none !important;visibility:hidden !important}@media(max-width:782px){html[lang]{margin-top:0 !important}#wpadminbar{display:none}}@media(min-width:769px){[data-visible]:not([data-visible~=desktop]){display:none !important}}@media(min-width:481px)and (max-width:768px){[data-visible]:not([data-visible~=tablet]){display:none !important}}@media(max-width:480px){[data-visible]:not([data-visible~=mobile]){display:none !important}}[data-image-fit]{--fitHeight: 50%;position:relative;display:flex;overflow:hidden}[data-image-fit]::before{content:"";display:block;width:100%;height:0;padding-bottom:var(--fitHeight)}[data-image-fit] img{position:absolute;top:0;left:0;height:100%;width:100%;border-radius:0;object-fit:cover;object-position:center center}[data-image-fit="1:2"]{--fitHeight: 100%}[data-image-fit="4:3"]{--fitHeight: 75%}[data-image-fit="16:9"]{--fitHeight: 56.25%}[data-image-fit="2:1"]{--fitHeight: 50%}[data-image-fit="3:1"]{--fitHeight: 33.333%}[data-grid]{display:-ms-grid;display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));grid-column-gap:var(--gridGap);grid-row-gap:var(--gridGap);max-width:calc(var(--siteWidth) + var(--gridRim)*2);padding:0 var(--gridRim);margin:0 auto;width:100%}[data-grid] [data-grid]{padding:0}[data-column]{--grid: 12;--width: 100%;grid-column:span var(--grid)}[data-grid=centered]{display:block}[data-grid=centered] [data-column]{width:var(--width);margin-right:auto;margin-left:auto}[data-column^="1"]{--grid: 1;--width: 8.3333333333%}[data-column^="2"]{--grid: 2;--width: 16.6666666667%}[data-column^="3"]{--grid: 3;--width: 25%}[data-column^="4"]{--grid: 4;--width: 33.3333333333%}[data-column^="5"]{--grid: 5;--width: 41.6666666667%}[data-column^="6"]{--grid: 6;--width: 50%}[data-column^="7"]{--grid: 7;--width: 58.3333333333%}[data-column^="8"]{--grid: 8;--width: 66.6666666667%}[data-column^="9"]{--grid: 9;--width: 75%}[data-column^="10"]{--grid: 10;--width: 83.3333333333%}[data-column^="11"]{--grid: 11;--width: 91.6666666667%}[data-column^="12"]{--grid: 12;--width: 100%}@media(max-width:768px){[data-column]{--grid: 12;--width: 100%}[data-column$="-1"]{--grid: 1;--width: 8.3333333333%}[data-column$="-2"]{--grid: 2;--width: 16.6666666667%}[data-column$="-3"]{--grid: 3;--width: 25%}[data-column$="-4"]{--grid: 4;--width: 33.3333333333%}[data-column$="-5"]{--grid: 5;--width: 41.6666666667%}[data-column$="-6"]{--grid: 6;--width: 50%}[data-column$="-7"]{--grid: 7;--width: 58.3333333333%}[data-column$="-8"]{--grid: 8;--width: 66.6666666667%}[data-column$="-9"]{--grid: 9;--width: 75%}[data-column$="-10"]{--grid: 10;--width: 83.3333333333%}[data-column$="-11"]{--grid: 11;--width: 91.6666666667%}[data-column$="-12"]{--grid: 12;--width: 100%}}@media(min-width:481px)and (max-width:768px){[data-column*="-1-"]{--grid: 1;--width: 8.3333333333%}[data-column*="-2-"]{--grid: 2;--width: 16.6666666667%}[data-column*="-3-"]{--grid: 3;--width: 25%}[data-column*="-4-"]{--grid: 4;--width: 33.3333333333%}[data-column*="-5-"]{--grid: 5;--width: 41.6666666667%}[data-column*="-6-"]{--grid: 6;--width: 50%}[data-column*="-7-"]{--grid: 7;--width: 58.3333333333%}[data-column*="-8-"]{--grid: 8;--width: 66.6666666667%}[data-column*="-9-"]{--grid: 9;--width: 75%}[data-column*="-10-"]{--grid: 10;--width: 83.3333333333%}[data-column*="-11-"]{--grid: 11;--width: 91.6666666667%}[data-column*="-12-"]{--grid: 12;--width: 100%}}[data-tiles]{--tiles: 3;display:-ms-grid;display:grid;grid-template-columns:repeat(var(--tiles), minmax(0, 1fr));grid-column-gap:var(--tileGap);grid-row-gap:var(--tileGap);list-style-type:none}[data-tiles]>*{grid-column:span 1}[data-tiles^="1"]{--tiles: 1}[data-tiles^="2"]{--tiles: 2}[data-tiles^="3"]{--tiles: 3}[data-tiles^="4"]{--tiles: 4}[data-tiles^="5"]{--tiles: 5}[data-tiles^="6"]{--tiles: 6}[data-tiles^="7"]{--tiles: 7}[data-tiles^="8"]{--tiles: 8}[data-tiles^="9"]{--tiles: 9}[data-tiles^="10"]{--tiles: 10}@media(max-width:768px){[data-tiles]{--tiles: 1}[data-tiles$="-1"]{--tiles: 1}[data-tiles$="-2"]{--tiles: 2}[data-tiles$="-3"]{--tiles: 3}[data-tiles$="-4"]{--tiles: 4}[data-tiles$="-5"]{--tiles: 5}}@media(min-width:481px)and (max-width:768px){[data-tiles*="-1-"]{--tiles: 1}[data-tiles*="-2-"]{--tiles: 2}[data-tiles*="-3-"]{--tiles: 3}[data-tiles*="-4-"]{--tiles: 4}[data-tiles*="-5-"]{--tiles: 5}}[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:.5rem;border:2px solid rgbA(var(--textRGB), 0.1);border-radius:var(--gRadius);background-color:var(--inputBg, var(--textInvert));line-height:normal;color:var(--inputColor, var(--text));transition:var(--gTransition)}[type=text]::-webkit-input-placeholder,[type=number]::-webkit-input-placeholder,[type=tel]::-webkit-input-placeholder,[type=password]::-webkit-input-placeholder,[type=email]::-webkit-input-placeholder,[type=search]::-webkit-input-placeholder,[type=url]::-webkit-input-placeholder,[type=date]::-webkit-input-placeholder,[type=time]::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{color:var(--inputPlaceholder, var(--textDim))}[type=text]::-moz-placeholder,[type=number]::-moz-placeholder,[type=tel]::-moz-placeholder,[type=password]::-moz-placeholder,[type=email]::-moz-placeholder,[type=search]::-moz-placeholder,[type=url]::-moz-placeholder,[type=date]::-moz-placeholder,[type=time]::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{color:var(--inputPlaceholder, var(--textDim))}[type=text]:-ms-input-placeholder,[type=number]:-ms-input-placeholder,[type=tel]:-ms-input-placeholder,[type=password]:-ms-input-placeholder,[type=email]:-ms-input-placeholder,[type=search]:-ms-input-placeholder,[type=url]:-ms-input-placeholder,[type=date]:-ms-input-placeholder,[type=time]:-ms-input-placeholder,textarea:-ms-input-placeholder,select:-ms-input-placeholder{color:var(--inputPlaceholder, var(--textDim))}[type=text]:-moz-placeholder,[type=number]:-moz-placeholder,[type=tel]:-moz-placeholder,[type=password]:-moz-placeholder,[type=email]:-moz-placeholder,[type=search]:-moz-placeholder,[type=url]:-moz-placeholder,[type=date]:-moz-placeholder,[type=time]:-moz-placeholder,textarea:-moz-placeholder,select:-moz-placeholder{color:var(--inputPlaceholder, var(--textDim))}select{border-width:2px 2px 3px}[type=radio],[type=checkbox]{cursor:pointer;border:1px solid rgbA(0, 0, 0, 0.25);width:1rem;min-width:1rem;height:1rem;vertical-align:bottom;transition:var(--gTransition);-webkit-appearance:none;appearance:none}[type=radio]:hover,[type=checkbox]:hover{border-color:var(--color1)}[type=radio]:checked,[type=checkbox]:checked{border-color:var(--color1);box-shadow:inset 0 0 0 4.5px var(--color1)}[type=checkbox]{border-radius:var(--gRadius)}[type=radio]{border-radius:50%}@media(max-width:768px){.header,.subheader{display:none}}@media(min-width:769px){.header-mobile,.subheader-mobile{display:none}}.header,.header-mobile{position:sticky;top:var(--adminBarHeight);z-index:90;background-color:var(--siteBgColor);border-bottom:1px solid rgbA(var(--textRGB), 0.1);transition:var(--gTransition)}.header.is-stuck,.header-mobile.is-stuck{box-shadow:var(--shadow1)}.header-mobile{padding-top:.5rem;padding-bottom:.5rem}.subheader,.subheader-mobile{position:relative;z-index:100;padding-top:.25rem;padding-bottom:.25rem;background-color:var(--text);font-size:var(--sFontSize);color:var(--textInvert);transition:var(--gTransition)}.offcanvas{cursor:default;position:fixed;z-index:200;top:0;bottom:0;right:0;visibility:hidden;opacity:0;background:var(--text);width:420px;max-width:420px;color:var(--textInvert);box-shadow:var(--shadow3);transform:translateX(100%)}@media(max-width:480px){.offcanvas{width:320px;max-width:320px}}body.has-active-offcanvas{overflow-y:hidden;cursor:pointer;-webkit-tap-highlight-color:rgbA(255, 255, 255, 0)}body.has-active-offcanvas::before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:190;background-color:rgbA(var(--textRGB), 0.5);transition:var(--gTransition)}body.has-active-offcanvas .offcanvas{visibility:visible;opacity:1;transform:none;transition:var(--gTransition)}.offcanvas__inner-wrapper{display:flex;flex-direction:column;align-items:flex-start;overflow-y:auto;height:100%;max-height:100vh;padding:2.5rem 2rem;list-style-type:none;-webkit-overflow-scrolling:touch}@media(max-width:768px){.offcanvas__inner-wrapper{padding-right:1rem;padding-left:1rem}}.offcanvas>a[href="#menu"]{position:absolute;z-index:10;top:.5rem;right:1rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--gRadius);font-size:0;color:rgba(0,0,0,0)}.offcanvas>a[href="#menu"] path{fill:var(--textInvert)}.offcanvas>a[href="#menu"]:hover{background-color:rgbA(var(--textInvertRGB), 0.2)}.main-footer{background-color:var(--panelBg);margin-top:var(--groupSpacing)}.footer-widgets{display:flex;justify-content:center}@media(max-width:1120px){.footer-widgets{padding-left:var(--gridRim);padding-right:var(--gridRim)}}.footer-top{position:relative;background-color:var(--main);padding:2.5rem;border-radius:var(--gRadius);margin:0 auto;max-width:var(--siteWidth);color:var(--textInvert)}@media(max-width:1120px){.footer-top{padding:1.5rem;margin-right:1rem;margin-left:1rem}}@media(max-width:480px){.footer-top{margin-right:.5rem;margin:.5rem}}.footer-top::before,.footer-top::after{content:"";position:absolute;top:0;height:50%;width:calc(50vw - 50%);background-color:var(--siteBg)}.footer-top::before{left:0;transform:translateX(-100%)}.footer-top::after{right:0;transform:translateX(100%)}.footer-top .widgettitle{font-size:var(--h4Size)}.footer-top .textwidget{opacity:.75;font-size:var(--mFontSize)}@media(max-width:768px){.footer-top .textwidget{font-size:var(--fontSize)}}.footer-mid{padding-top:3rem;padding-bottom:3rem}.footer-mid .wp-block-social-links{--iconBg: #DADEE7;--iconColor: var(--text)}.footer-bottom{background-color:rgbA(var(--textRGB), 0.05);padding-top:.5rem;padding-bottom:.5rem;font-size:var(--sFontSize)}.footer-bottom .textwidget p{margin-bottom:0;opacity:.75t;text-align:center}.offcanvas .widget,.footer .widget{width:100%}header .widget+.widget{margin-left:1rem}footer .widget+.widget{margin-top:1.5rem}.offcanvas .widget+.widget{margin-top:2rem}.sidebar .widget+.widget{margin-top:var(--blockSpacing)}header .widgettitle{font-size:var(--h5Size)}footer .widgettitle{margin-bottom:.5rem;font-size:var(--h4Size)}.sidebar .widgettitle{margin-bottom:1rem;font-size:var(--h5Size)}.widget-row{width:100%;max-width:var(--siteWidth);margin:0 auto}header .widget-row{display:grid;grid-template-columns:var(--headerGridTemplate, auto)}@media(max-width:1120px){header .widget-row{padding:0 var(--gridRim)}}header[data-columns="2"] .widget-row{--headerGridTemplate: auto auto}header[data-columns="3"] .widget-row{--headerGridTemplate: 1fr auto 1fr}footer .widget-row{display:flex;column-gap:1rem;row-gap:1rem;max-width:var(--siteWidth)}@media(max-width:768px){footer .widget-row{flex-wrap:wrap}}.widget-column{display:flex;flex-wrap:wrap;align-items:center;padding:0;list-style-type:none}header .widget-column:last-child:not(:first-child){justify-content:flex-end}footer .widget-column{flex-direction:column;align-items:flex-start;width:var(--columnSize);padding:0 var(--footerGap)}footer .widget-column:not([style]){flex:1}@media(min-width:769px){footer .widget-column:last-child:not(:first-child){align-items:flex-end}}@media(max-width:768px){footer .widget-column{width:100%;justify-content:center}footer .widget-column+.widget-column{margin-top:var(--blockSpacing)}}.footer-top .widget-column,.footer-bottom .widget-column{justify-content:center}.widget_text{width:100%}.textwidget>*+*{margin-top:1rem}.textwidget path{fill:currentColor}.textwidget p,.textwidget ul,.textwidget ol{font-size:var(--textSize);color:var(--textColor)}.textwidget ul,.textwidget ol{padding-left:1rem}.textwidget a{text-decoration:underline}.widget_categories ul{display:flex;flex-wrap:wrap;list-style-type:none}.widget_categories li{margin-right:.5rem;margin-bottom:.5rem}.widget_categories a{display:inline-block;padding:.25rem .5rem;border:1px solid rgbA(0, 0, 0, 0.2);border-radius:var(--gRadius);text-transform:uppercase;transition:var(--gTransition)}.widget_categories a:hover{border-color:var(--color1);background-color:var(--color1Light)}.widget_categories a:active{transform:translateY(1px);transition:none}.widget_media_image{position:relative}.widget_media_image .widgettitle{position:absolute;z-index:1;bottom:1rem;left:1rem;margin-bottom:0;color:var(--textInvert)}.widget_media_image img{transition:var(--gTransition)}.widget_media_image a{display:block;overflow:hidden;border-radius:var(--gRadius);will-change:box-shadow,transform}.widget_media_image .widgettitle+a::before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background-color:rgbA(0, 0, 0, 0.3);border-radius:var(--gRadius)}.widget_media_image a:hover{box-shadow:var(--shadow1);transform:translateY(-2px)}.widget_media_image a:active{transition:none;transform:none}.wp-block-site-logo{display:flex;flex-direction:column}.wp-block-site-logo img{width:auto;height:var(--logoMaxHeight, 40px);transition:var(--gTransition);will-change:transform}.wp-block-site-logo:hover img{opacity:.75;transform:translateY(-2px)}.wp-block-site-logo span{font-size:var(--sFontSize);color:var(--text)}.footer-widgets .wp-block-site-logo{justify-content:flex-start;width:100%}.widget.widget_h_button{display:inline-block;width:auto}.widget.widget_h_button .wp-block-button{display:inline-flex}.widget.widget_h_button+.widget_h_button{margin-top:0;margin-left:1rem}.subheader .widget_h_buttons .wp-block-button{--textColor: var(--textInvert);font-size:var(--xsFontSize)}.subheader .widget_h_buttons .wp-block-button__link{padding:.25rem .5rem}.footer-top .widget_h_buttons .wp-block-button{--textColor: var(--color1);--bgColor: var(--textInvert)}.footer-top .widget_h_buttons .is-style-outline{--textColor: var(--textInvert)}.widget_h_recent_posts .wp-block-latest-posts{--postsFontSize: var(--fontSize)}.widget_h_recent_posts .wp-block-latest-posts .wp-block-latest-posts__featured-image{--postsImageWidth: 75px;margin-top:.375rem}.widget_h_recent_posts .wp-block-latest-posts a{text-decoration:none}.widget_h_recent_posts .wp-block-latest-posts a:hover{text-decoration:underline}footer .widget_nav_menu{width:100%}.search-form{display:flex}.search-form label{display:flex;flex:1}.search-field{padding-top:.25rem;padding-bottom:.25rem;border-radius:var(--gRadius) 0 0 var(--gRadius)}.sidebar .search-field{padding-top:.5rem;padding-bottom:.5rem}input.search-submit{display:flex;align-items:center;padding:.25em 1em;background:var(--color1) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSJ3aGl0ZSIgZD0iTTUwNSA0NDIuN0w0MDUuMyAzNDNjLTQuNS00LjUtMTAuNi03LTE3LTdIMzcyYzI3LjYtMzUuMyA0NC03OS43IDQ0LTEyOEM0MTYgOTMuMSAzMjIuOSAwIDIwOCAwUzAgOTMuMSAwIDIwOHM5My4xIDIwOCAyMDggMjA4YzQ4LjMgMCA5Mi43LTE2LjQgMTI4LTQ0djE2LjNjMCA2LjQgMi41IDEyLjUgNyAxN2w5OS43IDk5LjdjOS40IDkuNCAyNC42IDkuNCAzMy45IDBsMjguMy0yOC4zYzkuNC05LjQgOS40LTI0LjYuMS0zNHpNMjA4IDMzNmMtNzAuNyAwLTEyOC01Ny4yLTEyOC0xMjggMC03MC43IDU3LjItMTI4IDEyOC0xMjggNzAuNyAwIDEyOCA1Ny4yIDEyOCAxMjggMCA3MC43LTU3LjIgMTI4LTEyOCAxMjh6Ii8+PC9zdmc+) no-repeat center center;background-size:auto 65%;color:rgba(0,0,0,0);letter-spacing:-1em;border-radius:0 var(--gRadius) var(--gRadius) 0}input.search-submit:hover{color:rgba(0,0,0,0)}.sidebar input.search-submit{padding:.25em 1.25em;background-size:auto 50%}.widget_h_toggle a{--toggleColor: var(--text);display:flex;align-items:center;padding:.25rem .5rem;color:var(--toggleColor);border-radius:var(--gRadius)}.widget_h_toggle a:hover{--toggleColor: var(--color1);background-color:var(--color1Light)}.widget_h_toggle a svg{width:1rem;height:1rem;margin-right:.25rem}.widget_h_toggle a span{line-height:1;text-transform:uppercase}.widget_h_toggle a path,.widget_h_toggle a circle{fill:var(--toggleColor);transition:var(--gTransition)}header[data-columns="2"] .widget-column:nth-child(2) .widget_h_toggle a,header[data-columns="3"] .widget-column:nth-child(3) .widget_h_toggle a{flex-direction:row-reverse}header[data-columns="2"] .widget-column:nth-child(2) .widget_h_toggle a svg,header[data-columns="3"] .widget-column:nth-child(3) .widget_h_toggle a svg{margin-right:0;margin-left:.25rem}.widget_media_gallery .gallery{--columns: 3;display:grid;grid-template-columns:repeat(var(--columns), 1fr);column-gap:.5rem;row-gap:.5rem}.widget_media_gallery .gallery-columns-2{--columns: 2}.widget_media_gallery .gallery-columns-4{--columns: 4}.widget_media_gallery .gallery-columns-5{--columns: 5}.widget_media_gallery .gallery-item{grid-column:span 1}.widget_media_gallery img[alt*=http]{cursor:pointer;transition:var(--gTransition)}.widget_media_gallery img[alt*=http]:hover{opacity:.75}.widget_media_gallery img[alt*=http]:active{transform:translateY(1px);transition:none}.post-meta{--metaGap: 0.5rem;display:flex;flex-wrap:wrap;align-items:center;margin-top:1rem;color:var(--textDim);font-size:var(--sFontSize)}.post-meta>*{display:inline-block;margin-right:.75rem;margin-bottom:.25rem}.post-meta>*:last-child{margin-right:0}.post-meta a{display:inline-block;color:inherit;text-decoration:none}.post-meta a:hover{text-decoration:underline}.post-meta a:active{transition:none;transform:translateY(1px)}.post-meta i::before{content:"";display:inline-block;opacity:.5;background-image:var(--iconSVG);background-repeat:no-repeat;background-position:center center;background-size:contain;width:1rem;height:1rem;vertical-align:sub}.post-title .post-meta{padding-top:.5rem;padding-bottom:.5rem;border-top:1px solid rgbA(0, 0, 0, 0.2);border-bottom:2px solid rgbA(0, 0, 0, 0.2)}.post-archive .post-meta:last-child{margin-top:auto}.meta-date{--iconSVG: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNMTQ4IDI4OGgtNDBjLTYuNiAwLTEyLTUuNC0xMi0xMnYtNDBjMC02LjYgNS40LTEyIDEyLTEyaDQwYzYuNiAwIDEyIDUuNCAxMiAxMnY0MGMwIDYuNi01LjQgMTItMTIgMTJ6bTEwOC0xMnYtNDBjMC02LjYtNS40LTEyLTEyLTEyaC00MGMtNi42IDAtMTIgNS40LTEyIDEydjQwYzAgNi42IDUuNCAxMiAxMiAxMmg0MGM2LjYgMCAxMi01LjQgMTItMTJ6bTk2IDB2LTQwYzAtNi42LTUuNC0xMi0xMi0xMmgtNDBjLTYuNiAwLTEyIDUuNC0xMiAxMnY0MGMwIDYuNiA1LjQgMTIgMTIgMTJoNDBjNi42IDAgMTItNS40IDEyLTEyem0tOTYgOTZ2LTQwYzAtNi42LTUuNC0xMi0xMi0xMmgtNDBjLTYuNiAwLTEyIDUuNC0xMiAxMnY0MGMwIDYuNiA1LjQgMTIgMTIgMTJoNDBjNi42IDAgMTItNS40IDEyLTEyem0tOTYgMHYtNDBjMC02LjYtNS40LTEyLTEyLTEyaC00MGMtNi42IDAtMTIgNS40LTEyIDEydjQwYzAgNi42IDUuNCAxMiAxMiAxMmg0MGM2LjYgMCAxMi01LjQgMTItMTJ6bTE5MiAwdi00MGMwLTYuNi01LjQtMTItMTItMTJoLTQwYy02LjYgMC0xMiA1LjQtMTIgMTJ2NDBjMCA2LjYgNS40IDEyIDEyIDEyaDQwYzYuNiAwIDEyLTUuNCAxMi0xMnptOTYtMjYwdjM1MmMwIDI2LjUtMjEuNSA0OC00OCA0OEg0OGMtMjYuNSAwLTQ4LTIxLjUtNDgtNDhWMTEyYzAtMjYuNSAyMS41LTQ4IDQ4LTQ4aDQ4VjEyYzAtNi42IDUuNC0xMiAxMi0xMmg0MGM2LjYgMCAxMiA1LjQgMTIgMTJ2NTJoMTI4VjEyYzAtNi42IDUuNC0xMiAxMi0xMmg0MGM2LjYgMCAxMiA1LjQgMTIgMTJ2NTJoNDhjMjYuNSAwIDQ4IDIxLjUgNDggNDh6bS00OCAzNDZWMTYwSDQ4djI5OGMwIDMuMyAyLjcgNiA2IDZoMzQwYzMuMyAwIDYtMi43IDYtNnoiLz48L3N2Zz4=)}.meta-comments{--iconSVG: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48cGF0aCBkPSJNNDE2IDIyNFY2NGMwLTM1LjMtMjguNy02NC02NC02NEg2NEMyOC43IDAgMCAyOC43IDAgNjR2MTYwYzAgMzUuMyAyOC43IDY0IDY0IDY0djU0LjJjMCA4IDkuMSAxMi42IDE1LjUgNy44bDgyLjgtNjIuMUgzNTJjMzUuMy4xIDY0LTI4LjYgNjQtNjMuOXptOTYtNjRoLTY0djY0YzAgNTIuOS00My4xIDk2LTk2IDk2SDE5MnY2NGMwIDM1LjMgMjguNyA2NCA2NCA2NGgxMjUuN2w4Mi44IDYyLjFjNi40IDQuOCAxNS41LjIgMTUuNS03LjhWNDQ4aDMyYzM1LjMgMCA2NC0yOC43IDY0LTY0VjIyNGMwLTM1LjMtMjguNy02NC02NC02NHoiLz48L3N2Zz4=)}.meta-categories a,.meta-tags a{display:inline-block;padding:0 .375rem;background-color:var(--buttonBg);border-radius:var(--gRadius);color:var(--buttonColor);will-change:transform}.meta-categories a:hover,.meta-tags a:hover{transform:translateY(-2px);box-shadow:var(--shadow1)}.meta-categories a:active,.meta-tags a:active{transition:none;transform:none;box-shadow:var(--shadow0)}.meta-categories{--buttonBg: var(--color1Light);--buttonBgHover: var(--color1Light);--buttonColor: var(--text);--buttonColorHover: var(--text);margin-right:.25rem}.meta-categories a{text-transform:uppercase;letter-spacing:.025em}.meta-tags{--buttonBg: rgba(--text, .075);--buttonBgHover: rgba(--text, .15);--buttonColor: var(--textDim);--buttonColorHover: var(--text);--iconSVG: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNTEyIj48cGF0aCBkPSJNNDk3Ljk0MSAyMjUuOTQxTDI4Ni4wNTkgMTQuMDU5QTQ4IDQ4IDAgMCAwIDI1Mi4xMTggMEg0OEMyMS40OSAwIDAgMjEuNDkgMCA0OHYyMDQuMTE4YTQ4IDQ4IDAgMCAwIDE0LjA1OSAzMy45NDFsMjExLjg4MiAyMTEuODgyYzE4Ljc0NCAxOC43NDUgNDkuMTM2IDE4Ljc0NiA2Ny44ODIgMGwyMDQuMTE4LTIwNC4xMThjMTguNzQ1LTE4Ljc0NSAxOC43NDUtNDkuMTM3IDAtNjcuODgyek0xMTIgMTYwYy0yNi41MSAwLTQ4LTIxLjQ5LTQ4LTQ4czIxLjQ5LTQ4IDQ4LTQ4IDQ4IDIxLjQ5IDQ4IDQ4LTIxLjQ5IDQ4LTQ4IDQ4em01MTMuOTQxIDEzMy44MjNMNDIxLjgyMyA0OTcuOTQxYy0xOC43NDUgMTguNzQ1LTQ5LjEzNyAxOC43NDUtNjcuODgyIDBsLS4zNi0uMzZMNTI3LjY0IDMyMy41MjJjMTYuOTk5LTE2Ljk5OSAyNi4zNi0zOS42IDI2LjM2LTYzLjY0cy05LjM2Mi00Ni42NDEtMjYuMzYtNjMuNjRMMzMxLjM5NyAwaDQ4LjcyMWE0OCA0OCAwIDAgMSAzMy45NDEgMTQuMDU5bDIxMS44ODIgMjExLjg4MmMxOC43NDUgMTguNzQ1IDE4Ljc0NSA0OS4xMzcgMCA2Ny44ODJ6Ii8+PC9zdmc+)}.post-columns.wp-block-columns{--blogWidth: auto;column-gap:5rem}@media(max-width:1120px){.post-columns.wp-block-columns{column-gap:2.5rem}}@media(max-width:960px){.post-columns.wp-block-columns{column-gap:1rem}}@media(max-width:768px){.post-columns.wp-block-columns{column-gap:0}}.post-author{padding-top:2rem;padding-bottom:2rem;border-top:1px solid rgbA(var(--textRGB), 0.1);border-bottom:1px solid rgbA(var(--textRGB), 0.1)}body.archive .post-author{background-color:rgba(0,0,0,0);margin-bottom:2rem;box-shadow:none}.post-author a:active{transition:none;transform:translateY(1px)}@media(min-width:481px){.post-author{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-column-gap:1.5rem;grid-row-gap:.5rem}}.author-avatar{grid-row:span 2}.author-avatar img{border-radius:50%;background-color:var(--siteBgColor);height:4em;width:4em;box-shadow:var(--shadow1)}@media(max-width:480px){.author-avatar{float:right}}.author-bio{grid-column:2/span 1;font-size:var(--sFontSize)}.author-bio *+*{margin-top:.5rem}.author-bio a{display:inline-block;color:inherit;text-decoration:none}.author-bio a:hover{color:inherit;text-decoration:underline}.author-bio label{margin-bottom:-0.5rem;color:var(--textDim)}.author-links{--linkColor: var(--textDim);display:flex;flex-wrap:wrap;grid-column:2/span 1;margin:.5rem -0.5rem 0;font-size:var(--sFontSize)}.author-links a{display:flex;align-items:center;padding:0 .5rem}.author-links a:hover{--linkColor: var(--color1)}.author-links svg{width:1rem;margin-right:.25rem}.author-links path{fill:var(--linkColor);transition:var(--gTransition)}.post-nav{display:flex;column-gap:2rem}.post-nav img{transition:var(--gTransition)}.post-nav a{display:flex;flex:1;align-items:center;padding:.5rem 0;max-width:50%;text-decoration:none;color:var(--text)}.post-nav a:hover{opacity:.9;color:var(--text);transform:translateY(-2px)}.post-nav a:hover img{box-shadow:var(--shadow1)}.post-nav a:active{transition:none;transform:translateY(1px)}.post-nav img{width:70px;height:70px;margin-right:.5rem;background-color:var(--textDim);border-radius:50%}.post-nav p{flex:1;font-weight:var(--hFontWeight);font-family:var(--hFontFamily);line-height:1.25}.post-nav em{display:block;margin-bottom:.25rem;text-transform:uppercase;font-family:var(--fontFamily);font-size:var(--xsmallFontSize);font-style:normal;font-weight:400}@media(max-width:480px){.post-nav{flex-wrap:wrap}.post-nav a{flex:auto;width:100%;max-width:100%}}.post-nav a[rel=next]{flex-direction:row-reverse;text-align:right}.post-nav a[rel=next] img{margin-right:0;margin-left:.5rem}.related-posts{box-shadow:var(--shadowThin)}.pagination{display:flex;justify-content:center;margin-top:var(--groupSpacing);margin-bottom:var(--groupSpacing);color:var(--text);font-size:var(--sFontSize)}.pagination a,.pagination select{display:flex;align-items:center;cursor:pointer;background-color:rgba(0,0,0,0);border:2px solid var(--text);border-radius:0;width:auto;color:var(--text);-webkit-appearance:none;appearance:none;will-change:transform}.pagination a:hover,.pagination select:hover{background-color:rgbA(var(--textRGB), 0.1);transform:translateY(-1px);box-shadow:var(--shadow1)}.pagination a:active,.pagination select:active{transition:none;transform:none;box-shadow:var(--shadow0)}.pagination select{padding-right:1rem;padding-left:1rem;font-weight:var(--hFontWeight);text-transform:uppercase}.pagination a{padding-right:.25rem;padding-left:.25rem}.pagination a:nth-of-type(1){border-right:0;border-top-left-radius:var(--gRadius);border-bottom-left-radius:var(--gRadius)}.pagination a:nth-of-type(2){border-left:0;border-top-right-radius:var(--gRadius);border-bottom-right-radius:var(--gRadius)}.pagination svg{height:1rem}.pagination path{fill:var(--text)}.pagination a:not([href]){visibility:hidden;opacity:0}.sidebar{order:1;padding-bottom:var(--groupSpacing)}@media(max-width:768px){.sidebar{order:1;grid-column:span 12;grid-template-columns:repeat(2, minmax(0, 1fr));padding-top:0;padding-left:0;margin-bottom:2rem}}@media(max-width:480px){.sidebar{grid-template-columns:auto}}.sidebar-inner{position:sticky;top:5rem;display:grid;grid-template-columns:minmax(0, 1fr);grid-row-gap:1rem;grid-column-gap:1rem}@media(min-width:481px)and (max-width:768px){.sidebar-inner{grid-template-columns:repeat(2, minmax(0, 1fr))}}.menu-item:not([href]){cursor:default}.header .menu{display:flex;flex-wrap:wrap;list-style-type:none;transition:var(--gTransition)}.header .menu-item{position:relative}.header .menu-item>a{position:relative;display:flex;align-items:center;padding:2rem .75rem;height:100%;line-height:1;font-weight:var(--hFontWeight);color:inherit}.header .menu-item>a::before{content:"";display:block;visibility:hidden;opacity:0;transition:var(--gTransition);position:absolute;bottom:0;left:10px;right:10px;height:4px;background-color:var(--text)}.header .menu-item:hover>a::before{visibility:visible;opacity:1}.header .current-menu-item>a::before,.header .current-page-ancestor>a::before,.header .current-menu-ancestor>a::before,.header .current-menu-parent>a::before,.header .current_page_parent>a::before{visibility:visible;opacity:1}.header-mobile .menu{display:none}.subheader .menu{display:flex;list-style-type:none;padding:0}.subheader .menu-item{position:relative}.subheader .menu-item>a{display:flex;align-items:center;padding:.25rem .5rem;border-radius:var(--gRadius);line-height:1;font-weight:var(--hFontWeight);color:inherit}.subheader .menu-item>a:hover{background-color:rgbA(var(--textInvertRGB), 0.2)}.subheader .menu-item-has-children>a::after{filter:invert(1)}.subheader .submenu{color:var(--text)}.subheader-mobile .menu{display:none}.header-widgets .menu-item-has-children>a::after{content:"";display:inline-block;margin-left:.5rem;width:.75rem;height:.75rem;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNMjA3LjAyOSAzODEuNDc2TDEyLjY4NiAxODcuMTMyYy05LjM3My05LjM3My05LjM3My0yNC41NjkgMC0zMy45NDFsMjIuNjY3LTIyLjY2N2M5LjM1Ny05LjM1NyAyNC41MjItOS4zNzUgMzMuOTAxLS4wNEwyMjQgMjg0LjUwNWwxNTQuNzQ1LTE1NC4wMjFjOS4zNzktOS4zMzUgMjQuNTQ0LTkuMzE3IDMzLjkwMS4wNGwyMi42NjcgMjIuNjY3YzkuMzczIDkuMzczIDkuMzczIDI0LjU2OSAwIDMzLjk0MUwyNDAuOTcxIDM4MS40NzZjLTkuMzczIDkuMzcyLTI0LjU2OSA5LjM3Mi0zMy45NDIgMHoiLz48L3N2Zz4=) no-repeat center center;background-size:100% auto;opacity:.75}.header-widgets .submenu-item.menu-item-has-children>a::after{position:absolute;top:50%;right:.25rem;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48cGF0aCBkPSJNMjg1LjQ3NiAyNzIuOTcxTDkxLjEzMiA0NjcuMzE0Yy05LjM3MyA5LjM3My0yNC41NjkgOS4zNzMtMzMuOTQxIDBsLTIyLjY2Ny0yMi42NjdjLTkuMzU3LTkuMzU3LTkuMzc1LTI0LjUyMi0uMDQtMzMuOTAxTDE4OC41MDUgMjU2IDM0LjQ4NCAxMDEuMjU1Yy05LjMzNS05LjM3OS05LjMxNy0yNC41NDQuMDQtMzMuOTAxbDIyLjY2Ny0yMi42NjdjOS4zNzMtOS4zNzMgMjQuNTY5LTkuMzczIDMzLjk0MSAwTDI4NS40NzUgMjM5LjAzYzkuMzczIDkuMzcyIDkuMzczIDI0LjU2OC4wMDEgMzMuOTQxeiIvPjwvc3ZnPg==);background-size:auto 100%;margin:0;transform:translateY(-50%)}.header-widgets .submenu{visibility:hidden;opacity:0;background-color:var(--textInvert);width:220px;padding:.5rem;border-radius:var(--gRadius);list-style-type:none;box-shadow:var(--shadow1)}.header-widgets .submenu-depth-1{position:absolute;z-index:10;top:100%;left:50%;transform:translateX(-50%)}.header-widgets .submenu-depth-2{position:absolute;top:0;right:0;left:auto;transform:translateX(100%)}.header-widgets .menu-item:hover .submenu-depth-1,.header-widgets .submenu-item:hover .submenu-depth-2{visibility:visible;opacity:1;transition:var(--gTransition)}.header-widgets .menu-item:focus-within .submenu-depth-1,.header-widgets .submenu-item:focus-within .submenu-depth-2{visibility:visible;opacity:1;transition:var(--gTransition)}.header-widgets .submenu-item{position:relative}.header-widgets .submenu-item>a{display:flex;flex-direction:column;padding:.375rem .5rem;border-radius:var(--gRadius);font-weight:600}.header-widgets .submenu-item>a:hover{background-color:var(--bgHover, rgbA(var(--textRGB), 0.1))}.header-widgets .submenu-item>a:active{transition:none;transform:translateY(1px)}.offcanvas .menu{display:flex;flex-direction:column;flex-wrap:wrap;list-style-type:none;transition:var(--gTransition)}.offcanvas .menu-item{margin-bottom:.5rem}.offcanvas .menu-item>a{display:flex;align-items:center;padding:.5rem .75rem;border-radius:var(--gRadius);line-height:1;font-weight:var(--hFontWeight);letter-spacing:.025em;color:inherit;font-size:var(--lFontSize)}.offcanvas .menu-item>a:hover{background-color:rgbA(var(--textInvertRGB), 0.1);opacity:.75}.offcanvas .current-menu-item>a,.offcanvas .current-page-ancestor>a,.offcanvas .current-menu-ancestor>a,.offcanvas .current-menu-parent>a,.offcanvas .current_page_parent>a{background-color:rgbA(var(--textInvertRGB), 0.1);color:var(--textInvert);opacity:1}.offcanvas .menu-item-has-children>a::after{content:"";display:inline-block;opacity:.75;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNMjA3LjAyOSAzODEuNDc2TDEyLjY4NiAxODcuMTMyYy05LjM3My05LjM3My05LjM3My0yNC41NjkgMC0zMy45NDFsMjIuNjY3LTIyLjY2N2M5LjM1Ny05LjM1NyAyNC41MjItOS4zNzUgMzMuOTAxLS4wNEwyMjQgMjg0LjUwNWwxNTQuNzQ1LTE1NC4wMjFjOS4zNzktOS4zMzUgMjQuNTQ0LTkuMzE3IDMzLjkwMS4wNGwyMi42NjcgMjIuNjY3YzkuMzczIDkuMzczIDkuMzczIDI0LjU2OSAwIDMzLjk0MUwyNDAuOTcxIDM4MS40NzZjLTkuMzczIDkuMzcyLTI0LjU2OSA5LjM3Mi0zMy45NDIgMHoiLz48L3N2Zz4=) no-repeat center center;background-size:100% auto;filter:invert(1);transition:var(--gTransition);margin-left:auto;width:.75rem;height:.75rem}.offcanvas .menu-item:not.menu-item-has-children>a::after{display:none}.offcanvas .submenu-item-is-active>a::after{transform:rotate(180deg)}.offcanvas .submenu{border-left:1px solid rgbA(var(--textInvertRGB), 0.1);margin-left:.75rem;list-style-type:none}.offcanvas .submenu-depth-2{display:none}.offcanvas .submenu-item-is-active .submenu-depth-2{display:block}.offcanvas .submenu-item{position:relative}.offcanvas .submenu-item>a{display:flex;align-items:center;padding:.375rem .5rem;margin-left:.25rem;border-radius:var(--gRadius)}.offcanvas .submenu-item>a:hover{background-color:var(--bgHover, rgbA(var(--textInvertRGB), 0.1))}.footer-widgets .menu{display:flex;flex-wrap:wrap;column-gap:1rem;row-gap:1rem;list-style-type:none}.footer-widgets .menu-item{width:calc(25% - .75rem)}@media(max-width:960px){.footer-widgets .menu-item{width:calc(50% - .5rem)}}@media(max-width:480px){.footer-widgets .menu-item{width:100%}}.footer-widgets .menu-item>a{display:flex;align-items:center;background-color:rgba(0,0,0,0);padding:.5rem;border-radius:var(--gRadius);font-size:var(--mFontSize);font-weight:var(--hFontWeight);color:inherit}.footer-widgets .submenu-item>a{display:block;padding:.375rem .5rem;border-radius:var(--gRadius)}.footer-widgets .menu-item>a:hover,.footer-widgets .submenu-item>a:hover{background-color:rgbA(var(--textRGB), 0.1);box-shadow:var(--shadow0)}.footer-widgets .menu-item>a:active,.footer-widgets .submenu-item>a:active{transform:translateY(1px);transition:none}.footer-widgets .current-menu-item>a,.footer-widgets .current-page-ancestor>a,.footer-widgets .current-menu-ancestor>a,.footer-widgets .current-menu-parent>a,.footer-widgets .current_page_parent>a{background-color:rgbA(var(--textInvertRGB), 0.1);color:inherit}.footer-widgets .submenu{list-style-type:none}.footer-widgets .submenu-depth-2{display:none}@media(max-width:480px){.footer-widgets .menu-item-has-children>a::after{content:"";display:inline-block;opacity:.75;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNMjA3LjAyOSAzODEuNDc2TDEyLjY4NiAxODcuMTMyYy05LjM3My05LjM3My05LjM3My0yNC41NjkgMC0zMy45NDFsMjIuNjY3LTIyLjY2N2M5LjM1Ny05LjM1NyAyNC41MjItOS4zNzUgMzMuOTAxLS4wNEwyMjQgMjg0LjUwNWwxNTQuNzQ1LTE1NC4wMjFjOS4zNzktOS4zMzUgMjQuNTQ0LTkuMzE3IDMzLjkwMS4wNGwyMi42NjcgMjIuNjY3YzkuMzczIDkuMzczIDkuMzczIDI0LjU2OSAwIDMzLjk0MUwyNDAuOTcxIDM4MS40NzZjLTkuMzczIDkuMzcyLTI0LjU2OSA5LjM3Mi0zMy45NDIgMHoiLz48L3N2Zz4=) no-repeat center center;background-size:100% auto;transition:var(--gTransition);margin-left:auto;width:.75rem;height:.75rem}.footer-widgets .menu-item-is-active>a::after{transform:rotate(180deg)}.footer-widgets .menu-item:not(.menu-item-is-active) .submenu{display:none}}.menu-item.menu-item-has-icon img{margin-right:.25rem;max-width:28px}.header .menu-item.menu-item-has-icon img,.subheader .menu-item.menu-item-has-icon img{display:none}.submenu-item.menu-item-has-icon>a{display:grid;grid-template-columns:28px 1fr;column-gap:.5rem;align-items:flex-start}.submenu-item.menu-item-has-icon img{grid-row:span 2;height:auto}.offcanvas .submenu-item.menu-item-has-icon dt{font-weight:var(--fontWeight)}.offcanvas .submenu-item.menu-item-has-icon dd{display:none}.submenu-item dd{font-weight:var(--fontWeight);font-size:var(--sFontSize);opacity:.75}.submenu-item.menu-item-has-image{--bgHover: transparent;font-size:var(--xsFontSize);margin-bottom:.5rem}.submenu-item.menu-item-has-image>a{flex-direction:column;align-items:flex-start;padding-top:0;padding-bottom:0;margin:0;pointer-events:none}.submenu-item.menu-item-has-image img{margin-bottom:.5rem;width:auto;transition:var(--gTransition)}.menu-item-empty-title>a{color:rgba(0,0,0,0)}.offcanvas .menu-item-empty-title>a{display:none}.menu-item-has-shortcode>a:nth-child(1),.menu-item-has-shortcode>a:nth-child(3){display:none}.header-widgets .h-mega-menu .submenu-item.menu-item-has-children>a::after{display:none}.header-widgets .h-mega-menu:hover .submenu{visibility:visible;opacity:1;transition:var(--gTransition)}.header-widgets .h-mega-menu:focus-within .submenu{visibility:visible;opacity:1;transition:var(--gTransition)}.header-widgets .h-mega-menu-2-columns{--width: calc(var(--siteWidth) / 2);--columns: 2}@media(max-width:1120px){.header-widgets .h-mega-menu-2-columns{--width: 50vw}}.header-widgets .h-mega-menu-3-columns{--width: calc(var(--siteWidth) * 3 / 4);--columns: 3}@media(max-width:1120px){.header-widgets .h-mega-menu-3-columns{--width: 75vw}}.header-widgets .h-mega-menu-4-columns{--width: var(--siteWidth);--columns: 4;position:static}@media(max-width:1120px){.header-widgets .h-mega-menu-4-columns{--width: 100%}}.header-widgets .h-mega-menu .submenu-depth-1{display:flex;flex-wrap:wrap;overflow-y:auto;padding:0;width:var(--width);max-height:calc(100vh - var(--headingHeight, 80px))}.header-widgets .h-mega-menu .submenu-depth-2{position:static;padding:0;width:100%;background-color:rgba(0,0,0,0);box-shadow:none;transform:none}.header-widgets .h-mega-menu__column{flex-grow:1;width:calc(100%/var(--columns, 2));padding:.75rem;border-radius:0}.header-widgets .h-mega-menu__column>a{opacity:.75;letter-spacing:.05em;text-transform:uppercase;font-size:var(--xsFontSize);pointer-events:none}.header-widgets .h-mega-menu__column>a>dd{display:none}.header-widgets .widget-column:nth-child(1) .h-mega-menu-2-columns .submenu-depth-1,.header-widgets .widget-column:nth-child(1) .h-mega-menu-3-columns .submenu-depth-1{right:auto;left:0;transform:none}.header-widgets .widget-column:last-child:not(:first-child) .h-mega-menu-2-columns .submenu-depth-1,.header-widgets .widget-column:last-child:not(:first-child) .h-mega-menu-3-columns .submenu-depth-1{right:0;left:auto;transform:none}.offcanvas .h-mega-menu__column{opacity:.75;letter-spacing:.05em;text-transform:uppercase;font-size:var(--xsFontSize);pointer-events:none}.offcanvas .h-mega-menu:not(.h-mega-menu-is-active) .submenu-depth-1{display:none}.offcanvas .h-mega-menu>a::after{display:inline-block}.offcanvas .h-mega-menu-is-active>a::after{transform:rotate(180deg)}.offcanvas .h-mega-menu .submenu-depth-2{display:block}.offcanvas .h-mega-menu .menu-item-has-children>a::after{display:none}.h-mega-menu .menu-item-has-background{background-color:var(--bgColor, transparent);padding:.5rem;color:var(--textColor, inherit)}.offcanvas .h-mega-menu .menu-item-has-background .submenu-depth-2,.offcanvas .h-mega-menu .menu-item-has-background .submenu-depth-2 a{margin:0}.h-mega-menu .menu-item-has-background.menu-background-lighter,.h-mega-menu .menu-item-has-background.menu-background-darker,.h-mega-menu .menu-item-has-background.menu-background-white{--textColor: var(--text);--bgHover: rgba(0,0,0,.1)}.h-mega-menu .menu-item-has-background.menu-background-black,.h-mega-menu .menu-item-has-background.menu-background-main,.h-mega-menu .menu-item-has-background.menu-background-sub{--textColor: var(--textInvert);--bgHover: rgba(255,255,255,.2)}.h-mega-menu .menu-item-has-background.menu-background-lighter{--bgColor: rgba(255,255,255,.1)}.h-mega-menu .menu-item-has-background.menu-background-darker{--bgColor: rgba(0,0,0,.05)}.h-mega-menu .menu-item-has-background.menu-background-black{--bgColor: black}.h-mega-menu .menu-item-has-background.menu-background-white{--bgColor: white}.h-mega-menu .menu-item-has-background.menu-background-main{--bgColor: var(--color1)}.h-mega-menu .menu-item-has-background.menu-background-sub{--bgColor: var(--color2)}#main-container{background-color:var(--siteBg)}body.h-is-dark{filter:invert(100%) hue-rotate(180deg)}body.h-is-dark img{filter:invert(100%) hue-rotate(180deg) brightness(1.2)}body.h-is-dark .wp-block-site-logo img{filter:none}.h-dark-toggle{cursor:pointer;display:flex;align-items:center;row-gap:.25rem;column-gap:.25rem}.h-dark-toggle span{text-transform:uppercase;font-size:var(--xsFontSize);font-weight:var(--hFontWeight)}.h-dark-toggle input[type=checkbox]{display:none}.h-dark-toggle__switch{--width: 44px;--height: 24px;--padding: 4px;display:block;overflow:hidden;position:relative;background-color:var(--text);width:var(--width);height:var(--height);border:1px solid var(--textInvert);border-radius:1rem}.h-dark-toggle__switch:focus{box-shadow:0 0 0 2px var(--color1)}.h-dark-toggle__switch::before{content:"";position:absolute;z-index:3;display:inline-block;background-color:var(--textInvert);width:calc(var(--height) - var(--padding) - var(--padding));height:calc(var(--height) - var(--padding) - var(--padding));top:50%;left:var(--padding);border-radius:50%;transform:translateY(-50%);transition:var(--gTransition)}input:checked+.h-dark-toggle__switch::before{transform:translateY(-50%) translateX(calc(var(--width) / 2 - var(--padding) / 2))}.h-dark-toggle__switch::after{content:"";position:absolute;top:50%;left:0;z-index:2;display:inline-block;background-color:var(--text);transition:var(--gTransition);transform:translateY(-50%);width:1px;height:1px;border-radius:50%}body.h-is-dark .h-dark-toggle__switch::after{z-index:4;width:calc(var(--width)*.7);height:calc(var(--width)*.7)} diff --git a/dist/app.js b/dist/app.js index 2a0c784..8ea3c53 100644 --- a/dist/app.js +++ b/dist/app.js @@ -1,112 +1 @@ -/******/ (function(modules) { // webpackBootstrap -/******/ // The module cache -/******/ var installedModules = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ -/******/ // Check if module is in cache -/******/ if(installedModules[moduleId]) { -/******/ return installedModules[moduleId].exports; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = installedModules[moduleId] = { -/******/ i: moduleId, -/******/ l: false, -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); -/******/ -/******/ // Flag the module as loaded -/******/ module.l = true; -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/******/ -/******/ // expose the modules object (__webpack_modules__) -/******/ __webpack_require__.m = modules; -/******/ -/******/ // expose the module cache -/******/ __webpack_require__.c = installedModules; -/******/ -/******/ // define getter function for harmony exports -/******/ __webpack_require__.d = function(exports, name, getter) { -/******/ if(!__webpack_require__.o(exports, name)) { -/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); -/******/ } -/******/ }; -/******/ -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ -/******/ // create a fake namespace object -/******/ // mode & 1: value is a module id, require it -/******/ // mode & 2: merge all properties of value into the ns -/******/ // mode & 4: return value when already ns object -/******/ // mode & 8|1: behave like require -/******/ __webpack_require__.t = function(value, mode) { -/******/ if(mode & 1) value = __webpack_require__(value); -/******/ if(mode & 8) return value; -/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; -/******/ var ns = Object.create(null); -/******/ __webpack_require__.r(ns); -/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); -/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); -/******/ return ns; -/******/ }; -/******/ -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function getDefault() { return module['default']; } : -/******/ function getModuleExports() { return module; }; -/******/ __webpack_require__.d(getter, 'a', getter); -/******/ return getter; -/******/ }; -/******/ -/******/ // Object.prototype.hasOwnProperty.call -/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; -/******/ -/******/ // __webpack_public_path__ -/******/ __webpack_require__.p = ""; -/******/ -/******/ -/******/ // Load entry module and return exports -/******/ return __webpack_require__(__webpack_require__.s = "./assets/js/app.js"); -/******/ }) -/************************************************************************/ -/******/ ({ - -/***/ "./assets/js/app.js": -/*!**************************!*\ - !*** ./assets/js/app.js ***! - \**************************/ -/*! no exports provided */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _sass_app_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../sass/app.sass */ \"./assets/sass/app.sass\");\n/* harmony import */ var _sass_app_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_sass_app_sass__WEBPACK_IMPORTED_MODULE_0__);\n\r\n\r\n// GENERAL LISTENERS\r\nconst myApp = {\r\n init() {\r\n // do something\r\n },\r\n};\r\n\r\n// HEADER\r\nconst myHeader = {\r\n init() {\r\n this.stickyRow();\r\n\r\n // toggle offcanvas menu\r\n const $menuLinks = document.querySelectorAll('[href=\"#menu\"]');\r\n [...$menuLinks].forEach(($link) => {\r\n $link.addEventListener('click', this.toggleOffcanvas);\r\n });\r\n\r\n // close off canvas\r\n document.addEventListener('click', this.closeOffcanvas);\r\n const $offcanvas = document.querySelector('.offcanvas');\r\n if ($offcanvas) {\r\n $offcanvas.addEventListener('click', this.preventClose);\r\n }\r\n },\r\n\r\n /**\r\n * Add extra class to Sticky header when it's on sticky state\r\n */\r\n stickyRow() {\r\n if (!(CSS.supports && CSS.supports('position', 'sticky'))) { return; }\r\n\r\n const target = '.header';\r\n const $elems = [].slice.call(document.querySelectorAll(target));\r\n\r\n // Initial check if already sticky\r\n $elems.forEach(this.checkStickyState);\r\n\r\n window.addEventListener('scroll', () => {\r\n $elems.forEach(this.checkStickyState);\r\n });\r\n },\r\n\r\n /**\r\n * Open or close the offcanvas menu\r\n */\r\n toggleOffcanvas(e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n document.querySelector('body').classList.toggle('has-active-offcanvas');\r\n },\r\n\r\n /**\r\n * Close offcanvas when clicking outside it\r\n */\r\n closeOffcanvas() {\r\n document.querySelector('body').classList.remove('has-active-offcanvas');\r\n },\r\n\r\n preventClose(e) {\r\n e.stopPropagation();\r\n },\r\n\r\n /**\r\n * Check if an element is in Sticky state or not\r\n * @param {*} $elem\r\n */\r\n checkStickyState($elem) {\r\n const currentOffset = $elem.getBoundingClientRect().top;\r\n const stickyOffset = parseInt(getComputedStyle($elem).top.replace('px', ''), 10);\r\n const isStuck = currentOffset <= stickyOffset;\r\n\r\n if (isStuck) {\r\n $elem.classList.add('is-stuck');\r\n } else {\r\n $elem.classList.remove('is-stuck');\r\n }\r\n },\r\n};\r\n\r\nfunction onReady() {\r\n myApp.init();\r\n myHeader.init();\r\n}\r\n\r\nfunction onLoad() {\r\n // script that runs when everything is loaded\r\n}\r\n\r\ndocument.addEventListener('DOMContentLoaded', onReady);\r\nwindow.addEventListener('load', onLoad);\r\n\n\n//# sourceURL=webpack:///./assets/js/app.js?"); - -/***/ }), - -/***/ "./assets/sass/app.sass": -/*!******************************!*\ - !*** ./assets/sass/app.sass ***! - \******************************/ -/*! no static exports found */ -/***/ (function(module, exports, __webpack_require__) { - -eval("// extracted by mini-css-extract-plugin\n\n//# sourceURL=webpack:///./assets/sass/app.sass?"); - -/***/ }) - -/******/ }); \ No newline at end of file +!function(e){var t={};function n(c){if(t[c])return t[c].exports;var o=t[c]={i:c,l:!1,exports:{}};return e[c].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,c){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:c})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var c=Object.create(null);if(n.r(c),Object.defineProperty(c,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(c,o,function(t){return e[t]}.bind(null,o));return c},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){"use strict";n.r(t);n(1);const c={init(){}},o={init(){this.stickyRow(),this.toggleOffcanvas(),this.closeOffcanvas(),this.preventCloseOffcanvas(),this.offcanvasMegaMenu(),this.offcanvasDepth2(),this.footerDepth1()},stickyRow(){if(!CSS.supports||!CSS.supports("position","sticky"))return;const e=[].slice.call(document.querySelectorAll(".header, .header-mobile"));e.forEach(this.checkStickyState),window.addEventListener("scroll",()=>{e.forEach(this.checkStickyState)})},toggleOffcanvas(){document.querySelectorAll('[href="#menu"]').forEach(e=>{e.addEventListener("click",e=>{e.preventDefault(),e.stopPropagation(),document.querySelector("body").classList.toggle("has-active-offcanvas")})})},closeOffcanvas(){document.addEventListener("click",()=>{document.querySelector("body").classList.remove("has-active-offcanvas")})},preventCloseOffcanvas(){const e=document.querySelector(".offcanvas");e&&e.addEventListener("click",e=>{e.stopPropagation()})},offcanvasMegaMenu(){document.querySelectorAll(".offcanvas .mega-menu.menu-item-has-children a").forEach(e=>{e.addEventListener("click",e=>{e.preventDefault();e.currentTarget.closest(".mega-menu").classList.toggle("mega-menu-is-active")})})},offcanvasDepth2(){document.querySelectorAll(".offcanvas .menu-item:not(.mega-menu) .submenu-item.menu-item-has-children > a").forEach(e=>{e.addEventListener("click",e=>{e.preventDefault();e.currentTarget.closest(".submenu-item").classList.toggle("submenu-item-is-active")})})},footerDepth1(){document.querySelectorAll(".footer-widgets .menu-item-has-children > a").forEach(e=>{e.addEventListener("click",e=>{if(e.preventDefault(),window.width>480)return;e.currentTarget.closest(".menu-item").classList.toggle("menu-item-is-active")})})},checkStickyState(e){e.getBoundingClientRect().top<=parseInt(getComputedStyle(e).top.replace("px",""),10)?e.classList.add("is-stuck"):e.classList.remove("is-stuck")}},r={init(){this.clickListener(),this.tabindexListener()},clickListener(){const e=document.querySelectorAll('.h-dark-toggle input[type="checkbox"]');e.length<=0||e.forEach(e=>{e.addEventListener("change",e=>{this.toggle(e.currentTarget.checked)})})},tabindexListener(){document.querySelectorAll(".h-dark-toggle__switch").forEach(e=>{e.addEventListener("keyup",e=>{if("Enter"===e.key||13===e.keyCode){const t=e.currentTarget.closest(".h-dark-toggle").querySelector('input[type="checkbox"]');t.checked=!t.checked,this.toggle(t.checked)}})})},toggle(e){document.querySelector("body").classList.toggle("h-is-dark",e),localStorage.setItem("hDarkMode",e)}};document.addEventListener("DOMContentLoaded",(function(){c.init(),o.init(),r.init()})),window.addEventListener("load",(function(){}))},function(e,t,n){}]); \ No newline at end of file diff --git a/dist/gutenberg.asset.php b/dist/gutenberg.asset.php index c14dd31..44cf8d5 100644 --- a/dist/gutenberg.asset.php +++ b/dist/gutenberg.asset.php @@ -1 +1 @@ - array('wp-polyfill'), 'version' => 'faeabbfb05d8fd871c836853dbb91271'); \ No newline at end of file + array('wp-polyfill'), 'version' => 'd08ba284a870ac9488c2eddb78879186'); \ No newline at end of file diff --git a/dist/gutenberg.css b/dist/gutenberg.css index ec3abb9..fe7b0f5 100644 --- a/dist/gutenberg.css +++ b/dist/gutenberg.css @@ -1,1658 +1 @@ -@charset "UTF-8"; -.wp-block-embed figcaption, .wp-block-video figcaption, .wp-block-audio figcaption, .wp-block-image figcaption, .wp-block-table figcaption { - display: inline-block; - padding: 0.5rem; - margin-right: auto; - margin-left: auto; - border-bottom: 1px solid var(--textDim); - font-size: var(--sFontSize); -} - -[class*=-background-color] { - background-color: var(--bgColor); -} - -.has-text-color, -.has-inline-color { - color: var(--textColor, var(--text)); -} - -main { - letter-spacing: calc(0.01 * var(--fontSize)); - overflow-wrap: break-word; -} -main > *:first-child:not(.alignfull) { - padding-top: var(--blockSpacing); -} -body.single-post main > *:first-child:not(.alignfull) { - padding-top: 0; -} -main > *:last-child:not(.alignfull) { - margin-bottom: var(--groupSpacing); -} -main h1, main h2, main h3, main h4, main h5, main h6 { - clear: both; - color: var(--textColor); -} -main ul, main ol { - padding-left: 1.25rem; -} -main ul.has-background, -main ol.has-background { - padding: 1rem 1.5rem; - padding-left: 2.5rem; -} -main img { - border-radius: var(--gRadius); -} -main a { - text-decoration: underline; -} -main a:hover { - color: var(--linkColorHover, var(--color1)); -} - -main > *, -.wp-block-group__inner-container > * { - margin: 0 auto; - max-width: var(--blogWidth); -} - -@media (max-width:1120px) { - body:not(.single-post) main, -.wp-block-group.alignfull .wp-block-group__inner-container, -.wp-block-cover__inner-container { - padding-right: var(--gridRim); - padding-left: var(--gridRim); - } -} - -main > * + *, -.wp-block-group__inner-container > * + *, -.wp-block-cover__inner-container > * + *, -.wp-block-media-text__content > * + *, -.wp-block-column > * + * { - margin-top: var(--blockSpacing); -} - -.alignleft, -.has-text-align-left { - text-align: left; -} - -.alignright, -.has-text-align-right { - text-align: right; -} - -.aligncenter, -.has-text-align-center { - text-align: center; -} - -.alignwide { - max-width: var(--siteWidth); - width: 100%; -} -@media (max-width:1120px) { - .alignwide { - max-width: 100%; - } -} - -.alignfull { - max-width: none; - margin-top: var(--groupSpacing); -} -@media (max-width:1120px) { - .alignfull { - margin-right: calc(-1 * var(--gridRim)); - margin-left: calc(-1 * var(--gridRim)); - } -} -.alignfull:first-child { - margin-top: 0; -} -.alignfull + * { - margin-top: var(--groupSpacing); -} -.alignfull + .alignfull { - margin-top: 0; -} -.alignfull:last-child { - margin-bottom: 0; -} - -.is-vertically-aligned-top { - align-items: flex-start; - align-self: flex-start; -} - -.is-vertically-aligned-center { - align-items: center; - align-self: center; -} - -.is-vertically-aligned-bottom { - align-items: flex-end; - align-self: flex-end; -} - -.is-content-justification-left { - --flexAlign: flex-start; -} - -.is-content-justification-center { - --flexAlign: center; -} - -.is-content-justification-right { - --flexAlign: flex-end; -} - -[class*=is-content-justification-] { - justify-content: var(--flexAlign); -} -[class*=is-content-justification-].is-vertical { - justify-content: normal; - align-items: var(--flexAlign); -} - -.screen-reader-text { - border: 0; - clip: rect(1px, 1px, 1px, 1px); - clip-path: inset(50%); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute !important; - width: 1px; - word-wrap: normal !important; -} - -p.has-background { - padding: 1rem; - border-radius: var(--gRadius); -} - -.has-drop-cap:first-letter { - float: left; - margin-right: 0.25rem; - font-family: var(--hFontFamily); - font-weight: 700; - font-size: 3.25rem; - line-height: 3.25rem; -} - -.has-small-font-size { - font-size: var(--sFontSize); -} - -.has-medium-font-size { - font-size: var(--mFontSize); -} - -.has-large-font-size { - font-size: var(--lFontSize); -} - -.has-huge-font-size { - font-size: var(--xlFontSize); - line-height: var(--hLineHeight); -} - -h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background { - padding: 1rem 2rem; -} -@media (max-width:768px) { - h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background { - padding: 0.5rem 1rem; - } -} -h1 sub, -h1 sup, h2 sub, -h2 sup, h3 sub, -h3 sup, h4 sub, -h4 sup, h5 sub, -h5 sup, h6 sub, -h6 sup { - text-transform: uppercase; - line-height: 1.75; - letter-spacing: 0.05em; - font-size: 50%; - font-weight: var(--fontWeight); -} -h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { - font-weight: var(--fontWeight); -} - -.wp-block-quote { - position: relative; - padding: 0.5rem 2rem; - border-left: 3px solid var(--text); -} -.wp-block-quote > * + * { - margin-top: 1rem; -} -.wp-block-quote cite { - display: block; - font-size: var(--sFontSize); - color: var(--textDim); -} -.wp-block-quote.has-text-align-right { - border-left: none; - border-right: 3px solid var(--text); -} -.wp-block-quote.has-text-align-center { - padding-top: 1.5rem; - padding-bottom: 0; - border-left: none; -} -.wp-block-quote.has-text-align-center::before { - content: ""; - position: absolute; - top: 0; - width: 100px; - height: 3px; - background-color: var(--text); - transform: translateX(-50%); -} - -.wp-block-quote.is-style-large { - padding-top: 1rem; - padding-bottom: 1rem; - margin-top: 2.5rem; - margin-bottom: 2.5rem; - border-left: none; - border-right: none; - border-top: 3px solid var(--textDim); - border-bottom: 3px solid var(--textDim); - font-size: var(--h5Size); -} -.wp-block-quote.is-style-large::before, .wp-block-quote.is-style-large::after { - display: none; -} -.wp-block-quote.is-style-large cite { - text-align: right; - font-size: var(--sFontSize); -} -.wp-block-quote.is-style-large.has-text-align-center cite { - text-align: center; -} -.wp-block-quote.is-style-large.has-text-align-right cite { - text-align: left; -} - -.wp-block-table { - display: flex; - flex-direction: column; - overflow: hidden; -} -.wp-block-table table { - --theadBg: var(--bgColor, #eef2f7); - --theadColor: var(--textColor, var(--text)); - --tbodyBg: var(--textInvert); - --tbodyColor: var(--text); - width: 100%; - border: 1px solid rgbA(0, 0, 0, 0.1); -} -.wp-block-table.is-style-h-full-color table { - --tbodyBg: var(--theadBg); - --tbodyColor: var(--theadColor); -} -.wp-block-table.is-style-stripes th, .wp-block-table.is-style-stripes td { - border: 1px solid rgbA(0, 0, 0, 0.5); -} -.wp-block-table.is-style-stripes tbody tr:nth-child(odd) { - background: none; -} -.wp-block-table.is-style-stripes tbody tr:nth-child(even) { - background-color: var(--theadBg); - color: var(--theadColor); -} -.wp-block-table thead, -.wp-block-table tfoot { - background-color: var(--theadBg); - color: var(--theadColor); - font-weight: 700; - text-align: left; -} -.wp-block-table thead { - border-bottom: 2px solid var(--text); -} -.wp-block-table tfoot { - border-top: 2px solid var(--text); -} -.wp-block-table tbody { - background-color: var(--tbodyBg); - color: var(--tbodyColor); -} -.wp-block-table tr { - border: none; -} -.wp-block-table th, .wp-block-table td { - padding: 0.5rem 1rem; - border: 1px solid rgbA(0, 0, 0, 0.5); -} -@media (max-width:768px) { - .wp-block-table { - overflow-x: auto; - } - .wp-block-table td { - padding: 0.25rem 0.5rem; - } -} - -.wp-block-verse { - white-space: pre-wrap; - font-family: var(--fontFamily); - font-size: var(--fontSize); -} - -.wp-block-code, -.wp-block-preformatted { - white-space: normal; -} - -.wp-block-code { - background-color: rgbA(0, 0, 0, 0.05); - padding: 1rem; - border: 1px solid rgbA(0, 0, 0, 0.1); - border-radius: var(--gRadius); -} -.wp-block-code code { - padding: 0 0.5rem; -} - -.wp-block-image { - text-align: center; -} -.wp-block-image .alignleft, -.wp-block-image .alignright { - max-width: 50%; - margin-bottom: 1.5rem; -} -.wp-block-image .alignleft { - float: left; - margin-right: 1.5rem; - text-align: left; -} -.wp-block-image .alignright { - float: right; - margin-left: 1.5rem; - text-align: right; -} -.wp-block-image.alignfull img { - width: 100%; - border-radius: 0; -} -.wp-block-image.alignwide img { - width: 100%; -} -.wp-block-image > a, -.wp-block-gallery figure > a { - display: block; - overflow: hidden; - border-radius: var(--gRadius); -} -.wp-block-image > a img, -.wp-block-gallery figure > a img { - transition: var(--gTransition); -} -.wp-block-image > a:hover img, -.wp-block-gallery figure > a:hover img { - opacity: 0.75; - backface-visibility: hidden; - transform: translateY(-2px); - box-shadow: var(--shadow1); -} -.wp-block-image > a:active img, -.wp-block-gallery figure > a:active img { - transform: none; - transition: none; -} - -.wp-block-gallery { - --columns: 3; - --gap: 1rem; - display: flex; - flex-wrap: wrap; - row-gap: var(--gap); - column-gap: var(--gap); - padding-left: 0; - width: 100%; -} -.wp-block-gallery:not(.is-cropped) { - align-items: flex-start; -} -@media (min-width:769px) { - .wp-block-gallery.columns-2 { - --columns: 2; - } - .wp-block-gallery.columns-3 { - --columns: 3; - } - .wp-block-gallery.columns-4 { - --columns: 4; - } - .wp-block-gallery.columns-5 { - --columns: 5; - } - .wp-block-gallery.columns-6 { - --columns: 6; - } - .wp-block-gallery.columns-7 { - --columns: 7; - } - .wp-block-gallery.columns-8 { - --columns: 8; - } - .wp-block-gallery.columns- { - --columns: 5; - } -} -@media (max-width:768px) { - .wp-block-gallery { - --columns: 3; - } - .wp-block-gallery.columns-2 { - --columns: 2; - } -} -@media (max-width:480px) { - .wp-block-gallery { - --columns: 2; - } -} - -.wp-block-gallery .wp-block-image { - flex-grow: 1; - position: relative; - width: calc(100% / var(--columns) - var(--gap)); -} -.wp-block-gallery.is-cropped .wp-block-image img { - flex: 1; - height: 100%; - width: 100%; - object-fit: cover; -} - -.wp-block-gallery .wp-block-image figcaption { - position: absolute; - z-index: 2; - left: 0; - bottom: 0; - width: 100%; - padding: 0.5rem; - background-image: linear-gradient(0deg, rgbA(0, 0, 0, 0.7), rgbA(0, 0, 0, 0.5) 50%, transparent); - text-align: center; - color: white; -} -.wp-block-gallery figcaption a:hover { - opacity: 0.6; - color: inherit; -} -.wp-block-gallery .blocks-gallery-caption { - flex-basis: 100%; - text-align: center; - font-size: smaller; -} - -.wp-block-cover { - position: relative; - display: flex; - align-items: stretch; - justify-content: center; - background-size: cover; - background-position: center center; - background-color: var(--bgColor, black); - min-height: 400px; - padding: var(--blockSpacing) 0; -} -.wp-block-cover:not(.alignfull) { - border-radius: var(--gRadius); -} - -.has-custom-content-position { - --alignX: center; - --alignY: center; -} -.has-custom-content-position[class*=is-position-top-] { - --alignY: flex-start; -} -.has-custom-content-position[class*=is-position-bottom-] { - --alignY: flex-end; -} -.has-custom-content-position[class*=-right] { - --alignX: flex-end; -} -.has-custom-content-position[class*=-left] { - --alignX: flex-start; -} - -.wp-block-cover__image-background { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - border: none; - border-radius: 0; - padding: 0; - margin: 0; - width: 100%; - height: 100%; - max-width: none; - max-height: none; - object-fit: cover; - object-position: center center; - box-shadow: none; -} - -.wp-block-cover__inner-container { - display: flex; - flex-direction: column; - align-items: var(--alignX, center); - justify-content: var(--alignY, center); - position: relative; - z-index: 2; - width: var(--siteWidth); - color: var(--textColor, var(--textInvert)); -} -.wp-block-cover:not(.alignfull) .wp-block-cover__inner-container { - padding-right: var(--gridRim); - padding-left: var(--gridRim); -} -.wp-block-cover__inner-container > * { - width: 100%; - max-width: var(--blogWidth); -} -.wp-block-cover__inner-container .alignwide { - max-width: var(--siteWidth); -} - -@media (min-width:769px) { - .has-parallax { - background-attachment: fixed; - } -} - -.wp-block-cover__gradient-background { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 2; - background-color: var(--bgColor, black); -} - -.has-background-dim { - opacity: 0.5; -} - -.has-background-dim-10 { - opacity: 0.1; -} - -.has-background-dim-20 { - opacity: 0.2; -} - -.has-background-dim-30 { - opacity: 0.3; -} - -.has-background-dim-40 { - opacity: 0.4; -} - -.has-background-dim-60 { - opacity: 0.6; -} - -.has-background-dim-70 { - opacity: 0.7; -} - -.has-background-dim-80 { - opacity: 0.8; -} - -.has-background-dim-90 { - opacity: 0.9; -} - -.has-background-dim-100 { - opacity: 1; -} - -.wp-block-media-text { - --columnMedia: minmax(0, 1fr); - --columnContent: minmax(0, 1fr); - display: grid; - row-gap: var(--columnGap, 2rem); - column-gap: var(--columnGap, 2rem); - grid-template-columns: var(--columnMedia) var(--columnContent); -} -.wp-block-media-text.alignwide, .wp-block-media-text.alignfull { - margin-top: var(--groupSpacing); -} -.wp-block-media-text.has-media-on-the-right { - grid-template-columns: var(--columnContent) var(--columnMedia); -} -.wp-block-media-text:not([class*=is-vertically-aligned-]) { - align-items: center; -} -.wp-block-media-text.is-style-h-larger-image { - --columnMedia: 3fr; - --columnContent: 2fr; -} -.wp-block-media-text.is-style-h-smaller-image { - --columnMedia: 2fr; - --columnContent: 3fr; -} -.wp-block-media-text.has-background { - border-radius: var(--gRadius); -} -@media (max-width:768px) { - .wp-block-media-text { - --columnGap: 1rem; - } -} -@media (max-width:480px) { - .wp-block-media-text.is-stacked-on-mobile { - --columnsMedia: 1fr; - --columnsContent: 1fr; - grid-template-columns: minmax(0, 1fr); - } -} - -.wp-block-media-text__media { - margin-bottom: 0; -} -.wp-block-media-text__media img { - width: 100%; -} -.is-image-fill .wp-block-media-text__media { - align-self: stretch; - background-repeat: no-repeat; - background-size: cover; - border-radius: var(--gRadius); - min-height: 150px; - height: 100%; -} -.is-image-fill .wp-block-media-text__media img { - display: none; -} -@media (min-width:481px) { - .has-media-on-the-right .wp-block-media-text__media { - order: 1; - } -} - -.wp-block-media-text__content { - padding: var(--contentPadding, 0); -} -.wp-block-media-text.has-background .wp-block-media-text__content { - --contentPadding: 3rem; -} -@media (max-width:960px) { - .wp-block-media-text.has-background .wp-block-media-text__content { - --contentPadding: 1.5rem; - } -} -@media (max-width:768px) { - .wp-block-media-text.has-background .wp-block-media-text__content { - --contentPadding: 1rem; - } -} -@media (max-width:480px) { - .wp-block-media-text.has-background .wp-block-media-text__content { - --contentPadding: 0 1rem 1rem 1rem; - } -} - -.wp-block-audio { - text-align: center; -} -.wp-block-audio audio { - width: 100%; -} -.wp-block-file { - --bgColor: var(--color1); - display: flex; - align-items: center; - justify-content: center; - padding: 1.25rem; - background-color: rgbA(0, 0, 0, 0.05); - border: 1px solid rgbA(0, 0, 0, 0.2); - border-radius: var(--gRadius); -} -.wp-block-file.alignleft { - justify-content: flex-start; - float: left; -} -.wp-block-file.alignright { - justify-content: flex-end; -} - -.wp-block-file__button { - margin-left: 1rem; -} - -.wp-block-video { - width: 100%; - text-align: center; -} -.wp-block-video video { - width: 100%; -} -.wp-block-buttons { - display: flex; - align-items: center; - flex-wrap: wrap; - gap: 1rem; -} -.wp-block-buttons.aligncenter { - justify-content: center; -} -.wp-block-buttons.alignright { - justify-content: flex-end; -} -.wp-block-buttons.alignleft { - justify-content: flex-start; -} -.wp-block-buttons.is-vertical { - flex-direction: column; -} - -.wp-block-button { - --bgColor: var(--color1); - --textColor: var(--textInvert); -} -.wp-block-button.is-style-outline, .wp-block-button.is-style-h-transparent { - --textColor: var(--text); -} -.wp-block-cover .wp-block-button { - --textColor: var(--textInvert); -} - -.button, -[type=submit], -[type=reset], -.wp-block-file__button, -.wp-block-button__link { - display: inline-flex; - align-items: center; - cursor: pointer; - overflow: hidden; - padding: 0.75em 1em; - background-color: var(--bgColor, var(--color1)); - border: 1px solid rgbA(0, 0, 0, 0.2); - border-bottom-width: 2px; - border-radius: var(--gRadius); - text-decoration: none; - text-transform: uppercase; - font-size: var(--mFontSize); - font-weight: 700; - letter-spacing: 0.05em; - color: var(--textColor, var(--textInvert)); - vertical-align: top; - line-height: 1; - transition: var(--gTransition); - will-change: transform, opacity; -} -.button img, -.button svg, -[type=submit] img, -[type=submit] svg, -[type=reset] img, -[type=reset] svg, -.wp-block-file__button img, -.wp-block-file__button svg, -.wp-block-button__link img, -.wp-block-button__link svg { - margin-right: 0.5em; - max-height: 1.25em; -} -.button img:only-child, -.button svg:only-child, -[type=submit] img:only-child, -[type=submit] svg:only-child, -[type=reset] img:only-child, -[type=reset] svg:only-child, -.wp-block-file__button img:only-child, -.wp-block-file__button svg:only-child, -.wp-block-button__link img:only-child, -.wp-block-button__link svg:only-child { - margin-left: 0; - margin-right: 0; -} -.button svg, -[type=submit] svg, -[type=reset] svg, -.wp-block-file__button svg, -.wp-block-button__link svg { - height: 1em; -} -.button path, -.button circle, -.button rect, -[type=submit] path, -[type=submit] circle, -[type=submit] rect, -[type=reset] path, -[type=reset] circle, -[type=reset] rect, -.wp-block-file__button path, -.wp-block-file__button circle, -.wp-block-file__button rect, -.wp-block-button__link path, -.wp-block-button__link circle, -.wp-block-button__link rect { - fill: currentColor; -} -.button:hover, -[type=submit]:hover, -[type=reset]:hover, -.wp-block-file__button:hover, -.wp-block-button__link:hover { - opacity: 0.9; - color: var(--textColor, var(--textInvert)); - transform: translateY(-2px); - box-shadow: var(--shadow1); -} -.button:active, -[type=submit]:active, -[type=reset]:active, -.wp-block-file__button:active, -.wp-block-button__link:active { - transition: none; - transform: none; - box-shadow: var(--shadow0); -} -.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: 0.5; - filter: grayscale(1); -} - -.wp-block-button__link { - display: flex; - align-items: center; -} -.is-style-outline .wp-block-button__link { - border-color: inherit; - background-color: transparent; - color: var(--textColor); -} -.is-style-h-transparent .wp-block-button__link { - border: none; - background-color: transparent; - text-transform: uppercase; - font-weight: 700; - color: var(--textColor); -} -.is-style-h-transparent .wp-block-button__link:hover { - background-color: transparent; -} - -.wp-block-columns { - display: flex; - row-gap: var(--blockSpacing); - column-gap: var(--blockSpacing); -} -.wp-block-columns.has-background { - padding: var(--blockSpacing); - background-color: var(--bgColor); -} -@media (max-width:768px) { - .wp-block-columns { - flex-wrap: wrap; - } -} - -.wp-block-column { - flex-basis: 0; - flex-grow: 1; - min-width: 0; -} -.wp-block-column[style*=flex-basis] { - flex-grow: 0; -} -.wp-block-column.has-background { - padding: var(--blockSpacing); - border-radius: var(--gRadius); -} -@media (max-width:768px) { - .wp-block-column { - flex-basis: 100% !important; - width: 100%; - } -} - -.wp-block-group { - position: relative; -} -.wp-block-group:not(.has-background) { - margin-top: var(--groupSpacing); - margin-bottom: var(--groupSpacing); -} -.wp-block-group.has-background { - padding: var(--groupSpacing) 0; - border-radius: var(--gRadius); -} -.wp-block-group.has-background.alignfull { - border-radius: 0; -} -.wp-block-group.has-background:not(.alignfull) { - padding-right: var(--gridRim); - padding-left: var(--gridRim); -} - -.wp-block-spacer { - margin-top: 0; - margin-bottom: 0; -} - -.wp-block-separator { - display: block; - border-top: 2px solid var(--bgColor, var(--textDim)); - margin: 2.5rem auto; - padding: 0; - width: 120px; - line-height: 1; - clear: both; -} -.wp-block-separator.is-style-wide { - width: var(--siteWidth); -} -.wp-block-separator.is-style-dots { - border: 0; - height: auto; - width: auto; - background-color: transparent; - text-align: center; -} -.wp-block-separator.is-style-dots::before { - content: "···"; - padding-left: 2rem; - font-family: var(--codeFontFamily); - font-size: var(--lFontSize); - letter-spacing: 1.5rem; - color: var(--bgColor, var(--text)); -} - -ul.wp-block-latest-posts { - padding-left: 0; -} - -.wp-block-latest-posts { - display: grid; - grid-template-columns: repeat(var(--postsColumns, 1), 1fr); - column-gap: var(--postsGap, 1.5rem); - row-gap: var(--postsGap, 1.5rem); - list-style-type: none; - clear: both; -} -@media (max-width:960px) { - .wp-block-latest-posts { - --postsGap: 1rem; - } -} -.wp-block-latest-posts.alignwide, .wp-block-latest-posts.alignfull { - --blockSpacing: var(--groupSpacing); -} -.wp-block-latest-posts li { - clear: both; -} -.wp-block-latest-posts a { - display: block; - text-decoration: underline; -} -.wp-block-latest-posts a:hover { - color: var(--linkColorHover); -} -.wp-block-latest-posts li > a { - font-family: var(--hFontFamily); - font-size: var(--postsFontSize, var(--h5Size)); -} -.wp-block-latest-posts.columns-1 { - --postsColumns: 1; -} -.wp-block-latest-posts.columns-2 { - --postsColumns: 2; -} -.wp-block-latest-posts.columns-3 { - --postsColumns: 3; -} -.wp-block-latest-posts.columns-4 { - --postsColumns: 4; -} -.wp-block-latest-posts.columns-5 { - --postsColumns: 5; -} -.wp-block-latest-posts.columns-6 { - --postsColumns: 6; -} -@media (max-width:768px) { - .wp-block-latest-posts.columns-2, .wp-block-latest-posts.columns-3 { - --postsGap: 1rem; - --postsColumns: 2; - } -} -@media (max-width:480px) { - .wp-block-latest-posts.columns-2, .wp-block-latest-posts.columns-3 { - --postsColumns: 1; - } -} -.wp-block-latest-posts.columns-4, .wp-block-latest-posts.columns-5, .wp-block-latest-posts.columns-6 { - --postsGap: 1rem; - --postsFontSize: var(--h6Size); -} -@media (max-width:960px) { - .wp-block-latest-posts.columns-4, .wp-block-latest-posts.columns-5, .wp-block-latest-posts.columns-6 { - --postsColumns: 3; - } -} -@media (max-width:768px) { - .wp-block-latest-posts.columns-4, .wp-block-latest-posts.columns-5, .wp-block-latest-posts.columns-6 { - --postsColumns: 2; - } -} - -.wp-block-latest-posts__post-author, -.wp-block-latest-posts__post-date { - display: inline-block; - color: var(--textDim); - font-size: var(--sFontSize); -} - -.wp-block-latest-posts__post-author { - margin-right: 0.5rem; -} - -.wp-block-latest-posts__featured-image { - margin-bottom: 0.5rem; - max-width: var(--postsImageWidth, 100%); -} -.wp-block-latest-posts__featured-image a:hover { - opacity: 0.75; -} -.wp-block-latest-posts__featured-image.alignleft, .wp-block-latest-posts__featured-image.alignright { - --postsImageWidth: 45%; -} -.columns-4 .wp-block-latest-posts__featured-image.alignleft, .columns-5 .wp-block-latest-posts__featured-image.alignleft, .columns-6 .wp-block-latest-posts__featured-image.alignleft, .columns-4 .wp-block-latest-posts__featured-image.alignright, .columns-5 .wp-block-latest-posts__featured-image.alignright, .columns-6 .wp-block-latest-posts__featured-image.alignright { - --postsImageWidth: 35%; -} -.wp-block-latest-posts__featured-image.alignleft { - float: left; - margin-right: 1rem; -} -.wp-block-latest-posts__featured-image.alignright { - float: right; - margin-left: 1rem; -} -.wp-block-latest-posts__featured-image.aligncenter, .is-grid .wp-block-latest-posts__featured-image { - --postsMaxWidth: none; -} -.wp-block-latest-posts__featured-image.aligncenter img, .is-grid .wp-block-latest-posts__featured-image img { - width: 100%; - max-height: 150px; - object-fit: cover; -} - -.wp-block-latest-posts__post-excerpt { - font-size: var(--sFontSize); -} - -.wp-block-embed { - text-align: center; -} -.wp-block-embed iframe { - border-radius: var(--gRadius); -} -.wp-block-embed__wrapper { - display: flex; - justify-content: center; - position: relative; -} -.wp-has-aspect-ratio .wp-block-embed__wrapper::before, .wp-block-embed-wordpress .wp-block-embed__wrapper::before { - content: ""; - display: block; - width: 100%; -} -.wp-embed-aspect-21-9 .wp-block-embed__wrapper::before, .wp-block-embed-wordpress .wp-block-embed__wrapper::before { - padding-top: 42.85%; -} -.wp-embed-aspect-18-9 .wp-block-embed__wrapper::before { - padding-top: 50%; -} -.wp-embed-aspect-16-9 .wp-block-embed__wrapper::before { - padding-top: 56.25%; -} -.wp-embed-aspect-4-3 .wp-block-embed__wrapper::before { - padding-top: 75%; -} -.wp-embed-aspect-1-1 .wp-block-embed__wrapper::before { - padding-top: 100%; -} -.wp-embed-aspect-9-6 .wp-block-embed__wrapper::before { - padding-top: 66.667%; -} -.wp-embed-aspect-1-2 .wp-block-embed__wrapper::before { - padding-top: 200%; -} - -.wp-has-aspect-ratio iframe, -.wp-block-embed-wordpress iframe { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - width: 100%; - height: 100%; -} - -.wp-block-embed-wordpress blockquote { - display: none; -} -.wp-block-embed-wordpress iframe { - clip: auto !important; -} - -.wp-block-social-links { - display: flex; - justify-content: flex-start; - align-items: center; - flex-wrap: wrap; - row-gap: 0.5rem; - column-gap: 0.5rem; - padding-left: 0; - font-size: var(--iconSize, var(--h5Size)); - list-style-type: none; -} -.wp-block-social-links.items-justified-center { - justify-content: center; -} -.wp-block-social-links.items-justified-right { - justify-content: flex-end; -} -.wp-block-social-links.items-justified-space-between { - justify-content: space-between; -} -.wp-block-social-links.has-small-icon-size { - --iconSize: var(--h6Size); -} -.wp-block-social-links.has-large-icon-size { - --iconSize: var(--h2Size); -} -.wp-block-social-links.has-huge-icon-size { - --iconSize: var(--h1Size); -} - -.wp-social-link { - border: 1px solid rgbA(var(--textRGB), 0.2); - border-bottom-width: 2px; - border-radius: var(--gRadius); - background-color: var(--color); - color: var(--textInvert); - transition: var(--gTransition); - will-change: opacity, transform; -} -.wp-social-link:last-child { - margin-right: 0; -} -.wp-social-link:hover { - opacity: 0.7; - color: var(--textInvert); - transform: translateY(-1px); -} -.wp-social-link:active { - border-top-width: 2px; - border-bottom-width: 1px; - transition: none; - transform: none; -} -.is-style-logos-only .wp-social-link { - border-color: transparent; - background-color: transparent; - color: var(--color); -} -.is-style-pill-shape .wp-social-link { - border-radius: 50%; -} -.wp-social-link .wp-block-social-link-anchor { - display: flex; - align-items: center; - justify-content: center; - padding: var(--iconPadding, 0.25em); - line-height: 0; - color: inherit; -} -.wp-social-link svg { - width: 1em; - height: 1em; - fill: currentColor; -} - -.wp-social-link-goodreads svg, -.wp-social-link-chain svg, -.wp-social-link-feed svg, -.wp-social-link-mail svg { - fill: #382110; -} - -.wp-social-link-amazon { - --color: #f90; -} - -.wp-social-link-bandcamp { - --color: #1ea0c3; -} - -.wp-social-link-behance { - --color: #0757fe; -} - -.wp-social-link-chain { - --color: #f0f0f0; -} - -.wp-social-link-codepen { - --color: #1e1f26; -} - -.wp-social-link-deviantart { - --color: #02e49b; -} - -.wp-social-link-dribbble { - --color: #e94c89; -} - -.wp-social-link-dropbox { - --color: #4280ff; -} - -.wp-social-link-etsy { - --color: #f45800; -} - -.wp-social-link-facebook { - --color: #1977f2; -} - -.wp-social-link-feed { - --color: #f0f0f0; -} - -.wp-social-link-fivehundredpx { - --color: #000; -} - -.wp-social-link-flickr { - --color: #0461dd; -} - -.wp-social-link-foursquare { - --color: #e65678; -} - -.wp-social-link-github { - --color: #24292d; -} - -.wp-social-link-goodreads { - --color: #eceadd; -} - -.wp-social-link-google { - --color: #ea4434; -} - -.wp-social-link-instagram { - --color: #f00075; -} - -.wp-social-link-lastfm { - --color: #e21b24; -} - -.wp-social-link-linkedin { - --color: #0577b5; -} - -.wp-social-link-line { - --color: #03c302; -} - -.wp-social-link-mail { - --color: #f0f0f0; -} - -.wp-social-link-mastodon { - --color: #3288d4; -} - -.wp-social-link-medium { - --color: #02ab6c; -} - -.wp-social-link-meetup { - --color: #f6405f; -} - -.wp-social-link-patreon { - --color: #ff424d; -} - -.wp-social-link-pinterest { - --color: #e60122; -} - -.wp-social-link-pocket { - --color: #ef4155; -} - -.wp-social-link-reddit { - --color: #fe4500; -} - -.wp-social-link-skype { - --color: #0478d7; -} - -.wp-social-link-snapchat { - --color: #fefc00; -} - -.wp-social-link-soundcloud { - --color: #ff5600; -} - -.wp-social-link-spotify { - --color: #1bd760; -} - -.wp-social-link-telegram { - --color: #08c; -} - -.wp-social-link-tiktok { - --color: #000; -} - -.wp-social-link-tumblr { - --color: #011835; -} - -.wp-social-link-twitch { - --color: #6440a4; -} - -.wp-social-link-twitter { - --color: #21a1f3; -} - -.wp-social-link-vimeo { - --color: #1eb7ea; -} - -.wp-social-link-vk { - --color: #4680c2; -} - -.wp-social-link-wordpress { - --color: #3499cd; -} - -.wp-social-link-jetpack-whatsapp { - --color: #25d366; -} - -.wp-social-link-whatsapp { - --color: #25d366; -} - -.wp-social-link-wechat { - --color: #7bb32e; -} - -.wp-social-link-yelp { - --color: #d32422; -} - -.wp-social-link-youtube { - --color: #ff0100; -} - -.wp-social-link-goodreads svg, -.wp-social-link-chain svg, -.wp-social-link-feed svg, -.wp-social-link-mail svg { - fill: #382110; -} - -.wp-social-link-snapchat { - stroke: black; -} - -.wp-block-h-icon { - --iconSize: 60px; - --iconPadding: 1rem; - --iconGap: 1rem; - --iconBg: var(--bgColor, rgba(0,0,0,.1)); - --textColor: inherit; - display: flex; - align-items: flex-start; - color: var(--textColor); - border-radius: var(--gRadius); -} -.wp-block-h-icon.is-style-boxed { - --iconPadding: 0; - --iconSize: 28px; - --iconBg: transparent; - padding: 0.5rem; - background-color: var(--bgColor); - box-shadow: var(--shadow0); -} -.wp-block-h-icon.use-image { - --iconPadding: 0; - --iconSize: 60px; - --iconBg: transparent; -} -@media (min-width:769px) and (max-width:960px) { - .wp-block-h-icon.use-image.is-style-boxed { - --iconSize: 45px; - } -} -@media (min-width:481px) and (max-width:768px) { - .wp-block-h-icon.use-image.is-style-boxed { - --iconSize: 35px; - } -} -.wp-block-h-icon.has-icon-position-top { - flex-wrap: wrap; -} -.wp-block-h-icon.has-text-align-center { - justify-content: center; -} -.wp-block-h-icon.has-text-align-right { - justify-content: flex-end; -} -.wp-block-h-icon.has-no-description { - align-items: center; -} -@media (max-width:960px) { - .wp-block-h-icon { - --iconGap: 0.75rem; - } -} - -a.wp-block-h-icon { - text-decoration: none; - will-change: transform; -} -a.wp-block-h-icon:hover { - opacity: 0.9; - transform: translateY(-2px); - color: var(--textColor); -} -a.wp-block-h-icon:hover dt { - text-decoration: underline; -} -a.wp-block-h-icon:active { - transform: none; - transition: none; -} - -.wp-block-h-icon__figure { - display: flex; - align-items: center; - justify-content: center; - min-width: var(--iconSize); - max-width: var(--iconSize); - width: var(--iconSize); - height: var(--iconSize); - margin: 0; - padding: var(--iconPadding); - background-color: var(--iconBg); - border-radius: 50%; -} -.has-icon-position-left .wp-block-h-icon__figure { - margin-right: var(--iconGap); -} -.has-icon-position-right .wp-block-h-icon__figure { - order: 1; - margin-left: var(--iconGap); -} -.has-icon-position-top .wp-block-h-icon__figure { - margin-bottom: var(--iconGap); -} -.wp-block-h-icon__figure path, -.wp-block-h-icon__figure rect { - fill: var(--iconColor, currentColor); -} -.wp-block-h-icon__figure svg { - max-width: 100%; - max-height: 100%; -} - -.wp-block-h-icon__content { - flex: 1; - width: 100%; -} -.has-icon-position-top .wp-block-h-icon__content { - flex: auto; -} -.wp-block-h-icon__content dt { - font-family: var(--hFontFamily); - font-weight: 700; - font-size: var(--h4Size); - line-height: var(--hLineHeight); -} -.is-style-boxed .wp-block-h-icon__content dt { - font-weight: 500; - font-family: var(--fontFamily); - font-size: var(--h5Size); -} -@media (max-width:960px) { - .is-style-boxed .wp-block-h-icon__content dt { - font-size: var(--h6Size); - } -} -.wp-block-h-icon__content dd { - margin-top: 0.75rem; -} -.wp-block-h-icon__content dd p + p { - margin-top: 0.5rem; -} - -.wp-block-h-faq { - --bgColor: #e5e5e5; - --textColor: var(--text, #191e23); - border: 2px solid var(--bgColor); - border-radius: var(--gRadius); -} - -.wp-block-h-faq__question { - position: relative; - cursor: pointer; - padding: 0.75rem 1rem 0.75rem 2rem; - margin: -1px; - background-color: var(--bgColor); - font-size: var(--h5Size); - color: var(--textColor); - line-height: 1.25; - transition: var(--gTransition); -} -.wp-block-h-faq__question:hover { - opacity: 0.8; -} -.wp-block-h-faq__question:active { - transition: none; - box-shadow: var(--shadow0); - transform: translateY(1px); -} -.wp-block-h-faq__question::-webkit-details-marker { - display: none; -} -.wp-block-h-faq__question::marker { - display: none; - font-size: 0; -} -.wp-block-h-faq__question::before { - content: "+"; - position: absolute; - left: 0.75rem; - display: inline-block; - margin-right: 0.75rem; - font-family: var(--codeFontFamily); -} -[open] .wp-block-h-faq__question::before { - content: "-"; -} -[open] .wp-block-h-faq__question { - opacity: 1; -} - -.wp-block-h-faq__answer { - padding: 1rem 1.5rem; -} -.wp-block-h-faq__answer p + p { - margin-top: 1rem; -} - -.grunion-field-wrap { - position: relative; - margin-bottom: 1rem; -} -.grunion-field-wrap .grunion-field-label { - cursor: pointer; - margin-bottom: 0.25rem; - font-weight: 700; - font-size: var(--sFontSize); - color: rgbA(0, 0, 0, 0.5); -} -.grunion-field-wrap span { - display: inline-block; - margin-left: 0.5rem; - text-transform: initial; - font-weight: 400; - color: var(--red); -} -.grunion-field-wrap textarea { - max-height: 8rem; -} +.wp-block-embed figcaption,.wp-block-video figcaption,.wp-block-audio figcaption,.wp-block-image figcaption,.wp-block-table figcaption{display:inline-block;padding:.5rem;margin-right:auto;margin-left:auto;border-bottom:1px solid var(--textDim);font-size:var(--sFontSize)}[class*=-background-color]{background-color:var(--bgColor)}.has-text-color,.has-inline-color{color:var(--textColor, var(--text))}main{letter-spacing:calc(.01*var(--fontSize));overflow-wrap:break-word}main>*:first-child:not(.alignfull){padding-top:var(--blockSpacing)}body.single-post main>*:first-child:not(.alignfull){padding-top:0}main>*:last-child:not(.alignfull){margin-bottom:var(--groupSpacing)}main h1,main h2,main h3,main h4,main h5,main h6{clear:both;color:var(--textColor)}main ul,main ol{padding-left:1.25rem}main ul.has-background,main ol.has-background{padding:1rem 1.5rem;padding-left:2.5rem}main img{border-radius:var(--gRadius)}main a{text-decoration:underline}main a:hover{color:var(--linkColorHover, var(--color1))}main>*,.wp-block-group__inner-container>*{margin:0 auto;max-width:var(--blogWidth)}@media(max-width:1120px){body:not(.single-post) main,.wp-block-group.alignfull .wp-block-group__inner-container,.wp-block-cover__inner-container{padding-right:var(--gridRim);padding-left:var(--gridRim)}}main>*+*,.wp-block-group__inner-container>*+*,.wp-block-cover__inner-container>*+*,.wp-block-media-text__content>*+*,.wp-block-column>*+*{margin-top:var(--blockSpacing)}.alignleft,.has-text-align-left{text-align:left}.alignright,.has-text-align-right{text-align:right}.aligncenter,.has-text-align-center{text-align:center}.alignwide{max-width:var(--siteWidth);width:100%}@media(max-width:1120px){.alignwide{max-width:100%}}.alignfull{max-width:none;margin-top:var(--groupSpacing)}@media(max-width:1120px){.alignfull{margin-right:calc(-1*var(--gridRim));margin-left:calc(-1*var(--gridRim))}}.alignfull:first-child{margin-top:0}.alignfull+*{margin-top:var(--groupSpacing)}.alignfull+.alignfull{margin-top:0}.alignfull:last-child{margin-bottom:0}.is-vertically-aligned-top{align-items:flex-start;align-self:flex-start}.is-vertically-aligned-center{align-items:center;align-self:center}.is-vertically-aligned-bottom{align-items:flex-end;align-self:flex-end}.is-content-justification-left{--flexAlign: flex-start}.is-content-justification-center{--flexAlign: center}.is-content-justification-right{--flexAlign: flex-end}.is-content-justification-space-between{--flexAlign: space-between}[class*=is-content-justification-]{justify-content:var(--flexAlign)}[class*=is-content-justification-].is-vertical{justify-content:normal;align-items:var(--flexAlign)}.screen-reader-text{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}p.has-background{padding:1rem;border-radius:var(--gRadius)}.has-drop-cap:first-letter{float:left;margin-right:.25rem;font-family:var(--hFontFamily);font-weight:700;font-size:3.25rem;line-height:3.25rem}.has-small-font-size{font-size:var(--sFontSize)}.has-medium-font-size{font-size:var(--mFontSize)}.has-large-font-size{font-size:var(--lFontSize)}.has-huge-font-size{font-size:var(--xlFontSize);line-height:var(--hLineHeight)}h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-background,h6.has-background{padding:1rem 2rem}@media(max-width:768px){h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-background,h6.has-background{padding:.5rem 1rem}}h1 sub,h1 sup,h2 sub,h2 sup,h3 sub,h3 sup,h4 sub,h4 sup,h5 sub,h5 sup,h6 sub,h6 sup{text-transform:uppercase;line-height:1.75;letter-spacing:.05em;font-size:50%;font-weight:var(--fontWeight)}h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong{font-weight:var(--fontWeight)}.wp-block-quote{position:relative;padding:.5rem 2rem;border-left:3px solid var(--text)}.wp-block-quote>*+*{margin-top:1rem}.wp-block-quote cite{display:block;font-size:var(--sFontSize);color:var(--textDim)}.wp-block-quote.has-text-align-right{border-left:none;border-right:3px solid var(--text)}.wp-block-quote.has-text-align-center{padding-top:1.5rem;padding-bottom:0;border-left:none}.wp-block-quote.has-text-align-center::before{content:"";position:absolute;top:0;width:100px;height:3px;background-color:var(--text);transform:translateX(-50%)}.wp-block-quote.is-style-large{padding-top:1rem;padding-bottom:1rem;margin-top:2.5rem;margin-bottom:2.5rem;border-left:none;border-right:none;border-top:3px solid var(--textDim);border-bottom:3px solid var(--textDim);font-size:var(--h5Size)}.wp-block-quote.is-style-large::before,.wp-block-quote.is-style-large::after{display:none}.wp-block-quote.is-style-large cite{text-align:right;font-size:var(--sFontSize)}.wp-block-quote.is-style-large.has-text-align-center cite{text-align:center}.wp-block-quote.is-style-large.has-text-align-right cite{text-align:left}.wp-block-table{display:flex;flex-direction:column;overflow:hidden}.wp-block-table table{--theadBg: var(--bgColor, #eef2f7);--theadColor: var(--textColor, var(--text));--tbodyBg: var(--textInvert);--tbodyColor: var(--text);width:100%;border:1px solid rgbA(0, 0, 0, 0.1)}.wp-block-table.is-style-h-full-color table{--tbodyBg: var(--theadBg);--tbodyColor: var(--theadColor)}.wp-block-table.is-style-stripes th,.wp-block-table.is-style-stripes td{border:1px solid rgbA(0, 0, 0, 0.5)}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background:none}.wp-block-table.is-style-stripes tbody tr:nth-child(even){background-color:var(--theadBg);color:var(--theadColor)}.wp-block-table thead,.wp-block-table tfoot{background-color:var(--theadBg);color:var(--theadColor);font-weight:700;text-align:left}.wp-block-table thead{border-bottom:2px solid var(--text)}.wp-block-table tfoot{border-top:2px solid var(--text)}.wp-block-table tbody{background-color:var(--tbodyBg);color:var(--tbodyColor)}.wp-block-table tr{border:none}.wp-block-table th,.wp-block-table td{padding:.5rem 1rem;border:1px solid rgbA(0, 0, 0, 0.5)}@media(max-width:768px){.wp-block-table{overflow-x:auto}.wp-block-table td{padding:.25rem .5rem}}.wp-block-verse{white-space:pre-wrap;font-family:var(--fontFamily);font-size:var(--fontSize)}.wp-block-code,.wp-block-preformatted{white-space:normal}.wp-block-code{background-color:rgbA(0, 0, 0, 0.05);padding:1rem;border:1px solid rgbA(0, 0, 0, 0.1);border-radius:var(--gRadius)}.wp-block-code code{padding:0 .5rem}.wp-block-image{text-align:center}.wp-block-image .alignleft,.wp-block-image .alignright{max-width:50%;margin-bottom:1.5rem}.wp-block-image .alignleft{float:left;margin-right:1.5rem;text-align:left}.wp-block-image .alignright{float:right;margin-left:1.5rem;text-align:right}.wp-block-image.alignfull img{width:100%;border-radius:0}.wp-block-image.alignwide img{width:100%}.wp-block-image>a,.wp-block-gallery figure>a{display:block;overflow:hidden;border-radius:var(--gRadius)}.wp-block-image>a img,.wp-block-gallery figure>a img{transition:var(--gTransition)}.wp-block-image>a:hover img,.wp-block-gallery figure>a:hover img{opacity:.75;backface-visibility:hidden;transform:translateY(-2px);box-shadow:var(--shadow1)}.wp-block-image>a:active img,.wp-block-gallery figure>a:active img{transform:none;transition:none}.wp-block-gallery{--columns: 3;--gap: 1rem;display:flex;flex-wrap:wrap;row-gap:var(--gap);column-gap:var(--gap);padding-left:0;width:100%}.wp-block-gallery:not(.is-cropped){align-items:flex-start}@media(min-width:769px){.wp-block-gallery.columns-1{--columns: 1}.wp-block-gallery.columns-2{--columns: 2}.wp-block-gallery.columns-3{--columns: 3}.wp-block-gallery.columns-4{--columns: 4}.wp-block-gallery.columns-5{--columns: 5}.wp-block-gallery.columns-6{--columns: 6}.wp-block-gallery.columns-7{--columns: 7}.wp-block-gallery.columns-8{--columns: 8}.wp-block-gallery.columns-{--columns: 5}}@media(max-width:768px){.wp-block-gallery{--columns: 3}.wp-block-gallery.columns-2{--columns: 2}}@media(max-width:480px){.wp-block-gallery{--columns: 2}}.wp-block-gallery .wp-block-image{flex-grow:1;position:relative;width:calc(100%/var(--columns) - var(--gap))}.wp-block-gallery.is-cropped .wp-block-image img{flex:1;height:100%;width:100%;object-fit:cover;object-position:center center}.wp-block-gallery .wp-block-image figcaption{position:absolute;z-index:2;left:0;bottom:0;width:100%;padding:.5rem;background-image:linear-gradient(0deg, rgbA(0, 0, 0, 0.7), rgbA(0, 0, 0, 0.5) 50%, transparent);text-align:center;color:#fff}.wp-block-gallery figcaption a:hover{opacity:.6;color:inherit}.wp-block-gallery .blocks-gallery-caption{flex-basis:100%;text-align:center;font-size:smaller}.wp-block-gallery:not(.has-nested-images) ul{list-style-type:none;padding:0;display:flex;flex-wrap:wrap;row-gap:var(--gap);column-gap:var(--gap)}.wp-block-gallery:not(.has-nested-images) li{flex-grow:1;width:calc(100%/var(--columns) - var(--gap))}.wp-block-gallery:not(.has-nested-images) figure{position:relative}.wp-block-gallery:not(.has-nested-images).is-cropped figure{height:100%}.wp-block-gallery:not(.has-nested-images).is-cropped img{flex:1;height:100%;width:100%;object-fit:cover;object-position:center center}.wp-block-gallery:not(.has-nested-images) li figcaption{position:absolute;bottom:0;left:0;right:0;padding:.25rem;background-image:linear-gradient(0deg, rgbA(0, 0, 0, 0.7), rgbA(0, 0, 0, 0.5) 50%, transparent);text-align:center;font-size:var(--sFontSize);color:var(--textInvert)}.wp-block-cover{position:relative;display:flex;align-items:stretch;justify-content:center;background-size:cover;background-position:center center;background-color:var(--bgColor, black);min-height:400px;padding:var(--blockSpacing) 0}.wp-block-cover:not(.alignfull){border-radius:var(--gRadius)}.has-custom-content-position{--alignX: center;--alignY: center}.has-custom-content-position[class*=is-position-top-]{--alignY: flex-start}.has-custom-content-position[class*=is-position-bottom-]{--alignY: flex-end}.has-custom-content-position[class*=-right]{--alignX: flex-end}.has-custom-content-position[class*=-left]{--alignX: flex-start}.wp-block-cover__image-background{position:absolute;top:0;left:0;right:0;bottom:0;border:none;border-radius:0;padding:0;margin:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center center;box-shadow:none}.wp-block-cover__inner-container{display:flex;flex-direction:column;align-items:var(--alignX, center);justify-content:var(--alignY, center);position:relative;z-index:2;width:var(--siteWidth);color:var(--textColor, var(--textInvert))}.wp-block-cover:not(.alignfull) .wp-block-cover__inner-container{padding-right:var(--gridRim);padding-left:var(--gridRim)}.wp-block-cover__inner-container>*{width:100%;max-width:var(--blogWidth)}.wp-block-cover__inner-container .alignwide{max-width:var(--siteWidth)}@media(min-width:769px){.has-parallax{background-attachment:fixed}}.wp-block-cover__gradient-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background-color:var(--bgColor, black)}.wp-block-cover__gradient-background.has-background-dim{opacity:.5}.wp-block-cover__gradient-background.has-background-dim-10{opacity:.1}.wp-block-cover__gradient-background.has-background-dim-20{opacity:.2}.wp-block-cover__gradient-background.has-background-dim-30{opacity:.3}.wp-block-cover__gradient-background.has-background-dim-40{opacity:.4}.wp-block-cover__gradient-background.has-background-dim-60{opacity:.6}.wp-block-cover__gradient-background.has-background-dim-70{opacity:.7}.wp-block-cover__gradient-background.has-background-dim-80{opacity:.8}.wp-block-cover__gradient-background.has-background-dim-90{opacity:.9}.wp-block-cover__gradient-background.has-background-dim-100{opacity:1}.wp-block-media-text{--columnMedia: minmax(0, 1fr);--columnContent: minmax(0, 1fr);display:grid;row-gap:var(--columnGap, 2rem);column-gap:var(--columnGap, 2rem);grid-template-columns:var(--columnMedia) var(--columnContent)}.wp-block-media-text.alignwide,.wp-block-media-text.alignfull{margin-top:var(--groupSpacing)}.wp-block-media-text.has-media-on-the-right{grid-template-columns:var(--columnContent) var(--columnMedia)}.wp-block-media-text:not([class*=is-vertically-aligned-]){align-items:center}.wp-block-media-text.is-style-h-larger-image{--columnMedia: 3fr;--columnContent: 2fr}.wp-block-media-text.is-style-h-smaller-image{--columnMedia: 2fr;--columnContent: 3fr}.wp-block-media-text.has-background{border-radius:var(--gRadius)}@media(max-width:768px){.wp-block-media-text{--columnGap: 1rem}}@media(max-width:480px){.wp-block-media-text.is-stacked-on-mobile{--columnsMedia: 1fr;--columnsContent: 1fr;grid-template-columns:minmax(0, 1fr)}}.wp-block-media-text__media{margin-bottom:0}.wp-block-media-text__media img{width:100%}.is-image-fill .wp-block-media-text__media{align-self:stretch;background-repeat:no-repeat;background-size:cover;border-radius:var(--gRadius);min-height:150px;height:100%}.is-image-fill .wp-block-media-text__media img{display:none}@media(min-width:481px){.has-media-on-the-right .wp-block-media-text__media{order:1}}.wp-block-media-text__content{padding:var(--contentPadding, 0)}.wp-block-media-text.has-background .wp-block-media-text__content{--contentPadding: 3rem}@media(max-width:960px){.wp-block-media-text.has-background .wp-block-media-text__content{--contentPadding: 1.5rem}}@media(max-width:768px){.wp-block-media-text.has-background .wp-block-media-text__content{--contentPadding: 1rem}}@media(max-width:480px){.wp-block-media-text.has-background .wp-block-media-text__content{--contentPadding: 0 1rem 1rem 1rem}}.wp-block-audio{text-align:center}.wp-block-audio audio{width:100%}.wp-block-file{--bgColor: var(--color1);display:flex;align-items:center;justify-content:center;padding:1.25rem;background-color:rgbA(0, 0, 0, 0.05);border:1px solid rgbA(0, 0, 0, 0.2);border-radius:var(--gRadius)}.wp-block-file.alignleft{justify-content:flex-start;float:left}.wp-block-file.alignright{justify-content:flex-end}.wp-block-file__button{margin-left:1rem}.wp-block-video{width:100%;text-align:center}.wp-block-video video{width:100%}.wp-block-buttons{--gap: 1rem;display:flex;align-items:center;flex-wrap:wrap;column-gap:var(--gap);row-gap:var(--gap)}.wp-block-buttons.aligncenter{justify-content:center}.wp-block-buttons.alignright{justify-content:flex-end}.wp-block-buttons.alignleft{justify-content:flex-start}.wp-block-buttons.is-vertical{flex-direction:column}.wp-block-button{--bgColor: var(--color1);--textColor: var(--textInvert)}.wp-block-button.is-style-outline,.wp-block-button.is-style-h-transparent{--textColor: var(--text)}.wp-block-cover .wp-block-button{--textColor: var(--textInvert)}.button,[type=submit],[type=reset],.wp-block-file__button,.wp-block-button__link{display:inline-flex;align-items:center;cursor:pointer;overflow:hidden;padding:.75em 1em;background-color:var(--bgColor, var(--color1));border:1px solid rgbA(0, 0, 0, 0.2);border-bottom-width:2px;border-radius:var(--gRadius);text-decoration:none;text-transform:uppercase;font-weight:700;letter-spacing:.05em;color:var(--textColor, var(--textInvert));vertical-align:top;line-height:1;transition:var(--gTransition);will-change:transform,opacity}.button img,.button svg,[type=submit] img,[type=submit] svg,[type=reset] img,[type=reset] svg,.wp-block-file__button img,.wp-block-file__button svg,.wp-block-button__link img,.wp-block-button__link svg{margin-right:.5em;max-height:1.25em}.button img:only-child,.button svg:only-child,[type=submit] img:only-child,[type=submit] svg:only-child,[type=reset] img:only-child,[type=reset] svg:only-child,.wp-block-file__button img:only-child,.wp-block-file__button svg:only-child,.wp-block-button__link img:only-child,.wp-block-button__link svg:only-child{margin-left:0;margin-right:0}.button svg,[type=submit] svg,[type=reset] svg,.wp-block-file__button svg,.wp-block-button__link svg{height:1em}.button path,.button circle,.button rect,[type=submit] path,[type=submit] circle,[type=submit] rect,[type=reset] path,[type=reset] circle,[type=reset] rect,.wp-block-file__button path,.wp-block-file__button circle,.wp-block-file__button rect,.wp-block-button__link path,.wp-block-button__link circle,.wp-block-button__link rect{fill:currentColor}.button:hover,[type=submit]:hover,[type=reset]:hover,.wp-block-file__button:hover,.wp-block-button__link:hover{opacity:.9;color:var(--textColor, var(--textInvert));transform:translateY(-2px);box-shadow:var(--shadow1)}.button:active,[type=submit]:active,[type=reset]:active,.wp-block-file__button:active,.wp-block-button__link:active{transition:none;transform:none;box-shadow:var(--shadow0)}.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;filter:grayscale(1)}.is-style-outline .wp-block-button__link{border:2px solid;background-color:rgba(0,0,0,0);color:var(--textColor)}.is-style-h-transparent .wp-block-button__link{border:none;background-color:rgba(0,0,0,0);text-transform:uppercase;font-weight:700;color:var(--textColor)}.is-style-h-transparent .wp-block-button__link:hover{background-color:rgba(0,0,0,0)}[class*=wp-block-button__width-] a{justify-content:center}.wp-block-button__width-25{width:calc(25% - var(--gap)*.75)}.wp-block-button__width-50{width:calc(50% - var(--gap)*.5)}.wp-block-button__width-75{width:calc(75% - var(--gap)*.25)}.wp-block-button__width-100{width:100%}.wp-block-columns{display:flex;row-gap:var(--blockSpacing);column-gap:var(--blockSpacing)}.wp-block-columns.has-background{padding:var(--blockSpacing);background-color:var(--bgColor)}@media(max-width:768px){.wp-block-columns{flex-wrap:wrap}}.wp-block-column{flex-basis:0;flex-grow:1;min-width:0}.wp-block-column[style*=flex-basis]{flex-grow:0}.wp-block-column.has-background{padding:var(--blockSpacing);border-radius:var(--gRadius)}@media(max-width:768px){.wp-block-column{flex-basis:100% !important;width:100%}}.wp-block-group{position:relative}.wp-block-group:not(.has-background){margin-top:var(--groupSpacing);margin-bottom:var(--groupSpacing)}.wp-block-group.has-background{padding:var(--groupSpacing) 0;border-radius:var(--gRadius)}.wp-block-group.has-background.alignfull{border-radius:0}.wp-block-group.has-background:not(.alignfull){padding-right:var(--gridRim);padding-left:var(--gridRim)}.wp-block-spacer{margin-top:0;margin-bottom:0}.wp-block-separator{display:block;border-top:2px solid var(--bgColor, var(--textDim));margin:2.5rem auto;padding:0;width:120px;line-height:1;clear:both}.wp-block-separator.is-style-wide{width:var(--siteWidth)}.wp-block-separator.is-style-dots{border:0;height:auto;width:auto;background-color:rgba(0,0,0,0);text-align:center}.wp-block-separator.is-style-dots::before{content:"···";padding-left:2rem;font-family:var(--codeFontFamily);font-size:var(--lFontSize);letter-spacing:1.5rem;color:var(--bgColor, var(--text))}ul.wp-block-latest-posts{padding-left:0}.wp-block-latest-posts{display:grid;grid-template-columns:repeat(var(--postsColumns, 1), 1fr);column-gap:var(--postsGap, 1.5rem);row-gap:var(--postsGap, 1.5rem);list-style-type:none;clear:both}@media(max-width:960px){.wp-block-latest-posts{--postsGap: 1rem}}.wp-block-latest-posts.alignwide,.wp-block-latest-posts.alignfull{--blockSpacing: var(--groupSpacing)}.wp-block-latest-posts li{clear:both}.wp-block-latest-posts a{display:block;text-decoration:underline}.wp-block-latest-posts a:hover{color:var(--linkColorHover)}.wp-block-latest-posts li>a{font-family:var(--hFontFamily);font-size:var(--postsFontSize, var(--h5Size))}.wp-block-latest-posts.columns-1{--postsColumns: 1}.wp-block-latest-posts.columns-2{--postsColumns: 2}.wp-block-latest-posts.columns-3{--postsColumns: 3}.wp-block-latest-posts.columns-4{--postsColumns: 4}.wp-block-latest-posts.columns-5{--postsColumns: 5}.wp-block-latest-posts.columns-6{--postsColumns: 6}@media(max-width:768px){.wp-block-latest-posts.columns-2,.wp-block-latest-posts.columns-3{--postsGap: 1rem;--postsColumns: 2}}@media(max-width:480px){.wp-block-latest-posts.columns-2,.wp-block-latest-posts.columns-3{--postsColumns: 1}}.wp-block-latest-posts.columns-4,.wp-block-latest-posts.columns-5,.wp-block-latest-posts.columns-6{--postsGap: 1rem;--postsFontSize: var(--h6Size)}@media(max-width:960px){.wp-block-latest-posts.columns-4,.wp-block-latest-posts.columns-5,.wp-block-latest-posts.columns-6{--postsColumns: 3}}@media(max-width:768px){.wp-block-latest-posts.columns-4,.wp-block-latest-posts.columns-5,.wp-block-latest-posts.columns-6{--postsColumns: 2}}.wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date{display:inline-block;color:var(--textDim);font-size:var(--sFontSize)}.wp-block-latest-posts__post-author{margin-right:.5rem}.wp-block-latest-posts__featured-image{margin-bottom:.5rem;max-width:var(--postsImageWidth, 100%)}.wp-block-latest-posts__featured-image a:hover{opacity:.75}.wp-block-latest-posts__featured-image.alignleft,.wp-block-latest-posts__featured-image.alignright{--postsImageWidth: 45%}.columns-4 .wp-block-latest-posts__featured-image.alignleft,.columns-5 .wp-block-latest-posts__featured-image.alignleft,.columns-6 .wp-block-latest-posts__featured-image.alignleft,.columns-4 .wp-block-latest-posts__featured-image.alignright,.columns-5 .wp-block-latest-posts__featured-image.alignright,.columns-6 .wp-block-latest-posts__featured-image.alignright{--postsImageWidth: 35%}.wp-block-latest-posts__featured-image.alignleft{float:left;margin-right:1rem}.wp-block-latest-posts__featured-image.alignright{float:right;margin-left:1rem}.wp-block-latest-posts__featured-image.aligncenter,.is-grid .wp-block-latest-posts__featured-image{--postsMaxWidth: none}.wp-block-latest-posts__featured-image.aligncenter img,.is-grid .wp-block-latest-posts__featured-image img{width:100%;max-height:150px;object-fit:cover}.wp-block-latest-posts__post-excerpt{font-size:var(--sFontSize)}.wp-block-embed{text-align:center}.wp-block-embed iframe{border-radius:var(--gRadius)}.wp-block-embed__wrapper{display:flex;justify-content:center;position:relative}.wp-has-aspect-ratio .wp-block-embed__wrapper::before,.wp-block-embed-wordpress .wp-block-embed__wrapper::before{content:"";display:block;width:100%}.wp-embed-aspect-21-9 .wp-block-embed__wrapper::before,.wp-block-embed-wordpress .wp-block-embed__wrapper::before{padding-top:42.85%}.wp-embed-aspect-18-9 .wp-block-embed__wrapper::before{padding-top:50%}.wp-embed-aspect-16-9 .wp-block-embed__wrapper::before{padding-top:56.25%}.wp-embed-aspect-4-3 .wp-block-embed__wrapper::before{padding-top:75%}.wp-embed-aspect-1-1 .wp-block-embed__wrapper::before{padding-top:100%}.wp-embed-aspect-9-6 .wp-block-embed__wrapper::before{padding-top:66.667%}.wp-embed-aspect-1-2 .wp-block-embed__wrapper::before{padding-top:200%}.wp-has-aspect-ratio iframe,.wp-block-embed-wordpress iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.wp-block-embed-wordpress blockquote{display:none}.wp-block-embed-wordpress iframe{clip:auto !important}.wp-block-social-links{--iconSize: 1.25rem;--iconPadding: 0.25em;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;row-gap:.5rem;column-gap:.5rem;padding-left:0;font-size:var(--iconSize, var(--h5Size));list-style-type:none}.wp-block-social-links.items-justified-center{justify-content:center}.wp-block-social-links.items-justified-right{justify-content:flex-end}.wp-block-social-links.items-justified-space-between{justify-content:space-between}.wp-block-social-links.has-small-icon-size{--iconSize: 1rem}.wp-block-social-links.has-large-icon-size{--iconSize: 1.5rem;--iconPadding: 0.375em}.wp-block-social-links.has-huge-icon-size{--iconSize: 2.5rem}.wp-block-social-links.has-monotone-color{--iconBg: var(--color1)}.wp-block-social-links.is-style-logos-only{--iconColor: var(--color1)}.wp-social-link-amazon{--brandColor: #f90}.wp-social-link-bandcamp{--brandColor: #1ea0c3}.wp-social-link-behance{--brandColor: #0757fe}.wp-social-link-chain{--brandColor: #f0f0f0}.wp-social-link-codepen{--brandColor: #1e1f26}.wp-social-link-deviantart{--brandColor: #02e49b}.wp-social-link-dribbble{--brandColor: #e94c89}.wp-social-link-dropbox{--brandColor: #4280ff}.wp-social-link-etsy{--brandColor: #f45800}.wp-social-link-facebook{--brandColor: #1977f2}.wp-social-link-feed{--brandColor: #f0f0f0}.wp-social-link-fivehundredpx{--brandColor: #000}.wp-social-link-flickr{--brandColor: #0461dd}.wp-social-link-foursquare{--brandColor: #e65678}.wp-social-link-github{--brandColor: #24292d}.wp-social-link-goodreads{--brandColor: #eceadd}.wp-social-link-google{--brandColor: #ea4434}.wp-social-link-instagram{--brandColor: #f00075}.wp-social-link-lastfm{--brandColor: #e21b24}.wp-social-link-linkedin{--brandColor: #0577b5}.wp-social-link-line{--brandColor: #03c302}.wp-social-link-mail{--brandColor: #f0f0f0}.wp-social-link-mastodon{--brandColor: #3288d4}.wp-social-link-medium{--brandColor: #02ab6c}.wp-social-link-meetup{--brandColor: #f6405f}.wp-social-link-patreon{--brandColor: #ff424d}.wp-social-link-pinterest{--brandColor: #e60122}.wp-social-link-pocket{--brandColor: #ef4155}.wp-social-link-reddit{--brandColor: #fe4500}.wp-social-link-skype{--brandColor: #0478d7}.wp-social-link-snapchat{--brandColor: #fefc00}.wp-social-link-soundcloud{--brandColor: #ff5600}.wp-social-link-spotify{--brandColor: #1bd760}.wp-social-link-telegram{--brandColor: #08c}.wp-social-link-tiktok{--brandColor: #000}.wp-social-link-tumblr{--brandColor: #011835}.wp-social-link-twitch{--brandColor: #6440a4}.wp-social-link-twitter{--brandColor: #21a1f3}.wp-social-link-vimeo{--brandColor: #1eb7ea}.wp-social-link-vk{--brandColor: #4680c2}.wp-social-link-wordpress{--brandColor: #3499cd}.wp-social-link-jetpack-whatsapp{--brandColor: #25d366}.wp-social-link-whatsapp{--brandColor: #25d366}.wp-social-link-wechat{--brandColor: #7bb32e}.wp-social-link-yelp{--brandColor: #d32422}.wp-social-link-youtube{--brandColor: #ff0100}.wp-social-link-goodreads,.wp-social-link-chain,.wp-social-link-feed,.wp-social-link-mail{--brandColor: #382110}.wp-social-link-snapchat{stroke:#000}.wp-social-link.has-label p{display:inline-block;margin-left:.25rem;line-height:1;font-size:var(--sFontSize)}.wp-block-social-link-anchor{display:flex;align-items:center;justify-content:center;background-color:var(--iconBg, var(--brandColor));transition:var(--gTransition);will-change:opacity,transform;padding:var(--iconPadding, 0.25em);border-radius:var(--gRadius);line-height:0;color:var(--iconColor, var(--textInvert))}.is-style-pill-shape .wp-block-social-link-anchor{border-radius:50%}.is-style-pill-shape .has-label .wp-block-social-link-anchor{--iconPadding: 0.375em 0.5em;border-radius:1rem}.is-style-logos-only .wp-block-social-link-anchor{background-color:rgba(0,0,0,0);color:var(--iconColor, var(--brandColor))}.wp-block-social-link-anchor:hover{opacity:.7;transform:translateY(-1px)}.is-style-default .wp-block-social-link-anchor:hover,.is-style-pill-shape .wp-block-social-link-anchor:hover{box-shadow:var(--shadow0)}.wp-block-social-link-anchor:active{border-top-width:2px;border-bottom-width:1px;transition:none;transform:none}.wp-block-social-link-anchor svg{width:1em;height:1em;fill:currentColor}.wp-block-h-icon{--iconSize: 60px;--iconPadding: 1rem;--iconGap: 1rem;--iconBg: var(--bgColor, rgba(0,0,0,.1));--textColor: inherit;display:flex;align-items:flex-start;color:var(--textColor);border-radius:var(--gRadius)}.wp-block-h-icon.is-style-boxed{--iconPadding: 0;--iconSize: 28px;--iconBg: transparent;padding:.5rem;background-color:var(--bgColor);box-shadow:var(--shadow0)}.wp-block-h-icon.use-image{--iconPadding: 0;--iconSize: 60px;--iconBg: transparent}@media(min-width:769px)and (max-width:960px){.wp-block-h-icon.use-image.is-style-boxed{--iconSize: 45px}}@media(min-width:481px)and (max-width:768px){.wp-block-h-icon.use-image.is-style-boxed{--iconSize: 35px}}.wp-block-h-icon.has-icon-position-top{flex-wrap:wrap}.wp-block-h-icon.has-text-align-center{justify-content:center}.wp-block-h-icon.has-text-align-right{justify-content:flex-end}.wp-block-h-icon.has-no-description{align-items:center}@media(max-width:960px){.wp-block-h-icon{--iconGap: 0.75rem}}a.wp-block-h-icon{text-decoration:none;will-change:transform}a.wp-block-h-icon:hover{opacity:.9;transform:translateY(-2px);color:var(--textColor)}a.wp-block-h-icon:hover dt{text-decoration:underline}a.wp-block-h-icon:active{transform:none;transition:none}.wp-block-h-icon__figure{display:flex;align-items:center;justify-content:center;min-width:var(--iconSize);max-width:var(--iconSize);width:var(--iconSize);height:var(--iconSize);margin:0;padding:var(--iconPadding);background-color:var(--iconBg);border-radius:50%}.has-icon-position-left .wp-block-h-icon__figure{margin-right:var(--iconGap)}.has-icon-position-right .wp-block-h-icon__figure{order:1;margin-left:var(--iconGap)}.has-icon-position-top .wp-block-h-icon__figure{margin-bottom:var(--iconGap)}.wp-block-h-icon__figure path,.wp-block-h-icon__figure rect{fill:var(--iconColor, currentColor)}.wp-block-h-icon__figure svg{max-width:100%;max-height:100%}.wp-block-h-icon__content{flex:1;width:100%}.has-icon-position-top .wp-block-h-icon__content{flex:auto}.wp-block-h-icon__content dt{font-family:var(--hFontFamily);font-weight:700;font-size:var(--h4Size);line-height:var(--hLineHeight)}.is-style-boxed .wp-block-h-icon__content dt{font-weight:500;font-family:var(--fontFamily);font-size:var(--h5Size)}@media(max-width:960px){.is-style-boxed .wp-block-h-icon__content dt{font-size:var(--h6Size)}}.wp-block-h-icon__content dd{margin-top:.75rem}.wp-block-h-icon__content dd p+p{margin-top:.5rem}.wp-block-h-faq{--bgColor: #e5e5e5;--textColor: var(--text, #191e23);border:2px solid var(--bgColor);border-radius:var(--gRadius)}.wp-block-h-faq__question{position:relative;cursor:pointer;padding:.75rem 1rem .75rem 2rem;margin:-1px;background-color:var(--bgColor);font-size:var(--h5Size);color:var(--textColor);line-height:1.25;transition:var(--gTransition)}.wp-block-h-faq__question:hover{opacity:.8}.wp-block-h-faq__question:active{transition:none;box-shadow:var(--shadow0);transform:translateY(1px)}.wp-block-h-faq__question::-webkit-details-marker{display:none}.wp-block-h-faq__question::marker{display:none;font-size:0}.wp-block-h-faq__question::before{content:"+";position:absolute;left:.75rem;display:inline-block;margin-right:.75rem;font-family:var(--codeFontFamily)}[open] .wp-block-h-faq__question::before{content:"-"}[open] .wp-block-h-faq__question{opacity:1}.wp-block-h-faq__answer{padding:1rem 1.5rem}.wp-block-h-faq__answer p+p{margin-top:1rem}.grunion-field-wrap{position:relative;margin-bottom:1rem}.grunion-field-wrap .grunion-field-label{cursor:pointer;margin-bottom:.25rem;font-weight:700;font-size:var(--sFontSize);color:rgbA(0, 0, 0, 0.5)}.grunion-field-wrap span{display:inline-block;margin-left:.5rem;text-transform:initial;font-weight:400;color:var(--red)}.grunion-field-wrap textarea{max-height:8rem} diff --git a/dist/gutenberg.js b/dist/gutenberg.js index 01992dd..7e957e2 100644 --- a/dist/gutenberg.js +++ b/dist/gutenberg.js @@ -1,100 +1 @@ -/******/ (function(modules) { // webpackBootstrap -/******/ // The module cache -/******/ var installedModules = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ -/******/ // Check if module is in cache -/******/ if(installedModules[moduleId]) { -/******/ return installedModules[moduleId].exports; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = installedModules[moduleId] = { -/******/ i: moduleId, -/******/ l: false, -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); -/******/ -/******/ // Flag the module as loaded -/******/ module.l = true; -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/******/ -/******/ // expose the modules object (__webpack_modules__) -/******/ __webpack_require__.m = modules; -/******/ -/******/ // expose the module cache -/******/ __webpack_require__.c = installedModules; -/******/ -/******/ // define getter function for harmony exports -/******/ __webpack_require__.d = function(exports, name, getter) { -/******/ if(!__webpack_require__.o(exports, name)) { -/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); -/******/ } -/******/ }; -/******/ -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ -/******/ // create a fake namespace object -/******/ // mode & 1: value is a module id, require it -/******/ // mode & 2: merge all properties of value into the ns -/******/ // mode & 4: return value when already ns object -/******/ // mode & 8|1: behave like require -/******/ __webpack_require__.t = function(value, mode) { -/******/ if(mode & 1) value = __webpack_require__(value); -/******/ if(mode & 8) return value; -/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; -/******/ var ns = Object.create(null); -/******/ __webpack_require__.r(ns); -/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); -/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); -/******/ return ns; -/******/ }; -/******/ -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function getDefault() { return module['default']; } : -/******/ function getModuleExports() { return module; }; -/******/ __webpack_require__.d(getter, 'a', getter); -/******/ return getter; -/******/ }; -/******/ -/******/ // Object.prototype.hasOwnProperty.call -/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; -/******/ -/******/ // __webpack_public_path__ -/******/ __webpack_require__.p = ""; -/******/ -/******/ -/******/ // Load entry module and return exports -/******/ return __webpack_require__(__webpack_require__.s = "./assets/sass/gutenberg.sass"); -/******/ }) -/************************************************************************/ -/******/ ({ - -/***/ "./assets/sass/gutenberg.sass": -/*!************************************!*\ - !*** ./assets/sass/gutenberg.sass ***! - \************************************/ -/*! no static exports found */ -/***/ (function(module, exports, __webpack_require__) { - -eval("// extracted by mini-css-extract-plugin\n\n//# sourceURL=webpack:///./assets/sass/gutenberg.sass?"); - -/***/ }) - -/******/ }); \ No newline at end of file +!function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=2)}({2:function(e,t,r){}}); \ No newline at end of file diff --git a/dist/my-admin.asset.php b/dist/my-admin.asset.php index 0ae7128..7bf0ff6 100644 --- a/dist/my-admin.asset.php +++ b/dist/my-admin.asset.php @@ -1 +1 @@ - array('wp-polyfill'), 'version' => '7eaf883f406dded1acc5473dd1e7724e'); \ No newline at end of file + array('wp-polyfill'), 'version' => 'd7852e4a505909885ca7277c61b228f7'); \ No newline at end of file diff --git a/dist/my-admin.js b/dist/my-admin.js index efa2343..07cbcc7 100644 --- a/dist/my-admin.js +++ b/dist/my-admin.js @@ -1,112 +1 @@ -/******/ (function(modules) { // webpackBootstrap -/******/ // The module cache -/******/ var installedModules = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ -/******/ // Check if module is in cache -/******/ if(installedModules[moduleId]) { -/******/ return installedModules[moduleId].exports; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = installedModules[moduleId] = { -/******/ i: moduleId, -/******/ l: false, -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); -/******/ -/******/ // Flag the module as loaded -/******/ module.l = true; -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/******/ -/******/ // expose the modules object (__webpack_modules__) -/******/ __webpack_require__.m = modules; -/******/ -/******/ // expose the module cache -/******/ __webpack_require__.c = installedModules; -/******/ -/******/ // define getter function for harmony exports -/******/ __webpack_require__.d = function(exports, name, getter) { -/******/ if(!__webpack_require__.o(exports, name)) { -/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); -/******/ } -/******/ }; -/******/ -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ -/******/ // create a fake namespace object -/******/ // mode & 1: value is a module id, require it -/******/ // mode & 2: merge all properties of value into the ns -/******/ // mode & 4: return value when already ns object -/******/ // mode & 8|1: behave like require -/******/ __webpack_require__.t = function(value, mode) { -/******/ if(mode & 1) value = __webpack_require__(value); -/******/ if(mode & 8) return value; -/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; -/******/ var ns = Object.create(null); -/******/ __webpack_require__.r(ns); -/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); -/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); -/******/ return ns; -/******/ }; -/******/ -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function getDefault() { return module['default']; } : -/******/ function getModuleExports() { return module; }; -/******/ __webpack_require__.d(getter, 'a', getter); -/******/ return getter; -/******/ }; -/******/ -/******/ // Object.prototype.hasOwnProperty.call -/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; -/******/ -/******/ // __webpack_public_path__ -/******/ __webpack_require__.p = ""; -/******/ -/******/ -/******/ // Load entry module and return exports -/******/ return __webpack_require__(__webpack_require__.s = "./assets/js/my-admin.js"); -/******/ }) -/************************************************************************/ -/******/ ({ - -/***/ "./assets/js/my-admin.js": -/*!*******************************!*\ - !*** ./assets/js/my-admin.js ***! - \*******************************/ -/*! no exports provided */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _sass_my_admin_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../sass/my-admin.sass */ \"./assets/sass/my-admin.sass\");\n/* harmony import */ var _sass_my_admin_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_sass_my_admin_sass__WEBPACK_IMPORTED_MODULE_0__);\n\r\n\r\n// script that affect admin panel\n\n//# sourceURL=webpack:///./assets/js/my-admin.js?"); - -/***/ }), - -/***/ "./assets/sass/my-admin.sass": -/*!***********************************!*\ - !*** ./assets/sass/my-admin.sass ***! - \***********************************/ -/*! no static exports found */ -/***/ (function(module, exports, __webpack_require__) { - -eval("// extracted by mini-css-extract-plugin\n\n//# sourceURL=webpack:///./assets/sass/my-admin.sass?"); - -/***/ }) - -/******/ }); \ No newline at end of file +!function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=5)}({5:function(e,t,r){"use strict";r.r(t);r(6)},6:function(e,t,r){}}); \ No newline at end of file diff --git a/dist/my-block.asset.php b/dist/my-block.asset.php index 5058591..bc09cf7 100644 --- a/dist/my-block.asset.php +++ b/dist/my-block.asset.php @@ -1 +1 @@ - array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-polyfill'), 'version' => '859798e993c2aed1ec055aaefd14957c'); \ No newline at end of file + array('wp-polyfill'), 'version' => '6991ae79812174de73051aa9f32cdd97'); \ No newline at end of file diff --git a/dist/my-block.js b/dist/my-block.js index 854d1ac..dc3edaa 100644 --- a/dist/my-block.js +++ b/dist/my-block.js @@ -86,82 +86,14 @@ /************************************************************************/ /******/ ({ -/***/ "./inc/my-block/edit.jsx": -/*!*******************************!*\ - !*** ./inc/my-block/edit.jsx ***! - \*******************************/ -/*! exports provided: default */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ \"@wordpress/element\");\n/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/block-editor */ \"@wordpress/block-editor\");\n/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/components */ \"@wordpress/components\");\n/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__);\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (function (props) {\n var atts = props.attributes;\n var colorSettings = [{\n label: 'Text Color',\n value: atts.textColor,\n onChange: function onChange(value) {\n props.setAttributes({\n textColor: value ? value : 'none'\n });\n }\n }, {\n label: 'Background Color',\n value: atts.bgColor,\n onChange: function onChange(value) {\n props.setAttributes({\n bgColor: value ? value : 'none'\n });\n }\n }]; // Extra toolbar icons\n\n var blockControls = [{\n icon: 'table-col-before',\n title: 'Toolbar 1',\n className: atts.toolbar === 'left' ? 'is-pressed' : '',\n onClick: function onClick() {\n props.setAttributes({\n toolbar: 'left'\n });\n }\n }, {\n icon: 'table-col-after',\n title: 'Toolbar 2',\n className: atts.toolbar === 'right' ? 'is-pressed' : '',\n onClick: function onClick() {\n props.setAttributes({\n toolbar: 'right'\n });\n }\n }];\n return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"])(\"div\", {\n className: \"\\n \".concat(props.className, \"\\n \"),\n style: {\n '--textColor': atts.textColor,\n '--bgColor': atts.bgColor\n }\n }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"])(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__[\"InspectorControls\"], null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__[\"PanelBody\"], {\n title: \"Settings\",\n initialOpen: \"true\"\n }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__[\"SelectControl\"], {\n label: \"Select\",\n options: [{\n label: 'Option 1',\n value: 'option1'\n }, {\n label: 'Option 2',\n value: 'option2'\n }, {\n label: 'Option 3',\n value: 'option3'\n }],\n value: atts.select,\n onChange: function onChange(value) {\n return props.setAttributes({\n select: value\n });\n }\n }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"])(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__[\"ToggleControl\"], {\n label: \"Toggle\",\n checked: atts.toggle,\n onChange: function onChange(value) {\n return props.setAttributes({\n toggle: value\n });\n }\n })), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"])(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__[\"PanelColorSettings\"], {\n title: \"Color\",\n initialOpen: \"true\",\n colorSettings: colorSettings\n })), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"])(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__[\"BlockControls\"], {\n key: \"controls\",\n controls: blockControls\n }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"])(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__[\"AlignmentToolbar\"], {\n value: atts.align,\n onChange: function onChange(value) {\n props.setAttributes({\n align: value ? value : 'none'\n });\n }\n })), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"])(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__[\"RichText\"], {\n tagName: \"p\",\n placeholder: \"Enter description\\u2026\",\n value: atts.description,\n onChange: function onChange(value) {\n return props.setAttributes({\n description: value\n });\n }\n }));\n});\n\n//# sourceURL=webpack:///./inc/my-block/edit.jsx?"); - -/***/ }), - /***/ "./inc/my-block/index.jsx": /*!********************************!*\ !*** ./inc/my-block/index.jsx ***! \********************************/ /*! no exports provided */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _style_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./style.sass */ \"./inc/my-block/style.sass\");\n/* harmony import */ var _style_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_style_sass__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _wordpress_blocks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/blocks */ \"@wordpress/blocks\");\n/* harmony import */ var _wordpress_blocks__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_blocks__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _edit_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./edit.jsx */ \"./inc/my-block/edit.jsx\");\n\n\n\nObject(_wordpress_blocks__WEBPACK_IMPORTED_MODULE_1__[\"registerBlockType\"])('my/example', {\n title: 'Custom Block',\n description: 'Example of a custom block',\n icon: 'id',\n category: 'layout',\n example: {},\n attributes: localizeBC.attributes,\n styles: [{\n name: 'style2',\n label: 'Style 2'\n }],\n edit: _edit_jsx__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n});\n\n//# sourceURL=webpack:///./inc/my-block/index.jsx?"); - -/***/ }), - -/***/ "./inc/my-block/style.sass": -/*!*********************************!*\ - !*** ./inc/my-block/style.sass ***! - \*********************************/ -/*! no static exports found */ -/***/ (function(module, exports, __webpack_require__) { - -eval("// extracted by mini-css-extract-plugin\n\n//# sourceURL=webpack:///./inc/my-block/style.sass?"); - -/***/ }), - -/***/ "@wordpress/block-editor": -/*!*************************************!*\ - !*** external ["wp","blockEditor"] ***! - \*************************************/ -/*! no static exports found */ -/***/ (function(module, exports) { - -eval("(function() { module.exports = window[\"wp\"][\"blockEditor\"]; }());\n\n//# sourceURL=webpack:///external_%5B%22wp%22,%22blockEditor%22%5D?"); - -/***/ }), - -/***/ "@wordpress/blocks": -/*!********************************!*\ - !*** external ["wp","blocks"] ***! - \********************************/ -/*! no static exports found */ -/***/ (function(module, exports) { - -eval("(function() { module.exports = window[\"wp\"][\"blocks\"]; }());\n\n//# sourceURL=webpack:///external_%5B%22wp%22,%22blocks%22%5D?"); - -/***/ }), - -/***/ "@wordpress/components": -/*!************************************!*\ - !*** external ["wp","components"] ***! - \************************************/ -/*! no static exports found */ -/***/ (function(module, exports) { - -eval("(function() { module.exports = window[\"wp\"][\"components\"]; }());\n\n//# sourceURL=webpack:///external_%5B%22wp%22,%22components%22%5D?"); - -/***/ }), - -/***/ "@wordpress/element": -/*!*********************************!*\ - !*** external ["wp","element"] ***! - \*********************************/ -/*! no static exports found */ /***/ (function(module, exports) { -eval("(function() { module.exports = window[\"wp\"][\"element\"]; }());\n\n//# sourceURL=webpack:///external_%5B%22wp%22,%22element%22%5D?"); +eval("throw new Error(\"Module build failed (from ./node_modules/babel-loader/lib/index.js):\\nError: ENOENT: no such file or directory, open 'H:\\\\_open\\\\edje-wp-theme\\\\inc\\\\my-block\\\\index.jsx'\");\n\n//# sourceURL=webpack:///./inc/my-block/index.jsx?"); /***/ }) diff --git a/dist/my-editor.asset.php b/dist/my-editor.asset.php index 76af5ed..d06f747 100644 --- a/dist/my-editor.asset.php +++ b/dist/my-editor.asset.php @@ -1 +1 @@ - array('wp-polyfill'), 'version' => '1592246121e326ae99dd8c567408c35f'); \ No newline at end of file + array('wp-polyfill'), 'version' => 'e503f91470373f325bd0534c8d725e82'); \ No newline at end of file diff --git a/dist/my-editor.css b/dist/my-editor.css index ea296f5..dcfe6e8 100644 --- a/dist/my-editor.css +++ b/dist/my-editor.css @@ -1,649 +1 @@ -:root { - --text: #2c3e50; - --textRGB: 44, 62, 80; - --textFilter: invert(18%) sepia(12%) saturate(1870%) hue-rotate(169deg) brightness(94%) contrast(83%); - --textDim: #868698; - --textDimRGB: 134, 134, 152; - --textDimFilter: invert(53%) sepia(8%) saturate(544%) hue-rotate(201deg) brightness(99%) contrast(91%); - --textInvert: #ffffff; - --textInvertRGB: 255, 255, 255; - --textInvertFilter: invert(100%) sepia(10%) saturate(7462%) hue-rotate(173deg) brightness(117%) contrast(108%); - --color1: #3498db; - --color1RGB: 52, 152, 219; - --color1Filter: invert(59%) sepia(80%) saturate(2621%) hue-rotate(178deg) brightness(91%) contrast(87%); - --color1Dark: #2573A7; - --color1DarkRGB: 37, 115, 167; - --color1DarkFilter: invert(39%) sepia(9%) saturate(4187%) hue-rotate(163deg) brightness(95%) contrast(86%); - --color1Light: #DEEDF8; - --color1LightRGB: 222, 237, 248; - --color1LightFilter: invert(87%) sepia(18%) saturate(184%) hue-rotate(170deg) brightness(105%) contrast(95%); - --color2: #2ecc71; - --color2RGB: 46, 204, 113; - --color2Filter: invert(64%) sepia(63%) saturate(493%) hue-rotate(92deg) brightness(90%) contrast(90%); - --color2Dark: #26A65B; - --color2DarkRGB: 38, 166, 91; - --color2DarkFilter: invert(49%) sepia(22%) saturate(1352%) hue-rotate(92deg) brightness(103%) contrast(90%); - --color2Light: #DEF7E8; - --color2LightRGB: 222, 247, 232; - --color2LightFilter: invert(98%) sepia(67%) saturate(213%) hue-rotate(65deg) brightness(100%) contrast(95%); - --color3: #e74c3c; - --color3RGB: 231, 76, 60; - --color3Filter: invert(59%) sepia(98%) saturate(5598%) hue-rotate(343deg) brightness(99%) contrast(83%); - --color3Light: #FBDEDB; - --color3LightRGB: 251, 222, 219; - --color3LightFilter: invert(96%) sepia(66%) saturate(482%) hue-rotate(292deg) brightness(101%) contrast(97%); - --siteBg: #f8f9fb; - --siteBgColor: #f8f9fb; - --panelBg: #eff1f5; - --colorAlert: #e74c3c; - --colorAlertLight: #f8cdc9; - --shadow0: 0 0.5px 2px rgba(0,0,0, .18), 0 1.5px 6px rgba(0,0,0, .08); - --shadow1: 0 1.5px 4px rgba(0,0,0, .24), 0 1.5px 6px rgba(0,0,0, .12); - --shadow2: 0 3px 12px rgba(0,0,0, .23), 0 3px 12px rgba(0,0,0, .16); - --shadow3: 0 6px 12px rgba(0,0,0, .23), 0 10px 40px rgba(0,0,0, .19); - --shadow4: 0 10px 20px rgba(0,0,0, .19), 0 6px 6px rgba(0,0,0, .23); - --shadowThin: 0 10px 30px rgba(0,0,0, .05); - --fontFamily: -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"; - --fontWeight: 400; - --lineHeight: 1.65; - --letterSpacing: 0; - --fontSize: 16px; - --xsFontSize: 12px; - --sFontSize: 14px; - --mFontSize: 18px; - --lFontSize: 22px; - --xlFontSize: 30px; - --xsmallFontSize: var(--xsFontSize); - --smallFontSize: var(--sFontSize); - --mediumFontSize: var(--mFontSize); - --largeFontSize: var(--lFontSize); - --hugeFontSize: var(--xlFontSize); - --hFontFamily: "Noto Serif", "Apple Garamond", "Baskerville", "Times New Roman", "Droid Serif", "Times","Source Serif Pro", serif; - --hFontStyle: normal; - --hFontWeight: 700; - --hLineHeight: 1.25; - --hLetterSpacing: 0.025em; - --hTextTransform: initial; - --hColor: inherit; - --h1Size: 46px; - --h2Size: 38px; - --h3Size: 30px; - --h4Size: 24px; - --h5Size: 20px; - --h6Size: var(--fontSize); - --codeFontFamily: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace; - --codeFontSize: var(--sFontSize); - --linkColor: inherit; - --linkColorHover: var(--color1); - --siteWidth: 1120px; - --blogWidth: 650px; - --gridGap: 20px; - --gridRim: 1rem; - --tileGap: 20px; - --gRadius: 4px; - --gTransition: all .25s ease-in-out; - --inputColor: var(--text); - --inputPlaceholderColor: var(--textDim); - --inputBg: var(--textInvert); - --inputBgFocus: var(--textInvert); - --adminBarHeight: 0px; - --wp--style--block-gap: 1.5rem; - --groupSpacing: 3rem; - --main: var(--color1); - --mainDark: var(--color1Dark); - --mainLight: var(--color1Light); - --sub: var(--color2); - --subDark: var(--color2Dark); - --subLight: var(--color2Light); - --extra: var(--color3); - --extraLight: var(--color3Light); - --blockSpacing: var(--wp--style--block-gap); -} -@media (max-width:960px) { - :root { - --h1Size: 40px; - --h2Size: 32px; - --h3Size: 26px; - --h4Size: 22px; - --h5Size: 18px; - --h6Size: var(--fontSize); - } -} -@media (max-width:768px) { - :root { - --h1Size: 32px; - --h2Size: 26px; - --h3Size: 22px; - --h4Size: 20px; - --h5Size: 18px; - --h6Size: var(--fontSize); - --groupSpacing: 2.5rem; - } -} -@media (max-width:480px) { - :root { - --blockSpacing: 1rem; - } -} - -body.admin-bar { - --adminBarHeight: 32px; -} -@media (max-width:782px) { - body.admin-bar { - --adminBarHeight: 0px; - } -} - -.has-text-base-background-color { - --bgColor: var(--text); - --bgColorRGB: var(--textRGB); -} - -.has-text-base-color { - --textColor: var(--text); - --textColorRGB: var(--textRGB); - --filterColor: var(--textFilter); -} - -.has-text-dim-background-color { - --bgColor: var(--textDim); - --bgColorRGB: var(--textDimRGB); -} - -.has-text-dim-color { - --textColor: var(--textDim); - --textColorRGB: var(--textDimRGB); - --filterColor: var(--textDimFilter); -} - -.has-text-invert-background-color { - --bgColor: var(--textInvert); - --bgColorRGB: var(--textInvertRGB); -} - -.has-text-invert-color { - --textColor: var(--textInvert); - --textColorRGB: var(--textInvertRGB); - --filterColor: var(--textInvertFilter); -} - -.has-color-1-background-color { - --bgColor: var(--color1); - --bgColorRGB: var(--color1RGB); -} - -.has-color-1-color { - --textColor: var(--color1); - --textColorRGB: var(--color1RGB); - --filterColor: var(--color1Filter); -} - -.has-color-1-dark-background-color { - --bgColor: var(--color1Dark); - --bgColorRGB: var(--color1DarkRGB); -} - -.has-color-1-dark-color { - --textColor: var(--color1Dark); - --textColorRGB: var(--color1DarkRGB); - --filterColor: var(--color1DarkFilter); -} - -.has-color-1-light-background-color { - --bgColor: var(--color1Light); - --bgColorRGB: var(--color1LightRGB); -} - -.has-color-1-light-color { - --textColor: var(--color1Light); - --textColorRGB: var(--color1LightRGB); - --filterColor: var(--color1LightFilter); -} - -.has-color-2-background-color { - --bgColor: var(--color2); - --bgColorRGB: var(--color2RGB); -} - -.has-color-2-color { - --textColor: var(--color2); - --textColorRGB: var(--color2RGB); - --filterColor: var(--color2Filter); -} - -.has-color-2-dark-background-color { - --bgColor: var(--color2Dark); - --bgColorRGB: var(--color2DarkRGB); -} - -.has-color-2-dark-color { - --textColor: var(--color2Dark); - --textColorRGB: var(--color2DarkRGB); - --filterColor: var(--color2DarkFilter); -} - -.has-color-2-light-background-color { - --bgColor: var(--color2Light); - --bgColorRGB: var(--color2LightRGB); -} - -.has-color-2-light-color { - --textColor: var(--color2Light); - --textColorRGB: var(--color2LightRGB); - --filterColor: var(--color2LightFilter); -} - -.has-color-3-background-color { - --bgColor: var(--color3); - --bgColorRGB: var(--color3RGB); -} - -.has-color-3-color { - --textColor: var(--color3); - --textColorRGB: var(--color3RGB); - --filterColor: var(--color3Filter); -} - -.has-color-3-light-background-color { - --bgColor: var(--color3Light); - --bgColorRGB: var(--color3LightRGB); -} - -.has-color-3-light-color { - --textColor: var(--color3Light); - --textColorRGB: var(--color3LightRGB); - --filterColor: var(--color3LightFilter); -} - -@font-face { - src: url(5d8da75aca3a31f37c5f72b734ca8c49.woff2); - font-family: "Noto Serif"; - font-weight: 400; -} -@font-face { - src: url(f6e4737d8c2e16f0cec8c4f999d165a5.woff2); - font-family: "Noto Serif"; - font-weight: 700; -} -.wp-block { - max-width: var(--blogWidth); -} -.wp-block b, .wp-block strong { - font-weight: 700; -} -.wp-block.is-reusable { - max-width: none; -} - -.wp-block[data-align=wide] { - max-width: calc(var(--siteWidth) - 100px); -} - -.editor-styles-wrapper { - background-color: var(--siteBg); -} - -.has-text-color, -.has-inline-color { - color: var(--textColor, var(--text)); -} - -.has-background { - background-color: var(--bgColor); -} - -.editor-styles-wrapper > * { - font-family: var(--fontFamily); - font-size: var(--fontSize); - font-weight: var(--fontWeight); - line-height: var(--lineHeight); - color: var(--text); -} - -.editor-post-title__block .editor-post-title__input, -.editor-styles-wrapper h1, -.editor-styles-wrapper h2, -.editor-styles-wrapper h3, -.editor-styles-wrapper h4, -.editor-styles-wrapper h5, -.editor-styles-wrapper h6, -.editor-styles-wrapper .has-drop-cap:not(:focus)::first-letter { - font-family: var(--hFontFamily); - font-weight: var(--hFontWeight); - text-transform: var(--hTextTransform); - margin-bottom: 0; -} - -.editor-styles-wrapper h1 { - font-size: var(--h1Size); -} -.editor-styles-wrapper h2 { - font-size: var(--h2Size); -} -.editor-styles-wrapper h3 { - font-size: var(--h3Size); -} -.editor-styles-wrapper h4 { - font-size: var(--h4Size); -} -.editor-styles-wrapper h5 { - font-size: var(--h5Size); -} -.editor-styles-wrapper h6 { - font-size: var(--h6Size); -} - -[data-type="core/list"] ol { - list-style-type: lower-alpha; -} -[data-type="core/list"].has-background { - padding: 1rem 1.5rem; - padding-left: 2.5rem; -} - -[data-type="core/heading"].has-background { - padding: 1rem 1.5rem; -} -[data-type="core/heading"] strong { - font-weight: var(--fontWeight); -} -[data-type="core/heading"] sub, -[data-type="core/heading"] sup { - text-transform: uppercase; - letter-spacing: 0.05em; - font-size: 50%; - font-weight: 400; -} - -.wp-block-quote.has-text-align-center { - padding-top: 1rem; -} -.wp-block-quote.has-text-align-center::before { - content: ""; - position: absolute; - top: 0; - width: 100px; - height: 3px; - background-color: var(--text); - transform: translateX(-50%); -} - -.wp-block-quote.is-style-large { - padding: 1rem 0; - border-top: 3px solid var(--textDim); - border-bottom: 3px solid var(--textDim); - font-size: var(--h5Size); -} -.wp-block-quote.is-style-large::before { - display: none; -} -.wp-block-quote.is-style-large p { - font-size: 1em; - font-style: normal; -} -.wp-block-quote.is-style-large cite { - text-align: right; - font-size: var(--sFontSize); -} -.wp-block-quote.is-style-large.has-text-align-center cite { - text-align: center; -} -.wp-block-quote.is-style-large.has-text-align-right cite { - text-align: left; -} - -.wp-block-image .components-resizable-box__container { - max-width: 100% !important; -} - -.editor-styles-wrapper .block-editor-block-list__layout div.wp-block[data-align=left], -.editor-styles-wrapper .block-editor-block-list__layout div.wp-block[data-align=right] { - float: none; -} -.editor-styles-wrapper .block-editor-block-list__layout div.wp-block[data-align=left] > *:first-child { - float: left; -} -.editor-styles-wrapper .block-editor-block-list__layout div.wp-block[data-align=right] > *:first-child { - float: right; -} - -.wp-block-table { - margin-top: var(--blockSpacing); - margin-bottom: var(--blockSpacing); -} -.wp-block-table table { - --theadBg: var(--bgColor, #eef2f7); - --theadColor: var(--textColor, var(--text)); - --tbodyBg: var(--textInvert); - --tbodyColor: var(--text); - border-collapse: collapse; - border-spacing: 0; -} -.wp-block-table.is-style-h-full-color table { - --tbodyBg: var(--theadBg); - --tbodyColor: var(--theadColor); -} -.wp-block-table.is-style-stripes th, .wp-block-table.is-style-stripes td { - border: 1px solid rgbA(0, 0, 0, 0.5); -} -.wp-block-table.is-style-stripes tbody tr:nth-child(odd) { - background: none; -} -.wp-block-table.is-style-stripes tbody tr:nth-child(even) { - background-color: var(--theadBg); - color: var(--theadColor); -} -.wp-block-table thead, -.wp-block-table tfoot { - background-color: var(--theadBg); - color: var(--theadColor); - font-weight: 700; - text-align: left; -} -.wp-block-table thead { - border-bottom: 2px solid var(--text); -} -.wp-block-table tfoot { - border-top: 2px solid var(--text); -} -.wp-block-table tbody { - background-color: var(--tbodyBg); - color: var(--tbodyColor); -} -.wp-block-table tr { - border: none; -} -.wp-block-table th, .wp-block-table td { - border: 1px solid rgbA(0, 0, 0, 0.5); -} - -.wp-block-button__link { - background-color: var(--color1); - text-transform: uppercase; - font-weight: var(--hFontWeight); - border-radius: var(--gRadius); -} -.is-style-outline .wp-block-button__link { - border: 2px solid currentColor; - color: var(--color1); -} -.is-style-outline .wp-block-button__link:not(:hover) { - background-color: transparent !important; -} -.is-style-h-transparent .wp-block-button__link { - border: none; - color: var(--textColor, var(--text)); -} -.is-style-h-transparent .wp-block-button__link:not(:hover) { - background-color: transparent !important; -} - -.wp-block-column.has-background { - padding: 1rem; - border-radius: var(--gRadius); -} - -.wp-block-group[data-type="core/group"] > .block-list-appender { - margin-right: auto; - margin-left: auto; -} - -.wp-block-group.has-background:not(.alignfull) { - padding-right: var(--gridGap); - padding-left: var(--gridGap); -} - -.wp-block-group > * { - max-width: var(--blogWidth); - margin-right: auto; - margin-left: auto; -} -.wp-block-group > *.alignwide { - max-width: var(--siteWidth); -} - -.has-custom-content-position { - --alignX: center; - --alignY: center; -} -.has-custom-content-position[class*=is-position-top-] { - --alignY: flex-start; -} -.has-custom-content-position[class*=is-position-bottom-] { - --alignY: flex-end; -} -.has-custom-content-position[class*=-right] { - --alignX: flex-end; -} -.has-custom-content-position[class*=-left] { - --alignX: flex-start; -} - -.wp-block-cover { - display: flex; - align-items: stretch !important; - justify-content: center !important; -} - -.wp-block-cover.is-light .wp-block-cover__inner-container { - color: var(--textInvert); -} - -.wp-block-cover .wp-block-cover__inner-container { - display: flex; - flex-direction: column; - align-items: var(--alignX, center); - justify-content: var(--alignY, center); - width: var(--siteWidth) !important; -} -.wp-block-cover .wp-block-cover__inner-container > * { - width: 100%; - max-width: var(--blogWidth); -} -.wp-block-cover .wp-block-cover__inner-container .alignwide { - max-width: var(--siteWidth); -} -.wp-block-cover .wp-block-cover__inner-container .wp-block-cover__inner-container { - min-width: var(--blogWidth); - width: 100%; -} - -pre.wp-block-code { - background-color: rgbA(0, 0, 0, 0.05); -} -pre.wp-block-code code { - background-color: transparent; -} - -.block-editor-inserter__panel-content [aria-label=Embeds] > div:nth-child(n+2) { - display: none; -} - -.edit-post-visual-editor ul.wp-block-latest-posts { - display: grid; - grid-template-columns: repeat(var(--postsColumns, 1), 1fr); - column-gap: var(--postsGap, 1.5rem); - row-gap: var(--postsGap, 1.5rem); - list-style-type: none; - padding-left: 0; - clear: both; -} -.edit-post-visual-editor ul.wp-block-latest-posts.alignwide, .edit-post-visual-editor ul.wp-block-latest-posts.alignfull { - --blockSpacing: var(--groupSpacing); -} -.edit-post-visual-editor ul.wp-block-latest-posts li { - clear: both; - width: 100%; - margin: 0; -} -.edit-post-visual-editor ul.wp-block-latest-posts a { - display: block; - pointer-events: none; -} -.edit-post-visual-editor ul.wp-block-latest-posts li > a { - font-family: var(--hFontFamily); - font-size: var(--postsFontSize, var(--h5Size)); -} -.edit-post-visual-editor ul.wp-block-latest-posts.columns-1 { - --postsColumns: 1; -} -.edit-post-visual-editor ul.wp-block-latest-posts.columns-2 { - --postsColumns: 2; -} -.edit-post-visual-editor ul.wp-block-latest-posts.columns-3 { - --postsColumns: 3; -} -.edit-post-visual-editor ul.wp-block-latest-posts.columns-4 { - --postsColumns: 4; -} -.edit-post-visual-editor ul.wp-block-latest-posts.columns-5 { - --postsColumns: 5; -} -.edit-post-visual-editor ul.wp-block-latest-posts.columns-6 { - --postsColumns: 6; -} -.edit-post-visual-editor ul.wp-block-latest-posts.columns-4, .edit-post-visual-editor ul.wp-block-latest-posts.columns-5, .edit-post-visual-editor ul.wp-block-latest-posts.columns-6 { - --postsGap: 1rem; - --postsFontSize: var(--h6Size); -} - -.wp-block-latest-posts__post-author, -.wp-block-latest-posts__post-date { - display: inline-block; - color: var(--textDim); - font-size: var(--sFontSize); -} - -.wp-block-latest-posts__post-author { - margin-right: 1rem; -} - -.wp-block-latest-posts__featured-image { - margin-bottom: 0.5rem; -} -.wp-block-latest-posts__featured-image a:hover { - opacity: 0.75; -} -.wp-block-latest-posts__featured-image.alignleft, .wp-block-latest-posts__featured-image.alignright { - max-width: 50%; -} -.is-grid .wp-block-latest-posts__featured-image.alignleft, .is-grid .wp-block-latest-posts__featured-image.alignright { - max-width: 40%; -} -.wp-block-latest-posts__featured-image.alignleft { - float: left; - margin-right: 1rem; -} -.wp-block-latest-posts__featured-image.alignright { - float: right; - margin-left: 1rem; -} -.wp-block-latest-posts__featured-image.aligncenter, .is-grid .wp-block-latest-posts__featured-image { - max-width: none; -} -.wp-block-latest-posts__featured-image.aligncenter img, .is-grid .wp-block-latest-posts__featured-image img { - width: 100%; - max-height: 150px; - object-fit: cover; -} +:root{--text:#2c3e50;--textRGB:44,62,80;--textDim:#868698;--textDimRGB:134,134,152;--textInvert:#ffffff;--textInvertRGB:255,255,255;--color1:#5C6BC0;--color1RGB:92,107,192;--color1Dark:#3F4EA2;--color1DarkRGB:63,78,162;--color1Light:#D3D7EE;--color1LightRGB:211,215,238;--color2:#2ecc71;--color2RGB:46,204,113;--color2Dark:#26A65B;--color2DarkRGB:38,166,91;--color2Light:#def7e8;--color2LightRGB:222,247,232;--color3:#e74c3c;--color3RGB:231,76,60;--color3Light:#fbdedb;--color3LightRGB:251,222,219;--siteBg: #f8f9fb;--siteBgColor: #f8f9fb;--panelBg: #eff1f5;--colorAlert: #e74c3c;--colorAlertLight: #f8cdc9;--shadow0: 0 0.5px 2px rgba(0,0,0, .18), 0 1.5px 6px rgba(0,0,0, .08);--shadow1: 0 1.5px 4px rgba(0,0,0, .24), 0 1.5px 6px rgba(0,0,0, .12);--shadow2: 0 3px 12px rgba(0,0,0, .23), 0 3px 12px rgba(0,0,0, .16);--shadow3: 0 6px 12px rgba(0,0,0, .23), 0 10px 40px rgba(0,0,0, .19);--shadow4: 0 10px 20px rgba(0,0,0, .19), 0 6px 6px rgba(0,0,0, .23);--shadowThin: 0 10px 30px rgba(0,0,0, .05);--fontFamily: -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";--fontWeight: 400;--lineHeight: 1.65;--letterSpacing: 0;--fontSize: 16px;--xsFontSize: 12px;--sFontSize: 14px;--mFontSize: 18px;--lFontSize: 22px;--xlFontSize: 30px;--xsmallFontSize: var(--xsFontSize);--smallFontSize: var(--sFontSize);--mediumFontSize: var(--mFontSize);--largeFontSize: var(--lFontSize);--hugeFontSize: var(--xlFontSize);--hFontFamily: "Noto Serif", "Apple Garamond", "Baskerville", "Times New Roman", "Droid Serif", "Times","Source Serif Pro", serif;--hFontStyle: normal;--hFontWeight: 700;--hLineHeight: 1.25;--hLetterSpacing: 0.025em;--hTextTransform: initial;--hColor: inherit;--h1Size: 46px;--h2Size: 38px;--h3Size: 30px;--h4Size: 24px;--h5Size: 20px;--h6Size: var(--fontSize);--codeFontFamily: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;--codeFontSize: var(--sFontSize);--linkColor: inherit;--linkColorHover: var(--color1);--siteWidth: 1120px;--blogWidth: 650px;--gridGap: 20px;--gridRim: 1rem;--tileGap: 20px;--gRadius: 4px;--gTransition: all .25s ease-in-out;--inputColor: var(--text);--inputPlaceholderColor: var(--textDim);--inputBg: var(--textInvert);--inputBgFocus: var(--textInvert);--adminBarHeight: 0px;--wp--style--block-gap: 1.5rem;--groupSpacing: 3rem;--main: var(--color1);--mainDark: var(--color1Dark);--mainLight: var(--color1Light);--sub: var(--color2);--subDark: var(--color2Dark);--subLight: var(--color2Light);--extra: var(--color3);--extraLight: var(--color3Light);--blockSpacing: var(--wp--style--block-gap)}@media(max-width:960px){:root{--h1Size: 40px;--h2Size: 32px;--h3Size: 26px;--h4Size: 22px;--h5Size: 18px;--h6Size: var(--fontSize)}}@media(max-width:768px){:root{--h1Size: 32px;--h2Size: 26px;--h3Size: 22px;--h4Size: 20px;--h5Size: 18px;--h6Size: var(--fontSize);--groupSpacing: 2.5rem}}@media(max-width:480px){:root{--blockSpacing: 1rem}}body.admin-bar{--adminBarHeight: 32px}@media(max-width:782px){body.admin-bar{--adminBarHeight: 0px}}.has-text-base-background-color{--bgColor: var(--text);--bgColorRGB: var(--textRGB)}.has-text-base-color{--textColor: var(--text);--textColorRGB: var(--textRGB);--filterColor: invert(18%) sepia(12%) saturate(1870%) hue-rotate(169deg) brightness(94%) contrast(83%)}.has-text-dim-background-color{--bgColor: var(--textDim);--bgColorRGB: var(--textDimRGB)}.has-text-dim-color{--textColor: var(--textDim);--textColorRGB: var(--textDimRGB);--filterColor: invert(53%) sepia(8%) saturate(544%) hue-rotate(201deg) brightness(99%) contrast(91%)}.has-text-invert-background-color{--bgColor: var(--textInvert);--bgColorRGB: var(--textInvertRGB)}.has-text-invert-color{--textColor: var(--textInvert);--textColorRGB: var(--textInvertRGB);--filterColor: invert(100%) sepia(10%) saturate(7462%) hue-rotate(173deg) brightness(117%) contrast(108%)}.has-color-1-background-color{--bgColor: var(--color1);--bgColorRGB: var(--color1RGB)}.has-color-1-color{--textColor: var(--color1);--textColorRGB: var(--color1RGB);--filterColor: invert(59%) sepia(80%) saturate(2621%) hue-rotate(178deg) brightness(91%) contrast(87%)}.has-color-1-dark-background-color{--bgColor: var(--color1Dark);--bgColorRGB: var(--color1DarkRGB)}.has-color-1-dark-color{--textColor: var(--color1Dark);--textColorRGB: var(--color1DarkRGB);--filterColor: invert(39%) sepia(9%) saturate(4187%) hue-rotate(163deg) brightness(95%) contrast(86%)}.has-color-1-light-background-color{--bgColor: var(--color1Light);--bgColorRGB: var(--color1LightRGB)}.has-color-1-light-color{--textColor: var(--color1Light);--textColorRGB: var(--color1LightRGB);--filterColor: invert(87%) sepia(18%) saturate(184%) hue-rotate(170deg) brightness(105%) contrast(95%)}.has-color-2-background-color{--bgColor: var(--color2);--bgColorRGB: var(--color2RGB)}.has-color-2-color{--textColor: var(--color2);--textColorRGB: var(--color2RGB);--filterColor: invert(64%) sepia(63%) saturate(493%) hue-rotate(92deg) brightness(90%) contrast(90%)}.has-color-2-dark-background-color{--bgColor: var(--color2Dark);--bgColorRGB: var(--color2DarkRGB)}.has-color-2-dark-color{--textColor: var(--color2Dark);--textColorRGB: var(--color2DarkRGB);--filterColor: invert(49%) sepia(22%) saturate(1352%) hue-rotate(92deg) brightness(103%) contrast(90%)}.has-color-2-light-background-color{--bgColor: var(--color2Light);--bgColorRGB: var(--color2LightRGB)}.has-color-2-light-color{--textColor: var(--color2Light);--textColorRGB: var(--color2LightRGB);--filterColor: invert(98%) sepia(67%) saturate(213%) hue-rotate(65deg) brightness(100%) contrast(95%)}.has-color-3-background-color{--bgColor: var(--color3);--bgColorRGB: var(--color3RGB)}.has-color-3-color{--textColor: var(--color3);--textColorRGB: var(--color3RGB);--filterColor: invert(59%) sepia(98%) saturate(5598%) hue-rotate(343deg) brightness(99%) contrast(83%)}.has-color-3-light-background-color{--bgColor: var(--color3Light);--bgColorRGB: var(--color3LightRGB)}.has-color-3-light-color{--textColor: var(--color3Light);--textColorRGB: var(--color3LightRGB);--filterColor: invert(96%) sepia(66%) saturate(482%) hue-rotate(292deg) brightness(101%) contrast(97%)}@font-face{src:url(5d8da75aca3a31f37c5f72b734ca8c49.woff2);font-family:"Noto Serif";font-weight:400}@font-face{src:url(f6e4737d8c2e16f0cec8c4f999d165a5.woff2);font-family:"Noto Serif";font-weight:700}.wp-block{max-width:var(--blogWidth)}.wp-block b,.wp-block strong{font-weight:700}.wp-block[data-align=wide]{max-width:calc(var(--siteWidth) - 100px)}.editor-styles-wrapper{background-color:var(--siteBg)}.has-text-color,.has-inline-color{color:var(--textColor, var(--text))}.has-background{background-color:var(--bgColor)}.editor-styles-wrapper>*{font-family:var(--fontFamily);font-size:var(--fontSize);font-weight:var(--fontWeight);line-height:var(--lineHeight);color:var(--text)}.editor-post-title__block .editor-post-title__input,.editor-styles-wrapper h1,.editor-styles-wrapper h2,.editor-styles-wrapper h3,.editor-styles-wrapper h4,.editor-styles-wrapper h5,.editor-styles-wrapper h6,.editor-styles-wrapper .has-drop-cap:not(:focus)::first-letter{font-family:var(--hFontFamily);font-weight:var(--hFontWeight);text-transform:var(--hTextTransform);line-height:var(--hLineHeight);margin-bottom:0}.editor-styles-wrapper h1{font-size:var(--h1Size)}.editor-styles-wrapper h2{font-size:var(--h2Size)}.editor-styles-wrapper h3{font-size:var(--h3Size)}.editor-styles-wrapper h4{font-size:var(--h4Size)}.editor-styles-wrapper h5{font-size:var(--h5Size)}.editor-styles-wrapper h6{font-size:var(--h6Size)}[data-type="core/heading"] strong{font-weight:var(--fontWeight)}.wp-block-quote.has-text-align-center{padding-top:1rem}.wp-block-quote.has-text-align-center::before{content:"";position:absolute;top:0;width:100px;height:3px;background-color:var(--text);transform:translateX(-50%)}.wp-block-quote.is-style-large{padding:1rem 0;border-top:3px solid var(--textDim);border-bottom:3px solid var(--textDim);font-size:var(--h5Size)}.wp-block-quote.is-style-large::before{display:none}.wp-block-quote.is-style-large p{font-size:1em;font-style:normal}.wp-block-quote.is-style-large cite{text-align:right;font-size:var(--sFontSize)}.wp-block-quote.is-style-large.has-text-align-center cite{text-align:center}.wp-block-quote.is-style-large.has-text-align-right cite{text-align:left}.wp-block-table{margin-top:var(--blockSpacing);margin-bottom:var(--blockSpacing)}.wp-block-table table{--theadBg: var(--bgColor, #eef2f7);--theadColor: var(--textColor, var(--text));--tbodyBg: var(--textInvert);--tbodyColor: var(--text);border-collapse:collapse;border-spacing:0}.wp-block-table.is-style-h-full-color table{--tbodyBg: var(--theadBg);--tbodyColor: var(--theadColor)}.wp-block-table.is-style-stripes th,.wp-block-table.is-style-stripes td{border:1px solid rgbA(0, 0, 0, 0.5)}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background:none}.wp-block-table.is-style-stripes tbody tr:nth-child(even){background-color:var(--theadBg);color:var(--theadColor)}.wp-block-table thead,.wp-block-table tfoot{background-color:var(--theadBg);color:var(--theadColor);font-weight:700;text-align:left}.wp-block-table thead{border-bottom:2px solid var(--text)}.wp-block-table tfoot{border-top:2px solid var(--text)}.wp-block-table tbody{background-color:var(--tbodyBg);color:var(--tbodyColor)}.wp-block-table tr{border:none}.wp-block-table th,.wp-block-table td{border:1px solid rgbA(0, 0, 0, 0.5)}.wp-block-button__link{background-color:var(--color1);text-transform:uppercase;font-weight:var(--hFontWeight);border-radius:var(--gRadius)}.is-style-outline .wp-block-button__link{border:2px solid currentColor;color:var(--color1)}.is-style-outline .wp-block-button__link:not(:hover){background-color:rgba(0,0,0,0) !important}.is-style-h-transparent .wp-block-button__link{border:none;color:var(--textColor, var(--text))}.is-style-h-transparent .wp-block-button__link:not(:hover){background-color:rgba(0,0,0,0) !important}.has-custom-content-position{--alignX: center;--alignY: center}.has-custom-content-position[class*=is-position-top-]{--alignY: flex-start}.has-custom-content-position[class*=is-position-bottom-]{--alignY: flex-end}.has-custom-content-position[class*=-right]{--alignX: flex-end}.has-custom-content-position[class*=-left]{--alignX: flex-start}.wp-block-cover{display:flex;align-items:stretch !important;justify-content:center !important}.wp-block-cover.is-light .wp-block-cover__inner-container{color:var(--textInvert)}.wp-block-cover .wp-block-cover__inner-container{display:flex;flex-direction:column;align-items:var(--alignX, center);justify-content:var(--alignY, center);width:var(--siteWidth) !important}.wp-block-cover .wp-block-cover__inner-container>*{width:100%;max-width:var(--blogWidth)}.wp-block-cover .wp-block-cover__inner-container .alignwide{max-width:var(--siteWidth)}.wp-block-cover .wp-block-cover__inner-container .wp-block-cover__inner-container{min-width:var(--blogWidth);width:100%}.block-editor-inserter__panel-content [aria-label=Embeds]>div:nth-child(n+2){display:none}.edit-post-visual-editor ul.wp-block-latest-posts{display:grid;grid-template-columns:repeat(var(--postsColumns, 1), 1fr);column-gap:var(--postsGap, 1.5rem);row-gap:var(--postsGap, 1.5rem);list-style-type:none;padding-left:0;clear:both}.edit-post-visual-editor ul.wp-block-latest-posts.alignwide,.edit-post-visual-editor ul.wp-block-latest-posts.alignfull{--blockSpacing: var(--groupSpacing)}.edit-post-visual-editor ul.wp-block-latest-posts li{clear:both;width:100%;margin:0}.edit-post-visual-editor ul.wp-block-latest-posts a{display:block;pointer-events:none}.edit-post-visual-editor ul.wp-block-latest-posts li>a{font-family:var(--hFontFamily);font-size:var(--postsFontSize, var(--h5Size))}.edit-post-visual-editor ul.wp-block-latest-posts.columns-1{--postsColumns: 1}.edit-post-visual-editor ul.wp-block-latest-posts.columns-2{--postsColumns: 2}.edit-post-visual-editor ul.wp-block-latest-posts.columns-3{--postsColumns: 3}.edit-post-visual-editor ul.wp-block-latest-posts.columns-4{--postsColumns: 4}.edit-post-visual-editor ul.wp-block-latest-posts.columns-5{--postsColumns: 5}.edit-post-visual-editor ul.wp-block-latest-posts.columns-6{--postsColumns: 6}.edit-post-visual-editor ul.wp-block-latest-posts.columns-4,.edit-post-visual-editor ul.wp-block-latest-posts.columns-5,.edit-post-visual-editor ul.wp-block-latest-posts.columns-6{--postsGap: 1rem;--postsFontSize: var(--h6Size)}.wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date{display:inline-block;color:var(--textDim);font-size:var(--sFontSize)}.wp-block-latest-posts__post-author{margin-right:1rem}.wp-block-latest-posts__featured-image{margin-bottom:.5rem}.wp-block-latest-posts__featured-image a:hover{opacity:.75}.wp-block-latest-posts__featured-image.alignleft,.wp-block-latest-posts__featured-image.alignright{max-width:50%}.is-grid .wp-block-latest-posts__featured-image.alignleft,.is-grid .wp-block-latest-posts__featured-image.alignright{max-width:40%}.wp-block-latest-posts__featured-image.alignleft{float:left;margin-right:1rem}.wp-block-latest-posts__featured-image.alignright{float:right;margin-left:1rem}.wp-block-latest-posts__featured-image.aligncenter,.is-grid .wp-block-latest-posts__featured-image{max-width:none}.wp-block-latest-posts__featured-image.aligncenter img,.is-grid .wp-block-latest-posts__featured-image img{width:100%;max-height:150px;object-fit:cover} diff --git a/dist/my-editor.js b/dist/my-editor.js index 64b4ae7..5241a3a 100644 --- a/dist/my-editor.js +++ b/dist/my-editor.js @@ -1,112 +1 @@ -/******/ (function(modules) { // webpackBootstrap -/******/ // The module cache -/******/ var installedModules = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ -/******/ // Check if module is in cache -/******/ if(installedModules[moduleId]) { -/******/ return installedModules[moduleId].exports; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = installedModules[moduleId] = { -/******/ i: moduleId, -/******/ l: false, -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); -/******/ -/******/ // Flag the module as loaded -/******/ module.l = true; -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/******/ -/******/ // expose the modules object (__webpack_modules__) -/******/ __webpack_require__.m = modules; -/******/ -/******/ // expose the module cache -/******/ __webpack_require__.c = installedModules; -/******/ -/******/ // define getter function for harmony exports -/******/ __webpack_require__.d = function(exports, name, getter) { -/******/ if(!__webpack_require__.o(exports, name)) { -/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); -/******/ } -/******/ }; -/******/ -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ -/******/ // create a fake namespace object -/******/ // mode & 1: value is a module id, require it -/******/ // mode & 2: merge all properties of value into the ns -/******/ // mode & 4: return value when already ns object -/******/ // mode & 8|1: behave like require -/******/ __webpack_require__.t = function(value, mode) { -/******/ if(mode & 1) value = __webpack_require__(value); -/******/ if(mode & 8) return value; -/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; -/******/ var ns = Object.create(null); -/******/ __webpack_require__.r(ns); -/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); -/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); -/******/ return ns; -/******/ }; -/******/ -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function getDefault() { return module['default']; } : -/******/ function getModuleExports() { return module; }; -/******/ __webpack_require__.d(getter, 'a', getter); -/******/ return getter; -/******/ }; -/******/ -/******/ // Object.prototype.hasOwnProperty.call -/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; -/******/ -/******/ // __webpack_public_path__ -/******/ __webpack_require__.p = ""; -/******/ -/******/ -/******/ // Load entry module and return exports -/******/ return __webpack_require__(__webpack_require__.s = "./assets/js/my-editor.js"); -/******/ }) -/************************************************************************/ -/******/ ({ - -/***/ "./assets/js/my-editor.js": -/*!********************************!*\ - !*** ./assets/js/my-editor.js ***! - \********************************/ -/*! no exports provided */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _sass_my_editor_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../sass/my-editor.sass */ \"./assets/sass/my-editor.sass\");\n/* harmony import */ var _sass_my_editor_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_sass_my_editor_sass__WEBPACK_IMPORTED_MODULE_0__);\n\r\n\r\nwp.domReady(() => {\r\n // wp.blocks.registerBlockStyle( 'core/button', {\r\n // name: 'custom-style',\r\n // label: 'Custom Style'\r\n // } );\r\n\r\n});\r\n\r\nwp.hooks.addFilter('blocks.registerBlockType', 'my/change_alignment', (settings, name) => {\r\n switch (name) {\r\n // These blocks only allowed to use Wide alignment\r\n case 'core/group':\r\n return lodash.assign({}, settings, {\r\n attributes: lodash.assign({}, settings.attributes, {\r\n align: {\r\n type: 'string', default: 'full',\r\n },\r\n layout: {\r\n type: [Object], default: { inherit: true },\r\n },\r\n }),\r\n supports: lodash.assign({}, settings.supports, {\r\n __experimentalLayout: false,\r\n layout: false,\r\n spacing: false,\r\n }),\r\n });\r\n default:\r\n break;\r\n }\r\n return settings;\r\n});\r\n\n\n//# sourceURL=webpack:///./assets/js/my-editor.js?"); - -/***/ }), - -/***/ "./assets/sass/my-editor.sass": -/*!************************************!*\ - !*** ./assets/sass/my-editor.sass ***! - \************************************/ -/*! no static exports found */ -/***/ (function(module, exports, __webpack_require__) { - -eval("// extracted by mini-css-extract-plugin\n\n//# sourceURL=webpack:///./assets/sass/my-editor.sass?"); - -/***/ }) - -/******/ }); \ No newline at end of file +!function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=3)}([,,,function(e,t,r){"use strict";r.r(t);r(4)},function(e,t,r){}]); \ No newline at end of file diff --git a/dist/shop-editor.asset.php b/dist/shop-editor.asset.php index f1fd411..4d47745 100644 --- a/dist/shop-editor.asset.php +++ b/dist/shop-editor.asset.php @@ -1 +1 @@ - array('wp-polyfill'), 'version' => '71079db89d8a6cd22fc0f06db7777fdf'); \ No newline at end of file + array('wp-polyfill'), 'version' => '996c029c5ad2a3e08dc7c1436ddba81f'); \ No newline at end of file diff --git a/dist/shop-editor.css b/dist/shop-editor.css index ff5cb30..1232098 100644 --- a/dist/shop-editor.css +++ b/dist/shop-editor.css @@ -1,554 +1 @@ -@charset "UTF-8"; -.wc-block-featured-category, -.wc-block-featured-product { - display: flex; - min-height: 0 !important; - height: auto !important; - background-size: cover; - background-color: var(--bgColor, transparent); - text-align: center; -} -.wc-block-featured-category::after, -.wc-block-featured-product::after { - content: ""; - display: block; - width: 100%; - height: 0; - padding-bottom: var(--ratio, 100%); -} -.wc-block-featured-category.has-left-content, -.wc-block-featured-product.has-left-content { - --hAlign: flex-start; - text-align: left; -} -.wc-block-featured-category.has-center-content, -.wc-block-featured-product.has-center-content { - --hAlign: center; - text-align: center; -} -.wc-block-featured-category.has-right-content, -.wc-block-featured-product.has-right-content { - --hAlign: flex-end; - text-align: right; -} -.wc-block-featured-category.is-vertically-aligned-top, -.wc-block-featured-product.is-vertically-aligned-top { - --vAlign: flex-start; -} -.wc-block-featured-category.is-vertically-aligned-center, -.wc-block-featured-product.is-vertically-aligned-center { - --vAlign: center; -} -.wc-block-featured-category.is-vertically-aligned-bottom, -.wc-block-featured-product.is-vertically-aligned-bottom { - --vAlign: flex-end; -} -.wc-block-featured-category.is-style-landscape, -.wc-block-featured-product.is-style-landscape { - --ratio: 50%; -} - -.wc-block-featured-product { - --ratio: 75%; -} - -.wc-block-featured-category__wrapper, -.wc-block-featured-product__wrapper { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - display: flex; - flex-direction: column; - align-items: var(--hAlign, center); - justify-content: var(--vAlign, center); - z-index: 2; - width: 100%; - padding: 1rem; - color: var(--textColor, --text); - will-change: transform; - transition: var(--gTransition); -} -.wc-block-featured-category__wrapper p, -.wc-block-featured-product__wrapper p { - margin-top: 1rem; -} -.wc-block-featured-category__wrapper h2, -.wc-block-featured-product__wrapper h2 { - font-size: var(--h3Size); -} -.wc-block-featured-category__wrapper h2::after, -.wc-block-featured-product__wrapper h2::after { - content: "»"; - display: inline-block; - margin-left: 0.25rem; - opacity: 0; - visibility: hidden; - transform: translateX(-0.25rem); - transition: var(--gTransition); -} -.wc-block-featured-category__wrapper:hover h2::after, -.wc-block-featured-product__wrapper:hover h2::after { - opacity: 1; - visibility: visible; - transform: none; -} - -.wc-block-featured-category__link, -.wc-block-featured-product__link { - display: flex; - justify-content: center; - margin-top: 0; -} -.wc-block-featured-category__link .wp-block-button__link, -.wc-block-featured-product__link .wp-block-button__link { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background-color: transparent; - border: none; - border-radius: 0; - box-shadow: none; - font-size: 0; -} -.wc-block-featured-category__link .wp-block-button__link:hover, -.wc-block-featured-product__link .wp-block-button__link:hover { - box-shadow: none; - transform: none; -} - -.wc-block-featured-product__price { - margin-top: 1rem; - font-size: var(--h4Size); - font-weight: 700; -} - -.wc-block-grid__products { - display: grid; - grid-template-columns: repeat(var(--columns, 3), minmax(0, 1fr)); - row-gap: 2rem; - column-gap: 2rem; - padding-left: 0; - list-style-type: none; -} -@media (min-width:769px) { - .has-1-columns .wc-block-grid__products { - --columns: 1; - } - .has-2-columns .wc-block-grid__products { - --columns: 2; - } - .has-3-columns .wc-block-grid__products { - --columns: 3; - } - .has-4-columns .wc-block-grid__products { - --columns: 4; - } - .has-5-columns .wc-block-grid__products { - --columns: 5; - } - .has-6-columns .wc-block-grid__products { - --columns: 6; - } -} -.wc-block-grid:not(.alignwide) .wc-block-grid__products { - column-gap: 1rem; -} -@media (max-width:960px) { - .wc-block-grid__products { - column-gap: 1rem; - } -} -@media (max-width:768px) { - .wc-block-grid__products { - --columns: 2; - row-gap: 2rem; - } - .has-1-columns .wc-block-grid__products { - --columns: 1; - } -} - -.wc-block-grid__product { - position: relative; - text-align: center; -} - -.wc-block-grid__product-link, -.wc-block-grid__product-title a { - display: block; - text-decoration: none; - color: var(--textDim); -} -.wc-block-grid__product-link:hover, -.wc-block-grid__product-title a:hover { - text-decoration: underline; - color: var(--textDim); -} - -.wc-block-grid__product-image { - margin-bottom: 1rem; -} -.wc-block-grid__product-image img { - width: 100%; - transition: var(--gTransition); -} - -a:hover .wc-block-grid__product-image img, -.wc-block-grid__product-image a:hover img { - transform: translateY(-2px); - box-shadow: var(--shadow1); -} - -a:active .wc-block-grid__product-image img, -.wc-block-grid__product-image a:active img { - transform: none; - transition: none; - box-shadow: var(--shadow0); -} - -.wc-block-grid__product-title { - font-weight: var(--hFontWeight); - font-family: var(--hFontFamily); - font-size: var(--mFontSize); - color: var(--text); -} - -.wc-block-grid__product-price, -.price { - display: flex; - justify-content: center; - margin-top: 0.5rem; - font-weight: 700; - font-size: var(--fontSize); - color: var(--textDim); -} -.wc-block-grid__product-price ins, -.price ins { - text-decoration: none; -} -.wc-block-grid__product-price del, -.price del { - order: 2; - opacity: 0.5; - margin-left: 0.5rem; - font-size: var(--sFontSize); -} - -.wc-block-grid__product-badge { - display: inline-block; - position: absolute; - z-index: 2; - top: 0.5rem; - left: 0.5rem; - background-color: var(--text); - padding: 0 0.375rem; - color: var(--textInvert); - font-size: var(--xsFontSize); - font-weight: 700; - text-transform: uppercase; - border-radius: var(--gRadius); -} -.product-figure .wc-block-grid__product-badge { - font-size: var(--sFontSize); -} -.wc-block-grid__product-badge.h-outofstock { - margin-top: 0; - background-color: var(--textDim); -} - -.wc-block-grid__product-add-to-cart { - --bgColor: var(--color1); - display: flex; - justify-content: center; - column-gap: 0.5rem; - row-gap: 0.5rem; - margin-top: 1rem; -} -@media (max-width:960px) { - .wc-block-grid__product-add-to-cart { - flex-direction: column; - align-items: center; - } -} -.wc-block-grid__product-add-to-cart a { - display: flex; - align-items: center; - justify-content: center; - padding: 0.5rem 0.75rem; - text-decoration: none; -} -@media (max-width:960px) { - .wc-block-grid__product-add-to-cart a { - padding: 0.5rem; - font-size: var(--xsFontSize); - line-height: 1; - } -} -.wc-block-grid__product-add-to-cart a.loading { - background-image: url(8142e96b4c8939a80186d5f9dee2a52b.gif); - background-repeat: no-repeat; - background-size: auto 30%; - background-position: center center; - color: transparent; - transition: none; -} -.wc-block-grid__product-add-to-cart a.added_to_cart { - text-transform: uppercase; - font-size: var(--xsFontSize); - font-weight: var(--hFontWeight); - border-radius: var(--gRadius); -} -.wc-block-grid__product-add-to-cart a:hover { - transform: translateY(-2px); - box-shadow: var(--shadow1); -} -.wc-block-grid__product-add-to-cart a:active { - transform: none; - transition: none; -} - -.woocommerce-ordering { - max-width: var(--siteWidth); -} - -.wc-block-sort-select, -.woocommerce-ordering { - display: flex; - justify-content: flex-end; - margin-bottom: var(--blockSpacing); -} -.wc-block-sort-select select, -.woocommerce-ordering select { - width: auto; -} - -.wc-block-product-sort-select { - display: flex; - align-items: center; -} -.wc-block-product-sort-select .woocommerce-ordering { - margin-left: auto; - margin-bottom: 0; -} - -.wc-block-pagination { - display: flex; - justify-content: center; - margin: var(--groupSpacing) auto; -} -.wc-block-pagination button { - padding: 0.5rem 0.75rem; - border: 2px solid var(--text); - font-weight: 700; - color: var(--text); - transition: var(--gTransition); -} -.wc-block-pagination button + button { - margin-left: -2px; -} -.wc-block-pagination button:hover { - background-color: rgbA(0, 0, 0, 0.2); -} -.wc-block-pagination button:first-of-type { - border-radius: var(--gRadius) 0 0 var(--gRadius); -} -.wc-block-pagination button:last-of-type { - border-radius: 0 var(--gRadius) var(--gRadius) 0; -} -.wc-block-pagination button[disabled] { - opacity: 0.5; -} -.wc-block-pagination button.wc-block-pagination-page--active { - opacity: 1; - background-color: var(--text); - color: var(--textInvert); -} - -.wc-block-product-categories-list { - padding-left: 0; - list-style-type: none; -} -.wc-block-product-categories-list li { - margin-bottom: 0.5rem; -} -.wc-block-product-categories-list a { - display: inline-block; -} -.wc-block-product-categories-list img { - width: 4rem; - margin-right: 1rem; -} - -.wc-block-product-categories-list-item-count { - padding: 0 0.375rem; - margin-left: 0.25rem; - background-color: rgbA(var(--textRGB), 0.1); - line-height: 1; - font-size: var(--sFontSize); - border-radius: var(--gRadius); -} - -.wc-block-product-search label { - display: inline-block; - margin-bottom: 0.5rem; - text-transform: uppercase; - font-weight: 700; -} - -.wc-block-product-categories.is-dropdown, -.wc-block-product-search__fields { - display: flex; - justify-content: flex-start; -} -.wc-block-product-categories.is-dropdown button, -.wc-block-product-search__fields button { - padding: 0 0.5rem; - margin-left: 0.5rem; - border: none; - border-radius: var(--gRadius); - outline: none; - background-color: var(--text); - color: var(--textInvert); -} -.wc-block-product-categories.is-dropdown path, -.wc-block-product-search__fields path { - fill: currentColor; -} - -.wc-block-all-reviews { - display: flex; - flex-direction: column; -} - -.wc-block-sort-select { - display: flex; - align-items: center; - justify-content: flex-end; - font-size: var(--sFontSize); -} -.wc-block-sort-select label { - margin-right: 0.5rem; - white-space: nowrap; -} -.wc-block-sort-select select { - width: auto; -} - -.wc-block-review-list { - padding-left: 0; - list-style-type: none; -} -.wc-block-review-list li + li { - margin-top: var(--blockSpacing); -} - -.wc-block-review-list-item__info { - display: grid; - grid-template-columns: 3.5rem auto; - column-gap: 1rem; - align-items: center; - margin-bottom: 1rem; - line-height: 1; -} - -.wc-block-review-list-item__meta { - display: flex; - flex-wrap: wrap; - align-items: center; - row-gap: 0.25rem; -} -.wc-block-review-list-item__meta::after { - content: ""; - order: 3; - flex-basis: 100%; -} - -.wc-block-review-list-item__product { - font-weight: 700; -} - -.wc-block-review-list-item__rating { - order: 2; - margin-left: 0.5rem; -} - -.wc-block-review-list-item__rating__stars, -.star-rating { - display: inline-block; - line-height: 1; - text-align: left; -} -.wc-block-review-list-item__rating__stars::before, -.star-rating::before { - content: "☆☆☆☆☆"; - display: inline-block; - position: absolute; - font-size: 1.25rem; - opacity: 0.5; -} -.wc-block-review-list-item__rating__stars > span, -.star-rating > span { - display: inline-block; - overflow: hidden; - color: transparent; - font-size: 0; -} -.wc-block-review-list-item__rating__stars > span::before, -.star-rating > span::before { - content: "★★★★★"; - display: block; - white-space: nowrap; - color: #fda256; - font-size: 1.25rem; -} - -.wc-block-review-list-item__author, -.wc-block-review-list-item__published-date { - order: 4; - color: var(--textDim); - font-size: var(--sFontSize); -} - -.wc-block-all-reviews:not(.has-product-name) .wc-block-review-list-item__author { - order: 1; - color: var(--text); - font-weight: 700; - font-size: var(--fontSize); -} - -.wc-block-review-list-item__author + .wc-block-review-list-item__published-date { - margin-left: 0.5rem; - padding-left: 0.5rem; - border-left: 1px solid rgbA(0, 0, 0, 0.1); -} -.wc-block-all-reviews:not(.has-product-name) .wc-block-review-list-item__published-date { - margin-left: 0; - padding-left: 0; - border: none; -} - -.wc-block-load-more { - --textColor: var(--text); - align-self: center; - margin-top: var(--blockSpacing); -} -.wc-block-load-more .wp-block-button__link { - border: 2px solid; - background-color: transparent; -} - -.editor-styles-wrapper ul.wc-block-review-list, -.editor-styles-wrapper ul.wc-block-grid__products, -.editor-styles-wrapper ul.wc-block-product-categories-list { - padding-left: 0; - list-style-type: none; -} - -.editor-styles-wrapper .wc-block-featured-category h2, -.editor-styles-wrapper .wc-block-featured-product h2 { - margin: 0; -} +.wc-block-featured-category,.wc-block-featured-product{display:flex;min-height:0 !important;height:auto !important;background-size:cover;background-color:var(--bgColor, transparent);text-align:center}.wc-block-featured-category::after,.wc-block-featured-product::after{content:"";display:block;width:100%;height:0;padding-bottom:var(--ratio, 100%)}.wc-block-featured-category.has-left-content,.wc-block-featured-product.has-left-content{--hAlign: flex-start;text-align:left}.wc-block-featured-category.has-center-content,.wc-block-featured-product.has-center-content{--hAlign: center;text-align:center}.wc-block-featured-category.has-right-content,.wc-block-featured-product.has-right-content{--hAlign: flex-end;text-align:right}.wc-block-featured-category.is-vertically-aligned-top,.wc-block-featured-product.is-vertically-aligned-top{--vAlign: flex-start}.wc-block-featured-category.is-vertically-aligned-center,.wc-block-featured-product.is-vertically-aligned-center{--vAlign: center}.wc-block-featured-category.is-vertically-aligned-bottom,.wc-block-featured-product.is-vertically-aligned-bottom{--vAlign: flex-end}.wc-block-featured-category.is-style-landscape,.wc-block-featured-product.is-style-landscape{--ratio: 50%}.wc-block-featured-product{--ratio: 75%}.wc-block-featured-category__wrapper,.wc-block-featured-product__wrapper{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:var(--hAlign, center);justify-content:var(--vAlign, center);z-index:2;width:100%;padding:1rem;color:var(--textColor, --text);will-change:transform;transition:var(--gTransition)}.wc-block-featured-category__wrapper p,.wc-block-featured-product__wrapper p{margin-top:1rem}.wc-block-featured-category__wrapper h2,.wc-block-featured-product__wrapper h2{font-size:var(--h3Size)}.wc-block-featured-category__wrapper h2::after,.wc-block-featured-product__wrapper h2::after{content:"»";display:inline-block;margin-left:.25rem;opacity:0;visibility:hidden;transform:translateX(-0.25rem);transition:var(--gTransition)}.wc-block-featured-category__wrapper:hover h2::after,.wc-block-featured-product__wrapper:hover h2::after{opacity:1;visibility:visible;transform:none}.wc-block-featured-category__link,.wc-block-featured-product__link{display:flex;justify-content:center;margin-top:0}.wc-block-featured-category__link .wp-block-button__link,.wc-block-featured-product__link .wp-block-button__link{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0);border:none;border-radius:0;box-shadow:none;font-size:0}.wc-block-featured-category__link .wp-block-button__link:hover,.wc-block-featured-product__link .wp-block-button__link:hover{box-shadow:none;transform:none}.wc-block-featured-product__price{margin-top:1rem;font-size:var(--h4Size);font-weight:700}.wc-block-grid__products{display:grid;grid-template-columns:repeat(var(--columns, 3), minmax(0, 1fr));row-gap:2rem;column-gap:2rem;padding-left:0;list-style-type:none}@media(min-width:769px){.has-1-columns .wc-block-grid__products{--columns: 1}.has-2-columns .wc-block-grid__products{--columns: 2}.has-3-columns .wc-block-grid__products{--columns: 3}.has-4-columns .wc-block-grid__products{--columns: 4}.has-5-columns .wc-block-grid__products{--columns: 5}.has-6-columns .wc-block-grid__products{--columns: 6}}.wc-block-grid:not(.alignwide) .wc-block-grid__products{column-gap:1rem}@media(max-width:960px){.wc-block-grid__products{column-gap:1rem}}@media(max-width:768px){.wc-block-grid__products{--columns: 2;row-gap:2rem}.has-1-columns .wc-block-grid__products{--columns: 1}}.wc-block-grid__product{position:relative;text-align:center}.wc-block-grid__product-link,.wc-block-grid__product-title a{display:block;text-decoration:none;color:var(--textDim)}.wc-block-grid__product-link:hover,.wc-block-grid__product-title a:hover{text-decoration:underline;color:var(--textDim)}.wc-block-grid__product-image{margin-bottom:1rem}.wc-block-grid__product-image img{width:100%;transition:var(--gTransition)}a:hover .wc-block-grid__product-image img,.wc-block-grid__product-image a:hover img{transform:translateY(-2px);box-shadow:var(--shadow1)}a:active .wc-block-grid__product-image img,.wc-block-grid__product-image a:active img{transform:none;transition:none;box-shadow:var(--shadow0)}.wc-block-grid__product-title{font-weight:var(--hFontWeight);font-family:var(--hFontFamily);font-size:var(--mFontSize);color:var(--text)}.wc-block-grid__product-price,.price{display:flex;justify-content:center;margin-top:.5rem;font-weight:700;font-size:var(--fontSize);color:var(--textDim)}.wc-block-grid__product-price ins,.price ins{text-decoration:none}.wc-block-grid__product-price del,.price del{order:2;opacity:.5;margin-left:.5rem;font-size:var(--sFontSize)}.wc-block-grid__product-badge{display:inline-block;position:absolute;z-index:2;top:.5rem;left:.5rem;background-color:var(--text);padding:0 .375rem;color:var(--textInvert);font-size:var(--xsFontSize);font-weight:700;text-transform:uppercase;border-radius:var(--gRadius)}.product-figure .wc-block-grid__product-badge{font-size:var(--sFontSize)}.wc-block-grid__product-badge.h-outofstock{margin-top:0;background-color:var(--textDim)}.wc-block-grid__product-add-to-cart{--bgColor: var(--color1);display:flex;justify-content:center;column-gap:.5rem;row-gap:.5rem;margin-top:1rem}@media(max-width:960px){.wc-block-grid__product-add-to-cart{flex-direction:column;align-items:center}}.wc-block-grid__product-add-to-cart a{display:flex;align-items:center;justify-content:center;padding:.5rem .75rem;text-decoration:none}@media(max-width:960px){.wc-block-grid__product-add-to-cart a{padding:.5rem;font-size:var(--xsFontSize);line-height:1}}.wc-block-grid__product-add-to-cart a.loading{background-image:url(8142e96b4c8939a80186d5f9dee2a52b.gif);background-repeat:no-repeat;background-size:auto 30%;background-position:center center;color:rgba(0,0,0,0);transition:none}.wc-block-grid__product-add-to-cart a.added_to_cart{text-transform:uppercase;font-size:var(--xsFontSize);font-weight:var(--hFontWeight);border-radius:var(--gRadius)}.wc-block-grid__product-add-to-cart a:hover{transform:translateY(-2px);box-shadow:var(--shadow1)}.wc-block-grid__product-add-to-cart a:active{transform:none;transition:none}.woocommerce-ordering{max-width:var(--siteWidth)}.wc-block-sort-select,.woocommerce-ordering{display:flex;justify-content:flex-end;margin-bottom:var(--blockSpacing)}.wc-block-sort-select select,.woocommerce-ordering select{width:auto}.wc-block-product-sort-select{display:flex;align-items:center}.wc-block-product-sort-select .woocommerce-ordering{margin-left:auto;margin-bottom:0}.wc-block-pagination{display:flex;justify-content:center;margin:var(--groupSpacing) auto}.wc-block-pagination button{padding:.5rem .75rem;border:2px solid var(--text);font-weight:700;color:var(--text);transition:var(--gTransition)}.wc-block-pagination button+button{margin-left:-2px}.wc-block-pagination button:hover{background-color:rgbA(0, 0, 0, 0.2)}.wc-block-pagination button:first-of-type{border-radius:var(--gRadius) 0 0 var(--gRadius)}.wc-block-pagination button:last-of-type{border-radius:0 var(--gRadius) var(--gRadius) 0}.wc-block-pagination button[disabled]{opacity:.5}.wc-block-pagination button.wc-block-pagination-page--active{opacity:1;background-color:var(--text);color:var(--textInvert)}.wc-block-product-categories-list{padding-left:0;list-style-type:none}.wc-block-product-categories-list li{margin-bottom:.5rem}.wc-block-product-categories-list a{display:inline-block}.wc-block-product-categories-list img{width:4rem;margin-right:1rem}.wc-block-product-categories-list-item-count{padding:0 .375rem;margin-left:.25rem;background-color:rgbA(var(--textRGB), 0.1);line-height:1;font-size:var(--sFontSize);border-radius:var(--gRadius)}.wc-block-product-search label{display:inline-block;margin-bottom:.5rem;text-transform:uppercase;font-weight:700}.wc-block-product-categories.is-dropdown,.wc-block-product-search__fields{display:flex;justify-content:flex-start}.wc-block-product-categories.is-dropdown button,.wc-block-product-search__fields button{padding:0 .5rem;margin-left:.5rem;border:none;border-radius:var(--gRadius);outline:none;background-color:var(--text);color:var(--textInvert)}.wc-block-product-categories.is-dropdown path,.wc-block-product-search__fields path{fill:currentColor}.wc-block-all-reviews{display:flex;flex-direction:column}.wc-block-sort-select{display:flex;align-items:center;justify-content:flex-end;font-size:var(--sFontSize)}.wc-block-sort-select label{margin-right:.5rem;white-space:nowrap}.wc-block-sort-select select{width:auto}.wc-block-review-list{padding-left:0;list-style-type:none}.wc-block-review-list li+li{margin-top:var(--blockSpacing)}.wc-block-review-list-item__info{display:grid;grid-template-columns:3.5rem auto;column-gap:1rem;align-items:center;margin-bottom:1rem;line-height:1}.wc-block-review-list-item__meta{display:flex;flex-wrap:wrap;align-items:center;row-gap:.25rem}.wc-block-review-list-item__meta::after{content:"";order:3;flex-basis:100%}.wc-block-review-list-item__product{font-weight:700}.wc-block-review-list-item__rating{order:2;margin-left:.5rem}.wc-block-review-list-item__rating__stars,.star-rating{display:inline-block;line-height:1;text-align:left}.wc-block-review-list-item__rating__stars::before,.star-rating::before{content:"☆☆☆☆☆";display:inline-block;position:absolute;font-size:1.25rem;opacity:.5}.wc-block-review-list-item__rating__stars>span,.star-rating>span{display:inline-block;overflow:hidden;color:rgba(0,0,0,0);font-size:0}.wc-block-review-list-item__rating__stars>span::before,.star-rating>span::before{content:"★★★★★";display:block;white-space:nowrap;color:#fda256;font-size:1.25rem}.wc-block-review-list-item__author,.wc-block-review-list-item__published-date{order:4;color:var(--textDim);font-size:var(--sFontSize)}.wc-block-all-reviews:not(.has-product-name) .wc-block-review-list-item__author{order:1;color:var(--text);font-weight:700;font-size:var(--fontSize)}.wc-block-review-list-item__author+.wc-block-review-list-item__published-date{margin-left:.5rem;padding-left:.5rem;border-left:1px solid rgbA(0, 0, 0, 0.1)}.wc-block-all-reviews:not(.has-product-name) .wc-block-review-list-item__published-date{margin-left:0;padding-left:0;border:none}.wc-block-load-more{--textColor: var(--text);align-self:center;margin-top:var(--blockSpacing)}.wc-block-load-more .wp-block-button__link{border:2px solid;background-color:rgba(0,0,0,0)}.editor-styles-wrapper ul.wc-block-review-list,.editor-styles-wrapper ul.wc-block-grid__products,.editor-styles-wrapper ul.wc-block-product-categories-list{padding-left:0;list-style-type:none}.editor-styles-wrapper .wc-block-featured-category h2,.editor-styles-wrapper .wc-block-featured-product h2{margin:0} diff --git a/dist/shop-editor.js b/dist/shop-editor.js index 9149573..ce22f47 100644 --- a/dist/shop-editor.js +++ b/dist/shop-editor.js @@ -1,100 +1 @@ -/******/ (function(modules) { // webpackBootstrap -/******/ // The module cache -/******/ var installedModules = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ -/******/ // Check if module is in cache -/******/ if(installedModules[moduleId]) { -/******/ return installedModules[moduleId].exports; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = installedModules[moduleId] = { -/******/ i: moduleId, -/******/ l: false, -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); -/******/ -/******/ // Flag the module as loaded -/******/ module.l = true; -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/******/ -/******/ // expose the modules object (__webpack_modules__) -/******/ __webpack_require__.m = modules; -/******/ -/******/ // expose the module cache -/******/ __webpack_require__.c = installedModules; -/******/ -/******/ // define getter function for harmony exports -/******/ __webpack_require__.d = function(exports, name, getter) { -/******/ if(!__webpack_require__.o(exports, name)) { -/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); -/******/ } -/******/ }; -/******/ -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ -/******/ // create a fake namespace object -/******/ // mode & 1: value is a module id, require it -/******/ // mode & 2: merge all properties of value into the ns -/******/ // mode & 4: return value when already ns object -/******/ // mode & 8|1: behave like require -/******/ __webpack_require__.t = function(value, mode) { -/******/ if(mode & 1) value = __webpack_require__(value); -/******/ if(mode & 8) return value; -/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; -/******/ var ns = Object.create(null); -/******/ __webpack_require__.r(ns); -/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); -/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); -/******/ return ns; -/******/ }; -/******/ -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function getDefault() { return module['default']; } : -/******/ function getModuleExports() { return module; }; -/******/ __webpack_require__.d(getter, 'a', getter); -/******/ return getter; -/******/ }; -/******/ -/******/ // Object.prototype.hasOwnProperty.call -/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; -/******/ -/******/ // __webpack_public_path__ -/******/ __webpack_require__.p = ""; -/******/ -/******/ -/******/ // Load entry module and return exports -/******/ return __webpack_require__(__webpack_require__.s = "./woocommerce/sass/shop-editor.sass"); -/******/ }) -/************************************************************************/ -/******/ ({ - -/***/ "./woocommerce/sass/shop-editor.sass": -/*!*******************************************!*\ - !*** ./woocommerce/sass/shop-editor.sass ***! - \*******************************************/ -/*! no static exports found */ -/***/ (function(module, exports, __webpack_require__) { - -eval("// extracted by mini-css-extract-plugin\n\n//# sourceURL=webpack:///./woocommerce/sass/shop-editor.sass?"); - -/***/ }) - -/******/ }); \ No newline at end of file +!function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=9)}({9:function(e,t,r){}}); \ No newline at end of file diff --git a/dist/shop.asset.php b/dist/shop.asset.php index 361c163..df247f9 100644 --- a/dist/shop.asset.php +++ b/dist/shop.asset.php @@ -1 +1 @@ - array('wp-polyfill'), 'version' => '58994807bc37420ab41619d1a7fab0d6'); \ No newline at end of file + array('wp-polyfill'), 'version' => '34e17f1aea03fe35f04e738b45a095f6'); \ No newline at end of file diff --git a/dist/shop.css b/dist/shop.css index ed5193a..06c1a8e 100644 --- a/dist/shop.css +++ b/dist/shop.css @@ -1,2712 +1 @@ -@charset "UTF-8"; -.wc-block-featured-category, -.wc-block-featured-product { - display: flex; - min-height: 0 !important; - height: auto !important; - background-size: cover; - background-color: var(--bgColor, transparent); - text-align: center; -} -.wc-block-featured-category::after, -.wc-block-featured-product::after { - content: ""; - display: block; - width: 100%; - height: 0; - padding-bottom: var(--ratio, 100%); -} -.wc-block-featured-category.has-left-content, -.wc-block-featured-product.has-left-content { - --hAlign: flex-start; - text-align: left; -} -.wc-block-featured-category.has-center-content, -.wc-block-featured-product.has-center-content { - --hAlign: center; - text-align: center; -} -.wc-block-featured-category.has-right-content, -.wc-block-featured-product.has-right-content { - --hAlign: flex-end; - text-align: right; -} -.wc-block-featured-category.is-vertically-aligned-top, -.wc-block-featured-product.is-vertically-aligned-top { - --vAlign: flex-start; -} -.wc-block-featured-category.is-vertically-aligned-center, -.wc-block-featured-product.is-vertically-aligned-center { - --vAlign: center; -} -.wc-block-featured-category.is-vertically-aligned-bottom, -.wc-block-featured-product.is-vertically-aligned-bottom { - --vAlign: flex-end; -} -.wc-block-featured-category.is-style-landscape, -.wc-block-featured-product.is-style-landscape { - --ratio: 50%; -} - -.wc-block-featured-product { - --ratio: 75%; -} - -.wc-block-featured-category__wrapper, -.wc-block-featured-product__wrapper { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - display: flex; - flex-direction: column; - align-items: var(--hAlign, center); - justify-content: var(--vAlign, center); - z-index: 2; - width: 100%; - padding: 1rem; - color: var(--textColor, --text); - will-change: transform; - transition: var(--gTransition); -} -.wc-block-featured-category__wrapper p, -.wc-block-featured-product__wrapper p { - margin-top: 1rem; -} -.wc-block-featured-category__wrapper h2, -.wc-block-featured-product__wrapper h2 { - font-size: var(--h3Size); -} -.wc-block-featured-category__wrapper h2::after, -.wc-block-featured-product__wrapper h2::after { - content: "»"; - display: inline-block; - margin-left: 0.25rem; - opacity: 0; - visibility: hidden; - transform: translateX(-0.25rem); - transition: var(--gTransition); -} -.wc-block-featured-category__wrapper:hover h2::after, -.wc-block-featured-product__wrapper:hover h2::after { - opacity: 1; - visibility: visible; - transform: none; -} - -.wc-block-featured-category__link, -.wc-block-featured-product__link { - display: flex; - justify-content: center; - margin-top: 0; -} -.wc-block-featured-category__link .wp-block-button__link, -.wc-block-featured-product__link .wp-block-button__link { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background-color: transparent; - border: none; - border-radius: 0; - box-shadow: none; - font-size: 0; -} -.wc-block-featured-category__link .wp-block-button__link:hover, -.wc-block-featured-product__link .wp-block-button__link:hover { - box-shadow: none; - transform: none; -} - -.wc-block-featured-product__price { - margin-top: 1rem; - font-size: var(--h4Size); - font-weight: 700; -} - -.wc-block-grid__products { - display: grid; - grid-template-columns: repeat(var(--columns, 3), minmax(0, 1fr)); - row-gap: 2rem; - column-gap: 2rem; - padding-left: 0; - list-style-type: none; -} -@media (min-width:769px) { - .has-1-columns .wc-block-grid__products { - --columns: 1; - } - .has-2-columns .wc-block-grid__products { - --columns: 2; - } - .has-3-columns .wc-block-grid__products { - --columns: 3; - } - .has-4-columns .wc-block-grid__products { - --columns: 4; - } - .has-5-columns .wc-block-grid__products { - --columns: 5; - } - .has-6-columns .wc-block-grid__products { - --columns: 6; - } -} -.wc-block-grid:not(.alignwide) .wc-block-grid__products { - column-gap: 1rem; -} -@media (max-width:960px) { - .wc-block-grid__products { - column-gap: 1rem; - } -} -@media (max-width:768px) { - .wc-block-grid__products { - --columns: 2; - row-gap: 2rem; - } - .has-1-columns .wc-block-grid__products { - --columns: 1; - } -} - -.wc-block-grid__product { - position: relative; - text-align: center; -} - -.wc-block-grid__product-link, -.wc-block-grid__product-title a { - display: block; - text-decoration: none; - color: var(--textDim); -} -.wc-block-grid__product-link:hover, -.wc-block-grid__product-title a:hover { - text-decoration: underline; - color: var(--textDim); -} - -.wc-block-grid__product-image { - margin-bottom: 1rem; -} -.wc-block-grid__product-image img { - width: 100%; - transition: var(--gTransition); -} - -a:hover .wc-block-grid__product-image img, -.wc-block-grid__product-image a:hover img { - transform: translateY(-2px); - box-shadow: var(--shadow1); -} - -a:active .wc-block-grid__product-image img, -.wc-block-grid__product-image a:active img { - transform: none; - transition: none; - box-shadow: var(--shadow0); -} - -.wc-block-grid__product-title { - font-weight: var(--hFontWeight); - font-family: var(--hFontFamily); - font-size: var(--mFontSize); - color: var(--text); -} - -.wc-block-grid__product-price, -.price { - display: flex; - justify-content: center; - margin-top: 0.5rem; - font-weight: 700; - font-size: var(--fontSize); - color: var(--textDim); -} -.wc-block-grid__product-price ins, -.price ins { - text-decoration: none; -} -.wc-block-grid__product-price del, -.price del { - order: 2; - opacity: 0.5; - margin-left: 0.5rem; - font-size: var(--sFontSize); -} - -.wc-block-grid__product-badge { - display: inline-block; - position: absolute; - z-index: 2; - top: 0.5rem; - left: 0.5rem; - background-color: var(--text); - padding: 0 0.375rem; - color: var(--textInvert); - font-size: var(--xsFontSize); - font-weight: 700; - text-transform: uppercase; - border-radius: var(--gRadius); -} -.product-figure .wc-block-grid__product-badge { - font-size: var(--sFontSize); -} -.wc-block-grid__product-badge.h-outofstock { - margin-top: 0; - background-color: var(--textDim); -} - -.wc-block-grid__product-add-to-cart { - --bgColor: var(--color1); - display: flex; - justify-content: center; - column-gap: 0.5rem; - row-gap: 0.5rem; - margin-top: 1rem; -} -@media (max-width:960px) { - .wc-block-grid__product-add-to-cart { - flex-direction: column; - align-items: center; - } -} -.wc-block-grid__product-add-to-cart a { - display: flex; - align-items: center; - justify-content: center; - padding: 0.5rem 0.75rem; - text-decoration: none; -} -@media (max-width:960px) { - .wc-block-grid__product-add-to-cart a { - padding: 0.5rem; - font-size: var(--xsFontSize); - line-height: 1; - } -} -.wc-block-grid__product-add-to-cart a.loading { - background-image: url(8142e96b4c8939a80186d5f9dee2a52b.gif); - background-repeat: no-repeat; - background-size: auto 30%; - background-position: center center; - color: transparent; - transition: none; -} -.wc-block-grid__product-add-to-cart a.added_to_cart { - text-transform: uppercase; - font-size: var(--xsFontSize); - font-weight: var(--hFontWeight); - border-radius: var(--gRadius); -} -.wc-block-grid__product-add-to-cart a:hover { - transform: translateY(-2px); - box-shadow: var(--shadow1); -} -.wc-block-grid__product-add-to-cart a:active { - transform: none; - transition: none; -} - -.woocommerce-ordering { - max-width: var(--siteWidth); -} - -.wc-block-sort-select, -.woocommerce-ordering { - display: flex; - justify-content: flex-end; - margin-bottom: var(--blockSpacing); -} -.wc-block-sort-select select, -.woocommerce-ordering select { - width: auto; -} - -.wc-block-product-sort-select { - display: flex; - align-items: center; -} -.wc-block-product-sort-select .woocommerce-ordering { - margin-left: auto; - margin-bottom: 0; -} - -.wc-block-pagination { - display: flex; - justify-content: center; - margin: var(--groupSpacing) auto; -} -.wc-block-pagination button { - padding: 0.5rem 0.75rem; - border: 2px solid var(--text); - font-weight: 700; - color: var(--text); - transition: var(--gTransition); -} -.wc-block-pagination button + button { - margin-left: -2px; -} -.wc-block-pagination button:hover { - background-color: rgbA(0, 0, 0, 0.2); -} -.wc-block-pagination button:first-of-type { - border-radius: var(--gRadius) 0 0 var(--gRadius); -} -.wc-block-pagination button:last-of-type { - border-radius: 0 var(--gRadius) var(--gRadius) 0; -} -.wc-block-pagination button[disabled] { - opacity: 0.5; -} -.wc-block-pagination button.wc-block-pagination-page--active { - opacity: 1; - background-color: var(--text); - color: var(--textInvert); -} - -.wc-block-product-categories-list { - padding-left: 0; - list-style-type: none; -} -.wc-block-product-categories-list li { - margin-bottom: 0.5rem; -} -.wc-block-product-categories-list a { - display: inline-block; -} -.wc-block-product-categories-list img { - width: 4rem; - margin-right: 1rem; -} - -.wc-block-product-categories-list-item-count { - padding: 0 0.375rem; - margin-left: 0.25rem; - background-color: rgbA(var(--textRGB), 0.1); - line-height: 1; - font-size: var(--sFontSize); - border-radius: var(--gRadius); -} - -.wc-block-product-search label { - display: inline-block; - margin-bottom: 0.5rem; - text-transform: uppercase; - font-weight: 700; -} - -.wc-block-product-categories.is-dropdown, -.wc-block-product-search__fields { - display: flex; - justify-content: flex-start; -} -.wc-block-product-categories.is-dropdown button, -.wc-block-product-search__fields button { - padding: 0 0.5rem; - margin-left: 0.5rem; - border: none; - border-radius: var(--gRadius); - outline: none; - background-color: var(--text); - color: var(--textInvert); -} -.wc-block-product-categories.is-dropdown path, -.wc-block-product-search__fields path { - fill: currentColor; -} - -.wc-block-all-reviews { - display: flex; - flex-direction: column; -} - -.wc-block-sort-select { - display: flex; - align-items: center; - justify-content: flex-end; - font-size: var(--sFontSize); -} -.wc-block-sort-select label { - margin-right: 0.5rem; - white-space: nowrap; -} -.wc-block-sort-select select { - width: auto; -} - -.wc-block-review-list { - padding-left: 0; - list-style-type: none; -} -.wc-block-review-list li + li { - margin-top: var(--blockSpacing); -} - -.wc-block-review-list-item__info { - display: grid; - grid-template-columns: 3.5rem auto; - column-gap: 1rem; - align-items: center; - margin-bottom: 1rem; - line-height: 1; -} - -.wc-block-review-list-item__meta { - display: flex; - flex-wrap: wrap; - align-items: center; - row-gap: 0.25rem; -} -.wc-block-review-list-item__meta::after { - content: ""; - order: 3; - flex-basis: 100%; -} - -.wc-block-review-list-item__product { - font-weight: 700; -} - -.wc-block-review-list-item__rating { - order: 2; - margin-left: 0.5rem; -} - -.wc-block-review-list-item__rating__stars, -.star-rating { - display: inline-block; - line-height: 1; - text-align: left; -} -.wc-block-review-list-item__rating__stars::before, -.star-rating::before { - content: "☆☆☆☆☆"; - display: inline-block; - position: absolute; - font-size: 1.25rem; - opacity: 0.5; -} -.wc-block-review-list-item__rating__stars > span, -.star-rating > span { - display: inline-block; - overflow: hidden; - color: transparent; - font-size: 0; -} -.wc-block-review-list-item__rating__stars > span::before, -.star-rating > span::before { - content: "★★★★★"; - display: block; - white-space: nowrap; - color: #fda256; - font-size: 1.25rem; -} - -.wc-block-review-list-item__author, -.wc-block-review-list-item__published-date { - order: 4; - color: var(--textDim); - font-size: var(--sFontSize); -} - -.wc-block-all-reviews:not(.has-product-name) .wc-block-review-list-item__author { - order: 1; - color: var(--text); - font-weight: 700; - font-size: var(--fontSize); -} - -.wc-block-review-list-item__author + .wc-block-review-list-item__published-date { - margin-left: 0.5rem; - padding-left: 0.5rem; - border-left: 1px solid rgbA(0, 0, 0, 0.1); -} -.wc-block-all-reviews:not(.has-product-name) .wc-block-review-list-item__published-date { - margin-left: 0; - padding-left: 0; - border: none; -} - -.wc-block-load-more { - --textColor: var(--text); - align-self: center; - margin-top: var(--blockSpacing); -} -.wc-block-load-more .wp-block-button__link { - border: 2px solid; - background-color: transparent; -} - -.product_list_widget { - display: flex; - flex-direction: column; - row-gap: 1rem; - list-style-type: none; - padding: 1rem; -} -.is-style-default .product_list_widget { - max-height: 300px; - overflow-y: auto; -} -.is-style-offcanvas .product_list_widget { - flex: 1; - overflow-y: auto; - padding: 1.5rem; -} -@media (max-width:768px) { - .is-style-offcanvas .product_list_widget { - padding: 1rem; - } -} -.product_list_widget li { - display: flex; - flex-direction: column; - justify-content: center; - position: relative; - padding-left: 5.5rem; - min-height: 60px; -} -.widget_shopping_cart .product_list_widget li { - padding-right: 2rem; -} -.is-style-offcanvas .product_list_widget li { - min-height: 75px; -} -.product_list_widget img { - position: absolute; - top: 0; - left: 0; - bottom: 0; - width: 4.5rem; - height: 100%; - object-fit: cover; - object-position: center center; -} -.product_list_widget a { - display: block; - width: 100%; - font-family: var(--hFontFamily); - font-weight: 700; -} -.product_list_widget a:hover { - text-decoration: underline; -} -.product_list_widget li::before { - content: ""; - order: 3; - flex-basis: 100%; -} -.product_list_widget .star-rating { - order: 4; -} -.product_list_widget .quantity, -.product_list_widget .amount { - font-size: var(--xsFontSize); -} -.product_list_widget ins { - order: 1; - text-decoration: none; - font-weight: 700; -} -.product_list_widget del { - order: 2; - margin-left: 0.5rem; - color: var(--textDim); - font-weight: 400; - font-size: var(--xsFontSize); -} -.product_list_widget .reviewer { - font-size: var(--sFontSize); - color: var(--textDim); -} - -.woocommerce-product-search { - display: flex; -} -.woocommerce-product-search .search-field { - flex: 1; - width: auto; -} -.woocommerce-product-search button { - padding: 0 0.375rem; - border-radius: 0 var(--gRadius) var(--gRadius) 0; - font-size: var(--sFontSize); -} - -.widget_product_categories ul { - padding-left: 1.5rem; -} -.widget_product_categories a { - text-decoration: underline; -} -.widget_product_categories a:hover { - color: var(--color1); -} - -.widget_h_cart { - position: relative; -} -body.woocommerce-cart .widget_h_cart, body.woocommerce-checkout .widget_h_cart { - display: none; -} - -.h-cart { - --cartPadding: 1rem; -} -.h-cart.is-style-offcanvas { - --cartPadding: 1.5rem; -} -.h-cart.is-style-offcanvas::before { - content: ""; - transition: var(--gTransition); -} -.h-cart.is-style-offcanvas.is-active::before { - content: ""; - cursor: pointer; - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 105; - background-color: rgbA(0, 0, 0, 0.5); -} - -.h-widget-button { - display: flex; - align-items: center; - cursor: pointer; - padding: 0.25rem 0.5rem; - border: 1px solid rgbA(var(--textRGB), 0.2); - border-bottom-width: 2px; - border-radius: var(--gRadius); - color: var(--text); - font-family: var(--fontFamily); - font-size: var(--fontSize); - font-weight: var(--fontWeight); - text-align: center; - letter-spacing: 0; -} -@media (max-width:960px) { - .h-widget-button { - font-size: var(--sFontSize); - } -} -.h-widget-button.is-cart-filled { - background-color: var(--color1); - color: var(--textInvert); - animation: bounce 4s 2s infinite; -} -.h-widget-button.is-cart-filled:hover { - background-color: var(--color1Dark); -} -.h-widget-button.is-cart-filled path { - fill: var(--textInvert); -} -.h-widget-button:hover { - background-color: rgbA(var(--textRGB), 0.1); -} -.h-widget-button:active { - border-top-width: 2px; - border-bottom-width: 1px; - transition: none; -} -.h-widget-button * + * { - margin-left: 0.25rem; -} -.h-widget-button svg { - width: 1rem; - height: 1rem; -} -.h-widget-button path { - fill: currentColor; -} -.h-widget-button b { - display: flex; - align-items: center; - justify-content: center; - width: 1.25rem; - height: 1.25rem; - background-color: var(--textInvert); - border-radius: 50%; - line-height: 1; - color: var(--color1); - font-weight: normal; - font-size: var(--xsFontSize); -} -.h-widget-button span { - display: inline-block; -} -@media (max-width:480px) { - .h-widget-button span { - display: none; - } -} - -.widget_shopping_cart { - display: flex; - flex-direction: column; - visibility: hidden; - opacity: 0; - will-change: opacity, transform; - position: absolute; - z-index: 10; - top: calc(100% + 0.5rem); - right: 0; - transform: translateX(1rem); - transition: none; - background-color: var(--textInvert); - width: 320px; - box-shadow: var(--shadow1); - border-radius: var(--gRadius); -} -@media (max-width:480px) { - .widget_shopping_cart { - padding: 0.75rem; - width: calc(100vw - var(--gridRim) - var(--gridRim)); - } -} -.is-style-offcanvas .widget_shopping_cart { - position: fixed; - z-index: 110; - top: 0; - right: 0; - bottom: 0; - width: 380px; - padding: 0; - border-radius: 0; -} -@media (max-width:480px) { - .is-style-offcanvas .widget_shopping_cart { - width: 100%; - } -} -.h-cart.is-active .widget_shopping_cart { - visibility: visible; - opacity: 1; - transform: none; - transition: var(--gTransition); -} - -@keyframes bounce { - 0%, 10%, 25%, 40%, 50% { - transform: translateY(0); - } - 20% { - transform: translateY(-4px); - } - 30% { - transform: translateY(-2px); - } -} -.widget_shopping_cart .widgettitle { - display: none; -} -.is-style-offcanvas .widget_shopping_cart .widgettitle { - display: block; - pointer-events: none; - position: relative; - padding: 0.75rem 1rem; - margin-top: var(--adminBarHeight); - background-color: var(--color1Light); - font-size: var(--h4Size); - text-align: center; -} -.is-style-offcanvas .widget_shopping_cart .widgettitle::after { - content: ""; - cursor: pointer; - pointer-events: all; - display: inline-block; - position: absolute; - top: 50%; - left: 0.75rem; - transform: translateY(-50%); - transition: var(--gTransition); - width: 2rem; - height: 2rem; - border: 1px solid var(--text); - border-bottom-width: 2px; - border-radius: var(--gRadius); - background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNTIgNTEyIj48cGF0aCBkPSJNMjQyLjcyIDI1NmwxMDAuMDctMTAwLjA3YzEyLjI4LTEyLjI4IDEyLjI4LTMyLjE5IDAtNDQuNDhsLTIyLjI0LTIyLjI0Yy0xMi4yOC0xMi4yOC0zMi4xOS0xMi4yOC00NC40OCAwTDE3NiAxODkuMjggNzUuOTMgODkuMjFjLTEyLjI4LTEyLjI4LTMyLjE5LTEyLjI4LTQ0LjQ4IDBMOS4yMSAxMTEuNDVjLTEyLjI4IDEyLjI4LTEyLjI4IDMyLjE5IDAgNDQuNDhMMTA5LjI4IDI1NiA5LjIxIDM1Ni4wN2MtMTIuMjggMTIuMjgtMTIuMjggMzIuMTkgMCA0NC40OGwyMi4yNCAyMi4yNGMxMi4yOCAxMi4yOCAzMi4yIDEyLjI4IDQ0LjQ4IDBMMTc2IDMyMi43MmwxMDAuMDcgMTAwLjA3YzEyLjI4IDEyLjI4IDMyLjIgMTIuMjggNDQuNDggMGwyMi4yNC0yMi4yNGMxMi4yOC0xMi4yOCAxMi4yOC0zMi4xOSAwLTQ0LjQ4TDI0Mi43MiAyNTZ6Ii8+PC9zdmc+) no-repeat center center; - background-size: 0.75rem auto; - opacity: 0.3; -} -.is-style-offcanvas .widget_shopping_cart .widgettitle:hover::after { - background-color: rgbA(var(--textRGB), 0.2); - opacity: 0.7; -} -.is-style-offcanvas .widget_shopping_cart .widgettitle:active::after { - border-bottom-width: 1px; - border-top-width: 2px; - transition: none; -} - -.widget_shopping_cart_content { - display: flex; - flex-direction: column; - flex: 1; - color: var(--text); -} - -.woocommerce-mini-cart__empty-message { - padding: var(--blockSpacing) 0; - text-align: center; -} - -.woocommerce-mini-cart__total { - display: flex; - align-items: center; - border-top: 1px solid rgbA(var(--textRGB), 0.1); - text-align: center; - padding: 0.75rem 1rem; -} -.woocommerce-mini-cart__total strong { - display: block; - line-height: 1; - font-size: var(--xsFontSize); - letter-spacing: 0.05em; -} -.woocommerce-mini-cart__total .amount { - margin-left: auto; - font-size: var(--mFontSize); -} -.is-style-offcanvas .woocommerce-mini-cart__total { - margin-top: auto; -} -.is-style-offcanvas .woocommerce-mini-cart__total strong { - font-size: var(--sFontSize); -} - -.woocommerce-mini-cart__buttons { - display: flex; - padding: 0 1rem 1rem; -} -.woocommerce-mini-cart__buttons a { - display: flex; - align-items: center; - padding: 0.5rem 0.75rem; -} -.woocommerce-mini-cart__buttons a:first-child { - background-color: transparent; - font-size: var(--xsFontSize); - color: var(--text); -} -.woocommerce-mini-cart__buttons a:last-child { - margin-left: auto; -} -.is-style-offcanvas .woocommerce-mini-cart__buttons { - column-gap: 1rem; -} -.is-style-offcanvas .woocommerce-mini-cart__buttons a { - flex: 1; -} -.is-style-offcanvas .woocommerce-mini-cart__buttons a { - justify-content: center; - margin: 0; - padding: 0.75rem; - font-size: var(--sFontSize); -} - -.product-columns { - column-gap: 4rem; -} -@media (max-width:960px) { - .product-columns { - column-gap: 2rem; - } -} - -.product-figure { - position: relative; -} - -div.woocommerce-product-gallery { - margin-top: 0; -} -div.woocommerce-product-gallery img { - width: 100%; -} - -.woocommerce-product-gallery__wrapper { - cursor: zoom-in; -} - -.woocommerce-product-gallery__trigger { - position: absolute; - z-index: 2; - top: 0.5rem; - right: 0.5rem; - display: inline-block; - width: 2.5rem; - height: 2.5rem; - border: 1px solid rgbA(0, 0, 0, 0.1); - border-bottom-width: 2px; - background: var(--textInvert) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNMjUyLjMgMjU2bDEyMS40IDEyMS40IDUzLjgtNTMuOGM3LjYtNy42IDIwLjUtMi4yIDIwLjUgOC41djEzNmMwIDYuNi01LjQgMTItMTIgMTJIMzAwYy0xMC43IDAtMTYtMTIuOS04LjUtMjAuNWw1My44LTUzLjhMMjI0IDI4NC4zIDEwMi42IDQwNS43bDUzLjggNTMuOGM3LjYgNy42IDIuMiAyMC41LTguNSAyMC41aC0xMzZjLTYuNiAwLTEyLTUuNC0xMi0xMlYzMzJjMC0xMC43IDEyLjktMTYgMjAuNS04LjVsNTMuOCA1My44TDE5NS43IDI1NiA3NC4zIDEzNC42bC01My44IDUzLjhDMTIuOSAxOTYgMCAxOTAuNyAwIDE4MFY0NGMwLTYuNiA1LjQtMTIgMTItMTJoMTM2YzEwLjcgMCAxNiAxMi45IDguNSAyMC41bC01My44IDUzLjhMMjI0IDIyNy43bDEyMS40LTEyMS40LTUzLjgtNTMuOEMyODQgNDQuOSAyODkuMyAzMiAzMDAgMzJoMTM2YzYuNiAwIDEyIDUuNCAxMiAxMnYxMzZjMCAxMC43LTEyLjkgMTYtMjAuNSA4LjVsLTUzLjgtNTMuOEwyNTIuMyAyNTZ6Ii8+PC9zdmc+) no-repeat center center; - background-size: 50% auto; - color: transparent; -} -.woocommerce-product-gallery__trigger:hover { - color: transparent; - transform: translateY(-2px); - box-shadow: var(--shadow0); -} -.woocommerce-product-gallery__trigger:active { - transform: none; - transition: none; -} - -.pswp__caption { - display: none; -} - -.flex-control-nav { - display: flex; - flex-wrap: wrap; - column-gap: 0.75rem; - row-gap: 0.75rem; - padding-left: 0; - margin-top: 0.75rem; - list-style-type: none; -} -.flex-control-nav li { - cursor: pointer; - max-width: 20%; -} -.flex-control-nav img { - opacity: 0.5; - width: 100%; - transition: var(--gTransition); -} -.flex-control-nav img:hover { - opacity: 0.75; - transform: translateY(-2px); - box-shadow: var(--shadow0); -} -.flex-control-nav img.flex-active { - opacity: 1; - box-shadow: 0 0 0 1px var(--text), var(--shadow1); - transform: none; - transition: none; -} - -.product-summary h1 { - font-size: var(--h2Size); -} -.product-summary .price { - display: flex; - justify-content: flex-start; - margin-top: var(--blockSpacing); - font-size: var(--h4Size); - color: var(--text); -} -.product-summary .stock { - font-weight: 700; - font-size: var(--mFontSize); -} -.product-summary del { - font-size: var(--h5Size); -} - -form.cart { - display: flex; - column-gap: 1rem; - padding: var(--blockSpacing) 0; - border-top: 1px solid rgbA(0, 0, 0, 0.1); - border-bottom: 1px solid rgbA(0, 0, 0, 0.1); -} -form.cart.variations_form { - flex-direction: column; -} - -.quantity { - position: relative; - width: 140px; - font-size: var(--mFontSize); -} -td .quantity { - margin: 0 auto; -} -@media (max-width:480px) { - td .quantity { - margin-left: auto; - margin-right: 0; - } -} -@media (max-width:960px) { - .quantity { - width: 100px; - font-size: var(--fontSize); - } -} -.quantity input[type=number] { - width: 100%; - height: 100%; - padding: 0.5rem 2rem; - text-align: center; -} -.quantity input[type=number] { - -moz-appearance: textfield; -} -.quantity input[type=number]::-webkit-outer-spin-button, .quantity input[type=number]::-webkit-inner-spin-button { - -webkit-appearance: none; - margin: 0; -} -.quantity .quantity__h-spin { - display: flex; - align-items: center; - justify-content: center; - position: absolute; - z-index: 2; - top: 50%; - transform: translateY(-50%); - background-color: transparent; - border: 1px solid rgbA(0, 0, 0, 0.1); - border-bottom-width: 2px; - border-radius: var(--gRadius); - padding: 0; - width: 1.75rem; - height: 1.75rem; - font-family: var(--codeFontFamily); - line-height: 1; -} -@media (max-width:960px) { - .quantity .quantity__h-spin { - width: 1.5rem; - height: 1.5rem; - } -} -.quantity .quantity__h-spin:hover { - background-color: var(--color1Light); -} -.quantity .quantity__h-spin:active { - transition: none; - border-top-width: 2px; - border-bottom-width: 1px; -} -.quantity .is-minus { - left: 0.5rem; -} -.quantity .is-plus { - right: 0.5rem; -} -.quantity .is-hidden { - visibility: hidden; -} - -.woocommerce-variation-add-to-cart { - display: flex; - column-gap: 1rem; -} - -table.variations { - margin-bottom: 1rem; -} -table.variations .label { - font-weight: 700; - font-size: var(--sFontSize); - text-transform: uppercase; - letter-spacing: 0.05em; -} -table.variations select { - display: inline-block; - width: auto; - max-width: 200px; -} - -a.reset_variations { - display: inline-block; - margin-left: 0.5rem; - padding: 0rem 0.25rem; - border: 1px solid rgbA(0, 0, 0, 0.1); - border-bottom-width: 2px; - border-radius: var(--gRadius); - font-weight: 700; - font-size: var(--xsFontSize); - letter-spacing: 0.025em; - text-transform: uppercase; - text-decoration: none; -} -a.reset_variations:hover { - transform: translateY(-1px); - box-shadow: var(--shadow0); - color: inherit; -} -a.reset_variations:active { - transform: none; - transition: none; -} - -.woocommerce-variation { - display: flex; - align-items: center; - flex-wrap: wrap; - margin-bottom: 1rem; -} -.woocommerce-variation .woocommerce-variation-description { - flex-basis: 100%; - font-size: var(--sFontSize); -} -.woocommerce-variation .woocommerce-variation-description * { - margin-bottom: 0.5rem; -} -.woocommerce-variation .price { - margin: 0; - font-size: var(--mFontSize); -} -.woocommerce-variation .stock { - padding: 0 0.5rem; - border-radius: var(--gRadius); - margin-left: 1rem; - background-color: rgbA(var(--textRGB), 0.2); - font-weight: var(--fontWeight); - font-size: var(--sFontSize); -} -.woocommerce-variation .out-of-stock { - background-color: var(--colorAlertLight); -} - -div.woocommerce-product-rating { - display: flex; - align-items: center; - margin-top: 0.5rem; -} -div.woocommerce-product-rating .woocommerce-review-link { - margin-left: 0.5rem; - font-size: var(--sFontSize); -} - -.woocommerce-product-details__short-description > * + * { - margin-top: 1rem; -} - -.product_meta { - font-size: var(--xsFontSize); - font-weight: 700; - text-transform: uppercase; -} -.product_meta .posted_in, -.product_meta .tagged_as { - display: block; -} -.product_meta a { - font-weight: 400; -} -.product_meta a:hover { - text-decoration: underline; -} - -.wc-tabs-wrapper { - display: flex; - column-gap: 3rem; - row-gap: 0; - max-width: var(--siteWidth); - margin-top: var(--groupSpacing); -} -@media (max-width:1120px) { - .wc-tabs-wrapper { - column-gap: 2rem; - } -} -@media (max-width:768px) { - .wc-tabs-wrapper { - flex-direction: column; - } -} - -.wc-tabs { - align-self: flex-start; - width: 250px; - padding: 0; - box-shadow: var(--shadowThin); - list-style-type: none; -} -@media (max-width:960px) { - .wc-tabs { - width: 220px; - font-size: var(--sFontSize); - } -} -@media (max-width:768px) { - .wc-tabs { - display: none; - } -} - -.wc-tabs li, -.h-tab-mobile { - margin-bottom: 2px; - border-radius: var(--gRadius); -} -.wc-tabs li a, -.h-tab-mobile a { - display: flex; - align-items: center; - padding: 0.75rem 1rem; - text-decoration: none; - font-weight: 500; -} -.wc-tabs li a::before, -.h-tab-mobile a::before { - content: ""; - display: inline-block; - width: 1rem; - height: 1rem; - margin-right: 0.75rem; - background-image: var(--iconSvg, url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNMTIuODMgMzUyaDI2Mi4zNEExMi44MiAxMi44MiAwIDAgMCAyODggMzM5LjE3di0zOC4zNEExMi44MiAxMi44MiAwIDAgMCAyNzUuMTcgMjg4SDEyLjgzQTEyLjgyIDEyLjgyIDAgMCAwIDAgMzAwLjgzdjM4LjM0QTEyLjgyIDEyLjgyIDAgMCAwIDEyLjgzIDM1MnptMC0yNTZoMjYyLjM0QTEyLjgyIDEyLjgyIDAgMCAwIDI4OCA4My4xN1Y0NC44M0ExMi44MiAxMi44MiAwIDAgMCAyNzUuMTcgMzJIMTIuODNBMTIuODIgMTIuODIgMCAwIDAgMCA0NC44M3YzOC4zNEExMi44MiAxMi44MiAwIDAgMCAxMi44MyA5NnpNNDMyIDE2MEgxNmExNiAxNiAwIDAgMC0xNiAxNnYzMmExNiAxNiAwIDAgMCAxNiAxNmg0MTZhMTYgMTYgMCAwIDAgMTYtMTZ2LTMyYTE2IDE2IDAgMCAwLTE2LTE2em0wIDI1NkgxNmExNiAxNiAwIDAgMC0xNiAxNnYzMmExNiAxNiAwIDAgMCAxNiAxNmg0MTZhMTYgMTYgMCAwIDAgMTYtMTZ2LTMyYTE2IDE2IDAgMCAwLTE2LTE2eiIvPjwvc3ZnPg==)); - background-repeat: no-repeat; - background-position: center center; - background-size: contain; - filter: var(--iconFilter, var(--textFilter)); -} -.wc-tabs li a:hover, -.h-tab-mobile a:hover { - --iconFilter: var(--color1Filter); - color: var(--color1); -} -.wc-tabs li[aria-controls=tab-additional_information], -.h-tab-mobile[aria-controls=tab-additional_information] { - --iconSvg: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNNDY0IDMySDQ4QzIxLjQ5IDMyIDAgNTMuNDkgMCA4MHYzNTJjMCAyNi41MSAyMS40OSA0OCA0OCA0OGg0MTZjMjYuNTEgMCA0OC0yMS40OSA0OC00OFY4MGMwLTI2LjUxLTIxLjQ5LTQ4LTQ4LTQ4ek0yMjQgNDE2SDY0di05NmgxNjB2OTZ6bTAtMTYwSDY0di05NmgxNjB2OTZ6bTIyNCAxNjBIMjg4di05NmgxNjB2OTZ6bTAtMTYwSDI4OHYtOTZoMTYwdjk2eiIvPjwvc3ZnPg==); -} -.wc-tabs li[aria-controls=tab-reviews], -.h-tab-mobile[aria-controls=tab-reviews] { - --iconSvg: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNNDQ4IDBINjRDMjguNyAwIDAgMjguNyAwIDY0djI4OGMwIDM1LjMgMjguNyA2NCA2NCA2NGg5NnY4NGMwIDkuOCAxMS4yIDE1LjUgMTkuMSA5LjdMMzA0IDQxNmgxNDRjMzUuMyAwIDY0LTI4LjcgNjQtNjRWNjRjMC0zNS4zLTI4LjctNjQtNjQtNjR6Ii8+PC9zdmc+); -} -.wc-tabs li.active, -.h-tab-mobile.active { - background-color: var(--textInvert); - color: var(--text); - box-shadow: var(--shadowThin); -} - -@media (min-width:769px) { - .h-tab-mobile { - display: none; - } -} -.h-tab-mobile a::after { - content: ""; - display: inline-block; - width: 0.75rem; - height: 0.75rem; - margin-left: auto; - background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNMjA3LjAyOSAzODEuNDc2TDEyLjY4NiAxODcuMTMyYy05LjM3My05LjM3My05LjM3My0yNC41NjkgMC0zMy45NDFsMjIuNjY3LTIyLjY2N2M5LjM1Ny05LjM1NyAyNC41MjItOS4zNzUgMzMuOTAxLS4wNEwyMjQgMjg0LjUwNWwxNTQuNzQ1LTE1NC4wMjFjOS4zNzktOS4zMzUgMjQuNTQ0LTkuMzE3IDMzLjkwMS4wNGwyMi42NjcgMjIuNjY3YzkuMzczIDkuMzczIDkuMzczIDI0LjU2OSAwIDMzLjk0MUwyNDAuOTcxIDM4MS40NzZjLTkuMzczIDkuMzcyLTI0LjU2OSA5LjM3Mi0zMy45NDIgMHoiLz48L3N2Zz4=) no-repeat center center; - background-size: contain; -} -.h-tab-mobile.active a::after { - transform: rotate(180deg); -} - -.wc-tab { - flex: 1; -} -.wc-tab > h2:first-of-type { - display: none; -} -@media (max-width:768px) { - .wc-tab { - padding-left: 1rem; - margin-top: var(--blockSpacing); - margin-bottom: var(--blockSpacing); - } -} - -.woocommerce-Tabs-panel--description * + * { - margin-top: var(--blockSpacing); -} -.woocommerce-Tabs-panel--description *:nth-child(2) { - margin-top: 0; -} - -.woocommerce-product-attributes { - width: 100%; - text-align: left; -} -@media (min-width:961px) { - .woocommerce-product-attributes { - max-width: 70%; - } -} -.woocommerce-product-attributes tr { - border-bottom: 1px solid rgbA(0, 0, 0, 0.1); -} -.woocommerce-product-attributes th, -.woocommerce-product-attributes td { - border: 1px solid rgbA(0, 0, 0, 0.1); -} -.woocommerce-product-attributes th { - padding: 0.75rem; - width: 150px; - text-transform: uppercase; - font-size: var(--sFontSize); -} -@media (max-width:768px) { - .woocommerce-product-attributes th { - padding: 0.5rem; - width: 100px; - } -} -.woocommerce-product-attributes td { - padding: 0.75rem; -} - -.woocommerce-Reviews { - display: grid; - grid-template-columns: 1fr 1fr; - column-gap: 3rem; -} -@media (max-width:960px) { - .woocommerce-Reviews { - grid-template-columns: 1fr; - row-gap: 2.5rem; - } -} -.woocommerce-Reviews h2.woocommerce-Reviews-title { - display: block; - font-size: var(--h4Size); -} -.woocommerce-Reviews .comment-form { - padding: 0; -} -.woocommerce-Reviews .comment-respond { - margin-bottom: 0; -} - -.h-review-header { - margin-bottom: 1rem; -} - -.comment-form-rating { - display: flex; - align-items: center; - column-gap: 1rem; - margin-top: 0.5rem; - width: 100%; -} -.comment-form-rating .stars { - flex: 1; -} -.comment-form-rating a { - display: inline-block; - font-size: 0; - text-decoration: none; - line-height: 1; -} -.comment-form-rating a::before { - content: "☆"; - display: block; - font-size: 1.5rem; - color: #fda256; -} -.comment-form-rating .selected a::before { - content: "★"; -} -.comment-form-rating .active ~ a::before { - content: "☆"; -} -.comment-form-rating a + a { - margin-left: 0.25rem; -} - -.woocommerce-notices-wrapper { - max-width: var(--blogWidth); -} -body.woocommerce-checkout .woocommerce-notices-wrapper { - margin-bottom: 1rem; -} -body.woocommerce-account .woocommerce-notices-wrapper { - display: flex; - justify-content: center; - min-width: 100%; - margin: 0 auto; -} - -@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-message, -.woocommerce-info, -.woocommerce-error { - display: flex; - align-items: center; - padding: 0.75rem; - border-radius: var(--gRadius); - background-color: rgbA(0, 0, 0, 0.1); - list-style-type: none; - box-shadow: var(--shadow0); - animation: 1s flipInX both; -} -@media (max-width:768px) { - .woocommerce-message, -.woocommerce-info, -.woocommerce-error { - font-size: var(--sFontSize); - } -} -.woocommerce-message::before, -.woocommerce-info::before, -.woocommerce-error::before { - content: ""; - display: inline-block; - flex-shrink: 0; - transform: translateY(1px); - opacity: 0.5; - width: 1.25rem; - height: 1.25rem; - margin-right: 1rem; - background-repeat: no-repeat; - background-position: center center; - background-size: contain; -} -.woocommerce-message a, -.woocommerce-info a, -.woocommerce-error a { - display: inline-block; - order: 1; - flex-shrink: 0; - background-color: rgbA(var(--textRGB), 0.1); - padding: 0.5rem 0.625rem; - margin-left: auto; - border: 1px solid rgbA(var(--textRGB), 0.1); - border-bottom-width: 2px; - border-radius: var(--gRadius); - font-size: var(--xsFontSize); - font-weight: 700; - letter-spacing: 0.05em; - line-height: 1; - color: inherit; - text-align: center; - text-transform: uppercase; - text-decoration: none; -} -.woocommerce-message a:hover, -.woocommerce-info a:hover, -.woocommerce-error a:hover { - transform: translateY(-1px); - box-shadow: var(--shadow0); - background-color: rgbA(var(--textRGB), 0.25); - color: inherit; -} -.woocommerce-message a:active, -.woocommerce-info a:active, -.woocommerce-error a:active { - transform: none; - transition: none; -} - -.woocommerce-message::before, -.woocommerce-info::before { - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNMjI0IDUxMmMzNS4zMiAwIDYzLjk3LTI4LjY1IDYzLjk3LTY0SDE2MC4wM2MwIDM1LjM1IDI4LjY1IDY0IDYzLjk3IDY0em0yMTUuMzktMTQ5LjcxYy0xOS4zMi0yMC43Ni01NS40Ny01MS45OS01NS40Ny0xNTQuMjkgMC03Ny43LTU0LjQ4LTEzOS45LTEyNy45NC0xNTUuMTZWMzJjMC0xNy42Ny0xNC4zMi0zMi0zMS45OC0zMnMtMzEuOTggMTQuMzMtMzEuOTggMzJ2MjAuODRDMTE4LjU2IDY4LjEgNjQuMDggMTMwLjMgNjQuMDggMjA4YzAgMTAyLjMtMzYuMTUgMTMzLjUzLTU1LjQ3IDE1NC4yOS02IDYuNDUtOC42NiAxNC4xNi04LjYxIDIxLjcxLjExIDE2LjQgMTIuOTggMzIgMzIuMSAzMmgzODMuOGMxOS4xMiAwIDMyLTE1LjYgMzIuMS0zMiAuMDUtNy41NS0yLjYxLTE1LjI3LTguNjEtMjEuNzF6Ii8+PC9zdmc+); -} - -.woocommerce-form-login-toggle .woocommerce-info::before { - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNMjI0IDI1NmM3MC43IDAgMTI4LTU3LjMgMTI4LTEyOFMyOTQuNyAwIDIyNCAwIDk2IDU3LjMgOTYgMTI4czU3LjMgMTI4IDEyOCAxMjh6bTg5LjYgMzJoLTE2LjdjLTIyLjIgMTAuMi00Ni45IDE2LTcyLjkgMTZzLTUwLjYtNS44LTcyLjktMTZoLTE2LjdDNjAuMiAyODggMCAzNDguMiAwIDQyMi40VjQ2NGMwIDI2LjUgMjEuNSA0OCA0OCA0OGgzNTJjMjYuNSAwIDQ4LTIxLjUgNDgtNDh2LTQxLjZjMC03NC4yLTYwLjItMTM0LjQtMTM0LjQtMTM0LjR6Ii8+PC9zdmc+); -} -.woocommerce-form-coupon-toggle .woocommerce-info::before { - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48cGF0aCBkPSJNMTI4IDE2MGgzMjB2MTkySDEyOFYxNjB6bTQwMCA5NmMwIDI2LjUxIDIxLjQ5IDQ4IDQ4IDQ4djk2YzAgMjYuNTEtMjEuNDkgNDgtNDggNDhINDhjLTI2LjUxIDAtNDgtMjEuNDktNDgtNDh2LTk2YzI2LjUxIDAgNDgtMjEuNDkgNDgtNDhzLTIxLjQ5LTQ4LTQ4LTQ4di05NmMwLTI2LjUxIDIxLjQ5LTQ4IDQ4LTQ4aDQ4MGMyNi41MSAwIDQ4IDIxLjQ5IDQ4IDQ4djk2Yy0yNi41MSAwLTQ4IDIxLjQ5LTQ4IDQ4em0tNDgtMTA0YzAtMTMuMjU1LTEwLjc0NS0yNC0yNC0yNEgxMjBjLTEzLjI1NSAwLTI0IDEwLjc0NS0yNCAyNHYyMDhjMCAxMy4yNTUgMTAuNzQ1IDI0IDI0IDI0aDMzNmMxMy4yNTUgMCAyNC0xMC43NDUgMjQtMjRWMTUyeiIvPjwvc3ZnPg==); -} - -.h-before-checkout + .woocommerce-message { - display: inline-flex; - margin-top: 1rem; -} - -.woocommerce-error { - flex-direction: column; - align-items: flex-start; - background-color: var(--colorAlertLight); - padding-left: 2.5rem; -} -.woocommerce-error::before { - position: absolute; - top: 0.875rem; - left: 0.75rem; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNNTA0IDI1NmMwIDEzNi45OTctMTExLjA0MyAyNDgtMjQ4IDI0OFM4IDM5Mi45OTcgOCAyNTZDOCAxMTkuMDgzIDExOS4wNDMgOCAyNTYgOHMyNDggMTExLjA4MyAyNDggMjQ4em0tMjQ4IDUwYy0yNS40MDUgMC00NiAyMC41OTUtNDYgNDZzMjAuNTk1IDQ2IDQ2IDQ2IDQ2LTIwLjU5NSA0Ni00Ni0yMC41OTUtNDYtNDYtNDZ6bS00My42NzMtMTY1LjM0Nmw3LjQxOCAxMzZjLjM0NyA2LjM2NCA1LjYwOSAxMS4zNDYgMTEuOTgyIDExLjM0Nmg0OC41NDZjNi4zNzMgMCAxMS42MzUtNC45ODIgMTEuOTgyLTExLjM0Nmw3LjQxOC0xMzZjLjM3NS02Ljg3NC01LjA5OC0xMi42NTQtMTEuOTgyLTEyLjY1NGgtNjMuMzgzYy02Ljg4NCAwLTEyLjM1NiA1Ljc4LTExLjk4MSAxMi42NTR6Ii8+PC9zdmc+); -} - -.woocommerce-NoticeGroup-checkout { - grid-column: span 2; - max-width: 50%; - font-size: var(--sFontSize); -} - -.woocommerce-NoticeGroup-updateOrderReview { - display: inline-flex; - grid-column: span 2; - margin-top: -1.5rem; -} - -.woocommerce-store-notice { - position: fixed; - z-index: 1000; - bottom: 0; - left: 0; - right: 0; - padding: 0.25rem 0; - background-color: var(--color1); - color: var(--textInvert); - text-align: center; - font-size: var(--sFontSize); -} - -.woocommerce-store-notice__dismiss-link { - display: inline-block; - margin-left: 1rem; - text-decoration: underline; -} - -body.woocommerce-cart main > .woocommerce { - display: grid; - grid-template-columns: repeat(12, minmax(0, 1fr)); - column-gap: 2rem; - row-gap: 2rem; - align-items: flex-start; - max-width: var(--siteWidth); -} -@media (max-width:768px) { - body.woocommerce-cart main > .woocommerce { - column-gap: 1rem; - row-gap: 1rem; - } -} -body.woocommerce-cart .woocommerce-notices-wrapper { - grid-column: span 12; -} - -.woocommerce-cart-form { - grid-column: span 8; -} -@media (max-width:768px) { - .woocommerce-cart-form { - grid-column: span 12; - } -} - -.shop_table { - width: 100%; -} -.shop_table thead th { - border-bottom: 2px solid rgbA(var(--textRGB), 0.1); - padding-bottom: 1rem; -} -.shop_table tbody th, -.shop_table tfoot th { - text-align: left; - font-size: var(--xsFontSize); -} -.shop_table th, .shop_table td { - border-bottom: 1px dashed rgbA(var(--textRGB), 0.1); -} -.shop_table tr { - position: relative; - transform: scale(1); -} -.shop_table th { - font-size: var(--sFontSize); - letter-spacing: 0.05em; - text-transform: uppercase; -} -.shop_table td { - padding: 0.75rem 0; -} - -td.product-thumbnail { - width: 100px; - padding-right: 0.75rem; -} -@media (max-width:960px) { - td.product-thumbnail { - width: 80px; - } -} - -th.product-name { - text-align: left; -} - -td.product-name { - text-align: left; -} -@media (max-width:768px) { - td.product-name { - font-size: var(--sFontSize); - } -} -td.product-name a { - display: block; - font-weight: 700; -} - -@media (max-width:480px) { - td.product-name .amount, -td.product-subtotal .amount { - font-size: var(--xsFontSize); - } -} - -td.product-quantity { - width: 120px; - text-align: center; -} -@media (max-width:960px) { - td.product-quantity { - width: auto; - } -} -@media (max-width:480px) { - td.product-quantity { - padding-bottom: 1.5rem; - } -} - -@media (max-width:480px) { - th.product-subtotal { - width: 0; - padding: 0; - font-size: 0; - color: transparent; - } -} - -td.product-subtotal { - width: 120px; - text-align: center; -} -@media (max-width:960px) { - td.product-subtotal { - width: auto; - } -} -@media (max-width:480px) { - td.product-subtotal { - position: absolute; - bottom: 0; - right: 0.5rem; - padding: 0; - } -} - -td.product-remove { - width: 2.5rem; - padding-left: 0.5rem; -} -@media (max-width:480px) { - td.product-remove { - width: 0; - padding: 0; - } -} - -a.remove_from_cart_button, -a.remove { - display: flex; - align-items: center; - justify-content: center; - cursor: pointer; - background-color: var(--textInvert); - background: var(--textInvert) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBmaWxsPSIjYTBhMGEwIiBkPSJNNDMyIDMySDMxMmwtOS40LTE4LjdBMjQgMjQgMCAwIDAgMjgxLjEgMEgxNjYuOGEyMy43MiAyMy43MiAwIDAgMC0yMS40IDEzLjNMMTM2IDMySDE2QTE2IDE2IDAgMCAwIDAgNDh2MzJhMTYgMTYgMCAwIDAgMTYgMTZoNDE2YTE2IDE2IDAgMCAwIDE2LTE2VjQ4YTE2IDE2IDAgMCAwLTE2LTE2ek01My4yIDQ2N2E0OCA0OCAwIDAgMCA0Ny45IDQ1aDI0NS44YTQ4IDQ4IDAgMCAwIDQ3LjktNDVMNDE2IDEyOEgzMnoiLz48L3N2Zz4=) no-repeat center center; - background-size: 40% auto; - border: 1px solid rgbA(var(--textRGB), 0.1); - border-bottom-width: 2px; - border-radius: var(--gRadius); - width: 2rem; - height: 2rem; - line-height: 1; - color: transparent; -} -a.remove_from_cart_button:hover, -a.remove:hover { - color: transparent; - text-decoration: none; - transform: translateY(-1px); - box-shadow: var(--shadow1); -} -a.remove_from_cart_button:active, -a.remove:active { - transform: none; - transition: none; - box-shadow: var(--shadow0); -} -.widget_shopping_cart a.remove_from_cart_button, -.widget_shopping_cart a.remove { - position: absolute; - z-index: 2; - top: 0; - right: 0; - width: 1.75rem; - height: 1.75rem; - background-size: 50% auto; - font-weight: 700; -} -@media (max-width:480px) { - td.product-remove a.remove_from_cart_button, -td.product-remove a.remove { - position: absolute; - top: 0.25rem; - left: -0.5rem; - } -} - -td.actions { - border-bottom: none; - padding-top: var(--blockSpacing); - padding-bottom: 0; - text-align: right; -} - -.coupon { - display: flex; - column-gap: 0.5rem; - float: left; -} -.coupon label { - display: none; -} -.coupon input { - width: 150px; -} -.coupon button { - --textColor: var(--text); - background-color: transparent; - font-size: var(--xsFontSize); -} - -@media (max-width:480px) { - .coupon + [type=submit] { - margin-top: 1rem; - } -} - -.cart-empty { - grid-column: span 12; - font-size: var(--mFontSize); - text-align: center; - max-width: var(--blogWidth); - margin: 0 auto; -} - -.return-to-shop { - grid-column: span 12; - text-align: center; -} - -.cart-collaterals { - grid-column: span 4; - background-color: var(--textInvert); - padding: 2rem; - border: 2px solid rgbA(var(--textRGB), 0.1); - border-radius: var(--gRadius); -} -@media (max-width:960px) { - .cart-collaterals { - padding: 1rem; - } -} -@media (max-width:768px) { - .cart-collaterals { - grid-column: span 12; - } -} -.cart-collaterals h2 { - display: none; -} -.cart-collaterals table { - margin-bottom: var(--blockSpacing); -} -.cart-collaterals th, -.cart-collaterals td { - padding: 0.5rem 0; -} -.cart-collaterals td { - text-align: right; -} -.cart-collaterals .button { - width: 100%; - justify-content: center; -} -.cart-collaterals .cart-subtotal { - border-bottom: 1px dashed rgbA(var(--textRGB), 0.1); -} - -.cart-collaterals__h-footnote { - margin-top: 0.5rem; - font-size: var(--xsFontSize); -} - -.woocommerce-remove-coupon { - font-size: var(--xsFontSize); -} - -.woocommerce-shipping-totals td { - padding-left: 1rem; -} - -.woocommerce-shipping-destination { - display: inline-block; - background-color: var(--siteBg); - padding: 0.5rem; - margin-top: 1rem; - border: 1px solid rgbA(var(--textRGB), 0.1); - border-radius: var(--gRadius); - color: var(--textDim); - font-size: var(--xsFontSize); -} - -.cross-sells { - grid-column: span 12; - margin-top: var(--groupSpacing); -} -.cross-sells h3 { - margin-bottom: var(--blockSpacing); - font-size: var(--h4Size); -} - -body.woocommerce-checkout main > .woocommerce { - max-width: var(--siteWidth); -} - -form.checkout { - display: grid; - align-items: flex-start; - grid-template-columns: 4fr 3fr; - column-gap: 3rem; - row-gap: 2rem; - margin-top: var(--groupSpacing); - max-width: var(--siteWidth); -} -@media (max-width:960px) { - form.checkout { - column-gap: 1.5rem; - } -} -@media (max-width:768px) { - form.checkout { - grid-template-columns: 1fr; - } -} - -@media (min-width:769px) { - .h-before-checkout .wp-block-column:nth-child(2) { - text-align: right; - } -} -.h-before-checkout .woocommerce-error { - display: inline-block; -} - -.woocommerce-form-coupon-toggle, -.woocommerce-form-login-toggle { - display: inline-block; -} -.woocommerce-form-coupon-toggle a, -.woocommerce-form-login-toggle a { - margin-left: 0.5rem; -} - -body.has-checkout-form-open { - cursor: pointer; -} -body.has-checkout-form-open::before { - content: ""; - display: block; - position: fixed; - z-index: 200; - top: 0; - left: 0; - right: 0; - bottom: 0; - background-color: rgbA(0, 0, 0, 0.5); - height: 100vh; -} - -.h-before-checkout form { - cursor: default; - position: fixed; - top: 50%; - left: 50%; - z-index: 200; - display: flex !important; - visibility: hidden; - opacity: 0; - background-color: var(--textInvert); - transform: translateY(calc(-50% + 1rem)) translateX(-50%); - transition: var(--gTransition); - width: 400px; - padding: 1rem; - box-shadow: var(--shadow1); -} -@media (max-width:768px) { - .h-before-checkout form { - width: calc(100% - 1rem); - } -} -.h-before-checkout form > p:first-child { - font-size: var(--sFontSize); - text-align: left; -} -.h-before-checkout form.is-open { - visibility: visible; - opacity: 1; - transform: translateY(-50%) translateX(-50%); -} - -.h-before-checkout .woocommerce-form-coupon .form-row input { - padding-top: 0.5rem; -} -.h-before-checkout .woocommerce-form-coupon button { - height: 100%; - font-size: var(--xsFontSize); -} - -.woocommerce-billing-fields__field-wrapper, -.woocommerce-shipping-fields__field-wrapper { - display: grid; - grid-template-columns: repeat(12, minmax(0, 1fr)); - column-gap: 1rem; - row-gap: 1rem; -} -@media (max-width:960px) { - .woocommerce-billing-fields__field-wrapper, -.woocommerce-shipping-fields__field-wrapper { - column-gap: 0.75rem; - } -} -@media (max-width:480px) { - .woocommerce-billing-fields__field-wrapper, -.woocommerce-shipping-fields__field-wrapper { - column-gap: 0.5rem; - } -} - -.woocommerce-billing-fields h3 { - margin-bottom: 1rem; - font-size: var(--h4Size); -} - -.woocommerce-shipping-fields { - margin: var(--blockSpacing) 0; -} -.woocommerce-shipping-fields h3 { - font-size: var(--h6Size); - font-family: var(--fontFamily); -} -.woocommerce-shipping-fields .shipping_address { - margin-top: var(--blockSpacing); -} - -.form-row { - grid-column: span var(--span, 6); - position: relative; -} -.form-row label { - position: absolute; - z-index: 2; - top: 0.25rem; - left: 0.625rem; - font-size: var(--xsFontSize); - color: var(--textDim); -} -.form-row input, -.form-row textarea { - padding-top: 1.5rem; -} -.form-row select { - padding: 1.5rem 0.25rem 0.25rem; -} -.form-row[id*=email] { - --span: 12; -} -.form-row[id*=company_field] { - display: none; -} -.form-row[id*=address_1_field] { - --span: 8; -} -@media (max-width:480px) { - .form-row[id*=address_1_field] { - --span: 12; - } -} -.form-row[id*=address_2_field] { - --span: 4; -} -@media (max-width:480px) { - .form-row[id*=address_2_field] { - --span: 12; - } -} -.form-row[id*=country], .form-row[id*=postcode], .form-row[id*=state] { - --span: 4; -} -@media (max-width:768px) { - .form-row[id*=country], .form-row[id*=postcode], .form-row[id*=state] { - --span: 6; - } -} -.woocommerce-form-register .form-row[id*=country], .woocommerce-form-register .form-row[id*=postcode], .woocommerce-form-register .form-row[id*=state] { - --span: 6; -} -@media (max-width:480px) { - .form-row[id*=phone] { - --span: 12; - } -} -.woocommerce-form-register .form-row[id*=city] { - --span: 6; -} -@media (max-width:480px) { - .woocommerce-form-register .form-row[id*=city] { - --span: 12; - } -} - -.form-row .woocommerce-form__label { - position: static; - display: flex; - align-items: center; - cursor: pointer; - padding: 0.5rem 0; -} -.form-row .woocommerce-form__label span { - display: inline-block; - transition: var(--gTransition); - text-transform: uppercase; - font-size: var(--sFontSize); - font-weight: 700; - letter-spacing: 0.025em; -} -.form-row .woocommerce-form__label input { - padding-top: 0; - margin-right: 0.5rem; -} - -.form-row[id*=_country] .woocommerce-input-wrapper > strong { - display: block; - padding-top: 1.5rem; - padding-left: 0.625rem; -} - -.select2-container { - display: block; - background-color: transparent; -} -.select2-container .select2-selection--single { - background-color: transparent; -} -.select2-container .select2-selection { - padding-top: 1.5rem; - height: auto; - border: 2px solid rgbA(0, 0, 0, 0.1); -} -.select2-container.select2-container--open .select2-selection { - border-color: black; -} -.select2-container .select2-selection--single .select2-selection__arrow { - top: auto; - bottom: 0.25rem; -} - -.woocommerce-additional-fields h3 { - margin-bottom: 1rem; - font-size: var(--h4Size); -} - -.woocommerce-account-fields { - margin-top: var(--blockSpacing); -} - -.form-row.create-account label { - position: static; -} - -div.create-account { - display: flex; - column-gap: 1rem; - row-gap: 1rem; -} -div.create-account .form-row { - flex-basis: 50%; -} -@media (max-width:480px) { - div.create-account .form-row { - flex-basis: 100%; - } -} -div.create-account .clear { - display: none; -} - -.h-order-review__wrapper { - background-color: var(--textInvert); - padding: 2rem; - border: 2px solid rgbA(var(--textRGB), 0.1); - border-radius: var(--gRadius); -} -.h-order-review__wrapper #order_review_heading { - display: none; -} -@media (max-width:960px) { - .h-order-review__wrapper { - padding: 1rem; - } -} - -.woocommerce-checkout-review-order-table { - margin-bottom: 1rem; -} -.woocommerce-checkout-review-order-table thead { - display: none; -} -.woocommerce-checkout-review-order-table td { - padding: 0.5rem 0; -} -.woocommerce-checkout-review-order-table td:last-child { - text-align: right; -} -.woocommerce-checkout-review-order-table tfoot tr:last-child th, -.woocommerce-checkout-review-order-table tfoot tr:last-child td { - border-bottom: none; -} -.woocommerce-checkout-review-order-table .amount { - font-size: var(--sFontSize); -} - -.h-order-review__figure { - display: flex; - align-items: center; - column-gap: 0.5rem; - line-height: 1.25; -} -.h-order-review__figure img { - max-width: 2.5rem; -} -body.woocommerce-order-received .h-order-review__figure img { - max-width: 4.5rem; -} -.h-order-review__figure strong { - display: block; - font-size: var(--xsFontSize); -} - -.woocommerce-shipping-methods { - list-style-type: none; - padding-left: 0; - text-align: left; -} -.woocommerce-shipping-methods li { - display: flex; - align-items: center; - justify-content: flex-start; - position: relative; -} -.woocommerce-shipping-methods label { - flex: 1; - display: flex; - cursor: pointer; - transition: var(--gTransition); - border: 1px solid transparent; - border-radius: var(--gRadius); - padding: 0.5rem 0.5rem; - padding-left: 2rem; - font-size: var(--sFontSize); -} -.woocommerce-shipping-methods label:hover { - border-color: rgbA(var(--textRGB), 0.1); -} -.woocommerce-shipping-methods input:checked ~ label { - background-color: var(--color1Light); -} -.woocommerce-shipping-methods input { - position: absolute; - top: 50%; - left: 0.5rem; - transform: translateY(-50%); -} -.woocommerce-shipping-methods .amount { - margin-left: auto; -} - -.wc_payment_methods { - padding-left: 0; - border: 2px solid rgbA(var(--textRGB), 0.1); - border-radius: var(--gRadius); - font-size: var(--sFontSize); - list-style-type: none; -} - -.wc_payment_method { - display: flex; - flex-wrap: wrap; - align-items: center; - column-gap: 0.5rem; - row-gap: 0.5rem; - position: relative; - padding: 0.75rem; - border-bottom: 1px dashed rgbA(var(--textRGB), 0.1); -} -.wc_payment_method:last-child { - border-bottom: none; -} -.wc_payment_method label { - flex: 1; - cursor: pointer; - opacity: 0.4; - font-weight: 700; - transition: var(--gTransition); -} -.wc_payment_method label:hover { - opacity: 0.8; -} -.wc_payment_method input:checked ~ label { - opacity: 1; -} -.wc_payment_method .payment_box { - flex-basis: 100%; -} - -.woocommerce-terms-and-conditions-wrapper { - margin: 1rem 0; - font-size: var(--xsFontSize); -} - -.place-order button[type=submit] { - width: 100%; - justify-content: center; -} - -.h-checkout-legal { - margin-top: 2rem; - padding-top: 1rem; - border-top: 1px solid rgbA(var(--textRGB), 0.1); - color: var(--textDim); - font-size: var(--xsFontSize); -} - -.woocommerce-order { - display: grid; - grid-template-columns: repeat(12, minmax(0, 1fr)); - column-gap: 3rem; - row-gap: 2rem; - align-items: flex-start; - max-width: var(--siteWidth); -} -@media (max-width:960px) { - .woocommerce-order { - column-gap: 2rem; - } -} - -.h-order-overview { - grid-column: span 5; - background-color: var(--textInvert); - padding: 2rem; - border: 2px solid rgbA(var(--textRGB), 0.1); - border-radius: var(--gRadius); -} -@media (max-width:768px) { - .h-order-overview { - grid-column: span 12; - } -} -.h-order-overview > p:last-child { - margin-top: 1rem; - padding: 1rem; - border: 1px dashed rgbA(var(--textRGB), 0.2); - border-radius: var(--gRadius); - background-color: var(--siteBg); -} - -.woocommerce-order-details { - grid-column: span 7; -} -body.woocommerce-account .woocommerce-order-details { - margin: var(--blockSpacing) 0; -} -@media (max-width:768px) { - .woocommerce-order-details { - grid-column: span 12; - } -} -.woocommerce-order-details h2 { - margin-bottom: 1rem; - font-size: var(--h4Size); -} -.woocommerce-order-details th.product-total, -.woocommerce-order-details td:last-child { - text-align: right; -} - -.woocommerce-order-overview { - margin-top: 0.5rem; - font-size: var(--sFontSize); -} - -.woocommerce-bacs-bank-details { - margin-top: var(--blockSpacing); -} -.woocommerce-bacs-bank-details h2 { - margin-bottom: 1rem; - font-size: var(--h5Size); -} -.woocommerce-bacs-bank-details h3 { - margin-top: 1rem; - padding: 1rem; - padding-bottom: 0.5rem; - border: 1px dashed rgbA(var(--textRGB), 0.2); - border-bottom: none; - border-radius: var(--gRadius) var(--gRadius) 0 0; - background-color: var(--siteBg); - font-size: var(--h6Size); -} -.woocommerce-bacs-bank-details ul { - padding: 0 1rem 1rem 2rem; - border: 1px dashed rgbA(var(--textRGB), 0.2); - border-top: none; - border-radius: 0 0 var(--gRadius) var(--gRadius); - background-color: var(--siteBg); - font-size: var(--sFontSize); -} - -.woocommerce-customer-details { - grid-column: span 12; -} -.woocommerce-customer-details h2 { - margin-bottom: 1rem; - font-size: var(--h4Size); -} - -body.woocommerce-account main > .woocommerce { - display: flex; - align-items: flex-start; - flex-wrap: wrap; - column-gap: 3rem; - row-gap: 1rem; - max-width: var(--siteWidth); -} -@media (max-width:960px) { - body.woocommerce-account main > .woocommerce { - column-gap: 2rem; - } -} -@media (max-width:768px) { - body.woocommerce-account main > .woocommerce { - flex-wrap: wrap; - } -} - -.woocommerce-MyAccount-navigation { - overflow: hidden; - width: 250px; - background-color: var(--textInvert); - border-radius: var(--gRadius); -} -.woocommerce-MyAccount-navigation ul { - padding: 0; - list-style-type: none; -} -@media (max-width:960px) { - .woocommerce-MyAccount-navigation { - width: 220px; - } -} -@media (max-width:768px) { - .woocommerce-MyAccount-navigation { - width: 100%; - } -} - -.woocommerce-MyAccount-navigation-link { - border-bottom: 2px solid var(--siteBg); -} -.woocommerce-MyAccount-navigation-link a { - display: flex; - align-items: center; - padding: 0.75rem 1rem; - text-decoration: none; - font-weight: 500; -} -.woocommerce-MyAccount-navigation-link a::before { - content: ""; - display: inline-block; - width: 1rem; - height: 1rem; - margin-right: 0.75rem; - background-image: var(--iconSvg, url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNMjI0IDI1NmM3MC43IDAgMTI4LTU3LjMgMTI4LTEyOFMyOTQuNyAwIDIyNCAwIDk2IDU3LjMgOTYgMTI4czU3LjMgMTI4IDEyOCAxMjh6bTg5LjYgMzJoLTE2LjdjLTIyLjIgMTAuMi00Ni45IDE2LTcyLjkgMTZzLTUwLjYtNS44LTcyLjktMTZoLTE2LjdDNjAuMiAyODggMCAzNDguMiAwIDQyMi40VjQ2NGMwIDI2LjUgMjEuNSA0OCA0OCA0OGgzNTJjMjYuNSAwIDQ4LTIxLjUgNDgtNDh2LTQxLjZjMC03NC4yLTYwLjItMTM0LjQtMTM0LjQtMTM0LjR6Ii8+PC9zdmc+)); - background-repeat: no-repeat; - background-position: center center; - background-size: contain; - filter: var(--iconFilter); -} -.woocommerce-MyAccount-navigation-link a:hover { - --iconFilter: var(--color1Filter); - background-color: var(--color1Light); -} -.woocommerce-MyAccount-navigation-link.is-active a { - --iconFilter: var(--textInvertFilter); - background-color: var(--color1); - color: var(--textInvert); -} - -.woocommerce-MyAccount-navigation-link--orders { - --iconSvg: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNMzUyIDE2MHYtMzJDMzUyIDU3LjQyIDI5NC41NzkgMCAyMjQgMCAxNTMuNDIgMCA5NiA1Ny40MiA5NiAxMjh2MzJIMHYyNzJjMCA0NC4xODMgMzUuODE3IDgwIDgwIDgwaDI4OGM0NC4xODMgMCA4MC0zNS44MTcgODAtODBWMTYwaC05NnptLTE5Mi0zMmMwLTM1LjI5IDI4LjcxLTY0IDY0LTY0czY0IDI4LjcxIDY0IDY0djMySDE2MHYtMzJ6bTE2MCAxMjBjLTEzLjI1NSAwLTI0LTEwLjc0NS0yNC0yNHMxMC43NDUtMjQgMjQtMjQgMjQgMTAuNzQ1IDI0IDI0LTEwLjc0NSAyNC0yNCAyNHptLTE5MiAwYy0xMy4yNTUgMC0yNC0xMC43NDUtMjQtMjRzMTAuNzQ1LTI0IDI0LTI0IDI0IDEwLjc0NSAyNCAyNC0xMC43NDUgMjQtMjQgMjR6Ii8+PC9zdmc+); -} - -.woocommerce-MyAccount-navigation-link--edit-address { - --iconSvg: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBkPSJNMTcyLjI2OCA1MDEuNjdDMjYuOTcgMjkxLjAzMSAwIDI2OS40MTMgMCAxOTIgMCA4NS45NjEgODUuOTYxIDAgMTkyIDBzMTkyIDg1Ljk2MSAxOTIgMTkyYzAgNzcuNDEzLTI2Ljk3IDk5LjAzMS0xNzIuMjY4IDMwOS42Ny05LjUzNSAxMy43NzQtMjkuOTMgMTMuNzczLTM5LjQ2NCAwek0xOTIgMjcyYzQ0LjE4MyAwIDgwLTM1LjgxNyA4MC04MHMtMzUuODE3LTgwLTgwLTgwLTgwIDM1LjgxNy04MCA4MCAzNS44MTcgODAgODAgODB6Ii8+PC9zdmc+); -} - -.woocommerce-MyAccount-navigation-link--edit-account { - --iconSvg: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNMjI0IDI1NmM3MC43IDAgMTI4LTU3LjMgMTI4LTEyOFMyOTQuNyAwIDIyNCAwIDk2IDU3LjMgOTYgMTI4czU3LjMgMTI4IDEyOCAxMjh6bTg5LjYgMzJoLTE2LjdjLTIyLjIgMTAuMi00Ni45IDE2LTcyLjkgMTZzLTUwLjYtNS44LTcyLjktMTZoLTE2LjdDNjAuMiAyODggMCAzNDguMiAwIDQyMi40VjQ2NGMwIDI2LjUgMjEuNSA0OCA0OCA0OGgzNTJjMjYuNSAwIDQ4LTIxLjUgNDgtNDh2LTQxLjZjMC03NC4yLTYwLjItMTM0LjQtMTM0LjQtMTM0LjR6Ii8+PC9zdmc+); -} - -.woocommerce-MyAccount-navigation-link--customer-logout { - --iconSvg: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMTgwIDQ0OEg5NmMtNTMgMC05Ni00My05Ni05NlYxNjBjMC01MyA0My05NiA5Ni05Nmg4NGM2LjYgMCAxMiA1LjQgMTIgMTJ2NDBjMCA2LjYtNS40IDEyLTEyIDEySDk2Yy0xNy43IDAtMzIgMTQuMy0zMiAzMnYxOTJjMCAxNy43IDE0LjMgMzIgMzIgMzJoODRjNi42IDAgMTIgNS40IDEyIDEydjQwYzAgNi42LTUuNCAxMi0xMiAxMnptMTE3LjktMzAzLjFsNzcuNiA3MS4xSDE4NGMtMTMuMyAwLTI0IDEwLjctMjQgMjR2MzJjMCAxMy4zIDEwLjcgMjQgMjQgMjRoMTkxLjVsLTc3LjYgNzEuMWMtMTAuMSA5LjItMTAuNCAyNS0uOCAzNC43bDIxLjkgMjEuOWM5LjMgOS4zIDI0LjUgOS40IDMzLjkuMWwxNTItMTUwLjhjOS41LTkuNCA5LjUtMjQuNyAwLTM0LjFMMzUzIDg4LjNjLTkuNC05LjMtMjQuNS05LjMtMzMuOS4xbC0yMS45IDIxLjljLTkuNyA5LjYtOS4zIDI1LjQuNyAzNC42eiIvPjwvc3ZnPg==); -} - -.woocommerce-MyAccount-content { - flex: 1; -} - -.woocommerce-form { - display: flex; - flex-direction: column; - flex-wrap: wrap; - row-gap: 1rem; - column-gap: 1rem; -} -body.woocommerce-account .woocommerce-form { - background-color: var(--textInvert); - margin: 0 auto; - padding: 1.5rem; - border: 2px solid rgbA(var(--textRGB), 0.1); - border-radius: var(--gRadius); -} -@media (max-width:768px) { - body.woocommerce-account .woocommerce-form { - padding: 0.75rem; - } -} -.woocommerce-form .clear { - display: none; -} - -.woocommerce-MyAccount-orders td { - text-align: center; -} - -.woocommerce-Address { - margin-top: 1rem; -} -.woocommerce-Address header { - display: flex; - align-items: center; - column-gap: 0.5rem; - margin-bottom: 1rem; -} -.woocommerce-Address h3 { - font-size: var(--h4Size); -} -.woocommerce-Address a { - display: inline-block; - padding: 0.125rem 0.5rem; - border: 1px solid var(--color1); - border-bottom-width: 2px; - border-radius: var(--gRadius); - color: var(--color1); - letter-spacing: 0.05em; - font-weight: 700; - font-size: var(--xsFontSize); - text-transform: uppercase; - text-decoration: none; -} -.woocommerce-Address a:hover { - transform: translateY(-1px); - box-shadow: var(--shadow0); -} -.woocommerce-Address a:active { - transform: none; - transition: none; -} - -.woocommerce-address-fields__field-wrapper { - display: grid; - row-gap: 1rem; - column-gap: 1rem; - margin: var(--blockSpacing) 0; -} - -.woocommerce-EditAccountForm { - display: grid; - grid-template-columns: 1fr 1fr; - column-gap: 1rem; - row-gap: 1rem; -} -.woocommerce-EditAccountForm .clear { - display: none; -} -.woocommerce-EditAccountForm em { - display: block; - margin-top: 0.5rem; - font-size: var(--xsFontSize); - line-height: 1.25; -} -.woocommerce-EditAccountForm .form-row { - grid-column: span 1; -} -@media (max-width:480px) { - .woocommerce-EditAccountForm .form-row { - grid-column: span 2; - } -} -.woocommerce-EditAccountForm > p:last-child { - grid-column: span 2; -} - -.woocommerce-EditAccountForm fieldset { - grid-column: span 2; - display: flex; - flex-wrap: wrap; - column-gap: 1rem; - row-gap: 1rem; - padding: 1rem; - border: 1px solid rgbA(var(--textRGB), 0.1); - border-radius: var(--gRadius); -} -.woocommerce-EditAccountForm fieldset legend { - flex: 1; - font-size: var(--h5Size); - font-family: var(--hFontFamily); - font-weight: var(--hFontWeight); -} -.woocommerce-EditAccountForm fieldset .form-row { - width: calc(50% - 0.5rem); -} -@media (max-width:768px) { - .woocommerce-EditAccountForm fieldset .form-row { - width: 100%; - } -} -.woocommerce-EditAccountForm fieldset .form-row:nth-child(2) { - width: 100%; -} - -#customer_login { - width: 360px; - flex: 1; -} -#customer_login h2 { - margin-bottom: var(--blockSpacing); - font-size: var(--h2Size); - text-align: center; -} - -.woocommerce-form-login { - max-width: 360px; -} -.woocommerce-form-login p[class=form-row] { - display: flex; -} -.woocommerce-form-login button { - order: 1; - margin-left: auto; -} -.woocommerce-form-login .lost_password { - flex-basis: 100%; - font-size: var(--xsFontSize); -} - -.woocommerce-form-register { - display: grid; - grid-template-columns: repeat(12, 1fr); - width: 100%; - max-width: 720px; -} -@media (max-width:768px) { - .woocommerce-form-register { - column-gap: 0.75rem; - row-gap: 0.75rem; - } -} -.woocommerce-form-register .woocommerce-privacy-policy-text { - grid-column: span 12; - font-size: var(--sFontSize); -} -.woocommerce-form-register > p:not([class]) { - grid-column: span 12; -} - -.h-toggle-buttons { - margin-top: 1rem; - opacity: 0.5; -} -.h-toggle-buttons .wp-block-button { - position: relative; -} -.h-toggle-buttons a::before { - content: ""; - display: inline-block; - width: 0.875rem; - height: 0.875rem; - position: absolute; - top: 50%; - transform: translateY(-50%); - background-repeat: no-repeat; - background-position: center center; - background-size: auto 90%; -} -.h-toggle-buttons .wp-block-button:first-child a { - padding-left: 2rem; -} -.h-toggle-buttons .wp-block-button:first-child a::before { - left: 0.5rem; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48cGF0aCBkPSJNMzQuNTIgMjM5LjAzTDIyOC44NyA0NC42OWM5LjM3LTkuMzcgMjQuNTctOS4zNyAzMy45NCAwbDIyLjY3IDIyLjY3YzkuMzYgOS4zNiA5LjM3IDI0LjUyLjA0IDMzLjlMMTMxLjQ5IDI1NmwxNTQuMDIgMTU0Ljc1YzkuMzQgOS4zOCA5LjMyIDI0LjU0LS4wNCAzMy45bC0yMi42NyAyMi42N2MtOS4zNyA5LjM3LTI0LjU3IDkuMzctMzMuOTQgMEwzNC41MiAyNzIuOTdjLTkuMzctOS4zNy05LjM3LTI0LjU3IDAtMzMuOTR6Ii8+PC9zdmc+); -} -.h-toggle-buttons .wp-block-button:last-child a { - padding-right: 2rem; -} -.h-toggle-buttons .wp-block-button:last-child a::before { - right: 0.5rem; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48cGF0aCBkPSJNMjg1LjQ3NiAyNzIuOTcxTDkxLjEzMiA0NjcuMzE0Yy05LjM3MyA5LjM3My0yNC41NjkgOS4zNzMtMzMuOTQxIDBsLTIyLjY2Ny0yMi42NjdjLTkuMzU3LTkuMzU3LTkuMzc1LTI0LjUyMi0uMDQtMzMuOTAxTDE4OC41MDUgMjU2IDM0LjQ4NCAxMDEuMjU1Yy05LjMzNS05LjM3OS05LjMxNy0yNC41NDQuMDQtMzMuOTAxbDIyLjY2Ny0yMi42NjdjOS4zNzMtOS4zNzMgMjQuNTY5LTkuMzczIDMzLjk0MSAwTDI4NS40NzUgMjM5LjAzYzkuMzczIDkuMzcyIDkuMzczIDI0LjU2OC4wMDEgMzMuOTQxeiIvPjwvc3ZnPg==); -} - -#customer_login .col-1, -#customer_login .wp-block-button:nth-child(1) { - display: none; -} -#customer_login .col-1:target { - display: block; -} -#customer_login .col-1:target ~ .col-2 { - display: none; -} -#customer_login .col-1:target ~ .wp-block-buttons .wp-block-button:nth-child(2) { - display: none; -} -#customer_login .col-1:target ~ .wp-block-buttons .wp-block-button:nth-child(1) { - display: block; -} -#customer_login .col-2:target { - display: block; -} -#customer_login .col-2:target ~ .wp-block-buttons .wp-block-button:nth-child(1) { - display: none; -} +.wc-block-featured-category,.wc-block-featured-product{display:flex;min-height:0 !important;height:auto !important;background-size:cover;background-color:var(--bgColor, transparent);text-align:center}.wc-block-featured-category::after,.wc-block-featured-product::after{content:"";display:block;width:100%;height:0;padding-bottom:var(--ratio, 100%)}.wc-block-featured-category.has-left-content,.wc-block-featured-product.has-left-content{--hAlign: flex-start;text-align:left}.wc-block-featured-category.has-center-content,.wc-block-featured-product.has-center-content{--hAlign: center;text-align:center}.wc-block-featured-category.has-right-content,.wc-block-featured-product.has-right-content{--hAlign: flex-end;text-align:right}.wc-block-featured-category.is-vertically-aligned-top,.wc-block-featured-product.is-vertically-aligned-top{--vAlign: flex-start}.wc-block-featured-category.is-vertically-aligned-center,.wc-block-featured-product.is-vertically-aligned-center{--vAlign: center}.wc-block-featured-category.is-vertically-aligned-bottom,.wc-block-featured-product.is-vertically-aligned-bottom{--vAlign: flex-end}.wc-block-featured-category.is-style-landscape,.wc-block-featured-product.is-style-landscape{--ratio: 50%}.wc-block-featured-product{--ratio: 75%}.wc-block-featured-category__wrapper,.wc-block-featured-product__wrapper{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:var(--hAlign, center);justify-content:var(--vAlign, center);z-index:2;width:100%;padding:1rem;color:var(--textColor, --text);will-change:transform;transition:var(--gTransition)}.wc-block-featured-category__wrapper p,.wc-block-featured-product__wrapper p{margin-top:1rem}.wc-block-featured-category__wrapper h2,.wc-block-featured-product__wrapper h2{font-size:var(--h3Size)}.wc-block-featured-category__wrapper h2::after,.wc-block-featured-product__wrapper h2::after{content:"»";display:inline-block;margin-left:.25rem;opacity:0;visibility:hidden;transform:translateX(-0.25rem);transition:var(--gTransition)}.wc-block-featured-category__wrapper:hover h2::after,.wc-block-featured-product__wrapper:hover h2::after{opacity:1;visibility:visible;transform:none}.wc-block-featured-category__link,.wc-block-featured-product__link{display:flex;justify-content:center;margin-top:0}.wc-block-featured-category__link .wp-block-button__link,.wc-block-featured-product__link .wp-block-button__link{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0);border:none;border-radius:0;box-shadow:none;font-size:0}.wc-block-featured-category__link .wp-block-button__link:hover,.wc-block-featured-product__link .wp-block-button__link:hover{box-shadow:none;transform:none}.wc-block-featured-product__price{margin-top:1rem;font-size:var(--h4Size);font-weight:700}.wc-block-grid__products{display:grid;grid-template-columns:repeat(var(--columns, 3), minmax(0, 1fr));row-gap:2rem;column-gap:2rem;padding-left:0;list-style-type:none}@media(min-width:769px){.has-1-columns .wc-block-grid__products{--columns: 1}.has-2-columns .wc-block-grid__products{--columns: 2}.has-3-columns .wc-block-grid__products{--columns: 3}.has-4-columns .wc-block-grid__products{--columns: 4}.has-5-columns .wc-block-grid__products{--columns: 5}.has-6-columns .wc-block-grid__products{--columns: 6}}.wc-block-grid:not(.alignwide) .wc-block-grid__products{column-gap:1rem}@media(max-width:960px){.wc-block-grid__products{column-gap:1rem}}@media(max-width:768px){.wc-block-grid__products{--columns: 2;row-gap:2rem}.has-1-columns .wc-block-grid__products{--columns: 1}}.wc-block-grid__product{position:relative;text-align:center}.wc-block-grid__product-link,.wc-block-grid__product-title a{display:block;text-decoration:none;color:var(--textDim)}.wc-block-grid__product-link:hover,.wc-block-grid__product-title a:hover{text-decoration:underline;color:var(--textDim)}.wc-block-grid__product-image{margin-bottom:1rem}.wc-block-grid__product-image img{width:100%;transition:var(--gTransition)}a:hover .wc-block-grid__product-image img,.wc-block-grid__product-image a:hover img{transform:translateY(-2px);box-shadow:var(--shadow1)}a:active .wc-block-grid__product-image img,.wc-block-grid__product-image a:active img{transform:none;transition:none;box-shadow:var(--shadow0)}.wc-block-grid__product-title{font-weight:var(--hFontWeight);font-family:var(--hFontFamily);font-size:var(--mFontSize);color:var(--text)}.wc-block-grid__product-price,.price{display:flex;justify-content:center;margin-top:.5rem;font-weight:700;font-size:var(--fontSize);color:var(--textDim)}.wc-block-grid__product-price ins,.price ins{text-decoration:none}.wc-block-grid__product-price del,.price del{order:2;opacity:.5;margin-left:.5rem;font-size:var(--sFontSize)}.wc-block-grid__product-badge{display:inline-block;position:absolute;z-index:2;top:.5rem;left:.5rem;background-color:var(--text);padding:0 .375rem;color:var(--textInvert);font-size:var(--xsFontSize);font-weight:700;text-transform:uppercase;border-radius:var(--gRadius)}.product-figure .wc-block-grid__product-badge{font-size:var(--sFontSize)}.wc-block-grid__product-badge.h-outofstock{margin-top:0;background-color:var(--textDim)}.wc-block-grid__product-add-to-cart{--bgColor: var(--color1);display:flex;justify-content:center;column-gap:.5rem;row-gap:.5rem;margin-top:1rem}@media(max-width:960px){.wc-block-grid__product-add-to-cart{flex-direction:column;align-items:center}}.wc-block-grid__product-add-to-cart a{display:flex;align-items:center;justify-content:center;padding:.5rem .75rem;text-decoration:none}@media(max-width:960px){.wc-block-grid__product-add-to-cart a{padding:.5rem;font-size:var(--xsFontSize);line-height:1}}.wc-block-grid__product-add-to-cart a.loading{background-image:url(8142e96b4c8939a80186d5f9dee2a52b.gif);background-repeat:no-repeat;background-size:auto 30%;background-position:center center;color:rgba(0,0,0,0);transition:none}.wc-block-grid__product-add-to-cart a.added_to_cart{text-transform:uppercase;font-size:var(--xsFontSize);font-weight:var(--hFontWeight);border-radius:var(--gRadius)}.wc-block-grid__product-add-to-cart a:hover{transform:translateY(-2px);box-shadow:var(--shadow1)}.wc-block-grid__product-add-to-cart a:active{transform:none;transition:none}.woocommerce-ordering{max-width:var(--siteWidth)}.wc-block-sort-select,.woocommerce-ordering{display:flex;justify-content:flex-end;margin-bottom:var(--blockSpacing)}.wc-block-sort-select select,.woocommerce-ordering select{width:auto}.wc-block-product-sort-select{display:flex;align-items:center}.wc-block-product-sort-select .woocommerce-ordering{margin-left:auto;margin-bottom:0}.wc-block-pagination{display:flex;justify-content:center;margin:var(--groupSpacing) auto}.wc-block-pagination button{padding:.5rem .75rem;border:2px solid var(--text);font-weight:700;color:var(--text);transition:var(--gTransition)}.wc-block-pagination button+button{margin-left:-2px}.wc-block-pagination button:hover{background-color:rgbA(0, 0, 0, 0.2)}.wc-block-pagination button:first-of-type{border-radius:var(--gRadius) 0 0 var(--gRadius)}.wc-block-pagination button:last-of-type{border-radius:0 var(--gRadius) var(--gRadius) 0}.wc-block-pagination button[disabled]{opacity:.5}.wc-block-pagination button.wc-block-pagination-page--active{opacity:1;background-color:var(--text);color:var(--textInvert)}.wc-block-product-categories-list{padding-left:0;list-style-type:none}.wc-block-product-categories-list li{margin-bottom:.5rem}.wc-block-product-categories-list a{display:inline-block}.wc-block-product-categories-list img{width:4rem;margin-right:1rem}.wc-block-product-categories-list-item-count{padding:0 .375rem;margin-left:.25rem;background-color:rgbA(var(--textRGB), 0.1);line-height:1;font-size:var(--sFontSize);border-radius:var(--gRadius)}.wc-block-product-search label{display:inline-block;margin-bottom:.5rem;text-transform:uppercase;font-weight:700}.wc-block-product-categories.is-dropdown,.wc-block-product-search__fields{display:flex;justify-content:flex-start}.wc-block-product-categories.is-dropdown button,.wc-block-product-search__fields button{padding:0 .5rem;margin-left:.5rem;border:none;border-radius:var(--gRadius);outline:none;background-color:var(--text);color:var(--textInvert)}.wc-block-product-categories.is-dropdown path,.wc-block-product-search__fields path{fill:currentColor}.wc-block-all-reviews{display:flex;flex-direction:column}.wc-block-sort-select{display:flex;align-items:center;justify-content:flex-end;font-size:var(--sFontSize)}.wc-block-sort-select label{margin-right:.5rem;white-space:nowrap}.wc-block-sort-select select{width:auto}.wc-block-review-list{padding-left:0;list-style-type:none}.wc-block-review-list li+li{margin-top:var(--blockSpacing)}.wc-block-review-list-item__info{display:grid;grid-template-columns:3.5rem auto;column-gap:1rem;align-items:center;margin-bottom:1rem;line-height:1}.wc-block-review-list-item__meta{display:flex;flex-wrap:wrap;align-items:center;row-gap:.25rem}.wc-block-review-list-item__meta::after{content:"";order:3;flex-basis:100%}.wc-block-review-list-item__product{font-weight:700}.wc-block-review-list-item__rating{order:2;margin-left:.5rem}.wc-block-review-list-item__rating__stars,.star-rating{display:inline-block;line-height:1;text-align:left}.wc-block-review-list-item__rating__stars::before,.star-rating::before{content:"☆☆☆☆☆";display:inline-block;position:absolute;font-size:1.25rem;opacity:.5}.wc-block-review-list-item__rating__stars>span,.star-rating>span{display:inline-block;overflow:hidden;color:rgba(0,0,0,0);font-size:0}.wc-block-review-list-item__rating__stars>span::before,.star-rating>span::before{content:"★★★★★";display:block;white-space:nowrap;color:#fda256;font-size:1.25rem}.wc-block-review-list-item__author,.wc-block-review-list-item__published-date{order:4;color:var(--textDim);font-size:var(--sFontSize)}.wc-block-all-reviews:not(.has-product-name) .wc-block-review-list-item__author{order:1;color:var(--text);font-weight:700;font-size:var(--fontSize)}.wc-block-review-list-item__author+.wc-block-review-list-item__published-date{margin-left:.5rem;padding-left:.5rem;border-left:1px solid rgbA(0, 0, 0, 0.1)}.wc-block-all-reviews:not(.has-product-name) .wc-block-review-list-item__published-date{margin-left:0;padding-left:0;border:none}.wc-block-load-more{--textColor: var(--text);align-self:center;margin-top:var(--blockSpacing)}.wc-block-load-more .wp-block-button__link{border:2px solid;background-color:rgba(0,0,0,0)}.product_list_widget{display:flex;flex-direction:column;row-gap:1rem;list-style-type:none;padding:1rem}.is-style-default .product_list_widget{max-height:300px;overflow-y:auto}.is-style-offcanvas .product_list_widget{flex:1;overflow-y:auto;padding:1.5rem}@media(max-width:768px){.is-style-offcanvas .product_list_widget{padding:1rem}}.product_list_widget li{display:flex;flex-direction:column;justify-content:center;position:relative;padding-left:5.5rem;min-height:60px}.widget_shopping_cart .product_list_widget li{padding-right:2rem}.is-style-offcanvas .product_list_widget li{min-height:75px}.product_list_widget img{position:absolute;top:0;left:0;bottom:0;width:4.5rem;height:100%;object-fit:cover;object-position:center center}.product_list_widget a{display:block;width:100%;font-family:var(--hFontFamily);font-weight:700}.product_list_widget a:hover{text-decoration:underline}.product_list_widget li::before{content:"";order:3;flex-basis:100%}.product_list_widget .star-rating{order:4}.product_list_widget .quantity,.product_list_widget .amount{font-size:var(--xsFontSize)}.product_list_widget ins{order:1;text-decoration:none;font-weight:700}.product_list_widget del{order:2;margin-left:.5rem;color:var(--textDim);font-weight:400;font-size:var(--xsFontSize)}.product_list_widget .reviewer{font-size:var(--sFontSize);color:var(--textDim)}.woocommerce-product-search{display:flex}.woocommerce-product-search .search-field{flex:1;width:auto}.woocommerce-product-search button{padding:0 .375rem;border-radius:0 var(--gRadius) var(--gRadius) 0;font-size:var(--sFontSize)}.widget_product_categories ul{padding-left:1.5rem}.widget_product_categories a{text-decoration:underline}.widget_product_categories a:hover{color:var(--color1)}.widget_h_cart{position:relative}body.woocommerce-cart .widget_h_cart,body.woocommerce-checkout .widget_h_cart{display:none}.h-cart{--cartPadding: 1rem}.h-cart.is-style-offcanvas{--cartPadding: 1.5rem}.h-cart.is-style-offcanvas::before{content:"";transition:var(--gTransition)}.h-cart.is-style-offcanvas.is-active::before{content:"";cursor:pointer;position:fixed;top:0;right:0;bottom:0;left:0;z-index:105;background-color:rgbA(0, 0, 0, 0.5)}.h-widget-button{display:flex;align-items:center;cursor:pointer;padding:.25rem .5rem;border:1px solid rgbA(var(--textRGB), 0.2);border-bottom-width:2px;border-radius:var(--gRadius);color:var(--text);font-family:var(--fontFamily);font-size:var(--fontSize);font-weight:var(--fontWeight);text-align:center;letter-spacing:0}@media(max-width:960px){.h-widget-button{font-size:var(--sFontSize)}}.h-widget-button.is-cart-filled{background-color:var(--color1);color:var(--textInvert);animation:bounce 4s 2s infinite}.h-widget-button.is-cart-filled:hover{background-color:var(--color1Dark)}.h-widget-button.is-cart-filled path{fill:var(--textInvert)}.h-widget-button:hover{background-color:rgbA(var(--textRGB), 0.1)}.h-widget-button:active{border-top-width:2px;border-bottom-width:1px;transition:none}.h-widget-button *+*{margin-left:.25rem}.h-widget-button svg{width:1rem;height:1rem}.h-widget-button path{fill:currentColor}.h-widget-button b{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;background-color:var(--textInvert);border-radius:50%;line-height:1;color:var(--color1);font-weight:normal;font-size:var(--xsFontSize)}.h-widget-button span{display:inline-block}@media(max-width:480px){.h-widget-button span{display:none}}.widget_shopping_cart{display:flex;flex-direction:column;visibility:hidden;opacity:0;will-change:opacity,transform;position:absolute;z-index:10;top:calc(100% + .5rem);right:0;transform:translateX(1rem);transition:none;background-color:var(--textInvert);width:320px;box-shadow:var(--shadow1);border-radius:var(--gRadius)}@media(max-width:480px){.widget_shopping_cart{padding:.75rem;width:calc(100vw - var(--gridRim) - var(--gridRim))}}.is-style-offcanvas .widget_shopping_cart{position:fixed;z-index:110;top:0;right:0;bottom:0;width:380px;padding:0;border-radius:0}@media(max-width:480px){.is-style-offcanvas .widget_shopping_cart{width:100%}}.h-cart.is-active .widget_shopping_cart{visibility:visible;opacity:1;transform:none;transition:var(--gTransition)}@keyframes bounce{0%,10%,25%,40%,50%{transform:translateY(0)}20%{transform:translateY(-4px)}30%{transform:translateY(-2px)}}.widget_shopping_cart .widgettitle{display:none}.is-style-offcanvas .widget_shopping_cart .widgettitle{display:block;pointer-events:none;position:relative;padding:.75rem 1rem;margin-top:var(--adminBarHeight);background-color:var(--color1Light);font-size:var(--h4Size);text-align:center}.is-style-offcanvas .widget_shopping_cart .widgettitle::after{content:"";cursor:pointer;pointer-events:all;display:inline-block;position:absolute;top:50%;left:.75rem;transform:translateY(-50%);transition:var(--gTransition);width:2rem;height:2rem;border:1px solid var(--text);border-bottom-width:2px;border-radius:var(--gRadius);background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNTIgNTEyIj48cGF0aCBkPSJNMjQyLjcyIDI1NmwxMDAuMDctMTAwLjA3YzEyLjI4LTEyLjI4IDEyLjI4LTMyLjE5IDAtNDQuNDhsLTIyLjI0LTIyLjI0Yy0xMi4yOC0xMi4yOC0zMi4xOS0xMi4yOC00NC40OCAwTDE3NiAxODkuMjggNzUuOTMgODkuMjFjLTEyLjI4LTEyLjI4LTMyLjE5LTEyLjI4LTQ0LjQ4IDBMOS4yMSAxMTEuNDVjLTEyLjI4IDEyLjI4LTEyLjI4IDMyLjE5IDAgNDQuNDhMMTA5LjI4IDI1NiA5LjIxIDM1Ni4wN2MtMTIuMjggMTIuMjgtMTIuMjggMzIuMTkgMCA0NC40OGwyMi4yNCAyMi4yNGMxMi4yOCAxMi4yOCAzMi4yIDEyLjI4IDQ0LjQ4IDBMMTc2IDMyMi43MmwxMDAuMDcgMTAwLjA3YzEyLjI4IDEyLjI4IDMyLjIgMTIuMjggNDQuNDggMGwyMi4yNC0yMi4yNGMxMi4yOC0xMi4yOCAxMi4yOC0zMi4xOSAwLTQ0LjQ4TDI0Mi43MiAyNTZ6Ii8+PC9zdmc+) no-repeat center center;background-size:.75rem auto;opacity:.3}.is-style-offcanvas .widget_shopping_cart .widgettitle:hover::after{background-color:rgbA(var(--textRGB), 0.2);opacity:.7}.is-style-offcanvas .widget_shopping_cart .widgettitle:active::after{border-bottom-width:1px;border-top-width:2px;transition:none}.widget_shopping_cart_content{display:flex;flex-direction:column;flex:1;color:var(--text)}.woocommerce-mini-cart__empty-message{padding:var(--blockSpacing) 0;text-align:center}.woocommerce-mini-cart__total{display:flex;align-items:center;border-top:1px solid rgbA(var(--textRGB), 0.1);text-align:center;padding:.75rem 1rem}.woocommerce-mini-cart__total strong{display:block;line-height:1;font-size:var(--xsFontSize);letter-spacing:.05em}.woocommerce-mini-cart__total .amount{margin-left:auto;font-size:var(--mFontSize)}.is-style-offcanvas .woocommerce-mini-cart__total{margin-top:auto}.is-style-offcanvas .woocommerce-mini-cart__total strong{font-size:var(--sFontSize)}.woocommerce-mini-cart__buttons{display:flex;padding:0 1rem 1rem}.woocommerce-mini-cart__buttons a{display:flex;align-items:center;padding:.5rem .75rem}.woocommerce-mini-cart__buttons a:first-child{background-color:rgba(0,0,0,0);font-size:var(--xsFontSize);color:var(--text)}.woocommerce-mini-cart__buttons a:last-child{margin-left:auto}.is-style-offcanvas .woocommerce-mini-cart__buttons{column-gap:1rem}.is-style-offcanvas .woocommerce-mini-cart__buttons a{flex:1}.is-style-offcanvas .woocommerce-mini-cart__buttons a{justify-content:center;margin:0;padding:.75rem;font-size:var(--sFontSize)}.product-columns{column-gap:4rem}@media(max-width:960px){.product-columns{column-gap:2rem}}.product-figure{position:relative}div.woocommerce-product-gallery{margin-top:0}div.woocommerce-product-gallery img{width:100%}.woocommerce-product-gallery__wrapper{cursor:zoom-in}.woocommerce-product-gallery__trigger{position:absolute;z-index:2;top:.5rem;right:.5rem;display:inline-block;width:2.5rem;height:2.5rem;border:1px solid rgbA(0, 0, 0, 0.1);border-bottom-width:2px;background:var(--textInvert) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNMjUyLjMgMjU2bDEyMS40IDEyMS40IDUzLjgtNTMuOGM3LjYtNy42IDIwLjUtMi4yIDIwLjUgOC41djEzNmMwIDYuNi01LjQgMTItMTIgMTJIMzAwYy0xMC43IDAtMTYtMTIuOS04LjUtMjAuNWw1My44LTUzLjhMMjI0IDI4NC4zIDEwMi42IDQwNS43bDUzLjggNTMuOGM3LjYgNy42IDIuMiAyMC41LTguNSAyMC41aC0xMzZjLTYuNiAwLTEyLTUuNC0xMi0xMlYzMzJjMC0xMC43IDEyLjktMTYgMjAuNS04LjVsNTMuOCA1My44TDE5NS43IDI1NiA3NC4zIDEzNC42bC01My44IDUzLjhDMTIuOSAxOTYgMCAxOTAuNyAwIDE4MFY0NGMwLTYuNiA1LjQtMTIgMTItMTJoMTM2YzEwLjcgMCAxNiAxMi45IDguNSAyMC41bC01My44IDUzLjhMMjI0IDIyNy43bDEyMS40LTEyMS40LTUzLjgtNTMuOEMyODQgNDQuOSAyODkuMyAzMiAzMDAgMzJoMTM2YzYuNiAwIDEyIDUuNCAxMiAxMnYxMzZjMCAxMC43LTEyLjkgMTYtMjAuNSA4LjVsLTUzLjgtNTMuOEwyNTIuMyAyNTZ6Ii8+PC9zdmc+) no-repeat center center;background-size:50% auto;color:rgba(0,0,0,0)}.woocommerce-product-gallery__trigger:hover{color:rgba(0,0,0,0);transform:translateY(-2px);box-shadow:var(--shadow0)}.woocommerce-product-gallery__trigger:active{transform:none;transition:none}.pswp__caption{display:none}.flex-control-nav{display:flex;flex-wrap:wrap;column-gap:.75rem;row-gap:.75rem;padding-left:0;margin-top:.75rem;list-style-type:none}.flex-control-nav li{cursor:pointer;max-width:20%}.flex-control-nav img{opacity:.5;width:100%;transition:var(--gTransition)}.flex-control-nav img:hover{opacity:.75;transform:translateY(-2px);box-shadow:var(--shadow0)}.flex-control-nav img.flex-active{opacity:1;box-shadow:0 0 0 1px var(--text),var(--shadow1);transform:none;transition:none}.product-summary h1{font-size:var(--h2Size)}.product-summary .price{display:flex;justify-content:flex-start;margin-top:var(--blockSpacing);font-size:var(--h4Size);color:var(--text)}.product-summary .stock{font-weight:700;font-size:var(--mFontSize)}.product-summary del{font-size:var(--h5Size)}form.cart{display:flex;column-gap:1rem;padding:var(--blockSpacing) 0;border-top:1px solid rgbA(0, 0, 0, 0.1);border-bottom:1px solid rgbA(0, 0, 0, 0.1)}form.cart.variations_form{flex-direction:column}.quantity{position:relative;width:140px;font-size:var(--mFontSize)}td .quantity{margin:0 auto}@media(max-width:480px){td .quantity{margin-left:auto;margin-right:0}}@media(max-width:960px){.quantity{width:100px;font-size:var(--fontSize)}}.quantity input[type=number]{width:100%;height:100%;padding:.5rem 2rem;text-align:center}.quantity input[type=number]{-moz-appearance:textfield}.quantity input[type=number]::-webkit-outer-spin-button,.quantity input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity .quantity__h-spin{display:flex;align-items:center;justify-content:center;position:absolute;z-index:2;top:50%;transform:translateY(-50%);background-color:rgba(0,0,0,0);border:1px solid rgbA(0, 0, 0, 0.1);border-bottom-width:2px;border-radius:var(--gRadius);padding:0;width:1.75rem;height:1.75rem;font-family:var(--codeFontFamily);line-height:1}@media(max-width:960px){.quantity .quantity__h-spin{width:1.5rem;height:1.5rem}}.quantity .quantity__h-spin:hover{background-color:var(--color1Light)}.quantity .quantity__h-spin:active{transition:none;border-top-width:2px;border-bottom-width:1px}.quantity .is-minus{left:.5rem}.quantity .is-plus{right:.5rem}.quantity .is-hidden{visibility:hidden}.woocommerce-variation-add-to-cart{display:flex;column-gap:1rem}table.variations{margin-bottom:1rem}table.variations .label{font-weight:700;font-size:var(--sFontSize);text-transform:uppercase;letter-spacing:.05em}table.variations select{display:inline-block;width:auto;max-width:200px}a.reset_variations{display:inline-block;margin-left:.5rem;padding:0rem .25rem;border:1px solid rgbA(0, 0, 0, 0.1);border-bottom-width:2px;border-radius:var(--gRadius);font-weight:700;font-size:var(--xsFontSize);letter-spacing:.025em;text-transform:uppercase;text-decoration:none}a.reset_variations:hover{transform:translateY(-1px);box-shadow:var(--shadow0);color:inherit}a.reset_variations:active{transform:none;transition:none}.woocommerce-variation{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.woocommerce-variation .woocommerce-variation-description{flex-basis:100%;font-size:var(--sFontSize)}.woocommerce-variation .woocommerce-variation-description *{margin-bottom:.5rem}.woocommerce-variation .price{margin:0;font-size:var(--mFontSize)}.woocommerce-variation .stock{padding:0 .5rem;border-radius:var(--gRadius);margin-left:1rem;background-color:rgbA(var(--textRGB), 0.2);font-weight:var(--fontWeight);font-size:var(--sFontSize)}.woocommerce-variation .out-of-stock{background-color:var(--colorAlertLight)}div.woocommerce-product-rating{display:flex;align-items:center;margin-top:.5rem}div.woocommerce-product-rating .woocommerce-review-link{margin-left:.5rem;font-size:var(--sFontSize)}.woocommerce-product-details__short-description>*+*{margin-top:1rem}.product_meta{font-size:var(--xsFontSize);font-weight:700;text-transform:uppercase}.product_meta .posted_in,.product_meta .tagged_as{display:block}.product_meta a{font-weight:400}.product_meta a:hover{text-decoration:underline}.wc-tabs-wrapper{display:flex;column-gap:3rem;row-gap:0;max-width:var(--siteWidth);margin-top:var(--groupSpacing)}@media(max-width:1120px){.wc-tabs-wrapper{column-gap:2rem}}@media(max-width:768px){.wc-tabs-wrapper{flex-direction:column}}.wc-tabs{align-self:flex-start;width:250px;padding:0;box-shadow:var(--shadowThin);list-style-type:none}@media(max-width:960px){.wc-tabs{width:220px;font-size:var(--sFontSize)}}@media(max-width:768px){.wc-tabs{display:none}}.wc-tabs li,.h-tab-mobile{margin-bottom:2px;border-radius:var(--gRadius)}.wc-tabs li a,.h-tab-mobile a{display:flex;align-items:center;padding:.75rem 1rem;text-decoration:none;font-weight:500}.wc-tabs li a::before,.h-tab-mobile a::before{content:"";display:inline-block;width:1rem;height:1rem;margin-right:.75rem;background-image:var(--iconSvg, url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNMTIuODMgMzUyaDI2Mi4zNEExMi44MiAxMi44MiAwIDAgMCAyODggMzM5LjE3di0zOC4zNEExMi44MiAxMi44MiAwIDAgMCAyNzUuMTcgMjg4SDEyLjgzQTEyLjgyIDEyLjgyIDAgMCAwIDAgMzAwLjgzdjM4LjM0QTEyLjgyIDEyLjgyIDAgMCAwIDEyLjgzIDM1MnptMC0yNTZoMjYyLjM0QTEyLjgyIDEyLjgyIDAgMCAwIDI4OCA4My4xN1Y0NC44M0ExMi44MiAxMi44MiAwIDAgMCAyNzUuMTcgMzJIMTIuODNBMTIuODIgMTIuODIgMCAwIDAgMCA0NC44M3YzOC4zNEExMi44MiAxMi44MiAwIDAgMCAxMi44MyA5NnpNNDMyIDE2MEgxNmExNiAxNiAwIDAgMC0xNiAxNnYzMmExNiAxNiAwIDAgMCAxNiAxNmg0MTZhMTYgMTYgMCAwIDAgMTYtMTZ2LTMyYTE2IDE2IDAgMCAwLTE2LTE2em0wIDI1NkgxNmExNiAxNiAwIDAgMC0xNiAxNnYzMmExNiAxNiAwIDAgMCAxNiAxNmg0MTZhMTYgMTYgMCAwIDAgMTYtMTZ2LTMyYTE2IDE2IDAgMCAwLTE2LTE2eiIvPjwvc3ZnPg==));background-repeat:no-repeat;background-position:center center;background-size:contain;filter:var(--iconFilter, var(--textFilter))}.wc-tabs li a:hover,.h-tab-mobile a:hover{--iconFilter: var(--color1Filter);color:var(--color1)}.wc-tabs li[aria-controls=tab-additional_information],.h-tab-mobile[aria-controls=tab-additional_information]{--iconSvg: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNNDY0IDMySDQ4QzIxLjQ5IDMyIDAgNTMuNDkgMCA4MHYzNTJjMCAyNi41MSAyMS40OSA0OCA0OCA0OGg0MTZjMjYuNTEgMCA0OC0yMS40OSA0OC00OFY4MGMwLTI2LjUxLTIxLjQ5LTQ4LTQ4LTQ4ek0yMjQgNDE2SDY0di05NmgxNjB2OTZ6bTAtMTYwSDY0di05NmgxNjB2OTZ6bTIyNCAxNjBIMjg4di05NmgxNjB2OTZ6bTAtMTYwSDI4OHYtOTZoMTYwdjk2eiIvPjwvc3ZnPg==)}.wc-tabs li[aria-controls=tab-reviews],.h-tab-mobile[aria-controls=tab-reviews]{--iconSvg: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNNDQ4IDBINjRDMjguNyAwIDAgMjguNyAwIDY0djI4OGMwIDM1LjMgMjguNyA2NCA2NCA2NGg5NnY4NGMwIDkuOCAxMS4yIDE1LjUgMTkuMSA5LjdMMzA0IDQxNmgxNDRjMzUuMyAwIDY0LTI4LjcgNjQtNjRWNjRjMC0zNS4zLTI4LjctNjQtNjQtNjR6Ii8+PC9zdmc+)}.wc-tabs li.active,.h-tab-mobile.active{background-color:var(--textInvert);color:var(--text);box-shadow:var(--shadowThin)}@media(min-width:769px){.h-tab-mobile{display:none}}.h-tab-mobile a::after{content:"";display:inline-block;width:.75rem;height:.75rem;margin-left:auto;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNMjA3LjAyOSAzODEuNDc2TDEyLjY4NiAxODcuMTMyYy05LjM3My05LjM3My05LjM3My0yNC41NjkgMC0zMy45NDFsMjIuNjY3LTIyLjY2N2M5LjM1Ny05LjM1NyAyNC41MjItOS4zNzUgMzMuOTAxLS4wNEwyMjQgMjg0LjUwNWwxNTQuNzQ1LTE1NC4wMjFjOS4zNzktOS4zMzUgMjQuNTQ0LTkuMzE3IDMzLjkwMS4wNGwyMi42NjcgMjIuNjY3YzkuMzczIDkuMzczIDkuMzczIDI0LjU2OSAwIDMzLjk0MUwyNDAuOTcxIDM4MS40NzZjLTkuMzczIDkuMzcyLTI0LjU2OSA5LjM3Mi0zMy45NDIgMHoiLz48L3N2Zz4=) no-repeat center center;background-size:contain}.h-tab-mobile.active a::after{transform:rotate(180deg)}.wc-tab{flex:1}.wc-tab>h2:first-of-type{display:none}@media(max-width:768px){.wc-tab{padding-left:1rem;margin-top:var(--blockSpacing);margin-bottom:var(--blockSpacing)}}.woocommerce-Tabs-panel--description *+*{margin-top:var(--blockSpacing)}.woocommerce-Tabs-panel--description *:nth-child(2){margin-top:0}.woocommerce-product-attributes{width:100%;text-align:left}@media(min-width:961px){.woocommerce-product-attributes{max-width:70%}}.woocommerce-product-attributes tr{border-bottom:1px solid rgbA(0, 0, 0, 0.1)}.woocommerce-product-attributes th,.woocommerce-product-attributes td{border:1px solid rgbA(0, 0, 0, 0.1)}.woocommerce-product-attributes th{padding:.75rem;width:150px;text-transform:uppercase;font-size:var(--sFontSize)}@media(max-width:768px){.woocommerce-product-attributes th{padding:.5rem;width:100px}}.woocommerce-product-attributes td{padding:.75rem}.woocommerce-Reviews{display:grid;grid-template-columns:1fr 1fr;column-gap:3rem}@media(max-width:960px){.woocommerce-Reviews{grid-template-columns:1fr;row-gap:2.5rem}}.woocommerce-Reviews h2.woocommerce-Reviews-title{display:block;font-size:var(--h4Size)}.woocommerce-Reviews .comment-form{padding:0}.woocommerce-Reviews .comment-respond{margin-bottom:0}.h-review-header{margin-bottom:1rem}.comment-form-rating{display:flex;align-items:center;column-gap:1rem;margin-top:.5rem;width:100%}.comment-form-rating .stars{flex:1}.comment-form-rating a{display:inline-block;font-size:0;text-decoration:none;line-height:1}.comment-form-rating a::before{content:"☆";display:block;font-size:1.5rem;color:#fda256}.comment-form-rating .selected a::before{content:"★"}.comment-form-rating .active~a::before{content:"☆"}.comment-form-rating a+a{margin-left:.25rem}.woocommerce-notices-wrapper{max-width:var(--blogWidth)}body.woocommerce-checkout .woocommerce-notices-wrapper{margin-bottom:1rem}body.woocommerce-account .woocommerce-notices-wrapper{display:flex;justify-content:center;min-width:100%;margin:0 auto}@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-message,.woocommerce-info,.woocommerce-error{display:flex;align-items:center;padding:.75rem;border-radius:var(--gRadius);background-color:rgbA(0, 0, 0, 0.1);list-style-type:none;box-shadow:var(--shadow0);animation:1s flipInX both}@media(max-width:768px){.woocommerce-message,.woocommerce-info,.woocommerce-error{font-size:var(--sFontSize)}}.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{content:"";display:inline-block;flex-shrink:0;transform:translateY(1px);opacity:.5;width:1.25rem;height:1.25rem;margin-right:1rem;background-repeat:no-repeat;background-position:center center;background-size:contain}.woocommerce-message a,.woocommerce-info a,.woocommerce-error a{display:inline-block;order:1;flex-shrink:0;background-color:rgbA(var(--textRGB), 0.1);padding:.5rem .625rem;margin-left:auto;border:1px solid rgbA(var(--textRGB), 0.1);border-bottom-width:2px;border-radius:var(--gRadius);font-size:var(--xsFontSize);font-weight:700;letter-spacing:.05em;line-height:1;color:inherit;text-align:center;text-transform:uppercase;text-decoration:none}.woocommerce-message a:hover,.woocommerce-info a:hover,.woocommerce-error a:hover{transform:translateY(-1px);box-shadow:var(--shadow0);background-color:rgbA(var(--textRGB), 0.25);color:inherit}.woocommerce-message a:active,.woocommerce-info a:active,.woocommerce-error a:active{transform:none;transition:none}.woocommerce-message::before,.woocommerce-info::before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNMjI0IDUxMmMzNS4zMiAwIDYzLjk3LTI4LjY1IDYzLjk3LTY0SDE2MC4wM2MwIDM1LjM1IDI4LjY1IDY0IDYzLjk3IDY0em0yMTUuMzktMTQ5LjcxYy0xOS4zMi0yMC43Ni01NS40Ny01MS45OS01NS40Ny0xNTQuMjkgMC03Ny43LTU0LjQ4LTEzOS45LTEyNy45NC0xNTUuMTZWMzJjMC0xNy42Ny0xNC4zMi0zMi0zMS45OC0zMnMtMzEuOTggMTQuMzMtMzEuOTggMzJ2MjAuODRDMTE4LjU2IDY4LjEgNjQuMDggMTMwLjMgNjQuMDggMjA4YzAgMTAyLjMtMzYuMTUgMTMzLjUzLTU1LjQ3IDE1NC4yOS02IDYuNDUtOC42NiAxNC4xNi04LjYxIDIxLjcxLjExIDE2LjQgMTIuOTggMzIgMzIuMSAzMmgzODMuOGMxOS4xMiAwIDMyLTE1LjYgMzIuMS0zMiAuMDUtNy41NS0yLjYxLTE1LjI3LTguNjEtMjEuNzF6Ii8+PC9zdmc+)}.woocommerce-form-login-toggle .woocommerce-info::before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNMjI0IDI1NmM3MC43IDAgMTI4LTU3LjMgMTI4LTEyOFMyOTQuNyAwIDIyNCAwIDk2IDU3LjMgOTYgMTI4czU3LjMgMTI4IDEyOCAxMjh6bTg5LjYgMzJoLTE2LjdjLTIyLjIgMTAuMi00Ni45IDE2LTcyLjkgMTZzLTUwLjYtNS44LTcyLjktMTZoLTE2LjdDNjAuMiAyODggMCAzNDguMiAwIDQyMi40VjQ2NGMwIDI2LjUgMjEuNSA0OCA0OCA0OGgzNTJjMjYuNSAwIDQ4LTIxLjUgNDgtNDh2LTQxLjZjMC03NC4yLTYwLjItMTM0LjQtMTM0LjQtMTM0LjR6Ii8+PC9zdmc+)}.woocommerce-form-coupon-toggle .woocommerce-info::before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48cGF0aCBkPSJNMTI4IDE2MGgzMjB2MTkySDEyOFYxNjB6bTQwMCA5NmMwIDI2LjUxIDIxLjQ5IDQ4IDQ4IDQ4djk2YzAgMjYuNTEtMjEuNDkgNDgtNDggNDhINDhjLTI2LjUxIDAtNDgtMjEuNDktNDgtNDh2LTk2YzI2LjUxIDAgNDgtMjEuNDkgNDgtNDhzLTIxLjQ5LTQ4LTQ4LTQ4di05NmMwLTI2LjUxIDIxLjQ5LTQ4IDQ4LTQ4aDQ4MGMyNi41MSAwIDQ4IDIxLjQ5IDQ4IDQ4djk2Yy0yNi41MSAwLTQ4IDIxLjQ5LTQ4IDQ4em0tNDgtMTA0YzAtMTMuMjU1LTEwLjc0NS0yNC0yNC0yNEgxMjBjLTEzLjI1NSAwLTI0IDEwLjc0NS0yNCAyNHYyMDhjMCAxMy4yNTUgMTAuNzQ1IDI0IDI0IDI0aDMzNmMxMy4yNTUgMCAyNC0xMC43NDUgMjQtMjRWMTUyeiIvPjwvc3ZnPg==)}.h-before-checkout+.woocommerce-message{display:inline-flex;margin-top:1rem}.woocommerce-error{flex-direction:column;align-items:flex-start;background-color:var(--colorAlertLight);padding-left:2.5rem}.woocommerce-error::before{position:absolute;top:.875rem;left:.75rem;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNNTA0IDI1NmMwIDEzNi45OTctMTExLjA0MyAyNDgtMjQ4IDI0OFM4IDM5Mi45OTcgOCAyNTZDOCAxMTkuMDgzIDExOS4wNDMgOCAyNTYgOHMyNDggMTExLjA4MyAyNDggMjQ4em0tMjQ4IDUwYy0yNS40MDUgMC00NiAyMC41OTUtNDYgNDZzMjAuNTk1IDQ2IDQ2IDQ2IDQ2LTIwLjU5NSA0Ni00Ni0yMC41OTUtNDYtNDYtNDZ6bS00My42NzMtMTY1LjM0Nmw3LjQxOCAxMzZjLjM0NyA2LjM2NCA1LjYwOSAxMS4zNDYgMTEuOTgyIDExLjM0Nmg0OC41NDZjNi4zNzMgMCAxMS42MzUtNC45ODIgMTEuOTgyLTExLjM0Nmw3LjQxOC0xMzZjLjM3NS02Ljg3NC01LjA5OC0xMi42NTQtMTEuOTgyLTEyLjY1NGgtNjMuMzgzYy02Ljg4NCAwLTEyLjM1NiA1Ljc4LTExLjk4MSAxMi42NTR6Ii8+PC9zdmc+)}.woocommerce-NoticeGroup-checkout{grid-column:span 2;max-width:50%;font-size:var(--sFontSize)}.woocommerce-NoticeGroup-updateOrderReview{display:inline-flex;grid-column:span 2;margin-top:-1.5rem}.woocommerce-store-notice{position:fixed;z-index:1000;bottom:0;left:0;right:0;padding:.25rem 0;background-color:var(--color1);color:var(--textInvert);text-align:center;font-size:var(--sFontSize)}.woocommerce-store-notice__dismiss-link{display:inline-block;margin-left:1rem;text-decoration:underline}body.woocommerce-cart main>.woocommerce{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));column-gap:2rem;row-gap:2rem;align-items:flex-start;max-width:var(--siteWidth)}@media(max-width:768px){body.woocommerce-cart main>.woocommerce{column-gap:1rem;row-gap:1rem}}body.woocommerce-cart .woocommerce-notices-wrapper{grid-column:span 12}.woocommerce-cart-form{grid-column:span 8}@media(max-width:768px){.woocommerce-cart-form{grid-column:span 12}}.shop_table{width:100%}.shop_table thead th{border-bottom:2px solid rgbA(var(--textRGB), 0.1);padding-bottom:1rem}.shop_table tbody th,.shop_table tfoot th{text-align:left;font-size:var(--xsFontSize)}.shop_table th,.shop_table td{border-bottom:1px dashed rgbA(var(--textRGB), 0.1)}.shop_table tr{position:relative;transform:scale(1)}.shop_table th{font-size:var(--sFontSize);letter-spacing:.05em;text-transform:uppercase}.shop_table td{padding:.75rem 0}td.product-thumbnail{width:100px;padding-right:.75rem}@media(max-width:960px){td.product-thumbnail{width:80px}}th.product-name{text-align:left}td.product-name{text-align:left}@media(max-width:768px){td.product-name{font-size:var(--sFontSize)}}td.product-name a{display:block;font-weight:700}@media(max-width:480px){td.product-name .amount,td.product-subtotal .amount{font-size:var(--xsFontSize)}}td.product-quantity{width:120px;text-align:center}@media(max-width:960px){td.product-quantity{width:auto}}@media(max-width:480px){td.product-quantity{padding-bottom:1.5rem}}@media(max-width:480px){th.product-subtotal{width:0;padding:0;font-size:0;color:rgba(0,0,0,0)}}td.product-subtotal{width:120px;text-align:center}@media(max-width:960px){td.product-subtotal{width:auto}}@media(max-width:480px){td.product-subtotal{position:absolute;bottom:0;right:.5rem;padding:0}}td.product-remove{width:2.5rem;padding-left:.5rem}@media(max-width:480px){td.product-remove{width:0;padding:0}}a.remove_from_cart_button,a.remove{display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:var(--textInvert);background:var(--textInvert) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBmaWxsPSIjYTBhMGEwIiBkPSJNNDMyIDMySDMxMmwtOS40LTE4LjdBMjQgMjQgMCAwIDAgMjgxLjEgMEgxNjYuOGEyMy43MiAyMy43MiAwIDAgMC0yMS40IDEzLjNMMTM2IDMySDE2QTE2IDE2IDAgMCAwIDAgNDh2MzJhMTYgMTYgMCAwIDAgMTYgMTZoNDE2YTE2IDE2IDAgMCAwIDE2LTE2VjQ4YTE2IDE2IDAgMCAwLTE2LTE2ek01My4yIDQ2N2E0OCA0OCAwIDAgMCA0Ny45IDQ1aDI0NS44YTQ4IDQ4IDAgMCAwIDQ3LjktNDVMNDE2IDEyOEgzMnoiLz48L3N2Zz4=) no-repeat center center;background-size:40% auto;border:1px solid rgbA(var(--textRGB), 0.1);border-bottom-width:2px;border-radius:var(--gRadius);width:2rem;height:2rem;line-height:1;color:rgba(0,0,0,0)}a.remove_from_cart_button:hover,a.remove:hover{color:rgba(0,0,0,0);text-decoration:none;transform:translateY(-1px);box-shadow:var(--shadow1)}a.remove_from_cart_button:active,a.remove:active{transform:none;transition:none;box-shadow:var(--shadow0)}.widget_shopping_cart a.remove_from_cart_button,.widget_shopping_cart a.remove{position:absolute;z-index:2;top:0;right:0;width:1.75rem;height:1.75rem;background-size:50% auto;font-weight:700}@media(max-width:480px){td.product-remove a.remove_from_cart_button,td.product-remove a.remove{position:absolute;top:.25rem;left:-0.5rem}}td.actions{border-bottom:none;padding-top:var(--blockSpacing);padding-bottom:0;text-align:right}.coupon{display:flex;column-gap:.5rem;float:left}.coupon label{display:none}.coupon input{width:150px}.coupon button{--textColor: var(--text);background-color:rgba(0,0,0,0);font-size:var(--xsFontSize)}@media(max-width:480px){.coupon+[type=submit]{margin-top:1rem}}.cart-empty{grid-column:span 12;font-size:var(--mFontSize);text-align:center;max-width:var(--blogWidth);margin:0 auto}.return-to-shop{grid-column:span 12;text-align:center}.cart-collaterals{grid-column:span 4;background-color:var(--textInvert);padding:2rem;border:2px solid rgbA(var(--textRGB), 0.1);border-radius:var(--gRadius)}@media(max-width:960px){.cart-collaterals{padding:1rem}}@media(max-width:768px){.cart-collaterals{grid-column:span 12}}.cart-collaterals h2{display:none}.cart-collaterals table{margin-bottom:var(--blockSpacing)}.cart-collaterals th,.cart-collaterals td{padding:.5rem 0}.cart-collaterals td{text-align:right}.cart-collaterals .button{width:100%;justify-content:center}.cart-collaterals .cart-subtotal{border-bottom:1px dashed rgbA(var(--textRGB), 0.1)}.cart-collaterals__h-footnote{margin-top:.5rem;font-size:var(--xsFontSize)}.woocommerce-remove-coupon{font-size:var(--xsFontSize)}.woocommerce-shipping-destination{display:inline-block;background-color:var(--siteBg);padding:.5rem;margin-top:1rem;border:1px solid rgbA(var(--textRGB), 0.1);border-radius:var(--gRadius);color:var(--textDim);font-size:var(--xsFontSize)}.cross-sells{grid-column:span 12;margin-top:var(--groupSpacing)}.cross-sells h3{margin-bottom:var(--blockSpacing);font-size:var(--h4Size)}body.woocommerce-checkout main>.woocommerce{max-width:var(--siteWidth)}form.checkout{display:grid;align-items:flex-start;grid-template-columns:4fr 3fr;column-gap:3rem;row-gap:2rem;margin-top:var(--groupSpacing);max-width:var(--siteWidth)}@media(max-width:960px){form.checkout{column-gap:1.5rem}}@media(max-width:768px){form.checkout{grid-template-columns:1fr}}@media(min-width:769px){.h-before-checkout .wp-block-column:nth-child(2){text-align:right}}.h-before-checkout .woocommerce-error{display:inline-block}.woocommerce-form-coupon-toggle,.woocommerce-form-login-toggle{display:inline-block}.woocommerce-form-coupon-toggle a,.woocommerce-form-login-toggle a{margin-left:.5rem}body.has-checkout-form-open{cursor:pointer}body.has-checkout-form-open::before{content:"";display:block;position:fixed;z-index:200;top:0;left:0;right:0;bottom:0;background-color:rgbA(0, 0, 0, 0.5);height:100vh}.h-before-checkout form{cursor:default;position:fixed;top:50%;left:50%;z-index:200;display:flex !important;visibility:hidden;opacity:0;background-color:var(--textInvert);transform:translateY(calc(-50% + 1rem)) translateX(-50%);transition:var(--gTransition);width:400px;padding:1rem;box-shadow:var(--shadow1);border-radius:var(--gRadius)}@media(max-width:768px){.h-before-checkout form{width:calc(100% - 1rem)}}.h-before-checkout form>p:first-child{font-size:var(--sFontSize);text-align:left}.h-before-checkout form.is-open{visibility:visible;opacity:1;transform:translateY(-50%) translateX(-50%)}.h-before-checkout .woocommerce-form-coupon .form-row input{padding-top:.5rem}.h-before-checkout .woocommerce-form-coupon button{height:100%;font-size:var(--xsFontSize)}.woocommerce-billing-fields__field-wrapper,.woocommerce-shipping-fields__field-wrapper{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));column-gap:1rem;row-gap:1rem}@media(max-width:960px){.woocommerce-billing-fields__field-wrapper,.woocommerce-shipping-fields__field-wrapper{column-gap:.75rem}}@media(max-width:480px){.woocommerce-billing-fields__field-wrapper,.woocommerce-shipping-fields__field-wrapper{column-gap:.5rem}}.woocommerce-billing-fields h3{margin-bottom:1rem;font-size:var(--h4Size)}.woocommerce-shipping-fields{margin:var(--blockSpacing) 0}.woocommerce-shipping-fields h3{font-size:var(--h6Size);font-family:var(--fontFamily)}.woocommerce-shipping-fields .shipping_address{margin-top:var(--blockSpacing)}.form-row{grid-column:span var(--column, 6);position:relative}.form-row label{position:absolute;z-index:2;top:.25rem;left:.625rem;font-size:var(--xsFontSize);color:var(--textDim)}.form-row input,.form-row textarea{padding-top:1.5rem}.form-row select{padding:1.5rem .25rem .25rem}.form-row[id*=email]{--column: 12}.form-row[id*=company_field]{display:none}.form-row[id*=address_1_field]{--column: 8}@media(max-width:480px){.form-row[id*=address_1_field]{--column: 12}}.form-row[id*=address_2_field]{--column: 4}@media(max-width:480px){.form-row[id*=address_2_field]{--column: 12}}.form-row[id*=country],.form-row[id*=postcode],.form-row[id*=state]{--column: 4}@media(max-width:768px){.form-row[id*=country],.form-row[id*=postcode],.form-row[id*=state]{--column: 6}}.woocommerce-form-register .form-row[id*=country],.woocommerce-form-register .form-row[id*=postcode],.woocommerce-form-register .form-row[id*=state]{--column: 6}@media(max-width:480px){.form-row[id*=phone]{--column: 12}}.woocommerce-form-register .form-row[id*=city]{--column: 6}@media(max-width:480px){.woocommerce-form-register .form-row[id*=city]{--column: 12}}.form-row .woocommerce-form__label{position:static;display:flex;align-items:center;cursor:pointer;padding:.5rem 0}.form-row .woocommerce-form__label span{display:inline-block;transition:var(--gTransition);text-transform:uppercase;font-size:var(--sFontSize);font-weight:700;letter-spacing:.025em}.form-row .woocommerce-form__label input{padding-top:0;margin-right:.5rem}.form-row[id*=_country] .woocommerce-input-wrapper>strong{display:block;padding-top:1.5rem;padding-left:.625rem}.select2-container{display:block;background-color:var(--inputBg)}.select2-container .select2-selection--single{background-color:rgba(0,0,0,0)}.select2-container .select2-selection{padding-top:1.5rem;height:auto;border:2px solid rgbA(0, 0, 0, 0.1)}.select2-container.select2-container--open .select2-selection{border-color:#000}.select2-container .select2-selection--single .select2-selection__arrow{top:auto;bottom:.25rem}.woocommerce-additional-fields h3{margin-bottom:1rem;font-size:var(--h4Size)}.woocommerce-account-fields{margin-top:var(--blockSpacing)}.form-row.create-account label{position:static}div.create-account{display:flex;column-gap:1rem;row-gap:1rem}div.create-account .form-row{flex-basis:50%}@media(max-width:480px){div.create-account .form-row{flex-basis:100%}}div.create-account .clear{display:none}.h-order-review__wrapper{background-color:var(--textInvert);padding:2rem;border:2px solid rgbA(var(--textRGB), 0.1);border-radius:var(--gRadius)}.h-order-review__wrapper #order_review_heading{display:none}@media(max-width:960px){.h-order-review__wrapper{padding:1rem}}.woocommerce-checkout-review-order-table{display:block;margin-bottom:1rem}.woocommerce-checkout-review-order-table thead{display:none}.woocommerce-checkout-review-order-table tbody,.woocommerce-checkout-review-order-table tfoot{display:flex;flex-direction:column}.woocommerce-checkout-review-order-table tr{display:flex;width:100%;border-bottom:1px dashed rgbA(var(--textRGB), 0.2)}.woocommerce-checkout-review-order-table th,.woocommerce-checkout-review-order-table td{display:block;padding:.5rem 0;border:none}.woocommerce-checkout-review-order-table td:last-child{padding-left:2rem;margin-left:auto;text-align:right;font-size:var(--sFontSize)}.woocommerce-checkout-review-order-table tfoot tr td:last-child{margin-left:auto}.woocommerce-checkout-review-order-table tfoot tr:last-child th,.woocommerce-checkout-review-order-table tfoot tr:last-child td{border-bottom:none}.woocommerce-checkout-review-order-table .amount{font-size:var(--sFontSize)}.h-order-review__figure{display:flex;align-items:center;column-gap:.5rem;line-height:1.25;font-family:var(--hFontFamily);font-weight:var(--hFontWeight)}.h-order-review__figure img{max-width:2.5rem}body.woocommerce-order-received .h-order-review__figure img{max-width:4.5rem}.h-order-review__figure strong{display:block;font-size:var(--xsFontSize)}.woocommerce-shipping-methods{list-style-type:none;padding-left:0;text-align:left;max-width:250px}.woocommerce-shipping-methods li{display:flex;align-items:center;justify-content:flex-start;position:relative}.woocommerce-shipping-methods label{flex:1;display:flex;cursor:pointer;transition:var(--gTransition);border:1px solid rgba(0,0,0,0);border-radius:var(--gRadius);padding:.5rem;padding-left:1.75rem;font-size:small}.woocommerce-shipping-methods label:hover{border-color:rgbA(var(--textRGB), 0.1)}.woocommerce-shipping-methods input:checked~label{background-color:var(--color1Light)}.woocommerce-shipping-methods input{position:absolute;top:50%;left:.5rem;transform:translateY(-50%)}.woocommerce-shipping-methods .amount{margin-left:auto}.wc_payment_methods{padding-left:0;border:2px solid rgbA(var(--textRGB), 0.1);border-radius:var(--gRadius);font-size:var(--sFontSize);list-style-type:none}.wc_payment_method{display:flex;flex-wrap:wrap;align-items:center;column-gap:.5rem;row-gap:.5rem;position:relative;padding:.75rem;border-bottom:1px dashed rgbA(var(--textRGB), 0.1)}.wc_payment_method:last-child{border-bottom:none}.wc_payment_method label{flex:1;cursor:pointer;opacity:.4;font-weight:700;transition:var(--gTransition)}.wc_payment_method label:hover{opacity:.8}.wc_payment_method input:checked~label{opacity:1}.wc_payment_method .payment_box{flex-basis:100%}.woocommerce-terms-and-conditions-wrapper{margin:1rem 0;font-size:var(--xsFontSize)}.place-order button[type=submit]{width:100%;justify-content:center}.h-checkout-legal{margin-top:2rem;padding-top:1rem;border-top:1px solid rgbA(var(--textRGB), 0.1);color:var(--textDim);font-size:var(--xsFontSize)}.woocommerce-order{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));column-gap:3rem;row-gap:2rem;align-items:flex-start;max-width:var(--siteWidth)}@media(max-width:960px){.woocommerce-order{column-gap:2rem}}.h-order-overview{grid-column:span 5;background-color:var(--textInvert);padding:2rem;border:2px solid rgbA(var(--textRGB), 0.1);border-radius:var(--gRadius)}@media(max-width:768px){.h-order-overview{grid-column:span 12}}.h-order-overview>p:last-child{margin-top:1rem;padding:1rem;border:1px dashed rgbA(var(--textRGB), 0.2);border-radius:var(--gRadius);background-color:var(--siteBg)}.woocommerce-order-details{grid-column:span 7}body.woocommerce-account .woocommerce-order-details{margin:var(--blockSpacing) 0}@media(max-width:768px){.woocommerce-order-details{grid-column:span 12}}.woocommerce-order-details h2{margin-bottom:1rem;font-size:var(--h4Size)}.woocommerce-order-details th.product-total,.woocommerce-order-details td:last-child{text-align:right}.woocommerce-order-overview{margin-top:.5rem;font-size:var(--sFontSize)}.woocommerce-bacs-bank-details{margin-top:var(--blockSpacing)}.woocommerce-bacs-bank-details h2{margin-bottom:1rem;font-size:var(--h5Size)}.woocommerce-bacs-bank-details h3{margin-top:1rem;padding:1rem;padding-bottom:.5rem;border:1px dashed rgbA(var(--textRGB), 0.2);border-bottom:none;border-radius:var(--gRadius) var(--gRadius) 0 0;background-color:var(--siteBg);font-size:var(--h6Size)}.woocommerce-bacs-bank-details ul{padding:0 1rem 1rem 2rem;border:1px dashed rgbA(var(--textRGB), 0.2);border-top:none;border-radius:0 0 var(--gRadius) var(--gRadius);background-color:var(--siteBg);font-size:var(--sFontSize)}.woocommerce-customer-details{grid-column:span 12}.woocommerce-customer-details h2{margin-bottom:1rem;font-size:var(--h4Size)}body.woocommerce-account main>.woocommerce{display:flex;align-items:flex-start;flex-wrap:wrap;column-gap:3rem;row-gap:1rem;max-width:var(--siteWidth)}@media(max-width:960px){body.woocommerce-account main>.woocommerce{column-gap:2rem}}@media(max-width:768px){body.woocommerce-account main>.woocommerce{flex-wrap:wrap}}.woocommerce-MyAccount-navigation{overflow:hidden;width:250px;background-color:var(--textInvert);border-radius:var(--gRadius)}.woocommerce-MyAccount-navigation ul{padding:0;list-style-type:none}@media(max-width:960px){.woocommerce-MyAccount-navigation{width:220px}}@media(max-width:768px){.woocommerce-MyAccount-navigation{width:100%}}.woocommerce-MyAccount-navigation-link{border-bottom:2px solid var(--siteBg)}.woocommerce-MyAccount-navigation-link a{display:flex;align-items:center;padding:.75rem 1rem;text-decoration:none;font-weight:500}.woocommerce-MyAccount-navigation-link a::before{content:"";display:inline-block;width:1rem;height:1rem;margin-right:.75rem;background-image:var(--iconSvg, url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNMjI0IDI1NmM3MC43IDAgMTI4LTU3LjMgMTI4LTEyOFMyOTQuNyAwIDIyNCAwIDk2IDU3LjMgOTYgMTI4czU3LjMgMTI4IDEyOCAxMjh6bTg5LjYgMzJoLTE2LjdjLTIyLjIgMTAuMi00Ni45IDE2LTcyLjkgMTZzLTUwLjYtNS44LTcyLjktMTZoLTE2LjdDNjAuMiAyODggMCAzNDguMiAwIDQyMi40VjQ2NGMwIDI2LjUgMjEuNSA0OCA0OCA0OGgzNTJjMjYuNSAwIDQ4LTIxLjUgNDgtNDh2LTQxLjZjMC03NC4yLTYwLjItMTM0LjQtMTM0LjQtMTM0LjR6Ii8+PC9zdmc+));background-repeat:no-repeat;background-position:center center;background-size:contain;filter:var(--iconFilter)}.woocommerce-MyAccount-navigation-link a:hover{--iconFilter: var(--color1Filter);background-color:var(--color1Light)}.woocommerce-MyAccount-navigation-link.is-active a{--iconFilter: var(--textInvertFilter);background-color:var(--color1);color:var(--textInvert)}.woocommerce-MyAccount-navigation-link--orders{--iconSvg: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNMzUyIDE2MHYtMzJDMzUyIDU3LjQyIDI5NC41NzkgMCAyMjQgMCAxNTMuNDIgMCA5NiA1Ny40MiA5NiAxMjh2MzJIMHYyNzJjMCA0NC4xODMgMzUuODE3IDgwIDgwIDgwaDI4OGM0NC4xODMgMCA4MC0zNS44MTcgODAtODBWMTYwaC05NnptLTE5Mi0zMmMwLTM1LjI5IDI4LjcxLTY0IDY0LTY0czY0IDI4LjcxIDY0IDY0djMySDE2MHYtMzJ6bTE2MCAxMjBjLTEzLjI1NSAwLTI0LTEwLjc0NS0yNC0yNHMxMC43NDUtMjQgMjQtMjQgMjQgMTAuNzQ1IDI0IDI0LTEwLjc0NSAyNC0yNCAyNHptLTE5MiAwYy0xMy4yNTUgMC0yNC0xMC43NDUtMjQtMjRzMTAuNzQ1LTI0IDI0LTI0IDI0IDEwLjc0NSAyNCAyNC0xMC43NDUgMjQtMjQgMjR6Ii8+PC9zdmc+)}.woocommerce-MyAccount-navigation-link--edit-address{--iconSvg: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBkPSJNMTcyLjI2OCA1MDEuNjdDMjYuOTcgMjkxLjAzMSAwIDI2OS40MTMgMCAxOTIgMCA4NS45NjEgODUuOTYxIDAgMTkyIDBzMTkyIDg1Ljk2MSAxOTIgMTkyYzAgNzcuNDEzLTI2Ljk3IDk5LjAzMS0xNzIuMjY4IDMwOS42Ny05LjUzNSAxMy43NzQtMjkuOTMgMTMuNzczLTM5LjQ2NCAwek0xOTIgMjcyYzQ0LjE4MyAwIDgwLTM1LjgxNyA4MC04MHMtMzUuODE3LTgwLTgwLTgwLTgwIDM1LjgxNy04MCA4MCAzNS44MTcgODAgODAgODB6Ii8+PC9zdmc+)}.woocommerce-MyAccount-navigation-link--edit-account{--iconSvg: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNMjI0IDI1NmM3MC43IDAgMTI4LTU3LjMgMTI4LTEyOFMyOTQuNyAwIDIyNCAwIDk2IDU3LjMgOTYgMTI4czU3LjMgMTI4IDEyOCAxMjh6bTg5LjYgMzJoLTE2LjdjLTIyLjIgMTAuMi00Ni45IDE2LTcyLjkgMTZzLTUwLjYtNS44LTcyLjktMTZoLTE2LjdDNjAuMiAyODggMCAzNDguMiAwIDQyMi40VjQ2NGMwIDI2LjUgMjEuNSA0OCA0OCA0OGgzNTJjMjYuNSAwIDQ4LTIxLjUgNDgtNDh2LTQxLjZjMC03NC4yLTYwLjItMTM0LjQtMTM0LjQtMTM0LjR6Ii8+PC9zdmc+)}.woocommerce-MyAccount-navigation-link--customer-logout{--iconSvg: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMTgwIDQ0OEg5NmMtNTMgMC05Ni00My05Ni05NlYxNjBjMC01MyA0My05NiA5Ni05Nmg4NGM2LjYgMCAxMiA1LjQgMTIgMTJ2NDBjMCA2LjYtNS40IDEyLTEyIDEySDk2Yy0xNy43IDAtMzIgMTQuMy0zMiAzMnYxOTJjMCAxNy43IDE0LjMgMzIgMzIgMzJoODRjNi42IDAgMTIgNS40IDEyIDEydjQwYzAgNi42LTUuNCAxMi0xMiAxMnptMTE3LjktMzAzLjFsNzcuNiA3MS4xSDE4NGMtMTMuMyAwLTI0IDEwLjctMjQgMjR2MzJjMCAxMy4zIDEwLjcgMjQgMjQgMjRoMTkxLjVsLTc3LjYgNzEuMWMtMTAuMSA5LjItMTAuNCAyNS0uOCAzNC43bDIxLjkgMjEuOWM5LjMgOS4zIDI0LjUgOS40IDMzLjkuMWwxNTItMTUwLjhjOS41LTkuNCA5LjUtMjQuNyAwLTM0LjFMMzUzIDg4LjNjLTkuNC05LjMtMjQuNS05LjMtMzMuOS4xbC0yMS45IDIxLjljLTkuNyA5LjYtOS4zIDI1LjQuNyAzNC42eiIvPjwvc3ZnPg==)}.woocommerce-MyAccount-content{flex:1}.woocommerce-form{display:flex;flex-direction:column;flex-wrap:wrap;row-gap:1rem;column-gap:1rem}body.woocommerce-account .woocommerce-form{background-color:var(--textInvert);margin:0 auto;padding:1.5rem;border:2px solid rgbA(var(--textRGB), 0.1);border-radius:var(--gRadius)}@media(max-width:768px){body.woocommerce-account .woocommerce-form{padding:.75rem}}.woocommerce-form .clear{display:none}.woocommerce-orders-table__cell-order-actions .woocommerce-button{padding:.5rem .75rem;font-size:smaller}.woocommerce-MyAccount-orders td{text-align:center}.woocommerce-Address{margin-top:1rem}.woocommerce-Address header{display:flex;align-items:center;column-gap:.5rem;margin-bottom:1rem}.woocommerce-Address h3{font-size:var(--h4Size)}.woocommerce-Address a{display:inline-block;padding:.125rem .5rem;border:1px solid var(--color1);border-bottom-width:2px;border-radius:var(--gRadius);color:var(--color1);letter-spacing:.05em;font-weight:700;font-size:var(--xsFontSize);text-transform:uppercase;text-decoration:none}.woocommerce-Address a:hover{transform:translateY(-1px);box-shadow:var(--shadow0)}.woocommerce-Address a:active{transform:none;transition:none}.woocommerce-address-fields__field-wrapper{display:grid;row-gap:1rem;column-gap:1rem;margin:var(--blockSpacing) 0}.woocommerce-EditAccountForm{display:grid;grid-template-columns:1fr 1fr;column-gap:1rem;row-gap:1rem}.woocommerce-EditAccountForm .clear{display:none}.woocommerce-EditAccountForm em{display:block;margin-top:.5rem;font-size:var(--xsFontSize);line-height:1.25}.woocommerce-EditAccountForm .form-row{grid-column:span 1}@media(max-width:480px){.woocommerce-EditAccountForm .form-row{grid-column:span 2}}.woocommerce-EditAccountForm>p:last-child{grid-column:span 2}.woocommerce-EditAccountForm fieldset{grid-column:span 2;display:flex;flex-wrap:wrap;column-gap:1rem;row-gap:1rem;padding:1rem;border:1px solid rgbA(var(--textRGB), 0.1);border-radius:var(--gRadius)}.woocommerce-EditAccountForm fieldset legend{flex:1;font-size:var(--h5Size);font-family:var(--hFontFamily);font-weight:var(--hFontWeight)}.woocommerce-EditAccountForm fieldset .form-row{width:calc(50% - .5rem)}@media(max-width:768px){.woocommerce-EditAccountForm fieldset .form-row{width:100%}}.woocommerce-EditAccountForm fieldset .form-row:nth-child(2){width:100%}#customer_login{width:360px;flex:1}#customer_login h2{margin-bottom:var(--blockSpacing);font-size:var(--h2Size);text-align:center}.woocommerce-form-login{max-width:360px}.woocommerce-form-login p[class=form-row]{display:flex}.woocommerce-form-login button{order:1;margin-left:auto}.woocommerce-form-login .lost_password{flex-basis:100%;font-size:var(--xsFontSize)}.woocommerce-form-register{display:grid;grid-template-columns:repeat(12, 1fr);width:100%;max-width:720px}@media(max-width:768px){.woocommerce-form-register{column-gap:.75rem;row-gap:.75rem}}.woocommerce-form-register .woocommerce-privacy-policy-text{grid-column:span 12;font-size:var(--sFontSize)}.woocommerce-form-register>p:not([class]){grid-column:span 12}.h-toggle-buttons{margin-top:1rem;opacity:.5}.h-toggle-buttons .wp-block-button{position:relative}.h-toggle-buttons a::before{content:"";display:inline-block;width:.875rem;height:.875rem;position:absolute;top:50%;transform:translateY(-50%);background-repeat:no-repeat;background-position:center center;background-size:auto 90%}.h-toggle-buttons .wp-block-button:first-child a{padding-left:2rem}.h-toggle-buttons .wp-block-button:first-child a::before{left:.5rem;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48cGF0aCBkPSJNMzQuNTIgMjM5LjAzTDIyOC44NyA0NC42OWM5LjM3LTkuMzcgMjQuNTctOS4zNyAzMy45NCAwbDIyLjY3IDIyLjY3YzkuMzYgOS4zNiA5LjM3IDI0LjUyLjA0IDMzLjlMMTMxLjQ5IDI1NmwxNTQuMDIgMTU0Ljc1YzkuMzQgOS4zOCA5LjMyIDI0LjU0LS4wNCAzMy45bC0yMi42NyAyMi42N2MtOS4zNyA5LjM3LTI0LjU3IDkuMzctMzMuOTQgMEwzNC41MiAyNzIuOTdjLTkuMzctOS4zNy05LjM3LTI0LjU3IDAtMzMuOTR6Ii8+PC9zdmc+)}.h-toggle-buttons .wp-block-button:last-child a{padding-right:2rem}.h-toggle-buttons .wp-block-button:last-child a::before{right:.5rem;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48cGF0aCBkPSJNMjg1LjQ3NiAyNzIuOTcxTDkxLjEzMiA0NjcuMzE0Yy05LjM3MyA5LjM3My0yNC41NjkgOS4zNzMtMzMuOTQxIDBsLTIyLjY2Ny0yMi42NjdjLTkuMzU3LTkuMzU3LTkuMzc1LTI0LjUyMi0uMDQtMzMuOTAxTDE4OC41MDUgMjU2IDM0LjQ4NCAxMDEuMjU1Yy05LjMzNS05LjM3OS05LjMxNy0yNC41NDQuMDQtMzMuOTAxbDIyLjY2Ny0yMi42NjdjOS4zNzMtOS4zNzMgMjQuNTY5LTkuMzczIDMzLjk0MSAwTDI4NS40NzUgMjM5LjAzYzkuMzczIDkuMzcyIDkuMzczIDI0LjU2OC4wMDEgMzMuOTQxeiIvPjwvc3ZnPg==)}#customer_login .col-1,#customer_login .wp-block-button:nth-child(1){display:none}#customer_login .col-1:target{display:block}#customer_login .col-1:target~.col-2{display:none}#customer_login .col-1:target~.wp-block-buttons .wp-block-button:nth-child(2){display:none}#customer_login .col-1:target~.wp-block-buttons .wp-block-button:nth-child(1){display:block}#customer_login .col-2:target{display:block}#customer_login .col-2:target~.wp-block-buttons .wp-block-button:nth-child(1){display:none} diff --git a/dist/shop.js b/dist/shop.js index ceaff7c..478ae39 100644 --- a/dist/shop.js +++ b/dist/shop.js @@ -1,112 +1 @@ -/******/ (function(modules) { // webpackBootstrap -/******/ // The module cache -/******/ var installedModules = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ -/******/ // Check if module is in cache -/******/ if(installedModules[moduleId]) { -/******/ return installedModules[moduleId].exports; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = installedModules[moduleId] = { -/******/ i: moduleId, -/******/ l: false, -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); -/******/ -/******/ // Flag the module as loaded -/******/ module.l = true; -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/******/ -/******/ // expose the modules object (__webpack_modules__) -/******/ __webpack_require__.m = modules; -/******/ -/******/ // expose the module cache -/******/ __webpack_require__.c = installedModules; -/******/ -/******/ // define getter function for harmony exports -/******/ __webpack_require__.d = function(exports, name, getter) { -/******/ if(!__webpack_require__.o(exports, name)) { -/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); -/******/ } -/******/ }; -/******/ -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ -/******/ // create a fake namespace object -/******/ // mode & 1: value is a module id, require it -/******/ // mode & 2: merge all properties of value into the ns -/******/ // mode & 4: return value when already ns object -/******/ // mode & 8|1: behave like require -/******/ __webpack_require__.t = function(value, mode) { -/******/ if(mode & 1) value = __webpack_require__(value); -/******/ if(mode & 8) return value; -/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; -/******/ var ns = Object.create(null); -/******/ __webpack_require__.r(ns); -/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); -/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); -/******/ return ns; -/******/ }; -/******/ -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function getDefault() { return module['default']; } : -/******/ function getModuleExports() { return module; }; -/******/ __webpack_require__.d(getter, 'a', getter); -/******/ return getter; -/******/ }; -/******/ -/******/ // Object.prototype.hasOwnProperty.call -/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; -/******/ -/******/ // __webpack_public_path__ -/******/ __webpack_require__.p = ""; -/******/ -/******/ -/******/ // Load entry module and return exports -/******/ return __webpack_require__(__webpack_require__.s = "./woocommerce/js/shop.js"); -/******/ }) -/************************************************************************/ -/******/ ({ - -/***/ "./woocommerce/js/shop.js": -/*!********************************!*\ - !*** ./woocommerce/js/shop.js ***! - \********************************/ -/*! no exports provided */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _sass_shop_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../sass/shop.sass */ \"./woocommerce/sass/shop.sass\");\n/* harmony import */ var _sass_shop_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_sass_shop_sass__WEBPACK_IMPORTED_MODULE_0__);\n\r\n\r\nconst myCart = {\r\n init() {\r\n this.closeOffcanvasCart();\r\n },\r\n\r\n /**\r\n * Set listener to close the offcanvas cart\r\n */\r\n closeOffcanvasCart() {\r\n const $titles = document.querySelectorAll('.h-cart.is-style-offcanvas .widgettitle');\r\n\r\n [...$titles].forEach(($t) => {\r\n $t.addEventListener('click', (e) => {\r\n e.currentTarget.closest('.h-cart').classList.remove('is-active');\r\n });\r\n });\r\n },\r\n};\r\n\r\nfunction onReady() {\r\n myCart.init();\r\n}\r\n\r\nfunction onLoad() {\r\n // script that runs when everything is loaded\r\n}\r\n\r\ndocument.addEventListener('DOMContentLoaded', onReady);\r\nwindow.addEventListener('load', onLoad);\r\n\n\n//# sourceURL=webpack:///./woocommerce/js/shop.js?"); - -/***/ }), - -/***/ "./woocommerce/sass/shop.sass": -/*!************************************!*\ - !*** ./woocommerce/sass/shop.sass ***! - \************************************/ -/*! no static exports found */ -/***/ (function(module, exports, __webpack_require__) { - -eval("// extracted by mini-css-extract-plugin\n\n//# sourceURL=webpack:///./woocommerce/sass/shop.sass?"); - -/***/ }) - -/******/ }); \ No newline at end of file +!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=7)}({7:function(e,t,n){"use strict";n.r(t);n(8);const r={init(){this.closeOffcanvasCart()},closeOffcanvasCart(){[...document.querySelectorAll(".h-cart.is-style-offcanvas .widgettitle")].forEach(e=>{e.addEventListener("click",e=>{e.currentTarget.closest(".h-cart").classList.remove("is-active")})})}};document.addEventListener("DOMContentLoaded",(function(){r.init()})),window.addEventListener("load",(function(){}))},8:function(e,t,n){}}); \ No newline at end of file diff --git a/functions.php b/functions.php index 9ecc4e9..4565d8a 100644 --- a/functions.php +++ b/functions.php @@ -69,8 +69,10 @@ function my_after_setup_theme() { // Edje Support add_theme_support('h-faq-block-v2'); add_theme_support('h-icon-block'); - add_theme_support('h-comment-editor'); // Enable this if you allow comment in the website + // add_theme_support('h-comment-editor'); // Enable this if you allow comment in the website add_theme_support('h-classic-widgets'); + add_theme_support('h-mega-menu'); + add_theme_support('h-dark-toggle'); // Gutenberg support add_theme_support('align-wide'); @@ -80,7 +82,7 @@ function my_after_setup_theme() { /** * ACF Options page */ - if(function_exists('acf_add_options_page')) { + if (function_exists('acf_add_options_page')) { acf_add_options_sub_page([ 'page_title' => 'Theme Options', 'parent_slug' => 'themes.php', diff --git a/inc/_helpers.php b/inc/_helpers.php index 00cbbc2..744fdab 100644 --- a/inc/_helpers.php +++ b/inc/_helpers.php @@ -5,9 +5,12 @@ class Helper { * Check if required plugins are activated */ static function has_required_plugins() { - if( !class_exists('H') ) { + if (!class_exists('H')) { add_action('admin_notices', function() { - $text = sprintf(__('You need to activate all Library plugins. Activate now ».'), admin_url('plugins.php') . '?s=library' ); + $text = sprintf( + __('You need to activate all Library plugins. Activate now ».'), + admin_url('plugins.php') . '?s=library' + ); echo "

    {$text}

    "; }); diff --git a/inc/acf.php b/inc/acf.php index 83309f3..d4679bc 100644 --- a/inc/acf.php +++ b/inc/acf.php @@ -1,10 +1,10 @@ $block['id'], 'className' => $block['className'] ?? '', @@ -47,4 +47,27 @@ function _my_render_acf_example( $block, $content='', $is_preview=false, $post_i ]; get_template_part('views-acf/example', '', $args); -} \ No newline at end of file +} + + +/** + * Change the palette on ACF Color Picker + * + * @action acf/input/admin_footer + * @todo - don't forget to change accordingly if you use ACF Color Picker + */ +function my_acf_change_color_palette() { ?> + +\d+)', [ + register_rest_route($namespace, '/sample-get/(?P\d+)', [ 'methods' => 'GET', 'permission_callback' => '__return_true', 'callback' => '_my_api_sample_get' - ] ); + ]); // sample-post/:id - register_rest_route( $namespace, '/sample-post/(?P\d+)', [ + register_rest_route($namespace, '/sample-post/(?P\d+)', [ 'methods' => 'POST', 'permission_callback' => '__return_true', 'callback' => '_my_api_sample_post' - ] ); + ]); } diff --git a/inc/frontend.php b/inc/frontend.php index f110377..75f0ca0 100644 --- a/inc/frontend.php +++ b/inc/frontend.php @@ -2,14 +2,12 @@ add_shortcode('current-year', 'shortcode_current_year'); -add_filter('wp_nav_menu_objects', 'my_nav_markup'); add_filter('excerpt_length', 'my_custom_excerpt_length', 999); add_filter('previous_post_link', 'my_adjacent_post_link', 10, 5); add_filter('next_post_link', 'my_adjacent_post_link', 10, 5); - /** * Output current year * [current-year] @@ -22,24 +20,6 @@ function shortcode_current_year($atts, $content = null) { return date('Y'); } - - -/** - * Change the Menu markup - * - * @filter wp_nav_menu_objects - */ -function my_nav_markup($items) { - foreach( $items as $i ) { - // Change the "menu-item" class into "submenu-item" if it's a child menu - if( $i->menu_item_parent !== '0' && $i->classes[1] == 'menu-item' ) { - $i->classes[1] = 'sub-menu-item'; - } - } - - return $items; -} - /** * @filter excerpt_length */ diff --git a/inc/gutenberg.php b/inc/gutenberg.php index 8025fc0..14b5842 100644 --- a/inc/gutenberg.php +++ b/inc/gutenberg.php @@ -1,27 +1,18 @@ 'sample', 'label' => 'Sample Style' ] ); + // register_block_style('core/table', [ 'name' => 'sample', 'label' => 'Sample Style' ]); + register_block_style('core/buttons', [ 'name' => 'no-spacing', 'label' => 'No Spacing' ]); } @@ -30,7 +21,7 @@ function my_custom_block_styles() { * * @filter h_disallowed_blocks */ -function my_disallowed_blocks( $blocks ) { +function my_disallowed_blocks($blocks) { $disabled_blocks = [ 'core/video', 'core/pullquote', @@ -69,8 +60,8 @@ function my_disallowed_blocks( $blocks ) { 'core/post-navigation-link', ]; - if( class_exists('Jetpack') ) { - $disabled_blocks = array_merge( $disabled_blocks, [ + if (class_exists('Jetpack')) { + $disabled_blocks = array_merge($disabled_blocks, [ 'jetpack/contact-info', 'jetpack/business-hours', 'jetpack/slideshow', @@ -89,14 +80,15 @@ function my_disallowed_blocks( $blocks ) { 'jetpack/revue', 'jetpack/repeat-visitor', 'jetpack/story', - ] ); + 'jetpack/recurring-payments', + ]); } - if( class_exists('WooCommerce')) { - $disabled_blocks = array_merge( $disabled_blocks, [ + if (class_exists('WooCommerce')) { + $disabled_blocks = array_merge($disabled_blocks, [ 'woocommerce/price-filter', 'woocommerce/product-search' - ] ); + ]); } return $disabled_blocks; } @@ -108,37 +100,10 @@ function my_disallowed_blocks( $blocks ) { * How to format: Create the block in editor, copy it, paste it in https://codebeautify.org/javascript-escape-unescape */ function my_custom_block_patterns() { - register_block_pattern( 'my/features', [ + register_block_pattern('my/features', [ 'title' => 'Features', 'categories' => [ 'text' ], 'description' => '3 Images and a short text below it', 'content' => "\n
    \n
    \n
    \"\"/
    \n\n\n\n

    Heading

    \n
    \n\n\n\n
    \n
    \"\"/
    \n\n\n\n

    Heading

    \n
    \n\n\n\n
    \n
    \"\"/
    \n\n\n\n

    Heading

    \n
    \n
    \n" - ] ); -} - - -/** - * Set the Image's description as Link in Gallery and Slideshow - * - * @filter render_block_jetpack/slideshow - * @filter render_block_jetpack/slideshow - */ -function my_add_link_to_gallery( $content, $block ) { - // echo '
    ' . htmlspecialchars( print_r( $content, true ) ) . '
    '; - - $image_ids = $block['attrs']['ids']; - - foreach( $image_ids as $id ) { - $media = get_post( $id ); - - // if description contains URL - if( substr( $media->post_content, 0, 4 ) === "http" ) { - $url = $media->post_content; - $content = preg_replace('/(
    )(ID . '.*\/>)(.+<\/figure>)/Ui', - '$1$2$3', $content ); - } - } - - - return $content; + ]); } \ No newline at end of file diff --git a/inc/my-block/_index.php b/inc/my-block/_index.php deleted file mode 100644 index afc41ec..0000000 --- a/inc/my-block/_index.php +++ /dev/null @@ -1,56 +0,0 @@ - [ 'type' => 'string', 'default' => 'left' ], - 'description' => [ 'type' => 'array', 'default' => '' ], - 'toolbar' => [ 'type' => 'string', 'default' => 'left' ], - 'textColor' => [ 'type' => 'string', 'defeault' => 'var(--text)' ], - 'bgColor' => [ 'type' => 'string', 'default' => 'var(--color1)' ], - ]; - - wp_localize_script( 'block-example', 'localizeBC', [ 'attributes' => $default_attributes ] ); - - register_block_type( 'my/example', [ - 'editor_script' => 'block-example', - 'editor_style' => 'block-example', - 'render_callback' => function( $atts ) use ( $default_attributes ) { - return my_render_block_example( $atts, $default_attributes ); - } - ] ); -} - - - -/** - * - */ -function my_render_block_example( $atts, $default_atts ) { - $default_values = array_map( function( $a ) { - return $a['default'] ?? ''; - }, $default_atts ); - - $atts = wp_parse_args( $atts, $default_values ); - - // Return the HTML content - return '
    ' . print_r( $atts, true ) . '
    '; -} \ No newline at end of file diff --git a/inc/my-block/edit.jsx b/inc/my-block/edit.jsx deleted file mode 100644 index 257ef2e..0000000 --- a/inc/my-block/edit.jsx +++ /dev/null @@ -1,93 +0,0 @@ -import { RichText, - BlockControls, - AlignmentToolbar, - InspectorControls, - PanelColorSettings } from '@wordpress/block-editor'; -import { PanelBody, - SelectControl, - ToggleControl } from '@wordpress/components'; - - -export default function( props ) { - let atts = props.attributes; - - const colorSettings = [ - { - label: 'Text Color', - value: atts.textColor, - onChange: (value) => { - props.setAttributes( { textColor: value ? value : 'none' } ) - } - }, - { - label: 'Background Color', - value: atts.bgColor, - onChange: (value) => { - props.setAttributes( { bgColor: value ? value : 'none' } ) - } - }, - ]; - - // Extra toolbar icons - const blockControls = [ - { - icon: 'table-col-before', - title: 'Toolbar 1', - className: atts.toolbar === 'left' ? 'is-pressed' : '', - onClick: () => { - props.setAttributes( { toolbar: 'left' } ); - }, - }, - { - icon: 'table-col-after', - title: 'Toolbar 2', - className: atts.toolbar === 'right' ? 'is-pressed' : '', - onClick: () => { - props.setAttributes( { toolbar: 'right' } ); - }, - }, - ]; - - - return (
    - - - - props.setAttributes( { select: value } ) } /> - - props.setAttributes( { toggle: value } ) } /> - - - - - - - { - props.setAttributes( { align: value ? value : 'none' } ); - } } /> - - - props.setAttributes({ description: value }) } /> -
    ); -} \ No newline at end of file diff --git a/inc/my-block/index.jsx b/inc/my-block/index.jsx deleted file mode 100644 index 7ac35a4..0000000 --- a/inc/my-block/index.jsx +++ /dev/null @@ -1,17 +0,0 @@ -import './style.sass'; -import { registerBlockType } from '@wordpress/blocks'; -import edit from './edit.jsx'; - -registerBlockType( 'my/example', { - title: 'Custom Block', - description: 'Example of a custom block', - icon: 'id', - category: 'layout', - example: {}, - attributes: localizeBC.attributes, - styles: [ - { name: 'style2', label: 'Style 2' }, - ], - - edit: edit -} ); diff --git a/inc/my-block/style.sass b/inc/my-block/style.sass deleted file mode 100644 index 08adccc..0000000 --- a/inc/my-block/style.sass +++ /dev/null @@ -1,2 +0,0 @@ -.wp-block-my-example - // do something \ No newline at end of file diff --git a/index.php b/index.php index 653673a..e68ecb6 100644 --- a/index.php +++ b/index.php @@ -2,7 +2,7 @@ global $wp_query; $args = [ - 'title' => 'Blog', + 'title' => null, 'posts' => $wp_query->get_posts(), 'pagination' => H::get_pagination(), ]; diff --git a/package.json b/package.json index 35c579d..1ca913b 100644 --- a/package.json +++ b/package.json @@ -5,18 +5,10 @@ "type": "git", "url": "git+https://github.com/hrsetyono/edje-wp-theme.git" }, - "dependencies": { - "@babel/polyfill": "^7.11.5" - }, + "dependencies": {}, "devDependencies": { - "@babel/cli": "^7.11.6", - "@babel/core": "^7.11.6", - "@babel/preset-env": "^7.11.5", "@wordpress/components": "^11.1.1", "@wordpress/scripts": "^12.5.0", - "autoprefixer": "^10.0.0", - "babel-core": "^7.0.0-bridge.0", - "babel-eslint": "^10.1.0", "browser-sync": "^2.26.12", "browser-sync-webpack-plugin": "^2.2.2", "css-loader": "^4.3.0", @@ -24,11 +16,8 @@ "eslint-config-airbnb-base": "^14.2.1", "eslint-plugin-import": "^2.24.2", "file-loader": "^6.1.0", - "lodash": "^4.17.20", "mini-css-extract-plugin": "^0.11.2", - "node-sass": "^4.14.1", - "postcss": "^8.0.8", - "postcss-loader": "^4.0.2", + "sass": "^1.53.0", "sass-loader": "^10.0.2", "url-loader": "^4.1.0", "webpack": "^4.44.1", @@ -36,15 +25,10 @@ }, "scripts": { "build": "webpack --mode production", - "dev": "webpack --mode development --watch", - "test": "jest" + "dev": "webpack --mode development --watch" }, - "browserslist": [ - "last 2 versions" - ], "babel": { "presets": [ - "@babel/preset-env", "@wordpress/babel-preset-default" ] } diff --git a/search.php b/search.php index 2134d75..5f80deb 100644 --- a/search.php +++ b/search.php @@ -5,7 +5,7 @@ $args = [ 'title' => "Search result for \"{$query}\"", 'query' => $query, - 'posts' => $wp_query, + 'posts' => $wp_query->get_posts(), ]; get_header(); diff --git a/style.css b/style.css index 87f07bb..d005b60 100644 --- a/style.css +++ b/style.css @@ -1,10 +1,13 @@ /* -Theme Name: Edje Basic Theme +Theme Name: Edje Boilerplate Theme Author: Pixel Studio Author URI: https://pixelstudio.id Description: Boilerplate WordPress theme to be used alongside Edje WP Library -Version: 14.0.0 -Tags: private theme, edje, acf, woocomemrce, custom-menu, editor-style +Version: 14.2.1 +Tags: private theme, edje, acf, woocommerce, custom-menu, editor-style */ -/* All stylesheets are located in /css directory. This file is only for meta description */ +/* + All stylesheets are located in /assets/css and minified into /dist + This file is just for the metadata +*/ \ No newline at end of file diff --git a/theme.json b/theme.json index 4cf42be..71abc13 100644 --- a/theme.json +++ b/theme.json @@ -24,15 +24,15 @@ { "name": "Text Dim", "slug": "text-dim", "color": "var(--textDim)" }, { "name": "Text Invert", "slug": "text-invert", "color": "var(--textInvert)" }, - { "name": "Primary", "slug": "color1", "color": "var(--color1)" }, - { "name": "Primary Dark", "slug": "color1-dark", "color": "var(--color1Dark)" }, - { "name": "Primary Light", "slug": "color1-light", "color": "var(--color1Light)" }, + { "name": "Primary", "slug": "color-1", "color": "var(--color1)" }, + { "name": "Primary Dark", "slug": "color-1-dark", "color": "var(--color1Dark)" }, + { "name": "Primary Light", "slug": "color-1-light", "color": "var(--color1Light)" }, - { "name": "Secondary", "slug": "color2", "color": "var(--color2)" }, - { "name": "Secondary Light", "slug": "color2-light", "color": "var(--color2Light)" }, + { "name": "Secondary", "slug": "color-2", "color": "var(--color2)" }, + { "name": "Secondary Light", "slug": "color-2-light", "color": "var(--color2Light)" }, - { "name": "Tertiary", "slug": "color3", "color": "var(--color3)" }, - { "name": "Tertiary Light", "slug": "color3-light", "color": "var(--color3Light)" } + { "name": "Tertiary", "slug": "color-3", "color": "var(--color3)" }, + { "name": "Tertiary Light", "slug": "color-3-light", "color": "var(--color3Light)" } ] }, "custom": {}, diff --git a/views-acf/example.php b/views-acf/example.php index 41a7997..c00bfa5 100644 --- a/views-acf/example.php +++ b/views-acf/example.php @@ -1,11 +1,19 @@ + +
    + class="acf-block-sample " + + id="" + >

    - +

    - +
    \ No newline at end of file diff --git a/views/_author.php b/views/_author.php index 57f01e0..5805634 100644 --- a/views/_author.php +++ b/views/_author.php @@ -1,28 +1,28 @@
    - +
    - +
    - +
    @@ -30,12 +30,12 @@ - + - + @@ -43,7 +43,10 @@ - + diff --git a/views/_footer.php b/views/_footer.php index bb1ee2a..9cc0cb0 100644 --- a/views/_footer.php +++ b/views/_footer.php @@ -1,13 +1,17 @@ + +