/*
Theme Name: RC Wordpress Theme
Author: RealChemistry
Version: 0.1.22
Text Domain: rc-wp
*/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --rc-blue: #4500F9;
  --rc-purple: #8752FA;
  --rc-b-cerulean: #CD83FF;
  --rc-b-red: #F7AEF3;
  --rc-orange: #FF5001;
  --soft-gray: #F6F6F6;
  --rc-grad-warmth: linear-gradient(
    90deg, 
    #4500F9 0%, 
    #8752FA 30.29%, 
    #CD83FF 67.31%, 
    #FF5001 100%
  );
  --rc-grad-warmth-135: linear-gradient(
    135deg, 
    #4500F9 0%, 
    #8752FA 30.29%, 
    #CD83FF 67.31%, 
    #FF5001 100%
  );
  --rc-grad-warmth-225: linear-gradient(
    225deg, 
    #4500F9 0%, 
    #8752FA 30.29%, 
    #CD83FF 67.31%, 
    #FF5001 100%
  );
  --rc-grad-warmth-180: linear-gradient(
    180deg, 
    #4500F9 0%, 
    #8752FA 30.29%, 
    #CD83FF 67.31%, 
    #FF5001 100%
  );
  --rc-grad-brand: linear-gradient(
    89.43deg, 
    #CD83FF 33.08%, 
    #FF5001 100%
  );
  --rc-grad-brand-180: linear-gradient(
    180deg, 
    #CD83FF 33.08%, 
    #FF5001 100%
  );
  --rc-grad-brand-270: linear-gradient(
    270deg, 
    #CD83FF 33.08%, 
    #FF5001 100%
  );
  --rc-grad-brand-blue: linear-gradient(
    88.13deg, 
    #4500F9 33.08%, 
    #8752FA 100%
  );
  --rc-grad-brand-blue-180: linear-gradient(
    180deg, 
    #4500F9 33.08%, 
    #8752FA 100%
  );
  --rc-hero-rad-grad: radial-gradient(
    ellipse at 13.08% 81.13%,
    #4500F9 0%,
    #8752FA 30.29%,
    #CD83FF 67.31%,
    #FF5001 100%
  );
}

html {
  font-size: 62.5%;
  interpolate-size: allow-keywords;

  /* hide scroll bar */
  scrollbar-width: none;
  -ms-overflow-style: none;
  &::-webkit-scrollbar {
    display: none; 
  }
} 

body {
  /* font-family: 'Helvetica Now Text', Helvetica, sans-serif; */
  font-family: 'Helvetica Now Display', Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #151316;
  padding-top: var(--header-height);
}

.body-small {
  font-size: 1.4rem;
}

.body-large {
  font-size: 2rem;
}

.footnote {
  font-size: 1.2rem;
}

.gradient-text,
.gradient-text-blue {
  background: var(--rc-grad-brand-blue);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gradient-text-warmth {
  background: var(--rc-grad-warmth);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gradient-text-brand {
  background: var(--rc-grad-brand);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: 'Helvetica Now Display', Helvetica, sans-serif;
  font-weight: 400;
  margin-bottom: 0;
}

h1, .h1 {
  font-size: 6.4rem;
  line-height: 1.0625;

  @media screen and (max-width: 990px) {
    font-size: 4rem;
  }
    
}

h2, .h2 {
  font-size: 4rem;
  line-height: 1.2;

  @media screen and (max-width: 990px) {
    font-size: 3.2rem;
  }

}

h3, .h3 {
  font-size: 3.2rem;
  line-height: 1.125;

  @media screen and (max-width: 990px) {
    font-size: 2.4rem;
  }
}

h4, .h4 {
  font-size: 2.4rem;
  line-height: 1.167;

  @media screen and (max-width: 990px) {
    font-size: 2rem;
  }
}

h5, .h5 {
  font-size: 1.8rem;
  line-height: 1.222;
}

h6, .h6 {
  font-size: 1.4rem;
  line-height: 1.25;
}

h1 + p,
h2 + p,
h3 + p,
h4 + p,
h5 + p,
h6 + p {
  margin-top: 24px;
}

p:last-of-type {
  margin-bottom: 0;
}

nav ul {
  list-style: none;
  padding: 0;
  margin: 0;

  li {
    padding: 0;
    margin: 0;
  }
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {

  --padding: 50px;
  padding-left: var(--padding);
  padding-right: var(--padding);

  @media screen and (max-width: 990px) {
    --padding: 24px;
  }
}

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

/* Link Styles */

main.site-main a:not(.rc-btn):not(.wp-element-button) {
  color: #8752FA;

  &:focus,
  &:focus-visible {
    box-shadow: 0px 2px 5px 0px #8752FA73;
    outline: none;
    color: #151316;
    padding: 0 5px;
    border: 2px solid #151316;
    border-radius: 24px;
    text-decoration: none;
  }

  &:disabled {
    color: #30383F80;
    cursor: not-allowed;
    text-decoration: none;
  }
}

/* Form field styles */

label {
  margin-bottom: 8px;
}

input[type="text"],
input[type="email"],
textarea {
  border: 2px solid #28334A99;
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 1.6rem;
  line-height: 1.5;
  width: 100%;
  box-sizing: border-box;

  @media screen and (min-width: 600px) {
    &:hover {
      background: linear-gradient(90deg, #4500f90d 0%, #4500f90d 100%) white
    }
  }
  

  &:focus-within {
    outline: none;
    border-color: #4500F9;
  }

  &:focus,
  &:focus-visible {
    background-color: white;
    border-color: #4500F9;
    box-shadow: 0px 4px 10px #4500f933;
    outline: none;
  }

  &:disabled {
    background: #F6F6F6;
    border-color: #BFBEC0;
    cursor: not-allowed;
  }

  &.error {
    border-color: #CF2B1E;
    color: #CF2B1E;
  }
}

select {
  border: 2px solid #28334A99;
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 1.6rem;
  line-height: 1.5;
  width: 100%;
  box-sizing: border-box;
  background: white;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%2328334A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 14px 8px;

  @media screen and (min-width: 600px) {
    &:hover {
      background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%2328334A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"), linear-gradient(90deg, #4500f90d 0%, #4500f90d 100%);
      background-position: right 12px center, center;
      background-size: 14px 8px, 100% 100%;
    }
  }
  
  &:focus-within {
    outline: none;
    border-color: #4500F9;
  }

  &:focus,
  &:focus-visible {
    background-color: white;
    border-color: #4500F9;
    box-shadow: 0px 4px 10px #4500f933;
    outline: none;
  }

  &:disabled {
    background: #F6F6F6;
    border-color: #BFBEC0;
    cursor: not-allowed;
  }

  &.error {
    border-color: #CF2B1E;
    color: #CF2B1E;
  }
}

/* Checkbox styles */

input[type="checkbox"] {
  width: 20px;
  height: 20px;
  border: 1px solid #28334A99;
  border-radius: 2px;
  appearance: none;
  cursor: pointer;
  position: relative;
  margin-right: 8px;

  &:checked {
    background: var(--rc-grad-brand-blue);
    border: none;

    &::after {
      content: "";
      position: absolute;
      top: 43%;
      left: 50%;
      width: 6px;
      height: 10px;
      border: solid white;
      border-width: 0 2px 2px 0;
      transform: translate(-50%, -50%) rotate(45deg);
    }
  }

  &:focus,
  &:focus-visible {
    outline: none;
    box-shadow: 0px 0px 0px 3px #4500F973;
    border-color: #4500F9;
  }

  &:disabled {
    background: #F6F6F6;
    border-color: #BFBEC0;
    cursor: not-allowed;

    &::after {
      border-color: #E1E1E1;
    }
  }
}

/* Button Styles */

/* .wp-block-buttons .wp-block-button__link {
    width: 100%;
    gap: 8px;
    align-items: center;
    display: flex;
} */

p + .wp-block-buttons {
    margin-top: 24px;
}

.wp-block-button:not(.is-style-rc-secondary) .wp-block-button__link,
.wp-block-button:not(.is-style-rc-tertiary) .wp-block-button__link,
.rc-btn:not(.wp-block-button),
.rc-btn.primary .wp-element-button,
.wp-block-button.is-style-rc-primary .wp-element-button {
  border-radius: 0;
  border: 0;
  text-decoration: none;
  color: white;
  padding: 10px 32px;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  background-color: #151316;
  min-width: 200px;
  max-width: fit-content;
  justify-content: center;

  &::after {
    line-height: 1;
  }

  &.external-link::after {
    content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3923 8.39232C13.0568 8.39232 12.7846 8.66453 12.7846 9L12.7846 11.155C12.7846 12.0537 12.0537 12.7846 11.155 12.7846H2.84503C1.94633 12.7846 1.21536 12.0537 1.21536 11.155V2.84503C1.21536 1.94633 1.94633 1.21536 2.84503 1.21536L4.99968 1.21536C5.33515 1.21536 5.60736 0.943153 5.60736 0.60768C5.60736 0.272207 5.33547 0 5 0H2.84503C1.27636 0 0 1.27636 0 2.84503V11.155C0 12.7236 1.27636 14 2.84503 14H11.155C12.7236 14 14 12.7236 14 11.155L14 9C14 8.66453 13.7278 8.39232 13.3923 8.39232Z' fill='%23FAFAFA'/%3E%3Cpath d='M13.3926 0.0800781H9.23782C8.90234 0.0800781 8.63014 0.352285 8.63014 0.687758C8.63014 1.02323 8.90234 1.29544 9.23782 1.29544H11.8207L6.5696 6.57151C6.33276 6.80933 6.33373 7.19412 6.57155 7.43096C6.68997 7.54906 6.84506 7.60778 7.00014 7.60778C7.15522 7.60778 7.31225 7.54809 7.431 7.42869L12.7849 2.04912V4.84256C12.7849 5.17804 13.0571 5.45024 13.3926 5.45024C13.7281 5.45024 14.0003 5.17804 14.0003 4.84256V0.687758C14.0003 0.352285 13.7281 0.0800781 13.3926 0.0800781Z' fill='%23FAFAFA'/%3E%3C/svg%3E%0A");
    height: 14px;
  }

  &.download-link::after {
    content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_727_14980)'%3E%3Cpath d='M15 10.334V13.4451C15 13.8577 14.8361 14.2533 14.5444 14.545C14.2527 14.8368 13.857 15.0007 13.4444 15.0007H2.55556C2.143 15.0007 1.74733 14.8368 1.45561 14.545C1.16389 14.2533 1 13.8577 1 13.4451V10.334' stroke='%23FAFAFA' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 6.44531L7.88889 10.3342L11.7778 6.44531' stroke='%23FAFAFA' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 10.3333V1' stroke='%23FAFAFA' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_727_14980'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    height: 16px;
  }

  &.play-link::after {
    content: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0V13.0909L12 6.54545L0 0Z' fill='%23FAFAFA'/%3E%3C/svg%3E");
    height: 14px;
  }

  @media screen and (min-width: 600px) {
    &:hover {
      background: var(--rc-grad-brand-blue);
    }
  }

  &:focus, 
  &:focus-visible {
    box-shadow: 0px 2px 5px 0px #8752FA73;
    outline: none;
  }

  &:disabled {
    background: #A09EA2;
    cursor: not-allowed;
  }

  &.cross-link::after {
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_44_20289' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_44_20289)'%3E%3Cpath d='M13.4798 10.8334H3.33398V9.16671H13.4798L8.81315 4.50004L10.0007 3.33337L16.6673 10L10.0007 16.6667L8.81315 15.5L13.4798 10.8334Z' fill='%23D9D9D9'/%3E%3C/g%3E%3C/svg%3E");
    height: 20px;
    
  }
}

.rc-btn.cross-link *::after,
.cross-link .wp-element-button::after {
  content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_44_20289' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_44_20289)'%3E%3Cpath d='M13.4798 10.8334H3.33398V9.16671H13.4798L8.81315 4.50004L10.0007 3.33337L16.6673 10L10.0007 16.6667L8.81315 15.5L13.4798 10.8334Z' fill='%23D9D9D9'/%3E%3C/g%3E%3C/svg%3E");
  height: 20px;
  
}
  
.rc-btn.external-link *::after,
.external-link .wp-element-button::after {
  content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3923 8.39232C13.0568 8.39232 12.7846 8.66453 12.7846 9L12.7846 11.155C12.7846 12.0537 12.0537 12.7846 11.155 12.7846H2.84503C1.94633 12.7846 1.21536 12.0537 1.21536 11.155V2.84503C1.21536 1.94633 1.94633 1.21536 2.84503 1.21536L4.99968 1.21536C5.33515 1.21536 5.60736 0.943153 5.60736 0.60768C5.60736 0.272207 5.33547 0 5 0H2.84503C1.27636 0 0 1.27636 0 2.84503V11.155C0 12.7236 1.27636 14 2.84503 14H11.155C12.7236 14 14 12.7236 14 11.155L14 9C14 8.66453 13.7278 8.39232 13.3923 8.39232Z' fill='%23FAFAFA'/%3E%3Cpath d='M13.3926 0.0800781H9.23782C8.90234 0.0800781 8.63014 0.352285 8.63014 0.687758C8.63014 1.02323 8.90234 1.29544 9.23782 1.29544H11.8207L6.5696 6.57151C6.33276 6.80933 6.33373 7.19412 6.57155 7.43096C6.68997 7.54906 6.84506 7.60778 7.00014 7.60778C7.15522 7.60778 7.31225 7.54809 7.431 7.42869L12.7849 2.04912V4.84256C12.7849 5.17804 13.0571 5.45024 13.3926 5.45024C13.7281 5.45024 14.0003 5.17804 14.0003 4.84256V0.687758C14.0003 0.352285 13.7281 0.0800781 13.3926 0.0800781Z' fill='%23FAFAFA'/%3E%3C/svg%3E%0A");
  height: 14px;
}

.rc-btn.download-link *::after,
.download-link .wp-element-button::after {
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_727_14980)'%3E%3Cpath d='M15 10.334V13.4451C15 13.8577 14.8361 14.2533 14.5444 14.545C14.2527 14.8368 13.857 15.0007 13.4444 15.0007H2.55556C2.143 15.0007 1.74733 14.8368 1.45561 14.545C1.16389 14.2533 1 13.8577 1 13.4451V10.334' stroke='%23FAFAFA' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 6.44531L7.88889 10.3342L11.7778 6.44531' stroke='%23FAFAFA' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 10.3333V1' stroke='%23FAFAFA' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_727_14980'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  height: 16px;
}

.rc-btn.play-link *::after,
.play-link .wp-element-button::after {
  content: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0V13.0909L12 6.54545L0 0Z' fill='%23FAFAFA'/%3E%3C/svg%3E");
  height: 14px;
}

.has-background {
  .is-style-rc-primary .wp-element-button,
  .rc-btn.primary {
    border: 1px solid var(--wp--preset--color--white);
  }
}


.rc-btn.secondary:not(.wp-block-button),
.rc-btn.secondary .wp-element-button,
.wp-block-button.is-style-rc-secondary .wp-element-button {
  color: #151316;
  background: transparent;
  border: 1px solid #151316;
  border-radius: 0;
  padding: 9px 32px;

   &::after {
    content: none;
    line-height: 1;
  }

  &.cross-link::after {
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_44_20289' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23151316'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_44_20289)'%3E%3Cpath d='M13.4798 10.8334H3.33398V9.16671H13.4798L8.81315 4.50004L10.0007 3.33337L16.6673 10L10.0007 16.6667L8.81315 15.5L13.4798 10.8334Z' fill='%23151316'/%3E%3C/g%3E%3C/svg%3E");
    height: 20px;
  }

  &.external-link::after {
    content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3923 8.39232C13.0568 8.39232 12.7846 8.66453 12.7846 9L12.7846 11.155C12.7846 12.0537 12.0537 12.7846 11.155 12.7846H2.84503C1.94633 12.7846 1.21536 12.0537 1.21536 11.155V2.84503C1.21536 1.94633 1.94633 1.21536 2.84503 1.21536L4.99968 1.21536C5.33515 1.21536 5.60736 0.943153 5.60736 0.60768C5.60736 0.272207 5.33547 0 5 0H2.84503C1.27636 0 0 1.27636 0 2.84503V11.155C0 12.7236 1.27636 14 2.84503 14H11.155C12.7236 14 14 12.7236 14 11.155L14 9C14 8.66453 13.7278 8.39232 13.3923 8.39232Z' fill='%23151316'/%3E%3Cpath d='M13.3926 0.0800781H9.23782C8.90234 0.0800781 8.63014 0.352285 8.63014 0.687758C8.63014 1.02323 8.90234 1.29544 9.23782 1.29544H11.8207L6.5696 6.57151C6.33276 6.80933 6.33373 7.19412 6.57155 7.43096C6.68997 7.54906 6.84506 7.60778 7.00014 7.60778C7.15522 7.60778 7.31225 7.54809 7.431 7.42869L12.7849 2.04912V4.84256C12.7849 5.17804 13.0571 5.45024 13.3926 5.45024C13.7281 5.45024 14.0003 5.17804 14.0003 4.84256V0.687758C14.0003 0.352285 13.7281 0.0800781 13.3926 0.0800781Z' fill='%23151316'/%3E%3C/svg%3E");
    height: 14px;
  }

  &.download-link::after {
    content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_727_15096)'%3E%3Cpath d='M15 10.334V13.4451C15 13.8577 14.8361 14.2533 14.5444 14.545C14.2527 14.8368 13.857 15.0007 13.4444 15.0007H2.55556C2.143 15.0007 1.74733 14.8368 1.45561 14.545C1.16389 14.2533 1 13.8577 1 13.4451V10.334' stroke='%23151316' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 6.44531L7.88889 10.3342L11.7778 6.44531' stroke='%23151316' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 10.3333V1' stroke='%23151316' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_727_15096'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    height: 16px;
  }

  &.play-link::after {
    content: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0V13.0909L12 6.54545L0 0Z' fill='%23151316'/%3E%3C/svg%3E");
    height: 14px;
  }

  &.filter-link::after {
    content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_727_15048' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='16'%3E%3Crect width='16' height='16' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_727_15048)'%3E%3Cpath d='M6.26667 12C5.89848 12 5.6 11.7015 5.6 11.3333C5.6 10.9651 5.89848 10.6667 6.26667 10.6667H10.1333C10.5015 10.6667 10.8 10.9651 10.8 11.3333C10.8 11.7015 10.5015 12 10.1333 12H6.26667ZM3.33333 8.66667C2.96515 8.66667 2.66667 8.36819 2.66667 8C2.66667 7.63181 2.96514 7.33333 3.33333 7.33333H12.6667C13.0349 7.33333 13.3333 7.63181 13.3333 8C13.3333 8.36819 13.0349 8.66667 12.6667 8.66667H3.33333ZM0.666667 5.33333C0.298477 5.33333 0 5.03486 0 4.66667C0 4.29848 0.298477 4 0.666667 4H15.3333C15.7015 4 16 4.29848 16 4.66667C16 5.03486 15.7015 5.33333 15.3333 5.33333H0.666667Z' fill='%23151316'/%3E%3C/g%3E%3C/svg%3E");
    height: 16px;
  }

  &.close-link::after {
    content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z' fill='%23151316'/%3E%3C/svg%3E");
    height: 14px;
  }

  @media screen and (min-width: 600px) {
    &:hover {
      border-image: var(--rc-grad-brand-blue) 1;
      background: #F1F1F1;
    }
  }
  &:focus,
  &:focus-visible {
    box-shadow: 0px 2px 5px 0px #CD83FF73;
    outline: none;
    border-width: 2px;
    padding: 8px 31px;
    background: #F1F1F1;
  }

  &:disabled {
    color: #A09EA2;
    cursor: not-allowed;
  }
}

