/*!
Theme Name: Rethink Breast Cancer
Theme URI: https://paulapoirier.dev
Author: Paula Poirier Development
Author URI: https://underscoretw.com/
Description: A custom theme based on _tw
Version: 0.1.0
Tested up to: 6.2
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: Rethink
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Rethink Breast Cancer is based on _tw https://underscoretw.com/, (C) 2021-2024 Greg Sullivan
_tw is distributed under the terms of the GNU GPL v2 or later.

_tw is based on Underscores https://underscores.me/ and Varia https://github.com/Automattic/themes/tree/master/varia, (C) 2012-2023 Automattic, Inc.
Underscores and Varia are distributed under the terms of the GNU GPL v2 or later.
*/

/**
 * The line above injects the WordPress file header. It needs to be first,
 * before this comment.
 */

/**
 * This injects custom `@font-face` rules.
 */

/**
 * Custom `@font-face` rules
 *
 * These will be added immediately before Tailwind’s `base` layer.
 */

@font-face {
  font-family: 'Nevoa-LightCondensed';

  src: url('./assets/fonts/Nevoa-LightCondensed.woff') format('woff');

  font-weight: normal;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: 'Nevoa-MediumCondensed';

  src: url('./assets/fonts/Nevoa-MediumCondensed.woff') format('woff');

  font-weight: normal;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: 'Poppins-Light';

  src: url('./assets/fonts/Poppins-Light.woff') format('woff');

  font-weight: 300;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: 'Poppins-Regular';

  src: url('./assets/fonts/Poppins-Regular.woff') format('woff');

  font-weight: normal;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: 'Poppins-Medium';

  src: url('./assets/fonts/Poppins-Medium.woff') format('woff');

  font-weight: 500;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: 'Poppins-SemiBold';

  src: url('./assets/fonts/Poppins-SemiBold.woff') format('woff');

  font-weight: 600;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: 'GoogleSansFlex-ExtraBold';

  src: url('./assets/fonts/GoogleSansFlex_120pt-ExtraBold.ttf') format('truetype');

  font-weight: 800;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: 'GoogleSansFlex-Bold';

  src: url('./assets/fonts/GoogleSansFlex_120pt-Bold.ttf') format('truetype');

  font-weight: 700;

  font-style: normal;

  font-display: swap;
}

/* Default Button Styles */

.wp-block-buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}

/* Shared button base styles */

a.button.btn-primary,
.wp-block-button.btn-primary a,
.wp-block-button.btn-secondary a {
  overflow: hidden;
  position: relative;
  align-items: center;
  z-index: 1;
  border: 1px solid var(--wp--preset--color--rethink-pink);
  border-width: 1px;
  border-radius: 56px;
  border-color: var(--wp--preset--color--rethink-pink);
  transition: background-color .3s ease-out, border-color .3s ease-out, color .3s ease-out;
  background-color: transparent;
  display: flex;
  justify-content: space-between;
  line-height: 1.2;
  text-align: left;
  font-size: 0.75rem;
  font-family: Poppins-SemiBold, sans-serif;
}

.wp-block-button.btn-primary a.font-poppins-regular {
  font-family: Poppins-Regular, sans-serif;
}

a.button.btn-primary {
  border-radius: 56px;
  background-color: transparent;
  border: 1px solid var(--wp--preset--color--rethink-pink);
  color: white;
  text-decoration: none;
  font-family: 'Poppins-Regular', sans-serif;
  align-items: center;
  display: inline-flex;
  padding: 1.125rem 1.5rem;
}

.wp-block-button.btn-primary svg,
.wp-block-button.btn-secondary svg {
  margin-left: .5rem;
  position: relative;
  z-index: 1;
}

.wp-block-button.btn-primary.outbound svg,
.wp-block-button.btn-secondary.outbound svg {
  transform: rotate(-45deg);
}

a.button.btn-primary::before,
.wp-block-button.btn-primary a::before,
.wp-block-button.btn-secondary a::before {
  background-color: var(--wp--preset--color--rethink-pink);
  border-radius: 56px;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  transition: transform .4s ease-out;
}

/* Primary button variations */

.wp-block-button.btn-primary svg path {
  transition: stroke .3s ease-out,fill .3s ease-out;
  stroke: var(--wp--preset--color--white);
}

.wp-block-button.btn-primary svg rect {
  transition: stroke .3s ease-out,fill .3s ease-out;
  fill: var(--wp--preset--color--white);
}

a.button.btn-primary::before,
.wp-block-button.btn-primary a::before {
  transform-origin: left;
}

a.button.btn-primary:hover::before,
.wp-block-button.btn-primary:hover a::before {
  transform: scaleX(0);
  transform-origin: right;
}

a.button.btn-primary:hover,
.wp-block-button.btn-primary:hover a,
.wp-block-button.btn-primary:focus a{
  color: var(--wp--preset--color--rethink-almost-black);
}

.wp-block-button.btn-primary:hover svg path {
  stroke: var(--wp--preset--color--rethink-almost-black);
}

.wp-block-button.btn-primary:hover svg rect {
  fill: var(--wp--preset--color--rethink-almost-black);
}

/*  button variations */

.wp-block-button.btn-secondary a {
  transition: 0.3s;
  color: var(--wp--preset--color--almost-black);
}

.wp-block-button.btn-secondary svg path {
  transition: stroke 0.3s ease-out;
  stroke: var(--wp--preset--color--rethink-almost-black);
}

.wp-block-button.btn-secondary svg rect {
  transition: fill 0.3s ease-out;
  fill: var(--wp--preset--color--rethink-almost-black);
}

.wp-block-button.btn-secondary a::before {
  transform: scaleX(0);
  transform-origin: right;
}

.wp-block-button.btn-secondary:hover a::before {
  transform: scaleX(1);
  transform-origin: left;
}

.wp-block-button.btn-secondary:hover a {
  color: var(--wp--preset--color--white);
}

.wp-block-button.btn-secondary:hover svg path {
  stroke: var(--wp--preset--color--white);
}

.wp-block-button.btn-secondary:hover svg rect {
  fill: var(--wp--preset--color--white);
}

/* Header CTA button variations */

header .wp-block-button.btn-primary a.header-content-cta-btn {
  text-transform: none;
  font-size: 0.75rem;
  line-height: 1.2;
  height: 36.4px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
}

/**
 * This injects Tailwind's base styles and any base styles registered by
 * plugins, then adds custom base styles.
 */

/*! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: Poppins-Light, sans-serif;
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

/**
 * Custom styles to immediately follow Tailwind’s `base` layer
 *
 * “Add things like base typography styles [or] opinionated global resets.”
 *
 * — from https://tailwindcss.com/docs/plugins#adding-base-styles
 */

/**
 * This uses the background and foreground colors declared in the
 * `theme.json` file and is applied both to the frontend and in the block
 * editor.
*/

:root {
  --sm: 640px;
  --md: 768px;
  --lg: 1024px;
  --xl: 1600px;
  --xxl: 2000px;
  --max-width-full: 1920px;
  --max-width: 1600px;
  --max-small-width: 1440px;
  --header-height: 60px;
  --color-main: var(--wp--preset--color--rethink-pink);
  --color-secondary: var(--wp--preset--color-rethink-light-peach);
  --color-secondary-light: var(--wp--preset--color-rethink-off-white);
  --color-black: var(--wp--preset--color--rethink-almost-black);
  --color-white: #fff;
  --color-gray: var(--wp--preset--color--rethink-light-grey);
  --color-gray-hot: var(--wp--preset--color--rethink-dark-grey);
  --color-green: var(--wp--preset--color--rethink-green);
  --color-blue: var(--wp--preset--color--rethink-blue);
  --color-yellow: var(--wp--preset--color--rethink-yellow);
  /* base4 scale */
  --base4-1: 0.25rem;
  /* 4px   */
  --base4-2: 0.5rem;
  /* 8px   */
  --base4-3: 0.75rem;
  /* 12px  */
  --base4-4: 1rem;
  /* 16px  */
  --base4-5: 1.25rem;
  /* 20px  */
  --base4-6: 1.5rem;
  /* 24px  */
  --base4-7: 1.75rem;
  /* 28px  */
  --base4-8: 2rem;
  /* 32px  */
  --base4-9: 2.25rem;
  /* 36px  */
  --base4-10: 2.5rem;
  /* 40px  */
  /* base6 scale */
  --base6-1: 0.375rem;
  /* 6px   */
  --base6-2: 0.75rem;
  /* 12px  */
  --base6-3: 1.125rem;
  /* 18px  */
  --base6-4: 1.5rem;
  /* 24px  */
  --base6-5: 1.875rem;
  /* 30px  */
  --base6-6: 2.25rem;
  /* 36px  */
  --base6-7: 2.625rem;
  /* 42px  */
  --base6-8: 3rem;
  /* 48px  */
  --base6-9: 3.375rem;
  /* 54px  */
  --base6-10: 3.75rem;
  /* 60px  */
  /* base8 scale */
  --base8-1: 0.5rem;
  /* 8px   */
  --base8-2: 1rem;
  /* 16px  */
  --base8-3: 1.5rem;
  /* 24px  */
  --base8-4: 2rem;
  /* 32px  */
  --base8-5: 2.5rem;
  /* 40px  */
  --base8-6: 3rem;
  /* 48px  */
  --base8-7: 3.5rem;
  /* 56px  */
  --base8-8: 4rem;
  /* 64px  */
  --base8-9: 4.5rem;
  /* 72px  */
  --base8-10: 5rem;
  /* 80px  */
  /* base10 scale */
  --base10-1: 0.625rem;
  /* 10px  */
  --base10-2: 1.25rem;
  /* 20px  */
  --base10-3: 1.875rem;
  /* 30px  */
  --base10-4: 2.5rem;
  /* 40px  */
  --base10-5: 3.125rem;
  /* 50px  */
  --base10-6: 3.75rem;
  /* 60px  */
  --base10-7: 4.375rem;
  /* 70px  */
  --base10-8: 5rem;
  /* 80px  */
  --base10-9: 5.625rem;
  /* 90px  */
  --base10-10: 6.25rem;
  /* 100px */
  /* base12 scale */
  --base12-1: 0.75rem;
  /* 12px  */
  --base12-2: 1.5rem;
  /* 24px  */
  --base12-3: 2.25rem;
  /* 36px  */
  --base12-4: 3rem;
  /* 48px  */
  --base12-5: 3.75rem;
  /* 60px  */
  --base12-6: 4.5rem;
  /* 72px  */
  --base12-7: 5.25rem;
  /* 84px  */
  --base12-8: 6rem;
  /* 96px  */
  --base12-9: 6.75rem;
  /* 108px */
  --base12-10: 7.5rem;
  /* 120px */
  --rem-1: 0.0625rem;
  /* 1px   */
  --rem-2: 0.125rem;
  /* 2px   */
  --rem-4: 0.25rem;
  /* 4px   */
  --rem-8: 0.5rem;
  /* 8px   */
  --rem-12: 0.75rem;
  /* 12px  */
  --rem-16: 1rem;
  /* 16px  */
  --rem-24: 1.5rem;
  /* 24px  */
  --rem-32: 2rem;
  /* 32px  */
  --rem-40: 2.5rem;
  /* 40px  */
  --rem-48: 3rem;
  /* 48px  */
  --rem-64: 4rem;
  /* 64px  */
  --rem-80: 5rem;
  /* 80px  */
  --rem-100: 6.25rem;
  /* 100px */
  --rem-120: 7.5rem;
  /* 120px */
}

html {
  scroll-behavior: smooth;
}

body {
  line-height: 1.25em;
  font-family: 'Poppins-Light', sans-serif;
  background-color: var(--wp--preset--color--rethink-off-white);
}

body.scroll-stopped {
  overflow: hidden;
}

/* Allow trackpad / touch scroll inside the open mobile menu while body is locked */

body.scroll-stopped #mobile-menu.active {
  touch-action: pan-y;
}

strong {
  font-weight: normal;
}

h1, .h1-style {
  font-size: clamp(48px,5.4166666667vw,93.6px);
  line-height: 100%;
}

h1 strong, .h1-style strong,
h4 strong, .h4-style strong {
  font-family: Nevoa-MediumCondensed, sans-serif;
}

h2, .h2-style {
  font-size: clamp(36px,3.3333333333vw,57.6px);
  line-height: 130%;
}

h3, .h3-style {
  font-size: clamp(32px,2.7777777778vw,48px);
  line-height: 110%;
}

h4, .h4-style {
  font-size: clamp(27px,3.3333333333vw,57.6px);
  line-height: 100%;
}

h5, .h5-style {
  font-size: clamp(22px,1.875vw,32.4px);
  line-height: 110%;
}

h6, .h6-style {
  font-size: clamp(17px,1.5277777778vw,26.4px);
  line-height: 150%;
}

h2 strong, h3 strong, h5 strong, h6 strong, 
.h2-style strong, .h3-style strong, .h5-style strong, .h6-style strong {
  font-family: Poppins-SemiBold, sans-serif;
}

p {
  font-size: 1rem;
  line-height: 1.5em;
}

p strong {
  font-family: Poppins-SemiBold, sans-serif;
}

.container,
.is-layout-constrained {
  padding: 0rem 3.5rem;
  max-width: var(--max-width);
  margin: 0 auto;
}

.wp-block-spacer,
.wp-block-spacer.is-style-large {
  height: 7.5rem !important;
  max-height: 7.5rem !important;
}

@media(max-width: 1024px) {
  .wp-block-spacer,
  .wp-block-spacer.is-style-large {
    max-height: 5rem !important;
    height: 5rem !important;
  }
}

@media(max-width: 1050px) {
  .container,
  .is-layout-constrained {
    padding: 0rem 2.5rem;
  }
}

@media(max-width: 750px) {
  .container,
  .is-layout-constrained {
    padding: 0rem 1.5rem;
  }
}

.accordion-arrow path {
  transition: stroke .3s ease-out,fill .3s ease-out;
}

.accordion-arrow rect {
  transition: stroke .3s ease-out,fill .3s ease-out;
}

/* animations */

.fade-target,
.fade-in-only-target {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1s ease, transform 1s ease;
}

.fade-in-only-target {
  transform: none;
  /* don't slide up */
}

.fade-target.is-visible,
.fade-in-only-target.is-visible {
  opacity: 1;
}

.fade-target.is-up {
  transform: translateY(0);
}

@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0) rotate(90deg);
  }

  40% {
    transform: translateY(30px) rotate(90deg);
  }

  60% {
    transform: translateY(15px) rotate(90deg);
  }
}

.rethink__hero .hero-anchors__grid li .hero-anchors__link::before,
header .mobile-menu nav:has(ul#header-2) li a::before,
.related-block--linked-cards nav ul li.article-card--linked-card::before {
  position: absolute;
  content: "";
  left: 0;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50px);
  transition: opacity 1.2s cubic-bezier(.215,.61,.355,1),transform .8s cubic-bezier(.215,.61,.355,1);
  width: 100%;
  height: 100%;
  z-index: 1;
}

.related-block--linked-cards nav ul li.article-card--linked-card::before {
  top: 0;
  transform: translate(0px);
}

