/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */progress,sub,sup{vertical-align:baseline}*,::after,::before{box-sizing:border-box}html{font-family:system-ui,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji';line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:ButtonText dotted 1px}:-moz-ui-invalid{box-shadow:none}legend{padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}
:root{
  --primary-dark-purple: #0C0522;
  --primary-baby-powder: #FFFCF9;
  --primary-deep-pink: #FE2A8B;
  --primary-lavander-pink: #FFAAD1;
  --primary-mimi-pink: #FFDDED;
  --base-grey-500: #6D697A;
  --base-grey-400: #9E9BA7;
  --base-grey-300: #CECDD3;
  --base-grey-200: #E7E6E9;
  --base-grey-100: #F3F3F4;
  --accent-black-olive: #2E382E;
  --accent-eletric-blue: #6EE0ED;
  --accent-green: #C2F970;
  --accent-mauve: #C3AEFD;
  --accent-yellow: #FFBC0A;
  --accent-coral: #FF8360;
  --h-fw-b: 600;
  --h-fw-r: 400;
  --h-lh-1: 1em;
  --h-lh-2: 1.1em;
  --h-l-1--s: clamp(3rem, 1.7569rem + 6.6298vw, 6rem);  
  --h-l-2--s: clamp(2.75rem, 2.232rem + 2.7624vw, 4rem);
  --h-l-3--s: clamp(1.5rem, 0.8785rem + 3.3149vw, 3rem);
  --h-l-4--s: clamp(1.375rem, 0.9088rem + 2.4862vw, 2.5rem);
  --s-lh-1: 1.25em;
  --s-fw-1: 400;
  --s-fw-2: 500;
  --s-l-1--s: clamp(1.125rem, 0.7624rem + 1.9337vw, 2rem);
  --s-l-2--s: clamp(1.0625rem, 0.8812rem + 0.9669vw, 1.5rem);
  --s-l-3--s: clamp(1.0625rem, 0.9848rem + 0.4144vw, 1.25rem);
  --p-lh-1: 1.25em;
  --p-fw-2: 500;
  --p-l-1--s: 1rem;
  --p-l-2--s: 0.75rem;
  --f-h: 'Fraunces', serif;
  --f-b: 'Work Sans', sans-serif;
  --container: 66.25em;
  --radius: 8px;
}

html {
  width: 100%;
  height: 100%
}

@media (prefers-reduced-motion:no-preference) {
  html {
      scroll-behavior: smooth
  }
}

body {
  width: 100%;
  min-height: 100%;
  font-size: var(--p-l-1--s);
  font-family: var(--f-b);
  font-weight: var(--s-fw-1);
  line-height: 1.5;
}

h1,h2,h3,h4 {
  line-height: 1.1;
}

.help-center-article-nav{
  display: flex;
  flex-direction: column;
  gap: 1em;
}

  .help-center-article-nav h4{
    font-size: var(--wp--preset--font-size--medium);
    font-family: var(--wp--preset--font-family--primary);
    font-weight: 500;
    margin: 0 0 2px;
  }

  .help-center-article-nav ul{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .help-center-article-nav a{
    text-decoration: none;
    color: var(--wp--preset--color--base-grey-500);
  }

    .help-center-article-nav a:hover, .help-center-article-nav a:focus{
      text-decoration: underline;
    }

/* .m-0 {
  margin: 0
}

.p-0 {
  padding: 0
}

.container {
  width: 100%;
  max-width: var(--container);
  padding: 0 30px;
  margin: 0 auto
} */

/* .f-h {
  font-family: var(--f-h)
}

.w-s {
  font-family: var(--f-b)
}

.h1,.h2,.h3,.h4,h1,h2,h3,h4 {
  font-size: var(--h-l-1--s);
  line-height: var(--h-lh-1);
  font-weight: var(--h-fw-b)
}

.h2,.h3,.h4,h2,h3,h4 {
  font-size: var(--h-l-2--s);
  line-height: var(--h-lh-2)
}

.h3,.h4,h3,h4 {
  font-size: var(--h-l-3--s)
}

.h4,h4 {
  font-size: var(--h-l-4--s);
  font-weight: var(--h-fw-r)
}

.s1,.s2,.s3 {
  font-size: var(--s-l-1--s);
  line-height: var(--s-lh-1);
  font-weight: var(--s-fw-1)
}

.s2,.s3 {
  font-size: var(--s-l-2--s)
}

.s3 {
  font-size: var(--s-l-3--s);
  font-weight: var(--s-fw-2)
}

.p-s {
  font-size: var(--p-l-2--s);
  line-height: var(--p-lh-1)
}

.btn {
  --bg-color: var(--primary-dark-purple);
  --bg-hover: var(--primary-deep-pink);
  --color: var(--primary-mimi-pink);
  --color-hover: var(--primary-dark-purple);
  background-color: var(--bg-color);
  color: var(--color);
  text-decoration: none;
  padding: 12px 23px;
  border-radius: var(--radius);
  display: inline-block;
  transition: all .15s ease-in-out
}

.btn:focus,.btn:hover {
  background-color: var(--bg-hover);
  color: var(--color-hover)
}

.btn--secondary {
  --bg-color: var(--primary-lavander-pink);
  --color: var(--primary-dark-purple)
} */

.bf-snackbar {
  background-color: var(--accent-black-olive);
  color: var(--primary-mimi-pink);
  font-size: var(--p-l-1--s);
  line-height: var(--p-lh-1);
  text-align: center;
  padding: 10px 30px 10px 10px;
  position: relative
}

.bf-snackbar-close {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  color: var(--primary-mimi-pink);
  background-color: transparent;
  font-weight: var(--h-fw-b);
  border: 0;
  font-size: var(--s-l-2--s);
}

/* Baby powder outline button stylings */
.wp-block-button__link.has-primary-baby-powder-background-color:hover {
  border-color: var(--primary-lavander-pink) !important;
}

.wp-block-button__link.has-primary-baby-powder-background-color:active, .wp-block-button__link.has-primary-baby-powder-background-color:focus{
  background-color: var(--primary-lavander-pink) !important;
  border-color: var(--primary-lavander-pink) !important;
  color: var(--wp--preset--color--primary-dark-purple) !important;
}

/* Black button stylings */
.wp-block-button__link.has-primary-dark-purple-background-color {
  border: 2px solid var(--wp--preset--color--primary-dark-purple) !important;
}

.wp-block-button__link.has-primary-dark-purple-background-color:hover {
  border-color: border-color: var(--primary-lavander-pink) !important;
}

.wp-block-button__link.has-primary-dark-purple-background-color:focus, .wp-block-button__link.has-primary-dark-purple-background-color:active {
  background-color: var(--primary-lavander-pink) !important;
  border-color: var(--primary-lavander-pink) !important;
  color: var(--wp--preset--color--primary-dark-purple) !important;
}

/* Pink button stylings */
.wp-block-button__link.has-primary-lavander-pink-background-color {
  border: 2px solid var(--primary-lavander-pink) !important;
}

.wp-block-button__link.has-primary-lavander-pink-background-color:hover {
  border: 2px solid var(--wp--preset--color--primary-dark-purple) !important;
}

.wp-block-button__link.has-primary-lavander-pink-background-color:focus, .wp-block-button__link.has-primary-lavander-pink-background-color:active {
  background-color: var(--wp--preset--color--primary-dark-purple) !important;
  border-color: var(--wp--preset--color--primary-dark-purple) !important;
  color: var(--primary-lavander-pink) !important;
}


.wp-block-navigation-item__content:hover, .wp-block-navigation-item__content:focus,
.site-header__main-nav .wp-block-buttons .wp-block-button__link.has-white-background-color:hover, 
.site-header__main-nav .wp-block-buttons .wp-block-button__link.has-white-background-color:focus {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}

:where(.wp-block-columns) {
  margin-bottom: 0;
}

.entry-content .image-holder img, .entry-content img, .entry-content li img {
  max-width: 100%;
}



/* .site-header {
  background-color: var(--primary-baby-powder);
  padding: 20px 0;
  position: relative
}

@media screen and (min-width:66.25em) {
  .site-header {
      padding: 0
  }
}

.site-header>.container {
  display: flex;
  flex-direction: row;
  align-items: center
}

.site-header .home-link {
  margin-right: 50px;
  display: block
}

.site-header__menu {
  margin-left: auto;
  width: 100%;
  display: none
}

@media screen and (max-width:66.25em) {
  .site-header__menu.open {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      background-color: var(--base-grey-100);
      height: 100%;
      z-index: 9999999;
      padding: 30px;
      overflow: auto;
      align-content: stretch;
      gap: 34px
  }

  .site-header__menu.open .home-link {
      margin-right: auto;
      display: block;
      align-self: flex-start
  }

  .site-header__menu.open .site-header__menu-list {
      flex-direction: column;
      width: 100%;
      flex-wrap: nowrap;
      align-self: stretch;
      justify-content: flex-start;
      min-height: calc(100% - 70px)
  }

  .site-header__menu .btn {
      width: 100%;
      text-align: center;
      margin: 12px 0
  }

  .site-header__menu .site-header__nav-item:nth-child(6) {
      order: 1
  }

  .site-header__menu .site-header__nav-item:nth-child(6) .dropdown-parent {
      justify-content: center
  }

  .site-header__menu .site-header__nav-item:nth-child(6) .dropdown-parent::after {
      display: none
  }

  .site-header__menu .site-header__nav-item:nth-child(7) {
      margin-top: auto
  }
}

@media screen and (min-width:66.25em) {
  .site-header__menu .home-link {
      display: none
  }

  .site-header__menu {
      display: block
  }
}

.site-header__menu-close,.site-header__menu-open {
  border: 0;
  fill: var(--primary-dark-purple);
  background-color: transparent;
  margin-left: auto;
  width: 24px;
  height: 24px;
  padding: 0
}

.site-header__menu-close svg,.site-header__menu-open svg {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  pointer-events: none
}

.site-header__menu-close svg rect:first-child {
  transform: rotate(45deg);
  transform-origin: 10px 20px
}

.site-header__menu-close svg rect:last-child {
  transform: rotate(-45deg);
  transform-origin: 50px 40px
}

@media screen and (min-width:68.5em) {
  .site-header__menu-close,.site-header__menu-open {
      display: none
  }
}

.site-header__menu-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0
}

@media screen and (min-width:66.25em) {
  .site-header__menu-list {
      gap: 1.25em
  }

  .site-header__nav-item {
      padding: 7px 0
  }

  .site-header__nav-item .btn {
      margin: 7px 0
  }

  .site-header__nav-item:nth-child(6) {
      margin-left: auto;
      margin-right: 0
  }

  .site-header__nav-item:nth-child(n+7) {
      margin-left: 0;
      margin-right: 0
  }
} */
/* 
.dropdown-parent:not(.btn) {
  color: var(--primary-dark-purple);
  text-decoration: none;
  display: flex;
  flex-direction: row;
  font-size: var(--s-l-3--s);
  font-weight: var(--s-fw-2);
  padding: 22px 0
}

.dropdown-parent:not(.btn)::after {
  content: "";
  display: block;
  width: 8px;
  height: 12px;
  background: url(../images/icon-chevron-right.svg)no-repeat center center;
  background-size: cover;
  margin: auto 0 auto auto;
  transition: transform .25s ease-in-out
}

.open>.dropdown-parent:not(.btn)::after {
  transform: rotate(90deg)
}

@media screen and (min-width:66.25em) {
  .dropdown-parent:not(.btn) {
      font-size: var(--p-l-1--s);
      font-weight: var(--h-fw-r)
  }

  .dropdown-parent:not(.btn)::after {
      display: none
  }
}

.dropmenu {
  max-height: 0;
  transition: max-height .3s ease-out;
  overflow: hidden;
  visibility: hidden
}

.dropmenu.open {
  visibility: visible
}

@media screen and (min-width:66.25em) {
  .dropmenu.open {
      padding: 32px 0 0
  }
}

.dropmenu>.container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 20px;
  padding: 0
}

@media screen and (min-width:66.25em) {
  .dropmenu {
      background: rgba(255,252,249,.5);
      backdrop-filter: blur(47px)
  }

  .dropmenu>.container {
      flex-direction: row
  }
}

.dropmenu__sub-menu,.dropmenu__sub-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: var(--h-lh-1)
}

.dropmenu__sub-menu {
  line-height: var(--p-lh-1);
  flex-direction: row;
  flex-wrap: wrap
}

@media screen and (max-width:66.25em) {
  .dropmenu__sub-menu {
      flex-direction: column;
      flex-wrap: nowrap
  }
}

.dropmenu__sub-menu ul {
  flex-direction: column;
  min-width: 150px
}

.dropmenu ul li {
  line-height: var(--p-lh-1)
}

.dropmenu ul a,.dropmenu-feature a {
  color: var(--accent-black-olive);
  text-decoration: none
}

.dropmenu ul a:focus,.dropmenu ul a:hover,.dropmenu-feature a:focus,.dropmenu-feature a:hover {
  color: var(--primary-deep-pink);
  text-decoration: underline
}

.dropmenu__title {
  font-size: var(--p-l-2--s);
  line-height: var(--p-lh-1);
  color: var(--base-grey-500);
  text-transform: uppercase
}

@media screen and (min-width:66.25em) {
  .dropmenu__title {
      font-size: var(--s-l-3--s);
      line-height: var(--s-lh-1);
      color: var(--primary-dark-purple);
      text-transform: none
  }
}

.dropmenu-feature {
  max-width: 320px;
  margin-left: auto;
  display: none
}

@media screen and (min-width:66.25em) {
  .dropmenu-feature {
      display: block;
      margin-left: 0
  }
}

.dropmenu-feature__img,.site-footer__social a img {
  display: block;
  width: 100%;
  height: auto
}

.dropmenu__footer {
  background-color: var(--primary-dark-purple);
  color: var(--primary-baby-powder);
  width: 100%;
  display: none;
  padding: 14px 0;
  margin-top: 42px
}

@media screen and (min-width:66.25em) {
  .dropmenu__footer {
      display: flex
  }
}

.dropmenu__footer-link {
  color: var(--primary-baby-powder);
  text-decoration: none;
  display: flex;
  gap: 32px;
  align-items: center
}

.dropmenu__footer-link:focus,.dropmenu__footer-link:hover {
  color: var(--primary-mimi-pink);
  text-decoration: underline
}

.dropmenu__footer-label {
  margin-left: auto;
  color: var(--primary-mimi-pink);
  display: flex;
  align-items: center
}

.dropmenu__footer-label::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url(../images/icon-arrow-up-right.svg)no-repeat center center;
  background-size: cover
}

@media screen and (min-width:66.25em) {
  .dropmenu {
      position: absolute;
      top: 100%;
      z-index: 999;
      left: 0;
      width: 100%
  }

  .site-header__nav-item:hover .dropmenu {
      display: block;
      max-height: none;
      visibility: visible;
      overflow: visible;
      top: 100%
  }

  .dropmenu .container,.dropmenu__footer {
      z-index: 5;
      position: relative
  }

  .dropmenu .container {
      padding: 0 30px
  }
}

.site-footer {
  background-color: var(--primary-dark-purple);
  padding: 64px 0
}

.site-footer,.site-footer a {
  color: var(--primary-baby-powder)
}

.site-footer__nav {
  margin-bottom: 70px
}

@media screen and (min-width:66.25em) {
  .site-footer__nav {
      margin-bottom: 130px
  }
}

.site-footer__nav .container,.site-footer__nav-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 50px
}

@media screen and (min-width:66.25em) {
  .site-footer__nav .container {
      gap: 105px
  }
}

.site-footer__nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  flex: 1;
  gap: 40px 20px
}

@media screen and (min-width:66.25em) {
  .site-footer__nav-list {
      gap: 20px;
      justify-content: space-between
  }
}

.site-footer__nav-list .sub-menu {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1em;
  margin-top: 1em;
  width: 50%
}

@media screen and (min-width:66.25em) {
  .site-footer__nav-list .sub-menu {
      width: 100%;
      max-width: 150px
  }
}

.site-footer__nav-list a {
  text-decoration: none
}

.site-footer__nav-list a:focus,.site-footer__nav-list a:hover {
  text-decoration: underline
}

.site-footer__copyright .container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 40px
}

@media screen and (min-width:66.25em) {
  .site-footer__copyright .container {
      flex-direction: row
  }
}

.site-footer__copyright ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row
}

.site-footer__social {
  gap: 24px
}

.site-footer__legal ul,.site-footer__social a {
  display: flex;
  align-items: center;
  justify-content: center
}

.site-footer__social a {
  width: 24px;
  height: 24px
}

.site-footer__legal ul {
  flex-direction: row;
  gap: 4px
}

.site-footer__legal ul li:first-child::after {
  content: "-";
  margin-left: 4px
} */