.wp-block-button.is-style-rc-secondary.cross-link *::after,
.rc-btn.secondary.cross-link *::after {
  content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_44_20289' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23151316'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_44_20289)'%3E%3Cpath d='M13.4798 10.8334H3.33398V9.16671H13.4798L8.81315 4.50004L10.0007 3.33337L16.6673 10L10.0007 16.6667L8.81315 15.5L13.4798 10.8334Z' fill='%23151316'/%3E%3C/g%3E%3C/svg%3E");
  height: 20px;
}

.wp-block-button.is-style-rc-secondary.external-link *::after,
.rc-btn.secondary.external-link *::after {
  content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3923 8.39232C13.0568 8.39232 12.7846 8.66453 12.7846 9L12.7846 11.155C12.7846 12.0537 12.0537 12.7846 11.155 12.7846H2.84503C1.94633 12.7846 1.21536 12.0537 1.21536 11.155V2.84503C1.21536 1.94633 1.94633 1.21536 2.84503 1.21536L4.99968 1.21536C5.33515 1.21536 5.60736 0.943153 5.60736 0.60768C5.60736 0.272207 5.33547 0 5 0H2.84503C1.27636 0 0 1.27636 0 2.84503V11.155C0 12.7236 1.27636 14 2.84503 14H11.155C12.7236 14 14 12.7236 14 11.155L14 9C14 8.66453 13.7278 8.39232 13.3923 8.39232Z' fill='%23151316'/%3E%3Cpath d='M13.3926 0.0800781H9.23782C8.90234 0.0800781 8.63014 0.352285 8.63014 0.687758C8.63014 1.02323 8.90234 1.29544 9.23782 1.29544H11.8207L6.5696 6.57151C6.33276 6.80933 6.33373 7.19412 6.57155 7.43096C6.68997 7.54906 6.84506 7.60778 7.00014 7.60778C7.15522 7.60778 7.31225 7.54809 7.431 7.42869L12.7849 2.04912V4.84256C12.7849 5.17804 13.0571 5.45024 13.3926 5.45024C13.7281 5.45024 14.0003 5.17804 14.0003 4.84256V0.687758C14.0003 0.352285 13.7281 0.0800781 13.3926 0.0800781Z' fill='%23151316'/%3E%3C/svg%3E");
  height: 14px;
}

.wp-block-button.is-style-rc-secondary.download-link *::after,
.rc-btn.secondary.download-link *::after {
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_727_15096)'%3E%3Cpath d='M15 10.334V13.4451C15 13.8577 14.8361 14.2533 14.5444 14.545C14.2527 14.8368 13.857 15.0007 13.4444 15.0007H2.55556C2.143 15.0007 1.74733 14.8368 1.45561 14.545C1.16389 14.2533 1 13.8577 1 13.4451V10.334' stroke='%23151316' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 6.44531L7.88889 10.3342L11.7778 6.44531' stroke='%23151316' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 10.3333V1' stroke='%23151316' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_727_15096'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  height: 16px;
}

.wp-block-button.is-style-rc-secondary.play-link *::after,
.rc-btn.secondary.play-link *::after {
  content: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0V13.0909L12 6.54545L0 0Z' fill='%23151316'/%3E%3C/svg%3E");
  height: 14px;
}

.wp-block-button.is-style-rc-secondary.filter-link *::after,
.rc-btn.secondary.filter-link *::after {
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_727_15048' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='16'%3E%3Crect width='16' height='16' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_727_15048)'%3E%3Cpath d='M6.26667 12C5.89848 12 5.6 11.7015 5.6 11.3333C5.6 10.9651 5.89848 10.6667 6.26667 10.6667H10.1333C10.5015 10.6667 10.8 10.9651 10.8 11.3333C10.8 11.7015 10.5015 12 10.1333 12H6.26667ZM3.33333 8.66667C2.96515 8.66667 2.66667 8.36819 2.66667 8C2.66667 7.63181 2.96514 7.33333 3.33333 7.33333H12.6667C13.0349 7.33333 13.3333 7.63181 13.3333 8C13.3333 8.36819 13.0349 8.66667 12.6667 8.66667H3.33333ZM0.666667 5.33333C0.298477 5.33333 0 5.03486 0 4.66667C0 4.29848 0.298477 4 0.666667 4H15.3333C15.7015 4 16 4.29848 16 4.66667C16 5.03486 15.7015 5.33333 15.3333 5.33333H0.666667Z' fill='%23151316'/%3E%3C/g%3E%3C/svg%3E");
  height: 16px;
}