.rethink__hero .hero-anchors__grid li:first-of-type .hero-anchors__link::before,
header .mobile-menu nav:has(ul#header-2) li:first-of-type a::before {
  background: linear-gradient(85deg,#acd1ed 10.16%,#fff 70.2%);
}

.related-block--linked-cards nav ul li.article-card--linked-card:first-of-type::before {
  background: linear-gradient(to top, #acd1ed 10.16%, #fff 70.2%);
}

.rethink__hero .hero-anchors__grid li:nth-of-type(2) .hero-anchors__link::before,
header .mobile-menu nav:has(ul#header-2) li:nth-of-type(2) a::before {
  background: linear-gradient(85deg,#a5dedd 9.86%,#fff 70.2%);
}

.related-block--linked-cards nav ul li.article-card--linked-card:nth-of-type(2)::before {
  background: linear-gradient(to top, #a5dedd 9.86%, #fff 70.2%);
}

.rethink__hero .hero-anchors__grid li:nth-of-type(3) .hero-anchors__link::before,
header .mobile-menu nav:has(ul#header-2) li:nth-of-type(3) a::before {
  background: linear-gradient(85deg,#ffeebf 10.16%,#fff 70.2%);
}

.related-block--linked-cards nav ul li.article-card--linked-card:nth-of-type(3)::before {
  background: linear-gradient(to top, #ffeebf 10.16%, #fff 70.2%);
}

.rethink__hero .hero-anchors__grid li:nth-of-type(4) .hero-anchors__link::before,
header .mobile-menu nav:has(ul#header-2) li:nth-of-type(4) a::before {
  background: linear-gradient(85deg,#ffaada 10.16%,#fff 70.2%);
}

.related-block--linked-cards nav ul li.article-card--linked-card:nth-of-type(4)::before {
  background: linear-gradient(to top, #ffaada 10.16%, #fff 70.2%);
}

.rethink__hero .hero-anchors__grid li .hero-anchors__link:hover::before,
.rethink__hero .hero-anchors__grid li .hero-anchors__link:focus::before,
header .mobile-menu nav:has(ul#header-2) li a:hover::before,
header .mobile-menu nav:has(ul#header-2) li a:focus::before,
.related-block--linked-cards nav ul li.article-card--linked-card:hover::before,
.related-block--linked-cards nav ul li.article-card--linked-card:focus::before {
  opacity: 1;
  transform: translate(0);
}

/**
 * This injects Tailwind's component classes and any component classes
 * registered by plugins, then adds custom component classes.
 *
 * The `@import-glob` line imports all CSS files from the `components`
 * directory (except for `components.css`, which is imported on the following
 * line). This is meant to simplify the process of integrating styles from
 * JavaScript components or WordPress plugins.
 
 */

/* @import "tailwindcss/components"; */

.block-columns, 
  .block-columns__lower {
  background-color: var(--wp--preset--color--rethink-light-peach);
}

.block-columns__wrapper .block-columns__header {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(12,1fr);
  padding-bottom: 3.5rem;
}

.block-columns__wrapper .block-columns__header .block-columns__header--content {
  text-align: center;
  display: grid;
  gap: 48px;
  grid-column: 1/span 12;
  margin: auto;
  max-width: 700px;
  width: 80%;
}

.block-columns__wrapper .block-columns__header .block-columns__header--content .block-columns__title {
  padding-top: 12rem;
}

@media(max-width: 1024px) {
  .block-columns__wrapper .block-columns__header .block-columns__header--content .block-columns__title {
    padding-top: 5rem;
  }
}

.block-columns__wrapper .block-columns__header .block-columns__header--content .block-columns__title,
  .block-columns__wrapper .block-columns__header .block-columns__header--content .block-columns__description p {
  text-align: center;
}

.block-columns__wrapper .block-columns__header .block-columns__header--content .block-columns__description p {
  font-size: clamp(17px,1.5277777778vw,26.4px);
}

.block-columns__content {
  border-top: 1px solid var(--wp--preset--color--rethink-almost-black);
  overflow: hidden;
  /* padding: 2.5rem 3.5rem; */
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  position: relative;
}

.block-columns__content:last-child {
  border-bottom: 1px solid var(--wp--preset--color--rethink-almost-black);
}

.block-columns__link {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.block-columns__col .block-columns__col-text a {
  font-family: 'Nevoa-MediumCondensed';
  text-decoration: underline;
}

.block-columns__link::before {
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transform: translate(-50px);
  transition: opacity 1.2s cubic-bezier(.215,.61,.355,1),transform .8s cubic-bezier(.215,.61,.355,1);
  width: 100%;
  z-index: 1;
}

.block-columns__content:nth-of-type(4n+1) .block-columns__link::before {
  background: linear-gradient(85deg,#acd1ed 10.16%,var(--wp--preset--color--rethink-light-peach) 70.2%);
}

.block-columns__content:nth-of-type(4n+2) .block-columns__link::before {
  background: linear-gradient(85deg,#a5dedd 9.86%,var(--wp--preset--color--rethink-light-peach) 70.2%);
}

.block-columns__content:nth-of-type(4n+3) .block-columns__link::before {
  background: linear-gradient(85deg,#ffeebf 10.16%,var(--wp--preset--color--rethink-light-peach) 70.2%);
}

.block-columns__content:nth-of-type(4n+4) .block-columns__link::before {
  background: linear-gradient(85deg,#ffaada 10.16%,var(--wp--preset--color--rethink-light-peach) 70.2%);
}

.block-columns__link:hover::before, 
  .block-columns__link:focus::before {
  opacity: 1;
  transform: translate(0);
}

.block-columns__col {
  align-items: center;
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(12,1fr);
  margin: auto;
  max-width: var(--max-width);
  pointer-events: none;
  position: relative;
  width: 100%;
  z-index: 2;
}

.block-columns__col-title {
  grid-column: 1/5;
}

.block-columns__col-text {
  grid-column: 6/11;
}

.block-columns__col-link {
  align-items: center;
  display: flex;
  font-size: 12px;
  grid-column: 11/13;
  justify-content: flex-end;
  line-height: 17px;
  text-align: right;
  text-transform: uppercase;
}

.block-columns__col-link svg {
  margin-left: 1rem;
}

@media(max-width: 900px) {
  .block-columns__content {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .block-columns__col-title,
    .block-columns__col-text,
    .block-columns__col-link {
    grid-column: span 12;
    justify-content: flex-start;
  }
}

/* IMAGE STYLES */

.block-image-text:not(.block-standalone-picture),
  .block-video {
  margin: 12rem auto;
  overflow: hidden;
}

.block-image-text.container.image--fullscreen {
  max-width: var(--max-width-full);
}

.block-image-text__container {
  margin: auto;
  max-width: var(--max-width);
  position: relative;
  overflow: hidden;
}

.block-image-text.image--fullscreen .block-image-text__container {
  max-width: unset;
}

.block-image-text .mask {
  transform: translate(-50%,-50%);
  border: 400px solid var(--wp--preset--color--rethink-off-white);
  background: transparent;
  border-radius: 2000px;
  box-sizing: content-box;
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform-origin: center center;
  z-index: 1;
  /* display: none; */
}

.block-image-text img {
  border-radius: 1000px;
  width: 100%;
}

.block-image-text.image-not-rounded img {
  border-radius: 0px;
}

.block-image-text__header {
  position: relative;
  z-index: 2;
  text-align: center;
  margin-bottom: 2.5rem;
}

@media(max-width: 1024px) {
  .block-image-text.block-image-text:not(.block-standalone-picture) {
    margin: 5rem auto;
  }
}

/* VIDEO BLOCK */

.block-video__wrapper {
  display: grid;
  margin: auto;
  max-width: var(--max-width);
  width: 100%;
  grid-column-gap: 24px;
  grid-template-columns: repeat(12,1fr);
}

.block-video__header {
  display: grid;
  gap: 24px;
  grid-column: 4/span 6;
  grid-row: 1;
  margin-bottom: 2rem;
  text-align: center;
}

.block-video__container {
  cursor: pointer;
  position: relative;
  grid-column: 2/span 10;
  grid-row: 2;
  --plyr-color-main: var(--wp--preset--color--rethink-pink);
}

.block-video__container .poster {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}

.block-video--playing .block-video__container .poster {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

.block-video__container .poster img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.block-video__container .plyr {
  transition: .5s ease;
  transition-property: opacity,visibility;
}

.plyr--video {
  overflow: hidden;
  background: transparent;
}

.plyr__video-wrapper {
  background: transparent;
  transform: scale(1.007);
}

.play-btn {
  align-items: center;
  aspect-ratio: 1/1;
  background: none;
  border-radius: 50%;
  /* color: var(--color-white); */
  display: flex;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  transition: .5s ease;
  width: 88px;
  z-index: 1;
}

.play-btn--hide {
  opacity: 0;
  visibility: hidden;
}

.play-btn svg {
  height: 88px;
  width: 88px;
}

.block-video__container .play-btn svg circle,
  .block-video__container .play-btn svg path {
  transition: 0.5s ease;
}

.block-video__container .play-btn svg circle {
  fill: var(--wp--preset--color--rethink-off-white);
}

.block-video__container:hover .play-btn svg circle,
  .block-video__container:focus .play-btn svg circle {
  fill: var(--wp--preset--color--rethink-pink);
}

.block-video__container:hover .play-btn svg path,
  .block-video__container:focus .play-btn svg path{
  stroke: var(--wp--preset--color--rethink-off-white);
}

/* .footer-article {
  
} */

.footer-article__wrapper {
  border-top: 1px solid black;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.footer-article__wrapper .footer-article__share .copied-label {
  position: absolute;
  top: -15px;
  right: 0px;
}

@media(max-width: 1200px) {
  .footer-article__wrapper {
    align-items: flex-start;
  }

  .footer-article__categories p,
  .footer-article__date p {
    flex-direction: column;
  }

  .footer-article__categories p {
    gap: 5px;
  }

  .footer-article__date p {
    gap: 0;
  }
}

@media(max-width: 700px) {
  .footer-article__wrapper {
    flex-direction: column;
    align-items: center;
  }

  .footer-article__date p {
    flex-direction: row;
    gap: 3px;
  }

  .footer-article__categories {
    margin-top: 1.5rem;
    margin-bottom: 2rem;
  }
}

.filters {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  margin: auto;
  max-width: 1440px;
  gap: 24px;
  transition: 0.3s;
}

.filters,
  .posts-grid--container {
  padding: 0 3.5rem 3.5rem;
}

@media(max-width: 1440px) {
  .filters,
    .posts-grid--container {
    padding: 0 0 3.5rem 0;
  }
}

#posts-grid .container {
  margin-top: 3.75rem;
}

@media(max-width: 1050px) {
  #posts-grid .container {
    padding: 0 1.5rem;
  }
}

.category-filters {
  grid-column: 1/8;
}

.type-filters {
  grid-column: 9/13;
}

@media(max-width: 900px) {
  .category-filters,
    .type-filters {
    grid-column: 1/13;
  }
}

.filter-group-title {
  font-size: 1rem;
  margin-bottom: 0.75rem;
}

.filter-buttons-container {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

button.filter-button,
  button.all-filter-button {
  transition: 0.3s;
  background-color: transparent;
  border: 2px solid var(--wp--preset--color--rethink-light-grey);
  border-radius: 24px;
  font-size: 0.75rem;
  padding: 6px 12px;
  font-family: 'Poppins-Regular', sans-serif;
}

button.filter-button:hover,
  button.filter-button:focus {
  background-color: var(--wp--preset--color--rethink-light-grey);
}

button.filter-button.active {
  background-color: black;
  color: white;
}

.all-filter-button.active {
  background: black;
  border: 2px solid var(--wp--preset--color--rethink-light-grey);
  border-radius: 24px;
  padding: 6px 12px;
  font-size: 0.75rem;
  font-family: 'Poppins-Regular', sans-serif;
  color: white;
}

span.filter-button.all-filter-button.active {
  background: #1337EC;
  border-color: #1337EC;
  color: white;
}

/* POSTS GRID */

.posts-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  -moz-column-gap: 24px;
       column-gap: 24px;
  row-gap: 24px;
}

@media(max-width: 900px) {
  .posts-list {
    grid-template-columns: 1fr 1fr;
  }
}

@media(max-width: 580px) {
  .posts-list {
    grid-template-columns: 1fr;
  }
}

.article-card {
  background-color: var(--wp--preset--color--rethink-light-peach);
  border-radius: 16px;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media(max-width: 900px) {
  .article-card {
    padding: 1rem;
  }
}

.article-card:not(.article-card--linked-card) {
  min-height: 350px;
}

@media(max-width: 600px) {
  .article-card {
    min-height: 320px;
  }
}

.article-card a {
  z-index: 20;
  top: 0;
  left: 0;
}

.article-card .post-thumbnail:not(:has(svg)),
.article-card .post-thumbnail:not(.post-thumbnail--linked-card) img {
  border-radius: 8px;
  overflow: hidden;
}

.article-card .post-thumbnail:not(.post-thumbnail--linked-card) img {
  min-height: 165px;
}

.article-card .post-thumbnail:not(.post-thumbnail--linked-card) {
  margin-bottom: 1.5rem;
  min-height: 165px;
  max-height: 165px;
  height: 100%;
}

.article-card .post-thumbnail:has(svg) svg {
  width: 50%;
  height: 100%;
}

.article-card .post-title {
  font-size: 1.2rem;
}

.article-card .article-card-footer .article-type {
  font-size: 0.75rem;
  color: var(--wp--preset--color--rethink-almost-black);
}

.hero-article {
  padding-top: var(--header-height);
}

.hero-article.banner-is-displayed {
  padding-top: 90px;
}

.hero-article .yoast-breadcrumbs__rethink-container {
  padding-top: 1rem;
}

.hero-article .hero-article__title {
  margin: 2.5rem auto auto;
  width: 80%;
}

.hero-article__content {
  gap: 5rem;
}

.hero-article__categories {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
  width: 100%;
}

.hero-article__category {
  background-color: transparent;
  border: 2px solid var(--color-gray);
  border-radius: 24px;
  color: var(--color-black);
  display: inline-block;
  font-family: Poppins-Regular;
  font-size: 14px;
  line-height: 150%;
  padding: 6px 12px;
  transition: background-color .4s ease,color .4s ease;
}

.hero-article__category:hover,
  .hero-article__category:focus {
  background-color: var(--color-gray-hot);
  color: #fff;
}

.hero-article .block-image-text {
  margin: 4rem auto;
}

.hero-article .block-image-text .block-image-text__image-container.image-container--.block-image-text-left-right__image {
  aspect-ratio: initial;
}

.hero-article .block-image-text .mask {
  background: transparent;
  border: 200px solid var(--wp--preset--color--rethink-off-white);
  border-radius: 2000px;
  box-sizing: content-box;
  display: block;
  height: 100%;
  width: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  z-index: 1;
  will-change: transform;
  overflow: hidden;
}

@media(max-width: 1024px) {
  .hero-article .yoast-breadcrumbs__rethink-container {
    padding-top: 0.5rem;
    margin-left: -8px;
  }

  .hero-article .hero-article__title {
    width: 100%;
    margin: 2.5rem 0 0 0;
  }

  .hero-article__content {
    gap: 3rem;
  }

  .hero-article .block-image-text {
    margin: 2rem auto !important;
  }
}

.cta-block__grid {
  background-color: var(--wp--preset--color--rethink-light-peach);
  border-radius: 900px;
}

.cta-block__wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: auto;
  max-width: 650px;
  padding: 5rem 0;
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 12rem 1.5rem;
}

.cta-block__text p a,
  .cta-block__text a,
  .cta-block__text ul li a {
  font-family: 'Nevoa-MediumCondensed', sans-serif;
  text-decoration: underline;
  color: black;
}

@media(max-width: 1024px) {
  .cta-block__wrapper {
    padding: 5rem 1.5rem;
  }
}

.cta-block__subtitle {
  margin-bottom: 0.5rem;
}

.cta-block__title {
  margin-bottom: 0.5rem;
  line-height: 1.1;
}

.cta-block__text {
  margin-bottom: 1rem;
  max-width: 600px;
  color: var(--wp--preset--color--rethink-dark-grey);
}

.cta-block__btns {
  margin-top: 0.5rem;
}

@media(max-width: 1024px) {
  .cta-block__btns ul {
    justify-content: center;
    padding: 0 2.5rem;
  }
}

@media(max-width: 768px) {
  .cta-block__btns ul {
    padding: 0 1rem;
  }
}

footer {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}

footer p,
footer span,
footer a {
  font-family: Poppins-Regular, sans-serif;
  font-size: 0.85rem;
  color: var(--wp--preset--color--rethink-dark-grey);
  text-decoration-line: none;
}

.wp-block-button.btn-primary afooter p,.wp-block-button.btn-primary a
footer span,.wp-block-button.btn-primary a
footer a {
  font-family: Poppins-Regular, sans-serif;
}

footer a {
  transition: color 0.4s ease;
}

footer a:not(.wp-block-button__link):hover,
footer a:not(.wp-block-button__link):focus {
  color: var(--wp--preset--color--rethink-pink);
}

footer .top-container__logo-and-newsletter {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  border-bottom-width: 0.5px;
  border-bottom-color: var(--wp--preset--color--rethink-light-grey);
  padding-bottom: 1.5rem;
}

footer .logo-address-contact-charity-social {
  display: flex;
  flex-direction: column;
}

footer .logo-address-contact-charity-social,
footer .newsletter-sign-up {
  width: 50%;
}

footer .logo-address-contact-charity-social .rethink__logo {
  margin-bottom: 1rem;
  width: 193px;
}

@media (min-width: 1280px) {
  footer .logo-address-contact-charity-social .rethink__logo {
    width: 153px;
  }
}

footer .logo-address-contact-charity-social .charity-num {
  margin-top: 0.75rem;
}

footer .newsletter-sign-up h2 {
  margin-bottom: 0.5rem;
  font-family: Poppins-SemiBold, sans-serif;
  font-size: 1.25rem;
}

footer .newsletter-sign-up p {
  font-family: Poppins-Regular, sans-serif;
  font-size: 0.85rem;
  color: var(--wp--preset--color--rethink-dark-grey);
}

.wp-block-button.btn-primary afooter .newsletter-sign-up p {
  font-family: Poppins-Regular, sans-serif;
}

footer .newsletter-sign-up .wp-block-buttons {
  margin-top: 0.95rem;
}

/* footer - bottom menus */

footer .bottom-container__menus {
  grid-template-columns: repeat(12, 1fr);
  display: grid;
  gap: 24px;
  border-bottom-width: 0.5px;
  border-bottom-color: var(-wp--preset--color--rethink-light-grey);
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

footer .bottom-container__menus .footer-menu-container {
  grid-column: span 2;
}

footer .bottom-container__menus .footer-menu-container:nth-of-type(4),
footer .bottom-container__menus .footer-menu-container:last-of-type {
  grid-column: span 3;
}

footer .bottom-container__menus .footer-menu-container:has(nav.wp-block-buttons),
footer .bottom-container__menus .footer-menu-container nav.wp-block-buttons ul {
  gap: 0.5rem;
}

footer .bottom-container__menus .footer-menu-container h3 {
  margin-bottom: .5rem;
  font-family: Poppins-SemiBold, sans-serif;
  font-size: 1rem;
  line-height: 150%;
}

footer .bottom-container__menus .footer-menu-container .accordion-arrow {
  display: none;
  transform: rotate(90deg);
  transition: transform 0.4s ease;
}

footer .bottom-container__menus .footer-menu-container nav ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

footer .bottom-container__menus .footer-menu-container nav ul li a {
  transition: all .3s ease;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  font-family: Poppins-SemiBold, sans-serif;
  font-size: 0.75rem;
  text-transform: uppercase;
}

footer .rethink__copyright {
  display: flex;
  justify-content: space-between;
  gap: 52px;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

footer .rethink__copyright span,
footer .rethink__copyright a {
  font-family: Poppins-Regular, sans-serif;
  font-size: 0.75rem;
  color: var(--wp--preset--color--rethink-almost-black);
}

.wp-block-button.btn-primary afooter .rethink__copyright span,.wp-block-button.btn-primary a
footer .rethink__copyright a {
  font-family: Poppins-Regular, sans-serif;
}

footer .rethink__copyright a {
  color: var(--wp--preset--color--rethink-dark-grey);
}

footer .footer-menu-container.is-visible .accordion-arrow {
  transform: rotate(270deg);
}

@media(max-width: 900px) {
  footer {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  footer .bottom-container__menus .footer-menu-container,
  footer .bottom-container__menus .footer-menu-container:nth-of-type(4),
  footer .bottom-container__menus .footer-menu-container:last-of-type {
    grid-column: span 6;
  }

  footer .bottom-container__menus {
    gap: 0;
    -moz-column-gap: 24px;
         column-gap: 24px;
  }

  footer .bottom-container__menus .footer-menu-container {
    gap: initial;
  }

  footer .bottom-container__menus .footer-menu-container div:has(h3) {
    cursor: pointer;
  }

  footer .bottom-container__menus .footer-menu-container h3 {
    transition: color 0.3s ease;
    position: relative;
    margin-bottom: 1rem;
  }

  footer .bottom-container__menus .footer-menu-container .accordion-arrow {
    display: block;
  }

  footer .bottom-container__menus .footer-menu-container div:hover h3,
  footer .bottom-container__menus .footer-menu-container div:focus h3 {
    color: var(--wp--preset--color--rethink-pink);
  }

  footer .bottom-container__menus .footer-menu-container div:hover .accordion-arrow path,
  footer .bottom-container__menus .footer-menu-container div:focus .accordion-arrow path {
    stroke: var(--wp--preset--color--rethink-pink);
  }

  footer .bottom-container__menus .footer-menu-container div:hover .accordion-arrow rect,
  footer .bottom-container__menus .footer-menu-container div:focus .accordion-arrow rect {
    fill: var(--wp--preset--color--rethink-pink);
  }

  footer .bottom-container__menus .footer-menu-container nav {
    transition: height .4s ease;
    height: 0rem;
    overflow: hidden;
  }

  footer .bottom-container__menus .footer-menu-container nav ul {
    margin-bottom: 20px;
  }

  footer .rethink__copyright {
    flex-direction: column;
    gap: 1rem;
  }

  footer .rethink__copyright span {
    order: 2;
    text-align: center;
    font-family: Poppins-SemiBold, sans-serif;
    color: var(--wp--preset--color--rethink-dark-grey);
  }

  footer .rethink__copyright nav {
    justify-content: space-between;
  }

  footer .rethink__copyright nav ul {
    width: 100%;
    flex-wrap: wrap;
  }

  footer .rethink__copyright nav ul li a {
    padding-right: 10px;
    text-decoration-line: underline;
  }
}

@media(max-width: 600px) {
  footer .top-container__logo-and-newsletter {
    flex-direction: column;
    padding-bottom: 2rem;
  }

  footer .top-container__logo-and-newsletter .newsletter-sign-up {
    width: 100%;
  }
}

@media(max-width: 400px) {
  footer .bottom-container__menus .footer-menu-container,
  footer .bottom-container__menus .footer-menu-container:nth-of-type(4),
  footer .bottom-container__menus .footer-menu-container:last-of-type {
    grid-column: span 12;
  }
}

.rethink__form--form-container {
  border-radius: 16px;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}

.rethink__form--form-container h2,
.rethink__form--form-container p,
.rethink__form--form-container .wp-block-spacer,
.rethink__form--form-container .gform_wrapper {
  grid-column: 4/10;
}

.rethink__form--form-container h2 {
  margin-bottom: 2rem;
}

.gform_required_legend {
  display: none;
}

.gform_confirmation_message {
  text-align: center !important;
}

.ginput_container input {
  border: none !important;
  border-width: 0px !important;
  border-bottom: 1px solid black !important;
  box-shadow: none !important;
  border-radius: 0px !important;
}

.ginput_container input:focus,
.ginput_container textarea:focus
 {
  outline: 1px solid var(--wp--preset--color--rethink-pink) !important;
}

.ginput_container textarea {
  border: 1px solid black !important;
  border-radius: 0px !important;
}

.gfield.gfield--type-textarea label {
  font-family: 'Poppins-Semibold', sans-serif;
}

.gfield_required {
  color: black !important;
}

.gform-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.gform-footer .gform_button {
  border-radius: 56px !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  font-family: 'Poppins-Semibold', sans-serif !important;
  border-width: 1px !important;
  border-color: var(--wp--preset--color--rethink-pink) !important;
  min-width: 152px !important;
}

.gform-footer .gform_button:hover,
.gform-footer .gform_button:focus {
  background-color: transparent !important;
  color: black !important;
}

@media(max-width: 900px) {
  .rethink__form--form-container p,
  .rethink__form--form-container h2,
  .rethink__form--form-container .gform_wrapper {
    grid-column: span 12;
    padding: 0 1.5rem;
  }
}

.site-header.banner-is-displayed {
  padding-left: 0;
  padding-right: 0;
  height: 94px;
}

.site-header.banner-is-displayed .header___custom-header {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* announcement bar general styles */

.header__banner {
  background-color: var(--wp--preset--color--rethink-pink);
}

.header__banner .header__banner-wrapper {
  justify-content: center;
  align-items: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.header__banner-arrow {
  display: inline-flex;
  align-items: center;
  margin-left: 0.15rem;
  vertical-align: middle;
}

.header__banner-arrow svg path {
  stroke: var(--wp--preset--color--white);
}

.header__banner-arrow svg rect {
  fill: var(--wp--preset--color--white);
}

.header__banner .header__banner-wrapper a > *,
.header__banner-close  {
  font-size: 0.8rem;
}

.header__banner-title {
  color: white;
  text-align: center;
  line-height: 1!important;
}

.header__banner-title-styled {
  text-transform: uppercase;
  font-family: 'Poppins-Semibold', sans-serif;
}

@media(max-width: 1050px) {
  .site-header.banner-is-displayed .header___custom-header {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .header__banner .header__banner-wrapper a > *,
  .header__banner-close {
    font-size: 0.9rem;
  }

  .header__banner .header__banner-wrapper {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

@media(max-width: 780px) {
  .site-header.banner-is-displayed {
    height: initial;
  }

  .header__banner .header__banner-wrapper a > *,
  .header__banner-close {
    text-align: left;
  }
}

/* Header Desktop Menu (#site-navigation only) */

#site-navigation {
  height: 100%;
}

#site-navigation ul.desktop-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
}

#site-navigation ul.desktop-menu > li {
  position: relative;
  display: flex;
  align-items: stretch;
  height: 100%;
}

#site-navigation ul.desktop-menu > li > a {
  transition: background-color 0.2s ease, color 0.2s ease;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  font-family: Poppins-SemiBold, sans-serif;
  text-transform: uppercase;
  height: 100%;
  padding: 0 1.5rem;
  color: var(--wp--preset--color--rethink-almost-black);
  font-size: 0.8rem;
  line-height: 1.2;
}

@media (max-width: 1165px) {
  #site-navigation ul.desktop-menu > li > a {
    padding: 0 1rem;
  }
}

#site-navigation ul.desktop-menu > li:not(.menu-item-has-children) > a:hover,
#site-navigation ul.desktop-menu > li:not(.menu-item-has-children) > a:focus {
  color: var(--wp--preset--color--rethink-pink);
}

/* Top-level parent open state: pink pill + white text */

#site-navigation ul.desktop-menu > li.menu-item-has-children.is-open > a {
  background-color: var(--wp--preset--color--rethink-pink);
  color: #fff;
  outline: none;
}

/* Dropdown panel (depth 1) — open state driven by JS (.is-open) so hover
   doesn’t keep a previous drawer open after keyboard focus moves on */

#site-navigation ul.desktop-menu > li > .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 60;
  display: none;
  flex-direction: column;
  gap: 1rem;
  width: -moz-max-content;
  width: max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  margin: 0;
  padding: 1.75rem 2.25rem 2rem 2rem;
  list-style: none;
  background-color: #fff;
  border-radius: 0 8px 8px 8px;
  box-shadow: 0 6px 20px rgba(35, 31, 32, 0.16), 0 1px 4px rgba(35, 31, 32, 0.08);
}

#site-navigation ul.desktop-menu > li.is-open > .sub-menu {
  display: flex;
  flex-direction: column;
}

/* Depth-1 items */

#site-navigation ul.desktop-menu > li > .sub-menu > li {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  height: auto;
}

/* Category headers (depth-1 items that have children) */

#site-navigation ul.desktop-menu > li > .sub-menu > li.menu-item-has-children > a {
  font-family: Poppins-SemiBold, sans-serif;
  display: block;
  padding: 0 0 0.5rem;
  color: var(--wp--preset--color--rethink-pink);
  font-size: 0.75rem;
  /* 12px — 1rem = 16px */
  line-height: 1.3;
  text-decoration: none !important;
  text-transform: none;
  white-space: nowrap;
}

/* Non-link category labels (href="#") stay non-interactive */

#site-navigation ul.desktop-menu > li > .sub-menu > li.menu-item-has-children > a[href="#"],
#site-navigation ul.desktop-menu > li > .sub-menu > li.menu-item-has-children > a:not([href]) {
  pointer-events: none;
}

/* Linked category titles — full-bleed pink hover (no underline) */

#site-navigation ul.desktop-menu > li > .sub-menu > li.menu-item-has-children > a[href]:not([href="#"]) {
  margin: 0 -2.25rem 0 -2rem;
  padding: 0.5rem 2.25rem 0.5rem 2rem;
  transition: background-color 0.2s ease;
}

#site-navigation ul.desktop-menu > li > .sub-menu > li.menu-item-has-children > a[href]:not([href="#"]):hover,
#site-navigation ul.desktop-menu > li > .sub-menu > li.menu-item-has-children > a[href]:not([href="#"]):focus {
  background-color: rgba(255, 73, 176, 0.07);
}

/* Plain depth-1 links (no children) */

#site-navigation ul.desktop-menu > li > .sub-menu > li:not(.menu-item-has-children) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.22);
  transition: border-bottom-color 0.2s ease;
}

#site-navigation ul.desktop-menu > li > .sub-menu > li:not(.menu-item-has-children):hover,
#site-navigation ul.desktop-menu > li > .sub-menu > li:not(.menu-item-has-children):focus-within {
  border-bottom-color: var(--wp--preset--color--rethink-pink);
}

#site-navigation ul.desktop-menu > li > .sub-menu > li:not(.menu-item-has-children) > a {
  font-family: Poppins-Medium, sans-serif;
  display: block;
  margin: 0 -2.25rem 0 -2rem;
  padding: 0.5rem 2.25rem 0.5rem 2rem;
  color: var(--wp--preset--color--rethink-almost-black);
  font-size: 0.75rem;
  /* 12px — 1rem = 16px */
  line-height: 1.4;
  text-decoration: none !important;
  text-transform: none;
  white-space: nowrap;
  transition: background-color 0.2s ease;
}

#site-navigation ul.desktop-menu > li > .sub-menu > li:not(.menu-item-has-children) > a:hover,
#site-navigation ul.desktop-menu > li > .sub-menu > li:not(.menu-item-has-children) > a:focus {
  background-color: rgba(255, 73, 176, 0.07);
  color: var(--wp--preset--color--rethink-almost-black);
}

/* Nested links under a category (depth 2) — always visible inside open dropdown */

#site-navigation ul.desktop-menu > li > .sub-menu > li > .sub-menu {
  display: flex !important;
  flex-direction: column;
  position: static;
  gap: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  opacity: 1;
}

#site-navigation ul.desktop-menu > li > .sub-menu > li > .sub-menu > li {
  margin: 0;
  padding: 0;
  height: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 0.22);
  transition: border-bottom-color 0.2s ease;
}

#site-navigation ul.desktop-menu > li > .sub-menu > li > .sub-menu > li:hover,
#site-navigation ul.desktop-menu > li > .sub-menu > li > .sub-menu > li:focus-within {
  border-bottom-color: var(--wp--preset--color--rethink-pink);
}

#site-navigation ul.desktop-menu > li > .sub-menu > li > .sub-menu > li > a {
  font-family: Poppins-Medium, sans-serif;
  display: block;
  margin: 0 -2.25rem 0 -2rem;
  padding: 0.5rem 2.25rem 0.5rem 2rem;
  color: var(--wp--preset--color--rethink-almost-black);
  font-size: 0.75rem;
  /* 12px — 1rem = 16px */
  line-height: 1.4;
  text-decoration: none !important;
  text-transform: none;
  white-space: nowrap;
  transition: background-color 0.2s ease;
}

#site-navigation ul.desktop-menu > li > .sub-menu > li > .sub-menu > li > a:hover,
#site-navigation ul.desktop-menu > li > .sub-menu > li > .sub-menu > li > a:focus {
  background-color: rgba(255, 73, 176, 0.07);
  color: var(--wp--preset--color--rethink-almost-black);
}

