Removes content shifts on loading

[pftg]

Summary by CodeRabbit

• New Features

  • Improved organization of ignored files in the .gitignore for better clarity.
  • Adjusted sitemap priority in hugo.toml to influence search engine indexing.
  • Updated robots.txt to restrict web crawler access to the /contact-us/ page.
  • Enhanced responsiveness and layout of the content grid through JavaScript modifications.

• Bug Fixes

  • Removed unnecessary JavaScript for loading CSS, improving page load performance.

• Style

  • Comprehensive updates to CSS for improved responsiveness and visual consistency across various components.

• Chores

  • Cleaned up HTML structure in templates to enhance readability and maintainability.

[coderabbitai]

Warning

.coderabbit.yaml has a parsing error

The CodeRabbit configuration file in this repository has a parsing error and default settings were used instead. Please fix the error(s) in the configuration file. You can initialize chat with CodeRabbit to get help with the configuration file.

Parsing errors (1)

Validation error: Unrecognized key(s) in object: 'path_filters'

Configuration instructions

• Please see the configuration documentation for more information.
• If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Walkthrough

The changes involve modifications to various configuration and layout files, including updates to the .gitignore, hugo.toml, robots.txt, and several HTML and JavaScript files within the Beaver theme. These modifications include reorganization of ignored files, adjustments to sitemap priorities, changes to web crawler directives, and enhancements to HTML structure and JavaScript functionality, focusing on layout responsiveness and code clarity.

Changes