.wp-block-button.is-style-rc-secondary.close-link *::after,
.rc-btn.secondary.close-link *::after {
  content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z' fill='%23151316'/%3E%3C/svg%3E");
  height: 14px;
}


.has-background {
  .is-style-rc-secondary .wp-element-button,
  .rc-btn.secondary {
    color: currentColor;
    border: 1px solid var(--wp--preset--color--white);
    &:hover {
      color: #151316;
    }
    &:focus,
    &:focus-visible {
      color: #151316;
    }
  }

  .is-style-rc-secondary {
    &.cross-link >*:not(:hover)::after {
      content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_44_20289' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_44_20289)'%3E%3Cpath d='M13.4798 10.8334H3.33398V9.16671H13.4798L8.81315 4.50004L10.0007 3.33337L16.6673 10L10.0007 16.6667L8.81315 15.5L13.4798 10.8334Z' fill='%23D9D9D9'/%3E%3C/g%3E%3C/svg%3E");
    }

    &.external-link >*:not(:hover)::after {
      content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3923 8.39232C13.0568 8.39232 12.7846 8.66453 12.7846 9L12.7846 11.155C12.7846 12.0537 12.0537 12.7846 11.155 12.7846H2.84503C1.94633 12.7846 1.21536 12.0537 1.21536 11.155V2.84503C1.21536 1.94633 1.94633 1.21536 2.84503 1.21536L4.99968 1.21536C5.33515 1.21536 5.60736 0.943153 5.60736 0.60768C5.60736 0.272207 5.33547 0 5 0H2.84503C1.27636 0 0 1.27636 0 2.84503V11.155C0 12.7236 1.27636 14 2.84503 14H11.155C12.7236 14 14 12.7236 14 11.155L14 9C14 8.66453 13.7278 8.39232 13.3923 8.39232Z' fill='%23D9D9D9'/%3E%3Cpath d='M13.3926 0.0800781H9.23782C8.90234 0.0800781 8.63014 0.352285 8.63014 0.687758C8.63014 1.02323 8.90234 1.29544 9.23782 1.29544H11.8207L6.5696 6.57151C6.33276 6.80933 6.33373 7.19412 6.57155 7.43096C6.68997 7.54906 6.84506 7.60778 7.00014 7.60778C7.15522 7.60778 7.31225 7.54809 7.431 7.42869L12.7849 2.04912V4.84256C12.7849 5.17804 13.0571 5.45024 13.3926 5.45024C13.7281 5.45024 14.0003 5.17804 14.0003 4.84256V0.687758C14.0003 0.352285 13.7281 0.0800781 13.3926 0.0800781Z' fill='%23D9D9D9'/%3E%3C/svg%3E");
    }

    &.download-link >*:not(:hover)::after {
      content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_727_15096)'%3E%3Cpath d='M15 10.334V13.4451C15 13.8577 14.8361 14.2533 14.5444 14.545C14.2527 14.8368 13.857 15.0007 13.4444 15.0007H2.55556C2.143 15.0007 1.74733 14.8368 1.45561 14.545C1.16389 14.2533 1 13.8577 1 13.4451V10.334' stroke='%23D9D9D9' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 6.44531L7.88889 10.3342L11.7778 6.44531' stroke='%23D9D9D9' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 10.3333V1' stroke='%23D9D9D9' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_727_15096'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    }

    &.play-link >*:not(:hover)::after {
      content: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0V13.0909L12 6.54545L0 0Z' fill='%23D9D9D9'/%3E%3C/svg%3E");
    }

    &.filter-link >*:not(:hover)::after {
      content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_727_15048' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='16'%3E%3Crect width='16' height='16' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_727_15048)'%3E%3Cpath d='M6.26667 12C5.89848 12 5.6 11.7015 5.6 11.3333C5.6 10.9651 5.89848 10.6667 6.26667 10.6667H10.1333C10.5015 10.6667 10.8 10.9651 10.8 11.3333C10.8 11.7015 10.5015 12 10.1333 12H6.26667ZM3.33333 8.66667C2.96515 8.66667 2.66667 8.36819 2.66667 8C2.66667 7.63181 2.96514 7.33333 3.33333 7.33333H12.6667C13.0349 7.33333 13.3333 7.63181 13.3333 8C13.3333 8.36819 13.0349 8.66667 12.6667 8.66667H3.33333ZM0.666667 5.33333C0.298477 5.33333 0 5.03486 0 4.66667C0 4.29848 0.298477 4 0.666667 4H15.3333C15.7015 4 16 4.29848 16 4.66667C16 5.03486 15.7015 5.33333 15.3333 5.33333H0.666667Z' fill='%23D9D9D9'/%3E%3C/g%3E%3C/svg%3E");
    }
  }

  .rc-btn.secondary {
    &.cross-link:not(:hover)::after {
      content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_44_20289' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_44_20289)'%3E%3Cpath d='M13.4798 10.8334H3.33398V9.16671H13.4798L8.81315 4.50004L10.0007 3.33337L16.6673 10L10.0007 16.6667L8.81315 15.5L13.4798 10.8334Z' fill='%23D9D9D9'/%3E%3C/g%3E%3C/svg%3E");
    }

    &.external-link:not(:hover)::after {
      content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3923 8.39232C13.0568 8.39232 12.7846 8.66453 12.7846 9L12.7846 11.155C12.7846 12.0537 12.0537 12.7846 11.155 12.7846H2.84503C1.94633 12.7846 1.21536 12.0537 1.21536 11.155V2.84503C1.21536 1.94633 1.94633 1.21536 2.84503 1.21536L4.99968 1.21536C5.33515 1.21536 5.60736 0.943153 5.60736 0.60768C5.60736 0.272207 5.33547 0 5 0H2.84503C1.27636 0 0 1.27636 0 2.84503V11.155C0 12.7236 1.27636 14 2.84503 14H11.155C12.7236 14 14 12.7236 14 11.155L14 9C14 8.66453 13.7278 8.39232 13.3923 8.39232Z' fill='%23D9D9D9'/%3E%3Cpath d='M13.3926 0.0800781H9.23782C8.90234 0.0800781 8.63014 0.352285 8.63014 0.687758C8.63014 1.02323 8.90234 1.29544 9.23782 1.29544H11.8207L6.5696 6.57151C6.33276 6.80933 6.33373 7.19412 6.57155 7.43096C6.68997 7.54906 6.84506 7.60778 7.00014 7.60778C7.15522 7.60778 7.31225 7.54809 7.431 7.42869L12.7849 2.04912V4.84256C12.7849 5.17804 13.0571 5.45024 13.3926 5.45024C13.7281 5.45024 14.0003 5.17804 14.0003 4.84256V0.687758C14.0003 0.352285 13.7281 0.0800781 13.3926 0.0800781Z' fill='%23D9D9D9'/%3E%3C/svg%3E");
    }

    &.download-link:not(:hover)::after {
      content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_727_15096)'%3E%3Cpath d='M15 10.334V13.4451C15 13.8577 14.8361 14.2533 14.5444 14.545C14.2527 14.8368 13.857 15.0007 13.4444 15.0007H2.55556C2.143 15.0007 1.74733 14.8368 1.45561 14.545C1.16389 14.2533 1 13.8577 1 13.4451V10.334' stroke='%23D9D9D9' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 6.44531L7.88889 10.3342L11.7778 6.44531' stroke='%23D9D9D9' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 10.3333V1' stroke='%23D9D9D9' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_727_15096'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    }

    &.play-link:not(:hover)::after {
      content: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0V13.0909L12 6.54545L0 0Z' fill='%23D9D9D9'/%3E%3C/svg%3E");
    }

    &.filter-link:not(:hover)::after {
      content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_727_15048' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='16'%3E%3Crect width='16' height='16' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_727_15048)'%3E%3Cpath d='M6.26667 12C5.89848 12 5.6 11.7015 5.6 11.3333C5.6 10.9651 5.89848 10.6667 6.26667 10.6667H10.1333C10.5015 10.6667 10.8 10.9651 10.8 11.3333C10.8 11.7015 10.5015 12 10.1333 12H6.26667ZM3.33333 8.66667C2.96515 8.66667 2.66667 8.36819 2.66667 8C2.66667 7.63181 2.96514 7.33333 3.33333 7.33333H12.6667C13.0349 7.33333 13.3333 7.63181 13.3333 8C13.3333 8.36819 13.0349 8.66667 12.6667 8.66667H3.33333ZM0.666667 5.33333C0.298477 5.33333 0 5.03486 0 4.66667C0 4.29848 0.298477 4 0.666667 4H15.3333C15.7015 4 16 4.29848 16 4.66667C16 5.03486 15.7015 5.33333 15.3333 5.33333H0.666667Z' fill='%23D9D9D9'/%3E%3C/g%3E%3C/svg%3E");
    }
  }
}

.wp-block-button.is-style-rc-tertiary .wp-element-button,
.rc-btn.tertiary {
  --icon-width: -8px;
  display: flex;
}