/* Header Mobile Menu */

header .mobile-menu {
  padding: 48px;
}

header .mobile-menu li {
  transition: all .3s ease;
  padding: 0px;
}

header .mobile-menu li a {
  font-family: Poppins-SemiBold, sans-serif;
  font-size: 0.75rem;
  text-transform: uppercase;
  color: var(--wp--preset--color--rethink-dark-grey);
  text-decoration-line: none;
}

header .mobile-menu li:hover,
header .mobile-menu li:focus-within {
  color: var(--wp--preset--color--rethink-pink);
}

body.admin-bar #mobile-menu {
  top: 106px;
}

@media (min-width:786px) {
  body.admin-bar #mobile-menu {
    top: 92px
  }
}

#mobile-menu {
  transform: translateY(30px);
  transition: transform .2s ease-out,opacity .2s ease-out;
  opacity: 0;
  visibility: hidden;
  top: 66px;
  right: 1rem;
  z-index: 40;
}

/* Soft drop shadow on the dropdown-box menu (≥1024 / desktop secondary only) */

@media (min-width: 1024px) {
  header #mobile-menu {
    box-shadow: 0 8px 24px rgba(35, 31, 32, 0.12);
  }
}

header.banner-is-displayed #mobile-menu {
  top: 92px;
}

#mobile-menu.active {
  opacity: 1;
  transition: transform .7s ease-out,opacity .7s ease-out;
  transform: translateY(0);
  z-index: 50;
  visibility: visible;
}

