@import url("https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap");
:root {
  --color-payday-blue: #3E79BB;
  --color-payday-blue-tint-1: #9EBCDD;
  --color-payday-blue-tint-2: #ECF2F8;
  --color-ledger-blue: #101b2d;
  --color-ledger-blue-tint-1: #C3C6CB;
  --color-ledger-blue-tint-2: #E7E8EA;
  --color-form-fill-white: #F5F5F5;
  --color-form-fill-white-tint-1: #FAFAFA;
  --color-form-fill-white-tint-2: #FFFFFF;
  --color-growth-green: #3DC068;
  --color-growth-green-tint-1: #9EDFB3;
  --color-growth-green-tint-2: #ecf9f0;
  --color-pto-yellow: #FFBF46;
  --color-pto-yellow-tint-1: #FFDFA2;
  --color-pto-yellow-tint-2: #FFF9EC;
  --color-compliance-green: #267e43;
  --color-compliance-green-tint-1: #92BEA1;
  --color-compliance-green-tint-2: #E9F2EC;
  --color-white: #FFFFFF;
  --color-black: #000000;
}

.bg-payday-blue {
  --bg-color: var(--color-payday-blue);
  background-color: var(--bg-color);
}

.bg-payday-blue-tint-1 {
  --bg-color: var(--color-payday-blue-tint-1);
  background-color: var(--bg-color);
}

.bg-payday-blue-tint-2 {
  --bg-color: var(--color-payday-blue-tint-2);
  background-color: var(--bg-color);
}

.bg-ledger-blue {
  --bg-color: var(--color-ledger-blue);
  background-color: var(--bg-color);
}

.bg-ledger-blue-tint-1 {
  --bg-color: var(--color-ledger-blue-tint-1);
  background-color: var(--bg-color);
}

.bg-ledger-blue-tint-2 {
  --bg-color: var(--color-ledger-blue-tint-2);
  background-color: var(--bg-color);
}

.bg-form-fill-white {
  --bg-color: var(--color-form-fill-white);
  background-color: var(--bg-color);
}

.bg-form-fill-white-tint-1 {
  --bg-color: var(--color-form-fill-white-tint-1);
  background-color: var(--bg-color);
}

.bg-form-fill-white-tint-2 {
  --bg-color: var(--color-form-fill-white-tint-2);
  background-color: var(--bg-color);
}

.bg-growth-green {
  --bg-color: var(--color-growth-green);
  background-color: var(--bg-color);
}

.bg-growth-green-tint-1 {
  --bg-color: var(--color-growth-green-tint-1);
  background-color: var(--bg-color);
}

.bg-growth-green-tint-2 {
  --bg-color: var(--color-growth-green-tint-2);
  background-color: var(--bg-color);
}

.bg-pto-yellow {
  --bg-color: var(--color-pto-yellow);
  background-color: var(--bg-color);
}

.bg-pto-yellow-tint-1 {
  --bg-color: var(--color-pto-yellow-tint-1);
  background-color: var(--bg-color);
}

.bg-pto-yellow-tint-2 {
  --bg-color: var(--color-pto-yellow-tint-2);
  background-color: var(--bg-color);
}

.bg-compliance-green {
  --bg-color: var(--color-compliance-green);
  background-color: var(--bg-color);
}

.bg-compliance-green-tint-1 {
  --bg-color: var(--color-compliance-green-tint-1);
  background-color: var(--bg-color);
}

.bg-compliance-green-tint-2 {
  --bg-color: var(--color-compliance-green-tint-2);
  background-color: var(--bg-color);
}

.bg-white {
  --bg-color: var(--color-white);
  background-color: var(--bg-color);
}

.bg-black {
  --bg-color: var(--color-black);
  background-color: var(--bg-color);
}

.text-payday-blue {
  --text-color: var(--color-payday-blue);
  color: var(--text-color);
}

.text-payday-blue-tint-1 {
  --text-color: var(--color-payday-blue-tint-1);
  color: var(--text-color);
}

.text-payday-blue-tint-2 {
  --text-color: var(--color-payday-blue-tint-2);
  color: var(--text-color);
}

.text-ledger-blue {
  --text-color: var(--color-ledger-blue);
  color: var(--text-color);
}

.text-ledger-blue-tint-1 {
  --text-color: var(--color-ledger-blue-tint-1);
  color: var(--text-color);
}

.text-ledger-blue-tint-2 {
  --text-color: var(--color-ledger-blue-tint-2);
  color: var(--text-color);
}

.text-form-fill-white {
  --text-color: var(--color-form-fill-white);
  color: var(--text-color);
}

.text-form-fill-white-tint-1 {
  --text-color: var(--color-form-fill-white-tint-1);
  color: var(--text-color);
}

.text-form-fill-white-tint-2 {
  --text-color: var(--color-form-fill-white-tint-2);
  color: var(--text-color);
}

.text-growth-green {
  --text-color: var(--color-growth-green);
  color: var(--text-color);
}

.text-growth-green-tint-1 {
  --text-color: var(--color-growth-green-tint-1);
  color: var(--text-color);
}

.text-growth-green-tint-2 {
  --text-color: var(--color-growth-green-tint-2);
  color: var(--text-color);
}

.text-pto-yellow {
  --text-color: var(--color-pto-yellow);
  color: var(--text-color);
}

.text-pto-yellow-tint-1 {
  --text-color: var(--color-pto-yellow-tint-1);
  color: var(--text-color);
}

.text-pto-yellow-tint-2 {
  --text-color: var(--color-pto-yellow-tint-2);
  color: var(--text-color);
}

.text-compliance-green {
  --text-color: var(--color-compliance-green);
  color: var(--text-color);
}

.text-compliance-green-tint-1 {
  --text-color: var(--color-compliance-green-tint-1);
  color: var(--text-color);
}

.text-compliance-green-tint-2 {
  --text-color: var(--color-compliance-green-tint-2);
  color: var(--text-color);
}

.text-white {
  --text-color: var(--color-white);
  color: var(--text-color);
}

.text-black {
  --text-color: var(--color-black);
  color: var(--text-color);
}

.border-payday-blue {
  --border-color: var(--color-payday-blue);
  border-color: var(--color-payday-blue);
}

.border-payday-blue-tint-1 {
  --border-color: var(--color-payday-blue-tint-1);
  border-color: var(--color-payday-blue-tint-1);
}

.border-payday-blue-tint-2 {
  --border-color: var(--color-payday-blue-tint-2);
  border-color: var(--color-payday-blue-tint-2);
}

.border-ledger-blue {
  --border-color: var(--color-ledger-blue);
  border-color: var(--color-ledger-blue);
}

.border-ledger-blue-tint-1 {
  --border-color: var(--color-ledger-blue-tint-1);
  border-color: var(--color-ledger-blue-tint-1);
}

.border-ledger-blue-tint-2 {
  --border-color: var(--color-ledger-blue-tint-2);
  border-color: var(--color-ledger-blue-tint-2);
}

.border-form-fill-white {
  --border-color: var(--color-form-fill-white);
  border-color: var(--color-form-fill-white);
}

.border-form-fill-white-tint-1 {
  --border-color: var(--color-form-fill-white-tint-1);
  border-color: var(--color-form-fill-white-tint-1);
}

.border-form-fill-white-tint-2 {
  --border-color: var(--color-form-fill-white-tint-2);
  border-color: var(--color-form-fill-white-tint-2);
}

.border-growth-green {
  --border-color: var(--color-growth-green);
  border-color: var(--color-growth-green);
}

.border-growth-green-tint-1 {
  --border-color: var(--color-growth-green-tint-1);
  border-color: var(--color-growth-green-tint-1);
}

.border-growth-green-tint-2 {
  --border-color: var(--color-growth-green-tint-2);
  border-color: var(--color-growth-green-tint-2);
}

.border-pto-yellow {
  --border-color: var(--color-pto-yellow);
  border-color: var(--color-pto-yellow);
}

.border-pto-yellow-tint-1 {
  --border-color: var(--color-pto-yellow-tint-1);
  border-color: var(--color-pto-yellow-tint-1);
}

.border-pto-yellow-tint-2 {
  --border-color: var(--color-pto-yellow-tint-2);
  border-color: var(--color-pto-yellow-tint-2);
}

.border-compliance-green {
  --border-color: var(--color-compliance-green);
  border-color: var(--color-compliance-green);
}

.border-compliance-green-tint-1 {
  --border-color: var(--color-compliance-green-tint-1);
  border-color: var(--color-compliance-green-tint-1);
}

.border-compliance-green-tint-2 {
  --border-color: var(--color-compliance-green-tint-2);
  border-color: var(--color-compliance-green-tint-2);
}

.border-white {
  --border-color: var(--color-white);
  border-color: var(--color-white);
}

.border-black {
  --border-color: var(--color-black);
  border-color: var(--color-black);
}

.has-payday-blue-color {
  --text-color: var(--color-payday-blue);
  color: var(--text-color);
}

.has-payday-blue-background-color {
  --bg-color: var(--color-payday-blue, inherit);
  background-color: var(--bg-color);
}

.wp-block-button.is-style-outline .wp-block-button__link.has-payday-blue-background-color {
  --default-button-border-color: var(--color-payday-blue, inherit);
  --text-color: var(--color-payday-blue, inherit);
  color: var(--color-payday-blue, inherit);
}

.has-payday-blue-tint-1-color {
  --text-color: var(--color-payday-blue-tint-1);
  color: var(--text-color);
}

.has-payday-blue-tint-1-background-color {
  --bg-color: var(--color-payday-blue-tint-1, inherit);
  background-color: var(--bg-color);
}

.wp-block-button.is-style-outline .wp-block-button__link.has-payday-blue-tint-1-background-color {
  --default-button-border-color: var(--color-payday-blue-tint-1, inherit);
  --text-color: var(--color-payday-blue-tint-1, inherit);
  color: var(--color-payday-blue-tint-1, inherit);
}

.has-payday-blue-tint-2-color {
  --text-color: var(--color-payday-blue-tint-2);
  color: var(--text-color);
}

.has-payday-blue-tint-2-background-color {
  --bg-color: var(--color-payday-blue-tint-2, inherit);
  background-color: var(--bg-color);
}

.wp-block-button.is-style-outline .wp-block-button__link.has-payday-blue-tint-2-background-color {
  --default-button-border-color: var(--color-payday-blue-tint-2, inherit);
  --text-color: var(--color-payday-blue-tint-2, inherit);
  color: var(--color-payday-blue-tint-2, inherit);
}

.has-ledger-blue-color {
  --text-color: var(--color-ledger-blue);
  color: var(--text-color);
}

.has-ledger-blue-background-color {
  --bg-color: var(--color-ledger-blue, inherit);
  background-color: var(--bg-color);
}

.wp-block-button.is-style-outline .wp-block-button__link.has-ledger-blue-background-color {
  --default-button-border-color: var(--color-ledger-blue, inherit);
  --text-color: var(--color-ledger-blue, inherit);
  color: var(--color-ledger-blue, inherit);
}

.has-ledger-blue-tint-1-color {
  --text-color: var(--color-ledger-blue-tint-1);
  color: var(--text-color);
}

.has-ledger-blue-tint-1-background-color {
  --bg-color: var(--color-ledger-blue-tint-1, inherit);
  background-color: var(--bg-color);
}