.rc-btn.tertiary:not(.wp-block-button),
.rc-btn.tertiary .wp-element-button,
.wp-block-button.is-style-rc-tertiary .wp-element-button {
  border: none;
  background: none;
  color: #151316;
  text-decoration-color: var(--rc-grad-warmth);
  /* padding: 10px 32px; */
  padding: 0;
  position: relative;
  min-width: unset;

  &::after {
    line-height: 1;
  }


  &.external-link {
    --icon-width: 14px;
  }

  &.external-link::after {
    content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3923 8.39232C13.0568 8.39232 12.7846 8.66453 12.7846 9L12.7846 11.155C12.7846 12.0537 12.0537 12.7846 11.155 12.7846H2.84503C1.94633 12.7846 1.21536 12.0537 1.21536 11.155V2.84503C1.21536 1.94633 1.94633 1.21536 2.84503 1.21536L4.99968 1.21536C5.33515 1.21536 5.60736 0.943153 5.60736 0.60768C5.60736 0.272207 5.33547 0 5 0H2.84503C1.27636 0 0 1.27636 0 2.84503V11.155C0 12.7236 1.27636 14 2.84503 14H11.155C12.7236 14 14 12.7236 14 11.155L14 9C14 8.66453 13.7278 8.39232 13.3923 8.39232Z' fill='%23151316'/%3E%3Cpath d='M13.3926 0.0800781H9.23782C8.90234 0.0800781 8.63014 0.352285 8.63014 0.687758C8.63014 1.02323 8.90234 1.29544 9.23782 1.29544H11.8207L6.5696 6.57151C6.33276 6.80933 6.33373 7.19412 6.57155 7.43096C6.68997 7.54906 6.84506 7.60778 7.00014 7.60778C7.15522 7.60778 7.31225 7.54809 7.431 7.42869L12.7849 2.04912V4.84256C12.7849 5.17804 13.0571 5.45024 13.3926 5.45024C13.7281 5.45024 14.0003 5.17804 14.0003 4.84256V0.687758C14.0003 0.352285 13.7281 0.0800781 13.3926 0.0800781Z' fill='%23151316'/%3E%3C/svg%3E");
    height: 14px;
  }

  &.download-link {
    --icon-width: 16px;
  }

  &.download-link::after {
    content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_727_15096)'%3E%3Cpath d='M15 10.334V13.4451C15 13.8577 14.8361 14.2533 14.5444 14.545C14.2527 14.8368 13.857 15.0007 13.4444 15.0007H2.55556C2.143 15.0007 1.74733 14.8368 1.45561 14.545C1.16389 14.2533 1 13.8577 1 13.4451V10.334' stroke='%23151316' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 6.44531L7.88889 10.3342L11.7778 6.44531' stroke='%23151316' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 10.3333V1' stroke='%23151316' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_727_15096'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    height: 16px;
  }

  &.play-link {
    --icon-width: 12px;
  }

  &.play-link::after {
    content: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0V13.0909L12 6.54545L0 0Z' fill='%23151316'/%3E%3C/svg%3E");
    height: 14px;
  }

  &.mail-link {
    --icon-width: 16px;
  }

  &.mail-link::after {
    content: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.6 13.3996C1.16 13.3996 0.783467 13.2431 0.4704 12.93C0.157333 12.6169 0.000533333 12.2401 0 11.7996V2.19961C0 1.75961 0.1568 1.38308 0.4704 1.07001C0.784 0.756943 1.16053 0.600143 1.6 0.599609H14.4C14.84 0.599609 15.2168 0.756409 15.5304 1.07001C15.844 1.38361 16.0005 1.76014 16 2.19961V11.7996C16 12.2396 15.8435 12.6164 15.5304 12.93C15.2173 13.2436 14.8405 13.4001 14.4 13.3996H1.6ZM8 7.79961L1.6 3.79961V11.7996H14.4V3.79961L8 7.79961ZM8 6.19961L14.4 2.19961H1.6L8 6.19961ZM1.6 3.79961V2.19961V11.7996V3.79961Z' fill='%23151316'/%3E%3C/svg%3E");
    height: 14px;
  }

  &.back-link {
    --icon-width: 14px;
    flex-direction: row-reverse;
  }

  &.back-link::before {
    /* left: 32px;
    right: calc(32px + 16px + var(--icon-width)); */
    right: 0;
    left: calc(14px + var(--icon-width));
  }

  &.back-link::after {
    transform: rotate(180deg);
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_44_20289' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23151316'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_44_20289)'%3E%3Cpath d='M13.4798 10.8334H3.33398V9.16671H13.4798L8.81315 4.50004L10.0007 3.33337L16.6673 10L10.0007 16.6667L8.81315 15.5L13.4798 10.8334Z' fill='%23151316'/%3E%3C/g%3E%3C/svg%3E");
    height: 20px;
  }

  &.cross-link {
    --icon-width: 20px;
  }

  &.cross-link::after {
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_44_20289' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23151316'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_44_20289)'%3E%3Cpath d='M13.4798 10.8334H3.33398V9.16671H13.4798L8.81315 4.50004L10.0007 3.33337L16.6673 10L10.0007 16.6667L8.81315 15.5L13.4798 10.8334Z' fill='%23151316'/%3E%3C/g%3E%3C/svg%3E");
    height: 20px;
  }

  &::before {
    content: "";
    position: absolute;
    /* bottom: 9px;
    left: 32px;
    right: calc(32px + 8px + var(--icon-width)); */
    bottom: 0;
    left: 0;
    right: calc(8px + var(--icon-width));
    height: 2px;
    background-image: var(--rc-grad-warmth);
    transition: all 0.3s ease-in-out;
  }

  @media screen and (min-width: 600px) {
    &:hover {
      background: transparent;
    }


    &:hover::before {
      left: calc(100% - 8px - var(--icon-width));
    }

    &.back-link:hover::before {
      right: 0;
      left: 100%;
    }
  }

  &:focus,
  &:focus-visible {
    box-shadow: 0px 2px 5px 0px #CD83FF73;
    outline: none;
    border: 2px solid #151316;
    padding: 8px 30px;

    &::before {
      left: calc(100% - 8px - var(--icon-width));
    }
  }

  &:disabled {
    color: #A09EA2;
    cursor: not-allowed;
  }
}

.wp-block-button.is-style-rc-tertiary.cross-link,
.rc-btn.tertiary.cross-link {
  --icon-width: 20px;
}

.wp-block-button.is-style-rc-tertiary.cross-link *::after,
.rc-btn.tertiary.cross-link *::after {
  content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_44_20289' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23151316'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_44_20289)'%3E%3Cpath d='M13.4798 10.8334H3.33398V9.16671H13.4798L8.81315 4.50004L10.0007 3.33337L16.6673 10L10.0007 16.6667L8.81315 15.5L13.4798 10.8334Z' fill='%23151316'/%3E%3C/g%3E%3C/svg%3E");
  height: 20px;
}

.wp-block-button.is-style-rc-tertiary.external-link,
.rc-btn.tertiary.external-link {
  --icon-width: 14px;
}

.wp-block-button.is-style-rc-tertiary.external-link *::after,
.rc-btn.tertiary.external-link *::after {
  content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3923 8.39232C13.0568 8.39232 12.7846 8.66453 12.7846 9L12.7846 11.155C12.7846 12.0537 12.0537 12.7846 11.155 12.7846H2.84503C1.94633 12.7846 1.21536 12.0537 1.21536 11.155V2.84503C1.21536 1.94633 1.94633 1.21536 2.84503 1.21536L4.99968 1.21536C5.33515 1.21536 5.60736 0.943153 5.60736 0.60768C5.60736 0.272207 5.33547 0 5 0H2.84503C1.27636 0 0 1.27636 0 2.84503V11.155C0 12.7236 1.27636 14 2.84503 14H11.155C12.7236 14 14 12.7236 14 11.155L14 9C14 8.66453 13.7278 8.39232 13.3923 8.39232Z' fill='%23151316'/%3E%3Cpath d='M13.3926 0.0800781H9.23782C8.90234 0.0800781 8.63014 0.352285 8.63014 0.687758C8.63014 1.02323 8.90234 1.29544 9.23782 1.29544H11.8207L6.5696 6.57151C6.33276 6.80933 6.33373 7.19412 6.57155 7.43096C6.68997 7.54906 6.84506 7.60778 7.00014 7.60778C7.15522 7.60778 7.31225 7.54809 7.431 7.42869L12.7849 2.04912V4.84256C12.7849 5.17804 13.0571 5.45024 13.3926 5.45024C13.7281 5.45024 14.0003 5.17804 14.0003 4.84256V0.687758C14.0003 0.352285 13.7281 0.0800781 13.3926 0.0800781Z' fill='%23151316'/%3E%3C/svg%3E");
  height: 14px;
}

.wp-block-button.is-style-rc-tertiary.download-link,
.rc-btn.tertiary.download-link {
  --icon-width: 16px;
}

.wp-block-button.is-style-rc-tertiary.download-link *::after,
.rc-btn.tertiary.download-link *::after {
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_727_15096)'%3E%3Cpath d='M15 10.334V13.4451C15 13.8577 14.8361 14.2533 14.5444 14.545C14.2527 14.8368 13.857 15.0007 13.4444 15.0007H2.55556C2.143 15.0007 1.74733 14.8368 1.45561 14.545C1.16389 14.2533 1 13.8577 1 13.4451V10.334' stroke='%23151316' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 6.44531L7.88889 10.3342L11.7778 6.44531' stroke='%23151316' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 10.3333V1' stroke='%23151316' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_727_15096'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  height: 16px;
}

.wp-block-button.is-style-rc-tertiary.play-link,
.rc-btn.tertiary.play-link {
  --icon-width: 12px;
}

.wp-block-button.is-style-rc-tertiary.play-link *::after,
.rc-btn.tertiary.play-link *::after {
  content: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0V13.0909L12 6.54545L0 0Z' fill='%23151316'/%3E%3C/svg%3E");
  height: 14px;
}

.wp-block-button.is-style-rc-tertiary.mail-link,
.rc-btn.tertiary.mail-link {
  --icon-width: 16px;
}

.wp-block-button.is-style-rc-tertiary.mail-link *::after,
.rc-btn.tertiary.mail-link *::after {
  content: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.6 13.3996C1.16 13.3996 0.783467 13.2431 0.4704 12.93C0.157333 12.6169 0.000533333 12.2401 0 11.7996V2.19961C0 1.75961 0.1568 1.38308 0.4704 1.07001C0.784 0.756943 1.16053 0.600143 1.6 0.599609H14.4C14.84 0.599609 15.2168 0.756409 15.5304 1.07001C15.844 1.38361 16.0005 1.76014 16 2.19961V11.7996C16 12.2396 15.8435 12.6164 15.5304 12.93C15.2173 13.2436 14.8405 13.4001 14.4 13.3996H1.6ZM8 7.79961L1.6 3.79961V11.7996H14.4V3.79961L8 7.79961ZM8 6.19961L14.4 2.19961H1.6L8 6.19961ZM1.6 3.79961V2.19961V11.7996V3.79961Z' fill='%23151316'/%3E%3C/svg%3E");
  height: 14px;
}

.wp-block-button.is-style-rc-tertiary.back-link,
.rc-btn.tertiary.back-link {
  --icon-width: 14px;
  flex-direction: row-reverse;
}

.wp-block-button.is-style-rc-tertiary.back-link>*,
.rc-btn.tertiary.back-link>* {
  flex-direction: row-reverse;
}

.wp-block-button.is-style-rc-tertiary.back-link>*::before,
.rc-btn.tertiary.back-link>*::before {
  /* right: 32px;
  left: calc(32px + 16px + var(--icon-width)); */
  right: 0;
  left: calc(14px + var(--icon-width));
}

@media screen and (min-width: 600px) {
  .wp-block-button.is-style-rc-tertiary.back-link:hover>*::before,
  .rc-btn.tertiary.back-link:hover>*::before {
    /* right: calc(100% - 16px - var(--icon-width));
    left: calc(16px + var(--icon-width)); */

    right: 0;
    left: 100%;
  }
}

.wp-block-button.is-style-rc-tertiary.back-link>*::after,
.rc-btn.tertiary.back-link>*::after {
  transform: rotate(180deg);
  content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_44_20289' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23151316'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_44_20289)'%3E%3Cpath d='M13.4798 10.8334H3.33398V9.16671H13.4798L8.81315 4.50004L10.0007 3.33337L16.6673 10L10.0007 16.6667L8.81315 15.5L13.4798 10.8334Z' fill='%23151316'/%3E%3C/g%3E%3C/svg%3E");
  height: 20px;
}