header .mobile-menu nav:has(ul#header-2) li a {
  position: relative;
  display: inline-block;
  display: flex;
  width: 330px;
  min-width: 250px;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  overflow: hidden;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.rethink-block__home-hero .hero-anchors__grid li .hero-anchors__link span,
.rethink-block__home-hero .hero-anchors__grid li .hero-anchors__link svg,
.rethink__hero .hero-anchors__grid li .hero-anchors__link svg,
header .mobile-menu nav:has(ul#header-2) li a span,
header .mobile-menu nav:has(ul#header-2) li a svg  {
  position: relative;
  z-index: 1;
}

header .mobile-menu nav:has(ul#header-2) li a span {
  line-height: 17px;
}

header .mobile-menu nav:has(ul#header-2) li a svg {
  min-width: 45px;
  min-height: 45px;
}

header .mobile-menu nav ul#header-3,
header .mobile-menu nav ul#header-3-mobile,
header .mobile-menu nav ul#header-4 {
  display: flex;
  width: 150px;
  flex-direction: column;
  gap: 1rem;
}

header .mobile-menu nav ul#header-3 li a,
header .mobile-menu nav ul#header-3-mobile li a,
header .mobile-menu nav ul#header-4 li a {
  transition: color 0.4s ease;
}

header .mobile-menu nav ul#header-3 li a svg,
header .mobile-menu nav ul#header-3-mobile li a svg,
header .mobile-menu nav ul#header-4 li a svg {
  transform: rotate(-45deg);
}

header .mobile-menu nav ul#header-3 li a svg path,
header .mobile-menu nav ul#header-3-mobile li a svg path,
header .mobile-menu nav ul#header-4 li a svg path {
  stroke: var(--wp--preset--color--rethink-pink);
}

header .mobile-menu nav ul#header-3 li a svg rect,
header .mobile-menu nav ul#header-3-mobile li a svg rect,
header .mobile-menu nav ul#header-4 li a svg rect {
  fill: var(wp--preset--color--rethink-pink);
}

header .mobile-menu nav ul#header-3 li a span,
header .mobile-menu nav ul#header-3-mobile li a span,
header .mobile-menu nav ul#header-4 li a span {
  position: relative;
}

header .mobile-menu nav ul#header-3 li a span::before,
header .mobile-menu nav ul#header-3-mobile li a span::before,
header .mobile-menu nav ul#header-4 li a span::before {
  position: absolute;
  content: "";
  background-color: var(--wp--preset--color--rethink-pink);
  height: 1px;
  left: 0;
  bottom: 0;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.4s ease;
  width: 100%;
}

header .mobile-menu nav ul#header-3 li a:hover,
header .mobile-menu nav ul#header-3 li a:focus,
header .mobile-menu nav ul#header-3-mobile li a:hover,
header .mobile-menu nav ul#header-3-mobile li a:focus,
header .mobile-menu nav ul#header-4 li a:hover,
header .mobile-menu nav ul#header-4 li a:focus {
  color: var(--wp--preset--color--rethink-pink);
}

header .mobile-menu nav ul#header-3 li a:hover span::before,
header .mobile-menu nav ul#header-3 li a:focus span::before,
header .mobile-menu nav ul#header-3-mobile li a:hover span::before,
header .mobile-menu nav ul#header-3-mobile li a:focus span::before,
header .mobile-menu nav ul#header-4 li a:hover span::before,
header .mobile-menu nav ul#header-4 li a:focus span::before {
  transform: scaleX(1);
  transform-origin: left;
}

/* hamburger button click transition */

header .hamburger-button .circle,
header .hamburger-button .line,
header .nav-search svg path {
  transition: 0.4s ease;
}

header .nav-search:hover svg path,
header .nav-search:focus svg path {
  fill: var(--wp--preset--color--rethink-pink);
}

header .hamburger-button {
  max-height: 32px;
  max-width: 32px;
}

header .hamburger-button svg {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
  transition: opacity 0.4s ease;
  opacity: 0;
}

header .hamburger-button#mobile-menu-button {
  height: 32px;
  width: 32px;
}

header .hamburger-button.is-visible svg {
  opacity: 1;
}

header .hamburger-button#mobile-menu-btn-close {
  position: absolute;
  left: 0;
  z-index: -1;
}

header .hamburger-button#mobile-menu-btn-close.is-visible {
  z-index: 0;
}

header .hamburger-button:hover .circle,
header .hamburger-button:focus .circle {
  stroke: var(--wp--preset--color--rethink-pink);
}

header .hamburger-button:hover .line,
header .hamburger-button:focus .line {
  fill: var(--wp--preset--color--rethink-pink);
}

@media(max-width: 950px) {
  header #mobile-menu {
    right: 0rem;
    width: 100%;
    padding-top: 88px;
    padding-bottom: 88px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    border-radius: 0px;
  }

  header #mobile-menu .mobile-menu--inner {
    gap: 2rem;
  }

  header #mobile-menu .mobile-menu--inner .styled-menu {
    width: 50%;
  }

  header #mobile-menu.active {
    min-height: 100vh;
    top: 0px;
    z-index: -1;
  }
}

@media(max-width: 1023px) {
  header #mobile-menu {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  header #mobile-menu .mobile-menu--inner .styled-menu {
    width: 100%;
    gap: 0.5rem;
  }

  header #mobile-menu .mobile-menu--inner div:not(.styled-menu):has(nav) {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }

  header #mobile-menu .mobile-menu--inner .styled-menu nav ul {
    grid-template-columns: repeat(12, 1fr);
    display: grid;
  }

  header #mobile-menu .mobile-menu--inner .styled-menu nav ul li {
    grid-column: span 6;
    gap: 24px;
  }

  header #mobile-menu .mobile-menu--inner .styled-menu nav ul li a {
    min-height: 85px;
    width: 100%;
  }

  header #mobile-menu .mobile-menu--inner {
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
  }

  header #mobile-menu .mobile-menu--inner .header--secondary---top-menus  {
    grid-template-columns: repeat(12, 1fr);
    margin-bottom: 2rem;
    display: grid;
    gap: 1rem;
  }

  header #mobile-menu .mobile-menu--inner .header--secondary---top-menus div:has(nav) {
    grid-column: span 6;
    gap: 0rem;
  }

  header #mobile-menu .mobile-menu--inner .header--secondary---top-menus div:has(nav) ul {
    gap: 0.75rem;
  }
}

/* Mobile primary accordion — hidden at lg+ (1024px) */

.mobile-menu__primary {
  display: none;
}

/* In-menu toolbar — only used for full-bleed scroll menu below lg */

.mobile-menu__toolbar {
  display: none;
}

/* Site domain pill — mobile menu only below lg */

.mobile-menu__site-pill {
  display: none;
}

/* Explore More + social wrapper — children participate in parent layout by default */

.header__explore-more-column {
  display: contents;
}

/* Explore More duplicate — shown ≤1023px (hidden on desktop ≥1024 where original Explore More shows) */

.header__explore-more-mobile {
  display: none !important;
}

/*
 * Desktop hamburger panel (≥1024px / lg):
 * only Your Situation, Explore More (header-3), and social.
 */

@media (min-width: 1024px) {
  header #mobile-menu .mobile-menu__primary,
  header #mobile-menu .mobile-menu__toolbar,
  header #mobile-menu .mobile-menu__site-pill {
    display: none !important;
  }

  /* Hide You Can Help (header-4); keep Explore More */

  header #mobile-menu .header--secondary---top-menus > div:not(.header--secondary---top-menus--inner) {
    display: none;
  }

  header #mobile-menu .header--secondary---top-menus--inner {
    width: 100%;
  }

  /* Explore More */

  header #mobile-menu nav ul#header-3 {
    width: 100%;
    gap: 0.35rem;
  }

  header #mobile-menu nav ul#header-3 li a {
    line-height: 1.25;
    text-transform: none;
  }

  header #mobile-menu .header__your-situation > h2,
  header #mobile-menu .header--secondary---top-menus--inner > h2 {
    text-transform: uppercase;
    font-size: 0.85rem;
    margin-bottom: 0;
  }

  header #mobile-menu .mobile-menu--inner {
    gap: 2.95rem;
  }

  /* While secondary menu is open, mute top-level primary nav hover styles */

  .site-header.active #site-navigation ul.desktop-menu > li:not(.menu-item-has-children) > a:hover,
  .site-header.active #site-navigation ul.desktop-menu > li:not(.menu-item-has-children) > a:focus {
    color: var(--wp--preset--color--rethink-almost-black);
  }

  .site-header.active #site-navigation ul.desktop-menu > li.menu-item-has-children.is-open > a {
    background-color: transparent;
    color: var(--wp--preset--color--rethink-almost-black);
  }

  .site-header.active #site-navigation ul.desktop-menu > li.is-open > .sub-menu {
    display: none;
  }
}

