/** * Admin bar stylesheet. * * Site Kit by Google, Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* * Configuration Options */ /** * Variables. * * Site Kit by Google, Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /** * MUI 3 Variables. * * Site Kit by Google, Copyright 2022 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* * Colors * Names from http://chir.ag/projects/name-that-color/ */ /* stylelint-disable */ /* stylelint-enable */ /* * Custom z-Index values * * Important values within the WordPress dashboard are as follows: * - Top admin bar and its child menus, at z-index 99999 * - Left most main/side admin menu wrapper, at z-index 9990 * - The left most main/side admin menu sub menus on hover, at z-index 9999 * * It is important to note that WordPress generally employs a 10 step jump * in values when moving between z-index layers and this should be adhered * to where possible. */ /** * Mixins. * * Site Kit by Google, Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* * Top-level Cascade Items */ /** * Base styles. * * Site Kit by Google, Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ :root { --reach-combobox: 1; } /* .googlesitekit-plugin will always wrap all * of our content, so the properties below will act as defaults. */ .googlesitekit-plugin { color: #161b18; font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.43; } .googlesitekit-plugin *, .googlesitekit-plugin *::before, .googlesitekit-plugin *::after { box-sizing: border-box; } .googlesitekit-plugin svg { /* stylelint-disable-next-line sh-waqar/declaration-use-variable */ color: inherit; } .googlesitekit-plugin svg:not(:root) { overflow: hidden; } .googlesitekit-plugin h1, .googlesitekit-plugin h2, .googlesitekit-plugin h3, .googlesitekit-plugin h4, .googlesitekit-plugin h5, .googlesitekit-plugin h6 { color: #161b18; font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.16; } .googlesitekit-plugin h1, .googlesitekit-plugin .googlesitekit-heading-1 { font-size: 32px; font-weight: 400; line-height: 1.25; } .googlesitekit-plugin h2, .googlesitekit-plugin .googlesitekit-heading-2 { font-size: 28px; font-weight: 400; line-height: 1.286; } .googlesitekit-plugin h3, .googlesitekit-plugin .googlesitekit-heading-3 { font-size: 22px; font-weight: 400; line-height: 1.27; } .googlesitekit-plugin h4, .googlesitekit-plugin .googlesitekit-heading-4 { font-size: 18px; font-weight: 700; line-height: 1.33; } .googlesitekit-plugin .googlesitekit-subheading-1 { font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; line-height: 1.14; } .googlesitekit-plugin .googlesitekit-subheading-2 { font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 500; letter-spacing: 0.2px; line-height: 1.33; } .googlesitekit-plugin .googlesitekit-nodata { display: none; } .googlesitekit-plugin legend, .googlesitekit-plugin p:not([class*=mdc-]) { font-size: 14px; letter-spacing: 0.25px; } .googlesitekit-plugin a { color: #108080; -webkit-text-decoration: none; text-decoration: none; } .googlesitekit-plugin a:hover { color: #108080; -webkit-text-decoration: underline; text-decoration: underline; } .googlesitekit-plugin a:focus { box-shadow: none; outline: 1px dotted #000; outline-offset: 3px; } .googlesitekit-plugin button { background: none; border: none; border-radius: 100px; color: #108080; -webkit-text-decoration: none; text-decoration: none; } .googlesitekit-plugin button:hover { -webkit-text-decoration: underline; text-decoration: underline; } .googlesitekit-plugin button:focus { outline: 1px dotted #000; outline-offset: 6px; } .googlesitekit-plugin legend { line-height: 1.5; margin: 1em 0; } .googlesitekit-plugin .screen-reader-only { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } @media (max-width: 599px) { .googlesitekit-plugin .hidden-on-mobile { display: none; } } .googlesitekit-hidden { display: none !important; } .mdc-button, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button { font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.875rem; line-height: 2.25rem; font-weight: 500; letter-spacing: 0.0892857143em; -webkit-text-decoration: none; text-decoration: none; text-transform: uppercase; padding: 0 8px 0 8px; display: inline-flex; position: relative; align-items: center; justify-content: center; box-sizing: border-box; min-width: 64px; height: 36px; border: none; outline: none; /* @alternate */ line-height: inherit; -webkit-user-select: none; user-select: none; -webkit-appearance: none; overflow: hidden; vertical-align: middle; border-radius: 4px; } .mdc-button::-moz-focus-inner, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button::-moz-focus-inner { padding: 0; border: 0; } .mdc-button:active, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button:active { outline: none; } .mdc-button:hover, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button:hover { cursor: pointer; } .mdc-button:disabled, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button:disabled { background-color: transparent; color: rgba(0, 0, 0, 0.37); cursor: default; pointer-events: none; } .mdc-button.mdc-button--dense, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--dense.mdc-button { border-radius: 4px; } .mdc-button:not(:disabled), #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button:not(:disabled) { background-color: transparent; } .mdc-button .mdc-button__icon, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button .mdc-button__icon { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 8px; display: inline-block; width: 18px; height: 18px; font-size: 18px; vertical-align: top; } [dir=rtl] .mdc-button .mdc-button__icon, [dir=rtl] #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button .mdc-button__icon, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar [dir=rtl] .mdc-button .mdc-button__icon, .mdc-button .mdc-button__icon[dir=rtl], #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button .mdc-button__icon[dir=rtl] { /* @noflip */ margin-left: 8px; /* @noflip */ margin-right: 0; } .mdc-button:not(:disabled), #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button:not(:disabled) { color: #3c7251; /* @alternate */ color: var(--mdc-theme-primary, #3c7251); } .mdc-button__label + .mdc-button__icon { /* @noflip */ margin-left: 8px; /* @noflip */ margin-right: 0; } [dir=rtl] .mdc-button__label + .mdc-button__icon, .mdc-button__label + .mdc-button__icon[dir=rtl] { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 8px; } svg.mdc-button__icon { fill: currentColor; } .mdc-button--raised .mdc-button__icon, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised .mdc-button__icon, .mdc-button--unelevated .mdc-button__icon, .mdc-button--outlined .mdc-button__icon { /* @noflip */ margin-left: -4px; /* @noflip */ margin-right: 8px; } [dir=rtl] .mdc-button--raised .mdc-button__icon, [dir=rtl] #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised .mdc-button__icon, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar [dir=rtl] .mdc-button--raised .mdc-button__icon, .mdc-button--raised .mdc-button__icon[dir=rtl], #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised .mdc-button__icon[dir=rtl], [dir=rtl] .mdc-button--unelevated .mdc-button__icon, .mdc-button--unelevated .mdc-button__icon[dir=rtl], [dir=rtl] .mdc-button--outlined .mdc-button__icon, .mdc-button--outlined .mdc-button__icon[dir=rtl] { /* @noflip */ margin-left: 8px; /* @noflip */ margin-right: -4px; } .mdc-button--raised .mdc-button__label + .mdc-button__icon, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised .mdc-button__label + .mdc-button__icon, .mdc-button--unelevated .mdc-button__label + .mdc-button__icon, .mdc-button--outlined .mdc-button__label + .mdc-button__icon { /* @noflip */ margin-left: 8px; /* @noflip */ margin-right: -4px; } [dir=rtl] .mdc-button--raised .mdc-button__label + .mdc-button__icon, [dir=rtl] #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised .mdc-button__label + .mdc-button__icon, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar [dir=rtl] .mdc-button--raised .mdc-button__label + .mdc-button__icon, .mdc-button--raised .mdc-button__label + .mdc-button__icon[dir=rtl], #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised .mdc-button__label + .mdc-button__icon[dir=rtl], [dir=rtl] .mdc-button--unelevated .mdc-button__label + .mdc-button__icon, .mdc-button--unelevated .mdc-button__label + .mdc-button__icon[dir=rtl], [dir=rtl] .mdc-button--outlined .mdc-button__label + .mdc-button__icon, .mdc-button--outlined .mdc-button__label + .mdc-button__icon[dir=rtl] { /* @noflip */ margin-left: -4px; /* @noflip */ margin-right: 8px; } .mdc-button--raised, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised, .mdc-button--unelevated { padding: 0 16px 0 16px; } .mdc-button--raised:disabled, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised:disabled, .mdc-button--unelevated:disabled { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.37); } .mdc-button--raised:not(:disabled), #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised:not(:disabled), .mdc-button--unelevated:not(:disabled) { background-color: #3c7251; } @supports not (-ms-ime-align: auto) { .mdc-button--raised:not(:disabled), #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised:not(:disabled), .mdc-button--unelevated:not(:disabled) { /* @alternate */ background-color: var(--mdc-theme-primary, #3c7251); } } .mdc-button--raised:not(:disabled), #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised:not(:disabled), .mdc-button--unelevated:not(:disabled) { color: #fff; /* @alternate */ color: var(--mdc-theme-on-primary, #fff); } .mdc-button--raised, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); } .mdc-button--raised:hover, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised:hover, .mdc-button--raised:focus, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised:focus { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .mdc-button--raised:active, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised:active { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .mdc-button--raised:disabled, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised:disabled { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mdc-button--outlined { border-style: solid; padding: 0 15px 0 15px; border-width: 1px; } .mdc-button--outlined:disabled { border-color: rgba(0, 0, 0, 0.37); } .mdc-button--outlined:not(:disabled) { border-color: #3c7251; /* @alternate */ border-color: var(--mdc-theme-primary, #3c7251); } .mdc-button--dense { height: 32px; font-size: 0.8125rem; } @keyframes mdc-ripple-fg-radius-in { from { animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); } to { transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } } @keyframes mdc-ripple-fg-opacity-in { from { animation-timing-function: linear; opacity: 0; } to { opacity: var(--mdc-ripple-fg-opacity, 0); } } @keyframes mdc-ripple-fg-opacity-out { from { animation-timing-function: linear; opacity: var(--mdc-ripple-fg-opacity, 0); } to { opacity: 0; } } .mdc-ripple-surface--test-edge-var-bug { --mdc-ripple-surface-test-edge-var: 1px solid #000; visibility: hidden; } .mdc-ripple-surface--test-edge-var-bug::before { border: var(--mdc-ripple-surface-test-edge-var); } .mdc-button, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button { --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mdc-button::before, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button::before, .mdc-button::after, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button::after { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: ""; } .mdc-button::before, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button::before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1; } .mdc-button.mdc-ripple-upgraded::before, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-ripple-upgraded.mdc-button::before { transform: scale(var(--mdc-ripple-fg-scale, 1)); } .mdc-button.mdc-ripple-upgraded::after, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-ripple-upgraded.mdc-button::after { top: 0; /* @noflip */ left: 0; transform: scale(0); transform-origin: center center; } .mdc-button.mdc-ripple-upgraded--unbounded::after, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-ripple-upgraded--unbounded.mdc-button::after { top: var(--mdc-ripple-top, 0); /* @noflip */ left: var(--mdc-ripple-left, 0); } .mdc-button.mdc-ripple-upgraded--foreground-activation::after, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-ripple-upgraded--foreground-activation.mdc-button::after { animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; } .mdc-button.mdc-ripple-upgraded--foreground-deactivation::after, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-ripple-upgraded--foreground-deactivation.mdc-button::after { animation: mdc-ripple-fg-opacity-out 150ms; transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } .mdc-button::before, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button::before, .mdc-button::after, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button::after { top: calc(50% - 100%); /* @noflip */ left: calc(50% - 100%); width: 200%; height: 200%; } .mdc-button.mdc-ripple-upgraded::after, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-ripple-upgraded.mdc-button::after { width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } .mdc-button::before, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button::before, .mdc-button::after, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button::after { background-color: #3c7251; } @supports not (-ms-ime-align: auto) { .mdc-button::before, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button::before, .mdc-button::after, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button::after { /* @alternate */ background-color: var(--mdc-theme-primary, #3c7251); } } .mdc-button:hover::before, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button:hover::before { opacity: 0.04; } .mdc-button:not(.mdc-ripple-upgraded):focus::before, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button:not(.mdc-ripple-upgraded):focus::before, .mdc-button.mdc-ripple-upgraded--background-focused::before, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-ripple-upgraded--background-focused.mdc-button::before { transition-duration: 75ms; opacity: 0.12; } .mdc-button:not(.mdc-ripple-upgraded)::after, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .mdc-button:not(.mdc-ripple-upgraded):active::after, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .mdc-button.mdc-ripple-upgraded, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-ripple-upgraded.mdc-button { --mdc-ripple-fg-opacity: 0.12; } .mdc-button--raised::before, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised::before, .mdc-button--raised::after, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised::after, .mdc-button--unelevated::before, .mdc-button--unelevated::after { background-color: #fff; } @supports not (-ms-ime-align: auto) { .mdc-button--raised::before, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised::before, .mdc-button--raised::after, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised::after, .mdc-button--unelevated::before, .mdc-button--unelevated::after { /* @alternate */ background-color: var(--mdc-theme-on-primary, #fff); } } .mdc-button--raised:hover::before, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised:hover::before, .mdc-button--unelevated:hover::before { opacity: 0.08; } .mdc-button--raised:not(.mdc-ripple-upgraded):focus::before, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised:not(.mdc-ripple-upgraded):focus::before, .mdc-button--raised.mdc-ripple-upgraded--background-focused::before, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-ripple-upgraded--background-focused.mdc-button--raised::before, .mdc-button--unelevated:not(.mdc-ripple-upgraded):focus::before, .mdc-button--unelevated.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.24; } .mdc-button--raised:not(.mdc-ripple-upgraded)::after, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised:not(.mdc-ripple-upgraded)::after, .mdc-button--unelevated:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .mdc-button--raised:not(.mdc-ripple-upgraded):active::after, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised:not(.mdc-ripple-upgraded):active::after, .mdc-button--unelevated:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.24; } .mdc-button--raised.mdc-ripple-upgraded, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-ripple-upgraded.mdc-button--raised, .mdc-button--unelevated.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.24; } :root { --mdc-layout-grid-margin-desktop: 24px; --mdc-layout-grid-gutter-desktop: 24px; --mdc-layout-grid-column-width-desktop: 72px; --mdc-layout-grid-margin-tablet: 16px; --mdc-layout-grid-gutter-tablet: 16px; --mdc-layout-grid-column-width-tablet: 72px; --mdc-layout-grid-margin-phone: 16px; --mdc-layout-grid-gutter-phone: 16px; --mdc-layout-grid-column-width-phone: 72px; } @media (min-width: 961px) { .mdc-layout-grid, #wpadminbar.nojs .googlesitekit-noscript .mdc-layout-grid, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid { box-sizing: border-box; margin: 0 auto; padding: 24px; padding: var(--mdc-layout-grid-margin-desktop, 24px); } } @media (min-width: 601px) and (max-width: 960px) { .mdc-layout-grid, #wpadminbar.nojs .googlesitekit-noscript .mdc-layout-grid, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid { box-sizing: border-box; margin: 0 auto; padding: 16px; padding: var(--mdc-layout-grid-margin-tablet, 16px); } } @media (max-width: 600px) { .mdc-layout-grid, #wpadminbar.nojs .googlesitekit-noscript .mdc-layout-grid, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid { box-sizing: border-box; margin: 0 auto; padding: 16px; padding: var(--mdc-layout-grid-margin-phone, 16px); } } @media (min-width: 961px) { .mdc-layout-grid__inner, #wpadminbar.nojs .googlesitekit-noscript .mdc-layout-grid__inner, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__inner { display: flex; flex-flow: row wrap; align-items: stretch; margin: -12px; margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2 * -1); } @supports (display: grid) { .mdc-layout-grid__inner, #wpadminbar.nojs .googlesitekit-noscript .mdc-layout-grid__inner, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__inner { display: grid; margin: 0; grid-gap: 24px; grid-gap: var(--mdc-layout-grid-gutter-desktop, 24px); grid-template-columns: repeat(12, minmax(0, 1fr)); } } } @media (min-width: 601px) and (max-width: 960px) { .mdc-layout-grid__inner, #wpadminbar.nojs .googlesitekit-noscript .mdc-layout-grid__inner, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__inner { display: flex; flex-flow: row wrap; align-items: stretch; margin: -8px; margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2 * -1); } @supports (display: grid) { .mdc-layout-grid__inner, #wpadminbar.nojs .googlesitekit-noscript .mdc-layout-grid__inner, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__inner { display: grid; margin: 0; grid-gap: 16px; grid-gap: var(--mdc-layout-grid-gutter-tablet, 16px); grid-template-columns: repeat(8, minmax(0, 1fr)); } } } @media (max-width: 600px) { .mdc-layout-grid__inner, #wpadminbar.nojs .googlesitekit-noscript .mdc-layout-grid__inner, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__inner { display: flex; flex-flow: row wrap; align-items: stretch; margin: -8px; margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2 * -1); } @supports (display: grid) { .mdc-layout-grid__inner, #wpadminbar.nojs .googlesitekit-noscript .mdc-layout-grid__inner, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__inner { display: grid; margin: 0; grid-gap: 16px; grid-gap: var(--mdc-layout-grid-gutter-phone, 16px); grid-template-columns: repeat(4, minmax(0, 1fr)); } } } @media (min-width: 961px) { .mdc-layout-grid__cell, #wpadminbar.nojs .googlesitekit-noscript .mdc-layout-grid__cell, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell { width: calc(33.3333333333% - 24px); width: calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px)); box-sizing: border-box; margin: 12px; margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2); } @supports (display: grid) { .mdc-layout-grid__cell, #wpadminbar.nojs .googlesitekit-noscript .mdc-layout-grid__cell, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell { width: auto; grid-column-end: span 4; } } @supports (display: grid) { .mdc-layout-grid__cell, #wpadminbar.nojs .googlesitekit-noscript .mdc-layout-grid__cell, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell { margin: 0; } } .mdc-layout-grid__cell--span-1, .mdc-layout-grid__cell--span-1-desktop { width: calc(8.3333333333% - 24px); width: calc(8.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-1, .mdc-layout-grid__cell--span-1-desktop { width: auto; grid-column-end: span 1; } } .mdc-layout-grid__cell--span-2, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-2, .mdc-layout-grid__cell--span-2-desktop { width: calc(16.6666666667% - 24px); width: calc(16.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-2, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-2, .mdc-layout-grid__cell--span-2-desktop { width: auto; grid-column-end: span 2; } } .mdc-layout-grid__cell--span-3, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-3, .mdc-layout-grid__cell--span-3-desktop, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-3-desktop { width: calc(25% - 24px); width: calc(25% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-3, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-3, .mdc-layout-grid__cell--span-3-desktop, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-3-desktop { width: auto; grid-column-end: span 3; } } .mdc-layout-grid__cell--span-4, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-4, .mdc-layout-grid__cell--span-4-desktop { width: calc(33.3333333333% - 24px); width: calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-4, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-4, .mdc-layout-grid__cell--span-4-desktop { width: auto; grid-column-end: span 4; } } .mdc-layout-grid__cell--span-5, .mdc-layout-grid__cell--span-5-desktop { width: calc(41.6666666667% - 24px); width: calc(41.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-5, .mdc-layout-grid__cell--span-5-desktop { width: auto; grid-column-end: span 5; } } .mdc-layout-grid__cell--span-6, .mdc-layout-grid__cell--span-6-desktop, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-6-desktop { width: calc(50% - 24px); width: calc(50% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-6, .mdc-layout-grid__cell--span-6-desktop, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-6-desktop { width: auto; grid-column-end: span 6; } } .mdc-layout-grid__cell--span-7, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-7, .mdc-layout-grid__cell--span-7-desktop, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-7-desktop { width: calc(58.3333333333% - 24px); width: calc(58.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-7, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-7, .mdc-layout-grid__cell--span-7-desktop, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-7-desktop { width: auto; grid-column-end: span 7; } } .mdc-layout-grid__cell--span-8, .mdc-layout-grid__cell--span-8-desktop { width: calc(66.6666666667% - 24px); width: calc(66.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-8, .mdc-layout-grid__cell--span-8-desktop { width: auto; grid-column-end: span 8; } } .mdc-layout-grid__cell--span-9, .mdc-layout-grid__cell--span-9-desktop { width: calc(75% - 24px); width: calc(75% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-9, .mdc-layout-grid__cell--span-9-desktop { width: auto; grid-column-end: span 9; } } .mdc-layout-grid__cell--span-10, .mdc-layout-grid__cell--span-10-desktop { width: calc(83.3333333333% - 24px); width: calc(83.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-10, .mdc-layout-grid__cell--span-10-desktop { width: auto; grid-column-end: span 10; } } .mdc-layout-grid__cell--span-11, .mdc-layout-grid__cell--span-11-desktop { width: calc(91.6666666667% - 24px); width: calc(91.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-11, .mdc-layout-grid__cell--span-11-desktop { width: auto; grid-column-end: span 11; } } .mdc-layout-grid__cell--span-12, .mdc-layout-grid__cell--span-12-desktop { width: calc(100% - 24px); width: calc(100% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-12, .mdc-layout-grid__cell--span-12-desktop { width: auto; grid-column-end: span 12; } } } @media (min-width: 601px) and (max-width: 960px) { .mdc-layout-grid__cell, #wpadminbar.nojs .googlesitekit-noscript .mdc-layout-grid__cell, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell { width: calc(50% - 16px); width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px)); box-sizing: border-box; margin: 8px; margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2); } @supports (display: grid) { .mdc-layout-grid__cell, #wpadminbar.nojs .googlesitekit-noscript .mdc-layout-grid__cell, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell { width: auto; grid-column-end: span 4; } } @supports (display: grid) { .mdc-layout-grid__cell, #wpadminbar.nojs .googlesitekit-noscript .mdc-layout-grid__cell, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell { margin: 0; } } .mdc-layout-grid__cell--span-1, .mdc-layout-grid__cell--span-1-tablet { width: calc(12.5% - 16px); width: calc(12.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-1, .mdc-layout-grid__cell--span-1-tablet { width: auto; grid-column-end: span 1; } } .mdc-layout-grid__cell--span-2, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-2, .mdc-layout-grid__cell--span-2-tablet, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-2-tablet { width: calc(25% - 16px); width: calc(25% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-2, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-2, .mdc-layout-grid__cell--span-2-tablet, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-2-tablet { width: auto; grid-column-end: span 2; } } .mdc-layout-grid__cell--span-3, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-3, .mdc-layout-grid__cell--span-3-tablet { width: calc(37.5% - 16px); width: calc(37.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-3, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-3, .mdc-layout-grid__cell--span-3-tablet { width: auto; grid-column-end: span 3; } } .mdc-layout-grid__cell--span-4, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-4, .mdc-layout-grid__cell--span-4-tablet, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-4-tablet { width: calc(50% - 16px); width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-4, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-4, .mdc-layout-grid__cell--span-4-tablet, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-4-tablet { width: auto; grid-column-end: span 4; } } .mdc-layout-grid__cell--span-5, .mdc-layout-grid__cell--span-5-tablet { width: calc(62.5% - 16px); width: calc(62.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-5, .mdc-layout-grid__cell--span-5-tablet { width: auto; grid-column-end: span 5; } } .mdc-layout-grid__cell--span-6, .mdc-layout-grid__cell--span-6-tablet { width: calc(75% - 16px); width: calc(75% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-6, .mdc-layout-grid__cell--span-6-tablet { width: auto; grid-column-end: span 6; } } .mdc-layout-grid__cell--span-7, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-7, .mdc-layout-grid__cell--span-7-tablet { width: calc(87.5% - 16px); width: calc(87.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-7, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-7, .mdc-layout-grid__cell--span-7-tablet { width: auto; grid-column-end: span 7; } } .mdc-layout-grid__cell--span-8, .mdc-layout-grid__cell--span-8-tablet, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-8-tablet { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-8, .mdc-layout-grid__cell--span-8-tablet, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-8-tablet { width: auto; grid-column-end: span 8; } } .mdc-layout-grid__cell--span-9, .mdc-layout-grid__cell--span-9-tablet { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-9, .mdc-layout-grid__cell--span-9-tablet { width: auto; grid-column-end: span 8; } } .mdc-layout-grid__cell--span-10, .mdc-layout-grid__cell--span-10-tablet { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-10, .mdc-layout-grid__cell--span-10-tablet { width: auto; grid-column-end: span 8; } } .mdc-layout-grid__cell--span-11, .mdc-layout-grid__cell--span-11-tablet { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-11, .mdc-layout-grid__cell--span-11-tablet { width: auto; grid-column-end: span 8; } } .mdc-layout-grid__cell--span-12, .mdc-layout-grid__cell--span-12-tablet, #wpadminbar.nojs .googlesitekit-noscript .mdc-layout-grid__cell { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-12, .mdc-layout-grid__cell--span-12-tablet, #wpadminbar.nojs .googlesitekit-noscript .mdc-layout-grid__cell { width: auto; grid-column-end: span 8; } } } @media (max-width: 600px) { .mdc-layout-grid__cell, #wpadminbar.nojs .googlesitekit-noscript .mdc-layout-grid__cell, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); box-sizing: border-box; margin: 8px; margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2); } @supports (display: grid) { .mdc-layout-grid__cell, #wpadminbar.nojs .googlesitekit-noscript .mdc-layout-grid__cell, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell { width: auto; grid-column-end: span 4; } } @supports (display: grid) { .mdc-layout-grid__cell, #wpadminbar.nojs .googlesitekit-noscript .mdc-layout-grid__cell, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell { margin: 0; } } .mdc-layout-grid__cell--span-1, .mdc-layout-grid__cell--span-1-phone { width: calc(25% - 16px); width: calc(25% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-1, .mdc-layout-grid__cell--span-1-phone { width: auto; grid-column-end: span 1; } } .mdc-layout-grid__cell--span-2, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-2, .mdc-layout-grid__cell--span-2-phone { width: calc(50% - 16px); width: calc(50% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-2, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-2, .mdc-layout-grid__cell--span-2-phone { width: auto; grid-column-end: span 2; } } .mdc-layout-grid__cell--span-3, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-3, .mdc-layout-grid__cell--span-3-phone { width: calc(75% - 16px); width: calc(75% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-3, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-3, .mdc-layout-grid__cell--span-3-phone { width: auto; grid-column-end: span 3; } } .mdc-layout-grid__cell--span-4, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-4, .mdc-layout-grid__cell--span-4-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-4, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-4, .mdc-layout-grid__cell--span-4-phone { width: auto; grid-column-end: span 4; } } .mdc-layout-grid__cell--span-5, .mdc-layout-grid__cell--span-5-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-5, .mdc-layout-grid__cell--span-5-phone { width: auto; grid-column-end: span 4; } } .mdc-layout-grid__cell--span-6, .mdc-layout-grid__cell--span-6-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-6, .mdc-layout-grid__cell--span-6-phone { width: auto; grid-column-end: span 4; } } .mdc-layout-grid__cell--span-7, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-7, .mdc-layout-grid__cell--span-7-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-7, #wpadminbar .googlesitekit-adminbar .mdc-layout-grid__cell--span-7, .mdc-layout-grid__cell--span-7-phone { width: auto; grid-column-end: span 4; } } .mdc-layout-grid__cell--span-8, .mdc-layout-grid__cell--span-8-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-8, .mdc-layout-grid__cell--span-8-phone { width: auto; grid-column-end: span 4; } } .mdc-layout-grid__cell--span-9, .mdc-layout-grid__cell--span-9-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-9, .mdc-layout-grid__cell--span-9-phone { width: auto; grid-column-end: span 4; } } .mdc-layout-grid__cell--span-10, .mdc-layout-grid__cell--span-10-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-10, .mdc-layout-grid__cell--span-10-phone { width: auto; grid-column-end: span 4; } } .mdc-layout-grid__cell--span-11, .mdc-layout-grid__cell--span-11-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-11, .mdc-layout-grid__cell--span-11-phone { width: auto; grid-column-end: span 4; } } .mdc-layout-grid__cell--span-12, .mdc-layout-grid__cell--span-12-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-12, .mdc-layout-grid__cell--span-12-phone { width: auto; grid-column-end: span 4; } } } .mdc-layout-grid__cell--order-1 { order: 1; } .mdc-layout-grid__cell--order-2 { order: 2; } .mdc-layout-grid__cell--order-3 { order: 3; } .mdc-layout-grid__cell--order-4 { order: 4; } .mdc-layout-grid__cell--order-5 { order: 5; } .mdc-layout-grid__cell--order-6 { order: 6; } .mdc-layout-grid__cell--order-7 { order: 7; } .mdc-layout-grid__cell--order-8 { order: 8; } .mdc-layout-grid__cell--order-9 { order: 9; } .mdc-layout-grid__cell--order-10 { order: 10; } .mdc-layout-grid__cell--order-11 { order: 11; } .mdc-layout-grid__cell--order-12 { order: 12; } .mdc-layout-grid__cell--align-top { align-self: flex-start; } @supports (display: grid) { .mdc-layout-grid__cell--align-top { align-self: start; } } .mdc-layout-grid__cell--align-middle { align-self: center; } .mdc-layout-grid__cell--align-bottom { align-self: flex-end; } @supports (display: grid) { .mdc-layout-grid__cell--align-bottom { align-self: end; } } @media (min-width: 961px) { .mdc-layout-grid--fixed-column-width { width: 1176px; width: calc( var(--mdc-layout-grid-column-width-desktop, 72px) * 12 + var(--mdc-layout-grid-gutter-desktop, 24px) * 11 + var(--mdc-layout-grid-margin-desktop, 24px) * 2 ); } } @media (min-width: 601px) and (max-width: 960px) { .mdc-layout-grid--fixed-column-width { width: 720px; width: calc( var(--mdc-layout-grid-column-width-tablet, 72px) * 8 + var(--mdc-layout-grid-gutter-tablet, 16px) * 7 + var(--mdc-layout-grid-margin-tablet, 16px) * 2 ); } } @media (max-width: 600px) { .mdc-layout-grid--fixed-column-width { width: 368px; width: calc( var(--mdc-layout-grid-column-width-phone, 72px) * 4 + var(--mdc-layout-grid-gutter-phone, 16px) * 3 + var(--mdc-layout-grid-margin-phone, 16px) * 2 ); } } .mdc-layout-grid--align-left { margin-right: auto; margin-left: 0; } .mdc-layout-grid--align-right { margin-right: 0; margin-left: auto; } @keyframes primary-indeterminate-translate { 0% { transform: translateX(0); } 20% { animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); transform: translateX(0); } 59.15% { animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); transform: translateX(83.67142%); } 100% { transform: translateX(200.611057%); } } @keyframes primary-indeterminate-scale { 0% { transform: scaleX(0.08); } 36.65% { animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1); transform: scaleX(0.08); } 69.15% { animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1); transform: scaleX(0.661479); } 100% { transform: scaleX(0.08); } } @keyframes secondary-indeterminate-translate { 0% { animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685); transform: translateX(0); } 25% { animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712); transform: translateX(37.651913%); } 48.35% { animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026); transform: translateX(84.386165%); } 100% { transform: translateX(160.277782%); } } @keyframes secondary-indeterminate-scale { 0% { animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971); transform: scaleX(0.08); } 19.15% { animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315); transform: scaleX(0.457104); } 44.15% { animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179); transform: scaleX(0.72796); } 100% { transform: scaleX(0.08); } } @keyframes buffering { to { transform: translateX(-10px); } } @keyframes primary-indeterminate-translate-reverse { 0% { transform: translateX(0); } 20% { animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819); transform: translateX(0); } 59.15% { animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352); transform: translateX(-83.67142%); } 100% { transform: translateX(-200.611057%); } } @keyframes secondary-indeterminate-translate-reverse { 0% { animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685); transform: translateX(0); } 25% { animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712); transform: translateX(-37.651913%); } 48.35% { animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026); transform: translateX(-84.386165%); } 100% { transform: translateX(-160.277782%); } } @keyframes buffering-reverse { to { transform: translateX(10px); } } .mdc-linear-progress, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress { position: relative; width: 100%; height: 4px; transform: translateZ(0); transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); overflow: hidden; } .mdc-linear-progress__bar, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__bar { position: absolute; width: 100%; height: 100%; animation: none; transform-origin: top left; transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); } .mdc-linear-progress__bar-inner, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__bar-inner { display: inline-block; position: absolute; width: 100%; height: 100%; animation: none; } .mdc-linear-progress__buffering-dots, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__buffering-dots { position: absolute; width: 100%; height: 100%; animation: buffering 250ms infinite linear; background-repeat: repeat-x; background-size: 10px 4px; } .mdc-linear-progress__buffer, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__buffer { position: absolute; width: 100%; height: 100%; transform-origin: top left; transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); } .mdc-linear-progress__primary-bar, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__primary-bar { transform: scaleX(0); } .mdc-linear-progress__secondary-bar, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__secondary-bar { visibility: hidden; } .mdc-linear-progress--indeterminate .mdc-linear-progress__bar, .mdc-linear-progress--indeterminate #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__bar, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress--indeterminate .mdc-linear-progress__bar { transition: none; } .mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar, .mdc-linear-progress--indeterminate #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__primary-bar, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar { left: -145.166611%; animation: primary-indeterminate-translate 2s infinite linear; } .mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar > .mdc-linear-progress__bar-inner, .mdc-linear-progress--indeterminate #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__primary-bar > .mdc-linear-progress__bar-inner, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar > .mdc-linear-progress__bar-inner { animation: primary-indeterminate-scale 2s infinite linear; } .mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar, .mdc-linear-progress--indeterminate #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__secondary-bar, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar { left: -54.888891%; animation: secondary-indeterminate-translate 2s infinite linear; visibility: visible; } .mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar > .mdc-linear-progress__bar-inner, .mdc-linear-progress--indeterminate #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__secondary-bar > .mdc-linear-progress__bar-inner, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar > .mdc-linear-progress__bar-inner { animation: secondary-indeterminate-scale 2s infinite linear; } .mdc-linear-progress--reversed .mdc-linear-progress__bar, .mdc-linear-progress--reversed #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__bar, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress--reversed .mdc-linear-progress__bar, .mdc-linear-progress--reversed .mdc-linear-progress__buffer, .mdc-linear-progress--reversed #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__buffer, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress--reversed .mdc-linear-progress__buffer { right: 0; transform-origin: center right; } .mdc-linear-progress--reversed .mdc-linear-progress__primary-bar, .mdc-linear-progress--reversed #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__primary-bar, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress--reversed .mdc-linear-progress__primary-bar { animation-name: primary-indeterminate-translate-reverse; } .mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar, .mdc-linear-progress--reversed #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__secondary-bar, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar { animation-name: secondary-indeterminate-translate-reverse; } .mdc-linear-progress--reversed .mdc-linear-progress__buffering-dots, .mdc-linear-progress--reversed #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__buffering-dots, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress--reversed .mdc-linear-progress__buffering-dots { animation: buffering-reverse 250ms infinite linear; } .mdc-linear-progress--closed { opacity: 0; } .mdc-linear-progress__bar-inner, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__bar-inner { background-color: #3c7251; /* @alternate */ background-color: var(--mdc-theme-primary, #3c7251); } .mdc-linear-progress__buffering-dots, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__buffering-dots { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E"); } .mdc-linear-progress__buffer, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__buffer { background-color: #e6e6e6; } .mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__primary-bar, .mdc-linear-progress--indeterminate.mdc-linear-progress--reversed #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__primary-bar, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__primary-bar { right: -145.166611%; left: auto; } .mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar, .mdc-linear-progress--indeterminate.mdc-linear-progress--reversed #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__secondary-bar, #wpadminbar .googlesitekit-adminbar .mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar { right: -54.888891%; left: auto; } .googlesitekit-plugin .mdc-button, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button { box-shadow: none; text-transform: none; } .googlesitekit-plugin .mdc-button:not(:disabled), #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button:not(:disabled) { color: #3c7251; } @media (max-width: 960px) { .googlesitekit-plugin .mdc-button, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button { min-width: auto; } } .googlesitekit-plugin .mdc-button .mdc-button__icon--image, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button .mdc-button__icon--image { border-radius: 50%; display: block; height: 18px; width: 18px; } .googlesitekit-plugin .mdc-button .mdc-button__trailing-icon, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button .mdc-button__trailing-icon { margin-left: 8px; } .googlesitekit-plugin .mdc-button--raised, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised { border-radius: 100px; box-shadow: none; font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; height: auto; letter-spacing: normal; min-height: 40px; padding-bottom: 8px; padding-top: 8px; text-align: center; } .googlesitekit-plugin .mdc-button--raised:not(:disabled), #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised:not(:disabled) { background-color: #3c7251; } .googlesitekit-plugin .mdc-button--raised:not(:disabled), #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised:not(:disabled) { color: white; /* @alternate */ color: var(--mdc-theme-text-primary-on-dark, white); } .googlesitekit-plugin .mdc-button--raised::before, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised::before, .googlesitekit-plugin .mdc-button--raised::after, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised::after { background-color: white; } @supports not (-ms-ime-align: auto) { .googlesitekit-plugin .mdc-button--raised::before, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised::before, .googlesitekit-plugin .mdc-button--raised::after, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-dark, white); } } .googlesitekit-plugin .mdc-button--raised:hover::before, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised:hover::before { opacity: 0.08; } .googlesitekit-plugin .mdc-button--raised:not(.mdc-ripple-upgraded):focus::before, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--raised.mdc-ripple-upgraded--background-focused::before, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-ripple-upgraded--background-focused.mdc-button--raised::before { transition-duration: 75ms; opacity: 0.24; } .googlesitekit-plugin .mdc-button--raised:not(.mdc-ripple-upgraded)::after, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-plugin .mdc-button--raised:not(.mdc-ripple-upgraded):active::after, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.24; } .googlesitekit-plugin .mdc-button--raised.mdc-ripple-upgraded, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-ripple-upgraded.mdc-button--raised { --mdc-ripple-fg-opacity: 0.24; } .googlesitekit-plugin .mdc-button--raised.mdc-button--dense, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--dense.mdc-button--raised { border-radius: 100px; } .googlesitekit-plugin .mdc-button--raised:hover, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised:hover { -webkit-text-decoration: none; text-decoration: none; } .googlesitekit-plugin .mdc-button--raised:focus, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .mdc-button--raised:focus { outline: none; } .googlesitekit-plugin .mdc-button--danger:not(:disabled) { background-color: #ac4220; } .googlesitekit-plugin .mdc-button--danger:not(:disabled) { color: white; /* @alternate */ color: var(--mdc-theme-text-primary-on-dark, white); } .googlesitekit-plugin .mdc-button--danger::before, .googlesitekit-plugin .mdc-button--danger::after { background-color: white; } @supports not (-ms-ime-align: auto) { .googlesitekit-plugin .mdc-button--danger::before, .googlesitekit-plugin .mdc-button--danger::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-dark, white); } } .googlesitekit-plugin .mdc-button--danger:hover::before { opacity: 0.08; } .googlesitekit-plugin .mdc-button--danger:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--danger.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.24; } .googlesitekit-plugin .mdc-button--danger:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-plugin .mdc-button--danger:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.24; } .googlesitekit-plugin .mdc-button--danger.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.24; } .googlesitekit-plugin .mdc-button--dropdown { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.6.6L12%202%206%208%200%202%201.4.6%206%205.2z%22%20fill%3D%22%23757575%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); background-position: calc(100% - 8px) center; background-repeat: no-repeat; background-size: 9px 6px; letter-spacing: normal; padding-right: 12px; text-transform: none; } .googlesitekit-plugin .mdc-button--dropdown:not(:disabled) { color: #161b18; } @media (min-width: 600px) { .googlesitekit-plugin .mdc-button--dropdown { padding-right: 25px; } } .googlesitekit-plugin .mdc-button--dropdown:hover, .googlesitekit-plugin .mdc-button--dropdown:active, .googlesitekit-plugin .mdc-button--dropdown:focus { -webkit-text-decoration: none; text-decoration: none; } .googlesitekit-plugin .mdc-button--dropdown:hover:not(:disabled), .googlesitekit-plugin .mdc-button--dropdown:active:not(:disabled), .googlesitekit-plugin .mdc-button--dropdown:focus:not(:disabled) { background-color: #ebeef0; } .googlesitekit-plugin .mdc-button--dropdown:hover:not(:disabled), .googlesitekit-plugin .mdc-button--dropdown:active:not(:disabled), .googlesitekit-plugin .mdc-button--dropdown:focus:not(:disabled) { color: rgba(0, 0, 0, 0.87); /* @alternate */ color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } .googlesitekit-plugin .mdc-button--dropdown:hover::before, .googlesitekit-plugin .mdc-button--dropdown:hover::after, .googlesitekit-plugin .mdc-button--dropdown:active::before, .googlesitekit-plugin .mdc-button--dropdown:active::after, .googlesitekit-plugin .mdc-button--dropdown:focus::before, .googlesitekit-plugin .mdc-button--dropdown:focus::after { background-color: rgba(0, 0, 0, 0.87); } @supports not (-ms-ime-align: auto) { .googlesitekit-plugin .mdc-button--dropdown:hover::before, .googlesitekit-plugin .mdc-button--dropdown:hover::after, .googlesitekit-plugin .mdc-button--dropdown:active::before, .googlesitekit-plugin .mdc-button--dropdown:active::after, .googlesitekit-plugin .mdc-button--dropdown:focus::before, .googlesitekit-plugin .mdc-button--dropdown:focus::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } } .googlesitekit-plugin .mdc-button--dropdown:hover:hover::before, .googlesitekit-plugin .mdc-button--dropdown:active:hover::before, .googlesitekit-plugin .mdc-button--dropdown:focus:hover::before { opacity: 0.04; } .googlesitekit-plugin .mdc-button--dropdown:hover:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--dropdown:hover.mdc-ripple-upgraded--background-focused::before, .googlesitekit-plugin .mdc-button--dropdown:active:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--dropdown:active.mdc-ripple-upgraded--background-focused::before, .googlesitekit-plugin .mdc-button--dropdown:focus:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--dropdown:focus.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-plugin .mdc-button--dropdown:hover:not(.mdc-ripple-upgraded)::after, .googlesitekit-plugin .mdc-button--dropdown:active:not(.mdc-ripple-upgraded)::after, .googlesitekit-plugin .mdc-button--dropdown:focus:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-plugin .mdc-button--dropdown:hover:not(.mdc-ripple-upgraded):active::after, .googlesitekit-plugin .mdc-button--dropdown:active:not(.mdc-ripple-upgraded):active::after, .googlesitekit-plugin .mdc-button--dropdown:focus:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-plugin .mdc-button--dropdown:hover.mdc-ripple-upgraded, .googlesitekit-plugin .mdc-button--dropdown:active.mdc-ripple-upgraded, .googlesitekit-plugin .mdc-button--dropdown:focus.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } @media (max-width: 599px) { .googlesitekit-plugin .mdc-button--dropdown { background-image: none; } } @media (max-width: 599px) { .googlesitekit-plugin .mdc-button--dropdown .mdc-button__label { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } } @media (min-width: 600px) { .googlesitekit-plugin .mdc-button--dropdown .mdc-button__label { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } @media (min-width: 960px) { .googlesitekit-plugin .mdc-button--dropdown .mdc-button__label { max-width: 300px; } } @media (min-width: 1280px) { .googlesitekit-plugin .mdc-button--dropdown .mdc-button__label { max-width: 450px; } } .googlesitekit-plugin .mdc-button--inverse:not(:disabled) { background-color: #161b18; } .googlesitekit-plugin .mdc-button--inverse:not(:disabled) { color: white; /* @alternate */ color: var(--mdc-theme-text-primary-on-dark, white); } .googlesitekit-plugin .mdc-button--inverse::before, .googlesitekit-plugin .mdc-button--inverse::after { background-color: white; } @supports not (-ms-ime-align: auto) { .googlesitekit-plugin .mdc-button--inverse::before, .googlesitekit-plugin .mdc-button--inverse::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-dark, white); } } .googlesitekit-plugin .mdc-button--inverse:hover::before { opacity: 0.08; } .googlesitekit-plugin .mdc-button--inverse:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--inverse.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.24; } .googlesitekit-plugin .mdc-button--inverse:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-plugin .mdc-button--inverse:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.24; } .googlesitekit-plugin .mdc-button--inverse.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.24; } .googlesitekit-plugin .mdc-button--tertiary { font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; height: auto; letter-spacing: normal; min-height: 40px; padding: 8px 16px; } .googlesitekit-plugin .mdc-button--tertiary:not(:disabled) { color: #6c726e; } .googlesitekit-plugin .mdc-button--tertiary:hover { -webkit-text-decoration: none; text-decoration: none; } .googlesitekit-plugin .mdc-button--tertiary:hover:not(:disabled) { background-color: rgba(22, 27, 24, 0.08); } .googlesitekit-plugin .mdc-button--tertiary:hover:not(:disabled) { color: white; /* @alternate */ color: var(--mdc-theme-text-primary-on-dark, white); } .googlesitekit-plugin .mdc-button--tertiary:hover::before, .googlesitekit-plugin .mdc-button--tertiary:hover::after { background-color: white; } @supports not (-ms-ime-align: auto) { .googlesitekit-plugin .mdc-button--tertiary:hover::before, .googlesitekit-plugin .mdc-button--tertiary:hover::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-dark, white); } } .googlesitekit-plugin .mdc-button--tertiary:hover:hover::before { opacity: 0.08; } .googlesitekit-plugin .mdc-button--tertiary:hover:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--tertiary:hover.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.24; } .googlesitekit-plugin .mdc-button--tertiary:hover:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-plugin .mdc-button--tertiary:hover:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.24; } .googlesitekit-plugin .mdc-button--tertiary:hover.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.24; } .googlesitekit-plugin .mdc-button--tertiary:hover:not(:disabled) { color: #161b18; } .googlesitekit-plugin .mdc-button--tertiary:active, .googlesitekit-plugin .mdc-button--tertiary:focus { outline: none; } .googlesitekit-plugin .mdc-button--tertiary:active:not(:disabled), .googlesitekit-plugin .mdc-button--tertiary:focus:not(:disabled) { background-color: rgba(22, 27, 24, 0.26); } .googlesitekit-plugin .mdc-button--tertiary:active:not(:disabled), .googlesitekit-plugin .mdc-button--tertiary:focus:not(:disabled) { color: white; /* @alternate */ color: var(--mdc-theme-text-primary-on-dark, white); } .googlesitekit-plugin .mdc-button--tertiary:active::before, .googlesitekit-plugin .mdc-button--tertiary:active::after, .googlesitekit-plugin .mdc-button--tertiary:focus::before, .googlesitekit-plugin .mdc-button--tertiary:focus::after { background-color: white; } @supports not (-ms-ime-align: auto) { .googlesitekit-plugin .mdc-button--tertiary:active::before, .googlesitekit-plugin .mdc-button--tertiary:active::after, .googlesitekit-plugin .mdc-button--tertiary:focus::before, .googlesitekit-plugin .mdc-button--tertiary:focus::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-dark, white); } } .googlesitekit-plugin .mdc-button--tertiary:active:hover::before, .googlesitekit-plugin .mdc-button--tertiary:focus:hover::before { opacity: 0.08; } .googlesitekit-plugin .mdc-button--tertiary:active:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--tertiary:active.mdc-ripple-upgraded--background-focused::before, .googlesitekit-plugin .mdc-button--tertiary:focus:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--tertiary:focus.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.24; } .googlesitekit-plugin .mdc-button--tertiary:active:not(.mdc-ripple-upgraded)::after, .googlesitekit-plugin .mdc-button--tertiary:focus:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-plugin .mdc-button--tertiary:active:not(.mdc-ripple-upgraded):active::after, .googlesitekit-plugin .mdc-button--tertiary:focus:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.24; } .googlesitekit-plugin .mdc-button--tertiary:active.mdc-ripple-upgraded, .googlesitekit-plugin .mdc-button--tertiary:focus.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.24; } .googlesitekit-plugin .mdc-button--tertiary:active:not(:disabled), .googlesitekit-plugin .mdc-button--tertiary:focus:not(:disabled) { color: #161b18; } .googlesitekit-plugin .mdc-button--callout { font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; height: auto; letter-spacing: normal; min-height: 32px; padding: 6px 16px; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:not(:disabled) { color: #265c3b; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover { -webkit-text-decoration: none; text-decoration: none; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover:not(:disabled) { background-color: rgba(147, 201, 168, 0.6); } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover:not(:disabled) { color: rgba(0, 0, 0, 0.87); /* @alternate */ color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover::after { background-color: rgba(0, 0, 0, 0.87); } @supports not (-ms-ime-align: auto) { .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover:hover::before { opacity: 0.04; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:hover:not(:disabled) { color: #265c3b; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus { outline: none; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active:not(:disabled), .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus:not(:disabled) { background-color: #93c9a8; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active:not(:disabled), .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus:not(:disabled) { color: rgba(0, 0, 0, 0.87); /* @alternate */ color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus::after { background-color: rgba(0, 0, 0, 0.87); } @supports not (-ms-ime-align: auto) { .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active:hover::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus:hover::before { opacity: 0.04; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active.mdc-ripple-upgraded--background-focused::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active:not(.mdc-ripple-upgraded)::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active:not(.mdc-ripple-upgraded):active::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active.mdc-ripple-upgraded, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:active:not(:disabled), .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:focus:not(:disabled) { color: #265c3b; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-primary:disabled { color: rgba(38, 92, 59, 0.4); } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:not(:disabled) { color: #4e3300; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover { -webkit-text-decoration: none; text-decoration: none; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover:not(:disabled) { background-color: rgba(225, 177, 85, 0.6); } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover:not(:disabled) { color: rgba(0, 0, 0, 0.87); /* @alternate */ color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover::after { background-color: rgba(0, 0, 0, 0.87); } @supports not (-ms-ime-align: auto) { .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover:hover::before { opacity: 0.04; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:hover:not(:disabled) { color: #4e3300; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus { outline: none; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active:not(:disabled), .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus:not(:disabled) { background-color: #e1b155; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active:not(:disabled), .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus:not(:disabled) { color: rgba(0, 0, 0, 0.87); /* @alternate */ color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus::after { background-color: rgba(0, 0, 0, 0.87); } @supports not (-ms-ime-align: auto) { .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active:hover::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus:hover::before { opacity: 0.04; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active.mdc-ripple-upgraded--background-focused::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active:not(.mdc-ripple-upgraded)::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active:not(.mdc-ripple-upgraded):active::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active.mdc-ripple-upgraded, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:active:not(:disabled), .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:focus:not(:disabled) { color: #4e3300; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-warning:disabled { color: rgba(78, 51, 0, 0.4); } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:not(:disabled) { color: #7a1e00; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover { -webkit-text-decoration: none; text-decoration: none; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover:not(:disabled) { background-color: rgba(255, 194, 174, 0.6); } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover:not(:disabled) { color: rgba(0, 0, 0, 0.87); /* @alternate */ color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover::after { background-color: rgba(0, 0, 0, 0.87); } @supports not (-ms-ime-align: auto) { .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover:hover::before { opacity: 0.04; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:hover:not(:disabled) { color: #7a1e00; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus { outline: none; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active:not(:disabled), .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus:not(:disabled) { background-color: #ffc2ae; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active:not(:disabled), .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus:not(:disabled) { color: rgba(0, 0, 0, 0.87); /* @alternate */ color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus::after { background-color: rgba(0, 0, 0, 0.87); } @supports not (-ms-ime-align: auto) { .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active:hover::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus:hover::before { opacity: 0.04; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active.mdc-ripple-upgraded--background-focused::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus:not(.mdc-ripple-upgraded):focus::before, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active:not(.mdc-ripple-upgraded)::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active:not(.mdc-ripple-upgraded):active::after, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active.mdc-ripple-upgraded, .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:active:not(:disabled), .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:focus:not(:disabled) { color: #7a1e00; } .googlesitekit-plugin .mdc-button--callout.mdc-button--callout-error:disabled { color: rgba(122, 30, 0, 0.4); } .googlesitekit-plugin .mdc-linear-progress, .googlesitekit-plugin #wpadminbar .googlesitekit-adminbar .mdc-linear-progress, #wpadminbar .googlesitekit-adminbar .googlesitekit-plugin .mdc-linear-progress { margin: 32px 0; } .googlesitekit-plugin .mdc-linear-progress .mdc-linear-progress__bar-inner, .googlesitekit-plugin .mdc-linear-progress #wpadminbar .googlesitekit-adminbar .mdc-linear-progress__bar-inner, #wpadminbar .googlesitekit-adminbar .googlesitekit-plugin .mdc-linear-progress .mdc-linear-progress__bar-inner, .googlesitekit-plugin #wpadminbar .googlesitekit-adminbar .mdc-linear-progress .mdc-linear-progress__bar-inner { background-color: #3c7251; } @media (min-width: 960px) { .googlesitekit-plugin .mdc-linear-progress, .googlesitekit-plugin #wpadminbar .googlesitekit-adminbar .mdc-linear-progress, #wpadminbar .googlesitekit-adminbar .googlesitekit-plugin .mdc-linear-progress { margin: 48px 0; } } .googlesitekit-plugin .mdc-linear-progress--small { max-width: 150px; } .googlesitekit-plugin .mdc-linear-progress--compress { margin: 0; } .googlesitekit-plugin .MuiCircularProgress-colorPrimary { color: #3c7251; } .googlesitekit-plugin .MuiCircularProgress-colorSecondary { color: #108080; } /* * Components */ /** * Adminbar overrides styles. * * Site Kit by Google, Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* * Component overrides. * Included here because they're specific to the "#wpadminbar *" styling. */ #wpadminbar .googlesitekit-adminbar * { font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: normal; } #wpadminbar .googlesitekit-adminbar .mdc-linear-progress { margin: 32px 0; } #wpadminbar .googlesitekit-adminbar .mdc-linear-progress .mdc-linear-progress__bar-inner { background-color: #446199; } @media (min-width: 960px) { #wpadminbar .googlesitekit-adminbar .mdc-linear-progress { margin: 48px 0; } } #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta { box-sizing: border-box; } #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta-link { background-color: transparent; font-size: 16px; height: auto; letter-spacing: 0.5px; width: max-content; } #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-error-cta-wrapper .mdc-button { margin-bottom: 24px; } #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-analytics-cta strong { font-weight: 600; } #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-analytics-cta .mdc-button__label { font-weight: 400; letter-spacing: 1.25px; } /** * Adminbar styles. * * Site Kit by Google, Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ #wpadminbar.nojs .googlesitekit-noscript { border-left: 4px solid #fece72; display: none; left: 0; position: absolute; top: 32px; width: 100%; } #wpadminbar.nojs .googlesitekit-wp-adminbar:hover .googlesitekit-noscript { display: block; } #wpadminbar .googlesitekit-plugin.ab-sub-wrapper { left: 0; width: 100%; } #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar { box-shadow: 0 1.25px 5px 0 rgba(0, 0, 0, 0.19), 0 0.33px 1.5px 0 rgba(0, 0, 0, 0.039); background: #fff; color: #000; left: 0; padding: 0; position: absolute; right: 0; top: 46px; z-index: 9999; } @media (min-width: 783px) { #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar { top: 32px; } } #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar.--has-error { display: none; } #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-adminbar__subtitle { color: #6c726e; font-size: 16px; letter-spacing: 0.5px; } #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-adminbar__title { color: #333935; font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 500; margin: 5px 0 0; } #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-adminbar__title .googlesitekit-adminbar__title--date-range { color: #6c726e; font-size: 14px; letter-spacing: 0.25px; } #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-adminbar__link { display: none; } #wpadminbar:not(.mobile) .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-adminbar__link { display: inline-block; } #wpadminbar:not(.mobile) .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-adminbar__link--mobile { display: none; } @media (min-width: 960px) { #wpadminbar.mobile .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-adminbar__link { display: inline-block; } } #wpadminbar.mobile .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-adminbar__link--mobile { display: inline-block; padding-left: 16px; position: relative; top: -16px; } @media (min-width: 960px) { #wpadminbar.mobile .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-adminbar__link--mobile { display: none; } } #wpadminbar.mobile .googlesitekit-plugin .googlesitekit-adminbar .mdc-layout-grid { pointer-events: none; } @media (min-width: 960px) { #wpadminbar.mobile .googlesitekit-plugin .googlesitekit-adminbar .mdc-layout-grid { pointer-events: auto; } } /** * WP Adminbar styles. * * Site Kit by Google, Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ #wpadminbar .googlesitekit-wp-adminbar { display: block; position: static; } #wpadminbar .googlesitekit-wp-adminbar .ab-item { display: block; float: left; height: 46px; position: static; width: 52px; } @media (min-width: 783px) { #wpadminbar .googlesitekit-wp-adminbar .ab-item { height: auto; width: auto; } } #wpadminbar .googlesitekit-wp-adminbar .googlesitekit-wp-adminbar__icon { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2243%22%20height%3D%2244%22%20viewBox%3D%220%200%2043%2044%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20d%3D%22M42.5%2018H22v8.5h11.8C32.7%2031.9%2028.1%2035%2022%2035c-7.2%200-13-5.8-13-13S14.8%209%2022%209c3.1%200%205.9%201.1%208.1%202.9l6.4-6.4C32.6%202.1%2027.6%200%2022%200%209.8%200%200%209.8%200%2022s9.8%2022%2022%2022c11%200%2021-8%2021-22%200-1.3-.2-2.7-.5-4z%22%20id%3D%22a%22%2F%3E%3C%2Fdefs%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23a%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; display: block; height: 26px; margin: 10px auto; opacity: 0.6; padding: 0; position: relative; width: 26px; } @media (min-width: 783px) { #wpadminbar .googlesitekit-wp-adminbar .googlesitekit-wp-adminbar__icon { float: left; height: 15px; margin: 8px 8px 5px 0; width: 15px; } } #wpadminbar .googlesitekit-wp-adminbar .googlesitekit-wp-adminbar__label { display: none; } @media (min-width: 783px) { #wpadminbar .googlesitekit-wp-adminbar .googlesitekit-wp-adminbar__label { display: inline; } } #wpadminbar .ab-top-menu > .googlesitekit-wp-adminbar.hover > .ab-item, #wpadminbar:not(.mobile) .quicklinks .ab-top-menu > .googlesitekit-wp-adminbar:hover > .ab-item, #wpadminbar:not(.mobile) .quicklinks .ab-top-menu > .googlesitekit-wp-adminbar > .ab-item:focus, #wpadminbar.nojq .quicklinks .ab-top-menu > .googlesitekit-wp-adminbar > .ab-item:focus { background-color: #fff; color: #161b18; position: relative; z-index: 10000; } #wpadminbar .googlesitekit-wp-adminbar.hover .googlesitekit-wp-adminbar__icon, #wpadminbar:not(.mobile) .googlesitekit-wp-adminbar:hover .googlesitekit-wp-adminbar__icon, #wpadminbar:not(.mobile) .googlesitekit-wp-adminbar .ab-item:focus .googlesitekit-wp-adminbar__icon { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDMiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0MyA0NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggZD0iTTQyLjUgMThIMjJ2OC41aDExLjhDMzIuNyAzMS45IDI4LjEgMzUgMjIgMzVjLTcuMiAwLTEzLTUuOC0xMy0xM1MxNC44IDkgMjIgOWMzLjEgMCA1LjkgMS4xIDguMSAyLjlsNi40LTYuNEMzMi42IDIuMSAyNy42IDAgMjIgMCA5LjggMCAwIDkuOCAwIDIyczkuOCAyMiAyMiAyMmMxMSAwIDIxLTggMjEtMjIgMC0xLjMtLjItMi43LS41LTR6IiBpZD0iYSIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNhIi8+PC9tYXNrPjxwYXRoIGZpbGw9IiNGQkJDMDUiIG1hc2s9InVybCgjYikiIGQ9Ik0tMiAzNVY5bDE3IDEzeiIvPjxwYXRoIGZpbGw9IiMzNEE4NTMiIG1hc2s9InVybCgjYikiIGQ9Ik0tMiAzNWwzMC0yMyA3LjkgMUw0Ni0ydjQ4SC0yeiIvPjxwYXRoIGZpbGw9IiM0Mjg1RjQiIG1hc2s9InVybCgjYikiIGQ9Ik00NiA0NkwxNSAyMmwtNC0zTDQ2IDl6Ii8+PHBhdGggZmlsbD0iI0VBNDMzNSIgbWFzaz0idXJsKCNiKSIgZD0iTS0yIDlsMTcgMTMgNy02LjFMNDYgMTJWLTJILTJ6Ii8+PC9nPjwvc3ZnPg=="); opacity: 1; } /** * Analytics CTA styles. * * Site Kit by Google, Copyright 2022 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .googlesitekit-plugin .googlesitekit-analytics-cta, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-analytics-cta { --cta-analytics-gap: 16px; --cta-analytics-gap-narrow: calc(var(--cta-analytics-gap) / 2); background-color: #ebeef0; display: flex; flex-direction: column; gap: var(--cta-analytics-gap); padding: var(--cta-analytics-gap); } @media (min-width: 1440px) { .googlesitekit-plugin .googlesitekit-analytics-cta, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-analytics-cta { --cta-analytics-gap: 24px; flex-direction: row-reverse; } } .googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-analytics-cta--description, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-analytics-cta .googlesitekit-analytics-cta--description { color: #161b18; font-size: 14px; letter-spacing: 0.25px; margin: 0; } .googlesitekit-plugin .googlesitekit-analytics-cta .mdc-button, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-analytics-cta .mdc-button, #wpadminbar .googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-adminbar .mdc-button { margin-top: var(--cta-analytics-gap-narrow); width: 100%; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-analytics-cta .mdc-button, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-analytics-cta .mdc-button, #wpadminbar .googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-adminbar .mdc-button { width: auto; } } @media (min-width: 1440px) { .googlesitekit-plugin .googlesitekit-analytics-cta .mdc-button, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-analytics-cta .mdc-button, #wpadminbar .googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-adminbar .mdc-button { margin-top: var(--cta-analytics-gap); } } .googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-cta--activate-analytics, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-analytics-cta .googlesitekit-cta--activate-analytics, .googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-analytics-cta__preview-graphs, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-analytics-cta .googlesitekit-analytics-cta__preview-graphs { display: flex; gap: var(--cta-analytics-gap); } .googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-analytics-cta__preview-graph, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-analytics-cta .googlesitekit-analytics-cta__preview-graph { background-color: #fff; border-radius: 4px; display: flex; flex: 1; flex-direction: column; padding: var(--cta-analytics-gap-narrow); } #dashboard-widgets .googlesitekit-plugin .googlesitekit-analytics-cta h3.googlesitekit-analytics-cta__preview-graph--title, .googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-analytics-cta__preview-graph--title, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-analytics-cta .googlesitekit-analytics-cta__preview-graph--title { color: #333935; font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.2px; margin: 0 0 auto; padding-bottom: var(--cta-analytics-gap-narrow); } .googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-analytics-cta__preview-graph--icons, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-analytics-cta .googlesitekit-analytics-cta__preview-graph--icons { align-items: center; color: #cbd0d3; display: flex; gap: 4px; padding-top: var(--cta-analytics-gap-narrow); } .googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-analytics-cta__preview-graph--up-arrow, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-analytics-cta .googlesitekit-analytics-cta__preview-graph--up-arrow { height: 12px; } .googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-analytics-cta__preview-graph--bar, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-analytics-cta .googlesitekit-analytics-cta__preview-graph--bar { background-color: #cbd0d3; border-radius: 5px; height: 8px; width: 24px; } @media (min-width: 1440px) { .googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-analytics-cta__preview-graphs, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-analytics-cta .googlesitekit-analytics-cta__preview-graphs, .googlesitekit-plugin .googlesitekit-analytics-cta .googlesitekit-analytics-cta__details, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-analytics-cta .googlesitekit-analytics-cta__details { flex: 1; } } /** * Change Arrow styles. * * Site Kit by Google, Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .googlesitekit-plugin .googlesitekit-change-arrow { --color-up: #46732b; --color-down: #ac4220; } .googlesitekit-plugin .googlesitekit-change-arrow--inverted-color { --color-up: #ac4220; --color-down: #46732b; } .googlesitekit-plugin .googlesitekit-change-arrow--up { color: var(--color-up); } .googlesitekit-plugin .googlesitekit-change-arrow--down { color: var(--color-up); transform: rotate(180deg); } .googlesitekit-plugin .googlesitekit-change-arrow--down path { fill: var(--color-down); } /** * CTA styles. * * Site Kit by Google, Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* stylelint-disable no-descending-specificity */ .googlesitekit-plugin .googlesitekit-cta, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta, #dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta { background-color: #ebeef0; border-radius: 16px; font-size: 14px; grid-column: span 3; grid-row: span 3; height: 100%; letter-spacing: 0.25px; line-height: 1.43; padding: 16px; width: 100%; } @media (min-width: 960px) { .googlesitekit-plugin .googlesitekit-cta, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta, #dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta { padding: 24px; } } .googlesitekit-wp-dashboard .googlesitekit-plugin .googlesitekit-cta--error, .googlesitekit-wp-dashboard #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta--error, #wpadminbar .googlesitekit-wp-dashboard .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta--error, .googlesitekit-wp-dashboard #dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta--error { background-color: #fff; } .googlesitekit-adminbar-modules .googlesitekit-plugin .googlesitekit-cta, .googlesitekit-adminbar-modules #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta, #wpadminbar .googlesitekit-adminbar-modules .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta, .googlesitekit-adminbar-modules #dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta { padding: 16px; } .googlesitekit-wp-dashboard .googlesitekit-plugin .googlesitekit-cta, .googlesitekit-wp-dashboard #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta, #wpadminbar .googlesitekit-wp-dashboard .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta, .googlesitekit-wp-dashboard #dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta { background-color: #ebeef0; box-sizing: border-box; height: auto; margin-top: 12px; padding: 12px; } .googlesitekit-wp-dashboard .googlesitekit-wp-dashboard-stats__cta .googlesitekit-plugin .googlesitekit-cta, .googlesitekit-wp-dashboard .googlesitekit-wp-dashboard-stats__cta #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta, #wpadminbar .googlesitekit-wp-dashboard .googlesitekit-wp-dashboard-stats__cta .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta, .googlesitekit-wp-dashboard .googlesitekit-wp-dashboard-stats__cta #dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta { margin-top: 0; } .googlesitekit-plugin .googlesitekit-cta .googlesitekit-cta__title, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta .googlesitekit-cta__title, #wpadminbar .googlesitekit-plugin .googlesitekit-cta .googlesitekit-adminbar .googlesitekit-cta__title, #dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta .googlesitekit-cta__title { color: #161b18; font-size: 14px; font-weight: 500; margin: 0 0 5px; } .googlesitekit-plugin .googlesitekit-cta .googlesitekit-adminbar-modules .googlesitekit-cta__title, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta .googlesitekit-adminbar-modules .googlesitekit-cta__title, #wpadminbar .googlesitekit-plugin .googlesitekit-cta .googlesitekit-adminbar-modules .googlesitekit-adminbar .googlesitekit-cta__title, #dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta .googlesitekit-adminbar-modules .googlesitekit-cta__title { font-weight: 700; letter-spacing: 0.5px; } .googlesitekit-plugin .googlesitekit-cta .googlesitekit-cta__description, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta .googlesitekit-cta__description, #wpadminbar .googlesitekit-plugin .googlesitekit-cta .googlesitekit-adminbar .googlesitekit-cta__description, #dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta .googlesitekit-cta__description { color: #161b18; margin: 0 0 20px; } .googlesitekit-plugin .googlesitekit-cta .googlesitekit-cta__description p:first-child, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta .googlesitekit-cta__description p:first-child, #wpadminbar .googlesitekit-plugin .googlesitekit-cta .googlesitekit-adminbar .googlesitekit-cta__description p:first-child, #dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta .googlesitekit-cta__description p:first-child { margin-top: 0; } .googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta--error.googlesitekit-cta, #dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error { background-color: #ffded3; } .googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error a, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta--error.googlesitekit-cta a, .googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error .googlesitekit-cta__title, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta--error.googlesitekit-cta .googlesitekit-cta__title, #wpadminbar .googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error .googlesitekit-adminbar .googlesitekit-cta__title, #dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error a, #dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error .googlesitekit-cta__title { color: #7a1e00; } .googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error .googlesitekit-cta__description, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta--error.googlesitekit-cta .googlesitekit-cta__description, #wpadminbar .googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error .googlesitekit-adminbar .googlesitekit-cta__description, #dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error .googlesitekit-cta__description { color: #7a1e00; word-break: break-word; } .googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error .mdc-button:not(:disabled), #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta--error.googlesitekit-cta .mdc-button:not(:disabled), #wpadminbar .googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error .googlesitekit-adminbar .mdc-button:not(:disabled), #dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta.googlesitekit-cta--error .mdc-button:not(:disabled) { background-color: #ac4220; color: #fff; } .googlesitekit-plugin .googlesitekit-cta *:last-child, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta *:last-child, #dashboard-widgets .inside .googlesitekit-plugin .googlesitekit-cta *:last-child { margin-bottom: 0; } .googlesitekit-wp-dashboard .googlesitekit-cta--error, .googlesitekit-wp-dashboard #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta--error, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-wp-dashboard .googlesitekit-cta--error { margin-top: 12px; } /** * CTA link styles. * * Site Kit by Google, Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .googlesitekit-cta-link, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta-link { align-items: center; cursor: pointer; display: inline-flex; font-family: inherit; font-size: inherit; font-weight: inherit; padding: 0; text-align: left; -webkit-text-decoration: none; text-decoration: none; } .googlesitekit-cta-link svg, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta-link svg { fill: currentColor; } .googlesitekit-cta-link:hover svg, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta-link:hover svg { fill: currentColor; } .googlesitekit-page .googlesitekit-cta-link, .googlesitekit-page #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta-link, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-page .googlesitekit-cta-link { color: #108080; } .googlesitekit-page .googlesitekit-cta-link:hover, .googlesitekit-page #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta-link:hover, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-page .googlesitekit-cta-link:hover { color: #108080; -webkit-text-decoration: underline; text-decoration: underline; } .googlesitekit-cta-link.googlesitekit-cta-link--secondary, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta-link--secondary.googlesitekit-cta-link { color: #108080; } .googlesitekit-cta-link.googlesitekit-cta-link--secondary svg, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta-link--secondary.googlesitekit-cta-link svg { fill: currentColor; } .googlesitekit-cta-link.googlesitekit-cta-link--secondary:hover, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta-link--secondary.googlesitekit-cta-link:hover { color: #108080; } .googlesitekit-cta-link.googlesitekit-cta-link--secondary:hover svg, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta-link--secondary.googlesitekit-cta-link:hover svg { fill: currentColor; } .googlesitekit-cta-link.googlesitekit-cta-link--caps, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta-link--caps.googlesitekit-cta-link { text-transform: uppercase; } .googlesitekit-cta-link.googlesitekit-cta-link--danger, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta-link--danger.googlesitekit-cta-link { color: #ac4220; } .googlesitekit-cta-link.googlesitekit-cta-link--small, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta-link--small.googlesitekit-cta-link { font-size: 12px; letter-spacing: 0.2px; } .googlesitekit-cta-link.googlesitekit-cta-link--standalone, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta-link--standalone.googlesitekit-cta-link { display: flex; } .googlesitekit-cta-link.googlesitekit-cta-link--inverse, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta-link--inverse.googlesitekit-cta-link { color: #fff; } .googlesitekit-cta-link.googlesitekit-cta-link--inverse:hover, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta-link--inverse.googlesitekit-cta-link:hover { color: #fff; } .googlesitekit-cta-link.googlesitekit-cta-link--disabled, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta-link--disabled.googlesitekit-cta-link { color: #b8bdb9; cursor: default; } .googlesitekit-cta-link.googlesitekit-cta-link--danger:hover, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta-link--danger.googlesitekit-cta-link:hover { color: #ac4220; } .googlesitekit-cta-link.googlesitekit-cta-link--disabled:hover, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta-link--disabled.googlesitekit-cta-link:hover { color: #b8bdb9; -webkit-text-decoration: none; text-decoration: none; } .googlesitekit-cta-link.googlesitekit-cta-link--no-flex, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar .googlesitekit-cta-link--no-flex.googlesitekit-cta-link { display: inline; } /** * CTA button styles for buttons with link styling. * * These are specific overrides for buttons that have the * `.googlesitekit-cta-link` class, and thus are placed after other * button styles. * * Because of this we override the `no-descending-specificity` Stylelint * rule which wants these styles higher up in the file, which would be * confusing (and possibly not override existing styles properly). */ /* stylelint-disable no-descending-specificity */ button.googlesitekit-cta-link, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar button.googlesitekit-cta-link { color: #3c7251; } button.googlesitekit-cta-link svg, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar button.googlesitekit-cta-link svg { fill: currentColor; } button.googlesitekit-cta-link:hover, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar button.googlesitekit-cta-link:hover { color: #2e5f41; } button.googlesitekit-cta-link:hover svg, #wpadminbar .googlesitekit-plugin .googlesitekit-adminbar button.googlesitekit-cta-link:hover svg { fill: currentColor; } button.googlesitekit-cta-link--link-button { padding: 2px 10px; } button.googlesitekit-cta-link--link-button:focus { background-color: rgba(60, 114, 81, 0.08); outline: none; } button.googlesitekit-cta-link--link-button.googlesitekit-cta-link--secondary:focus { background-color: rgba(16, 128, 128, 0.08); } /* stylelint-enable no-descending-specificity */ /** * Data block styles. * * Site Kit by Google, Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .googlesitekit-data-block, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block { --color-up: #46732b; --color-down: #ac4220; position: relative; text-align: left; } .post-php .googlesitekit-data-block, .post-php #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block, #wpadminbar .googlesitekit-adminbar .post-php .googlesitekit-data-block { min-width: 150px; } .googlesitekit-wp-dashboard .googlesitekit-data-block, .googlesitekit-wp-dashboard #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block, #wpadminbar .googlesitekit-adminbar .googlesitekit-wp-dashboard .googlesitekit-data-block { padding-top: 12px; } .googlesitekit-data-block .googlesitekit-data-block__title, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__title, .googlesitekit-data-block #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block__title { align-items: flex-start; color: #6c726e; display: flex; flex: 1; flex-direction: column; font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; justify-content: flex-start; line-height: 1.14; margin: 0 0 12px; row-gap: 8px; } .googlesitekit-data-block .googlesitekit-data-block__title .googlesitekit-new-badge, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__title .googlesitekit-new-badge, .googlesitekit-data-block #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block__title .googlesitekit-new-badge { margin-left: 0; } .googlesitekit-data-block.googlesitekit-data-block--button .googlesitekit-data-block__title, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block--button.googlesitekit-data-block .googlesitekit-data-block__title, .googlesitekit-data-block.googlesitekit-data-block--button #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block__title { align-items: center; } .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__title, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__title { font-size: 16px; font-weight: 700; letter-spacing: 0.5px; margin-bottom: 5px; } #dashboard-widgets .googlesitekit-wp-dashboard .googlesitekit-data-block .googlesitekit-data-block__title { font-size: 12px; letter-spacing: 0.2px; } .googlesitekit-data-block .googlesitekit-data-block__title-inner, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__title-inner { align-items: center; display: flex; flex: 1; } .googlesitekit-data-block .googlesitekit-data-block__title-datapoint-wrapper, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__title-datapoint-wrapper { display: flex; flex: 1; flex-flow: column; } .googlesitekit-data-block .googlesitekit-data-block__datapoint, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__datapoint, .googlesitekit-data-block #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block__datapoint { color: #161b18; font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 46px; font-weight: 500; line-height: 1.13; margin: 0; } .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__datapoint, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__datapoint { display: inline-block; font-family: "Google Sans Display", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 38px; line-height: 1.158; margin-right: 5px; } .googlesitekit-wp-dashboard .googlesitekit-data-block .googlesitekit-data-block__datapoint, .googlesitekit-wp-dashboard #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__datapoint, #wpadminbar .googlesitekit-adminbar .googlesitekit-wp-dashboard .googlesitekit-data-block .googlesitekit-data-block__datapoint, .googlesitekit-wp-dashboard .googlesitekit-data-block #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block__datapoint { font-size: 32px; } .googlesitekit-data-block .googlesitekit-data-block__change, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__change, .googlesitekit-data-block #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block__change { color: #6c726e; font-size: 12px; letter-spacing: 0.2px; line-height: 1; margin-top: 16px; text-transform: none; } .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__change, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__change { display: inline-block; font-size: 16px; letter-spacing: 0.5px; margin-top: 0; } .googlesitekit-wp-dashboard .googlesitekit-data-block .googlesitekit-data-block__change, .googlesitekit-wp-dashboard #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__change, #wpadminbar .googlesitekit-adminbar .googlesitekit-wp-dashboard .googlesitekit-data-block .googlesitekit-data-block__change, .googlesitekit-wp-dashboard .googlesitekit-data-block #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block__change { margin-top: 10px; } .googlesitekit-data-block .googlesitekit-data-block__change--no-change, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__change--no-change { visibility: hidden; } .googlesitekit-data-block .googlesitekit-data-block__sparkline, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__sparkline, .googlesitekit-data-block #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block__sparkline { margin-top: 8px; max-width: 150px; } .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__sparkline, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__sparkline { display: none; } .googlesitekit-data-block .googlesitekit-data-block__arrow, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__arrow, .googlesitekit-data-block #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block__arrow { display: inline-block; line-height: 1; margin-right: 2px; vertical-align: baseline; } .googlesitekit-data-block .googlesitekit-data-block__arrow--reverse, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__arrow--reverse { transform: rotate(180deg); } #wpadminbar .googlesitekit-data-block .googlesitekit-data-block__arrow .svg { height: 9px; width: 9px; } .googlesitekit-data-block .googlesitekit-data-block__suffix, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__suffix { margin-left: 4px; } .googlesitekit-data-block .googlesitekit-data-block__value, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__value, .googlesitekit-data-block #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block__value, .googlesitekit-data-block .googlesitekit-data-block__suffix, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__suffix { color: #6c726e; display: inline-block; font-size: 12px; font-weight: 500; letter-spacing: 0.2px; line-height: 1.33; text-transform: none; } .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__value, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__value, .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__suffix, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__suffix { font-size: 16px; font-weight: 400; letter-spacing: 0.5px; } .googlesitekit-data-block .googlesitekit-data-block__value--up, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__value--up, .googlesitekit-data-block .googlesitekit-data-block__suffix--up, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__suffix--up { color: var(--color-up); } .googlesitekit-data-block .googlesitekit-data-block__value--down, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__value--down, .googlesitekit-data-block .googlesitekit-data-block__suffix--down, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__suffix--down { color: var(--color-down); } .googlesitekit-data-block .googlesitekit-data-block__source, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__source { font-size: 12px; letter-spacing: 0.2px; margin-top: 8px; } @media (min-width: 960px) { .googlesitekit-data-block .googlesitekit-data-block__source, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block .googlesitekit-data-block__source { margin-top: 12px; } } /* stylelint-disable no-descending-specificity */ .googlesitekit-data-block--button .googlesitekit-data-block__sparkline, .googlesitekit-data-block--button #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block__sparkline, #wpadminbar .googlesitekit-adminbar .googlesitekit-data-block--button .googlesitekit-data-block__sparkline { margin: 8px auto 0 auto; } /* stylelint-enable */ .googlesitekit-data-block--button { cursor: pointer; display: flex; flex-direction: column; height: 100%; justify-content: flex-end; padding-bottom: 16px; padding-top: 20px; text-align: center; transition: background-color 0.2s ease-in-out; } @media (min-width: 960px) { .googlesitekit-data-block--button { padding-bottom: 24px; padding-top: 28px; } } .googlesitekit-data-block--button::before { content: ""; height: 4px; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: opacity 0.2s ease-in-out; } .googlesitekit-data-block--selected::before { opacity: 1; } .googlesitekit-data-block--button-1:not(.googlesitekit-data-block--is-gathering-data):hover, .googlesitekit-data-block--button-1:not(.googlesitekit-data-block--is-gathering-data):focus, .googlesitekit-data-block--button-1:not(.googlesitekit-data-block--is-gathering-data):active { background-color: rgba(99, 128, 184, 0.1); } .googlesitekit-data-block--button-1.googlesitekit-data-block--is-gathering-data::before { background-color: #999f9b; } .googlesitekit-data-block--button-1.googlesitekit-data-block--is-gathering-data.googlesitekit-data-block--selected::before { opacity: 0.6; } .googlesitekit-data-block--button-1::before { background-color: #6380b8; } .googlesitekit-data-block--button-2:not(.googlesitekit-data-block--is-gathering-data):hover, .googlesitekit-data-block--button-2:not(.googlesitekit-data-block--is-gathering-data):focus, .googlesitekit-data-block--button-2:not(.googlesitekit-data-block--is-gathering-data):active { background-color: rgba(75, 187, 187, 0.1); } .googlesitekit-data-block--button-2.googlesitekit-data-block--is-gathering-data::before { background-color: #999f9b; } .googlesitekit-data-block--button-2.googlesitekit-data-block--is-gathering-data.googlesitekit-data-block--selected::before { opacity: 0.6; } .googlesitekit-data-block--button-2::before { background-color: #4bbbbb; } .googlesitekit-data-block--button-3:not(.googlesitekit-data-block--is-gathering-data):hover, .googlesitekit-data-block--button-3:not(.googlesitekit-data-block--is-gathering-data):focus, .googlesitekit-data-block--button-3:not(.googlesitekit-data-block--is-gathering-data):active { background-color: rgba(92, 146, 113, 0.1); } .googlesitekit-data-block--button-3.googlesitekit-data-block--is-gathering-data::before { background-color: #999f9b; } .googlesitekit-data-block--button-3.googlesitekit-data-block--is-gathering-data.googlesitekit-data-block--selected::before { opacity: 0.6; } .googlesitekit-data-block--button-3::before { background-color: #5c9271; } .googlesitekit-data-block--button-4:not(.googlesitekit-data-block--is-gathering-data):hover, .googlesitekit-data-block--button-4:not(.googlesitekit-data-block--is-gathering-data):focus, .googlesitekit-data-block--button-4:not(.googlesitekit-data-block--is-gathering-data):active { background-color: rgba(110, 72, 171, 0.1); } .googlesitekit-data-block--button-4.googlesitekit-data-block--is-gathering-data::before { background-color: #999f9b; } .googlesitekit-data-block--button-4.googlesitekit-data-block--is-gathering-data.googlesitekit-data-block--selected::before { opacity: 0.6; } .googlesitekit-data-block--button-4::before { background-color: #6e48ab; } .googlesitekit-plugin .googlesitekit-data-block__loading { align-items: center; display: flex; flex-direction: row; } .googlesitekit-plugin .googlesitekit-data-block--is-gathering-data { cursor: auto; } /** * Error text styles. * * Site Kit by Google, Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .googlesitekit-error-text { color: #ac4220; font-weight: 500; } .googlesitekit-error-retry-text { color: #ac4220; margin-left: 1rem; } .googlesitekit-report-error-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 1rem; } /** * GatheringDataNotice styles. * * Site Kit by Google, Copyright 2022 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .googlesitekit-plugin .googlesitekit-gathering-data-notice { text-transform: lowercase; } .googlesitekit-plugin .googlesitekit-gathering-data-notice.googlesitekit-gathering-data-notice--has-style-small span { color: #6c726e; display: block; font-size: 28px; line-height: 1.286; padding: 0; } .googlesitekit-plugin .googlesitekit-gathering-data-notice.googlesitekit-gathering-data-notice--has-style-small span { font-size: 12px; letter-spacing: 0.2px; line-height: 1.33; padding: 0; } .googlesitekit-plugin .googlesitekit-gathering-data-notice.googlesitekit-gathering-data-notice--has-style-default { position: relative; text-align: inherit; } .googlesitekit-plugin .googlesitekit-gathering-data-notice.googlesitekit-gathering-data-notice--has-style-default span { color: #6c726e; display: block; font-size: 28px; line-height: 1.286; padding: 0; } .googlesitekit-plugin .googlesitekit-gathering-data-notice.googlesitekit-gathering-data-notice--has-style-overlay { align-items: center; display: flex; height: 100%; justify-content: center; left: 0; position: absolute; top: 0; width: 100%; } .googlesitekit-plugin .googlesitekit-gathering-data-notice.googlesitekit-gathering-data-notice--has-style-overlay span { color: #6c726e; display: block; font-size: 28px; line-height: 1.286; padding: 0; } .googlesitekit-plugin .googlesitekit-gathering-data-notice.googlesitekit-gathering-data-notice--has-style-small-overlay { align-items: center; display: flex; height: 100%; justify-content: center; left: 0; position: absolute; top: 0; width: 100%; } .googlesitekit-plugin .googlesitekit-gathering-data-notice.googlesitekit-gathering-data-notice--has-style-small-overlay span { color: #6c726e; display: block; font-size: 28px; line-height: 1.286; padding: 0; } .googlesitekit-plugin .googlesitekit-gathering-data-notice.googlesitekit-gathering-data-notice--has-style-small-overlay span { font-size: 18px; line-height: 1.33; max-width: 80px; padding: 0; text-align: center; } .googlesitekit-plugin .googlesitekit-gathering-data-notice.googlesitekit-gathering-data-notice--has-style-large span { color: #6c726e; display: block; font-size: 28px; line-height: 1.286; padding: 0; } #wpadminbar .googlesitekit-plugin .googlesitekit-gathering-data-notice span { color: #999f9b; font-size: 12px; letter-spacing: 0.2px; line-height: 1.33; text-transform: lowercase; } /** * IconWrapper styles. * * Site Kit by Google, Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .googlesitekit-plugin .googlesitekit-icon-wrapper { align-items: center; display: inline-flex; } /** * Preview block styles. * * Site Kit by Google, Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .googlesitekit-preview-block { display: flex; flex-direction: column; } .googlesitekit-preview-block--padding { padding: 16px; } .googlesitekit-preview-block--padding + .googlesitekit-preview-block--padding { padding-top: 0; } @media (min-width: 960px) { .googlesitekit-preview-block--padding { padding: 24px; } } .googlesitekit-preview-block__wrapper { animation: googlesitekit-pulse 1s infinite ease-in-out; animation-direction: alternate; flex: 1 1 auto; } @media (prefers-reduced-motion: reduce) { .googlesitekit-preview-block__wrapper { animation: none; background-image: linear-gradient(150deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.15)); } } .googlesitekit-preview-block__wrapper--circle { border-radius: 50%; } @keyframes googlesitekit-pulse { 0% { background-color: #ebeef0; } 100% { background-color: #cbd0d3; } } /** * Noscript notification styles. * * Site Kit by Google, Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .googlesitekit-noscript { background-color: #fff; margin: 5px 20px 5px 0; } @media (min-width: 600px) { .googlesitekit-noscript { padding-left: 10px; padding-right: 10px; } } .googlesitekit-noscript__title { margin: 0; } .no-js:not([amp-version]) [id^=js-googlesitekit-] { display: none; } /** * Font Weight utilities. * * Site Kit by Google, Copyright 2021 Google LLC * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .googlesitekit-plugin .googlesitekit-font-weight-medium { font-weight: 500; } .googlesitekit-plugin .googlesitekit-font-weight-bold { font-weight: 700 !important; }