.has-background {
  .is-style-rc-tertiary .wp-element-button,
  .wp-block-button.is-style-rc-tertiary>*,
  .rc-btn.tertiary,
  .rc-btn.tertiary * {
    color: currentColor;
    /* color: var(--wp--preset--color--white); */
  }

  .is-style-rc-tertiary {
    &.cross-link >*::after {
      content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_44_20289' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_44_20289)'%3E%3Cpath d='M13.4798 10.8334H3.33398V9.16671H13.4798L8.81315 4.50004L10.0007 3.33337L16.6673 10L10.0007 16.6667L8.81315 15.5L13.4798 10.8334Z' fill='%23D9D9D9'/%3E%3C/g%3E%3C/svg%3E");
    }

    &.external-link >*::after {
      content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3923 8.39232C13.0568 8.39232 12.7846 8.66453 12.7846 9L12.7846 11.155C12.7846 12.0537 12.0537 12.7846 11.155 12.7846H2.84503C1.94633 12.7846 1.21536 12.0537 1.21536 11.155V2.84503C1.21536 1.94633 1.94633 1.21536 2.84503 1.21536L4.99968 1.21536C5.33515 1.21536 5.60736 0.943153 5.60736 0.60768C5.60736 0.272207 5.33547 0 5 0H2.84503C1.27636 0 0 1.27636 0 2.84503V11.155C0 12.7236 1.27636 14 2.84503 14H11.155C12.7236 14 14 12.7236 14 11.155L14 9C14 8.66453 13.7278 8.39232 13.3923 8.39232Z' fill='%23D9D9D9'/%3E%3Cpath d='M13.3926 0.0800781H9.23782C8.90234 0.0800781 8.63014 0.352285 8.63014 0.687758C8.63014 1.02323 8.90234 1.29544 9.23782 1.29544H11.8207L6.5696 6.57151C6.33276 6.80933 6.33373 7.19412 6.57155 7.43096C6.68997 7.54906 6.84506 7.60778 7.00014 7.60778C7.15522 7.60778 7.31225 7.54809 7.431 7.42869L12.7849 2.04912V4.84256C12.7849 5.17804 13.0571 5.45024 13.3926 5.45024C13.7281 5.45024 14.0003 5.17804 14.0003 4.84256V0.687758C14.0003 0.352285 13.7281 0.0800781 13.3926 0.0800781Z' fill='%23D9D9D9'/%3E%3C/svg%3E");
    }

    &.download-link >*::after {
      content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_727_15096)'%3E%3Cpath d='M15 10.334V13.4451C15 13.8577 14.8361 14.2533 14.5444 14.545C14.2527 14.8368 13.857 15.0007 13.4444 15.0007H2.55556C2.143 15.0007 1.74733 14.8368 1.45561 14.545C1.16389 14.2533 1 13.8577 1 13.4451V10.334' stroke='%23D9D9D9' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 6.44531L7.88889 10.3342L11.7778 6.44531' stroke='%23D9D9D9' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 10.3333V1' stroke='%23D9D9D9' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_727_15096'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    }

    &.play-link >*::after {
      content: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0V13.0909L12 6.54545L0 0Z' fill='%23D9D9D9'/%3E%3C/svg%3E");
    }

    &.mail-link >*::after {
      content: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.6 13.3996C1.16 13.3996 0.783467 13.2431 0.4704 12.93C0.157333 12.6169 0.000533333 12.2401 0 11.7996V2.19961C0 1.75961 0.1568 1.38308 0.4704 1.07001C0.784 0.756943 1.16053 0.600143 1.6 0.599609H14.4C14.84 0.599609 15.2168 0.756409 15.5304 1.07001C15.844 1.38361 16.0005 1.76014 16 2.19961V11.7996C16 12.2396 15.8435 12.6164 15.5304 12.93C15.2173 13.2436 14.8405 13.4001 14.4 13.3996H1.6ZM8 7.79961L1.6 3.79961V11.7996H14.4V3.79961L8 7.79961ZM8 6.19961L14.4 2.19961H1.6L8 6.19961ZM1.6 3.79961V2.19961V11.7996V3.79961Z' fill='%23D9D9D9'/%3E%3C/svg%3E");
    }

    &.back-link >*::after {
      content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_44_20289' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_44_20289)'%3E%3Cpath d='M13.4798 10.8334H3.33398V9.16671H13.4798L8.81315 4.50004L10.0007 3.33337L16.6673 10L10.0007 16.6667L8.81315 15.5L13.4798 10.8334Z' fill='%23D9D9D9'/%3E%3C/g%3E%3C/svg%3E");
    }
  }

  .rc-btn.tertiary {
    &.cross-link::after {
      content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_44_20289' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_44_20289)'%3E%3Cpath d='M13.4798 10.8334H3.33398V9.16671H13.4798L8.81315 4.50004L10.0007 3.33337L16.6673 10L10.0007 16.6667L8.81315 15.5L13.4798 10.8334Z' fill='%23D9D9D9'/%3E%3C/g%3E%3C/svg%3E");
    }

    &.external-link::after {
      content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3923 8.39232C13.0568 8.39232 12.7846 8.66453 12.7846 9L12.7846 11.155C12.7846 12.0537 12.0537 12.7846 11.155 12.7846H2.84503C1.94633 12.7846 1.21536 12.0537 1.21536 11.155V2.84503C1.21536 1.94633 1.94633 1.21536 2.84503 1.21536L4.99968 1.21536C5.33515 1.21536 5.60736 0.943153 5.60736 0.60768C5.60736 0.272207 5.33547 0 5 0H2.84503C1.27636 0 0 1.27636 0 2.84503V11.155C0 12.7236 1.27636 14 2.84503 14H11.155C12.7236 14 14 12.7236 14 11.155L14 9C14 8.66453 13.7278 8.39232 13.3923 8.39232Z' fill='%23D9D9D9'/%3E%3Cpath d='M13.3926 0.0800781H9.23782C8.90234 0.0800781 8.63014 0.352285 8.63014 0.687758C8.63014 1.02323 8.90234 1.29544 9.23782 1.29544H11.8207L6.5696 6.57151C6.33276 6.80933 6.33373 7.19412 6.57155 7.43096C6.68997 7.54906 6.84506 7.60778 7.00014 7.60778C7.15522 7.60778 7.31225 7.54809 7.431 7.42869L12.7849 2.04912V4.84256C12.7849 5.17804 13.0571 5.45024 13.3926 5.45024C13.7281 5.45024 14.0003 5.17804 14.0003 4.84256V0.687758C14.0003 0.352285 13.7281 0.0800781 13.3926 0.0800781Z' fill='%23D9D9D9'/%3E%3C/svg%3E");
    }

    &.download-link::after {
      content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_727_15096)'%3E%3Cpath d='M15 10.334V13.4451C15 13.8577 14.8361 14.2533 14.5444 14.545C14.2527 14.8368 13.857 15.0007 13.4444 15.0007H2.55556C2.143 15.0007 1.74733 14.8368 1.45561 14.545C1.16389 14.2533 1 13.8577 1 13.4451V10.334' stroke='%23D9D9D9' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 6.44531L7.88889 10.3342L11.7778 6.44531' stroke='%23D9D9D9' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 10.3333V1' stroke='%23D9D9D9' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_727_15096'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    }

    &.play-link::after {
      content: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0V13.0909L12 6.54545L0 0Z' fill='%23D9D9D9'/%3E%3C/svg%3E");
    }

    &.mail-link::after {
      content: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.6 13.3996C1.16 13.3996 0.783467 13.2431 0.4704 12.93C0.157333 12.6169 0.000533333 12.2401 0 11.7996V2.19961C0 1.75961 0.1568 1.38308 0.4704 1.07001C0.784 0.756943 1.16053 0.600143 1.6 0.599609H14.4C14.84 0.599609 15.2168 0.756409 15.5304 1.07001C15.844 1.38361 16.0005 1.76014 16 2.19961V11.7996C16 12.2396 15.8435 12.6164 15.5304 12.93C15.2173 13.2436 14.8405 13.4001 14.4 13.3996H1.6ZM8 7.79961L1.6 3.79961V11.7996H14.4V3.79961L8 7.79961ZM8 6.19961L14.4 2.19961H1.6L8 6.19961ZM1.6 3.79961V2.19961V11.7996V3.79961Z' fill='%23D9D9D9'/%3E%3C/svg%3E");
    }

    &.back-link::after {
      content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_44_20289' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_44_20289)'%3E%3Cpath d='M13.4798 10.8334H3.33398V9.16671H13.4798L8.81315 4.50004L10.0007 3.33337L16.6673 10L10.0007 16.6667L8.81315 15.5L13.4798 10.8334Z' fill='%23D9D9D9'/%3E%3C/g%3E%3C/svg%3E");
    }
  }
}

/* Site Header */
@media screen and (max-width: 990px) {
  body:has(#site-navigation .menu-toggle.open) {
    /* prevent scrolling */
    overflow: hidden;
    /* &::before {
      content: "";
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.5);
      z-index: 10;
      opacity: 1;
    } */
  }
}

@media screen and (min-width: 990px) {
  /* body {
    &::before {
      content: "";
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      background: rgba(0, 0, 0, 0.5);
      z-index: 10;
      opacity: 0;
      transition: all 0.3s ease-in-out;
    }
  } */

  body:has(#primary-menu li.open-sub-menu) {
    /* prevent scrolling */
    overflow: hidden;
    /* &::before {
      content: "";
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.5);
      z-index: 10;
      opacity: 1;
    } */
  }

  .menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10;
    opacity: 0;
    transition: all 0.3s ease-in-out;
  }

  header.site-header:has(#primary-menu li.open-sub-menu) {
    + .menu-overlay {
      opacity: 1;
      bottom: 0;
    }
  }
}
nav ul li.external-link>a {
  display: inline-flex;
  align-items: center;
}
nav ul li.external-link>a::after {
  content: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_1555_950' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1555_950)'%3E%3Cpath d='M6.29425 17.6443L5.25 16.6L15.0905 6.75H6.14425V5.25H17.6443V16.75H16.1443V7.80375L6.29425 17.6443Z' fill='%231C1B1F'/%3E%3C/g%3E%3C/svg%3E%0A");
  margin-left: 8px;
  line-height: 1;
}

:root {
  --header-height: 76px;
  scroll-padding-block-start: var(--header-height);

  @media screen and (max-width: 990px) {
    --header-height: 64px;
  }
}

header.site-header {
  height: var(--header-height);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  transition: transform 0.3s ease-in-out;

  &.header-hidden {
    transform: translateY(-100%);
  }

  a.custom-logo-link img {
    height: 24px;
    width: auto;
  }

  .site-header-container {
    border-bottom: 2px solid;
    border-image: var(--rc-grad-warmth) 1;
    background: white;
  }

  nav {

    @media screen and (min-width: 990px) {
      height: 100%;
    }
    

    .menu-header-nav-container {
      height: 100%;
    }

    .menu-toggle {
      display: none;

      @media screen and (max-width: 990px) {
        display: block;
      }

      .menu-icon {
        width: 24px;
        height: 24px;
        display: grid;
        place-items: center;

        .menu-icon-wrapper {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          height: 12px;
        }
        span.menu-icon-bar {
          display: block;
          height: 2px;
          width: 16px;
          background: #000;
          transition: all 0.3s ease-in-out;
        }
      }

      &.open {
        .menu-icon-bar:first-of-type {
          transform: translateY(5px) rotate(135deg);
        }
        .menu-icon-bar:nth-of-type(2) {
          opacity: 0;
        }
        .menu-icon-bar:last-of-type {
          transform: translateY(-5px) rotate(-135deg);
        }
      }
    }

    ul.menu {
      display: flex;
      align-items: center;
      height: 100%;

      @media screen and (max-width: 990px) {
        display: none;

        &.open {
          display: block;
          position: fixed;
          top: var(--header-height);
          left: 0;
          right: 0;
          bottom: 0;
          height: 100%;
          background: white;
          padding: 32px 20px;
        }
      }

      > li {

        @media screen and (min-width: 990px) {
          height: 100%;
          display: flex;
          align-items: center;
          margin-bottom: -4px;

          &:first-of-type {
            padding-left: 100px;
          }
        }
       
        &.menu-item-has-children:has(.current-page-ancestor)>a,
        &.current-menu-parent>a {

          @media screen and (min-width: 990px) {
            &::before {
              content: "";
              position: absolute;
              bottom: 7px;
              left: 32px;
              right: 32px;
              height: 2px;
              background-image: var(--rc-grad-brand);
            }
          }
        }

        > a {
          padding: 10px 32px;
          text-decoration: none;
          color: #000;
          position: relative;

          @media screen and (min-width: 990px) {
            &:hover {
              font-weight: 700;
              color: var(--rc-blue);

            }
          }

          @media screen and (max-width: 990px) {
            font-size: 3.2rem;
            font-weight: 700;
            line-height: 1.125;
            padding: 0;
            display: flex;
            justify-content: space-between;
            align-items: center;

            &::after {
              content: "";
              display: inline-block;
              margin-left: 0.9rem;
              margin-right: 0.9rem;
              width: 0;
              height: 0;
              border-left: 4px solid transparent;
              border-right: 4px solid transparent;
              border-top: 4px solid black; /* ▼ filled triangle */
              transition: all 0.3s ease-in-out;
            }
          }
        }

        &.open-sub-menu > a {
          font-weight: 700;

          @media screen and (min-width: 990px) {
            &::before {
              content: "";
              position: absolute;
              bottom: 7px;
              left: 32px;
              right: 32px;
              height: 2px;
              background-image: var(--rc-grad-brand);
              transition: all 0.3s ease-in-out;
            }
          }

          @media screen and (max-width: 990px) {
            &::after {
              transform: rotate(180deg);
            }
          }

        }

        div.sub-menu-wrapper {
          position: absolute;
          z-index: -1;
          bottom: 120px;
          left: 0;
          right: 0;
          background-color: white;
          min-height: 290px;
          transition: all 0.3s ease-in-out;

          @media screen and (max-width: 990px) {
            position: static;
            min-height: unset;
            height: 0;
            box-shadow: none;
            border: none;
            transform: none;
            padding: 0;
            margin: 0;
          }

          div.sub-menu-container {
            display: flex;
            padding-top: 32px;
            padding-bottom: 32px;

            @media screen and (max-width: 990px) {
              padding-top: 10px;
              padding-bottom: 0px;
            }

            &>* {
              flex: 1;
            }

            div.sub-menu-parent-text {
              font-family: 'Helvetica Now Display', sans-serif;
              font-size: 3.2rem;
              line-height: 1.125;
              font-weight: 700;
              color: black;
              padding-right: 64px;

              @media screen and (max-width: 990px) {
                display: none;
              }
            }

            ul.sub-menu {
              display: grid;
              grid-template-columns: repeat(2, 1fr);
              padding-left: 64px;
              row-gap: 32px;
              li {
                padding: 10px 0;
                a {
                  color: black;
                  text-decoration: none;

                  @media screen and (min-width: 600px) {

                    &:hover {
                      color: var(--rc-blue);
                    }
                  }

                  @media screen and (min-width: 990px) {
                    &:hover {
                      text-decoration: underline;
                    }
                  }
                }

                &.current-page-ancestor a,
                &.current-menu-item a {
                  text-decoration: underline;
                }
              }

              @media screen and (max-width: 990px) {
                grid-template-columns: 1fr;
                padding-left: 0;
                row-gap: 10px;

                li {
                  padding: 0;
                }
              }
            }
          }
        }

        &.open-sub-menu > div.sub-menu-wrapper {
          

          @media screen and (min-width: 990px) {
            bottom: 0px;
            transform: translateY(100%);

            &::before {
              content: "";
              position: absolute;
              width: 2px;
              height: 100%;
              left: 50%;
              background: #eaeaeb;
            }
          }

          height: auto;
        }

        @media screen and (max-width: 990px) {
          margin-bottom: 24px;
          overflow: hidden;

          &>a {
            border-bottom: 1px solid transparent;
            padding-bottom: 5px!important;
          }

          &.open-sub-menu>a {
            border-bottom: 1px solid;
            border-image: var(--rc-grad-brand) 1;
          }
        }

      }
    }
  }

}