@media(max-width: 1023px) {
  /*
   * Accordion + content styles below lg.
   * Full-bleed stacked panel chrome is in the block further below.
   */

  header #mobile-menu .header__your-situation,
  header #mobile-menu .unstyled-list-menus {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  /* Show accordion primary nav; hide Explore More / You Can Help (desktop secondary copies) */

  header #mobile-menu .mobile-menu__primary {
    display: block;
    width: 100%;
    /* No horizontal padding — keeps hover wash full-bleed; inset text via link padding */
    padding-left: 0;
    padding-right: 0;
  }

  header #mobile-menu .header__your-situation {
    width: 100%;
  }

  /* Single-file cards (too narrow for 2-up) */

  header #mobile-menu .mobile-menu--inner .styled-menu nav ul li {
    grid-column: span 12;
  }

  header #mobile-menu .header--secondary---top-menus {
    display: none !important;
  }

  /* —— Accordion top-level —— */

  header #mobile-menu .mobile-accordion {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: none;
    position: relative;
  }

  /* Inset top rule (1rem from each edge) — absolute so it isn't a grid item */

  header #mobile-menu .mobile-accordion::before {
    content: "";
    position: absolute;
    top: 0;
    left: 1rem;
    right: 1rem;
    height: 1px;
    margin: 0;
    background-color: rgba(0, 0, 0, 0.22);
    pointer-events: none;
  }

  header #mobile-menu .mobile-accordion > li {
    position: relative;
    border-bottom: none;
  }

  /* Inset bottom rule per item (1rem from each edge) */

  header #mobile-menu .mobile-accordion > li::after {
    content: "";
    position: absolute;
    left: 1rem;
    right: 1rem;
    bottom: 0;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.22);
    pointer-events: none;
  }

  header #mobile-menu .mobile-accordion > li > a {
    font-family: Poppins-SemiBold, sans-serif;
    text-transform: uppercase;
    text-decoration-line: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    position: relative;
    margin: 0;
    padding: 0.75rem 1rem;
    color: var(--wp--preset--color--rethink-almost-black);
    font-size: 0.85rem;
    line-height: 1.3;
    transition: color 0.3s ease;
  }

  /* Inset pink underline when open (1rem from each edge) */

  header #mobile-menu .mobile-accordion > li > a::before {
    content: "";
    position: absolute;
    left: 1rem;
    right: 1rem;
    bottom: 0;
    height: 1.5px;
    background-color: transparent;
    transition: background-color 0.3s ease;
    pointer-events: none;
  }

  header #mobile-menu .mobile-accordion > li.is-open > a {
    color: var(--wp--preset--color--rethink-pink);
  }

  header #mobile-menu .mobile-accordion > li:not(.is-open) > a:hover,
  header #mobile-menu .mobile-accordion > li:not(.is-open) > a:focus-visible {
    color: var(--wp--preset--color--rethink-pink);
  }

  header #mobile-menu .mobile-accordion > li:not(.is-open) > a:hover .accordion-arrow path,
  header #mobile-menu .mobile-accordion > li:not(.is-open) > a:focus-visible .accordion-arrow path {
    stroke: var(--wp--preset--color--rethink-pink);
  }

  header #mobile-menu .mobile-accordion > li:not(.is-open) > a:hover .accordion-arrow rect,
  header #mobile-menu .mobile-accordion > li:not(.is-open) > a:focus-visible .accordion-arrow rect {
    fill: var(--wp--preset--color--rethink-pink);
  }

  header #mobile-menu .mobile-accordion > li.is-open > a::before {
    background-color: var(--wp--preset--color--rethink-pink);
  }

  /* Same arrow SVG as footer accordion (injected in menu.js) */

  header #mobile-menu .mobile-accordion > li.menu-item-has-children > a .accordion-arrow {
    flex-shrink: 0;
    width: 17px;
    height: 17px;
    transform: rotate(90deg);
    transition: transform 0.4s ease;
  }

  header #mobile-menu .mobile-accordion > li.menu-item-has-children > a .accordion-arrow path {
    transition: stroke 0.3s ease;
  }

  header #mobile-menu .mobile-accordion > li.menu-item-has-children > a .accordion-arrow rect {
    transition: fill 0.3s ease;
  }

  header #mobile-menu .mobile-accordion > li.menu-item-has-children.is-open > a .accordion-arrow {
    transform: rotate(270deg);
  }

  header #mobile-menu .mobile-accordion > li.menu-item-has-children.is-open > a .accordion-arrow path {
    stroke: var(--wp--preset--color--rethink-pink);
  }

  header #mobile-menu .mobile-accordion > li.menu-item-has-children.is-open > a .accordion-arrow rect {
    fill: var(--wp--preset--color--rethink-pink);
  }

  /* Nested panels — animated open/close */

  header #mobile-menu .mobile-accordion > li > .sub-menu {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.35s ease, opacity 0.3s ease, padding 0.3s ease;
  }

  header #mobile-menu .mobile-accordion > li.is-open > .sub-menu {
    max-height: 40rem;
    opacity: 1;
    padding-top: 1rem;
    padding-bottom: 2rem;
  }

  /* Category titles — dark grey (not pink) on mobile accordion */

  header #mobile-menu .mobile-accordion > li > .sub-menu > li.menu-item-has-children > a {
    font-family: Poppins-SemiBold, sans-serif;
    text-decoration-line: none;
    display: block;
    padding: 0.25rem 0 0.25rem 10px;
    color: var(--wp--preset--color--rethink-dark-grey);
    font-size: 0.75rem;
    text-transform: none;
    transition: background-color 0.2s ease;
  }

  header #mobile-menu .mobile-accordion > li > .sub-menu > li.menu-item-has-children > a[href="#"],
  header #mobile-menu .mobile-accordion > li > .sub-menu > li.menu-item-has-children > a:not([href]) {
    pointer-events: none;
  }

  header #mobile-menu .mobile-accordion > li > .sub-menu > li.menu-item-has-children > a:not([href="#"]):hover,
  header #mobile-menu .mobile-accordion > li > .sub-menu > li.menu-item-has-children > a:not([href="#"]):focus {
    background-color: rgba(255, 73, 176, 0.07);
  }

  header #mobile-menu .mobile-accordion > li > .sub-menu > li:not(.menu-item-has-children) > a {
    font-family: Poppins-Medium, sans-serif;
    text-decoration-line: none;
    display: block;
    margin: 0;
    padding: 0.25rem 1rem 0.25rem 10px;
    color: var(--wp--preset--color--rethink-almost-black);
    font-size: 0.75rem;
    text-transform: none;
    transition: background-color 0.2s ease;
  }

  header #mobile-menu .mobile-accordion > li > .sub-menu > li > .sub-menu {
    display: flex !important;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 0;
    max-height: none;
    overflow: visible;
    opacity: 1;
  }

  header #mobile-menu .mobile-accordion > li > .sub-menu > li > .sub-menu > li > a {
    font-family: Poppins-Medium, sans-serif;
    text-decoration-line: none;
    display: block;
    margin: 0;
    padding: 0.25rem 1rem 0.25rem 10px;
    color: var(--wp--preset--color--rethink-almost-black);
    font-size: 0.75rem;
    text-transform: none;
    transition: background-color 0.2s ease;
  }

  header #mobile-menu .mobile-accordion > li > .sub-menu > li:not(.menu-item-has-children) > a:hover,
  header #mobile-menu .mobile-accordion > li > .sub-menu > li:not(.menu-item-has-children) > a:focus,
  header #mobile-menu .mobile-accordion > li > .sub-menu > li > .sub-menu > li > a:hover,
  header #mobile-menu .mobile-accordion > li > .sub-menu > li > .sub-menu > li > a:focus {
    background-color: rgba(255, 73, 176, 0.07);
    color: var(--wp--preset--color--rethink-almost-black);
  }

  header .mobile-menu nav ul#header-3,
  header .mobile-menu nav ul#header-3-mobile,
  header .mobile-menu nav ul#header-4 {
    width: 100%;
  }

  header #mobile-menu .mobile-menu--inner .styled-menu nav ul li a {
    min-height: initial;
  }

  header #mobile-menu .mobile-menu--inner .header--secondary---top-menus div:has(nav) ul {
    gap: 0.8rem;
  }

  header .hamburger-button {
    max-width: 28px;
    max-height: 28px;
  }

  header .wp-block-button.btn-primary a.header-content-cta-btn {
    font-size: 0.65rem;
  }

  header #mobile-menu .menu-your-situation-container ul {
    gap: 0.5rem;
  }

  header #mobile-menu .header__social-media-menu {
    padding-top: 1.25rem;
    width: 100%;
  }

  header #mobile-menu .mobile-menu__footer-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: 1.75rem;
  }

  header #mobile-menu .mobile-menu__site-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding: 0.7rem 1.35rem;
    border-radius: 9999px;
    background-color: #fff;
    color: var(--wp--preset--color--rethink-almost-black);
    font-family: 'Poppins-Medium', sans-serif;
    font-size: 0.8rem;
    line-height: 1.2;
    text-decoration: none;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  }

  header .mobile-menu nav:has(ul#header-2) li a {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  header .mobile-menu nav:has(ul#header-2) li a svg {
    max-width: 35px;
    min-width: 35px;
    max-height: 35px;
    min-height: 35px;
  }

  header .header__your-situation h2 {
    margin-bottom: 0rem;
    text-transform: uppercase;
    font-size: 0.75rem;
    padding-left: 0.5rem;
  }
}

/* Stack columns + full-bleed panel — ≤1023px */

@media(max-width: 1023px) {
  header .header__banner {
    position: relative;
    z-index: 2;
  }

  .site-header.active .header___custom-header > :not(#mobile-menu) {
    visibility: hidden;
    pointer-events: none;
  }

  .mobile-menu__toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 60px;
    min-height: 60px;
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    flex-shrink: 0;
  }

  .mobile-menu__toolbar .hamburger-button {
    position: relative;
    left: auto;
    z-index: 1;
  }

  .mobile-menu__toolbar .hamburger-button svg {
    opacity: 1;
  }

  header #mobile-menu {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 2rem;
    transform: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100vh;
    height: 100dvh;
    min-height: 0;
    max-height: 100vh;
    max-height: 100dvh;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    pointer-events: none;
    transition: none;
    border-radius: 0;
    box-shadow: none;
  }

  header #mobile-menu.active {
    transform: none;
    pointer-events: auto;
    z-index: 1;
    min-height: 0;
    transition: opacity 0.2s ease-out;
  }

  header.banner-is-displayed #mobile-menu,
  header.banner-is-displayed #mobile-menu.active {
    top: 0;
    height: 100vh;
    height: 100dvh;
    max-height: 100vh;
    max-height: 100dvh;
    padding-top: var(--announcement-height, 47px);
  }

  header #mobile-menu .mobile-menu--inner {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding-top: 1rem;
  }

  header #mobile-menu .mobile-menu__primary {
    order: -1;
    grid-column: auto;
    grid-row: auto;
  }

  header #mobile-menu .header__your-situation,
  header #mobile-menu .unstyled-list-menus {
    grid-column: auto;
    grid-row: auto;
  }

  header #mobile-menu .unstyled-list-menus {
    width: 100%;
  }

  header #mobile-menu .mobile-menu--inner .styled-menu nav ul li {
    grid-column: span 12;
  }

  header #mobile-menu .header__social-media-menu {
    position: relative;
    border-top: none;
    padding-top: 2rem;
    padding-left: 0.5rem;
  }

  header #mobile-menu .header__social-media-menu::after {
    content: "";
    position: absolute;
    top: 0;
    left: 6px;
    right: auto;
    width: 98%;
    height: 0.5px;
    background-color: #000;
    pointer-events: none;
  }

  header #mobile-menu .mobile-menu__site-pill {
    margin: 0 auto;
    align-self: center;
  }

  /* Explore More under Your Situation */

  header #mobile-menu .header__explore-more-mobile {
    display: flex !important;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    order: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
  }

  header #mobile-menu .header__explore-more-mobile > h2 {
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 0.75rem;
    padding-left: 0.5rem;
  }

  header #mobile-menu .header__explore-more-mobile nav ul,
  header #mobile-menu .header__explore-more-mobile nav ul#header-3-mobile {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
    margin: 0;
    padding: 0;
    padding-left: 0.5rem;
    list-style: none;
  }

  header #mobile-menu .header__explore-more-mobile nav ul li a {
    line-height: 1.25;
    text-transform: none;
  }

  /* Nested accordion links only — not top-level titles */

  header #mobile-menu .mobile-accordion > li > .sub-menu > li.menu-item-has-children > a,
  header #mobile-menu .mobile-accordion > li > .sub-menu > li:not(.menu-item-has-children) > a,
  header #mobile-menu .mobile-accordion > li > .sub-menu > li > .sub-menu > li > a {
    padding-left: 30px;
  }
}

/*
 * 781–1023px: Your Situation + Explore More side by side
 * under the full-width accordion; Join Us stacks under Explore More in the same column.
 */

@media (min-width: 781px) and (max-width: 1023px) {
  header #mobile-menu .mobile-menu--inner {
    display: grid;
    grid-template-columns: 3fr 2fr;
    /* ~60% / ~40% */
    align-items: start;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
    row-gap: 2rem;
  }

  header #mobile-menu .mobile-menu__primary {
    grid-column: 1 / -1;
    order: 0;
  }

  header #mobile-menu .mobile-menu--inner .header__your-situation.styled-menu {
    grid-column: 1;
    grid-row: 2;
    gap: 1.25rem !important;
  }

  header #mobile-menu .header__your-situation > h2 {
    margin-bottom: 0 !important;
  }

  header #mobile-menu .header__explore-more-column {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    grid-column: 2;
    grid-row: 2;
    width: 100%;
    min-width: 0;
    padding-right: 1rem;
    box-sizing: border-box;
  }

  header #mobile-menu .header__explore-more-mobile {
    padding-left: 0;
    padding-right: 0;
  }

  header #mobile-menu .unstyled-list-menus {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    justify-content: flex-start;
  }
}

/* 781–850px: equal columns for Your Situation / Explore More */

@media (min-width: 781px) and (max-width: 850px) {
  header #mobile-menu .mobile-menu--inner {
    grid-template-columns: 1fr 1fr;
  }
}

/* Only apply hidden/fade-in effect on home page */

body.home .site-header {
  opacity: 0;
  transform: translateY(-20px);
  background-color: transparent;
  transition: opacity 1s ease,
              transform 0.4s ease-in-out,
              box-shadow 0.25s ease,
              background-color 0.25s ease;
}

body:not(.home) .site-header.banner-is-displayed {
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 1s ease,
              transform 0.4s ease-in-out,
              box-shadow 0.25s ease;
}

/* Header hidden when scrolling (same as before) */

.site-header.is-hidden {
  opacity: 0;
  transform: translateY(-100%);
}

/* Header visible */

body.home .site-header.is-visible,
body:not(.home) .site-header.banner-is-displayed {
  opacity: 1;
  transform: translateY(0);
}

/* .site-header.banner-is-displayed.is-visible.has-bg,
.site-header.banner-is-displayed.is-visible.has-bg,
body:not(.home) .site-header.banner-is-displayed.has-bg {
  transform: translateY(-29px);
} */

.site-header.banner-is-displayed.is-visible.banner-collapsed,
body:not(.home) .site-header.banner-is-displayed.banner-collapsed {
  transform: translateY(calc(-1 * var(--announcement-height)));
}

/* Keep header (and full-bleed mobile menu) pinned while the menu is open */

.site-header.active,
body.home .site-header.active,
body:not(.home) .site-header.banner-is-displayed.active,
.site-header.banner-is-displayed.is-visible.banner-collapsed.active,
body:not(.home) .site-header.banner-is-displayed.banner-collapsed.active {
  transform: translateY(0);
}

.site-header {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0);
  transition: box-shadow 0.25s ease;
}

.site-header.has-bg,
body.home .site-header.has-bg {
  background-color: #faf4f4;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
}

.hero-home {
  min-height: max(100vh, 800px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  padding-top: var(--header-height);
  overflow: hidden;
  text-align: center;
  padding-top: calc(var(--header-height) + 60px);
  margin-bottom: 100px;
}

.rethink-block__home-hero h1 {
  font-size: clamp(70px,11.6666666667vw,201.6px);
  margin-bottom: 2.5rem;
}

.rethink-block__home-hero--scroll {
  margin-top: 5rem;
}

.rethink-block__home-hero--scroll p {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.rethink-block__home-hero--scroll svg {
  transform: rotate(90deg);
  animation: bounce 3s infinite;
}

.hero-home__scroll {
  position: absolute;
  bottom: 40px;
  /* base10(4) */
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition-delay: 1s;
}

.hero-home__scroll span {
  color: var(--color-black);
}

.hero-home__scroll svg {
  transform: rotate(90deg);
  margin-top: 4px;
  /* base4(1) */
  animation: bounce 3s infinite;
}

@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0) rotate(90deg);
  }

  40% {
    transform: translateY(30px) rotate(90deg);
  }

  60% {
    transform: translateY(15px) rotate(90deg);
  }
}

.hero-home__content {
  /* padding: 0 56px; base8(7) */
  max-width: var(--max-width);
  margin: auto;
  width: 100%;
  position: relative;
  z-index: 2;
}

@media (max-width: 480px) {
  .hero-home__content {
    padding: 0 16px;
    /* base8(2) */
  }
}

.hero-home__title {
  /* uber-style placeholder */
  position: relative;
  margin-bottom: 40px;
  /* base10(4) */
}

.hero-home__wysiwyg {
  margin: 0 auto 16px;
  /* base8(2) */
  max-width: 650px;
  position: relative;
}

.hero-home__bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  z-index: 0;
}

.hero-home__bg img {
  width: 100vw;
  height: 100vh;
}

.rethink-block__home-hero .hero-anchors__grid {
  display: flex;
  gap: 1.5rem;
  margin: 2.5rem auto auto;
  justify-content: center;
  max-width: 1600px;
  width: 100%;
}

.rethink-block__home-hero .hero-anchors__grid li {
  min-width: 250px;
  max-width: 400px;
  width: calc(50% / 2);
}