.wp-block-button.is-style-outline .wp-block-button__link.has-ledger-blue-tint-1-background-color {
  --default-button-border-color: var(--color-ledger-blue-tint-1, inherit);
  --text-color: var(--color-ledger-blue-tint-1, inherit);
  color: var(--color-ledger-blue-tint-1, inherit);
}

.has-ledger-blue-tint-2-color {
  --text-color: var(--color-ledger-blue-tint-2);
  color: var(--text-color);
}

.has-ledger-blue-tint-2-background-color {
  --bg-color: var(--color-ledger-blue-tint-2, inherit);
  background-color: var(--bg-color);
}

.wp-block-button.is-style-outline .wp-block-button__link.has-ledger-blue-tint-2-background-color {
  --default-button-border-color: var(--color-ledger-blue-tint-2, inherit);
  --text-color: var(--color-ledger-blue-tint-2, inherit);
  color: var(--color-ledger-blue-tint-2, inherit);
}

.has-form-fill-white-color {
  --text-color: var(--color-form-fill-white);
  color: var(--text-color);
}

.has-form-fill-white-background-color {
  --bg-color: var(--color-form-fill-white, inherit);
  background-color: var(--bg-color);
}

.wp-block-button.is-style-outline .wp-block-button__link.has-form-fill-white-background-color {
  --default-button-border-color: var(--color-form-fill-white, inherit);
  --text-color: var(--color-form-fill-white, inherit);
  color: var(--color-form-fill-white, inherit);
}

.has-form-fill-white-tint-1-color {
  --text-color: var(--color-form-fill-white-tint-1);
  color: var(--text-color);
}

.has-form-fill-white-tint-1-background-color {
  --bg-color: var(--color-form-fill-white-tint-1, inherit);
  background-color: var(--bg-color);
}

.wp-block-button.is-style-outline .wp-block-button__link.has-form-fill-white-tint-1-background-color {
  --default-button-border-color: var(--color-form-fill-white-tint-1, inherit);
  --text-color: var(--color-form-fill-white-tint-1, inherit);
  color: var(--color-form-fill-white-tint-1, inherit);
}

.has-form-fill-white-tint-2-color {
  --text-color: var(--color-form-fill-white-tint-2);
  color: var(--text-color);
}

.has-form-fill-white-tint-2-background-color {
  --bg-color: var(--color-form-fill-white-tint-2, inherit);
  background-color: var(--bg-color);
}

.wp-block-button.is-style-outline .wp-block-button__link.has-form-fill-white-tint-2-background-color {
  --default-button-border-color: var(--color-form-fill-white-tint-2, inherit);
  --text-color: var(--color-form-fill-white-tint-2, inherit);
  color: var(--color-form-fill-white-tint-2, inherit);
}

.has-growth-green-color {
  --text-color: var(--color-growth-green);
  color: var(--text-color);
}

.has-growth-green-background-color {
  --bg-color: var(--color-growth-green, inherit);
  background-color: var(--bg-color);
}

.wp-block-button.is-style-outline .wp-block-button__link.has-growth-green-background-color {
  --default-button-border-color: var(--color-growth-green, inherit);
  --text-color: var(--color-growth-green, inherit);
  color: var(--color-growth-green, inherit);
}

.has-growth-green-tint-1-color {
  --text-color: var(--color-growth-green-tint-1);
  color: var(--text-color);
}

.has-growth-green-tint-1-background-color {
  --bg-color: var(--color-growth-green-tint-1, inherit);
  background-color: var(--bg-color);
}

.wp-block-button.is-style-outline .wp-block-button__link.has-growth-green-tint-1-background-color {
  --default-button-border-color: var(--color-growth-green-tint-1, inherit);
  --text-color: var(--color-growth-green-tint-1, inherit);
  color: var(--color-growth-green-tint-1, inherit);
}

.has-growth-green-tint-2-color {
  --text-color: var(--color-growth-green-tint-2);
  color: var(--text-color);
}

.has-growth-green-tint-2-background-color {
  --bg-color: var(--color-growth-green-tint-2, inherit);
  background-color: var(--bg-color);
}

.wp-block-button.is-style-outline .wp-block-button__link.has-growth-green-tint-2-background-color {
  --default-button-border-color: var(--color-growth-green-tint-2, inherit);
  --text-color: var(--color-growth-green-tint-2, inherit);
  color: var(--color-growth-green-tint-2, inherit);
}

.has-pto-yellow-color {
  --text-color: var(--color-pto-yellow);
  color: var(--text-color);
}

.has-pto-yellow-background-color {
  --bg-color: var(--color-pto-yellow, inherit);
  background-color: var(--bg-color);
}

.wp-block-button.is-style-outline .wp-block-button__link.has-pto-yellow-background-color {
  --default-button-border-color: var(--color-pto-yellow, inherit);
  --text-color: var(--color-pto-yellow, inherit);
  color: var(--color-pto-yellow, inherit);
}

.has-pto-yellow-tint-1-color {
  --text-color: var(--color-pto-yellow-tint-1);
  color: var(--text-color);
}

.has-pto-yellow-tint-1-background-color {
  --bg-color: var(--color-pto-yellow-tint-1, inherit);
  background-color: var(--bg-color);
}

.wp-block-button.is-style-outline .wp-block-button__link.has-pto-yellow-tint-1-background-color {
  --default-button-border-color: var(--color-pto-yellow-tint-1, inherit);
  --text-color: var(--color-pto-yellow-tint-1, inherit);
  color: var(--color-pto-yellow-tint-1, inherit);
}

.has-pto-yellow-tint-2-color {
  --text-color: var(--color-pto-yellow-tint-2);
  color: var(--text-color);
}

.has-pto-yellow-tint-2-background-color {
  --bg-color: var(--color-pto-yellow-tint-2, inherit);
  background-color: var(--bg-color);
}

.wp-block-button.is-style-outline .wp-block-button__link.has-pto-yellow-tint-2-background-color {
  --default-button-border-color: var(--color-pto-yellow-tint-2, inherit);
  --text-color: var(--color-pto-yellow-tint-2, inherit);
  color: var(--color-pto-yellow-tint-2, inherit);
}

.has-compliance-green-color {
  --text-color: var(--color-compliance-green);
  color: var(--text-color);
}

.has-compliance-green-background-color {
  --bg-color: var(--color-compliance-green, inherit);
  background-color: var(--bg-color);
}

.wp-block-button.is-style-outline .wp-block-button__link.has-compliance-green-background-color {
  --default-button-border-color: var(--color-compliance-green, inherit);
  --text-color: var(--color-compliance-green, inherit);
  color: var(--color-compliance-green, inherit);
}

.has-compliance-green-tint-1-color {
  --text-color: var(--color-compliance-green-tint-1);
  color: var(--text-color);
}

.has-compliance-green-tint-1-background-color {
  --bg-color: var(--color-compliance-green-tint-1, inherit);
  background-color: var(--bg-color);
}

.wp-block-button.is-style-outline .wp-block-button__link.has-compliance-green-tint-1-background-color {
  --default-button-border-color: var(--color-compliance-green-tint-1, inherit);
  --text-color: var(--color-compliance-green-tint-1, inherit);
  color: var(--color-compliance-green-tint-1, inherit);
}

.has-compliance-green-tint-2-color {
  --text-color: var(--color-compliance-green-tint-2);
  color: var(--text-color);
}

.has-compliance-green-tint-2-background-color {
  --bg-color: var(--color-compliance-green-tint-2, inherit);
  background-color: var(--bg-color);
}

.wp-block-button.is-style-outline .wp-block-button__link.has-compliance-green-tint-2-background-color {
  --default-button-border-color: var(--color-compliance-green-tint-2, inherit);
  --text-color: var(--color-compliance-green-tint-2, inherit);
  color: var(--color-compliance-green-tint-2, inherit);
}

.has-white-color {
  --text-color: var(--color-white);
  color: var(--text-color);
}

.has-white-background-color {
  --bg-color: var(--color-white, inherit);
  background-color: var(--bg-color);
}

.wp-block-button.is-style-outline .wp-block-button__link.has-white-background-color {
  --default-button-border-color: var(--color-white, inherit);
  --text-color: var(--color-white, inherit);
  color: var(--color-white, inherit);
}

.has-black-color {
  --text-color: var(--color-black);
  color: var(--text-color);
}

.has-black-background-color {
  --bg-color: var(--color-black, inherit);
  background-color: var(--bg-color);
}

.wp-block-button.is-style-outline .wp-block-button__link.has-black-background-color {
  --default-button-border-color: var(--color-black, inherit);
  --text-color: var(--color-black, inherit);
  color: var(--color-black, inherit);
}

.container {
  margin: 15px;
}
.container__inner {
  background: var(--bg-color, transparent);
}

.wp-block-wagepoint-container.has-background {
  background-color: transparent !important;
}
.wp-block-wagepoint-container {
  --default-border-color: var(--color-ledger-blue);
}

.has-ledger-blue-background-color {
  --text-color: var(--color-white, inherit);
  color: var(--text-color);
}

.has-payday-blue-background-color,
.has-payday-blue-tint-1-background-color,
.has-ledger-blue-tint-2-background-color,
.has-pto-yellow-background-color,
.has-pto-yellow-tint-1-background-color,
.has-pto-yellow-tint-2-background-color,
.has-form-fill-white-background-color,
.has-growth-green-background-color,
.has-compliance-green-tint-1-background-color,
.has-compliance-green-tint-2-background-color,
.has-white-background-color {
  --text-color: var(--color-ledger-blue);
  --default-icon-background-color: var(--color-pto-yellow);
  --default-border-color: var(--color-ledger-blue);
  --default-underline: var(--color-payday-blue);
  --default-button-border-color: var(--text-color);
  color: var(--text-color);
}
.has-payday-blue-background-color.meta-heading,
.has-payday-blue-tint-1-background-color.meta-heading,
.has-ledger-blue-tint-2-background-color.meta-heading,
.has-pto-yellow-background-color.meta-heading,
.has-pto-yellow-tint-1-background-color.meta-heading,
.has-pto-yellow-tint-2-background-color.meta-heading,
.has-form-fill-white-background-color.meta-heading,
.has-growth-green-background-color.meta-heading,
.has-compliance-green-tint-1-background-color.meta-heading,
.has-compliance-green-tint-2-background-color.meta-heading,
.has-white-background-color.meta-heading {
  color: inherit;
}

.has-payday-blue-background-color,
.has-payday-blue-tint-1-background-color,
.has-ledger-blue-tint-2-background-color {
  --default-underline: var(--color-ledger-blue);
  --default-button-background-color: var(--color-pto-yellow);
}