/* Site Footer */

footer.site-footer {
  .footer-wrapper {
    background-color: #151316;
    padding-top: 73px;
    padding-bottom: 73px;
    background-image: url('./images/Grid.png');
    background-repeat: repeat-y;
    background-size: 526px;
    background-position: calc(100% + 260px) top;

    @media screen and (max-width: 990px) {
      background-image: url('./images/Grid-mobile.png');
      background-repeat: no-repeat;
      background-size: 76px;
      background-position: right top;
      padding-top: 30px;
      padding-bottom: 40px;
    }

    .footer-container {

      @media screen and (min-width: 990px) {
        padding-right: 260px;
      }

      ul#footer-nav {
        display: flex;
        flex-wrap: wrap;
        gap: 39px;

        &>li {

          min-width: 231px;

          &>a {
            color: white;
            text-decoration: none;
            font-size: 2.4rem;
            line-height: 1.167;
            font-family: 'Helvetica Now Display', sans-serif;
            font-weight: 700;
            padding-bottom: 5px;
            border-bottom: 1px solid;
            border-image: var(--rc-grad-brand) 1;
            display: block;
          }

          ul.sub-menu {
            padding-top: 10px;
            padding-bottom: 10px;

            li {

              padding-bottom: 10px;

              @media screen and (max-width: 990px) {
                padding-top: 10px;
              }

              &:last-of-type {
                padding-bottom: 0;
              }

              a {
                color: #BFBEC0;
                text-decoration: none;
              }
            }
            li.external-link>a {
              &::after {
                content: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_1555_950' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23BFBEC0'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1555_950)'%3E%3Cpath d='M6.29425 17.6443L5.25 16.6L15.0905 6.75H6.14425V5.25H17.6443V16.75H16.1443V7.80375L6.29425 17.6443Z' fill='%23BFBEC0'/%3E%3C/g%3E%3C/svg%3E%0A")
              }
            }
          }
        }
      }

      .footer-credits {
        display: flex;
        gap: 40px;
        align-items: center;
        margin-top: 72px;
        margin-bottom: 40px;

        @media screen and (max-width: 990px) {
          margin-top: 54px;
          margin-bottom: 24px;
          gap: 24px;
        }

        p {
          margin: 0;
          color: white;
          font-size: 1.2rem;
        }
      }

      nav#footer-utility-menu {
        ul#footer-menu {
          display: flex;
          flex-wrap: wrap;
          gap: 24px 16px;

          li {
            a {
              color: white;
              font-size: 1.2rem;
            }

            &.ot-sdk-show-settings {
              color: white;
              font-size: 1.2rem;
              cursor: pointer;
              text-decoration: underline;
              line-height: 2.3;
            }
          }
        }
      }
    }
  }
}


/* Site Main Content Area */

main.site-main {

  #home-hero {
    min-height: calc(100svh - var(--header-height));
  }

  ul.wp-block-list {
    list-style: square;
  }

}

/* Case Study Template */

main.site-main.case-study-main {
  .case-study-template {

    position: relative;
    /* overflow: hidden; */
    background: #FFFFFF;

    &::before {
      content: "";
      position: absolute;
      width: 1111px;
      max-width: 80%;
      height: 293px;
      left: 50%;
      transform: translateX(-50%);
      bottom: -281px;
      background: radial-gradient(
                    ellipse at 13.08% 81.13%, 
                    #4500F9 0%, 
                    #8752FA 30.29%, 
                    #CD83FF 67.31%, 
                    #FF5001 100%
                  ), #D9D9D9;
      filter: blur(150px);
      z-index: 1;
    }

    
    .case-study-header {
      aspect-ratio: 1280 / 330;
      overflow: hidden;

      @media screen and (max-width: 768px) {
        aspect-ratio: unset;
        height: 300px;
        
      }

      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: bottom center;
      }

    }
    .case-study-container {
      display: grid;
      grid-template-columns: 43.18% 56.82%;
      position: relative;
      z-index: 2;
      padding-bottom: 120px;

      @media screen and (max-width: 768px) {
        grid-template-columns: 1fr;
        --padding: 16px;
        padding-top: 64px;
        padding-bottom: 64px;
      }

      &::before {
        content: "";
        position: absolute;
        top: -25.78vw;
        bottom: 0;
        left: var(--padding);
        width: 2px;
        background: #eaeaeb;
        pointer-events: none;

        @media screen and (max-width: 768px) {
          top: -300px;
        }
      }

      .case-study-header-content {
        padding: 42px 50px;
        height: 100%;

        @media screen and (max-width: 768px) {
          padding: 0 16px;
          text-align: center;
        }

        .case-study-header-content-inner {
          position: sticky;
          top: calc(var(--header-height) + 32px);
        }
        
        .case-study-title {
          font-size: 3.2rem;
          line-height: 1.125;
          font-weight: 500;
        }

        .case-study-category-container {
          display: inline-block;
          padding: 6px 16px;
          border: 1px solid #A09EA2;
          font-size: 1.4rem;
          font-weight: 500;
          line-height: 2rem;
          letter-spacing: 0.01rem;
          margin-top: 24px;
        }

      }

      .case-study-blocks {

        .container-block {
          padding-bottom: 32px;
        }
        .container-xl {
          --padding: 0;

          @media screen and (max-width: 768px) {
            --padding: 16px;
          }
        }

        .acf-innerblocks-container>* {
          margin-bottom: 32px;

          &:last-child {
            margin-bottom: 0;
          }
        }

        p {
          color: #1B191D;
        }

        .stats-block {
          .stat:first-child {
            padding-left: 0;
          }
          .stat:last-child {
            padding-right: 0;
          }

          .value {
            font-size: 3.2rem;
            letter-spacing: 0;
          }
        }

        .video-block .video-embed {
          margin: 0;
        }
      }

    }
  }

  + footer.site-footer {
    position: relative;
    z-index: 2;
  }
}

/* Single Post Template */

main.site-main.single-post-main {
  .single-post-template {

    position: relative;
    overflow: hidden;
    background: #FFFFFF;

    /* &::before {
      content: "";
      position: absolute;
      width: 1111px;
      max-width: 80%;
      height: 293px;
      left: 50%;
      transform: translateX(-50%);
      bottom: -281px;
      background: radial-gradient(
                    ellipse at 13.08% 81.13%, 
                    #4500F9 0%, 
                    #8752FA 30.29%, 
                    #CD83FF 67.31%, 
                    #FF5001 100%
                  ), #D9D9D9;
      filter: blur(150px);
      z-index: 1;
    } */

    
    .single-post-header {
      aspect-ratio: 1280 / 330;
      overflow: hidden;

      @media screen and (max-width: 768px) {
        aspect-ratio: unset;
        height: 300px;
        
      }

      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
      }

    }
    .single-post-container {

      &.container-xl {
        @media screen and (max-width: 768px) {
          --padding: 16px!important;
        }
        
      }

      &::before {
        content: "";
        position: absolute;
        top: -25.78vw;
        bottom: -50px;
        left: var(--padding);
        width: 2px;
        background: #eaeaeb;
        pointer-events: none;

        @media screen and (max-width: 768px) {
          top: -300px;
        }
      }

      .single-post-header-content {

        margin-top: 80px;
        padding-bottom: 24px;
        border-bottom: 1px solid #151316;
        margin-bottom: 48px;

        @media screen and (max-width: 1200px) {
          padding: 0;
          margin: 40px 16px;
          border-bottom: none;
        }

        .single-post-header-content-inner {
        }
        
        .single-post-title {
          font-size: 4rem;
          line-height: 1.2;
          font-weight: 700;
          margin-top: 16px;
          margin-bottom: 24px;
        }

        ul.single-post-tags {
          list-style: none;
          padding: 0;
          margin: 0;
          display: flex;
          gap: 8px;
          flex-wrap: wrap;

          li.single-post-tag {
            font-size: 1.4rem;
            padding: 8px 12px;
            background-color: #8752FA1A;
          }
        }

        .single-post-meta {
          display: flex;
          justify-content: space-between;
          align-items: center;

          @media screen and (max-width: 1200px) {
            flex-direction: column;
            align-items: stretch;
            gap: 0px;
          }

          .single-post-date {
            font-weight: 500;

            @media screen and (max-width: 1200px) {
              margin-bottom: 24px;
              padding-bottom: 24px;
              border-bottom: 1px solid #151316;
              text-align: left;
            }
          }

          a {
            text-decoration: none;
            color: inherit;
            padding: 4px;
            display: block;

            &:hover {
              text-decoration: none;
            }
            &:focus,
            &:focus-visible {
              outline: none;
              border: none;
              box-shadow: none;
              padding: 4px;
            }
          }

          .single-post-share {
            display: flex;
            align-items: center;
            gap: 8px;
          }
        }

      }

      .single-post-blocks {

        .container-block {
          padding-bottom: 32px;
        }
        .container-xl {
          --padding: 0;

          @media screen and (max-width: 1200px) {
            --padding: 16px;
          }
        }

        .acf-innerblocks-container>* {
          margin-bottom: 32px;

          &:last-child {
            margin-bottom: 0;
          }
        }

        p {
          color: #1B191D;
        }

        .stats-block {
          .stat:first-child {
            padding-left: 0;
          }
          .stat:last-child {
            padding-right: 0;
          }

          .value {
            font-size: 3.2rem;
            letter-spacing: 0;
          }
        }

        .video-block .video-embed {
          margin: 0;
        }

        padding-bottom: 80px;
      }

      .dive-deeper-section {
        padding-top: 80px;
        padding-bottom: 80px;
        position: relative;

        &::before {
          content: "";
          position: absolute;
          top: 0;
          left: 50%;
          transform: translateX(-50%);
          width: 150vw;
          height: 2px;
          background: #EAEAEB;
        }

        @media screen and (max-width: 768px) {
          padding-top: 40px;
          padding-bottom: 40px;
        }

        .dive-deeper-title {
          font-size: 3.2rem;
          line-height: 1.125;
          font-weight: 500;
          margin-bottom: 32px;

          @media screen and (max-width: 768px) {
            text-align: center;
          }
        }
        .dive-deeper-posts {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          gap: 16px;

          @media screen and (max-width: 990px) {
            grid-template-columns: 1fr 1fr;
          }

          @media screen and (max-width: 600px) {
            grid-template-columns: 1fr;
          }

          a.dive-deeper-post-card {
            display: flex;
            padding: 12px;
            gap: 8px;
            border: 1px solid #151316;
            height: 100%;
            flex-direction: column;
            color: #151316;
            text-decoration: none;

            .dive-deeper-post-image-wrapper {
              width: 100%;
              aspect-ratio: 16 / 9;
              overflow: hidden;

              img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center center;
                transition: all 0.3s ease-in-out;
                &:hover {
                  transform: scale(1.05);
                }
              }
            }

            ul.dive-deeper-post-tags {
              list-style: none;
              padding: 0;
              margin: 0;
              display: flex;
              flex-wrap: wrap;
              gap: 8px;

              li.dive-deeper-post-tag {
                font-size: 1.4rem;
                padding: 8px 12px;
                background-color: #8752FA1A;
                text-align: center;
              }
            }

            .dive-deeper-post-title {
              font-size: 2rem;
              line-height: 1.4;
              font-weight: 500;
            }

            .dive-deeper-post-date {
              margin-top: auto;
              font-size: 1.4rem;
              font-weight: 500;
            }

            &:hover,
            &:focus,
            &:focus-visible {
              border-radius: unset;
              box-shadow: none;
              text-decoration: none;
            }
          }
        }
      }

      .single-post-blocks,
      .dive-deeper-section {
        @media screen and (max-width: 1200px) {
          margin: 0 16px;
        }
      }
    }
  }

  + footer.site-footer {
    position: relative;
    z-index: 2;
  }
}