.rethink-block__home-hero .hero-anchors__link {
  align-items: center;
  background-color: #fff;
  border-radius: 1rem;
  color: var(--wp--preset--color--rethink-almost-black);
  display: flex;
  height: 120px;
  justify-content: space-between;
  overflow: hidden;
  padding: 1rem 1.5rem;
  position: relative;
  text-align: left;
  width: 100%;
  z-index: 1;
}

.rethink-block__home-hero .hero-anchors__link .hero-anchors__link-label {
  text-transform: uppercase;
  width: 70%;
  line-height: 17px;
  z-index: 2;
  font-size: 0.75rem;
}

@media(max-width: 1150px) {
  .rethink-block__home-hero .hero-anchors__grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    max-width: -moz-max-content;
    max-width: max-content;
    gap: 1rem;
  }

  .rethink-block__home-hero .hero-anchors__grid li {
    grid-column: span 3;
    width: initial;
  }
}

@media(max-width: 1050px) {
  .hero-home {
    height: auto;
    min-height: 100vh;
  }

  .rethink-block__home-hero .hero-anchors__grid {
    gap: 0.5rem;
  }

  .rethink-block__home-hero .hero-anchors__link {
    height: 80px;
  }
}

@media(max-width: 650px) {
  .rethink-block__home-hero .hero-anchors__grid li {
    grid-column: span 6;
  }
}

/* animation initial states */

/* Background fades in only */

.hero-home__bg {
  opacity: 0;
  transition: opacity 0.8s ease;
}

.hero-home__bg.is-visible {
  opacity: 1;
}

/* Title and description fade + slide up */