File(s)	Change Summary
.gitignore	Reorganized entries for node_modules/ and added a section for hidden files.
hugo.toml	Changed sitemap priority from 1 to 0.5.
static/robots.txt	Modified Disallow directive for /contact-us/ and removed User-Agent: GPTBot line along with its directive.
themes/beaver/layouts/404.html	Restructured JSON-LD script for improved readability without changing content.
themes/beaver/layouts/_default/single.html	Removed JSON-LD script for "TechArticle" and adjusted article content structure.
themes/beaver/layouts/partials/blog/json-ld.html	Improved formatting of JSON-LD script for clarity.
themes/beaver/layouts/partials/header/blog.html	Eliminated JavaScript for dynamic CSS loading, directly included CSS link in HTML.
themes/beaver/layouts/partials/page/footer.html	Removed several lines related to footer layout, optimizing HTML structure.
themes/beaver/layouts/partials/page/header.html	Removed JavaScript for Google reCAPTCHA functionality from the contact form.
themes/beaver/static/wp-content/uploads/bb-plugin/cache/*.js	Adjusted state variable management in JavaScript for content grid layout and pagination, improving event handling.
themes/beaver/static/wp-content/uploads/713-layout-partial.css	Updated CSS for responsive design, adjusting padding, width, and margin properties.
themes/beaver/static/wp-content/uploads/custom-css-js/538.css	Reformatted CSS rules for consistency and improved responsiveness across various components.

Sequence Diagram(s)

sequenceDiagram
    participant User
    participant WebPage
    participant CSS
    participant JavaScript

    User->>WebPage: Load Page
    WebPage->>CSS: Request CSS File
    CSS-->>WebPage: Deliver CSS
    WebPage->>JavaScript: Execute JavaScript
    JavaScript-->>WebPage: Update Layout
    WebPage-->>User: Render Page

Loading

🐇 "In a garden bright and fair,
I hop and dance without a care.
With changes made, the layout's neat,
A joyful place for friends to meet!
So let us cheer, both big and small,
For a tidy site that welcomes all!" 🐇

---

Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?

Share

• X
• Mastodon
• Reddit
• LinkedIn

Tips

Chat

There are 3 ways to chat with CodeRabbit:

• Review comments: Directly reply to a review comment made by CodeRabbit. Example:
  • I pushed a fix in commit <commit_id>.
  • Generate unit testing code for this file.
  • Open a follow-up GitHub issue for this discussion.
• Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query. Examples:
  • @coderabbitai generate unit testing code for this file.
  • @coderabbitai modularize this function.
• PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
  • @coderabbitai generate interesting stats about this repository and render them as a table.
  • @coderabbitai show all the console.log statements in this repository.
  • @coderabbitai read src/utils.ts and generate unit testing code.
  • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.
  • @coderabbitai help me debug CodeRabbit configuration file.

Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments.

CodeRabbit Commands (Invoked using PR comments)

• @coderabbitai pause to pause the reviews on a PR.
• @coderabbitai resume to resume the paused reviews.
• @coderabbitai review to trigger an incremental review. This is useful when automatic reviews are disabled for the repository.
• @coderabbitai full review to do a full review from scratch and review all the files again.
• @coderabbitai summary to regenerate the summary of the PR.
• @coderabbitai resolve resolve all the CodeRabbit review comments.
• @coderabbitai configuration to show the current CodeRabbit configuration for the repository.
• @coderabbitai help to get help.

Other keywords and placeholders

• Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
• Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
• Add @coderabbitai anywhere in the PR title to generate the title automatically.

Documentation and Community

• Visit our Documentation for detailed information on how to use CodeRabbit.
• Join our Discord Community to get help, request features, and share feedback.
• Follow us on X/Twitter for updates and announcements.

[coderabbitai]

Actionable comments posted: 4

Outside diff range, codebase verification and nitpick comments (2)

themes/beaver/layouts/partials/page/header.html (1)

Line range hint 1-146: Consider the implications of removing Google reCAPTCHA.

The removal of Google reCAPTCHA from the contact form could potentially expose the site to more spam and affect user interactions. It's important to ensure that adequate measures are in place to handle spam and maintain form security.

Consider implementing an alternative spam protection mechanism or ensure that the new approach (if any) is robust enough to handle potential security issues.

themes/beaver/static/wp-content/uploads/bb-plugin/cache/5cc6310d2cced275654804670ab61720-layout-bundle.js (1)

312-312: Potential Issue with State Reset Logic

The state variable is set to 1 in the code, but there are no occurrences where it is reset to 0 after being set to 1. This could lead to potential bugs where the state does not accurately reflect the UI state after multiple interactions. Please review the logic to ensure the state variable is reset appropriately.

• Ensure that the state variable is reset to 0 when necessary to maintain accurate UI state representation.

Analysis chain

Verify State Reset Logic

It's important to ensure that the state variable state is reset appropriately elsewhere in the code to avoid potential bugs where the state does not reflect the actual UI state after multiple interactions.

Scripts executed

The following scripts were executed for the analysis:

Script:

#!/bin/bash
# Description: Search for any occurrences where the state variable is reset.
rg --type js "state\s*=\s*0"

Length of output: 55952

---

Script:

#!/bin/bash
# Description: Search for any occurrences where the state variable is reset to 0 after being set to 1.
rg --type js "state\s*=\s*1" -A 10 | rg "state\s*=\s*0"

Length of output: 13805

Review details

Configuration used: CodeRabbit UI
Review profile: CHILL

Commits

Files that changed from the base of the PR and between f0bffe7 and e2dc778.

Files ignored due to path filters (2)

• google_forms_get_names.png is excluded by !**/*.png
• google_forms_get_url.png is excluded by !**/*.png

Files selected for processing (14)

• .gitignore (2 hunks)
• hugo.toml (1 hunks)
• static/robots.txt (1 hunks)
• themes/beaver/layouts/404.html (1 hunks)
• themes/beaver/layouts/_default/single.html (1 hunks)
• themes/beaver/layouts/partials/blog/json-ld.html (2 hunks)
• themes/beaver/layouts/partials/header/blog.html (2 hunks)
• themes/beaver/layouts/partials/page/footer.html (1 hunks)
• themes/beaver/layouts/partials/page/header.html (2 hunks)
• themes/beaver/static/wp-content/uploads/bb-plugin/cache/13a32b525da69f9303ce7f6236e37326-layout-bundle.js (1 hunks)
• themes/beaver/static/wp-content/uploads/bb-plugin/cache/5cc6310d2cced275654804670ab61720-layout-bundle.js (1 hunks)
• themes/beaver/static/wp-content/uploads/bb-plugin/cache/713-layout-partial.css (1 hunks)
• themes/beaver/static/wp-content/uploads/bb-plugin/cache/713-layout-partial.js (1 hunks)
• themes/beaver/static/wp-content/uploads/custom-css-js/538.css (3 hunks)

Files skipped from review due to trivial changes (4)

• .gitignore
• themes/beaver/layouts/404.html
• themes/beaver/layouts/partials/blog/json-ld.html
• themes/beaver/static/wp-content/uploads/custom-css-js/538.css

Additional context used

Biome

themes/beaver/static/wp-content/uploads/bb-plugin/cache/713-layout-partial.css

[error] 1-1: Unexpected value or character.

Expected one of:

(parse)

---

[error] 1-1: Unexpected value or character.

Expected one of:

(parse)

Additional comments not posted (21)

static/robots.txt (2)

4-4: Review of Disallow directive for /contact-us/

The addition of the /contact-us/ path to the Disallow list is correctly implemented. This change will effectively restrict web crawlers from accessing this specific section of the site.

---

4-4: Verify the removal of User-Agent: GPTBot and associated directives

The removal of the User-Agent: GPTBot and its Disallow: / directive is a significant change that suggests a policy shift to allow this bot full access to the site. Please verify that this change was intentional and consider documenting the rationale behind this policy shift to ensure clarity and maintainability.

themes/beaver/layouts/_default/single.html (5)

1-1: Header Partial Inclusion Approved

The inclusion of the header partial is a standard practice in Hugo templates for modularity and reuse.

---

2-11: Article Structure Enhancement Approved

The restructured <article> tag enhances clarity and organization, making the content more readable and maintainable.

---

6-9: Conditional Rendering Logic Approved

The conditional rendering within the <header> is well-implemented, providing relevant information like update dates and tags specifically for posts.

---

11-11: Content Display Approved

The implementation for displaying the article content is straightforward and effective.

---

13-13: Footer Partial Inclusion Approved

The inclusion of the footer partial is a standard practice in Hugo templates for modularity and reuse.

themes/beaver/layouts/partials/header/blog.html (1)

12-12: Approved: Simplified CSS loading mechanism.

The change from a JavaScript-based CSS loading to a direct HTML <link> element is a positive improvement. It simplifies the page's loading process and potentially enhances performance by leveraging the browser's native handling of CSS files.

• Benefits: This approach reduces the reliance on JavaScript, which can prevent render-blocking issues and improve the time to first paint.
• Suggestion: It would be beneficial to verify the correct functioning of this new CSS loading mechanism across different browsers and devices to ensure compatibility and performance.

hugo.toml (1)

31-31: Review the change in sitemap priority.

The priority setting in the sitemap configuration has been changed from 1 to 0.5. This change could potentially affect how search engines prioritize the pages of the site during indexing. It's important to ensure that this change aligns with the overall SEO strategy of the website.

• Impact on SEO: Lowering the priority might cause these pages to be indexed less frequently or be considered less important compared to other pages with higher priority. This should be a deliberate decision based on the content strategy.
• Recommendation: Verify that this change is consistent with the intended SEO goals. If this change is part of a larger strategy to de-prioritize certain types of content, it might be beneficial. Otherwise, reconsider if the priority should be adjusted.

Consider running an SEO audit to assess the impact of this change on the site's search engine visibility and indexing behavior.

themes/beaver/layouts/partials/page/footer.html (2)

6-242: Approve the HTML structure changes and verify functionality.

The changes to the footer's HTML structure, including the removal of certain script tags and divs, appear to be aimed at optimizing page load times and improving the clarity of the code. These modifications are consistent with the PR objectives of removing content shifts on loading.

Please ensure that the removal of script tags has not affected any dynamic functionalities of the footer. Testing in a staging environment would be beneficial to confirm that all interactive elements still function as intended.

---

188-242: Approve the conditional script loading strategy.

The approach to conditionally load scripts based on the page type or slug is an excellent practice for optimizing performance and resource utilization. Using versioned URLs for script resources helps prevent caching issues, ensuring users always receive the most up-to-date scripts.

themes/beaver/layouts/partials/page/header.html (1)

Line range hint 1-146: Approve minor formatting adjustments.

The removal of extra blank lines and other minor formatting adjustments improve the cleanliness of the code without affecting its functionality.

themes/beaver/static/wp-content/uploads/bb-plugin/cache/713-layout-partial.js (3)

93-93: Review the state management in event handler.

The modification to set state to 1 inside the pp_expandable_row_toggle event handler is crucial for ensuring that the layout is recalibrated only once per event trigger. This change prevents multiple recalibrations during the same event, which can improve performance and prevent potential flickering or layout shift issues.

However, it's important to ensure that state is reset appropriately elsewhere in the code to allow for subsequent recalibrations when needed. This might be missing or not visible in the provided snippet. It would be beneficial to verify that there is a mechanism to reset state to 0 at the appropriate time to allow the layout adjustment code to execute again when necessary.

Verification successful

---

State variable reset confirmed.

The state variable is reset to 0 in the codebase, ensuring that the layout recalibration logic can execute multiple times as needed. This addresses the concern about potential issues with the state variable not being reset.

• The reset mechanism for state is present in the file under review and other related files.

Scripts executed

The following scripts were executed for the analysis:

Script:

#!/bin/bash
# Description: Verify if the `state` variable is reset to `0` after being set to `1`.

# Test: Search for the reset mechanism of the `state` variable. Expect: At least one occurrence of resetting `state` to `0`.
rg --type javascript -A 5 $'state=0'

Length of output: 70

---

Script:

#!/bin/bash
# Description: Verify if the `state` variable is reset to `0` after being set to `1`.

# Test: Search for the reset mechanism of the `state` variable. Expect: At least one occurrence of resetting `state` to `0`.
rg --type js -A 5 $'state=0'

Length of output: 67791

---

93-93: Review the event handler for tab switching.

The positioning of the pp-tabs-switched event handler after the state modification suggests a streamlined execution flow, which is beneficial for performance. This handler ensures that the grid layout is recalibrated when switching tabs, which is crucial for maintaining a consistent user experience across different views.

It would be useful to verify that this event handler is triggered as expected in various scenarios, such as when tabs are dynamically added or removed, to ensure robustness and reliability of the layout adjustments.

---

93-93: Ensure proper handling of Isotope layout adjustments.

The use of Isotope's layout method within the pp_expandable_row_toggle event handler is appropriate for recalibrating the grid layout when an expandable row is toggled. This ensures that the layout remains consistent and visually coherent, which aligns with the PR objective of removing content shifts on loading.

It's important to confirm that the Isotope library is included and properly initialized elsewhere in the project, as this code snippet assumes its presence and functionality. Additionally, the selector used to find the .pp-content-post-grid element should be verified to ensure it correctly targets the intended elements within the DOM.

themes/beaver/static/wp-content/uploads/bb-plugin/cache/713-layout-partial.css (4)

1-1: Color Standardization Approved

The standardization of color properties for text elements in .fl-node-jucnbqyew63f to white enhances consistency and readability across different devices and lighting conditions.

Tools

Biome

[error] 1-1: Unexpected value or character.

Expected one of:

(parse)

---

[error] 1-1: Unexpected value or character.

Expected one of:

(parse)

---

1-1: Responsive Design Enhancements Approved

The adjustments to media queries for .fl-node-0ptma2d86ugo and .fl-node-1amo8q937zkf are well-implemented to ensure that the layout remains responsive and user-friendly across different devices.

Tools

Biome

[error] 1-1: Unexpected value or character.

Expected one of:

(parse)

---

[error] 1-1: Unexpected value or character.

Expected one of:

(parse)

---

1-1: Flexbox Usage for Layout Optimization Approved

The use of flexbox properties to optimize the layout structure enhances both the alignment and the distribution of content, contributing to a more polished and adaptable user interface.

Tools

Biome

[error] 1-1: Unexpected value or character.

Expected one of:

(parse)

---

[error] 1-1: Unexpected value or character.

Expected one of:

(parse)

---

1-1: Overall Integration of Changes Approved

The changes made to the CSS file are comprehensive and effectively enhance the layout's responsiveness and aesthetic appeal, aligning well with the PR objectives.

Tools

Biome

[error] 1-1: Unexpected value or character.

Expected one of:

(parse)

---

[error] 1-1: Unexpected value or character.

Expected one of:

(parse)

themes/beaver/static/wp-content/uploads/bb-plugin/cache/13a32b525da69f9303ce7f6236e37326-layout-bundle.js (1)

312-312: Verify the new state management logic.

The adjustment to the state variable, as mentioned, is crucial for managing the layout's responsiveness. It's important to ensure that this change does not introduce any regressions or unexpected behaviors, especially in the expandable rows and tab switching functionalities.

Please conduct thorough testing to confirm that the layout recalculates as expected without unnecessary recalculations or performance issues.

themes/beaver/static/wp-content/uploads/bb-plugin/cache/5cc6310d2cced275654804670ab61720-layout-bundle.js (1)

312-312: State Management Improvement

The addition of a state variable set to 1 at the beginning of the pp_expandable_row_toggle event handler is a good practice. It helps in managing the state more predictably, especially in scenarios involving UI state changes that depend on user interactions. This change likely prevents multiple unnecessary executions of layout functions, which can improve performance and user experience by avoiding excessive recalculations or re-renderings.

[coderabbitai]

Parsing Error in CSS

The static analysis tool has flagged a parsing error at the beginning of the file. This could be due to a syntax issue or an unrecognized character or property in the CSS. It's crucial to ensure that the CSS is valid to prevent any rendering issues on the website.

Please verify the syntax and correct any errors. Here's a suggestion to check the file:

#!/bin/bash
# Description: Check CSS syntax using a CSS linter.

# Test: Run a CSS linter to check for syntax errors.
csslint '713-layout-partial.css'

Tools

Biome

[error] 1-1: Unexpected value or character.

Expected one of:

(parse)

---

[error] 1-1: Unexpected value or character.

Expected one of:

(parse)

---

Simplify Redundant Calculations

The use of calc(50% - 50%) in the CSS for positioning elements is redundant and can be simplified to 0% or removed entirely for clarity and efficiency.

Consider simplifying the calculation to improve code readability:

-.fl-node-cydnh3z89fkb .fl-builder-bottom-edge-layer > * {left: calc(50% - 50%);}
+.fl-node-cydnh3z89fkb .fl-builder-bottom-edge-layer > * {left: 0;}

Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change

.fl-node-cydnh3z89fkb .fl-builder-bottom-edge-layer {bottom: -1%;}.fl-node-cydnh3z89fkb .fl-builder-bottom-edge-layer > * {width: 100%;left: calc( 50% - 50% );right: auto;height: 8%;top: auto;bottom: 0;transform: scaleX(-1) scaleY(-1);}.fl-node-cydnh3z89fkb .fl-builder-bottom-edge-layer .fl-shape-content .fl-shape {fill: #000000;} .fl-node-cydnh3z89fkb > .fl-row-content-wrap {padding-top:200px;padding-bottom:0px;}@media ( max-width: 1115px ) { .fl-node-cydnh3z89fkb.fl-row > .fl-row-content-wrap {padding-top:150px;}}@media ( max-width: 860px ) { .fl-node-cydnh3z89fkb.fl-row > .fl-row-content-wrap {padding-top:100px;}}.fl-node-0ptma2d86ugo {width: 50%;}@media(max-width: 860px) {.fl-builder-content .fl-node-0ptma2d86ugo {width: 100% !important;max-width: none;clear: none;float: left;}}@media ( max-width: 860px ) { .fl-node-0ptma2d86ugo.fl-col > .fl-col-content {padding-top:50px;}}.fl-node-1amo8q937zkf {width: 50%;}@media(max-width: 860px) {.fl-builder-content .fl-node-1amo8q937zkf {width: 100% !important;max-width: none;clear: none;float: left;}} .fl-node-1amo8q937zkf > .fl-col-content {padding-left:150px;}.fl-node-1fwv4o9g2ict {width: 100%;}.fl-node-i4stkzw9cg8o {width: 50%;}@media(max-width: 860px) {.fl-builder-content .fl-node-i4stkzw9cg8o {width: 100% !important;max-width: none;clear: none;float: left;}}@media ( max-width: 860px ) { .fl-node-i4stkzw9cg8o.fl-col > .fl-col-content {padding-top:50px;}}.fl-node-lcky24a0jfrd {width: 50%;}@media(max-width: 860px) {.fl-builder-content .fl-node-lcky24a0jfrd {width: 100% !important;max-width: none;clear: none;float: left;}}@media ( max-width: 860px ) { .fl-node-lcky24a0jfrd.fl-col > .fl-col-content {padding-top:20px;}}.fl-node-di30ksw572vp {width: 100%;} .fl-node-di30ksw572vp > .fl-col-content {padding-top:45px;}@media ( max-width: 860px ) { .fl-node-di30ksw572vp.fl-col > .fl-col-content {padding-top:30px;}}.fl-node-jucnbqyew63f {color: #ffffff;}.fl-builder-content .fl-node-jucnbqyew63f *:not(span):not(input):not(textarea):not(select):not(a):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.fl-menu-mobile-toggle) {color: #ffffff;}.fl-builder-content .fl-node-jucnbqyew63f a {color: #ffffff;}.fl-builder-content .fl-node-jucnbqyew63f a:hover {color: #ffffff;}.fl-builder-content .fl-node-jucnbqyew63f h1,.fl-builder-content .fl-node-jucnbqyew63f h2,.fl-builder-content .fl-node-jucnbqyew63f h3,.fl-builder-content .fl-node-jucnbqyew63f h4,.fl-builder-content .fl-node-jucnbqyew63f h5,.fl-builder-content .fl-node-jucnbqyew63f h6,.fl-builder-content .fl-node-jucnbqyew63f h1 a,.fl-builder-content .fl-node-jucnbqyew63f h2 a,.fl-builder-content .fl-node-jucnbqyew63f h3 a,.fl-builder-content .fl-node-jucnbqyew63f h4 a,.fl-builder-content .fl-node-jucnbqyew63f h5 a,.fl-builder-content .fl-node-jucnbqyew63f h6 a {color: #ffffff;}.fl-node-jucnbqyew63f {width: 100%;}.fl-node-jucnbqyew63f > .fl-col-content {background-image: url(/wp-content/uploads/2022/09/start-trial-cta.webp);background-repeat: no-repeat;background-position: center center;background-attachment: scroll;background-size: cover;border-top-left-radius: 16px;border-top-right-radius: 16px;border-bottom-left-radius: 16px;border-bottom-right-radius: 16px;}@media(max-width: 860px) {.fl-builder-content .fl-node-jucnbqyew63f {width: 100% !important;max-width: none;clear: none;float: left;}} .fl-node-jucnbqyew63f > .fl-col-content {margin-top:130px;}@media ( max-width: 860px ) { .fl-node-jucnbqyew63f.fl-col > .fl-col-content {margin-top:50px;}} .fl-node-jucnbqyew63f > .fl-col-content {padding-top:60px;padding-right:60px;padding-bottom:60px;padding-left:60px;}@media ( max-width: 860px ) { .fl-node-jucnbqyew63f.fl-col > .fl-col-content {padding-top:30px;padding-right:20px;padding-bottom:30px;padding-left:20px;}}.fl-node-sh625973faxk.fl-module-heading .fl-heading {font-size: 60px;}@media(max-width: 860px) {.fl-node-sh625973faxk.fl-module-heading .fl-heading {font-size: 45px;text-align: center;}}.fl-builder-content .fl-node-0qz7321m48js .fl-rich-text, .fl-builder-content .fl-node-0qz7321m48js .fl-rich-text *:not(b, strong) {font-size: 20px;}@media(max-width: 860px) {.fl-builder-content .fl-node-0qz7321m48js .fl-rich-text, .fl-builder-content .fl-node-0qz7321m48js .fl-rich-text *:not(b, strong) {text-align: center;}} .fl-node-0qz7321m48js > .fl-module-content {margin-top:20px;}@media ( max-width: 860px ) { .fl-node-0qz7321m48js.fl-module > .fl-module-content {margin-top:20px;}}.fl-builder-content .fl-node-ar7hkgve10jq a.fl-button,.fl-builder-content .fl-node-ar7hkgve10jq a.fl-button:hover,.fl-builder-content .fl-node-ar7hkgve10jq a.fl-button:visited {}.fl-node-ar7hkgve10jq .fl-button-wrap {text-align: left;}.fl-builder-content .fl-node-ar7hkgve10jq a.fl-button, .fl-builder-content .fl-node-ar7hkgve10jq a.fl-button:visited {text-transform: none;}@media(max-width: 860px) {.fl-node-ar7hkgve10jq .fl-button-wrap {text-align: center;}} .fl-node-ar7hkgve10jq > .fl-module-content {margin-top:30px;}@media ( max-width: 860px ) { .fl-node-ar7hkgve10jq.fl-module > .fl-module-content {margin-top:30px;}}.fl-node-0zfdxjbv1k3s .fl-photo {text-align: center;}@media(max-width: 860px) {.fl-node-0zfdxjbv1k3s .fl-photo {text-align: center;}.fl-node-0zfdxjbv1k3s .fl-photo-content, .fl-node-0zfdxjbv1k3s .fl-photo-img {width: 300px;}}.fl-node-ndgsicr250p4 .pp-spacer-module {height: 130px;width: 100%;}@media only screen and (max-width: 1115px) {.fl-node-ndgsicr250p4 .pp-spacer-module {height: 130px;}}@media only screen and (max-width: 860px) {.fl-node-ndgsicr250p4 .pp-spacer-module {height: 15px;}}.fl-node-s7eyqb4jw81i.fl-module-heading .fl-heading {font-size: 30px;text-align: left;}.fl-builder-content .fl-node-c9g2sra65u04 a.fl-button,.fl-builder-content .fl-node-c9g2sra65u04 a.fl-button:hover,.fl-builder-content .fl-node-c9g2sra65u04 a.fl-button:visited {background: rgba(255,0,0,0);}.fl-builder-content .fl-node-c9g2sra65u04 a.fl-button:hover {background-color: rgba(255,0,0,0);}.fl-builder-content .fl-node-c9g2sra65u04 a.fl-button,.fl-builder-content .fl-node-c9g2sra65u04 a.fl-button:visited,.fl-builder-content .fl-node-c9g2sra65u04 a.fl-button *,.fl-builder-content .fl-node-c9g2sra65u04 a.fl-button:visited * {color: #1a8cff;}.fl-builder-content .fl-node-c9g2sra65u04 a.fl-button:hover,.fl-builder-content .fl-node-c9g2sra65u04 a.fl-button:hover span.fl-button-text,.fl-builder-content .fl-node-c9g2sra65u04 a.fl-button:hover * {color: #007af4;}.fl-node-c9g2sra65u04 .fl-button-wrap {text-align: right;}.fl-builder-content .fl-node-c9g2sra65u04 .fl-button-wrap a.fl-button {padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}.fl-builder-content .fl-node-c9g2sra65u04 a.fl-button, .fl-builder-content .fl-node-c9g2sra65u04 a.fl-button:visited {font-size: 18px;border: 1px solid rgba(243,0,0,0);}.fl-builder-content .fl-node-c9g2sra65u04 a.fl-button:hover, .fl-builder-content .fl-node-c9g2sra65u04 a.fl-button:focus {border: 1px solid rgba(243,0,0,0);}@media(max-width: 860px) {.fl-node-c9g2sra65u04 .fl-button-wrap {text-align: left;}}@media ( max-width: 860px ) { .fl-node-c9g2sra65u04.fl-module > .fl-module-content {margin-bottom:0px;}}.clearfix:before,.clearfix:after {content: "";display: table;}.clearfix:after {clear: both;}.fl-row-fixed-width {min-width: 1px;}.fl-col-group.fl-col-group-responsive-reversed,.fl-col-group.fl-col-group-responsive-reversed .fl-col,.fl-col-group.fl-col-group-responsive-reversed .fl-col-content,.fl-col-group-equal-height .fl-col,.fl-col-group-equal-height .fl-col-content {min-width: 0px;}.pp-posts-wrapper .sr-only {position: absolute !important;height: 1px !important;width: 1px !important;margin: 0 !important;padding: 0 !important;clip: rect(1px 1px 1px 1px);clip: rect(1px,1px,1px,1px);clip-path: polygon(0px 0px, 0px 0px, 0px 0px);-webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px);overflow: hidden !important;border: 0 !important;box-shadow: none !important;}.pp-posts-loader {display: none;text-align: center;}.pp-posts-wrapper {position: relative;}.pp-content-post-grid #infscr-loading {position: absolute;bottom: -10px;}.rtl .pp-content-post-grid.pp-is-filtering:after {left: auto;right: 50%;}.pp-content-post-grid.pp-is-filtering .pp-content-post {opacity: 0.5;}.pp-post-filters-wrapper {position: relative;}.pp-post-filters-toggle {display: none;padding: 10px 15px;cursor: pointer;margin-bottom: 10px;}.pp-post-filters-toggle:after {content: "+";float: right;font-size: 18px;font-weight: bold;line-height: 1;}.pp-post-filters-toggle.pp-post-filters-open:after {content: "-";}.pp-post-filters-wrapper.pp-filter-mobile {display: none;}.pp-post-filters-wrapper .pp-close-icon {background: #ddd;padding: 3px 8px;position: absolute;top: -35px;right: 0;cursor: pointer;display: none;}.pp-post-filters-wrapper.pp-filter-mobile .pp-close-icon {display: block;}.pp-filter-title-mobile {display: none;font-size: 18px;padding: 5px 20px;border: 2px solid #222;margin-bottom: 20px;color: #333;cursor: pointer;}.pp-post-filters {padding-left: 0;text-align: left;margin-bottom: 30px;}.pp-post-filters li {display: inline-block;margin-right: 10px;cursor: pointer;padding: 8px 10px;color: #000;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}.pp-post-filters li:hover {-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}.pp-content-post a {border: none;}.pp-content-post a,.pp-content-post .pp-post-content,.pp-content-post .pp-post-meta {transition: color 0.3s ease-in-out;}.pp-content-post-carousel .owl-carousel {overflow: hidden;}.pp-content-post-carousel .owl-carousel .owl-stage-outer {overflow: initial;}.pp-content-post-carousel .owl-carousel.owl-loaded:focus {outline: none;}.pp-content-grid-post .pp-content-category-list,.pp-content-carousel-post .pp-content-category-list {margin-top: 15px;padding-top: 10px;border-top: 1px solid #eee;position: relative;z-index: 2;}.pp-content-grid-post .pp-content-grid-more,.pp-content-carousel-post .pp-content-carousel-more {display: inline-block;}.pp-content-post .pp-post-title a,.pp-content-post .pp-more-link-button {text-decoration: none;}.pp-content-post .pp-post-title-divider {display: inline-block;height: 2px;width: 50px;margin-bottom: 7px;}.pp-content-grid-image > a,.pp-content-carousel-image > a {display: block;}.pp-content-post-grid:not(.pp-css-grid) .pp-content-post .pp-post-image,.pp-content-post-carousel .pp-content-post .pp-post-image {position: relative;}.pp-content-post .pp-post-image .pp-post-featured-img a {display: block;}.pp-content-post.pp-grid-style-9 .pp-post-image a {width: 100%;height: 100%;}.pp-content-post .pp-post-image .fl-photo-content {display: block;}.pp-content-post .pp-post-image .pp-content-category-list {position: absolute;top: 0;margin-top: 0;background: #000;color: #fff;text-decoration: none;border-top: 0;padding: 10px;z-index: 1;}.pp-content-post .pp-post-image .pp-content-category-list a {color: #fff;}.pp-content-post .pp-post-image .pp-post-title {position: absolute;bottom: 0;width: 100%;padding: 15px;}.pp-content-post.pp-grid-style-4 .pp-post-image {overflow: hidden;position: relative;}.pp-content-post.pp-grid-style-4 .pp-post-image img {-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}.pp-content-post.pp-grid-style-4:hover .pp-post-image img {-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}.pp-content-post.pp-grid-style-5 .pp-content-post-date {float: left;text-align: center;width: 38px;}.pp-content-post.pp-grid-style-5 .pp-content-post-date span.pp-post-day {display: block;padding: 5px 0px;font-size: 15px;}.pp-content-post.pp-grid-style-5 .pp-content-post-date span.pp-post-month {display: block;padding: 5px 0;font-size: 13px;}.pp-content-post.pp-grid-style-5 .pp-content-post-data {margin-left: 20px;float: left;width: 70%;text-align: left;}.pp-content-post.pp-grid-style-6 .pp-post-image {text-align: center;}.pp-content-post.pp-grid-style-6 .pp-post-image .pp-content-post-date {display: block;margin: 0 auto;padding: 10px;border-radius: 100%;width: 60px;height: 60px;margin-top: -30px;text-transform: uppercase;font-size: 14px;line-height: 1.5;position: relative;}.pp-content-post.pp-grid-style-6 .pp-post-image .pp-content-post-date span {display: block;}.pp-content-post.pp-grid-style-7 .pp-content-body {max-width: 90%;margin: 0 auto;margin-top: -10%;position: relative;-webkit-transition: background-color 0.3s ease-in;-moz-transition: background-color 0.3s ease-in;-ms-transition: background-color 0.3s ease-in;-o-transition: background-color 0.3s ease-in;transition: background-color 0.3s ease-in;}.pp-content-post.pp-grid-style-7:hover .pp-content-body {-webkit-transition: background-color 0.3s ease-in;-moz-transition: background-color 0.3s ease-in;-ms-transition: background-color 0.3s ease-in;-o-transition: background-color 0.3s ease-in;transition: background-color 0.3s ease-in;}.pp-content-post.pp-grid-style-7 .pp-content-post-meta {border-bottom: 1px solid #eee;margin-bottom: 10px;}.pp-content-post-grid.pp-content-alternate .pp-content-post .pp-content-alternate-wrap {display: flex;}.pp-content-post-grid.pp-content-alternate .pp-content-post.pp-post-2n .pp-content-alternate-wrap {flex-direction: row-reverse;}.pp-content-post-grid.pp-content-alternate .pp-content-post .pp-content-alternate-wrap .pp-content-grid-image,.pp-content-post-grid.pp-content-alternate .pp-content-post .pp-content-alternate-wrap .pp-content-grid-inner { width: 50%;overflow: hidden;}.pp-content-post-grid.pp-content-alternate .pp-content-post .pp-content-alternate-wrap .pp-content-grid-image *:not(.pp-post-meta) {height: 100% !important;}.pp-content-post-grid.pp-content-alternate .pp-content-post .pp-content-alternate-wrap .pp-content-grid-image img {object-fit: cover;}.pp-content-post {overflow: hidden;}.pp-content-post,.pp-content-post:hover {-webkit-transition: background-color 0.3s ease-in-out;-moz-transition: background-color 0.3s ease-in-out;-ms-transition: background-color 0.3s ease-in-out;-o-transition: background-color 0.3s ease-in-out;transition: background-color 0.3s ease-in-out;}.pp-content-post-grid {margin: 0 auto;position: relative;}.pp-content-grid-image img {height: auto !important;width: 100%;}.pp-post-featured-img img {-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}.pp-content-grid-content p:last-of-type {margin-bottom: 0;padding-bottom: 0;}.pp-content-grid-title,.pp-content-carousel-title {margin: 0;padding: 0;}.pp-content-post-meta {font-size: 14px;padding-bottom: 10px;position: relative;z-index: 2;}.pp-content-grid #infscr-loading {bottom: 0;left: 0;right: 0;padding: 40px 0;position: absolute;text-align: center;width: 100%;}.pp-content-post .pp-more-link-button,.pp-content-post .pp-add-to-cart a {display: inline-table;text-align: center;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}.pp-content-grid-pagination ul.page-numbers {display: inline-block;}.pp-content-grid-pagination li {text-align: center;}.pp-content-post .pp-more-link-button:hover,.pp-content-grid-pagination li a.page-numbers:hover,.pp-content-post .pp-add-to-cart a {-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}.pp-content-grid-pagination li a.page-numbers {-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}.pp-content-grid-pagination li .page-numbers {min-width: 35px !important;display: block !important;}.pp-content-grid-pagination li .page-numbers:last-child {margin-right: 0;}.pp-content-grid-load-more a {display: inline-block;}.pp-content-grid-load-more a.disabled {opacity: 0.8;pointer-events: none;}.pp-content-grid-load-more a .pp-grid-loader-icon {display: none;}.pp-content-grid-load-more a .pp-grid-loader-icon img {height: 18px;margin-left: 3px;}.pp-content-grid-load-more a.loading .pp-grid-loader-icon {display: inline;}.pp-content-grid-loader {margin-top: 10px;}.pp-content-grid-loader .pp-grid-loader-text {color: #999999;}.pp-content-grid-loader .pp-grid-loader-icon img {height: 18px;}.pp-content-post a.pp-post-link {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;}.pp-post-feed-post {border-bottom: 1px solid #e6e6e6;margin-bottom: 40px;padding-bottom: 40px;}.pp-post-feed-post:last-child {border-bottom: none;margin-bottom: 0;padding-bottom: 0;}.pp-post-feed-header {margin-bottom: 25px;}.pp-post-feed-header a {text-decoration: none;}body h2.pp-post-feed-title {margin: 0 0 10px;padding: 0;}body .pp-post-feed-meta {font-size: 14px;}.pp-post-feed-meta .fl-sep {margin: 0 3px;}.pp-post-feed-image {margin-bottom: 25px;}.pp-post-feed-image img {height: auto !important;width: 100% !important;}.pp-post-feed-image-beside .pp-post-feed-image {float: left;width: 33%;}.pp-post-feed-image-beside.pp-post-feed-has-image .pp-post-feed-content {margin-left: 37%;}.pp-post-feed-content a {text-decoration: none;}.pp-post-feed-content p:last-of-type {margin-bottom: 0;padding-bottom: 0;}.pp-post-feed-more {margin-top: 15px;display: inline-block;}.pp-post-feed #infscr-loading {padding: 40px 0;text-align: center;width: 100%;}.pp-content-grid-empty {border: 1px dashed #ccc;font-size: 16px;padding: 20px;text-align: center;}.pp-post-carousel-navigation{position: absolute;top: 50%;left: 0;right: 0;z-index: 20;margin-top: -16px;}.pp-post-carousel-navigation a{position: absolute;display: inline-block;}.pp-post-carousel-navigation a a {display: none;}.pp-post-carousel-navigation a:hover{ opacity: 1; }.pp-post-carousel-navigation .carousel-prev{ left: 0; }.pp-post-carousel-navigation .carousel-next{ right: 0; }.pp-post-carousel-navigation .fl-post-carousel-svg-container{position: relative;width: 32px;height: 32px;}.pp-content-carousel-image img {height: auto;}.pp-content-post-carousel .owl-theme .owl-dots {margin-top: 10px;}.pp-content-post-carousel .owl-theme .owl-controls .owl-page span {margin: 5px;}.pp-content-post-carousel {position: relative;}.pp-content-post-carousel .owl-theme .owl-controls .owl-buttons div,.pp-content-post-carousel .owl-nav button {position: absolute;top: 40%;line-height: 0;margin: 0;padding: 0;font-size: 20px;background-image: none !important;z-index: 1;display: inline-flex;align-items: center;justify-content: center;}.pp-content-post-carousel .owl-nav button {border: none;}.pp-content-post-carousel .owl-nav button svg {height: 1em;}.pp-content-post-carousel .owl-theme .owl-controls .owl-buttons div.owl-prev,.pp-content-post-carousel .owl-nav button.owl-prev {left: -15px;}.pp-content-post-carousel .owl-theme .owl-controls .owl-buttons div.owl-next,.pp-content-post-carousel .owl-nav button.owl-next {right: -15px;}.pp-content-post-carousel .owl-theme .owl-dots .owl-dot {top: 0;}.pp-content-post .star-rating {margin-left: auto;margin-right: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;float: right;overflow: hidden;position: relative;height: 15px;line-height: 1;font-size: 15px;width: 80px;font-family: star;display: block;float: none;}.pp-content-post .star-rating:before {content: "\73\73\73\73\73";color: #d3ced2;float: left;top: 0;left: 0;position: absolute;}.pp-content-post .star-rating span {overflow: hidden;float: left;top: 0;left: 0;position: absolute;padding-top: 15px;}.pp-content-post .star-rating span:before {content: "\53\53\53\53\53";top: 0;position: absolute;left: 0;color: #000;}.pp-content-post .pp-product-price ins {text-decoration: none;}.pp-content-post.pp-grid-style-6 .star-rating {margin: 0 auto !important;}.pp-content-post.pp-grid-style-9 {position: relative;overflow: hidden;height: 270px;}.pp-content-post.pp-grid-style-9 .pp-content-grid-image {height: 100%;}.pp-content-post.pp-grid-style-9 .pp-post-featured-img {background-repeat: no-repeat;background-position: center center;background-size: cover;height: 100%;position: relative;overflow: hidden;margin: 0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}.pp-content-post.pp-grid-style-9:hover .pp-post-featured-img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')";filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand'); transform: scale(1.1);}.pp-content-post.pp-grid-style-9 .pp-post-featured-img a:last-child:before {content: "";display: block;height: 70%;width: 100%;position: absolute;bottom: 0;z-index: 1;background: -moz-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,.7) 100%);background: -webkit-gradient(linear,left top,left bottom,color-stop(40%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.7)));background: -webkit-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,.7) 100%);background: -o-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,.7) 100%);background: -ms-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,.7) 100%);background: linear-gradient(to bottom,rgba(0,0,0,0) 40%,rgba(0,0,0,.7) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);}.pp-content-post.pp-grid-style-9 .pp-post-featured-img a:last-child:before {content: "";display: block;height: 100%;width: 100%;position: absolute;bottom: 0;-webkit-transition: background-color .3s ease;-moz-transition: background-color .3s ease;-o-transition: background-color .3s ease;transition: background-color .3s ease;}.pp-content-post.pp-grid-style-9:hover .pp-post-featured-img a:last-child:before {background-color: rgba(0,0,0,.1);}.pp-content-post.pp-grid-style-9 .pp-post-featured-img img {display: block;height: auto;opacity: 1;transition: transform 0.3s ease, opacity 0.3s;-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s;transition-timing-function: ease !important;}.pp-content-post.pp-grid-style-9:hover .pp-post-featured-img img {transform: scale3d(1.1,1.1,1);-webkit-transform: scale3d(1.1,1.1,1);-moz-transform: scale3d(1.1,1.1,1) rotate(.02deg);}.pp-content-post.pp-grid-style-9 .pp-grid-tile-text {position: absolute;bottom: 0;pointer-events: none;z-index: 1;width: 100%;}.pp-content-post.pp-grid-style-9 .pp-grid-tile-category.pp-content-category-list {border-top: 0;margin: 0;padding: 0;}.pp-content-post.pp-grid-style-9 .pp-grid-tile-category span {display: inline-block;background-color: #333333;margin-bottom: 10px;padding: 2px 8px;-webkit-transition: background-color 0.2s ease-in-out;-moz-transition: background-color 0.2s ease-in-out;transition: background-color 0.2s ease-in-out;}.pp-content-post.pp-grid-style-9 .pp-grid-tile-info,.pp-content-post.pp-grid-style-9 .pp-grid-tile-meta {width: 80%;margin: 0 0 0 20px;}.pp-content-post.pp-grid-style-9 .pp-grid-tile-meta {margin-bottom: 20px;}.pp-content-post.pp-grid-style-9 .pp-grid-tile-category,.pp-content-post.pp-grid-style-9 .pp-grid-tile-meta {font-size: 12px;}.pp-content-post.pp-grid-style-9 .pp-grid-tile-category,.pp-content-post.pp-grid-style-9 .pp-grid-tile-category a,.pp-content-post.pp-grid-style-9 .pp-grid-tile-meta span {color: #fff;text-shadow: 1px 1px 1px rgba(0,0,0,.3);}.pp-post-event-calendar-date {margin-bottom: 5px;}.pp-post-event-calendar-date,.pp-post-event-calendar-date span {font-weight: bold;}.pp-post-event-calendar-venue {font-style: italic;}.pp-post-event-calendar-cost {margin-top: 12px;margin-bottom: 12px;}.pp-posts-not-found-text {width: 100% !important;}.cg-equal-align-button .pp-content-post,.cg-equal-align-button .pp-content-post .pp-content-body,.cg-equal-align-button .pp-content-post-data {display: flex;flex-direction: column;}.cg-equal-align-button .pp-content-post .pp-content-body,.cg-equal-align-button .pp-content-post-data,.cg-equal-align-button .pp-content-post .pp-post-content {height: 100%;}.cg-equal-align-button .pp-content-post .pp-post-link {margin-top: auto;}.cg-center-align .pp-content-posts {margin: 0 auto;}.cg-static-grid .pp-content-post.pp-content-grid-post {position: static !important;left: auto !important;top: auto !important;margin-right: 2%;visibility: visible !important;opacity: 1 !important;transform: none !important;}@media only screen and (min-width: 768px) {.cg-css-grid .pp-content-post-grid.pp-equal-height {display: grid;grid-template-columns: repeat(3, 1fr);grid-auto-rows: min-content;grid-column-gap: 2%;grid-row-gap: 2ch;height: auto !important;}.cg-css-grid .pp-content-post-grid.pp-equal-height:before,.cg-css-grid .pp-content-post-grid.pp-equal-height:after {content: none;display: none;}.cg-css-grid .pp-content-post-grid.pp-equal-height .pp-content-post {display: flex;flex-direction: column;flex-grow: 1;position: static !important;overflow: visible;width: auto;height: auto !important;margin-bottom: 0 !important;transform: none !important;}.cg-css-grid .pp-content-post-grid.pp-equal-height .pp-grid-space {display: none;}}@media (max-width: 860px) { .pp-post-feed-post.pp-post-feed-image-beside {max-width: 300px;margin-left: auto;margin-right: auto;}.pp-post-feed-image-beside .pp-post-feed-image,.pp-post-feed-image-beside .pp-post-feed-image img {float: none;width: 100% !important;}.pp-post-feed-image-beside.pp-post-feed-has-image .pp-post-feed-content {margin-left: 0;}.pp-content-post-carousel .pp-content-post .pp-post-img {width: auto;}.pp-content-post-carousel .owl-theme .owl-controls .owl-buttons div.owl-prev {left: 0;}.pp-content-post-carousel .owl-theme .owl-controls .owl-buttons div.owl-next {right: 0;}.pp-content-post-carousel .owl-theme .owl-controls {margin-top: 20px;}.pp-content-post-grid.pp-content-alternate .pp-content-post .pp-content-alternate-wrap,.pp-content-post-grid.pp-content-alternate .pp-content-post.pp-post-2n .pp-content-alternate-wrap {flex-direction: column;}.pp-content-post-grid.pp-content-alternate .pp-content-post .pp-content-alternate-wrap .pp-content-grid-image,.pp-content-post-grid.pp-content-alternate .pp-content-post .pp-content-alternate-wrap .pp-content-grid-inner { width: 100%;}.cg-equal-align-button .pp-content-post.pp-content-alternate .pp-content-body,.cg-equal-align-button .pp-content-post.pp-content-alternate .pp-content-post-data,.cg-equal-align-button .pp-content-post.pp-content-alternate .pp-content-post .pp-post-content {height: auto;} }.fl-node-5nxtj94i8khs .pp-content-grid-pagination {text-align: center;}.fl-node-5nxtj94i8khs .pp-content-grid-pagination.fl-builder-pagination {padding-top: 15px;padding-bottom: 15px;}.fl-node-5nxtj94i8khs .pp-content-grid-pagination li a.page-numbers,.fl-node-5nxtj94i8khs .pp-content-grid-pagination li span.page-numbers {background-color: #ffffff;color: #000000;margin-right: 5px;}.fl-node-5nxtj94i8khs .pp-content-grid-pagination li a.page-numbers:hover,.fl-node-5nxtj94i8khs .pp-content-grid-pagination li span.current,.fl-node-5nxtj94i8khs .pp-content-grid-pagination li span[aria-current] {background-color: #eeeeee;}.fl-node-5nxtj94i8khs .pp-content-grid-load-more {margin-top: 15px;text-align: center;}.fl-node-5nxtj94i8khs .pp-content-grid-load-more a {background-color: #ffffff;color: #000000;text-align: center;text-decoration: none;transition: all 0.2s ease-in-out;}.fl-node-5nxtj94i8khs .pp-content-grid-load-more a:hover {background-color: #eeeeee;}.fl-node-5nxtj94i8khs .pp-content-post .pp-post-title {margin-top: 5px;margin-bottom: 5px;}.fl-node-5nxtj94i8khs .pp-content-post .pp-post-title,.fl-node-5nxtj94i8khs .pp-content-post .pp-post-title a {}.fl-node-5nxtj94i8khs .pp-content-post:hover .pp-post-title,.fl-node-5nxtj94i8khs .pp-content-post:hover .pp-post-title a {}.fl-node-5nxtj94i8khs .pp-content-post .pp-post-content {margin-top: 5px;margin-bottom: 5px;}.fl-node-5nxtj94i8khs .pp-content-post:hover .pp-post-content {}.fl-node-5nxtj94i8khs .pp-post-event-calendar-date,.fl-node-5nxtj94i8khs .pp-post-event-calendar-date span {}.fl-node-5nxtj94i8khs .pp-post-event-calendar-venue,.fl-node-5nxtj94i8khs .pp-post-event-calendar-venue span.tribe-address {}.fl-node-5nxtj94i8khs .pp-post-event-calendar-cost,.fl-node-5nxtj94i8khs .pp-post-event-calendar-cost span.ticket-cost {}.fl-node-5nxtj94i8khs .pp-post-event-calendar-cost form {margin-top: 10px;}.fl-node-5nxtj94i8khs .pp-content-post .pp-more-link-button,.fl-node-5nxtj94i8khs .pp-content-post .pp-more-link-button:visited,.fl-node-5nxtj94i8khs .pp-content-post .pp-add-to-cart a,.fl-node-5nxtj94i8khs .pp-content-post .pp-add-to-cart a:visited,.fl-node-5nxtj94i8khs .pp-post-event-calendar-cost form .tribe-button,.fl-node-5nxtj94i8khs .pp-post-event-calendar-cost form .tribe-button:visited {color: #ffffff; cursor: pointer;}.fl-node-5nxtj94i8khs .pp-content-post-data.pp-content-relative {position: relative;}.fl-node-5nxtj94i8khs .pp-content-post-data.pp-content-relative .pp-more-link-button {position: absolute;bottom: 0;left: 0;}.fl-node-5nxtj94i8khs .pp-grid-style-5 .pp-content-post-data.pp-content-relative .pp-more-link-button {left: 0;transform: none;}.fl-node-5nxtj94i8khs .pp-grid-style-6 .pp-content-post-data.pp-content-relative .pp-more-link-button {left: 50%;transform: translateX(-50%);}.fl-node-5nxtj94i8khs .pp-content-post .pp-content-grid-more:hover,.fl-node-5nxtj94i8khs .pp-content-post .pp-add-to-cart a:hover,.fl-node-5nxtj94i8khs .pp-post-event-calendar-cost form .tribe-button:hover {background: #000000;border-color: #eeeeee;}.fl-node-5nxtj94i8khs .pp-content-post .pp-post-title-divider {background-color: #333333;}.fl-node-5nxtj94i8khs .pp-content-post .pp-post-image .pp-content-category-list {background-color: #000000;color: #ffffff;right: auto;left: 0;}.fl-node-5nxtj94i8khs .pp-content-post .pp-post-image .pp-content-category-list a {color: #ffffff;}.fl-node-5nxtj94i8khs .pp-content-post.pp-grid-style-5 .pp-content-post-date span.pp-post-day {background-color: #f9f9f9;color: #888888;border-top-left-radius: 2px;border-top-right-radius: 2px;}.fl-node-5nxtj94i8khs .pp-content-post.pp-grid-style-5 .pp-content-post-date span.pp-post-month {background-color: #000000;color: #ffffff;border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;}.fl-node-5nxtj94i8khs .pp-content-post.pp-grid-style-6 .pp-post-image .pp-content-post-date {background-color: #000000;color: #ffffff;}.fl-node-5nxtj94i8khs .pp-content-post .pp-post-image .pp-post-title {background: rgba(0, 0, 0, 0.5);text-align: left;}.fl-node-5nxtj94i8khs .pp-content-post .pp-post-meta {color: #606060;}.fl-node-5nxtj94i8khs .pp-content-post:hover .pp-post-meta {}.fl-node-5nxtj94i8khs .pp-content-post .pp-post-meta span {}.fl-node-5nxtj94i8khs .pp-content-post .pp-post-meta a {color: #606060;}.fl-node-5nxtj94i8khs .pp-content-post:hover .pp-post-meta a {}.fl-node-5nxtj94i8khs .pp-content-grid-post .pp-content-category-list,.fl-node-5nxtj94i8khs .pp-content-carousel-post .pp-content-category-list {border-top-color: rgba(235,235,235,0);}.fl-node-5nxtj94i8khs .pp-content-post.pp-grid-style-7 .pp-content-post-meta {border-bottom-color: rgba(235,235,235,0);}.fl-node-5nxtj94i8khs .pp-content-post.pp-grid-style-7:hover .pp-content-post-meta {border-bottom-color: rgba(226,226,226,0);}.fl-node-5nxtj94i8khs .pp-content-post-carousel .owl-theme .owl-dots .owl-dot span {opacity: 1;background: #666666;width: 10px;height: 10px;border-radius: 100px;box-shadow: none;}.fl-node-5nxtj94i8khs .pp-content-post-carousel .owl-theme .owl-dots .owl-dot.active span,.fl-node-5nxtj94i8khs .pp-content-post-carousel .owl-theme .owl-dots .owl-dot:hover span {background: #000000;opacity: 1;box-shadow: none;}.fl-node-5nxtj94i8khs .pp-content-post-carousel .owl-nav button.owl-prev {left: -15px;}.fl-node-5nxtj94i8khs .pp-content-post-carousel .owl-nav button.owl-next {right: -15px;}.fl-node-5nxtj94i8khs .pp-content-post-carousel .owl-nav button {width: 40px;height: 40px;}.fl-node-5nxtj94i8khs .pp-content-post-carousel .owl-nav button svg {height: 30px;}.fl-node-5nxtj94i8khs .pp-content-post-carousel .owl-nav button:hover {}.fl-node-5nxtj94i8khs .pp-content-post {opacity: 1;text-align: left;}.fl-node-5nxtj94i8khs .pp-content-post:hover {background-color: rgba(238,238,238,0);}.fl-node-5nxtj94i8khs .pp-content-post.pp-grid-style-7 .pp-content-body {background-color: rgba(247,247,247,0);}.fl-node-5nxtj94i8khs .pp-content-post.pp-grid-style-7:hover .pp-content-body {background-color: rgba(238,238,238,0);}.woocommerce .fl-node-5nxtj94i8khs .pp-content-post {margin-bottom: 3%;}.fl-node-5nxtj94i8khs .pp-content-post-grid {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 30px;}.fl-node-5nxtj94i8khs.cg-grid-center-align .pp-content-post-grid {grid-template-columns: repeat(min(var(--items-count),var(--column-xl)), min(calc(100%/var(--items-count)),calc(100%/var(--column-xl))));justify-content: center;}.fl-node-5nxtj94i8khs .pp-content-post {width: 100%;}.fl-node-5nxtj94i8khs .pp-content-post {position: relative;background-color: rgba(247,247,247,0);}.fl-node-5nxtj94i8khs.cg-static-grid .pp-content-post.pp-content-grid-post {margin-right: 3%;}@media only screen and (min-width: 768px) {.fl-node-5nxtj94i8khs.cg-css-grid .pp-content-post-grid.pp-equal-height {grid-column-gap: 3%;grid-row-gap: 3ch;}}.fl-node-5nxtj94i8khs .pp-grid-space {width: 3%;}.fl-node-5nxtj94i8khs .pp-content-post .pp-content-grid-more-link,.fl-node-5nxtj94i8khs .pp-content-post .pp-add-to-cart {margin-top: 10px;margin-bottom: 5px;position: relative;z-index: 2;}.fl-node-5nxtj94i8khs .pp-content-grid-post:nth-of-type(3n) {margin-right: 0;}.fl-node-5nxtj94i8khs .pp-content-post-grid.pp-filters-active .pp-content-grid-post {margin-right: 0;}.fl-node-5nxtj94i8khs .pp-content-post .pp-content-body {}.fl-node-5nxtj94i8khs .pp-content-post .star-rating {margin-left: 0;}.fl-node-5nxtj94i8khs .pp-content-post.pp-grid-style-5 .star-rating {margin-left: 0;}.fl-node-5nxtj94i8khs .pp-content-post .star-rating:before,.fl-node-5nxtj94i8khs .pp-content-post .star-rating span:before {color: #000000;}.fl-node-5nxtj94i8khs .pp-content-post .pp-product-price,.fl-node-5nxtj94i8khs .pp-content-post .pp-product-price span.price {color: #000000;font-size: px;}.fl-node-5nxtj94i8khs.cg-square-layout .pp-content-post.pp-grid-style-9 {height: auto !important;}.fl-node-5nxtj94i8khs.cg-square-layout .pp-content-post-grid.pp-filters-active .pp-content-grid-post .pp-post-image:after {content: "";display: block;padding-bottom: 100%;}.fl-node-5nxtj94i8khs.cg-square-layout .pp-content-post.pp-grid-style-9 .pp-post-featured-img { width: 100%; height: 100%; position: absolute;}.fl-node-5nxtj94i8khs .pp-post-filters-sidebar .pp-content-posts {width: 100%;}.fl-node-5nxtj94i8khs .pp-post-filters-sidebar.pp-posts-wrapper {display: flex;flex-direction: row;}.fl-node-5nxtj94i8khs .pp-post-filters-sidebar-right.pp-posts-wrapper {flex-direction: row-reverse;}.fl-node-5nxtj94i8khs .pp-post-filters-sidebar .pp-post-filters-wrapper {flex: 1 0 0;}.fl-node-5nxtj94i8khs .pp-post-filters-sidebar .pp-post-filters li {display: block;margin-bottom: 10px;}.fl-node-5nxtj94i8khs .pp-post-filters-sidebar-right .pp-post-filters li {margin-right: 0;margin-left: 10px;}@media screen and (max-width: 1200px) {.fl-node-5nxtj94i8khs .pp-content-post-grid {grid-template-columns: repeat(3, 1fr);grid-gap: 30px;}.fl-node-5nxtj94i8khs.cg-grid-center-align .pp-content-post-grid {grid-template-columns: repeat(min(var(--items-count),var(--column-lg)), min(calc(100%/var(--items-count)),calc(100%/var(--column-lg))));}.fl-node-5nxtj94i8khs .pp-content-post {}.fl-node-5nxtj94i8khs .pp-grid-space {width: 3%;}}@media screen and (max-width: 1115px) {.fl-node-5nxtj94i8khs .pp-content-post-grid {grid-template-columns: repeat(3, 1fr);grid-gap: 30px;}.fl-node-5nxtj94i8khs.cg-grid-center-align .pp-content-post-grid {grid-template-columns: repeat(min(var(--items-count),var(--column-md)), min(calc(100%/var(--items-count)),calc(100%/var(--column-md))));}.fl-node-5nxtj94i8khs .pp-content-post {}.fl-node-5nxtj94i8khs .pp-grid-space {width: 3%;}.fl-node-5nxtj94i8khs .pp-content-grid-post:nth-of-type(3n+1) {clear: none;}.fl-node-5nxtj94i8khs .pp-content-grid-post:nth-of-type(3n+1) {clear: left;}.fl-node-5nxtj94i8khs .pp-content-grid-post:nth-of-type(3n) {margin-right: 0;}}@media screen and (max-width: 860px) {.fl-node-5nxtj94i8khs .pp-content-post-grid {grid-template-columns: repeat(1, 1fr);grid-gap: 30px;}.fl-node-5nxtj94i8khs.cg-grid-center-align .pp-content-post-grid {grid-template-columns: repeat(min(var(--items-count),var(--column-sm)), min(calc(100%/var(--items-count)),calc(100%/var(--column-sm))));}.fl-node-5nxtj94i8khs .pp-content-post {}.fl-node-5nxtj94i8khs .pp-grid-space {width: 3%;}.fl-node-5nxtj94i8khs .pp-content-grid-post:nth-of-type(3n+1) {clear: none;}.fl-node-5nxtj94i8khs .pp-content-grid-post:nth-of-type(1n+1) {clear: left;}.fl-node-5nxtj94i8khs .pp-content-grid-post:nth-of-type(1n) {margin-right: 0;}.fl-node-5nxtj94i8khs .pp-content-post.pp-grid-style-8 .pp-post-image,.fl-node-5nxtj94i8khs .pp-content-post.pp-grid-style-8 .pp-content-body {float: none;width: 100%;}}.fl-node-5nxtj94i8khs .pp-content-grid-pagination li a.page-numbers, .fl-node-5nxtj94i8khs .pp-content-grid-pagination li span.page-numbers, .fl-node-5nxtj94i8khs .pp-content-grid-load-more a {padding-top: 10px;padding-right: 10px;padding-bottom: 10px;padding-left: 10px;font-size: 14px;}.fl-node-5nxtj94i8khs .pp-content-post .pp-more-link-button, .fl-node-5nxtj94i8khs .pp-content-post .pp-add-to-cart a, .fl-node-5nxtj94i8khs .pp-post-event-calendar-cost form .tribe-button {padding-top: 10px;padding-right: 10px;padding-bottom: 10px;padding-left: 10px;}.fl-node-5nxtj94i8khs .pp-content-post-carousel .owl-nav button {padding-top: 10px;padding-right: 10px;padding-bottom: 10px;padding-left: 10px;}.fl-node-5nxtj94i8khs .pp-content-post {padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}.fl-node-5nxtj94i8khs .pp-content-post .pp-content-body {padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}.fl-node-5nxtj94i8khs .pp-content-post.pp-grid-style-9 {height: 275px;}@media ( max-width: 860px ) { .fl-node-5nxtj94i8khs.fl-module > .fl-module-content {margin-top:0px;}}.fl-node-qdmba8hk6c5u.fl-module-heading .fl-heading {font-size: 50px;text-align: center;}@media(max-width: 860px) {.fl-node-qdmba8hk6c5u.fl-module-heading .fl-heading {font-size: 30px;}} .fl-node-qdmba8hk6c5u > .fl-module-content {margin-right:100px;margin-left:100px;}@media ( max-width: 860px ) { .fl-node-qdmba8hk6c5u.fl-module > .fl-module-content {margin-right:0px;margin-left:0px;}}.fl-builder-content .fl-node-waie8sk5qlnj .fl-rich-text, .fl-builder-content .fl-node-waie8sk5qlnj .fl-rich-text *:not(b, strong) {text-align: center;} .fl-node-waie8sk5qlnj > .fl-module-content {margin-top:15px;margin-right:250px;margin-left:250px;}@media ( max-width: 860px ) { .fl-node-waie8sk5qlnj.fl-module > .fl-module-content {margin-top:15px;margin-right:0px;margin-left:0px;}}.fl-builder-content .fl-node-fxvw9yp0o6l7 a.fl-button,.fl-builder-content .fl-node-fxvw9yp0o6l7 a.fl-button:hover,.fl-builder-content .fl-node-fxvw9yp0o6l7 a.fl-button:visited {background: #121212;}.fl-builder-content .fl-node-fxvw9yp0o6l7 a.fl-button:hover {background-color: #24292D;}.fl-node-fxvw9yp0o6l7 .fl-button-wrap {text-align: center;}.fl-builder-content .fl-node-fxvw9yp0o6l7 a.fl-button, .fl-builder-content .fl-node-fxvw9yp0o6l7 a.fl-button:visited {text-transform: none;border: 1px solid #060606;}.fl-builder-content .fl-node-fxvw9yp0o6l7 a.fl-button:hover, .fl-builder-content .fl-node-fxvw9yp0o6l7 a.fl-button:focus {border: 1px solid #181d21;} .fl-node-fxvw9yp0o6l7 > .fl-module-content {margin-top:40px;}@media ( max-width: 860px ) { .fl-node-fxvw9yp0o6l7.fl-module > .fl-module-content {margin-top:25px;}}.fl-builder-row-settings #fl-field-separator_position {display: none !important;}.fl-node-cydnh3z89fkb .fl-row-content {min-width: 0px;}.fl-node-5nxtj94i8khs .pp-content-post .pp-content-grid-post-image img {transition: all .3s ease-in-out;width: 100%;height: 250px;object-fit: cover;border-radius: 12px;}.fl-node-5nxtj94i8khs .post-terms ul {margin: 0;padding-left: 0;list-style: none;}.fl-node-5nxtj94i8khs .post-terms ul li {display: inline-block;margin-right: 15px;}.fl-node-5nxtj94i8khs .post-terms ul li a {font-size: 16px;color: #121212;transition: all .3s ease-in-out;text-decoration: none;}.fl-node-5nxtj94i8khs .post-terms ul li a:hover {color: #1A8CFF;}.fl-node-5nxtj94i8khs .pp-content-grid-post-title:hover a {color: #1A8CFF;}.fl-node-5nxtj94i8khs .pp-content-grid-post-image {padding: 0;padding-bottom: 0;}.fl-node-5nxtj94i8khs .pp-content-grid-post-text {padding: 25px 0 0 0;}.fl-node-5nxtj94i8khs .pp-content-grid-post-title {font-size: 23px;line-height: 30px;margin: 15px 0 0 0;padding: 0;}.fl-node-5nxtj94i8khs .pp-content-grid-post-title a {transition: all .3s ease-in-out;}.fl-node-5nxtj94i8khs .pp-content-grid-post-meta {padding: 20px 0 0 0;}.fl-node-5nxtj94i8khs .pp-content-grid-post-meta {display: flex;flex-direction: row;align-items: center;}.fl-node-5nxtj94i8khs .author-photo img {width: 42px;height: 42px;border-radius: 50%;}.fl-node-5nxtj94i8khs .author-meta {padding-left: 12px;}.fl-node-5nxtj94i8khs .author-name {font-size: 16px;font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-weight: 700;margin-bottom: 0;}.fl-node-5nxtj94i8khs .author-date {font-size: 14px;font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";color: #969798;margin-bottom: 0;}

.fl-node-cydnh3z89fkb .fl-builder-bottom-edge-layer {bottom: -1%;}.fl-node-cydnh3z89fkb .fl-builder-bottom-edge-layer > * {width: 100%;left: 0;right: auto;height: 8%;top: auto;bottom: 0;transform: scaleX(-1) scaleY(-1);}.fl-node-cydnh3z89fkb .fl-builder-bottom-edge-layer .fl-shape-content .fl-shape {fill: #000000;} .fl-node-cydnh3z89fkb > .fl-row-content-wrap {padding-top:200px;padding-bottom:0px;}@media ( max-width: 1115px ) { .fl-node-cydnh3z89fkb.fl-row > .fl-row-content-wrap {padding-top:150px;}}@media ( max-width: 860px ) { .fl-node-cydnh3z89fkb.fl-row > .fl-row-content-wrap {padding-top:100px;}}

Tools

Biome

[error] 1-1: Unexpected value or character.

Expected one of:

(parse)

---

[error] 1-1: Unexpected value or character.

Expected one of:

(parse)

[coderabbitai]

Potential Issue: State Management

The use of a global variable state for controlling the execution within an event handler can lead to issues in a multi-user or asynchronous environment. Consider encapsulating this state within a closure or using a more robust state management solution to prevent potential side effects caused by shared state.

Consider refactoring the state management to use a more isolated approach. Here's a suggested refactor using a closure to encapsulate the state:

(function() {
  let state = 0;
  $(document).on('pp_expandable_row_toggle', function(e, selector) {
    if (selector.is('.pp-er-open') && state === 0 && selector.parent().find('.pp-content-post-grid').length > 0) {
      if ('undefined' !== typeof $.fn.isotope && selector.parent().find('.pp-content-post-grid').data('isotope')) {
        selector.parent().find('.pp-content-post-grid').isotope('layout');
      }
      state = 1;
    }
  });
})();

This modification ensures that the state variable is not shared across different parts of the application or among different users, which enhances the reliability and maintainability of the code.

---

Refactor Suggestion: Event Handler Optimization

The current implementation of the pp_expandable_row_toggle event handler could be optimized by checking conditions before attaching the event. This can prevent unnecessary checks every time the event is triggered.

Refactor the event handler to check conditions before binding:

(function() {
  let state = 0;
  if ($('.pp-er-open').length > 0 && $('.pp-content-post-grid').length > 0) {
    $(document).on('pp_expandable_row_toggle', function(e, selector) {
      if (state === 0 && 'undefined' !== typeof $.fn.isotope && selector.parent().find('.pp-content-post-grid').data('isotope')) {
        selector.parent().find('.pp-content-post-grid').isotope('layout');
        state = 1;
      }
    });
  }
})();

This approach ensures that the event handler is only bound if necessary conditions are met, reducing the overhead on the browser's event handling system.

[coderabbitai]

Actionable comments posted: 0

Review details

Configuration used: CodeRabbit UI
Review profile: CHILL

Commits

Files that changed from the base of the PR and between e2dc778 and 5ca4dee.

Files selected for processing (2)

• static/assets/css/blog-layout.css (1 hunks)
• themes/beaver/static/css/qq.css (1 hunks)

Files skipped from review due to trivial changes (1)

• static/assets/css/blog-layout.css

Additional comments not posted (1)

themes/beaver/static/css/qq.css (1)

1902-1902: Change in element positioning to reduce content shifts.

The modification from calc(50% - 50%) to left: 0 shifts the element from a centered to a left-aligned position. This change is likely intended to stabilize the element during page load, reducing content shifts and improving user experience. However, it's important to verify that this change does not introduce other visual inconsistencies across different devices or screen sizes.

Consider testing this change across multiple devices and screen resolutions to ensure it consistently improves the user experience without introducing new issues.

[dgorodnichy]

LGTM