/* News Archive Template */

main.site-main.news-archive-main {

  .news-archive-template {
    position: relative;
    overflow: hidden;

    .news-archive-header {
      padding: 80px 0 40px;

      @media screen and (max-width: 768px) {
        padding: 60px 0 40px;
      }

      .news-archive-title {
        margin-bottom: 16px;
        font-weight: 700;
      }

      .news-archive-description {
        font-size: 2rem;
        line-height: 1.5;

        @media screen and (max-width: 768px) {
          font-size: 1.6rem;
        }
      }
    }

    .news-archive-content {
      padding: 80px 0;

      @media screen and (max-width: 768px) {
        padding: 20px 0;
      }

      .news-archive-list {
        display: flex;
        flex-direction: column;
        margin-bottom: 48px;

        @media screen and (max-width: 768px) {
          margin-bottom: 40px;
        }
      }

      .news-archive-item {
        position: relative;
        border-bottom: 1px solid #151316;
        transition: border-color 0.3s ease, box-shadow 0.3s ease;

        &:hover {
          border-color: var(--rc-purple);
        }

        &:focus-within {
          border-color: var(--rc-purple);
        }
      }

      .news-archive-link {
        display: grid;
        grid-template-columns: 200px 364px 1fr;
        gap: 56px;
        text-decoration: none;
        color: inherit;
        padding: 24px 0;
        color: #151316;

        @media screen and (max-width: 1024px) {
          grid-template-columns: 120px 300px 1fr;
        }

        @media screen and (max-width: 768px) {
          grid-template-columns: 1fr;
          gap: 16px;
          padding: 16px 0;
        }

        &:hover {
          text-decoration: none;
        }

        &:focus,
        &:focus-visible {
          box-shadow: none;
          outline: none;
          padding: 24px 0;
          border: none;
          border-radius: 0;
          text-decoration: none;
        }
      }

      .news-archive-date-column {
        display: flex;

        .news-archive-date {
          display: block;
        }
      }

      .news-archive-content-column {
        
      }

      .news-archive-image {
        width: 100%;
        aspect-ratio: 16 / 9;
        overflow: hidden;
        background: var(--soft-gray);
        position: relative;

        img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: transform 0.5s ease;
        }

        .news-archive-item:hover & img {
          transform: scale(1.05);
        }
      }

      .news-archive-image-placeholder {
        display: flex;
        align-items: center;
        justify-content: center;

        img {
          max-width: 60%;
          opacity: 0.3;
        }
      }

      .news-archive-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        margin: 0;
        padding: 0;
        list-style: none;
        margin-bottom: 16px;  
      }

      .news-archive-tag {
        display: inline-block;
        padding: 8px 12px;
        font-size: 1.4rem;
        background-color: #8752FA1A;
      }

      .news-archive-item-title {
        font-size: 2.4rem;
        font-weight: 500;
        line-height: 1.333;
        margin: 0;
      }

      .news-archive-excerpt {
        margin: 0;
      }



      .news-archive-empty {
        padding: 80px 40px;
        text-align: center;
        background: var(--soft-gray);
        border-radius: 8px;

        @media screen and (max-width: 768px) {
          padding: 60px 24px;
        }

        p {
          margin: 0;
          font-size: 1.8rem;
          color: #666666;
        }
      }

      /* Pagination Styles */
      .news-archive-pagination {
        display: flex;
        justify-content: center;
        margin-top: 60px;

        @media screen and (max-width: 768px) {
          margin-top: 40px;
        }

        ul.page-numbers {
          display: flex;
          flex-wrap: wrap;
          gap: 8px;
          list-style: none;
          padding: 0;
          margin: 0;
          align-items: center;
          justify-content: center;
          width: 100%;


          li:first-of-type + .page-numbers,
          li:last-of-type:has(.page-numbers.next) {
            margin-left: auto;
          }

           .page-numbers {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 6px;
            font-size: 0;
            text-decoration: none;
            background: #FFFFFF;
            border: 1px solid #151316;
            transition: all 0.3s ease;

            &:hover {
              border-color: var(--rc-purple);
            }

            &:focus,
            &:focus-visible {
              outline: none;
              border: 1px solid #151316;
              box-shadow: none;
              padding: 6px;
              border-radius: 0;
            }

            &.current {
              background: #151316;
              pointer-events: none;
            }

            &.dots {
              border: none;
              font-size: 1.4rem;
              pointer-events: none;
            }

            &.prev,
            &.next {
              padding: 10px;
              background-color: #151316;
              font-size: 1.4rem;
              gap: 8px;

              svg {
                width: 14px;
                height: 14px;
                fill: currentColor;
              }

              &:not(.disabled) {
                color: #FFFFFF;
              }

              &.disabled {
                background-color: #E5E5E5;
                border-color: #E5E5E5;
                color: #999999;
                cursor: not-allowed;
                pointer-events: none;
                opacity: 0.6;
              }
            }
          }
        }
      }
    }
  }
}

/* External Media Archive Styles */
main.site-main.external-media-archive-main {
  .external-media-archive-template {
    position: relative;
    overflow: hidden;
    
    .external-media-archive-header {
      padding: 80px 0 40px;

      @media screen and (max-width: 768px) {
        padding: 60px 0 40px;
      }

      .external-media-archive-title {
        margin-bottom: 16px;
        font-weight: 700;
      }

      .external-media-archive-description {
        font-size: 2rem;
        line-height: 1.5;

        @media screen and (max-width: 768px) {
          font-size: 1.6rem;
        }
      }
    }

    .external-media-archive-content {
      padding: 0 0 80px 0;

      @media screen and (max-width: 768px) {
        padding: 0 0 20px 0;
      }

      .external-media-archive-list {
        display: flex;
        flex-direction: column;
        gap: 0;

        .external-media-archive-item {
          position: relative;
          border-bottom: 1px solid #151316;

          .external-media-archive-link {
            display: block;
            text-decoration: none;
            color: inherit;
            padding: 24px 0;

            @media screen and (max-width: 768px) {
              padding: 20px 0;
            }

            &:focus,
            &:focus-visible {
              border: none;
              box-shadow: none;
              padding: 24px 0;
            }
          }

          .external-media-archive-item-content {
            display: flex;
            flex-direction: column;
            gap: 12px;
          }

          .external-media-archive-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 16px;
          }

          .external-media-archive-tag {
            display: inline-block;
            padding: 6px 12px;
            font-size: 1.4rem;
            line-height: 16px;
            background-color: #8752FA1A;
          }

          .external-media-archive-title {
            font-size: 2.4rem;
            font-weight: 500;
            line-height: 1.25;
            margin: 0;
            color: #151316;
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            gap: 12px;

            .external-link-icon {
              flex-shrink: 0;
              width: 24px;
              height: 24px;
              flex: 0 0 24px;
              transition: transform 0.3s ease;
              position: relative;
              bottom: -32px;
            }

            .external-media-archive-item:hover & .external-link-icon {
              transform: translate(2px, -2px);
            }
          }

          .external-media-archive-date {
            display: block;
            font-size: 1.4rem;
            font-weight: 500;
            font-family: "Helvetica Now Display", Helvetica, sans-serif;
            color: #A09EA2;
          }
        }
      }

      /* Pagination Styles */
      .external-media-archive-pagination {
        display: flex;
        justify-content: center;
        margin-top: 60px;

        @media screen and (max-width: 768px) {
          margin-top: 40px;
        }

        ul.page-numbers {
          display: flex;
          flex-wrap: wrap;
          gap: 8px;
          list-style: none;
          padding: 0;
          margin: 0;
          align-items: center;
          justify-content: center;
          width: 100%;


          li:first-of-type + .page-numbers,
          li:last-of-type:has(.page-numbers.next) {
            margin-left: auto;
          }

           .page-numbers {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 6px;
            font-size: 0;
            text-decoration: none;
            background: #FFFFFF;
            border: 1px solid #151316;
            transition: all 0.3s ease;

            &:hover {
              border-color: var(--rc-purple);
            }

            &:focus,
            &:focus-visible {
              outline: none;
              border: 1px solid #151316;
              box-shadow: none;
              padding: 6px;
              border-radius: 0;
            }

            &.current {
              background: #151316;
              pointer-events: none;
            }

            &.dots {
              border: none;
              font-size: 1.4rem;
              pointer-events: none;
            }

            &.prev,
            &.next {
              padding: 10px;
              background-color: #151316;
              font-size: 1.4rem;
              gap: 8px;

              svg {
                width: 14px;
                height: 14px;
                fill: currentColor;
              }

              &:not(.disabled) {
                color: #FFFFFF;
              }

              &.disabled {
                background-color: #E5E5E5;
                border-color: #E5E5E5;
                color: #999999;
                cursor: not-allowed;
                pointer-events: none;
                opacity: 0.6;
              }
            }
          }
        }
      }
    }
  }
}


/* Case Study Template */