.has-ledger-blue-background-color,
.has-black-background-color {
  --color: var(--color-white, #FFF);
  --text-color: var(--color-white);
  --default-icon-background-color: var(--color-pto-yellow);
  --default-button-background-color: var(--color-pto-yellow);
  --default-button-text-color: var(--bg-color);
  --default-underline: var(--color-pto-yellow);
  --default-border-color: var(--color-pto-yellow);
  color: var(--text-color);
}

.has-white-background-color,
.has-pto-yellow-background-color,
.has-pto-yellow-tint-1-background-color,
.has-pto-yellow-tint-2-background-color {
  --default-icon-background-color: var(--color-payday-blue);
  --default-button-background-color: var(--color-ledger-blue, #1E40AF);
  --default-button-text-color: var(--color-white, #FFF);
}

.has-pto-yellow-background-color,
.has-pto-yellow-tint-1-background-color,
.has-pto-yellow-tint-2-background-color {
  --default-box-bg: #E7AE40;
  --default-box-bg-hover: #DEA73D;
}

.has-white-background-color,
.has-form-fill-white-background-color {
  --default-button-background-color: var(--color-pto-yellow, #FFBF46);
}

.has-ledger-blue-tint-2-background-color {
  --default-button-background-color: var(--color-pto-yellow, #FFBF46);
  --default-meta-heading-bg: var(--color-pto-yellow-tint-1, #FFF4DC);
}

.wp-block-button .wp-block-button__link.has-payday-blue-background-color, .wp-block-button.is-style-fill .wp-block-button__link.has-payday-blue-background-color {
  --button-color: var(--color-white, #FFF);
}
.wp-block-button .wp-block-button__link.has-white-background-color, .wp-block-button .wp-block-button__link.has-pto-yellow-background-color, .wp-block-button .wp-block-button__link.has-pto-yellow-tint-1-background-color, .wp-block-button .wp-block-button__link.has-pto-yellow-tint-2-background-color, .wp-block-button.is-style-fill .wp-block-button__link.has-white-background-color, .wp-block-button.is-style-fill .wp-block-button__link.has-pto-yellow-background-color, .wp-block-button.is-style-fill .wp-block-button__link.has-pto-yellow-tint-1-background-color, .wp-block-button.is-style-fill .wp-block-button__link.has-pto-yellow-tint-2-background-color {
  --button-color: var(--color-ledger-blue);
}
.wp-block-button.is-style-outline .wp-block__button__link {
  background: transparent !important;
  border-color: var(--bg-color);
}

:root {
  --notification-bar-height: 0px;
  --container-corner-radius: 20px;
  --wp--style--global--content-size: none;
  --color-primary: #fdb022;
  --color-dark: #1f2937;
  --color-light: #f9fafb;
  --color-white: #ffffff;
  --color-blue: #3e79bb;
  --color-dark-blue: #1e3a8a;
  --color-gray: #6b7280;
  --font-size-1: clamp(45px, 90 / 1512 * 100vw, 108px);
  --font-size-2: clamp(36px, 75 / 1512 * 100vw, 75px);
  --font-size-3: clamp(28px, 50 / 1512 * 100vw, 50px);
  --font-size-4: clamp(25px, 45 / 1512 * 100vw, 45px);
  --font-size-5: clamp(22px, 35 / 1512 * 100vw, 35px);
  --font-size-6: clamp(21px, 30 / 1512 * 100vw, 30px);
  --font-size-7: clamp(20px, 25 / 1512 * 100vw, 25px);
  --font-size-8: clamp(15px, 20 / 1512 * 100vw, 20px);
  --font-size-body-lg: clamp(18px, 22 / 1512 * 100vw, 22px);
  --font-size-body-md: clamp(16px, 18 / 1512 * 100vw, 18px);
  --font-size-body-sm: clamp(15px, 16 / 1512 * 100vw, 16px);
  --font-size-body-xs: clamp(14px, 15 / 1512 * 100vw, 15px);
  --font-size-body-xxs: clamp(10px, 10 / 1512 * 100vw, 10px);
  --font-size-button: clamp(15px, 18 / 1512 * 100vw, 18px);
  --font-body: "Onest", sans-serif;
}
:root {
  --global-menu-height: 84px;
  --container-padding-wide: clamp(30px, calc(60 / 1512 * 100vw), 60px);
  --width-wide: clamp(420px, 1200 / 1512 * 100vw, 1440px);
  --width-medium: clamp(420px, 960 / 1512 * 100vw, 1440px);
  --width-narrow: clamp(420px, 680 / 1512 * 100vw, 1440px);
  --content-spacing-y: 25px;
  --block-gap: 25px;
  --global-congtainer-py-initial: clamp(45px, calc(90 / 1512 * 100vw), 90px);
  --offset-radius: 20px 20px 200px 20px;
  --blog-image-radius: 20px 20px 100px 20px;
  --panel-padding-x: clamp(25px, 60 / 1512 * 100vw, 100px);
  --panel-padding-y: clamp(25px, 60 / 1512 * 100vw, 100px);
  --container-margin-y: 15px;
  --container-margin-x: 15px;
  --box-corner-radius: 20px;
}

html,
body {
  -webkit-font-smoothing: antialiased;
  scroll-behavior: smooth;
  text-rendering: optimizeLegibility;
}

body {
  --wp--style--global--content-size: none;
  --wp--style--root--padding-right: 10px;
  --wp--style--root--padding-left: 10px;
  --vspace--default: 140px;
  --hspace--default: clamp(20px, calc(100 / 1512 * 100vw), 100px);
  --hspace--wide: clamp(40px, calc(100 / 1512 * 100vw), 100px);
  --container-padding-y: var(--vspace--default);
  --container-padding-x: var(--hspace--default);
  --gutter-default: 10px;
  --vw: calc(100vw - var(--scrollbarWidth, 0px));
  font-family: var(--font-body);
}

main {
  margin-top: 0;
}

.text-1 {
  font-size: var(--font-size-1);
}

.text-2 {
  font-size: var(--font-size-2);
}

.text-3 {
  font-size: var(--font-size-3);
}

.text-4 {
  font-size: var(--font-size-4);
}

.text-5 {
  font-size: var(--font-size-5);
}

.text-6 {
  font-size: var(--font-size-6);
}

.text-7 {
  font-size: var(--font-size-7);
}

.text-8 {
  font-size: var(--font-size-8);
}

.text-body-lg {
  font-size: 22px;
}

.has-text-align-left {
  text-align: left;
}

.has-text-align-center {
  text-align: center;
}

.has-text-align-right {
  text-align: right;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  font-weight: 400;
  line-height: 1.1;
}
h1.font-strong,
h2.font-strong,
h3.font-strong,
h4.font-strong,
h5.font-strong,
h6.font-strong {
  font-weight: 500;
}
h1.font-stronger,
h2.font-stronger,
h3.font-stronger,
h4.font-stronger,
h5.font-stronger,
h6.font-stronger {
  font-weight: 600;
}

h1 {
  font-size: var(--font-size-1, inherit);
}

h2 {
  font-size: var(--font-size-2, inherit);
  line-height: var(--line-height-2, 1);
  font-weight: 500;
}

h1,
.has-1-font-size {
  line-height: var(--line-height-1, 0.94);
}

h2,
.has-2-font-size {
  line-height: var(--line-height-2, 1);
  font-weight: 500;
}

h3,
.has-3-font-size {
  font-weight: 400;
}
h3 strong, h3 b,
.has-3-font-size strong,
.has-3-font-size b {
  font-weight: 500;
}

.has-4-font-size {
  font-weight: 400;
  line-height: 1.05;
}

.has-8-font-size {
  line-height: 1.25;
}

.has-body-lg-font-size {
  line-height: var(--line-height-body-lg, 1.5);
}

h1 mark, h2 mark, h3 mark, h4 mark, h5 mark, h6 mark {
  padding: 0.1em 0.4em;
  border-radius: 999px;
  display: inline-block;
  line-height: 1.4;
  transform: rotate(1.5deg) translateY(-0.2em);
  margin-bottom: -2%;
}

p {
  max-width: 64ch;
}

/**
 * Global Card Styles
 * Reusable across all blocks that display cards
 */
.wagepoint-card-x,
.filterable-grid-block__card-x {
  display: flex;
  flex-direction: column;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.wagepoint-card-x:hover,
.filterable-grid-block__card-x:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px -8px rgba(0, 0, 0, 0.15);
  border-color: #d1d5db;
}
.wagepoint-card-x__image,
.filterable-grid-block__card-x__image {
  aspect-ratio: 16/9;
  overflow: hidden;
  background: #f3f4f6;
  position: relative;
}
.wagepoint-card-x__image a,
.filterable-grid-block__card-x__image a {
  display: block;
  height: 100%;
}
.wagepoint-card-x__image img,
.filterable-grid-block__card-x__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s;
}
.wagepoint-card-x__image:hover img,
.filterable-grid-block__card-x__image:hover img {
  transform: scale(1.05);
}
.wagepoint-card-x__badge,
.filterable-grid-block__card-x__badge {
  position: absolute;
  top: 1rem;
  right: 1rem;
  padding: 0.375rem 0.75rem;
  background: rgba(0, 0, 0, 0.75);
  color: white;
  border-radius: 6px;
  font-size: 0.75rem;
  font-weight: 600;
  backdrop-filter: blur(4px);
}
.wagepoint-card-x__content,
.filterable-grid-block__card-x__content {
  padding: 1.5rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.wagepoint-card-x__meta, .wagepoint-card-x__categories,
.filterable-grid-block__card-x__meta,
.filterable-grid-block__card-x__categories {
  margin-bottom: 0.75rem;
}
.wagepoint-card-x__category,
.filterable-grid-block__card-x__category {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #6366f1;
  text-decoration: none;
  transition: color 0.2s;
}
.wagepoint-card-x__category:hover,
.filterable-grid-block__card-x__category:hover {
  color: #4f46e5;
}
.wagepoint-card-x__title,
.filterable-grid-block__card-x__title {
  margin: 0 0 0.75rem 0;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.4;
}
.wagepoint-card-x__title a,
.filterable-grid-block__card-x__title a {
  color: #111827;
  text-decoration: none;
  transition: color 0.2s;
}
.wagepoint-card-x__title a:hover,
.filterable-grid-block__card-x__title a:hover {
  color: #3e79bb;
}
.wagepoint-card-x__excerpt,
.filterable-grid-block__card-x__excerpt {
  margin: 0 0 1rem 0;
  font-size: 0.9375rem;
  line-height: 1.6;
  color: #6b7280;
  flex: 1;
}
.wagepoint-card-x__footer,
.filterable-grid-block__card-x__footer {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 0.75rem;
  border-top: 1px solid #f3f4f6;
  font-size: 0.8125rem;
  color: #9ca3af;
  margin-top: auto;
}
.wagepoint-card-x__author,
.filterable-grid-block__card-x__author {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.wagepoint-card-x__author img,
.filterable-grid-block__card-x__author img {
  border-radius: 50%;
}
.wagepoint-card-x__date,
.filterable-grid-block__card-x__date {
  color: #9ca3af;
}
.wagepoint-card-x__link,
.filterable-grid-block__card-x__link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 1rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #3e79bb;
  text-decoration: none;
  transition: all 0.2s;
}
.wagepoint-card-x__link:hover,
.filterable-grid-block__card-x__link:hover {
  gap: 0.75rem;
}
.wagepoint-card-x__arrow,
.filterable-grid-block__card-x__arrow {
  transition: transform 0.2s;
}
.wagepoint-card-x:hover .wagepoint-card-x__arrow,
.wagepoint-card-x:hover .filterable-grid-block__card-x__arrow,
.filterable-grid-block__card-x:hover .wagepoint-card-x__arrow,
.filterable-grid-block__card-x:hover .filterable-grid-block__card-x__arrow {
  transform: translateX(4px);
}

.wagepoint-card--post .wagepoint-card__badge,
.wagepoint-card--post .filterable-grid-block__card-badge,
.filterable-grid-block__card[data-post-type=post] .wagepoint-card__badge,
.filterable-grid-block__card[data-post-type=post] .filterable-grid-block__card-badge {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.wagepoint-card--post .wagepoint-card__author img,
.wagepoint-card--post .filterable-grid-block__card-author img,
.filterable-grid-block__card[data-post-type=post] .wagepoint-card__author img,
.filterable-grid-block__card[data-post-type=post] .filterable-grid-block__card-author img {
  width: 32px;
  height: 32px;
}

.wagepoint-card--product .wagepoint-card__price,
.filterable-grid-block__card[data-post-type=product] .wagepoint-card__price {
  font-size: 1.25rem;
  font-weight: 700;
  color: #10b981;
  margin: 0.75rem 0;
}
.wagepoint-card--product .wagepoint-card__badge--sale,
.filterable-grid-block__card[data-post-type=product] .wagepoint-card__badge--sale {
  background: #ef4444;
  top: 1rem;
  left: 1rem;
}
.wagepoint-card--product .wagepoint-card__button,
.filterable-grid-block__card[data-post-type=product] .wagepoint-card__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.5rem;
  background: #3e79bb;
  color: white;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  margin-top: auto;
  transition: all 0.2s;
}
.wagepoint-card--product .wagepoint-card__button:hover,
.filterable-grid-block__card[data-post-type=product] .wagepoint-card__button:hover {
  background: #2563eb;
  transform: translateY(-1px);
}

.wagepoint-card--page .wagepoint-card__image,
.filterable-grid-block__card[data-post-type=page] .wagepoint-card__image {
  aspect-ratio: 4/3;
}

.wagepoint-card--compact .wagepoint-card__content {
  padding: 1rem;
}
.wagepoint-card--compact .wagepoint-card__title {
  font-size: 1rem;
}
.wagepoint-card--compact .wagepoint-card__excerpt {
  font-size: 0.875rem;
}

.card--post,
.filterable-grid-block__card--post {
  border-color: red;
}

/* ==========================================================================
   Global Navigation Styles
   ========================================================================== */
.wp-block-navigation .wp-block-navigation__submenu-icon path {
  stroke-width: 0;
}
.wp-block-navigation .has-child:not(.open-on-click) > .wp-block-navigation__submenu-container {
  display: grid !important;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
  pointer-events: none;
}
.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0);
  pointer-events: all;
  max-width: none;
}
.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container .wp-block-wagepoint-mega-menu-panel, .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container .wp-block-wagepoint-mega-menu-panel, .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container .wp-block-wagepoint-mega-menu-panel {
  width: 100vw;
  max-width: calc(var(--mega-menu-columns, 1) * 320px);
}
.wp-block-navigation.is-style-wagepoint-nav {
  background: transparent;
}
.wp-block-navigation.is-style-wagepoint-nav .wp-block-navigation__submenu-container {
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  padding: 0;
  min-width: 280px;
  top: 100%;
  left: 0;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(300px, 1fr);
  gap: 8px;
  padding: 8px;
}
.wp-block-navigation.is-style-wagepoint-nav .wp-block-navigation__submenu-container .mega-menu-panel {
  box-shadow: none;
}
.wp-block-navigation.is-style-wagepoint-nav .wp-block-navigation__submenu-container .mega-menu-panel.bg-auto {
  background: var(--color-payday-blue);
}
.wp-block-navigation.is-style-wagepoint-nav .wp-block-navigation__submenu-container .mega-menu-panel:last-child {
  border-right: none;
}
.wp-block-navigation.is-style-wagepoint-nav .wp-block-navigation__container {
  gap: clamp(10px, 1.2vw, 20px);
  flex-wrap: nowrap;
  flex: 1;
  justify-content: center;
}
.wp-block-navigation.is-style-wagepoint-nav .wp-block-navigation-item {
  margin: 0;
  padding: 20px 0;
  gap: 5px;
  background: linear-gradient(to top, var(--color-form-fill-white, #fefefe) 0px, var(--color-form-fill-white, #fefefe) 2px, transparent 2px);
  background-size: 0% 100%;
  background-repeat: no-repeat;
  background-position: center;
  transition: background-size 0.25s ease-in-out;
}
.wp-block-navigation.is-style-wagepoint-nav .wp-block-navigation-item > .wp-block-navigation-item__content {
  color: var(--text-color, #1f2937);
  font-weight: 500;
  font-size: clamp(0.85rem, 0.9vw, 0.9375rem);
  white-space: nowrap;
  text-decoration: none;
  transition: color 0.2s ease;
}
.wp-block-navigation.is-style-wagepoint-nav .wp-block-navigation-item > .wp-block-navigation-item__content > .wp-block-navigation-item__label {
  position: relative;
  padding: 9px 0;
}
.wp-block-navigation.is-style-wagepoint-nav .wp-block-navigation-item > .wp-block-navigation-item__content > .wp-block-navigation-item__label:after {
  content: "";
  bottom: 0;
  left: 50%;
  height: 2px;
  background: linear-gradient(from-bottom, var(--color-form-fill-white, #fefefe) 0px, var(--color-form-fill-white, #fefefe) 2px, transparent 2px);
  background-size: 0% 100%;
  transform: translateX(-50%);
  width: 0;
  position: absolute;
  display: none;
}
.wp-block-navigation.is-style-wagepoint-nav .wp-block-navigation-item.has-child > .wp-block-navigation-item__content {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding-right: 0;
  padding-left: 0;
}
.wp-block-navigation.is-style-wagepoint-nav .wp-block-navigation-item.has-child > .wp-block-navigation-item__content::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid currentColor;
  transition: transform 0.2s ease;
  display: none;
}
.wp-block-navigation.is-style-wagepoint-nav .wp-block-navigation-item.has-child:hover > .wp-block-navigation-item__content::after {
  transform: rotate(180deg);
}
.wp-block-navigation.is-style-wagepoint-nav .wp-block-navigation__submenu-container {
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  padding: 0.5rem 0;
  min-width: 280px;
  top: 100%;
  left: 0;
  padding: 0;
  border: 0;
}
.wp-block-navigation.is-style-wagepoint-nav .wp-block-navigation__submenu-container .wp-block-navigation-item > .wp-block-navigation-item__content {
  padding: 0.75rem 1.5rem;
  color: var(--text-color, #1f2937);
  font-weight: 400;
  display: block;
  width: 100%;
}
.wp-block-navigation.is-style-wagepoint-nav .wp-block-navigation__submenu-container .wp-block-navigation-item > .wp-block-navigation-item__content:hover {
  background: #f9fafb;
  color: #3e79bb;
}
.wp-block-navigation.is-style-wagepoint-nav .wp-block-navigation__submenu-container .wp-block-navigation-item.is-style-category-header > .wp-block-navigation-item__content {
  color: #9ca3af;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 0.75rem 1.5rem 0.375rem;
  pointer-events: none;
}
.wp-block-navigation.is-style-wagepoint-nav .wp-block-navigation__submenu-container .wp-block-navigation-item.is-style-category-header > .wp-block-navigation-item__content:hover {
  background: transparent;
  color: #9ca3af;
}

.wp-block-template-part:has(.wagepoint-notification-bar) {
  overflow: hidden;
}
.wp-block-template-part:has(.wagepoint-notification-bar) .wagepoint-notification-bar {
  margin-bottom: 0;
}

.wp-block-template-part:has(.site-header) {
  margin-top: 0;
}

.site-header {
  background: white;
  position: fixed;
  width: 100%;
  top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--notification-bar-height, 0px) + var(--notification-bar-offset, 0px));
  z-index: 1000;
  background-color: transparent;
  transition: background-color 0.3s ease-in-out;
}
.site-header .header-inner > a,
.site-header .header-inner > svg {
  display: inline-block;
  max-width: clamp(100px, 237 / 1512 * 100vw, 240px);
  flex-shrink: 1;
  min-width: 150px;
}
.site-header .header-inner > a > svg,
.site-header .header-inner > svg {
  max-width: 100%;
  display: block;
}
@media (min-width: 1300px) {
  .site-header .header-inner.is-content-justification-space-between > .wp-block-navigation.is-style-wagepoint-nav,
  .site-header .header-inner.is-content-justification-space-between > .wp-block-navigation.is-style-wagepoint-nav .wp-block-navigation__responsive-container,
  .site-header .header-inner.is-content-justification-space-between > .wp-block-navigation.is-style-wagepoint-nav .wp-block-navigation__responsive-close,
  .site-header .header-inner.is-content-justification-space-between > .wp-block-navigation.is-style-wagepoint-nav .wp-block-navigation__responsive-dialog,
  .site-header .header-inner.is-content-justification-space-between > .wp-block-navigation.is-style-wagepoint-nav .wp-block-navigation__responsive-container-content {
    display: contents;
  }
}
.site-header .wp-block-button {
  font-size: var(--font-size-body-xs, 15px);
}
.site-header .wp-block-button .wp-block-button__link {
  font-size: var(--font-size-body-xs, 15px);
  padding: 0.6em 1.27em;
}
.site-header .wp-block-button.is-style-text-link .wp-block-button__link {
  color: var(--text-color);
}
.site-header.is-pinned {
  transition: transform 0.5s ease-in-out, background-color 0.3s ease-in-out;
}
.site-header.is-hiding {
  transition: background-color 0.3s ease-in-out, transform 0.3s ease-out;
}
.site-header.nav-background {
  --text-color: var(--color-ledger-blue, #000);
  background-color: #fff;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  padding: 0;
}
.site-header .header-inner {
  margin: 15px auto 0;
  margin: 0 auto;
  padding: 16px var(--container-padding-wide, 0px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
}
@media (max-width: 1024px) {
  .site-header .header-inner {
    padding: 0 1.5rem;
  }
}
.site-header .header-inner > a > svg path,
.site-header .header-inner > svg path {
  fill: var(--text-color);
}
.site-header .site-logo {
  flex-shrink: 0;
}
.site-header .site-logo img {
  height: 32px;
  width: auto;
}
.site-header .header-actions {
  display: flex;
  align-items: center;
  gap: clamp(0.5rem, 1vw, 1rem);
  flex-shrink: 0;
}
.site-header .header-actions .wp-block-button {
  margin: 0;
}
.site-header .header-actions .wp-block-button__link {
  padding: 0.625rem clamp(0.75rem, 1.2vw, 1.5rem);
  font-size: 0.9375rem;
  font-weight: 600;
  border-radius: 99999px;
  text-decoration: none;
  transition: all 0.2s ease;
}
.site-header .header-actions .wp-block-button:hover {
  transform: translateY(-2px);
}
.site-header .header-actions .wp-block-button.is-style-text-link .wp-block-button__link {
  background: transparent;
  color: var(--text-color, #1f2937);
  padding: 0.625rem 0.75rem;
}
.site-header .header-actions .wp-block-button.is-style-primary .wp-block-button__link {
  background: #fdb022;
  color: #1f2937;
}
.site-header .header-actions .wp-block-button.is-style-secondary .wp-block-button__link {
  background: #3e79bb;
  color: white;
}

.site-header:not(.nav-background) .header-inner > a,
.site-header:not(.nav-background) .header-inner > svg {
  --text-color: var(--color-ledger-blue, #000);
}
@media (min-width: 1299px) {
  .site-header:not(.nav-background):not(.nav-background) {
    --text-color: var(--color-ledger-blue, #000);
  }
}

body.header-light {
  --icon-color: var(--color-white, #fff);
}
body.header-light .site-header.nav-background {
  --text-color: var(--color-ledger-blue, #000);
}
body.header-light .site-header:not(.nav-background) .header-inner > a,
body.header-light .site-header:not(.nav-background) .header-inner > svg {
  --text-color: var(--color-white, #fff);
}
@media (min-width: 1299px) {
  body.header-light .site-header:not(.nav-background):not(.nav-background) {
    --text-color: var(--color-white, #fff);
  }
}

@media (max-width: 767px) {
  .site-header .header-inner {
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 35px;
    padding-right: 35px;
  }
  .site-header .header-inner > a,
  .site-header .header-inner > svg {
    display: inline-block;
    max-width: clamp(100px, 147 / 430 * 100vw, 200px);
  }
}
.wp-block-navigation-submenu__toggle svg {
  display: none;
}

/* ==========================================================================
   Submenu Chevron - Mask Technique (Ultimate Solution)
   ========================================================================== */
.wp-block-navigation__submenu-icon {
  /* 1. Mask Configuration */
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.00578725 0.723122C0.0238073 0.85467 0.0781433 0.963402 0.180591 1.07291C0.340727 1.24409 4.21056 5.30099 4.24199 5.33064C4.48785 5.56259 4.84278 5.66885 5.18376 5.61262C5.39509 5.57776 5.60475 5.47473 5.75754 5.33064C5.78896 5.30101 9.65825 1.24467 9.81893 1.07291C9.92272 0.961962 9.97601 0.854362 9.99397 0.719426C10.0034 0.648246 10.0003 0.564166 9.98549 0.492434C9.96194 0.378434 9.89496 0.260362 9.80616 0.176322C9.6682 0.0457538 9.50562 -0.0125463 9.32072 0.00224176C9.25116 0.00780576 9.21668 0.0145736 9.15976 0.0338336C9.07274 0.0632776 9.00243 0.107654 8.92534 0.18179C8.9097 0.196822 8.02085 1.12847 6.9501 2.25212C5.87936 3.37577 5.00171 4.29512 4.99976 4.29512C4.99781 4.29512 4.12016 3.37577 3.04942 2.25212C1.97867 1.12847 1.08982 0.196822 1.07418 0.18179C0.979879 0.09111 0.881895 0.0372462 0.767759 0.0133422C0.654751 -0.0103298 0.520291 -0.00188194 0.415759 0.0354541C0.244079 0.0967701 0.0893992 0.25415 0.0324392 0.425454C0.00237524 0.51587 -0.00749675 0.626134 0.00578725 0.723122Z' fill='black'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.00578725 0.723122C0.0238073 0.85467 0.0781433 0.963402 0.180591 1.07291C0.340727 1.24409 4.21056 5.30099 4.24199 5.33064C4.48785 5.56259 4.84278 5.66885 5.18376 5.61262C5.39509 5.57776 5.60475 5.47473 5.75754 5.33064C5.78896 5.30101 9.65825 1.24467 9.81893 1.07291C9.92272 0.961962 9.97601 0.854362 9.99397 0.719426C10.0034 0.648246 10.0003 0.564166 9.98549 0.492434C9.96194 0.378434 9.89496 0.260362 9.80616 0.176322C9.6682 0.0457538 9.50562 -0.0125463 9.32072 0.00224176C9.25116 0.00780576 9.21668 0.0145736 9.15976 0.0338336C9.07274 0.0632776 9.00243 0.107654 8.92534 0.18179C8.9097 0.196822 8.02085 1.12847 6.9501 2.25212C5.87936 3.37577 5.00171 4.29512 4.99976 4.29512C4.99781 4.29512 4.12016 3.37577 3.04942 2.25212C1.97867 1.12847 1.08982 0.196822 1.07418 0.18179C0.979879 0.09111 0.881895 0.0372462 0.767759 0.0133422C0.654751 -0.0103298 0.520291 -0.00188194 0.415759 0.0354541C0.244079 0.0967701 0.0893992 0.25415 0.0324392 0.425454C0.00237524 0.51587 -0.00749675 0.626134 0.00578725 0.723122Z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 10px 6px;
  mask-size: 10px 6px;
  /* 2. Base Appearance */
  background-image: none !important;
  display: inline-block;
  width: 15px !important;
  height: 15px;
  margin-left: 0 !important;
  transition: background-color 0.3s ease;
  /* 3. COLOR LOGIC */
  /* Default color (Internal pages, Mobile, and Scrolled state) */
  background-color: #101b2d !important;
  /* Desktop Specific: WHITE color only on Home/Page 12442 when NOT scrolled */
}
@media (min-width: 782px) {
  .home .site-header:not(.nav-background) .wp-block-navigation__submenu-icon, .page-id-12442 .site-header:not(.nav-background) .wp-block-navigation__submenu-icon {
    background-color: #ffffff !important;
  }
}
.wp-block-navigation__submenu-icon {
  /* Sticky Header reinforcement: ensures blue color when scrolled */
}
.site-header.nav-background .wp-block-navigation__submenu-icon {
  background-color: #101b2d !important;
}

/* Hide original WordPress SVG */
.wp-block-navigation-submenu__toggle svg {
  display: none !important;
}

/* Mobile Toggle Buttons (Hamburger & Close) */
.wp-block-navigation__responsive-container-open svg,
.wp-block-navigation__responsive-container-close svg {
  opacity: 0;
  pointer-events: none;
}
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
  position: relative;
}
.wp-block-navigation__responsive-container-open::before,
.wp-block-navigation__responsive-container-close::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.wp-block-navigation__responsive-container-open {
  color: var(--icon-color, var(--color-ledger-blue, #1f2937));
}

.wp-block-navigation__responsive-container-open::before {
  width: 30px;
  height: 16px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='30' height='16' viewBox='0 0 30 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='1' x2='30' y2='1' stroke='black' stroke-width='2'/%3E%3Cline y1='8' x2='30' y2='8' stroke='black' stroke-width='2'/%3E%3Cline y1='15' x2='30' y2='15' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='30' height='16' viewBox='0 0 30 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='1' x2='30' y2='1' stroke='black' stroke-width='2'/%3E%3Cline y1='8' x2='30' y2='8' stroke='black' stroke-width='2'/%3E%3Cline y1='15' x2='30' y2='15' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
  -webkit-mask-size: 30px 16px;
  mask-size: 30px 16px;
}

.wp-block-navigation__responsive-container-close::before {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='2' y1='2' x2='18' y2='18' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='18' y1='2' x2='2' y2='18' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='2' y1='2' x2='18' y2='18' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='18' y1='2' x2='2' y2='18' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  -webkit-mask-size: 20px 20px;
  mask-size: 20px 20px;
}

/* ==========================================================================
   Mobile Navigation Breakpoint
   ========================================================================== */
@media (max-width: 1299px) {
  .mega-menu-panel {
    position: static !important;
    width: 100% !important;
    left: auto !important;
    right: auto !important;
    box-shadow: none !important;
    padding: 0.5rem 0 !important;
    border: none !important;
  }
  .mega-menu-panel:before {
    display: none !important;
  }
  .mega-menu-panel__items {
    grid-template-columns: 1fr !important;
    gap: 0.5rem !important;
  }
  .wp-block-navigation .wp-block-navigation__responsive-container-open {
    display: flex !important;
  }
  .wp-block-navigation:not(.has-modal-open) .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-content {
    display: none;
  }
  .wp-block-navigation {
    /* REEMPLAZAR POR ESTE BLOQUE: */
  }
  .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open {
    position: fixed;
    top: 0;
    right: 0;
    left: auto;
    bottom: 0;
    background: white;
    z-index: 100000;
    width: 90vw;
    max-width: none;
  }
}
@media (max-width: 1299px) and (min-width: 768px) {
  .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open {
    max-width: 70vw;
    max-width: 600px;
  }
}
@media (max-width: 1299px) {
  .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    overflow-y: auto;
    height: 100%;
    width: 100%;
    padding-top: 80px;
  }
  .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
    flex-direction: column;
    gap: 0;
  }
  .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item {
    width: 100%;
  }
  .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    z-index: 1;
  }
  .wp-block-navigation.is-style-wagepoint-nav .wp-block-navigation__submenu-container {
    position: static !important;
    box-shadow: none;
    border: none;
    border-radius: 0;
    padding: 0.5rem 0 0.5rem 1rem;
    min-width: 0;
    grid-auto-flow: row;
    grid-auto-columns: 1fr;
    gap: 0;
  }
  .site-header .header-inner {
    margin-top: 0;
    padding-top: 23px;
    padding-bottom: 23px;
  }
}
@media (max-width: 1299px) {
  .site-header .wp-block-navigation__responsive-container.is-menu-open {
    height: 100vh;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
    padding: 0;
  }
}
.global-nav__actions {
  gap: 9px;
}

.mobile-menu-home-link {
  display: none;
  position: absolute;
  top: 13px;
  left: 20px;
  background: url("../assets/images/wagepoint-logo.png") no-repeat center;
  background-size: contain;
  width: 177px;
  aspect-ratio: 177/50;
}

@media (max-width: 1299px) {
  .mobile-menu-home-link {
    display: block;
  }
  .wp-block-navigation.is-style-wagepoint-nav {
    gap: 0;
  }
  .wp-block-navigation.is-style-wagepoint-nav .wp-block-navigation-item {
    padding: 0;
  }
  .wp-block-navigation.is-style-wagepoint-nav .wp-block-navigation__container {
    width: 100%;
  }
  .wp-block-navigation.is-style-wagepoint-nav .wp-block-navigation-item > .wp-block-navigation-item__content {
    width: 100%;
  }
  .wp-block-navigation.is-style-wagepoint-nav .wp-block-navigation-item > .wp-block-navigation-item__content .wp-block-navigation-item__label {
    padding: 0.75em 0.5em;
    font-size: 1rem;
    font-weight: 500;
    display: block;
  }
  .global-nav__actions {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }
  .wp-block-navigation__responsive-container .wp-block-navigation__submenu-container {
    display: none !important;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
  }
  .wp-block-navigation__responsive-container .wp-block-navigation__submenu-container.is-open {
    display: block !important;
    max-height: 2000px;
  }
  .wp-block-navigation__responsive-container .wp-block-navigation-submenu__toggle {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem 1.5rem;
    background: transparent;
    border: none;
    cursor: pointer;
    text-align: left;
    font-size: 1.125rem;
    font-weight: 600;
    color: #1f2937;
    transition: background-color 0.2s ease;
  }
  .wp-block-navigation__responsive-container .wp-block-navigation-submenu__toggle:hover {
    background-color: #f9fafb;
  }
  .wp-block-navigation__responsive-container .wp-block-navigation__submenu-icon {
    display: flex;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    transition: transform 0.3s ease;
    color: #6b7280;
    margin-left: auto;
  }
  .wp-block-navigation__responsive-container .wp-block-navigation__submenu-icon svg {
    width: 100%;
    height: 100%;
  }
  .wp-block-navigation__responsive-container .wp-block-navigation-submenu__toggle[aria-expanded=true] .wp-block-navigation__submenu-icon {
    transform: rotate(180deg);
  }
  .wp-block-navigation__responsive-container .mega-menu-panel {
    padding: 0;
  }
  .wp-block-navigation__responsive-container .mega-menu-panel__header {
    padding: 1.5rem 1.5rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #9ca3af;
  }
  .wp-block-navigation__responsive-container .mega-menu-panel__items {
    padding: 0 1.5rem 1rem;
  }
  .wp-block-navigation__responsive-container .wp-block-navigation-link:not(.wp-block-navigation-submenu) .wp-block-navigation-item__content {
    display: block;
    color: #1f2937;
    text-decoration: none;
    font-weight: 600;
    border-bottom: 1px solid #e5e7eb;
    transition: background-color 0.2s ease;
  }
  .wp-block-navigation__responsive-container .wp-block-navigation-link:not(.wp-block-navigation-submenu) .wp-block-navigation-item__content:hover {
    background-color: #f9fafb;
  }
}
/* Logic specific to body.header-light */
body.header-light .site-header {
  /* 1. INITIAL State (Top / Not pinned): WHITE Icon */
}
body.header-light .site-header:not(.is-pinned):not(.nav-background) .wp-block-navigation__responsive-container-open {
  color: #ffffff !important;
}
body.header-light .site-header {
  /* 2. PINNED State (Scroll / White background): DARK Icon */
}
body.header-light .site-header.is-pinned .wp-block-navigation__responsive-container-open, body.header-light .site-header.nav-background .wp-block-navigation__responsive-container-open {
  color: var(--color-ledger-blue, #101b2d) !important;
}

.site-footer .site-footer__top .site-footer__content {
  max-width: 1400px;
  margin: 0 auto;
  gap: 3rem;
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .site-footer .site-footer__top .site-footer__content {
    flex-direction: column;
    gap: 2rem;
  }
}
.site-footer .site-footer__left {
  flex-shrink: 0;
}
.site-footer .site-footer__left .wp-block-site-logo {
  margin-bottom: 1.5rem;
}
.site-footer .site-footer__left .site-footer__social {
  margin: 0 0 1.5rem;
  gap: 0.5rem;
}
.site-footer .site-footer__left .site-footer__social .wp-social-link {
  background: transparent !important;
}
.site-footer .site-footer__left .site-footer__social .wp-social-link a {
  padding: 0;
}
.site-footer .site-footer__left .site-footer__social .wp-social-link svg {
  fill: #1f2937;
  width: 20px;
  height: 20px;
  transition: fill 0.2s ease;
}
.site-footer .site-footer__left .site-footer__phone {
  margin: 0 0 0.75rem;
}
.site-footer .site-footer__left .site-footer__phone a {
  color: #3e79bb;
  font-size: 1.25rem;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.2s ease;
}
.site-footer .site-footer__left .site-footer__hours {
  color: #6b7280;
  line-height: 1.5;
  margin: 0 0 1.25rem;
}
.site-footer .site-footer__left .site-footer__province {
  color: #1f2937;
  cursor: pointer;
  display: inline-block;
}
.site-footer .site-footer__left .site-footer__province strong {
  font-weight: 600;
}
.site-footer .site-footer__left .site-footer__province:hover {
  color: #3e79bb;
}
.site-footer .site-footer__nav {
  flex: 1;
  gap: 3rem;
  min-width: 0;
}
@media (max-width: 768px) {
  .site-footer .site-footer__nav {
    flex-wrap: wrap;
    gap: 2rem;
  }
}
.site-footer .site-footer__nav-col {
  flex: 1;
  min-width: 150px;
}
@media (max-width: 768px) {
  .site-footer .site-footer__nav-col {
    min-width: 45%;
  }
}
.site-footer .site-footer__nav-title {
  font-size: 1rem;
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 1rem;
}
.site-footer .site-footer__nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-footer .site-footer__nav-list li {
  margin: 0 0 0.75rem;
}
.site-footer .site-footer__nav-list li:last-child {
  margin-bottom: 0;
}
.site-footer .site-footer__nav-list a {
  font-size: 0.9375rem;
  text-decoration: none;
  transition: color 0.2s ease;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.site-footer .site-footer__nav-list a:hover {
  color: #1f2937;
}
.site-footer .site-footer__badge {
  background: #fdb022;
  color: #1f2937;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  white-space: nowrap;
}
.site-footer .site-footer__bottom {
  border-top: 1px solid #e5e7eb;
}
.site-footer .site-footer__bottom .site-footer__bottom-content {
  max-width: 1400px;
  margin: 0 auto;
  gap: 2rem;
}
@media (max-width: 1024px) {
  .site-footer .site-footer__bottom .site-footer__bottom-content {
    flex-direction: column;
    gap: 1.5rem;
  }
}
.site-footer .site-footer__legal {
  flex: 1;
  gap: 0.5rem 1.5rem;
}
.site-footer .site-footer__legal p {
  margin: 0;
  line-height: 1.5;
}
.site-footer .site-footer__legal a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease;
}
.site-footer .site-footer__legal a:hover {
  color: #1f2937;
}
.site-footer .site-footer__legal .site-footer__copyright,
.site-footer .site-footer__legal .site-footer__disclaimer {
  flex: 0 0 auto;
  max-width: 100%;
}
.site-footer .site-footer__legal .site-footer__links {
  white-space: nowrap;
}
.site-footer .site-footer__badges {
  gap: 1.5rem;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .site-footer .site-footer__badges {
    gap: 1rem;
    flex-wrap: wrap;
  }
}
.site-footer .site-footer__badges .wp-block-image {
  margin: 0;
}

.wp-block-heading a {
  text-decoration: none;
}

.wagepoint-notification-bar {
  position: relative;
  z-index: 1000;
  --container-padding-x: 25px;
}
.wagepoint-notification-bar .wagepoint-notification-inner {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  width: 100%;
}
.wagepoint-notification-bar .wagepoint-notification-inner::before {
  content: "";
  display: block;
}
.wagepoint-notification-bar .wagepoint-notification-text {
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.5;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  grid-column: 2;
}
.wagepoint-notification-bar .wagepoint-notification-text a {
  text-decoration: underline;
  font-weight: 500;
}
.wagepoint-notification-bar .wagepoint-notification-text a:hover {
  text-decoration: none;
}
.wagepoint-notification-bar .wagepoint-notification-close {
  grid-column: 3;
  justify-self: end;
  background: transparent;
  border: none;
  padding: 0.25rem;
  cursor: pointer;
  color: var(--wp--preset--color--dark);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: opacity 0.2s ease;
}
.wagepoint-notification-bar .wagepoint-notification-close svg {
  display: block;
}
.wagepoint-notification-bar.is-dismissed {
  display: none;
}

.hero-cover-bg {
  position: relative;
  display: flex;
  align-items: flex-end;
  min-height: calc(100vh - 30px) !important;
  margin: 15px;
  border-radius: var(--container-corner-radius, 8px);
  --default-meta-heading-bg: transparent;
  --default-button-border-color: var(--color-white, #FFF);
}
@media (min-width: 1280px) {
  .hero-cover-bg {
    min-height: 90vh !important;
  }
}
.hero-cover-bg > .wp-block-cover__video-background {
  border-radius: var(--container-corner-radius, 8px);
  overflow: hidden;
}
.hero-cover-bg .wp-block-cover__inner-container {
  position: relative;
  z-index: 3;
}
@media (min-width: 1280px) {
  .hero-cover-bg .wp-block-cover__inner-container {
    padding-left: 40px;
  }
}
.hero-cover-bg .wp-block-cover__background {
  background: var(--color-ledger-blue);
  border-radius: var(--container-corner-radius, 8px);
}
.hero-cover-bg .has-background-dim:not([class*=-background-color]),
.hero-cover-bg .wp-block-cover-image .has-background-dim:not([class*=-background-color]),
.hero-cover-bg .wp-block-cover-image.has-background-dim:not([class*=-background-color]),
.hero-cover-bg .wp-block-cover.has-background-dim:not([class*=-background-color]) {
  background: var(--color-ledger-blue);
}
.hero-cover-bg .wp-block-wagepoint-buttons .wp-block-button__link {
  font-weight: 600;
  transition: all 0.2s ease;
}
.hero-cover-bg .wp-block-wagepoint-buttons .wp-block-button__link:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.hero-cover-bg h1 {
  /*
  font-size: clamp(2.5rem, 5vw, 4rem) !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  */
  line-height: 0.94;
  margin-bottom: 0.2em;
}
.hero-cover-bg p {
  font-size: var(--font-size-body-lg);
  line-height: 1.4;
}

.wp-block-wagepoint-framed-image-hero h1,
.hero--framed-image h1 {
  margin-bottom: 0;
}
.wp-block-wagepoint-framed-image-hero .column--text,
.hero--framed-image .column--text {
  flex-basis: 64.5%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.wp-block-wagepoint-framed-image-hero .column--image,
.hero--framed-image .column--image {
  position: relative;
  flex: 1;
}
.wp-block-wagepoint-framed-image-hero .framed-image-hero__columns,
.hero--framed-image .framed-image-hero__columns {
  display: flex;
}
.wp-block-wagepoint-framed-image-hero .framed-image-hero__image-container,
.hero--framed-image .framed-image-hero__image-container {
  bottom: calc(var(--container-padding-bottom, 0px) * -1);
  left: 0;
  position: absolute;
  right: calc(var(--container-padding-x, 0px) * -1);
  top: calc(var(--container-padding-top, 0px) * -1);
  transform: translateY(-7%);
  max-width: var(--wp--style--global--content-size);
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100%;
}
.wp-block-wagepoint-framed-image-hero .framed-image-hero__image-wrapper,
.hero--framed-image .framed-image-hero__image-wrapper {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
  height: 131%;
  display: flex;
  align-items: center;
  pointer-events: none;
}
.wp-block-wagepoint-framed-image-hero .framed-image-hero__image-wrapper img,
.hero--framed-image .framed-image-hero__image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 767px) {
  .wp-block-wagepoint-container .wp-block-wagepoint-framed-image-hero,
  .wp-block-wagepoint-container .hero--framed-image {
    --image-height: 528px;
    --container-padding-top: calc(var(--image-height / 2));
  }
  .wp-block-wagepoint-container .wp-block-wagepoint-framed-image-hero .column--image,
  .wp-block-wagepoint-container .hero--framed-image .column--image {
    top: calc(var(--container-padding-top, 0px) * -1);
    right: calc((15px + var(--container-padding-x, 0px)) * -1);
  }
  .wp-block-wagepoint-container .wp-block-wagepoint-framed-image-hero .column--text,
  .wp-block-wagepoint-container .hero--framed-image .column--text {
    margin-top: 0;
  }
  .wp-block-wagepoint-framed-image-hero .meta-heading + .wp-block-heading,
  .hero--framed-image .meta-heading + .wp-block-heading {
    margin-top: 0;
  }
  .wp-block-wagepoint-framed-image-hero,
  .hero--framed-image {
    position: relative;
  }
  .wp-block-wagepoint-framed-image-hero h1 br,
  .hero--framed-image h1 br {
    display: none;
  }
  .wp-block-wagepoint-framed-image-hero .container__content,
  .hero--framed-image .container__content {
    position: unset;
  }
  .wp-block-wagepoint-framed-image-hero .column--text,
  .hero--framed-image .column--text {
    width: 100%;
    flex-basis: 100%;
    margin-top: 135px;
    max-width: clamp(333px, 60vw, 99999px);
  }
  .wp-block-wagepoint-framed-image-hero .column--text > *:first-child,
  .hero--framed-image .column--text > *:first-child {
    max-width: calc(45vw - 15px - var(--container-padding-left, var(--container-padding-x, 0px)));
  }
  .wp-block-wagepoint-framed-image-hero .column--image,
  .wp-block-wagepoint-framed-image-hero .wp-block-group:has(> .wp-block-wagepoint-framed-image),
  .hero--framed-image .column--image,
  .hero--framed-image .wp-block-group:has(> .wp-block-wagepoint-framed-image) {
    position: absolute;
    right: 0;
    width: 55.5vw;
    left: auto;
    height: 100%;
    top: 0;
    height: var(--image-height, 528px);
  }
  .wp-block-wagepoint-framed-image-hero .framed-image-hero__image-container,
  .hero--framed-image .framed-image-hero__image-container {
    width: 100%;
    overflow: hidden;
    left: 0;
    top: 0;
    margin-right: 0 !important;
    right: 0;
  }
  .wp-block-wagepoint-framed-image-hero .framed-image-hero__image-wrapper,
  .hero--framed-image .framed-image-hero__image-wrapper {
    height: 528px;
    max-width: 100%;
    width: auto;
    top: 0;
    transform: translateY(-15px);
    right: 0;
    left: auto;
  }
  .wp-block-wagepoint-framed-image-hero .framed-image-hero__image-wrapper img,
  .hero--framed-image .framed-image-hero__image-wrapper img {
    width: auto;
  }
}

@media (max-width: 767px) {
  .wp-block-wagepoint-container:has(.hero--framed-image) .container__inner {
    --image-height: 528px;
    --container-padding-top: 264px;
  }
}

.metrics-bar-block .metrics-bar-line-svg[data-line-color=payday-blue], .metrics-bar-block .metrics-bar-line-svg[data-line-color=auto] {
  --line-color: var(--color-payday-blue, #4A90E2);
}
.metrics-bar-block .metrics-bar-line-svg[data-line-color=pto-yellow] {
  --line-color: var(--color-pto-yellow, #4A90E2);
}
.metrics-bar-block .metrics-bar-line-svg[data-line-color=growth-green] {
  --line-color: var(--color-growth-green, #4A90E2);
}
.metrics-bar-block .metrics-bar-line-svg path {
  stroke: var(--line-color, currentColor);
}

.wp-block-image img {
  border-radius: 24px;
}
.wp-block-image.is-style-plain img {
  border-radius: 0;
}
.wp-block-image.is-style-offset-rounded {
  position: relative;
}
.wp-block-image.is-style-offset-rounded img {
  border-radius: 20px 20px 200px 20px;
}

.wp-block-post-content .wp-block-group,
.entry-content .wp-block-group {
  max-width: 100%;
}
.wp-block-post-content .wp-block-group.has-max-width-narrower,
.entry-content .wp-block-group.has-max-width-narrower {
  width: 100%;
  max-width: 730px;
  max-width: clamp(0px, 48.6666666667vw, 975px);
}
@media (max-width: 639px) {
  .wp-block-post-content .wp-block-group.has-max-width-narrower,
  .entry-content .wp-block-group.has-max-width-narrower {
    max-width: none;
  }
}
.wp-block-post-content .wp-block-group.has-max-width-narrow,
.entry-content .wp-block-group.has-max-width-narrow {
  width: 100%;
  max-width: 900px;
  max-width: clamp(0px, 60vw, 1200px);
}
@media (max-width: 639px) {
  .wp-block-post-content .wp-block-group.has-max-width-narrow,
  .entry-content .wp-block-group.has-max-width-narrow {
    max-width: none;
  }
}
.wp-block-post-content .wp-block-group.is-content-justification-center, .wp-block-post-content .wp-block-group.align-block-center,
.entry-content .wp-block-group.is-content-justification-center,
.entry-content .wp-block-group.align-block-center {
  margin-left: auto;
  margin-right: auto;
}
.wp-block-post-content .wp-block-group.align-block-right,
.entry-content .wp-block-group.align-block-right {
  margin-left: auto;
}
.wp-block-post-content .wp-block-group.has-max-width-full,
.entry-content .wp-block-group.has-max-width-full {
  max-width: none;
  width: var(--vw, 100vw);
  position: relative;
  left: 50%;
  transform: translate(-50%);
}
.wp-block-post-content .wp-block-group.has-max-width-custom,
.entry-content .wp-block-group.has-max-width-custom {
  max-width: var(--max-w);
}
.wp-block-post-content .wp-block-group.is-style-border, .wp-block-post-content .wp-block-group.is-style-fill,
.entry-content .wp-block-group.is-style-border,
.entry-content .wp-block-group.is-style-fill {
  border-radius: var(--box-corner-radius, 10px);
}
.wp-block-post-content .wp-block-group.is-style-border,
.entry-content .wp-block-group.is-style-border {
  border: 1px solid var(--wp--preset--color--light);
  padding: var(--wp--preset--spacing--40);
}
.wp-block-post-content .wp-block-group.is-style-fill,
.entry-content .wp-block-group.is-style-fill {
  background-color: var(--default-box-bg, var(--wp--preset--color--light, inherit));
  padding: var(--wp--preset--spacing--40);
}

@media (max-width: 639px) {
  main .wp-block-group.is-layout-flex:not(.stack-never) {
    flex-direction: column;
  }
}

@media (min-width: 640px) {
  .wp-block-group.is-layout-flex.stack-mobile {
    flex-wrap: nowrap;
  }
}
@media (max-width: 639px) {
  .wp-block-group.is-layout-flex.stack-mobile {
    flex-direction: column !important;
    flex-wrap: wrap !important;
  }
  .wp-block-group.is-layout-flex.stack-mobile > * {
    width: 100% !important;
  }
}

@media (min-width: 1280px) {
  .wp-block-group.is-layout-flex.stack-desktop {
    flex-wrap: nowrap;
  }
}
@media (max-width: 1279px) {
  .wp-block-group.is-layout-flex.stack-desktop {
    flex-direction: column !important;
    flex-wrap: wrap !important;
  }
  .wp-block-group.is-layout-flex.stack-desktop > * {
    width: 100% !important;
  }
}

@media (min-width: 1024px) {
  .wp-block-group.is-layout-flex.stack-tablet {
    flex-wrap: nowrap !important;
    flex-direction: row !important;
  }
}
@media (max-width: 1023px) {
  .wp-block-group.is-layout-flex.stack-tablet {
    flex-wrap: wrap !important;
    flex-direction: column !important;
  }
}

.wp-block-group.is-layout-flex.stack-never {
  flex-wrap: nowrap;
}

@media (max-width: 639px) {
  .wp-block-group.is-layout-grid {
    grid-template-columns: repeat(var(--grid-cols-mobile, 1), 1fr);
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .wp-block-group.is-layout-grid {
    grid-template-columns: repeat(var(--grid-cols-tablet, 2), 1fr);
  }
}

.wp-block-group.is-layout-grid.center-last-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.wp-block-group.is-layout-grid.center-last-row > * {
  width: calc((100% - (var(--grid-cols) - 1) * var(--block-gap, 1.5rem)) / var(--grid-cols));
  flex-shrink: 0;
}

.wp-block-group.has-overflow-hidden {
  overflow: hidden;
}

/* Responsive overrides */
@media (max-width: 781px) {
  .wp-block-group.is-layout-grid.center-last-row > * {
    width: calc((100% - (var(--grid-cols-tablet) - 1) * var(--block-gap, 1.5rem)) / var(--grid-cols-tablet));
  }
}
@media (max-width: 600px) {
  .wp-block-group.is-layout-grid.center-last-row > * {
    width: calc((100% - (var(--grid-cols-mobile) - 1) * var(--block-gap, 1.5rem)) / var(--grid-cols-mobile));
  }
}
.wp-block-buttons {
  --block-gap: 10px;
}

.wp-block-button .wp-block-button__link,
.wp-block-wagepoint-button .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  padding: 0.75rem 1.5rem;
  padding: 0.5em 1.11em;
  border-radius: 9999px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  font-size: var(--font-size-button, var(--font-size-body-md, 18px));
  cursor: pointer;
}
.wp-block-button .wp-block-button__link:hover,
.wp-block-wagepoint-button .wp-block-button__link:hover {
  transform: translateY(-2px);
}
.wp-block-button .wp-block-button__link:active,
.wp-block-wagepoint-button .wp-block-button__link:active {
  transform: translateY(0);
}
.wp-block-button .button-icon,
.wp-block-wagepoint-button .button-icon {
  display: inline-flex;
  align-items: center;
  font-size: 1.25em;
  line-height: 1;
  width: 0.6em;
}
.wp-block-button .button-icon svg,
.wp-block-wagepoint-button .button-icon svg {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.wp-block-button .button-icon--before,
.wp-block-wagepoint-button .button-icon--before {
  margin-right: 0;
}
.wp-block-button .button-icon--after,
.wp-block-wagepoint-button .button-icon--after {
  margin-left: 0;
}
.wp-block-button.text-light .wp-block-button__link,
.wp-block-wagepoint-button.text-light .wp-block-button__link {
  color: white;
}
.wp-block-button.text-dark .wp-block-button__link,
.wp-block-wagepoint-button.text-dark .wp-block-button__link {
  color: var(--text-dark, var(--color-ledger-blue, inherit));
}
.wp-block-button.is-style-text-link .wp-block-button__link,
.wp-block-wagepoint-button.is-style-text-link .wp-block-button__link {
  padding-left: 0.67em;
  padding-right: 0.67em;
}
.wp-block-button.is-style-fill .wp-block-button__link, .wp-block-button:not([class*=is-style-]) .wp-block-button__link,
.wp-block-wagepoint-button.is-style-fill .wp-block-button__link,
.wp-block-wagepoint-button:not([class*=is-style-]) .wp-block-button__link {
  background-color: var(--color, var(--default-button-background-color, inherit));
  color: var(--button-color, var(--default-button-text-color, inherit));
  border: none;
}
.wp-block-button.is-style-inline,
.wp-block-button.is-style-inline .wp-block-button__link,
.wp-block-wagepoint-button.is-style-inline,
.wp-block-wagepoint-button.is-style-inline .wp-block-button__link {
  background: transparent;
  border: 0;
  padding-left: 0;
  padding-right: 0;
}
.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-wagepoint-button.is-style-outline .wp-block-button__link {
  background-color: transparent !important;
  border: 2px solid var(--default-button-border-color, var(--color, transparent));
}
.wp-block-button.is-style-outline.text-light .wp-block-button__link,
.wp-block-wagepoint-button.is-style-outline.text-light .wp-block-button__link {
  color: var(--color, white);
}
.wp-block-button.is-style-outline.text-dark .wp-block-button__link,
.wp-block-wagepoint-button.is-style-outline.text-dark .wp-block-button__link {
  color: var(--color, black);
}
.wp-block-button.is-style-outline.color-payday-blue .wp-block-button__link,
.wp-block-wagepoint-button.is-style-outline.color-payday-blue .wp-block-button__link {
  border-color: var(--wp--preset--color--payday-blue);
}
.wp-block-button.is-style-outline.color-payroll-purple .wp-block-button__link,
.wp-block-wagepoint-button.is-style-outline.color-payroll-purple .wp-block-button__link {
  border-color: var(--wp--preset--color--payroll-purple);
}
.wp-block-button.is-style-outline.color-statement-green .wp-block-button__link,
.wp-block-wagepoint-button.is-style-outline.color-statement-green .wp-block-button__link {
  border-color: var(--wp--preset--color--statement-green);
}
.wp-block-button.is-style-outline.color-vacation-yellow .wp-block-button__link,
.wp-block-wagepoint-button.is-style-outline.color-vacation-yellow .wp-block-button__link {
  border-color: var(--wp--preset--color--vacation-yellow);
}
.wp-block-button.is-style-outline.color-accent-orange .wp-block-button__link,
.wp-block-wagepoint-button.is-style-outline.color-accent-orange .wp-block-button__link {
  border-color: var(--wp--preset--color--accent-orange);
}
.wp-block-button.is-style-outline.color-white .wp-block-button__link,
.wp-block-wagepoint-button.is-style-outline.color-white .wp-block-button__link {
  border-color: var(--wp--preset--color--white);
}
.wp-block-button.is-style-outline.color-black .wp-block-button__link,
.wp-block-wagepoint-button.is-style-outline.color-black .wp-block-button__link {
  border-color: var(--wp--preset--color--black);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-wagepoint-button.is-style-outline .wp-block-button__link:hover {
  background-color: var(--color, transparent);
}
.wp-block-button.is-style-outline.color-payday-blue .wp-block-button__link:hover,
.wp-block-wagepoint-button.is-style-outline.color-payday-blue .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--payday-blue);
}
.wp-block-button.is-style-outline.color-payroll-purple .wp-block-button__link:hover,
.wp-block-wagepoint-button.is-style-outline.color-payroll-purple .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--payroll-purple);
}
.wp-block-button.is-style-outline.color-statement-green .wp-block-button__link:hover,
.wp-block-wagepoint-button.is-style-outline.color-statement-green .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--statement-green);
}
.wp-block-button.is-style-outline.color-vacation-yellow .wp-block-button__link:hover,
.wp-block-wagepoint-button.is-style-outline.color-vacation-yellow .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--vacation-yellow);
}
.wp-block-button.is-style-outline.color-accent-orange .wp-block-button__link:hover,
.wp-block-wagepoint-button.is-style-outline.color-accent-orange .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--accent-orange);
}
.wp-block-button.is-style-outline.color-white .wp-block-button__link:hover,
.wp-block-wagepoint-button.is-style-outline.color-white .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--white);
}
.wp-block-button.is-style-outline.color-black .wp-block-button__link:hover,
.wp-block-wagepoint-button.is-style-outline.color-black .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--black);
}
.wp-block-button.is-style-outline.text-light .wp-block-button__link:hover,
.wp-block-wagepoint-button.is-style-outline.text-light .wp-block-button__link:hover {
  color: white;
}
.wp-block-button.is-style-outline.text-dark .wp-block-button__link:hover,
.wp-block-wagepoint-button.is-style-outline.text-dark .wp-block-button__link:hover {
  color: black;
}

.category-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0.75rem;
  background: var(--wp--preset--color--primary, #FDB022);
  color: var(--wp--preset--color--dark, #1F2937);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: 1;
}
.category-badge__icon {
  width: 1rem;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.category-badge__icon svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}
.category-badge__name {
  color: inherit;
  text-decoration: none;
}
.category-badge__name:hover {
  opacity: 0.8;
}

.single-post__sidebar > * {
  min-width: 100%;
}
.single-post .entry-content h1, .single-post .entry-content h2, .single-post .entry-content h3, .single-post .entry-content h4, .single-post .entry-content h5, .single-post .entry-content h6 {
  margin-bottom: var(--sp-sm, 15px);
}
.single-post .entry-content h2 {
  font-size: var(--font-size--4);
}
.single-post .entry-content h3 {
  font-size: var(--font-size--6);
}
.single-post .entry-content figcaption {
  text-align: left;
  border-left: 2px solid var(--color-payday-blue, inherit);
  padding-left: 0.5em;
  font-size: var(--font-size-body-xs);
  margin-top: var(--sp-sm, 15px);
  color: inherit;
  font-weight: 300;
}
.single-post .entry-content .wp-block-quote,
.single-post .entry-content blockquote {
  border-left-width: 2px;
  border-left-color: var(--color-pto-yellow);
  margin-top: var(--sp-lg, 35px);
  margin-bottom: var(--sp-lg, 35px);
}
.single-post .entry-content .wp-block-quote,
.single-post .entry-content .wp-block-quote > p,
.single-post .entry-content blockquote,
.single-post .entry-content blockquote > p {
  line-height: 1.25;
  font-weight: 300;
  font-size: var(--font-size--7);
}

.grid--pricing-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
  align-items: stretch;
}
.grid--pricing-cards:has(.is-highlighted) {
  padding-top: var(--highlight-offset-y, 27px);
  padding-bottom: var(--highlight-offset-y, 27px);
}

body {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='14.75' x2='30' y2='14.75' stroke='%23e2e3e5' stroke-opacity='0.3' stroke-width='0.5'/%3E%3Cline x1='15.25' y1='0' x2='15.25' y2='30' stroke='%23e2e3e5' stroke-opacity='0.3' stroke-width='0.5'/%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 100px 100px;
  background-attachment: fixed;
  background-color: #fafafa;
}

.wp-block-group-is-layout-grid:has(> .wp-block-wagepoint-container + .wp-block-wagepoint-container),
.wp-block-group-is-layout-flex:has(> .wp-block-wagepoint-container + .wp-block-wagepoint-container) {
  gap: 15px;
  padding-left: 15px;
  padding-right: 15px;
}
.wp-block-group-is-layout-grid:has(> .wp-block-wagepoint-container + .wp-block-wagepoint-container) > .wp-block-wagepoint-container,
.wp-block-group-is-layout-flex:has(> .wp-block-wagepoint-container + .wp-block-wagepoint-container) > .wp-block-wagepoint-container {
  padding-left: 0;
  padding-right: 0;
}
.wp-block-group-is-layout-grid:has(> .wp-block-wagepoint-container + .wp-block-wagepoint-container),
.wp-block-group-is-layout-flex:has(> .wp-block-wagepoint-container + .wp-block-wagepoint-container) {
  margin-bottom: -15px;
}
@media (max-width: 639px) {
  .wp-block-group-is-layout-grid:has(> .wp-block-wagepoint-container + .wp-block-wagepoint-container) > .wp-block-wagepoint-container,
  .wp-block-group-is-layout-flex:has(> .wp-block-wagepoint-container + .wp-block-wagepoint-container) > .wp-block-wagepoint-container {
    margin-bottom: -15px;
  }
  .wp-block-group-is-layout-grid:has(> .wp-block-wagepoint-container + .wp-block-wagepoint-container),
  .wp-block-group-is-layout-flex:has(> .wp-block-wagepoint-container + .wp-block-wagepoint-container) {
    margin-bottom: 30px;
  }
}

.container__inner {
  box-sizing: border-box;
  min-height: 100%;
  border-radius: var(--container-corner-radius);
  padding: var(--container-padding-top, 0px) var(--container-padding-x, 0px) var(--container-padding-bottom, 0px);
}
.container__inner.width-wide {
  --container-padding-x: var(--container-padding-wide, 0px);
}
.container__inner.width-medium {
  --container-padding-x: clamp(15px, calc(20 / 393 * 100vw), 125px);
}
@media (min-width: 768px) {
  .container__inner.width-medium {
    --container-padding-x: clamp(20px, calc(125 / 1512 * 100vw), 167px);
  }
}
@media (min-width: 1280px) {
  .container__inner.width-narrow {
    --container-padding-x: clamp(20px, calc(180 / 1512 * 100vw), 240px);
  }
}

.wp-block-wagepoint-container {
  position: relative;
}

.meta-heading {
  font-size: var(--font-size-8, 20px);
  font-weight: 500;
}
.meta-heading + .wp-block-wagepoint-heading,
.meta-heading + .wp-block-heading {
  margin-top: -12px;
}

.wp-block-post-terms {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 1em 0 !important;
}
.wp-block-post-terms > * {
  display: inline-block;
  padding: 0.5em 1em;
}
.wp-block-post-terms a {
  border: 1px solid #000;
  text-decoration: none;
}
.wp-block-post-terms__separator {
  display: none;
}

.wp-block-post-content > *:first-child,
.entry-content > *:first-child {
  margin-top: 15px;
}
.wp-block-post-content > *:first-child > .container__inner,
.entry-content > *:first-child > .container__inner {
  --extra-padding-top: var(--global-menu-height, 0px);
}
.wp-block-post-content > .wp-block-cover,
.entry-content > .wp-block-cover {
  padding: 4rem 1.5rem;
  padding-bottom: var(--global-congtainer-py-initial, 4rem);
  padding-top: calc(var(--extra-padding, 0px) + 4rem);
}

.hero-cover-bg .wp-block-cover__inner-container > * {
  padding-bottom: 0 !important;
}
.hero-cover-bg:has(.brand-accent) {
  overflow: visible;
}
.hero-cover-bg:has(.brand-accent) .brand-accent {
  display: none;
}
.hero-cover-bg:has(.brand-accent) + .wp-block-wagepoint-container {
  position: relative;
  z-index: 3;
}

.u-equal-height-children {
  display: flex;
  flex-direction: column;
}
.u-equal-height-children > * {
  flex: 1;
}

.stretch {
  align-content: stretch;
}
.stretch > * {
  min-height: 100%;
}

@media (min-width: 1024px) {
  .container-overlap-top {
    margin-top: calc(var(--container-padding-top, var(--container-padding-y, 0px)) * -1 - 105px) !important;
  }
  .container-overlap-bottom {
    margin-bottom: calc(var(--container-padding-bottom, var(--container-padding-y, 0px)) * -1 - 105px) !important;
  }
  .container__inner:has(.container-overlap-top) {
    margin-top: 90px;
  }
  .container__inner:has(.container-overlap-bottom) {
    margin-bottom: 90px;
  }
}
.is-layout-flex > .no-shrink,
.is-layout-flex > figure.no-shrink {
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: auto;
}

.wp-block-button.full-width-button {
  width: 100% !important;
  display: block;
}
.wp-block-button.full-width-button .wp-block-button__link {
  width: 100% !important;
  display: inline-flex;
  justify-content: center;
}

a[rel=tag] {
  border: 0;
  background-color: #f5f5f5;
}

.no-underline a {
  text-decoration: none;
}

.ledger-blue-logo {
  filter: grayscale(100%) brightness(0);
}

.hover-none a:hover {
  background-color: transparent !important;
}

/* Solo aplicar en pantallas grandes */
@media (min-width: 1300px) {
  .wp-block-navigation__submenu-container {
    display: block !important;
    visibility: hidden;
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
  }
  .wp-block-navigation__submenu-container.is-active {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
}
.z-3 {
  z-index: 9;
}

/* This is to hide the authors box from authorPress. I need it in the html because I get the image from this component and render it to author person hero image */
.pp-multiple-authors-boxes-wrapper {
  display: none;
}

/*esto es para los enlaces */
.text-decoration-none a {
  text-decoration: none;
}

.bg-gradiant-blue {
  background: radial-gradient(circle, #38445a 0%, #111b2d 100%);
}

.justify-content-center {
  justify-content: center;
}

.dashed-right {
  border-left: 1px dashed #7a7a7a;
}

.dashed-top {
  border-top: 1px dashed #7a7a7a;
}

.wagepoint-mobile-sumenu {
  display: block !important;
}

.z-n1 {
  z-index: -1;
}

/*# sourceMappingURL=global-styles.css.map */