.hero-home__title,
.hero__title,
.hero-home__wysiwyg {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.hero-home__title.is-visible,
.hero-home__wysiwyg.is-visible,
.hero__title {
  opacity: 1;
  transform: translateY(0);
}

/* Links fade + slide up */

.hero-home .hero-anchors__link,
.hero-secondary .hero-anchors__link {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1s ease, transform 1.3s ease;
}

.hero-anchors__link.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Scroll for More fade */

.rethink-block__home-hero--scroll {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.rethink-block__home-hero--scroll.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Base Hero Landing */

.hero-landing {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: var(--header-height);
  padding-bottom: 12rem;
  text-align: center;
  z-index: 1;
  position: relative;
}

@media(max-width: 1024px) {
  .hero-landing {
    padding-bottom: 5.5rem;
  }
}

/* Background */

.hero-landing__bg {
  height: 100vh;
  max-width: 1440px;
  position: absolute;
  right: 0;
  top: 0;
  width: 100vw;
  z-index: 1;
}

.hero-landing .hero-home__bg {
  top: -140px;
}

/* Content */

.hero-landing__content {
  align-items: center;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 1fr;
  margin: auto;
  max-width: var(--max-width);
  position: relative;
  width: 100%;
  z-index: 1;
  grid-gap: 24px;
  padding: 7rem 0 3.5rem;
  justify-content: center;
}

/* Title + Wysiwyg */

.hero-landing__content .hero-landing__title,
.hero-landing__content .hero-landing__wysiwyg {
  text-align: left;
  position: relative;
}

.hero-landing__content .hero-landing__title {
  order: 2;
  font-size: clamp(48px, 5.4167vw, 93.6px);
  grid-column: 4/12;
  line-height: 1.2em;
  max-width: 1000px;
}

.hero-landing__content .hero-landing__title::before {
  background-color: var(--wp--preset--color--rethink-almost-black);
  content: "";
  height: 84%;
  left: -4.25%;
  position: absolute;
  top: 8%;
  width: 1px;
}

.hero-landing__content .hero-landing__wysiwyg {
  order: 1;
  font-family: 'Poppins-SemiBold';
  font-size: 16px;
  grid-column: 2/4;
  line-height: 150%;
  margin: auto;
  max-width: 650px;
  min-width: 200px;
  width: 60%;
}

/* Anchors */

.hero-landing__content-anchor {
  max-width: var(--max-width);
  width: 100%;
}

.hero-landing__content-anchor .hero-anchors {
  width: 100%;
  display: flex;
  justify-content: center;
}

.hero-anchors__grid {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  max-width: var(--max-width);
  width: 100%;
  margin-top: 2.5rem;
}

.hero-anchors__grid li {
  min-width: 250px;
  max-width: 400px;
  width: 100%;
}

.hero-anchors__link {
  align-items: center;
  color: var(--wp--preset--color--rethink-almost-black);
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  position: relative;
  text-align: left;
  width: 100%;
  z-index: 1;
}

.hero-anchors__link:not(.hero-anchors__link--tall) {
  background-color: #fff;
  max-width: 400px;
  min-width: 250px;
  height: 120px;
  padding: 1rem 1.5rem;
  border-radius: 1rem;
}

.hero-anchors__link-label {
  text-transform: uppercase;
  width: 70%;
  line-height: 17px;
  z-index: 2;
  font-size: 0.75rem;
}

/* Responsive */

@media (max-width: 1450px) {
  .hero-landing__content .hero-landing__title::before {
    left: -3.75%;
  }

  .hero-landing__content .hero-home__wysiwyg {
    min-width: 150px;
  }
}

@media (max-width: 1150px) {
  .hero-anchors__grid {
    gap: 1rem;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    max-width: 800px;
  }

  .hero-anchors__grid li {
    grid-column: span 3;
  }
}

@media (max-width: 1050px) {
  .hero-landing__content {
    padding: 4rem 1.5rem 1rem;
  }

  .hero-landing__title,
  .hero-landing__wysiwyg {
    grid-column: span 12 !important;
    text-align: center !important;
  }

  .hero-landing__content .hero-landing__title::before {
    display: none;
  }

  .hero-anchors__grid {
    gap: 0.5rem;
  }

  .hero-anchors__link:not(.hero-anchors__link--tall) {
    height: 80px;
  }
}

@media (max-width: 650px) {
  .hero-anchors__grid {
    max-width: 400px;
  }

  .hero-anchors__grid li {
    grid-column: span 6;
  }
}

.hero-landing__tertiary {
  background-color: var(--wp--preset--color--rethink-light-peach);
}

.hero-landing__tertiary .hero-landing__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.hero-landing__tertiary .hero-landing__title {
  order: 1;
  text-align: center;
}

.hero-landing__tertiary .hero-landing__title::before {
  display: none;
}

.hero-landing__tertiary .hero-landing__wysiwyg,
.hero-landing__tertiary .hero-home__wysiwyg {
  order: 2;
  width: 100%;
  text-align: center;
  font-family: 'Poppins-Light', sans-serif;
}

.hero-landing__tertiary.has-links .link-container {
  order: 3;
  margin-top: 2.5rem;
}

@media(max-width: 1024px) {
  .hero-landing__tertiary.has-links .link-container {
    margin-top: 1.5rem;
  }
}

@media(max-width: 768px) {
  .hero-landing__tertiary {
    padding-bottom: 3rem;
  }

  .hero-landing__tertiary .hero-landing__content {
    padding: 3rem 1.5rem 1rem;
  }
}

.block-image-text-left-right {
  overflow: hidden;
}

.block-image-text-left-right .image-video-text-media {
  aspect-ratio: 0.654;
  width: 100%;
  position: relative;
}

.block-image-text-left-right__wrapper {
  display: grid;
  grid-template-columns: repeat(12,1fr);
  margin: auto;
  grid-gap: 24px;
  align-items: center;
  will-change: transform;
}

.block-image-text-left-right__content,
  .block-image-text-left-right__image {
  position: relative;
}

.block-image-text-left-right__content {
  grid-column: 7/12;
  grid-row: 1;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.block-image-text-left-right__image {
  grid-column: 2/6;
  aspect-ratio: 4 / 5;
  position: relative;
  overflow: hidden;
}

.block-image-text-left-right__image .image-container-- {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.image-container-- {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.block-image-text-left-right__image img {
  width: 95%;
  height: 95%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 999px;
}

.block-image-text-left-right--right .block-image-text-left-right__image {
  grid-column: 8/12;
  aspect-ratio: 4 / 5;
  position: relative;
  overflow: hidden;
}

.block-image-text-left-right--right .block-image-text-left-right__content {
  grid-column: 2/7;
}

.block-image-text-left-right__surtitle {
  margin-bottom: 0.5rem;
}

.block-image-text-left-right__image .mask {
  background: transparent;
  border: 600px solid var(--wp--preset--color--rethink-off-white);
  border-radius: 2000px;
  box-sizing: content-box;
  display: block;
  height: 100%;
  width: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  z-index: 1;
  will-change: transform;
  overflow: hidden;
}

@media(max-width: 1024px) {
  .block-image-text-left-right {
    margin: 5rem auto;
  }

  .block-image-text-left-right__content {
    grid-column: 7/13;
  }

  .block-image-text-left-right__image {
    grid-column: 1/6;
  }

  .block-image-text-left-right--right .block-image-text-left-right__image {
    grid-column: 7/13;
  }

  .block-image-text-left-right--right .block-image-text-left-right__content {
    grid-column: 1/7;
  }
}

@media(max-width: 950px) {
  .block-image-text-left-right {
    margin: 5rem auto;
  }

  .block-image-text-left-right__wrapper {
    gap: 48px;
    display: flex;
    flex-direction: column;
  }

  .block-image-text-left-right__content {
    order: 2;
  }
}

@media (max-width: 750px) {
  .block-image-text-left-right__image .mask {
    border-radius: 800px !important;
    border: 400px solid var(--wp--preset--color--rethink-off-white);
  }

  .block-image-text-left-right__image img {
    border-radius: 300px;
  }
}

@media(max-width: 650px) {
  .block-image-text-left-right__image,
    .block-image-text-left-right--right .block-image-text-left-right__image {
    grid-column: 1/12;
  }
}

@media(max-width: 500px) {
  .block-image-text-left-right__image .mask {
    border: 300px solid var(--wp--preset--color--rethink-off-white);
  }
}

.block-image-text-left-right {
  overflow: hidden;
}

.block-image-text-left-right .image-video-text-media {
  aspect-ratio: 0.654;
  width: 100%;
  position: relative;
}

.block-image-text-left-right__wrapper {
  display: grid;
  grid-template-columns: repeat(12,1fr);
  margin: auto;
  grid-gap: 0px;
  align-items: center;
  will-change: transform;
}

.block-image-text-left-right__content,
  .block-image-text-left-right__image {
  position: relative;
}

.image-and-text-2026-block--container-for-repeater-blocks {
  gap: 7.5rem;
  display: flex;
  flex-direction: column;
}

@media(max-width: 1024px) {
  .image-and-text-2026-block--container-for-repeater-blocks {
    gap: 5rem;
  }
}

.block-image-text-left-right__content {
  grid-column: 7/13;
  grid-row: 1;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-left: 75px;
}

.block-image-text-left-right__image {
  grid-column: 1/7;
  aspect-ratio: 7 / 5;
  position: relative;
  overflow: hidden;
}

.block-image-text-left-right__image .image-container-- {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.image-container-- {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  overflow: hidden;
}

.block-image-text-left-right__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 0px;
}

.block-image-text-left-right--right .block-image-text-left-right__image {
  grid-column: 7/13;
  aspect-ratio: 7 / 5;
  position: relative;
  overflow: hidden;
}

.block-image-text-left-right--right .block-image-text-left-right__content {
  grid-column: 1/7;
  padding-right: 75px;
  padding-left: 0px;
}

.block-image-text-left-right__surtitle {
  margin-bottom: 0.5rem;
}

.block-image-text-left-right__description.lg-font-applied p {
  font-size: 1.25rem;
}

/* 
  .block-image-text-left-right__image .mask {
    background: transparent;
    border: 600px solid var(--wp--preset--color--rethink-off-white);
    border-radius: 2000px;
    box-sizing: content-box;
    display: block;
    height: 100%;
    width: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    z-index: 1;
    will-change: transform;
    overflow: hidden;
  } */

@media(max-width: 1024px) {
  .block-image-text-left-right {
    margin: 5rem auto;
  }

  .block-image-text-left-right__content {
    grid-column: 7/13;
    padding-left: 35px;
  }

  .block-image-text-left-right__image {
    grid-column: 1/7;
  }

  .block-image-text-left-right--right .block-image-text-left-right__image {
    grid-column: 7/13;
  }

  .block-image-text-left-right--right .block-image-text-left-right__content {
    grid-column: 1/7;
    padding-right: 35px;
  }
}

@media(max-width: 950px) {
  .block-image-text-left-right {
    margin: 5rem auto;
  }

  .block-image-text-left-right__wrapper {
    gap: 48px;
    display: flex;
    flex-direction: column;
  }

  .block-image-text-left-right__content {
    order: 2;
    padding-left: 0px;
  }

  .block-image-text-left-right--right .block-image-text-left-right__content {
    padding-right: 0px;
  }
}

.partners-logo-columns {
  margin-top: 2rem;
}

.partners-logo-columns-4 {
  margin-top: 0;
}

.partners-logo-columns-3 {
  margin-bottom: 4rem;
}

.partners-logo-columns-1,
.partners-logo-columns-2,
.partners-logo-columns-3,
.partners-logo-columns-4 {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  gap: 5%;
}

.partners-logo-columns-4,
.partners-logo-columns-3{
  gap: 0%;
}

.partners-logo-columns-1 .wp-block-column figure {
  padding: 0rem 2rem;
}

.wp-block-spacer.is-style-small {
  height: 3rem !important;
}

@media(max-width: 1200px) {
  .partners-logo-columns-2 {
    gap: 3%;
  }
}

@media(max-width: 1050px) {
  .partners-logo-columns-1 .wp-block-column figure {
    padding: 0.5rem;
  }
}

.search-form {
  order: 2;
  width: 100%;
  max-width: 600px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
}

@media(max-width: 400px) {
  .search-form {
    flex-direction: column;
    align-items: center;
  }
}

.search-form .field-icon-container {
  cursor: pointer;
  text-transform: uppercase;
  font-family: 'Poppins-Semibold', sans-serif;
  font-size: 12px;
  display: flex;
  gap: 10px;
  align-items: center;
  border: 1px solid var(--wp--preset--color--rethink-pink);
  border-radius: 56px;
  position: relative;
  min-height: 57px;
}

.field-icon-container input {
  text-transform:uppercase;
  min-height: 57px;
  width: 100%;
  border-radius: 56px;
  position: relative;
  padding: 1.125rem 2.5rem 1.125rem 1.5rem;
  cursor: pointer;
  z-index: 2;
  min-width: 120px;
}

@media(max-width: 1024px) {
  .search-results .hero-landing__content {
    padding: 2rem 1.5rem 5rem;
  }
}

@media(max-width: 400px) {
  .search-field {
    text-align: center;
  }
}

.field-icon-container svg {
  position: absolute;
  right: 22px;
}

/* .field-icon-container input {
  height: 100%;
  width: 100%;
  text-transform: uppercase;
  position: absolute;
  left: 0;
  top:0;
  bottom:0;
  right:0;
  z-index:2;
  cursor: pointer;
  border: 1px solid green;
  border-radius: 56px;
} */

/* .field-icon-container svg {
  position: absolute;
  right: .5rem;
} */

.search-form label,
.search-form label .search-field {
  width: 100%;
}

.search-field {
  background-color:transparent;
  border-bottom: 1px solid black;
  padding-bottom: .5rem;
  line-height: 150%;
  width: 100%;
}

.search-field::-moz-placeholder {
  color: var(--wp--preset--color--rethink-dark-grey);
}

.search-field::placeholder {
  color: var(--wp--preset--color--rethink-dark-grey);
}

.search-field:focus,
.search-field:focus-visible {
  outline: none;
}

.search-results--rethink {
  background-color: var(--wp--preset--color--rethink-light-peach);
}

.search-results .yoast-breadcrumbs__rethink-container span span:not(:last-child)::after,
.search-results .yoast-breadcrumbs__rethink-container .breadcrumb_last,
.search-results .yoast-breadcrumbs__rethink-container a {
  color: var(--wp--preset--color--rethink-light-peach);
}

.search-results--information {
  position: absolute;
  bottom: -5rem;
  width: 100%;
  display: flex;
}

@media(max-width: 1024px) {
  .search-results--information {
    bottom: -4rem;
  }
}

@media(max-width: 768px) {
  .search-results--information {
    bottom: -2rem;
  }
}

.search-results--rethink.block-columns__lower .block-columns__content {
  padding-top: 0px;
  padding-bottom: 0px;
  overflow-x: hidden;
}

.search-results--rethink.block-columns__lower .block-columns__content a {
  display: flex;
  height: 100%;
  padding-top: 2rem;
  padding-bottom: 2rem;
  align-items: center;
  justify-content: space-between;
}

.search-results--rethink.block-columns__lower .block-columns__content a:hover .entry-header h2 {
  transition: 0.3s;
}

.search-results--rethink.block-columns__lower .block-columns__content a:hover .entry-header h2,
.search-results--rethink.block-columns__lower .block-columns__content a:focus .entry-header h2 {
  color: var(--wp--preset--color--rethink-pink);
}

.search-results--rethink.block-columns__lower .block-columns__content a svg {
  margin-right: 3.5rem;
  min-width: 17px;
  max-width: 17px;
}

.search-results--rethink.block-columns__lower .block-columns__content a .entry-header {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
  display:flex;
  flex-direction: column;
  gap: 1rem;
  flex-grow: 1;
}

@media(max-width: 1024px) {
  .search-results--rethink.block-columns__lower .block-columns__content a .entry-header {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .search-results--rethink.block-columns__lower .block-columns__content a svg {
    margin-right: 2.5rem;
  }
}

@media(max-width: 750px) {
  .search-results--rethink.block-columns__lower .block-columns__content a .entry-header {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .search-results--rethink.block-columns__lower .block-columns__content a svg {
    margin-right: 1.5rem;
  }
}

.search-results--rethink .entry-post-type {
  font-size: 12px;
}

.nav-links {
  display: flex;
  gap: .25rem;
}

.nav-links .previous-arrow {
  transform: rotate(180deg);
}

.pagination---container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 3rem;
  padding-bottom: 5rem;
}

.page-numbers {
  height: 25px;
  width: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}

.page-numbers.current {
  background-color: var(--wp--preset--color--rethink-pink);
  color: white;
  border: 1px solid var(--wp--preset--color--rethink-pink);
  border-radius: 100%;
  width:25px;
  height: 25px;
}

.single .flexible-blocks .flexible-block {
  margin-bottom: 12rem;
}

@media(max-width: 1024px) {
  .single .flexible-blocks .flexible-block {
    margin: 0 auto 5rem auto;
  }
}

.single .block-wysiwyg h2, 
.single .block-wysiwyg h3, 
.single .block-wysiwyg h4,
.single .block-wysiwyg h5, 
.single .block-wysiwyg h6 {
  margin-bottom: 2rem;
}

.single .block-wysiwyg h3 {
  margin-bottom: 1rem;
  font-family: 'Nevoa-LightCondensed', sans-serif;
}

.single .block-wysiwyg p {
  margin-bottom: 1rem;
  font-family: 'Poppins-Light', sans-serif;
}

.single .block-wysiwyg ol, 
.single .block-wysiwyg ul {
  margin-top: 3rem;
}

.single .block-wysiwyg ol li,
.single .block-wysiwyg ul li {
  margin-bottom: 3rem;
}

.menu-join-us-container ul li a {
  display: flex;
  height: 35px;
  width: 35px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background-color: var(--wp--preset--color--rethink-pink);
  font-size: 0px;
  transition: 0.4s ease;
}

.menu-join-us-container ul li a:hover,
.menu-join-us-container ul li a:focus {
  opacity: 0.5;
}

.menu-join-us-container ul li a svg {
  height: 15px;
  width: 15px;
  fill: #fff;
}

.single .block-wysiwyg h3,
.single .block-wysiwyg h2 {
  margin-bottom: 1rem;
  font-family: 'Nevoa-LightCondensed', sans-serif;
}

.block-wysiwyg p {
  margin-bottom: 1rem;
  font-family: 'Poppins-Light', sans-serif;
}

.single .block-wysiwyg ol, 
.single .block-wysiwyg ul {
  margin-top: 3rem;
}

.single .block-wysiwyg ol li,
.single .block-wysiwyg ul li {
  margin-bottom: 3rem;
}

.block-wysiwyg {
  position: relative;
  z-index: 1;
}

.block-wysiwyg hr {
  margin-bottom: 2.5rem;
  margin-top: 2.5rem;
}

.block-wysiwyg p a:not(.wp-block-button__link),
.block-wysiwyg li a:not(.wp-block-button__link),
.block-wysiwyg a:not(.wp-block-button__link) {
  font-family: 'Nevoa-MediumCondensed', sans-serif;
  color: black;
  text-decoration: underline;
}

/* Background / text color schemes (scoped so buttons keep their own colors) */

.block-wysiwyg--text-white .block-wysiwyg__title,
.block-wysiwyg--text-white .block-wysiwyg__wysiwyg,
.block-wysiwyg--text-white .block-wysiwyg__wysiwyg p,
.block-wysiwyg--text-white .block-wysiwyg__wysiwyg li,
.block-wysiwyg--text-white .block-wysiwyg__wysiwyg p a:not(.wp-block-button__link),
.block-wysiwyg--text-white .block-wysiwyg__wysiwyg li a:not(.wp-block-button__link),
.block-wysiwyg--text-white .block-wysiwyg__wysiwyg a:not(.wp-block-button__link) {
  color: #fff;
}

.block-wysiwyg--text-pink .block-wysiwyg__title,
.block-wysiwyg--text-pink .block-wysiwyg__wysiwyg,
.block-wysiwyg--text-pink .block-wysiwyg__wysiwyg p,
.block-wysiwyg--text-pink .block-wysiwyg__wysiwyg li,
.block-wysiwyg--text-pink .block-wysiwyg__wysiwyg p a:not(.wp-block-button__link),
.block-wysiwyg--text-pink .block-wysiwyg__wysiwyg li a:not(.wp-block-button__link),
.block-wysiwyg--text-pink .block-wysiwyg__wysiwyg a:not(.wp-block-button__link) {
  color: var(--wp--preset--color--rethink-pink, #ff49b0);
}

.block-wysiwyg--text-peach .block-wysiwyg__title,
.block-wysiwyg--text-peach .block-wysiwyg__wysiwyg,
.block-wysiwyg--text-peach .block-wysiwyg__wysiwyg p,
.block-wysiwyg--text-peach .block-wysiwyg__wysiwyg li,
.block-wysiwyg--text-peach .block-wysiwyg__wysiwyg p a:not(.wp-block-button__link),
.block-wysiwyg--text-peach .block-wysiwyg__wysiwyg li a:not(.wp-block-button__link),
.block-wysiwyg--text-peach .block-wysiwyg__wysiwyg a:not(.wp-block-button__link) {
  color: #FDE0D0;
}

.block-wysiwyg--text-black .block-wysiwyg__title,
.block-wysiwyg--text-black .block-wysiwyg__wysiwyg,
.block-wysiwyg--text-black .block-wysiwyg__wysiwyg p,
.block-wysiwyg--text-black .block-wysiwyg__wysiwyg li,
.block-wysiwyg--text-black .block-wysiwyg__wysiwyg p a:not(.wp-block-button__link),
.block-wysiwyg--text-black .block-wysiwyg__wysiwyg li a:not(.wp-block-button__link),
.block-wysiwyg--text-black .block-wysiwyg__wysiwyg a:not(.wp-block-button__link) {
  color: var(--wp--preset--color--rethink-almost-black, #231f20);
}

/* White + pink text: keep secondary button black (white on hover/focus) */

.block-wysiwyg--text-pink .wp-block-button.btn-secondary a {
  color: var(--wp--preset--color--rethink-almost-black, #231f20);
}

.block-wysiwyg--text-pink .wp-block-button.btn-secondary svg path {
  stroke: var(--wp--preset--color--rethink-almost-black, #231f20);
}

.block-wysiwyg--text-pink .wp-block-button.btn-secondary svg rect {
  fill: var(--wp--preset--color--rethink-almost-black, #231f20);
}

.block-wysiwyg--text-pink .wp-block-button.btn-secondary:hover a,
.block-wysiwyg--text-pink .wp-block-button.btn-secondary:focus a {
  color: #fff;
}

.block-wysiwyg--text-pink .wp-block-button.btn-secondary:hover svg path,
.block-wysiwyg--text-pink .wp-block-button.btn-secondary:focus svg path {
  stroke: #fff;
}

.block-wysiwyg--text-pink .wp-block-button.btn-secondary:hover svg rect,
.block-wysiwyg--text-pink .wp-block-button.btn-secondary:focus svg rect {
  fill: #fff;
}

/* Black + peach text: button contrast on dark background */

.block-wysiwyg--text-peach .wp-block-button.btn-primary:hover a,
.block-wysiwyg--text-peach .wp-block-button.btn-primary:focus a {
  color: #fff;
}

.block-wysiwyg--text-peach .wp-block-button.btn-primary:hover svg path,
.block-wysiwyg--text-peach .wp-block-button.btn-primary:focus svg path {
  stroke: #fff;
}

.block-wysiwyg--text-peach .wp-block-button.btn-primary:hover svg rect,
.block-wysiwyg--text-peach .wp-block-button.btn-primary:focus svg rect {
  fill: #fff;
}

.block-wysiwyg--text-peach .wp-block-button.btn-secondary a {
  color: #fff;
}

.block-wysiwyg--text-peach .wp-block-button.btn-secondary svg path {
  stroke: #fff;
}

.block-wysiwyg--text-peach .wp-block-button.btn-secondary svg rect {
  fill: #fff;
}

/* Black + pink text: button contrast on dark background */

.block-wysiwyg--scheme-black_pink_text .wp-block-button.btn-primary:hover a,
.block-wysiwyg--scheme-black_pink_text .wp-block-button.btn-primary:focus a {
  color: #fff;
}

.block-wysiwyg--scheme-black_pink_text .wp-block-button.btn-primary:hover svg path,
.block-wysiwyg--scheme-black_pink_text .wp-block-button.btn-primary:focus svg path {
  stroke: #fff;
}

.block-wysiwyg--scheme-black_pink_text .wp-block-button.btn-primary:hover svg rect,
.block-wysiwyg--scheme-black_pink_text .wp-block-button.btn-primary:focus svg rect {
  fill: #fff;
}

.block-wysiwyg--scheme-black_pink_text .wp-block-button.btn-secondary a {
  color: #fff;
}

.block-wysiwyg--scheme-black_pink_text .wp-block-button.btn-secondary svg path {
  stroke: #fff;
}

.block-wysiwyg--scheme-black_pink_text .wp-block-button.btn-secondary svg rect {
  fill: #fff;
}

/* Rethink Pink background, white text: keep default wipe animation */

.block-wysiwyg--scheme-rethink_pink .wp-block-button.btn-primary a {
  /* White underlayer so the primary wipe reveals white, not the pink section */
  background-color: #fff;
  color: #fff;
  border-color: #fff;
}

.block-wysiwyg--scheme-rethink_pink .wp-block-button.btn-primary a::before {
  background-color: var(--wp--preset--color--rethink-pink, #ff49b0);
}

.block-wysiwyg--scheme-rethink_pink .wp-block-button.btn-primary svg path {
  stroke: #fff;
}

.block-wysiwyg--scheme-rethink_pink .wp-block-button.btn-primary svg rect {
  fill: #fff;
}

/* Primary hover: default scaleX(0) wipe reveals white; text/arrow go black */

.block-wysiwyg--scheme-rethink_pink .wp-block-button.btn-primary:hover a,
.block-wysiwyg--scheme-rethink_pink .wp-block-button.btn-primary:focus a {
  color: var(--wp--preset--color--rethink-almost-black, #231f20);
  border-color: #fff;
}

.block-wysiwyg--scheme-rethink_pink .wp-block-button.btn-primary:hover svg path,
.block-wysiwyg--scheme-rethink_pink .wp-block-button.btn-primary:focus svg path {
  stroke: var(--wp--preset--color--rethink-almost-black, #231f20);
}

.block-wysiwyg--scheme-rethink_pink .wp-block-button.btn-primary:hover svg rect,
.block-wysiwyg--scheme-rethink_pink .wp-block-button.btn-primary:focus svg rect {
  fill: var(--wp--preset--color--rethink-almost-black, #231f20);
}

.block-wysiwyg--scheme-rethink_pink .wp-block-button.btn-secondary a {
  background-color: transparent;
  color: #fff;
  border-color: #fff;
}

/* White wipe-in on hover instead of pink */

.block-wysiwyg--scheme-rethink_pink .wp-block-button.btn-secondary a::before {
  background-color: #fff;
}

.block-wysiwyg--scheme-rethink_pink .wp-block-button.btn-secondary svg path {
  stroke: #fff;
}

.block-wysiwyg--scheme-rethink_pink .wp-block-button.btn-secondary svg rect {
  fill: #fff;
}

/* Secondary hover: default scaleX(1) wipe brings white; text/arrow go black */

.block-wysiwyg--scheme-rethink_pink .wp-block-button.btn-secondary:hover a,
.block-wysiwyg--scheme-rethink_pink .wp-block-button.btn-secondary:focus a {
  color: var(--wp--preset--color--rethink-almost-black, #231f20);
}

.block-wysiwyg--scheme-rethink_pink .wp-block-button.btn-secondary:hover svg path,
.block-wysiwyg--scheme-rethink_pink .wp-block-button.btn-secondary:focus svg path {
  stroke: var(--wp--preset--color--rethink-almost-black, #231f20);
}

.block-wysiwyg--scheme-rethink_pink .wp-block-button.btn-secondary:hover svg rect,
.block-wysiwyg--scheme-rethink_pink .wp-block-button.btn-secondary:focus svg rect {
  fill: var(--wp--preset--color--rethink-almost-black, #231f20);
}

.block-wysiwyg__links {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.block-wysiwyg .block-wysiwyg__links {
  justify-content: center;
}

.block-wysiwyg.isLeft .block-wysiwyg__links {
  justify-content: flex-start;
}

.block-wysiwyg__title {
  line-height: 1.2;
  text-align: center;
}

.isLeft .block-wysiwyg__title {
  text-align: left;
}

.block-wysiwyg:not(.isLeft) .block-wysiwyg__wysiwyg,
.block-wysiwyg:not(.isLeft) .block-wysiwyg__wysiwyg p {
  text-align: center;
}

.block-wysiwyg.isLeft .block-wysiwyg__wysiwyg,
.block-wysiwyg.isLeft .block-wysiwyg__wysiwyg p {
  text-align: left;
}

.block-wysiwyg__grid {
  max-width: var(--max-width);
  margin: auto;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 24px;
  border-top: 1px solid var(--color-black);
  padding-top: 48px;
  align-items: flex-start;
}

.block-wysiwyg__grid.no-top-border {
  border: none;
  padding-top: 0px;
}

.block-wysiwyg__content {
  grid-column: 4 / 10;
}

.single .block-wysiwyg__content {
  grid-column: 2 / 11;
  width: 100%;
}

.block-wysiwyg__content.lg-font-applied .block-wysiwyg__wysiwyg p {
  font-size: 1.25rem;
}

@media(max-width: 768px) {
  .single .block-wysiwyg__content {
    grid-column: span 12;
  }
}

.block-wysiwyg__wysiwyg a {
  font-family: 'Nevoa-MediumCondensed', sans-serif;
  text-decoration: underline;
}

.block-wysiwyg__content.lg-font-applied {
  grid-column: 3/11;
}

@media(max-width: 1150px) {
  .block-wysiwyg__content.lg-font-applied {
    grid-column: 2/12;
  }

  .block-wysiwyg__content.lg-font-applied .block-wysiwyg__title {
    max-width: 600px;
    margin: 0 auto;
  }
}

@media(max-width: 750px) {
  .block-wysiwyg__content.lg-font-applied {
    grid-column: 1/13;
  }

  .block-wysiwyg__content.lg-font-applied .block-wysiwyg__title,
  .block-wysiwyg__content .block-wysiwyg__title {
    text-align: left;
    margin: 0;
  }

  .block-wysiwyg .block-wysiwyg__links {
    justify-content: flex-start;
  }

  .block-wysiwyg__content.lg-font-applied .block-wysiwyg__wysiwyg p,
  .block-wysiwyg__content .block-wysiwyg__wysiwyg p,
  .block-wysiwyg:not(.isLeft) .block-wysiwyg__content .block-wysiwyg__wysiwyg,
  .block-wysiwyg:not(.isLeft) .block-wysiwyg__content .block-wysiwyg__wysiwyg p {
    font-size: 1rem;
    text-align: left !important;
  }
}

.block-wysiwyg__wysiwyg ul {
  list-style: initial;
  padding-left: 30px;
}

.block-wysiwyg__wysiwyg ul li:first-of-type {
  margin-top: 1rem;
}

.block-wysiwyg__wysiwyg ul li {
  margin-bottom: 1rem;
}

@media (max-width: 1024px) {
  .block-wysiwyg__content {
    grid-column: span 12;
  }
}

.isLeft .block-wysiwyg__content {
  grid-column: span 7;
}

/* Center + Medium */

.block-wysiwyg:not(.isLeft) .block-wysiwyg__content.text-width-medium,
.block-wysiwyg:not(.isLeft) .block-wysiwyg__content.text-width-medium.lg-font-applied {
  grid-column: 2 / 12;
}

/* Center + Large */

.block-wysiwyg:not(.isLeft) .block-wysiwyg__content.text-width-large,
.block-wysiwyg:not(.isLeft) .block-wysiwyg__content.text-width-large.lg-font-applied {
  grid-column: 1 / 13;
}

/* Left + Medium */

.block-wysiwyg.isLeft .block-wysiwyg__content.text-width-medium,
.block-wysiwyg.isLeft .block-wysiwyg__content.text-width-medium.lg-font-applied {
  grid-column: span 9;
}

/* Left + Large */

.block-wysiwyg.isLeft .block-wysiwyg__content.text-width-large,
.block-wysiwyg.isLeft .block-wysiwyg__content.text-width-large.lg-font-applied {
  grid-column: span 12;
}

.block-wysiwyg.isLeft .block-wysiwyg__content.text-width-large .wysiwyg {
  width: 100%;
}

@media (max-width: 1024px) {
  .isLeft .block-wysiwyg__content {
    grid-column: span 12;
  }

  .block-wysiwyg:not(.isLeft) .block-wysiwyg__content.text-width-medium,
  .block-wysiwyg:not(.isLeft) .block-wysiwyg__content.text-width-medium.lg-font-applied,
  .block-wysiwyg:not(.isLeft) .block-wysiwyg__content.text-width-large,
  .block-wysiwyg:not(.isLeft) .block-wysiwyg__content.text-width-large.lg-font-applied,
  .block-wysiwyg.isLeft .block-wysiwyg__content.text-width-medium,
  .block-wysiwyg.isLeft .block-wysiwyg__content.text-width-medium.lg-font-applied,
  .block-wysiwyg.isLeft .block-wysiwyg__content.text-width-large,
  .block-wysiwyg.isLeft .block-wysiwyg__content.text-width-large.lg-font-applied {
    grid-column: span 12;
  }
}

.isLeft .block-wysiwyg__content .wysiwyg {
  width: 70%;
}

@media (max-width: 1024px) {
  .isLeft .block-wysiwyg__content .wysiwyg {
    width: 100%;
  }
}

.block-wysiwyg__wysiwyg {
  min-width: 400px;
}

@media (max-width: 1024px) {
  .block-wysiwyg__wysiwyg {
    min-width: unset;
  }
}

.block-wysiwyg__wysiwyg + .block-wysiwyg__links {
  margin-top: 40px;
  /* base10(4) = 10*4 = 40px */
}

.block-wysiwyg__title + .block-wysiwyg__wysiwyg {
  margin-top: 40px;
  /* base10(4) */
}

.yoast-breadcrumbs__rethink-container {
  align-self: flex-start;
  margin: initial;
  font-size: 0.65rem;
  text-transform: uppercase;
  font-family: 'Poppins-Semibold';
}

.yoast-breadcrumbs__rethink-container.container {
  padding-top: 1rem;
}

.yoast-breadcrumbs__rethink-container.container.banner-is-displayed {
  padding-top: 3rem;
}

/* Style the links */

.yoast-breadcrumbs__rethink-container a {
  color: var(--wp--preset--color--rethink-dark-grey);
  text-decoration: none;
  transition: 0.3s;
}

.yoast-breadcrumbs__rethink-container .rank-math-breadcrumb p a {
  color: var(--wp--preset--color--rethink-dark-grey);
  text-decoration: none;
  transition: 0.3s;
}

.yoast-breadcrumbs__rethink-container .rank-math-breadcrumb p a:hover,
.yoast-breadcrumbs__rethink-container .rank-math-breadcrumb p a:focus {
  color: var(--wp--preset--color--rethink-pink);
}

/* Style the last breadcrumb span */

.yoast-breadcrumbs__rethink-container .breadcrumb_last {
  color: var(--wp--preset--color--rethink-dark-grey);
}

/* Target the separator */

.yoast-breadcrumbs__rethink-container span span:not(:last-child)::after {
  content: "・";
  margin: 0 0 0 0.3em;
  /* spacing similar to your HTML */
  color: var(--wp--preset--color--rethink-pink);
}

.yoast-breadcrumbs__rethink-container nav p, 
.yoast-breadcrumbs__rethink-container nav p a {
  font-size: 0.65rem;
}

@media(max-width: 1050px) {
  .yoast-breadcrumbs__rethink-container.container {
    padding-top: 0.5rem;
    padding-right: 1rem;
    padding-left: 1rem;
  }
}

@media(max-width: 768px) {
  .yoast-breadcrumbs__rethink-container > * {
    font-size: 0.55rem;
  }
}

@media(max-width: 500px) {
  body:has(header.banner-is-displayed) .yoast-breadcrumbs__rethink-container {
    padding-top: 1.5rem;
  }
}

@media(max-width: 450px) {
  body:has(header.banner-is-displayed) .yoast-breadcrumbs__rethink-container {
    padding-top: 1.75rem;
  }
}

/**
 * Custom styles to immediately follow Tailwind’s `components` layer
 *
 * “Add more opinionated, complex classes like buttons, form controls, alerts,
 * etc; the sort of pre-built components you often see in other frameworks that
 * you might need to override with utility classes.”
 *
 * — from https://tailwindcss.com/docs/plugins#adding-components
 */

/**
 * Post title styles
 *
 * These will be applied to all headings with a `page-title` or `entry-title`
 * class on the frontend and to the post title in the block editor.
 *
 * The supplied styles are meant to match the default `h1` classes from
 * Tailwind Typography.
 */

/**
 * Layout styles for centered content areas
 *
 * If you are controlling the width of your content area with styles applied
 * to its container, you can delete the following styles whose selectors begin
 * with `.page-content >` and `.entry-content >`. For more details, please see
 * the following:
 *
 * https://make.wordpress.org/core/2021/06/29/on-layout-and-content-width-in-wordpress-5-8/
 */

.page-content > *,
.entry-content > * {
  /* Content width from the `theme.json` file */
  margin-left: auto;
  margin-right: auto;
}

.entry-content > .alignwide {
  /* Wide width from the `theme.json` file */
  max-width: 137.5rem;
}

.entry-content > .alignfull {
  max-width: none;
}

.entry-content > .alignleft {
  float: left;
  margin-right: 4rem;
}

.entry-content > .alignright {
  float: right;
  margin-left: 4rem;
}

/* @import "tailwindcss/patterns"; */

/**
 * This injects Tailwind's utility classes and any utility classes registered
 * by plugins, then adds custom utility classes.
 */

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.visible {
  visibility: visible;
}

.collapse {
  visibility: collapse;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-0 {
  inset: 0rem;
}

.left-0 {
  left: 0rem;
}

.right-0 {
  right: 0rem;
}

.right-\[24px\] {
  right: 24px;
}

.z-10 {
  z-index: 10;
}

.z-50 {
  z-index: 50;
}

.col-span-12 {
  grid-column: span 12 / span 12;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.mb-0 {
  margin-bottom: 0rem;
}

.mb-\[\.5rem\] {
  margin-bottom: .5rem;
}

.mb-\[0\.5rem\] {
  margin-bottom: 0.5rem;
}

.mb-\[1rem\] {
  margin-bottom: 1rem;
}

.mb-\[2rem\] {
  margin-bottom: 2rem;
}

.mb-\[40px\] {
  margin-bottom: 40px;
}

.ml-\[2\.5px\] {
  margin-left: 2.5px;
}

.mt-4 {
  margin-top: 2rem;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.h-\[100px\] {
  height: 100px;
}

.h-\[104px\] {
  height: 104px;
}

.h-\[60px\] {
  height: 60px;
}

.h-\[64px\] {
  height: 64px;
}

.h-full {
  height: 100%;
}

.h-max {
  height: -moz-max-content;
  height: max-content;
}

.min-h-\[64px\] {
  min-height: 64px;
}

.w-4\/5 {
  width: 80%;
}

.w-full {
  width: 100%;
}

.w-max {
  width: -moz-max-content;
  width: max-content;
}

.max-w-none {
  max-width: none;
}

.flex-shrink {
  flex-shrink: 1;
}

.flex-grow {
  flex-grow: 1;
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.resize {
  resize: both;
}

.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.flex-row {
  flex-direction: row;
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.items-stretch {
  align-items: stretch;
}

.justify-end {
  justify-content: flex-end;
}

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

.justify-between {
  justify-content: space-between;
}

.gap-\[0\.75rem\] {
  gap: 0.75rem;
}

.gap-\[10px\] {
  gap: 10px;
}

.gap-\[1rem\] {
  gap: 1rem;
}

.gap-\[2rem\] {
  gap: 2rem;
}

.gap-\[4rem\] {
  gap: 4rem;
}

.gap-\[5px\] {
  gap: 5px;
}

.gap-\[8rem\] {
  gap: 8rem;
}

.self-stretch {
  align-self: stretch;
}

.overflow-hidden {
  overflow: hidden;
}

.rounded {
  border-radius: 0.25rem;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-medium-br {
  border-radius: 1rem;
}

.border {
  border-width: 1px;
}

.border-t-\[1px\] {
  border-top-width: 1px;
}

.border-black {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.border-t-\[var\(--wp--preset--color--rethink-off-black\)\] {
  border-top-color: var(--wp--preset--color--rethink-off-black);
}

.bg-\[var\(--wp--preset--color--rethink-off-white\)\] {
  background-color: var(--wp--preset--color--rethink-off-white);
}

.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.p-2 {
  padding: 1rem;
}

.py-12 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.pb-10 {
  padding-bottom: 5rem;
}

.pb-\[1\.5rem\] {
  padding-bottom: 1.5rem;
}

.pb-\[40px\] {
  padding-bottom: 40px;
}

.pl-\[1rem\] {
  padding-left: 1rem;
}

.pr-\[1rem\] {
  padding-right: 1rem;
}

.pt-10 {
  padding-top: 5rem;
}

.pt-17 {
  padding-top: 8.5rem;
}

.pt-\[\.75rem\] {
  padding-top: .75rem;
}

.pt-\[1\.5rem\] {
  padding-top: 1.5rem;
}

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

.font-google-sans-flex-bold {
  font-family: GoogleSansFlex-Bold, sans-serif;
}

.font-google-sans-flex-extrabold {
  font-family: GoogleSansFlex-ExtraBold, sans-serif;
}

.font-nevoa-condensed-light {
  font-family: Nevoa-LightCondensed, sans-serif;
}

.font-nevoa-condensed-medium {
  font-family: Nevoa-MediumCondensed, sans-serif;
}

.font-poppins-regular {
  font-family: Poppins-Regular, sans-serif;
}

.font-poppins-semibold {
  font-family: Poppins-SemiBold, sans-serif;
}

.text-\[0\.75rem\] {
  font-size: 0.75rem;
}

.text-\[0\.85rem\] {
  font-size: 0.85rem;
}

.text-\[1rem\] {
  font-size: 1rem;
}

.text-base {
  font-size: 1rem;
}

.text-h3-style {
  font-size: clamp(32px,2.7777777778vw,48px);
}

.text-h5-style {
  font-size: clamp(22px,1.875vw,32.4px);
}

.text-h6-style {
  font-size: clamp(17px,1.5277777778vw,26.4px);
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.leading-large-line {
  line-height: 150%;
}

.leading-none {
  line-height: 1;
}

.text-\[var\(--wp--preset--color--rethink-dark-grey\)\] {
  color: var(--wp--preset--color--rethink-dark-grey);
}

.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.underline {
  text-decoration-line: underline;
}

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

.opacity-0 {
  opacity: 0;
}

.outline {
  outline-style: solid;
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.content-none {
  --tw-content: none;
  content: var(--tw-content);
}

/**
 * Custom styles to immediately follow Tailwind’s `utilities` layer
 *
 * Add your own utility classes to this theme. Complex utility classes should
 * be added using Tailwind’s plugin system:
 *
 * https://tailwindcss.com/docs/plugins#adding-utilities
 */

.visuallyhidden {
  position: absolute;
  opacity: 0;
  clip-path: 0;
  font-size: 0px;
  height: 0px;
  color: transparent;
}

@media (min-width: 768px) {
  .md\:pt-25 {
    padding-top: 12.5rem;
  }
}

@media (min-width: 1024px) {
  .lg\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  .lg\:col-start-3 {
    grid-column-start: 3;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:py-20 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .lg\:pb-\[132px\] {
    padding-bottom: 132px;
  }

  .lg\:pl-\[1\.5rem\] {
    padding-left: 1.5rem;
  }

  .lg\:pr-\[1\.5rem\] {
    padding-right: 1.5rem;
  }

  .lg\:pt-16 {
    padding-top: 8rem;
  }
}