main.site-main.single-event-main {
  .single-event-template {

    position: relative;
    /* overflow: hidden; */
    background: #FFFFFF;

    &::before {
      content: "";
      position: absolute;
      width: 1111px;
      max-width: 80%;
      height: 293px;
      left: 50%;
      transform: translateX(-50%);
      bottom: -281px;
      background: radial-gradient(
                    ellipse at 13.08% 81.13%, 
                    #4500F9 0%, 
                    #8752FA 30.29%, 
                    #CD83FF 67.31%, 
                    #FF5001 100%
                  ), #D9D9D9;
      filter: blur(150px);
      z-index: 1;
    }

    
    .single-event-header {
      aspect-ratio: 1280 / 330;
      overflow: hidden;

      @media screen and (max-width: 768px) {
        aspect-ratio: unset;
        height: 300px;
        
      }

      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
      }

    }
    .single-event-container {
      display: grid;
      grid-template-columns: 43.18% 56.82%;
      position: relative;
      z-index: 2;
      padding-bottom: 120px;

      @media screen and (max-width: 768px) {
        grid-template-columns: 1fr;
        --padding: 16px;
        padding-top: 64px;
        padding-bottom: 64px;
      }

      &::before {
        content: "";
        position: absolute;
        top: -25.78vw;
        bottom: 0;
        left: var(--padding);
        width: 2px;
        background: #eaeaeb;
        pointer-events: none;

        @media screen and (max-width: 768px) {
          top: -300px;
        }
      }

      .single-event-header-content {
        padding: 60px 50px;
        height: 100%;
        /* position: relative; */

        @media screen and (max-width: 768px) {
          padding: 0 16px;
          text-align: center;
        }

        .single-event-header-content-inner {
          position: sticky;
          top: calc(var(--header-height) + 32px);
        }
        
        .single-event-title {
          font-size: 4rem;
          line-height: 1.2;
          font-weight: 700;
          margin-bottom: 24px;
        }

        ul.single-event-tags {
          list-style: none;
          padding: 0;
          margin: 0;
          display: flex;
          gap: 8px;
          flex-wrap: wrap;
          margin-bottom: 16px;

          li.single-event-tag {
            font-size: 1.4rem;
            padding: 8px 12px;
            background-color: #8752FA1A;
          }
        }

        .single-event-meta {
          margin-bottom: 24px;
          padding-bottom: 24px;
          border-bottom: 1px solid #151316;

          .single-event-location,
          .single-event-date {
            font-weight: 500;
            font-family: "Helvetica Now Display", Helvetica, sans-serif;
            font-size: 1.4rem;
            line-height: 1.429;
          }

          .single-event-date {
            margin-bottom: 4px;
          }

          .single-event-location {
            color: #A09EA2;
          }
        }

        .single-event-share {
          display: flex;
          align-items: center;
          gap: 8px;

          a {
          text-decoration: none;
          color: inherit;
          padding: 4px;
          display: block;

          &:hover {
            text-decoration: none;
          }
          &:focus,
          &:focus-visible {
            outline: none;
            border: none;
            box-shadow: none;
            padding: 4px;
          }
        }
        }

      }

      .dive-deeper-section {
        padding-top: 80px;
        padding-bottom: 80px;
        padding-left: var(--padding);
        padding-right: var(--padding);
        
        position: relative;

        grid-column: 1 / -1;

        &::before {
          content: "";
          position: absolute;
          top: 0;
          left: 50%;
          transform: translateX(-50%);
          width: 150vw;
          max-width: 100vw;
          height: 2px;
          background: #EAEAEB;
        }

        @media screen and (max-width: 768px) {
          padding-top: 40px;
          padding-bottom: 40px;
        }

        .dive-deeper-title {
          font-size: 3.2rem;
          line-height: 1.125;
          font-weight: 500;
          margin-bottom: 32px;

          @media screen and (max-width: 768px) {
            text-align: center;
          }
        }
        .dive-deeper-posts {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          gap: 16px;

          @media screen and (max-width: 990px) {
            grid-template-columns: 1fr 1fr;
          }

          @media screen and (max-width: 600px) {
            grid-template-columns: 1fr;
          }

          a.dive-deeper-post-card {
            display: flex;
            padding: 12px;
            gap: 8px;
            border: 1px solid #151316;
            height: 100%;
            flex-direction: column;
            color: #151316;
            text-decoration: none;

            .dive-deeper-post-image-wrapper {
              width: 100%;
              aspect-ratio: 16 / 9;
              overflow: hidden;

              img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center center;
                transition: all 0.3s ease-in-out;
                &:hover {
                  transform: scale(1.05);
                }
              }
            }

            ul.dive-deeper-post-tags {
              list-style: none;
              padding: 0;
              margin: 0;
              display: flex;
              flex-wrap: wrap;
              gap: 8px;

              li.dive-deeper-post-tag {
                font-size: 1.4rem;
                padding: 8px 12px;
                background-color: #8752FA1A;
                text-align: center;
              }
            }

            .dive-deeper-post-title {
              font-size: 2rem;
              line-height: 1.4;
              font-weight: 500;
            }

            .dive-deeper-post-date {
              margin-top: auto;
              font-size: 1.4rem;
              font-weight: 500;
            }

            &:hover,
            &:focus,
            &:focus-visible {
              border-radius: unset;
              box-shadow: none;
              text-decoration: none;
            }
          }
        }
      }

      .single-post-blocks,
      .dive-deeper-section {
        @media screen and (max-width: 1200px) {
          margin: 0 16px;
        }
      }

      .single-event-blocks {
        padding-top: 64px;
        padding-bottom: 64px;
        padding-left: var(--padding);
        padding-right: var(--padding);
      }

      .single-event-blocks:has(>.container-block) {
        padding: 0;

        .container-block {
          padding-bottom: 32px;
        }
        .container-xl {
          --padding: 0;

          @media screen and (max-width: 768px) {
            --padding: 16px;
          }
        }

        .acf-innerblocks-container>* {
          margin-bottom: 32px;

          &:last-child {
            margin-bottom: 0;
          }
        }

        p {
          color: #1B191D;
        }

        .stats-block {
          .stat:first-child {
            padding-left: 0;
          }
          .stat:last-child {
            padding-right: 0;
          }

          .value {
            font-size: 3.2rem;
            letter-spacing: 0;
          }
        }

        .video-block .video-embed {
          margin: 0;
        }
      }

    }
  }

  + footer.site-footer {
    position: relative;
    z-index: 2;
  }
}

/* Events Page Styles */
main.site-main.events-main {
  .events-template {
    position: relative;
    overflow: hidden;

    .events-tabs {
      margin-bottom: 40px;

      .tabs-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;

        .tab-link {
          appearance: none;
          background: none;
          border: none;
          font-size: 1.6rem;
          line-height: 1.5;
          font-weight: 400;
          padding: 24px;
          background: #FAFAFA;

          &.active {
            background-color: #151316;
            color: #FFFFFF;
          }
        }
      }
    }
    
    .events-header {
      padding: 80px 0 40px;

      @media screen and (max-width: 768px) {
        padding: 60px 0 40px;
      }

      .events-title {
        margin-bottom: 16px;
        font-weight: 700;
      }

      .events-description {
        font-size: 2rem;
        line-height: 1.5;

        @media screen and (max-width: 768px) {
          font-size: 1.6rem;
        }
      }
    }

    .events-content {
      padding: 0 0 80px 0;

      @media screen and (max-width: 768px) {
        padding: 0 0 20px 0;
      }

      .events-list {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        gap: 32px 48px;

        .events-item {
          border-top: 3px solid;
          border-image: var(--rc-grad-warmth) 1;

          &.past-event {
            border-top-color: #BFBEC0;
            border-image: none;
          }

          .events-link {
            display: block;
            text-decoration: none;
            color: inherit;
            padding: 24px 16px;

            @media screen and (max-width: 768px) {
              /* padding: 20px 0; */
            }

            &:focus,
            &:focus-visible {
              border: none;
              box-shadow: none;
              padding: 24px 16px;
            }
          }

          .events-item-content {
          }

          .events-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-bottom: 16px;
          }

          .events-tag {
            display: inline-block;
            padding: 8px 12px;
            font-size: 1.4rem;
            line-height: 16px;
            background-color: #8752FA1A;
          }

          .events-title {
            font-size: 2rem;
            font-weight: 500;
            line-height: 1.4;
            margin: 0;
            color: #151316;
            margin-bottom: 24px;
            padding-bottom: 24px;
            border-bottom: 1px solid #151316;
          }

          .events-location,
          .events-date {
            display: block;
            font-size: 1.4rem;
            font-weight: 500;
            font-family: "Helvetica Now Display", Helvetica, sans-serif;
          }

          .events-location {
            color: #A09EA2;
          }
        }
      }

      /* Pagination Styles */
      .events-pagination {
        display: flex;
        justify-content: center;
        margin-top: 60px;

        @media screen and (max-width: 768px) {
          margin-top: 40px;
        }

        ul.page-numbers {
          display: flex;
          flex-wrap: wrap;
          gap: 8px;
          list-style: none;
          padding: 0;
          margin: 0;
          align-items: center;
          justify-content: center;
          width: 100%;


          li:first-of-type + .page-numbers,
          li:last-of-type:has(.page-numbers.next) {
            margin-left: auto;
          }

           .page-numbers {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 6px;
            font-size: 0;
            text-decoration: none;
            background: #FFFFFF;
            border: 1px solid #151316;
            transition: all 0.3s ease;

            &:hover {
              border-color: var(--rc-purple);
            }

            &:focus,
            &:focus-visible {
              outline: none;
              border: 1px solid #151316;
              box-shadow: none;
              padding: 6px;
              border-radius: 0;
            }

            &.current {
              background: #151316;
              pointer-events: none;
            }

            &.dots {
              border: none;
              font-size: 1.4rem;
              pointer-events: none;
            }

            &.prev,
            &.next {
              padding: 10px;
              background-color: #151316;
              font-size: 1.4rem;
              gap: 8px;

              svg {
                width: 14px;
                height: 14px;
                fill: currentColor;
              }

              &:not(.disabled) {
                color: #FFFFFF;
              }

              &.disabled {
                background-color: #E5E5E5;
                border-color: #E5E5E5;
                color: #999999;
                cursor: not-allowed;
                pointer-events: none;
                opacity: 0.6;
              }
            }
          }
        }
      }
    }
  }
}


/*Filter Styles */

.events-filters {
  margin-bottom: 56px;

  @media screen and (max-width: 768px) {
    margin-bottom: 40px;
  }
}
.external-media-archive-filters,
.news-archive-filters {
  
  margin-bottom: 40px;

  @media screen and (max-width: 768px) {
    margin-bottom: 0px;
  }
}

.filter-wrapper {
  

  border-top: 1px solid #151316;
  

  &:has(.filter-toggle.open) {
    border-bottom: 1px solid #151316;
  }
}

.filter-group-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
}

.filter-group {
  position: relative;
}

.filter-group:first-child .filter-toggle {
  border-right: 1px solid #151316;
}

.events-template,
.external-media-archive-template {
  .filter-group-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
  }

  .filter-group {
    position: relative;
  }
  .filter-group:first-child .filter-toggle {
    border-right: none;
  }
}

.filter-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 24px;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: left;
  transition: all 0.3s ease;
  border-bottom: 1px solid #151316;

  @media screen and (max-width: 600px) {
    padding: 12px;
  }
}

.filter-toggle.open {
  border-bottom: none;
}

.filter-icon {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1;
  min-width: 20px;
  text-align: center;
}

.filter-label {
  flex: 1;
}

.filter-options {
  padding: 16px 24px 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  grid-column-start: 1;
  grid-column-end: 3;

  @media screen and (max-width: 768px) {
    padding: 12px 0;
  }
}

.filter-chip {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border: 1px solid #151316;
  background: white;
  font-size: 1.4rem;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
}

.filter-chip:hover {
  border-color: var(--rc-purple);
  background: #F1F1F1;
}

.filter-chip:focus,
.filter-chip:focus-visible {
  outline: none;
  box-shadow: 0px 2px 5px 0px #CD83FF73;
  border-width: 2px;
  padding: 7px 11px;
}

.filter-chip.active {
  background: #8752FA1A;
  border-color: var(--rc-purple);
  font-weight: 500;
}

.filter-chip svg {
  width: 12px;
  height: 10px;
  stroke: var(--rc-purple);
}

.filter-actions {
  display: flex;
  justify-content: flex-end;
  gap: 24px;
  padding-top: 24px;
  padding-bottom: 24px;

  @media screen and (max-width: 600px) {
    padding: 12px 0;
  }
}

.filter-action-btn {
  background: none;
  border: none;
  cursor: pointer;
  appearance: none;
}

main.site-main a.filter-action-btn.clear-all {
  color: #151316;
  text-decoration: none;

}

.filter-action-btn.clear-all:hover {
  text-decoration: underline;
}