/* Layout */
/* Reset everything to border-box */
/* smooth scrolling */
/* FOUT Fix - Styles to add opacity and visibility on load */
html {
  box-sizing: border-box;
  opacity: 1;
  scroll-behavior: smooth;
  visibility: visible
}
body {
  background-color: var(--color--pewter);
}
.page-wrap {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--content__max-width);
  width: 100%;
}
.admin-bar sc-container[theme="homepage"] sc-header {
  @media (min-width: 1024px) {
    display: block;
    margin-top: 32px;
  }
}
body.wp-admin {
  background: #F0F0F1;
  color: #3C434A;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 13px;
  line-height: 1.4em;
}
body.wp-admin button {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 13px;
}
.block-editor-block-list__block {
  margin-bottom: 80px;
  margin-top: 80px;
  max-width: 100%;

  &.editor-post-title {
    max-width: 80%;
  }
}
.block-editor-block-list__block.wp-block.is-selected {
  max-width: 80%;
}
.wp-block sc-container[theme="white"] {
  --container__padding-bottom--override: 0;
  --container__padding-top--override: 0;
}
.edit-post-layout__metaboxes {
  .acf-field {
    padding: 16px;
  }
}
/* Components */
body.user-registration-page #user-registration.user-registration-MyAccount,
body.user-registration-page .user-registration.user-registration-MyAccount,
body.user-registration-membership_page_user-registration-login-forms #user-registration.user-registration-MyAccount,
body.user-registration-membership_page_user-registration-login-forms .user-registration.user-registration-MyAccount {
  margin: 0 !important;
  max-width: 100% !important;
}
sc-rich-text #user-registration ul > li::before {
  content: none;
}
sc-rich-text #user-registration.vertical .user-registration-MyAccount-content__body h2,
sc-rich-text #user-registration.horizontal .user-registration-MyAccount-content__body h2 {
  color: var(--color--primary);
  font-size: var(--font-size--h3);
}
sc-rich-text #user-registration .user-registration-MyAccount-content .user-registration-profile-header header h3 {
  color: var(--color--primary);
  font-size: var(--font-size--h4);
}
sc-rich-text #user-registration p {
  color: var(--color--primary);
  font-size: var(--font-size--caption);
}
sc-rich-text #user-registration.vertical .user-registration-MyAccount-content__body p a,
sc-rich-text #user-registration.horizontal .user-registration-MyAccount-content__body p a {
  color: var(--color--dark-accent-1);
  text-decoration: underline;
  text-decoration-thickness: 0.5px;
  text-underline-offset: 2px;
  transition: color var(--transition-dur), text-decoration-color var(--transition-dur);
}
sc-rich-text #user-registration.vertical .user-registration-MyAccount-content__body p a:hover,
sc-rich-text #user-registration.horizontal .user-registration-MyAccount-content__body p a:hover {
  color: var(--color--primary);
  text-decoration-color: var(--color--primary);
}
/* Tabs */
sc-rich-text #user-registration.horizontal .user-registration-MyAccount-navigation-link a {
  color: var(--color--primary);
  font-size: var(--font-size--caption);
}
sc-rich-text #user-registration.horizontal .user-registration-MyAccount-navigation-link.is-active a {
  background-color: var(--color--white) !important;
  border-color: var(--color--dark-accent-1);
  color: var(--color--primary);
}
sc-rich-text #user-registration.horizontal .user-registration-MyAccount-navigation-link a:hover {
  background-color: var(--color--light-neutral) !important;
  border-bottom: 3px solid var(--color--light-neutral) !important;
  color: var(--color--primary);
}
sc-rich-text #user-registration.horizontal .user-registration-MyAccount-navigation-link.is-active a:hover {
  border-bottom: 3px solid var(--color--dark-accent-1) !important;
}
sc-rich-text #user-registration.horizontal .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid fieldset .user-registration-form-row label + br,
sc-rich-text #user-registration.horizontal .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid fieldset .user-registration-form-row .password-input-group br {
  display: none;
}
sc-rich-text #user-registration.horizontal .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid > p input[type=submit],
body sc-rich-text #user-registration .user-registration-form .user-registration-Button {
  background-color: var(--color--light-accent-1) !important;
  border: none;
  border-radius: 48px;
  color: var(--color--primary);
  cursor: pointer;
  display: inline-block;
  font-family: var(--font-family--primary);
  font-size: var(--font-size--h6);
  font-weight: 700;
  justify-content: center;
  letter-spacing: var(--letter-spacing--h6);
  line-height: 1.25;
  padding: clamp(0.375rem, 0.3125rem + 0.2083vw, 0.5625rem) clamp(0.75rem, 0.6667rem + 0.2778vw, 1rem);
  position: relative;
  text-align: center;
  text-transform: uppercase;
  transition: background-color var(--transition-dur), color var(--transition-dur);
}
body sc-rich-text #user-registration .user-registration-form .user-registration-Button {
  width: auto;
}
body sc-rich-text .ur-frontend-form .ur-form-row .ur-form-grid input[type=checkbox] {
  margin-left: 0;
}
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn .user-registration-LostPassword a,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn .user-registration-LostPassword a,
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-register a,
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-register a {
  color: var(--color--primary) !important;
}
sc-rich-text #user-registration.horizontal .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid > p input[type=submit]:hover,
body sc-rich-text #user-registration .user-registration-form .user-registration-Button:hover {
  background-color: var(--color--primary) !important;
  color: var(--color--light-accent-1) !important;
}
sc-rich-text #user-registration.horizontal .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid fieldset .user-registration-form-row label {
  color: var(--color--primary);
  font-size: var(--font-size--caption);
}
/* My Account Woo Commerce Modules */
.wp-singular.user-registration-account.woocommerce-account .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview > *:first-child {
  display: none;
}
.wp-singular.user-registration-account.woocommerce-account .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview {
  gap: var(--gap--xs);
  justify-content: normal;
}
.wp-singular.user-registration-account.woocommerce-account .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-details {
  margin-left: auto;
}
.wp-singular.user-registration-account.woocommerce-account .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name {
  flex: 0 0 26px;
}
.wp-singular.user-registration-account.woocommerce-account .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name span br {
  display: none;
}
.wp-singular.user-registration-account.woocommerce-account .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-details p,
.wp-singular.user-registration-account.woocommerce-account .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name + p,
.wp-singular.user-registration-account.woocommerce-account .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview + p,
.wp-singular.user-registration-account.woocommerce-account .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-expanded + p,
.wp-singular.user-registration-account.woocommerce-account .learndash-wrapper .ld-item-list.ld-course-list .ld-section-heading .ld-item-list-actions p,
.wp-singular.user-registration-account.woocommerce-account .learndash-wrapper .ld-item-list .ld-item-search .ld-item-search-wrapper p,
.wp-singular.user-registration-account.woocommerce-account .learndash-wrapper .ld-profile-summary .ld-profile-card .ld-profile-heading + p,
.wp-singular.user-registration-account.woocommerce-account .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-expanded p,
.wp-singular.user-registration-account.woocommerce-account .learndash-wrapper .ld-profile-summary .ld-profile-card p,
.wp-singular.user-registration-account.woocommerce-account .learndash-wrapper .ld-profile-summary .ld-profile-stats + p {
  margin-bottom: 0;
}
.wp-singular.user-registration-account.woocommerce-account .learndash-wrapper .ld-primary-background,
.wp-singular.user-registration-account.woocommerce-account .learndash-wrapper .ld-expand-button:not([disabled]) {
  color: var(--color--white);
}
.wp-singular.user-registration-account.woocommerce-account .learndash-wrapper .ld-expand-button.ld-compact .ld-icon {
  position: relative;
  top: 1px;
}
.wp-singular.user-registration-account.woocommerce-account .learndash-wrapper .ld-expand-button.ld-expanded .ld-icon {
  top: -1px;
}
.wp-singular.user-registration-account.woocommerce-account .learndash-wrapper .ld-item-list .ld-section-heading .ld-item-list-actions .ld-expand-button {
  padding: var(--gap-static--xxxs);
}
.wp-singular.user-registration-account.woocommerce-account .learndash-wrapper .ld-item-list .ld-section-heading .ld-item-list-actions .ld-expand-button br,
.wp-singular.user-registration-account.woocommerce-account .learndash-wrapper .ld-item-list .ld-item-search .ld-item-search-wrapper br,
.wp-singular.user-registration-account.woocommerce-account .learndash-wrapper .ld-item-list .ld-item-search .ld-item-search-wrapper .ld-item-search-fields p,
.wp-singular.user-registration-account.woocommerce-account .learndash-wrapper .ld-profile-summary .ld-profile-stats .ld-profile-stat br,
.wp-singular.user-registration-account.woocommerce-account .learndash-wrapper .ld-profile-summary .ld-profile-card + p,
.wp-singular.user-registration-account.woocommerce-account sc-rich-text:has(#wpProQuiz_user_overlay) > br,
.wp-singular.user-registration-account.woocommerce-account .learndash-wrapper .ld-profile-summary .ld-profile-card .ld-profile-avatar,
.woocommerce-MyAccount-navigation ul li br {
  display: none;
}
.wp-singular.user-registration-account.woocommerce-account .learndash-wrapper .ld-item-list.ld-course-list .ld-section-heading .ld-item-list-actions {
  margin-left: auto;
}
.wp-singular.user-registration-account.woocommerce-account .learndash-wrapper .ld-item-list .ld-item-search .ld-item-search-wrapper {
  background-color: var(--color--light-neutral);
  padding: var(--gap--sm);
}
.wp-singular.user-registration-account.woocommerce-account .learndash-wrapper .ld-item-list .ld-item-search .ld-item-search-wrapper::before {
  background-color: var(--color--light-neutral);
}
.wp-singular.user-registration-account.woocommerce-account .learndash-wrapper .ld-item-list .ld-item-search .ld-item-search-fields input[type="text"] {
  border: none;
  font-size: var(--font-size--p);
  padding: var(--gap-static--xs);
}
.wp-singular.user-registration-account.woocommerce-account .learndash-wrapper .ld-item-list .ld-item-search .ld-item-search-fields input:focus {
  outline: 0;
}
.wp-singular.user-registration-account.woocommerce-account .learndash-wrapper .ld-item-list .ld-item-search .ld-item-search-fields input[type="submit"] {
  color: var(--color--white);
  font-size: var(--font-size--caption);
  font-weight: 500;
  padding: var(--gap-static--xxxs);
}
.learndash-wrapper .ld-expand-button .ld-text {
  font-weight: 500;
}
.wp-singular.user-registration-account.woocommerce-account .learndash-wrapper .ld-item-list .ld-item-search .ld-closer,
.wp-singular.user-registration-account.woocommerce-account .learndash-wrapper .ld-item-list .ld-item-search .ld-closer:focus {
  border: none;
}
.wp-singular.user-registration-account.woocommerce-account .learndash-wrapper .ld-profile-summary .ld-profile-stats .ld-profile-stat strong {
  font-weight: 500;
}
.wp-singular.user-registration-account.woocommerce-account .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-expanded .ld-progress {
  background-color: var(--color--light-neutral);
  margin-bottom: 0;
}
.wp-singular.user-registration-account.woocommerce-account .learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-stats {
  flex: 1;
}
.wp-singular.user-registration-account.woocommerce-account .learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-stats .ld-progress-percentage {
  margin: 0 auto;
}
.wp-singular.user-registration-account.woocommerce-account .learndash-wrapper .ld-profile-summary {
  background-color: var(--color--light-neutral);
  border-radius: 30px;
  margin: 0;
  padding: var(--gap) var(--gap--xs);
}
.wp-singular.user-registration-account.woocommerce-account .learndash-wrapper .ld-profile-summary .ld-profile-card {
  margin-top: 0;
}
.wp-singular.user-registration-account.woocommerce-account .learndash-wrapper .ld-profile-summary .ld-profile-stats .ld-profile-stat {
  border-color: color-mix(in srgb, var(--color--primary), transparent 50%);
}
.wp-singular.user-registration-account.woocommerce-accoun .learndash-wrapper .ld-profile-summary .ld-profile-card .ld-profile-heading {
  margin-top: 0;
}
.woocommerce-MyAccount-navigation ul li {
  padding-left: 0;
}
.woocommerce-MyAccount-navigation ul li:not(:last-child) {
  padding-bottom: var(--gap--xxs);
}
.woocommerce-MyAccount-navigation ul li::before {
  content: none;
}
.woocommerce fieldset {
  border: none;
}
.woocommerce-Address-title h2 {
  font-size: var(--font-size--h4);
}
.btn {
  background-color: var(--color--dark-accent-1);
  border-radius: var(--border-radius);
  color: var(--color--white);
  cursor: pointer;
  display: inline-block;
  font-family: var(--font-family--primary);
  font-size: var(--font-size--p);
  font-weight: 700;
  justify-content: center;
  letter-spacing: 0;
  line-height: 1.25;
  padding: calc(var(--gap-static--xs) - 8px) calc(var(--gap-static--xs) + 2px);
  position: relative;
  text-align: center;
  transition: background-color var(--transition-dur), color var(--transition-dur);
}
.btn:hover,
.btn:active {
  background-color: var(--color--primary)
}
.btn--tertiary {
  color: var(--color--primary);
  cursor: pointer;
  display: inline-block;
  font-family: var(--font-family--primary);
  font-size: var(--font-size--h5);
  font-weight: 600;
  letter-spacing: 0;
  padding: 0 0 4px;
  position: relative;

  &::before {
    background-color: var(--button__before-background-color, var(--color--dark-accent-1));
    bottom: 0;
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    right: 0;
    transition: width var(--transition-dur--med);
    width: 100%;
  }

  &::after {
    background-color: var(--button__after-background-color, var(--color--dark-accent-1));
    bottom: 0;
    content: '';
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    transition: width var(--transition-dur--med);
    width: 0;
  }

  &:hover {
    color: var(--color--primary);

    &::before {
      width: 0;
    }

    &::after {
      transition-delay: var(--transition-dur--med);
      width: 100%;
    }
  }
}
:root {
  --button-caret-icon__height: 11.5px;
  --button-caret-icon__width: 6.5px;
}
.wpcf7-form {
  margin-top: var(--gap--lg);
}
sc-rich-text .wpcf7-form p {
  margin-bottom: var(--gap-static);
}
.wpcf7 label {
  color: var(--color--primary);
  display: block;
  font-family: var(--font-family--primary);
  font-size: var(--font-size--h5);
  font-weight: 700;
  letter-spacing: var(--letter-spacing--h5);
  line-height: 1.5;
  margin: 0 0 var(--gap-static) 0;
  padding: 0;
  text-transform: uppercase;
  text-wrap: balance;
}
.wpcf7 label + br {
  display: none;
}
.wpcf7-form-control-wrap {
  display: block;
  margin-top: 5px;
}
.wpcf7-text,
.wpcf7-select,
.wpcf7-textarea,
.wpcf7-number,
.wpcf7-date {
  background-color: var(--color--light-neutral);
  border-bottom: 1px solid var(--color--primary);
  border-left-style: none;
  border-radius: 0;
  border-right-style: none;
  border-top-style: none;
  box-sizing: border-box;
  color: var(--color--primary);
  font-family: var(--font-family--primary);
  font-size: var(--font-size--p);
  font-weight: 400;
  line-height: 1.6;
  outline: 0;
  padding: 9px 20px;
}
.wpcf7-text {
  width: 100%;
}
.wpcf7-number,
.wpcf7-date {
  width: 50%;
}
.wpcf7-text:focus-visible,
.wpcf7-select:focus-visible {
  border-color: transparent;
  box-shadow: inset 0 0 0 2px var(--color--dark-accent-1);
  outline: 0;
}
.wpcf7-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url(7c7cf2b4c174cc1f27a8.svg);
  background-position: 98% center;
  background-repeat: no-repeat;
  background-size: 13px;
  box-sizing: border-box;
  width: 50%;
}
.wpcf7-textarea {
  height: 100px;
  resize: vertical;
  width: 100%;
}
.wpcf7-list-item {
  display: block;
  margin: 0;
}
.wpcf7-list-item label {
  font-family: var(--font-family--primary);
  font-size: var(--font-size--p);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.6;
  margin-bottom: var(--gap-static--xs);
  text-transform: none;
}
.wpcf7-list-item.last label {
  margin-bottom: var(--gap-static);
}
.wpcf7-list-item-label {
  margin-left: 8px;
}
.wpcf7-list-item label:focus-visible,
.wpcf7-list-item label:focus {
  outline: 0;
}
.wpcf7-list-item label:focus-visible input[type="radio"],
.wpcf7-list-item label input[type="radio"]:focus-visible,
.wpcf7-list-item label:focus input[type="radio"],
.wpcf7-list-item label input[type="radio"]:focus,
.wpcf7-list-item label:active input[type="radio"],
.wpcf7-list-item label input[type="radio"]:active,
.wpcf7-list-item label:focus input[type="checkbox"],
.wpcf7-list-item input[type="checkbox"]:focus,
.wpcf7-list-item label:active input[type="checkbox"],
.wpcf7-list-item input[type="checkbox"]:active {
  border-color: var(--color--dark-accent-1);
  box-shadow: inset 0 0 0 1px var(--color--dark-accent);
  outline: 0;
}
.wpcf7-list-item label:focus input[type="checkbox"],
.wpcf7-list-item input[type="checkbox"]:focus {
  border-radius: 0;
}
.wpcf7-list-item input[type="radio"],
.wpcf7-list-item input[type="checkbox"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--color--light-neutral);
  border: 1px solid var(--color--primary);
  height: 20px;
  position: relative;
  top: 3px;
  width: 20px;
}
.wpcf7-list-item input[type="radio"] {
  border-radius: 50px;
}
.wpcf7-list-item input[type="radio"]:checked::before {
  background-color: var(--color--dark-accent-1);
  border-radius: 50px;
  content: '';
  display: block;
  height: 12px;
  left: 4px;
  position: relative;
  top: 4px;
  width: 12px;
}
.wpcf7-list-item label:focus input[type="checkbox"],
.wpcf7-list-item input[type="checkbox"]:focus {
  border-radius: 0;
}
.wpcf7-list-item input[type="checkbox"]:checked::before {
  background-image: url(740cf44c1b8242c84b9d.svg);
  background-repeat: no-repeat;
  background-size: 14px;
  content: '';
  display: block;
  height: 11px;
  left: 3px;
  position: relative;
  top: 4.5px;
  width: 14px;
}
.wpcf7-submit {
  -webkit-appearance: initial;
     -moz-appearance: initial;
          appearance: initial;
  background-color: var(--color--light-accent);
  border: 1px solid var(--color--light-accent);
  box-sizing: border-box;
  color: var(--color--primary);
  cursor: pointer;
  display: inline-block;
  font-family: var(--font-family--primary);
  font-size: var(--font-size--h5);
  font-weight: 700;
  letter-spacing: var(--letter-spacing--h5);
  line-height: 1.4;
  max-width: 150px;
  outline: 0;
  padding: calc(var(--gap-static--xxxs) + 2px) calc(((var(--gap-static--xxs) + 3px) * 2) + var(--button-caret-icon__width)) calc(var(--gap-static--xxxs) + 2px) calc(var(--gap-static--xxs) + 3px);
  position: relative;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  text-wrap: balance;
  transition: background-color var(--transition-dur), border-color var(--transition-dur), color var(--transition-dur);
}
.wpcf7-submit:hover,
.wpcf7-submit:active {
  background-color: var(--color--primary);
  border-color: var(--color--primary);
  color: var(--color--white);
}
p:has(.wpcf7-submit) {
  display: inline-block;
  margin-bottom: var(--gap-static--xs);
  max-width: 150px;
  position: relative;
}
p:has(.wpcf7-submit)::after {
  background-color: currentColor;
  content: "";
  display: inline-block;
  height: var(--button-caret-icon__height);
  -webkit-mask-image: url(941c77fde49d53d1c56c.svg);
          mask-image: url(941c77fde49d53d1c56c.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  position: absolute;
  right: calc(var(--gap-static--xxs) + 3px);
  top: 50%;
  transform: translateY(-50%);
  transition: background-color var(--transition-dur);
  width: var(--button-caret-icon__width);
}
p:has(.wpcf7-submit:active)::after,
p:has(.wpcf7-submit:hover)::after {
  background-color: var(--color--white);
}
.wpcf7-spinner {
  position: absolute;
  right: -70px;
  top: 50%;
  transform: translateY(-50%);
}
/* CF7 Errors */
.wpcf7-text.wpcf7-not-valid {
  border-color: var(--color--error);
}
.wpcf7-not-valid-tip {
  color: var(--color--error);
  font-family: var(--font-family--primary);
  font-size: var(--font-size--caption);
  letter-spacing: 0;
  line-height: 1.5;
  margin-top: 5px;
  text-transform: none;
}
.wpcf7-not-valid-tip::before {
  background-image: url(bbfc862bc239f88e3802.svg);
  background-size: 18px;
  content: '';
  display: inline-block;
  height: 18px;
  margin-right: 10px;
  position: relative;
  top: 2px;
  width: 18px;
}
.wpcf7 form .wpcf7-response-output {
  background-color: var(--color--light-accent);
  border: none;
  color: var(--color--primary);
  font-family: var(--font-family--primary);
  font-size: var(--font-size--caption);
  letter-spacing: 0;
  line-height: 1.5;
  margin: var(--gap-static--xs) 0 0 0;
  padding: var(--gap-static--xxxs) var(--gap-static--xxs);
}
.wpcf7 form.invalid .wpcf7-response-output {
  background-color: var(--color--error);
  color: var(--color--white);
}
/* Hide recaptcha */
.grecaptcha-badge {
  visibility: hidden;
}
/* Gutenberg Styling */
.block-editor-block-list__block .acf-block-preview .wpcf7-response-output {
  display: none;
}
.block-editor-block-list__block .acf-block-preview .wpcf7-list-item input[type="radio"]:checked::before {
  left: 0;
  top: 0;
}
#CybotCookiebotDialog {
  border-radius: 30px !important;
  color: var(--color--primary) !important;
  font-size: var(--font-size--p) !important;
}
#CybotCookiebotDialog .CybotCookiebotDialogBodyContentHeading {
  font-family: var(--font-family--primary);
  font-size: var(--font-size--h5);
  font-weight: 600;
  letter-spacing: var(--letter-spacing--h5);
  line-height: 1.45;
}
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton,
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:not(:first-of-type),
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtons .CybotCookiebotDialogBodyButton:not(:last-of-type),
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtons .CybotCookiebotDialogBodyButton:not(:first-of-type),
body #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
  background-color: var(--color--light-accent-1);
  border: none;
  border-radius: 48px;
  color: var(--color--primary);
  font-size: var(--font-size--h6);
  font-weight: 700;
  letter-spacing: var(--letter-spacing--h6);
  min-height: auto;
  padding: 10px 25px !important;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  transition: background-color var(--transition-dur), border-color var(--transition-dur), color var(--transition-dur) !important;
  white-space: nowrap;
  width: auto !important;

  &:hover {
      background-color: var(--color--primary);
      color: var(--color--light-accent-1) !important;
      opacity: 1 !important;
  }
}
body #CookiebotWidget #CookiebotWidget-buttons button#CookiebotWidget-btn-withdraw {
  background-color: var(--color--primary) !important;
  border: none;
  border-radius: 48px;
  color: var(--color--light-accent-1) !important;
  font-size: var(--font-size--h6);
  font-weight: 700;
  letter-spacing: var(--letter-spacing--h6);
  min-height: auto;
  padding: 10px 25px !important;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  transition: background-color var(--transition-dur), border-color var(--transition-dur), color var(--transition-dur) !important;
  white-space: nowrap;
  width: auto !important;

  &:hover {
      background-color: var(--color--light-accent-1) !important;
      color: var(--color--primary) !important;
      opacity: 1 !important;
  }
}
#CybotCookiebotDialog #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
  border-color: var(--color--dark-accent-1) !important;
  color: var(--color--primary) !important;
  font-size: var(--font-size--caption);
}
#CybotCookiebotDialog #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink,
#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton,
#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentIABv2Tab,
#CybotCookiebotDialog *,
#CybotCookiebotDialogBodyUnderlay * {
  color: var(--color--primary) !important;
  font-size: var(--font-size--caption) !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a,
#CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a,
#CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a,
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a,
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink,
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink,
#CybotCookiebotDialogDetailBodyContentTextAbout a,
#CybotCookiebotDialog #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover,
#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover,
#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentIABv2Tab:hover,
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount):hover {
  color: var(--color--dark-accent-1) !important;
}
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABContainerToggleHide,
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABContainerToggleShow,
#CybotCookiebotDialog a::after,
#CybotCookiebotDialog a::before,
#CybotCookiebotDialog button::after,
#CybotCookiebotDialog button::before {
    border-color: var(--color--dark-accent-1) !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogHeader #CybotCookiebotDialogHeaderLogosWrapper > a {
  display: none;
}
#CybotCookiebotDialogTabContent .CybotCookiebotDialogDetailBulkConsentCount {
  background-color: var(--color--med-neutral) !important;
  font-size: var(--font-size--caption) !important;
}
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABContainerToggleHide,
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABContainerToggleShow,
#CybotCookiebotDialog a::after,
#CybotCookiebotDialog a::before,
#CybotCookiebotDialog button::after,
#CybotCookiebotDialog button::before {
  color: var(--color--primary) !important;
}
#CybotCookiebotDialogPoweredbyImage {
    @media (min-width: 1280px) {
        max-height: 2.825em !important;
    }
}
body #CybotCookiebotDialog input:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: var(--color--dark-accent-1);
}
/* Cookiebot - Corner popup */
body #CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
  display: none;
}
body #CookiebotWidget .CookiebotWidget-consent-details button {
  color: var(--color--dark-accent-1) !important;
}
body #CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li svg {
  fill: var(--color--dark-accent-1) !important;
}
.edd-root {
  position: relative;
}
.edd-value {
  border-bottom: 1px solid var(--color--primary);
  color: var(--color--primary);
  cursor: pointer;
  font-family: var(--font-family--primary);
  font-size: var(--font-size--p);
  font-weight: 400;
  padding-right: calc(var(--edd-arrow__width) + var(--gap-xs));
  transition: border var(--transition-dur);
}
.edd-arrow {
  background-image: url(7c7cf2b4c174cc1f27a8.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 11px;
  height: 8px;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 11px;
}
.edd-root:not(.edd-root-disabled) .edd-value,
.edd-option {
  cursor: pointer;
}
.edd-select {
  left: -1000%;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.edd-root-native .edd-select {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.edd-body {
  background-color: var(--color--white);
  border-radius: 0 0 10px 10px;
  box-shadow: 0 0 6px 0 rgb(0 0 0 / 15%);
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0 0 0 var(--gap-static--xs);
  pointer-events: none;
  position: absolute;
  right: 0;
  transform: scale(0.95);
  z-index: 999;
}
.edd-root-open .edd-body {
  opacity: 1;
  pointer-events: all;
  transform: scale(1);
  transition: opacity 200ms, transform 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.edd-root-open-below .edd-body,
.edd-root-open-above .edd-body {
  top: 100%;
}
.edd-items-list {
  max-height: 0;
  overflow: auto;
  transition: max-height 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.edd-root-open-below .edd-value {
  border-color: var(--color--dark-accent-1);
}
.edd-option {
  color: var(--color--primary);
  font-size: var(--font-size--caption);
  padding: var(--gap-static--xs) var(--gap-static--xs) 0;
  transition: color var(--transition-dur);
}
.edd-option-selected {
  color: var(--color--primary);
  font-weight: 600;
  position: relative;
}
.edd-option:last-child {
  padding-bottom: var(--gap-static--xs);
}
.edd-option:hover,
.edd-option:active {
  color: var(--color--dark-accent-1);
}
sc-container:has(.filters-wrapper:first-child) {
  --container__padding-bottom--override: 0;
  --container__padding-top--override: 0;
}
sc-container:has(.filters-wrapper:first-child) + .post-content sc-container:has(sc-grid:first-child) {
  --container__padding-top--override: 0;
}
.filters-wrapper {
  background-color: var(--color--light-neutral);
  border-radius: var(--border-radius);
  color: var(--base__color);
  display: grid;
  gap: var(--grid__gap-x);
  grid-template-columns: repeat(6, 1fr);
  margin-bottom: var(--container__padding-top);
  margin-top: var(--container__padding-top);
  padding: var(--gap-static--xs) 0;
  position: relative;
  width: 100%;
  z-index: 8;

  @media (min-width: 768px) {
    grid-template-columns: repeat(12, 1fr);
  }

  @media (min-width: 1024px) {
    margin-bottom: var(--gap--lg);
    padding-bottom: var(--gap-static--xs);
  }

  @media (min-width: 1280px) {
    padding-bottom: var(--gap-static--m);
    padding-top: var(--gap-static--m);
  }
}
.filters__inner {
  align-items: center;
  background-color: var(--color--light-neutral);
  display: block;
  grid-column: 1/-1;

  @media (min-width: 768px) {
    align-items: flex-end;
    display: flex;
  }

  @media (min-width: 1024px) {
    align-items: center;
    grid-column: 1 / span 12;
  }
}
.filters-form__label {
  display: none;
  opacity: 0;
  visibility: hidden;
}
.filters-form {
  flex: 1;
}
.filters-form__inner {
  display: block;
  flex-wrap: wrap;

  @media (min-width: 768px) {
    display: grid;
    gap: var(--grid__gap-y);
    grid-template-columns: repeat(3, 1fr);
  }
}
.filters-form__side {
  display: flex;
  flex-direction: column;
  grid-column: 1;
  padding-left: var(--gap--sm);
  padding-right: var(--gap--sm);

  @media (min-width: 768px) {
    padding-left: var(--gap-static--sm);
    padding-right: 0;
  }


  @media (min-width: 1280px) {
    padding-left: var(--gap-static--m);
  }
}
.filters-form__main-label {
  display: block;
  flex-grow: 1;
  font-family: var(--font-family--secondary);
  font-size: var(--font-size--h3);
  font-weight: 400;
  line-height: 1.3;
  max-width: 100%;
  position: relative;
}
.filters-form__fields {
  align-items: center;
  display: block;
  flex: 1;
  grid-column: 2 / span 2;
  grid-gap: var(--gap-static--m);
  grid-template-columns: repeat(2, 1fr);
  margin-top: var(--gap--sm);
  padding-left: var(--gap--sm);
  padding-right: var(--gap--sm);

  @media (min-width: 768px) {
    display: grid;
    grid-gap: var(--gap-static--sm);
    margin-top: 0;
    padding-left: 0;
    padding-right: var(--gap-static--sm);
  }

  @media (min-width: 1280px) {
    grid-gap: var(--gap-static--m);
    padding-right: var(--gap-static--m);
  }
}
.filters-form__field {
  grid-column: span 1;
  margin-bottom: var(--gap--sm);

  @media (min-width: 768px) {
    margin-bottom: 0;
  }
}
.filters-form__select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  background-image: url(7c7cf2b4c174cc1f27a8.svg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 11px;
  border-bottom: 1px solid var(--color--primary);
  border-left: 0;
  border-radius: 0;
  border-right: 0;
  border-top: 0;
  color: var(--color--primary);
  cursor: pointer;
  font-family: var(--font-family--primary);
  font-size: var(--font-size--p);
  font-weight: 400;
  padding-bottom: 7px;
  width: 100%;
}
.filters-form__select option {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: var(--color--mid-neutral);
  color: var(--color--primary);
  font-family: var(--font-family--primary);
  font-size: var(--font-size--caption);
  font-weight: 700;
  padding: var(--gap-static--xs) var(--gap-static--sm) 0 var(--gap-static--sm);
}
#team-filter .filters-form__inner {
  gap: var(--gap-static--xxxs) var(--gap-static--m);
  grid-template-columns: repeat(8, 1fr);
}
#team-filter .filters-form__side {
  grid-column: 1 / -1;

  @media (min-width: 1024px) {
    grid-column: 1 / span 2;
  }
}
#team-filter .filters-form__fields {
  display: block;
  grid-column: 1 / -1;

  @media (min-width: 768px) {
    grid-column: 1 / span 6;
    padding-left: var(--gap-static--sm);
    padding-right: 0;
  }

  @media (min-width: 1024px) {
    grid-column: 3 / span 4;
    padding-left: 0;
  }

  @media (min-width: 1280px) {
    grid-column: 3 / span 4;
  }
}
#team-filter .filters-form__actions {
  grid-column: 1 / -1;
  padding-left: var(--gap--sm);
  padding-right: var(--gap--sm);

  @media (min-width: 768px) {
    grid-column: 7 / span 2;
    text-align: right;
  }

  @media (min-width: 1024px) {
    grid-column: 7 / span 3;
    padding-left: 0;
    padding-right: var(--gap-static--sm);
  }

  @media (min-width: 1280px) {
    grid-column: 8 / span 3;
    padding-right: var(--gap-static--m);
  }
}
/* Learn Dash Status */
:root {
    --ld-color-system-subtle: var(--color--dark-accent-1) !important;
}
sc-container .learndash-wrapper .ld-course-status.ld-course-status-enrolled {
    background-color: var(--color--light-accent-1);
    margin-bottom: var(--gap);
    padding: var(--gap-static--xxs) var(--gap-static--xs);
}
sc-container .learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-stats .ld-progress-percentage {
    color: var(--color--primary) !important;
    margin-right: var(--gap--sm);
}
sc-container .learndash-wrapper .ld-progress .ld-progress-heading {
    font-size: var(--font-size--breadcrumb);
}
sc-container .learndash-wrapper .ld-progress.ld-progress-inline .ld-progress-bar {
    margin-right: var(--gap--xs);
}
/* Learn Dash Basic Typography */
sc-container .learndash-wrapper p {
    margin-bottom: var(--gap--sm);
}
sc-container .learndash-wrapper h2,
sc-container .learndash-wrapper .ld-item-list.ld-lesson-list .ld-section-heading h2 {
    color: var(--color--primary);
    font-family: var(--font-family--secondary);
    font-size: var(--font-size--h2);
    font-weight: 400;
    line-height: 1.25;
}
sc-container .learndash-wrapper .ld-item-list.ld-course-list .ld-lesson-section-heading,
sc-container .learndash-wrapper .ld-item-list.ld-lesson-list .ld-lesson-section-heading {
    color: var(--color--primary);
    font-family: var(--font-family--secondary);
    font-size: var(--font-size--h3);
    font-weight: 400;
}
sc-container .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name {
    color: var(--color--primary);
    font-size: var(--font-size--h5);
    font-weight: 500;
}
sc-container .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-title .ld-item-components {
    color: var(--color--primary);
    font-size: var(--font-size--breadcrumb);
    font-weight: 700;
}
/* Learn Dash Course Panels */
sc-container .learndash-wrapper .ld-item-list .ld-item-list-item {
    border: 2px solid var(--color--med-neutral);
}
sc-container .learndash-wrapper .ld-item-list-item:has(+ .ld-item-list-section-heading) {
    margin-bottom: var(--gap);
}
sc-container .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-status-icon {
    border-color: var(--color--med-neutral);
    margin-top: 0;
}
sc-container .learndash-wrapper .ld-primary-background {
    background-color: var(--color--dark-accent-1) !important;
}
/* Icons */
sc-container .learndash-wrapper .ld-expand-button.ld-button-alternate:not([disabled]) .ld-icon {
    background-color: var(--color--dark-accent-1) !important;
    color: var(--color--white);
}
sc-container .learndash-wrapper .ld-expand-button .ld-icon {
    font-size: 9px;
}
/* Active & Hover Colours */
sc-container .learndash-wrapper .ld-breadcrumbs a,
sc-container .learndash-wrapper .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading,
sc-container .learndash-wrapper .ld-lesson-item.ld-is-current-lesson .ld-lesson-title,
sc-container .learndash-wrapper .ld-primary-color-hover:hover,
sc-container .learndash-wrapper .ld-primary-color,
sc-container .learndash-wrapper .ld-primary-color-hover:hover,
sc-container .learndash-wrapper .ld-primary-color,
sc-container .learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab.ld-active,
sc-container .learndash-wrapper .ld-button.ld-button-transparent,
sc-container .learndash-wrapper .ld-button.ld-button-reverse,
sc-container .learndash-wrapper .ld-icon-certificate,
sc-container .learndash-wrapper .ld-login-modal .ld-login-modal-login .ld-modal-heading,
sc-container #wpProQuiz_user_content a,
sc-container .learndash-wrapper .ld-item-list .ld-item-list-item a.ld-item-name:hover,
sc-container .learndash-wrapper .ld-focus-comments__heading-actions .ld-expand-button,
sc-container .learndash-wrapper .ld-focus-comments__heading a,
sc-container .learndash-wrapper .ld-focus-comments .comment-respond a,
sc-container .learndash-wrapper .ld-focus-comment .ld-comment-reply a.comment-reply-link:hover,
sc-container .learndash-wrapper .ld-expand-button.ld-button-alternate {
    color: var(--color--dark-accent-1) !important;
}
/* Lessons Typography - outside of sc-container */
.learndash-wrapper h1 {
    color: var(--color--primary);
    font-family: var(--font-family--secondary);
    font-size: var(--font-size--h1);
    font-weight: 400;
    line-height: 1;
}
.learndash-wrapper .ld-tabs-content h2 {
    color: var(--color--primary);
    font-family: var(--font-family--secondary);
    font-size: var(--font-size--h2);
    font-weight: 400;
    line-height: 1.25;
}
.learndash-wrapper .ld-tabs-content h3 {
    color: var(--color--primary);
    font-family: var(--font-family--secondary);
    font-size: var(--font-size--h3);
    font-weight: 400;
    line-height: 1.3;
}
.learndash-wrapper .ld-tabs-content h4 {
    color: var(--color--primary);
    font-family: var(--font-family--secondary);
    font-size: var(--font-size--h4);
    font-weight: 400;
    line-height: 1.5;
}
.learndash-wrapper .ld-tabs-content h5 {
    color: var(--color--primary);
    font-family: var(--font-family--secondary);
    font-size: var(--font-size--h5);
    font-weight: 600;
    letter-spacing: var(--letter-spacing--h5);
    line-height: 1.45;
}
.learndash-wrapper .ld-tabs-content a {
    color: var(--color--dark-accent-1);
    text-decoration: underline !important;
    text-decoration-thickness: 0.5px;
    text-underline-offset: 2px;
    transition: color var(--transition-dur), text-decoration-color var(--transition-dur);
}
.learndash-wrapper a:hover {
    color: var(--color--primary);
    text-decoration-color: var(--color--primary);
}
.learndash-wrapper p:not(:last-child) {
    margin-bottom: var(--gap--sm);
}
.learndash-wrapper .has-small-font-size {
    font-size: var(--font-size--caption) !important;
    text-align: center
}
.single .learndash-wrapper .ld-course-navigation .ld-lesson-item-preview .ld-lesson-title {
    font-size: var(--font-size--caption);
}
.single .learndash-wrapper .ld-expand-button {
    font-size: var(--font-size--caption);
}
.single .learndash-wrapper .ld-course-navigation .ld-lesson-item-section-heading .ld-lesson-section-heading {
    color: var(--color--primary);
    font-family: var(--font-family--secondary);
    font-size: var(--font-size--h5);
    font-weight: 600;
    line-height: 1.45;
}
/* Buttons */
.single .learndash-wrapper .ld-quiz-actions input[name=reShowQuestion],
.single .learndash-wrapper .ld-quiz-actions input[name=restartQuiz],
.single .learndash-wrapper .wpProQuiz_content .wpProQuiz_button,
.single .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2,
.single .learndash-wrapper .wpProQuiz_content .wpProQuiz_button:not([disabled]):not(.wpProQuiz_button_reShowQuestion):not(.wpProQuiz_button_restartQuiz) {
    background-color: var(--color--light-accent-1) !important;
    border-radius: 48px;
    color: var(--color--primary) !important;
    display: inline-block;
    font-size: var(--font-size--h6);
    font-weight: 700 !important;
    letter-spacing: var(--letter-spacing--h6);
    padding: clamp(0.375rem, 0.3125rem + 0.2083vw, 0.5625rem) clamp(0.75rem, 0.6667rem + 0.2778vw, 1rem);
    position: relative;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;

    &:hover {
        background-color: var(--color--primary) !important;
        color: var(--color--light-accent-1) !important;

        span {
            color: var(--color--light-accent-1);
        }
    }

    span {
        color: var(--color--primary);
    }

    .ld-icon {
        display: none;
    }
}
/* Button with Icon - Mark Complete */
.single .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) #learndash_mark_complete_button,
.single .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .learndash_mark_complete_button {
    background-color: var(--color--light-accent-1) !important;
    border-radius: 48px;
    color: var(--color--primary) !important;
    display: inline-block;
    font-size: var(--font-size--h6);
    font-weight: 700;
    letter-spacing: var(--letter-spacing--h6);
    padding: clamp(0.375rem, 0.3125rem + 0.2083vw, 0.5625rem) calc(clamp(0.75rem, 0.6667rem + 0.2778vw, 1rem) + 20px) clamp(0.375rem, 0.3125rem + 0.2083vw, 0.5625rem) clamp(0.75rem, 0.6667rem + 0.2778vw, 1rem);
    position: relative;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;

    &:hover {
        background-color: var(--color--primary) !important;
        color: var(--color--light-accent-1) !important;

        span {
            color: var(--color--light-accent-1);
        }
    }

    span {
        color: var(--color--primary);
    }
}
.single .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .sfwd-mark-complete::after {
    color: var(--color--primary);
}
.single .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .sfwd-mark-complete:hover::after,
.single .learndash-wrapper .ld-focus .ld-focus-header .ld-content-action .sfwd-mark-complete:hover::after {
    color: var(--color--light-accent-1) !important;
}
.single .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-details .ld-expand-button {
    padding: 5px 10px;
}
/* Back Button */
.single .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-content-actions .ld-content-action .ld-course-step-back {
    align-items: center;
    color: var(--color--primary) !important;
    display: inline-flex;
    font-size: var(--font-size--breadcrumb);
    font-weight: 600;
    letter-spacing: var(--letter-spacing--breadcrumb);
    margin-top: var(--gap);
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;

    &::before {
        background-color: var(--color--primary);
        content: "";
        display: inline-block;
        height: 9px;
        margin-right: var(--gap-static--xxs);
        -webkit-mask-image: url(20bccaf83db74d83f484.svg);
                mask-image: url(20bccaf83db74d83f484.svg);
        -webkit-mask-position: center;
                mask-position: center;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-size: contain;
                mask-size: contain;
        position: relative;
        top: -0.5px;
        transition: background-color var(--transition-dur);
        width: 5px;
    }

    &:hover {
        color: var(--color--dark-accent-1) !important;
    }
}
/* Tertiary Button */
.single .learndash-wrapper .ld-button:not([disabled]):not(.ld-button-reverse):not(.ld-button-transparent):not(.ld--ignore-inline-css) {
    background-color: transparent !important;
    color: var(--color--primary);
    display: inline-block;
    font-size: var(--font-size--h5);
    font-weight: 600;
    letter-spacing: var(--letter-spacing--h5);
    max-width: unset;
    padding: 0 0 4px !important;
    position: relative;
    width: auto;
}
.single .learndash-wrapper .ld-button:not([disabled]):not(.ld-button-reverse):not(.ld-button-transparent):not(.ld--ignore-inline-css)::before {
    background-color: var(--button__before-background-color, var(--color--light-accent-1));
    bottom: 0;
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    right: 0;
    transition: width var(--transition-dur--med);
    width: 100%;
}
.single .learndash-wrapper .ld-button:not([disabled]):not(.ld-button-reverse):not(.ld-button-transparent):not(.ld--ignore-inline-css)::after {
    background-color: var(--button__after-background-color, var(--color--light-accent-1));
    bottom: 0;
    content: '';
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    transition: width var(--transition-dur--med);
    width: 0;
}
.single .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-button .ld-text {
    padding: 0;
}
.single .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-button .ld-icon {
    display: none;
}
/* Tertiary - Hover */
.single .learndash-wrapper .ld-button:not([disabled]):not(.ld-button-reverse):not(.ld-button-transparent):not(.ld--ignore-inline-css):hover {
    background-color: transparent !important;
    color: var(--color--primary);
    font-weight: 600;
}
.single .learndash-wrapper .ld-button:not([disabled]):not(.ld-button-reverse):not(.ld-button-transparent):not(.ld--ignore-inline-css):hover::before {
    width: 0;
}
.single .learndash-wrapper .ld-button:not([disabled]):not(.ld-button-reverse):not(.ld-button-transparent):not(.ld--ignore-inline-css):hover::after {
    transition-delay: var(--transition-dur--med);
    width: 100%;
}
/* Download Certificate */
.single .learndash-wrapper .ld-alert-certificate.ld-alert-success .ld-button {
    min-width: -moz-fit-content;
    min-width: fit-content;
}
/* Remove button focus */
.single .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) #learndash_mark_complete_button:focus,
.single .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .learndash_mark_complete_button:focus,
.single .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-button:focus {
    outline: 0;
}
/* Colours */
.single .learndash-wrapper .ld-button:hover:not([disabled]):not(.ld-button-transparent):not(.ld--ignore-inline-css),
.single #learndash-tooltips .ld-tooltip::after,
#learndash-tooltips .ld-tooltip,
.ld-tooltip:not(.ld-tooltip--modern) [role="tooltip"],
.single .learndash-wrapper .ld-primary-background,
.learndash-wrapper .btn-join:not(.ld--ignore-inline-css),
.single .learndash-wrapper #btn-join:not(.ld--ignore-inline-css),
.single .learndash-wrapper .ld-expand-button:not([disabled]),
.single .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2:not([disabled]),
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading,
.single .learndash-wrapper .ld-focus-comments .form-submit #submit,
.learndash-wrapper .ld-login-modal input[type='submit']:not([disabled]),
.single .learndash-wrapper .ld-login-modal .ld-login-modal-register:not([disabled]),
.learndash-wrapper .wpProQuiz_content .wpProQuiz_certificate a.btn-blue:not([disabled]),
.single .learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items a:not([disabled]),
.single #wpProQuiz_user_content table.wp-list-table thead th,
#wpProQuiz_overlay_close:not([disabled]),
.single .learndash-wrapper .ld-expand-button.ld-button-alternate:not([disabled]) .ld-icon {
    background-color: var(--color--light-neutral) !important;
    color: var(--color--primary) !important;
    font-weight: 400;
}
.single .learndash-wrapper .ld-primary-color {
    color: var(--color--white) !important;
}
.learndash-wrapper .ld-button:focus:not(.ld-button-transparent):not(.ld--ignore-inline-css),
.learndash-wrapper .btn-join:focus:not(.ld--ignore-inline-css),
.learndash-wrapper #btn-join:focus:not(.ld--ignore-inline-css),
.learndash-wrapper .ld-expand-button:focus,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button:not(.wpProQuiz_button_reShowQuestion):focus:not(.wpProQuiz_button_restartQuiz),
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button2:focus,
.learndash-wrapper .ld-focus-comments .form-submit #submit,
.learndash-wrapper .ld-login-modal input[type='submit']:focus,
.learndash-wrapper .ld-login-modal .ld-login-modal-register:focus,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_certificate a.btn-blue:focus,
.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-button.ld-button-transparent:focus,
.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-button.ld-button-transparent:hover,
.learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete #learndash_mark_complete_button:focus,
.learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete #learndash_mark_complete_button:hover,
.learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete .learndash_mark_complete_button:focus,
.learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete .learndash_mark_complete_button:hover,
.learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete #learndash_mark_complete_button:focus,
.learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete #learndash_mark_complete_button:hover,
.learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button:focus,
.learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button:hover {
    outline: 0 !important;
}
.single .learndash-wrapper .ld-expand-button:not([disabled]) {
    span {
        color: var(--color--primary) !important;
    }
}
.single .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-topic-list.ld-table-list {
    background-color: var(--color--light-neutral);
}
.single .learndash-wrapper .ld-status.ld-status-progress.ld-primary-background {
    background-color: var(--color--dark-accent-1) !important;
}
.single .learndash-wrapper .ld-breadcrumbs {
    background-color: var(--color--light-neutral);
    margin-bottom: 0;
}
.single .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-content-actions .ld-content-action {
    flex-basis: auto;
}
/* Quiz */
.single .learndash-wrapper .wpProQuiz_content .wpProQuiz_question_text {
    padding-bottom: 15px;
}
.single .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem:not(.ld-sortable__item) label.is-selected,
.single .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem:not(.ld-sortable__item) label:focus-within {
    border-color: var(--color--dark-accent-1);
}
.single .ld-sortable__item--sort_answer .ld-sortable__item-text {
    font-weight: normal;
}
.single .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem:not(.ld-sortable__item):focus-visible {
    outline: 0;
}
.single .learndash-wrapper .wpProQuiz_graded_points,
.single .learndash-wrapper .wpProQuiz_points {
    background-color: var(--color--light-neutral);
    border-color: var(--color--light-neutral);
}
.single .wpProQuiz_content .wpProQuiz_earned_points,
.single .wpProQuiz_content .wpProQuiz_graded_points,
.single .wpProQuiz_content .wpProQuiz_points {
    font-weight: 400;
}
.single .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem:not(.ld-sortable__item) .ld-quiz-question-item__status {
    right: 20px;
    top: 20px;
}
.single .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem:not(.ld-sortable__item).wpProQuiz_answerCorrectIncomplete label {
    border-color: var(--color--dark-accent-1);
}
.single .learndash-wrapper .ld-breadcrumbs a {
    color: var(--color--primary) !important;
    font-weight: 400 !important;
}
.single .learndash-wrapper .ld-course-navigation .ld-table-list.ld-topic-list .ld-table-list-item .ld-table-list-item-preview.ld-is-current-item {
    font-weight: 400;
}
.nestedpages .child-toggle-spacer {
  display: none !important;
}
.nestedpages .row-inner {
  height: 48px;
}
.nestedpages .child-toggle a {
  position: relative;
  top: 12px;
}
ul.block-editor-block-list__block {
  list-style: none;
  margin: 0 auto;
  max-width: 1024px;
}
ul.block-editor-block-list__block > li {
  padding-left: calc(var(--rich-text__bullet-size) + var(--gap-static--xs));
  position: relative;
}
ul.block-editor-block-list__block > li::before {
  background-color: var(--color--primary);
  border-radius: 50%;
  content: "";
  height: var(--rich-text__bullet-size);
  left: 10px;
  position: absolute;
  top: clamp(0.5625rem, 0.5104rem + 0.1736vw, 0.71875rem); /* 9px / 11.5px */ /* 480 / 1920 */
  width: var(--rich-text__bullet-size);
}
ul.block-editor-block-list__block > li > ul > li {
  list-style-type: none;
}
ul.block-editor-block-list__block > li > ul > li::before {
  background-color: transparent;
  border: 1px solid  var(--color--primary);
  border-radius: 50px;
  box-sizing: border-box;
  content: '';
  display: inline-block;
  height: var(--rich-text__bullet-size);
  left: 10px;
  position: absolute;
  top: clamp(0.5625rem, 0.5104rem + 0.1736vw, 0.71875rem); /* 9px / 11.5px */ /* 480 / 1920 */
  width: var(--rich-text__bullet-size);
}
/* Pagination */
sc-container:has(+ sc-container[has-pagination]) {
  --container__padding-bottom--override: 0;
}
.pagination {
  margin-top: var(--container__padding-top);

  @media (min-width: 1024px) {
   margin-top: var(--gap--lg);
  }
}
.pagination .nav-links {
  text-align: center;
}
.pagination .nav-links a,
.pagination .nav-links span {
  color: var(--color--primary);
  font-family: var(--font-family--primary);
  font-size: var(--font-size--h5);
  font-weight: 700;
  letter-spacing: var(--letter-spacing--h5);
  line-height: 1.5;
  margin: 0 calc(var(--gap-static--xxs) - 4px);
  text-transform: uppercase;
}
.pagination .nav-links a:hover,
.pagination .nav-links a:active {
  color: var(--color--dark-accent-1);
}
.pagination .nav-links .dots {
  margin: 0;
}
.pagination .nav-links .current {
  border-bottom: 1px solid var(--color--dark-accent-1);
}
.pagination .nav-links .prev,
.pagination .nav-links .next {
  display: inline-block;
  height: 9px;
  margin: 0 var(--gap-static--sm);
  visibility: hidden;
  width: 5px;
}
.pagination .nav-links .prev::after,
.pagination .nav-links .next::after {
  background-color: currentColor;
  content: "";
  display: inline-block;
  height: 9px;
  -webkit-mask-image: url(20bccaf83db74d83f484.svg);
          mask-image: url(20bccaf83db74d83f484.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  position: relative;
  transition: background-color var(--transition-dur);
  visibility: visible;
  width: 5px;
}
.pagination .nav-links .next::after {
  transform: rotate(180deg);
}
.pagination .nav-links .prev:hover::after,
.pagination .nav-links .prev:active::after,
.pagination .nav-links .next:hover::after,
.pagination .nav-links .next:active::after {
  background-color: var(--color--dark-accent-1);
}
:root {
  --post-nav-arrow__height: 13px;
  --post-nav-arrow__width: 18px;


  @media (min-width: 768px) {
    --post-nav-arrow__height: 15px;
    --post-nav-arrow__width: 20px;
  }

  @media (min-width: 1550px) {
    --post-nav-arrow__height: 17px;
    --post-nav-arrow__width: 23px;
  }
}
sc-container:has(+ sc-container[layout="post-meta"]) {
  --container__padding-bottom--override: var(--container__padding-bottom);

  @media (min-width: 1024px) {
    --container__padding-bottom--override: var(--gap--lg);
  }
}
.post-meta {
  border-top: 1px solid var(--color--primary);
  padding-top: var(--container__padding-bottom);

  @media (min-width: 1024px) {
    padding-top: var(--gap--lg);
  }
}
.post-meta__item:not(:last-child) {
  margin-bottom: var(--gap-static--xxxs);
}
.post-meta__item h5,
.post-meta__item h5:not(:last-child) {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.post-navigation {
  display: block;
  width: 100%;

  @media (min-width: 600px) {
    align-items: start;
    display: flex;
    flex-wrap: wrap;
    gap: 16.66667%;
  }
}
.post-navigation__item {
  width: 100%;

  @media (min-width: 600px) {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
}
.post-navigation__next {
  margin-top: var(--gap);
  text-align: right;

  @media (min-width: 600px) {
    margin-top: 0;
  }
}
.post-navigation__item a {
  color: var(--color--primary);
  display: block;
  font-size: var(--font-size--h4);
  font-weight: 400;
  line-height: 1.25;
  position: relative;
  text-transform: none;
}
.post-navigation__item a::before {
  background-color: var(--color--primary);
  content: '';
  display: block;
  height: var(--post-nav-arrow__height);
  -webkit-mask-image: url(941c77fde49d53d1c56c.svg);
          mask-image: url(941c77fde49d53d1c56c.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  position: absolute;
  top: clamp(0.375rem, 0.2821rem + 0.3378vw, 0.6875rem);  /* 6px / 11px */ /* 440 / 1920 */
  transition: background-color var(--transition-dur);
  width: var(--post-nav-arrow__width);
}
.post-navigation__prev a::before {
  left: 0;
  transform: rotate(180deg);
}
.post-navigation__next a::before {
  right: 0;
}
.post-navigation__prev a {
  padding-left: calc(var(--post-nav-arrow__width) + var(--gap-static--xs));

  @media (min-width: 600px) {
    padding-left: calc(var(--post-nav-arrow__width) + var(--gap--sm));
  }
}
.post-navigation__next a {
  padding-right: calc(var(--post-nav-arrow__width) + var(--gap-static--xs));

  @media (min-width: 600px) {
    padding-right: calc(var(--post-nav-arrow__width) + var(--gap--sm));
  }
}
.post-navigation__item a:visited {
  color: var(--color--primary);
}
.post-navigation__item a:hover,
.post-navigation__item a:active {
  color: var(--color--accent);
}
.post-navigation__item a:hover::before,
.post-navigation__item a:active::before {
  background-color: var(--color--accent);
}
body.user-registration-page .user-registration {
  box-shadow: none !important;
  max-width: 100% !important;
}
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .user-registration-registration-title {
  font-family: var(--font-family--secondary);
  font-size: var(--font-size--h3);
  line-height: 1.3;
}
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item .input-wrapper input,
body.user-registration-page .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid select {
  background-color: var(--color--light-neutral) !important;
  border: none !important;
  border-bottom: 1px solid var(--color--primary) !important;
  border-radius: 0 !important;
  color: var(--color--primary);
  font-size: var(--font-size--p) !important;
  padding: var(--gap-static--xxxs) var(--gap-static--xxs) !important;
}
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-field-item label:not(.user-registration-error) {
  color: var(--color--primary) !important;
  font-size: var(--font-size--h5) !important;
  font-weight: 600 !important;
  letter-spacing: var(--letter-spacing--h5) !important;
  line-height: 1.45 !important;
}
body.user-registration-page .user-registration:not(.user-registration-MyAccount) {
  margin: 0 auto !important;
  padding: 0;
}
body.user-registration-page #page sc-container sc-rich-text .user-registration:not(.user-registration-MyAccount) .ur-button-container .ur-submit-button {
  background-color: var(--color--light-accent-1);
  border: none;
  border-radius: 48px;
  color: var(--color--primary);
  cursor: pointer;
  display: inline-block;
  font-family: var(--font-family--primary);
  font-size: var(--font-size--h6);
  font-weight: 700;
  justify-content: center;
  letter-spacing: var(--letter-spacing--h6);
  line-height: 1.25;
  margin-bottom: 0;
  padding: clamp(0.375rem, 0.3125rem + 0.2083vw, 0.5625rem) clamp(0.75rem, 0.6667rem + 0.2778vw, 1rem);
  position: relative;
  text-align: center;
  text-transform: uppercase;
  transition: background-color var(--transition-dur), color var(--transition-dur);

  &::before {
    content: none;
  }

  &::after {
    content: none;
  }

  &:hover {
    background-color: var(--color--primary);
    color: var(--color--light-accent-1);
  }
}
sc-container sc-rich-text .ur-form-row p {
  margin-bottom: 0 !important;
}
sc-container sc-rich-text .ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item {
  margin-bottom: var(--gap-static);
}
sc-container sc-rich-text .ur-form-row {
  margin-bottom: 0;
}
#ur-recaptcha-node {
  padding: 0 10px;
}
@media screen and (max-width: 768px) {
  .ur-frontend-form .ur-form-row .ur-form-grid:nth-child(1n+2) {
      border-left: none !important
  }

  .ur-frontend-form .ur-form-row .ur-form-grid {
    margin-bottom: 0 !important;
  }
}
.skip-to-main {
  clip: rect(0, 0, 0, 0);
  height: 1px;
  left: -9999px;
  overflow: hidden;
  position: absolute;
  top: -9999px;
  white-space: nowrap;
  width: 1px;
}
.skip-to-main:focus {
  background-color: var(--color--primary);
  clip: auto;
  color: var(--color--white);
  height: auto;
  left: 0;
  overflow: visible;
  padding: var(--gap--xs);
  position: static;
  top: 0;
  width: auto;
  z-index: 1000;
}
/* Social Icons */
.wp-block-social-links {
  justify-content: center;
}
.wp-block-social-links .wp-social-link:hover {
  transform: none;
}
.wp-social-link {
  padding-left: 0;
}
.wp-social-link::before {
  content: none;
}
/* Default Icons & Pill */
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {
  background-color: #1E4152;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link:hover {
  background-color: #16615B;
}
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover svg {
  fill: #F4F4F4;
  stroke: none;
}
/* Icons Only */
.wp-block-social-links.is-style-logos-only .wp-block-social-link .wp-block-social-link-anchor svg {
  fill: #1E4152;
  stroke: none;
}
.wp-block-social-links.is-style-logos-only .wp-block-social-link .wp-block-social-link-anchor:hover svg {
  fill: #16615B;
}
.wp-block-table {
  max-width: 100%;
  width: 100%;
}
.wp-block-table table {
  border-collapse: collapse;
  max-width: calc(100% - 2px);
}
.wp-block-table table thead {
  background: var(--color--dark-accent-2);
  border-bottom: 2px solid var(--color--primary);
  color: var(--color--white);
  text-align: left;
}
.wp-block-table table th,
.wp-block-table table td {
  border: 1px solid var(--color--primary);
  padding: var(--gap-static--xxxs) var(--gap--xs);
}
.wp-block-table table tfoot {
  border-top: 2px solid var(--color--primary);
  font-weight: bold;
}
.wp-block-table figcaption {
  font-size: var(--font-size--caption);
  padding-top: var(--gap--xs);
}
/* Stripes Styles */
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
  background-color: var(--color--light-neutral);
}
.wp-block-table.is-style-stripes table th,
.wp-block-table.is-style-stripes table td {
  border-left: 1px solid var(--color--primary);
  border-right: 1px solid var(--color--primary);
  padding: var(--gap-static--xxxs) var(--gap--xs);
}
.wp-block-table.is-style-stripes table thead th {
  border-top: 1px solid var(--color--primary);
}
.wp-block-table.is-style-stripes table tfoot td {
  border-bottom: 1px solid var(--color--primary);
}
.wp-block-table.is-style-stripes {
  border: 0;
}
/* Gutenberg Styling */
figure.block-editor-block-list__block:has(table) {
  margin: 0 auto;
  max-width: 1024px;
}
/* #tbl-widget--primary .tbl-widget__list .tbl-widget__article {
  display: flex;
} */
#tbl-widget--primary .tbl-widget__list {
  grid-row-gap: calc(var(--gap) * 2);
  margin-bottom: calc(var(--gap) * 2);
}
#tbl-widget--primary .tbl-widget__list .tbl-widget__article {
  grid-gap: var(--gap--sm);
  position: relative;
  row-gap: 0;

  /* &:not(:last-child) { */
  &::after {
    border-bottom: 1px solid var(--color--med-neutral);
    bottom: calc(var(--gap) * -1);
    content: '';
    display: block;
    left: 0;
    position: absolute;
    width: 100%;
  }

  /* } */
}
#tbl-widget--primary .tbl-widget__list .tbl-widget__article-title {
  font-size: var(--font-size--h3);

  &:not(:last-child) {
    margin-bottom: var(--gap--xxxs);
  }

  a {
    color: var(--color--primary);
    font-size: inherit;
    transition: color var(--transition-dur);

    &:hover {
      color: var(--color--dark-accent-1);
    }
  }
}
#tbl-widget--primary .tbl-widget__list .tbl-widget__article-date {
  font-size: var(--font-size--caption);

  &:not(:last-child) {
    margin-bottom: var(--gap--xs);
  }
}
#tbl-widget--primary a.tbl-widget__article-read-more {
  color: var(--color--dark-accent-1);
  margin: 0;
  transition: color var(--transition-dur);

  &:hover {
    color: var(--color--primary);
  }
}
/* Cart */
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  background-color: white;
  border-color: var(--color--light-accent-1);
  color: var(--color--primary);
  margin-bottom: var(--gap--xs);
  padding: var(--gap--xs) 0 var(--gap--xs) var(--gap-static--m);

  &:focus {
    outline: none;
  }
}
.woocommerce-info::before {
  color: var(--color--dark-accent-1)
}
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
  left: 0;
  top: auto;
}
/* Cart - Table */
.woocommerce .woocommerce-cart-form table thead {
  background-color: var(--color--light-neutral);
}
.woocommerce .woocommerce-cart-form table.shop_table th,
.woocommerce table.shop_table th,
.woocommerce table.shop_table tbody th {
  color: var(--color--primary);
  font-size: var(--font-size--h6);
  font-weight: 600;
  letter-spacing: var(--letter-spacing--h6);
  line-height: 1.45;
  padding: var(--gap-static--xxs) var(--gap-static--xxs);
  text-transform: uppercase;
}
.woocommerce table.shop_table td {
  padding: var(--gap-static--xxs) var(--gap-static--xxs);
}
.woocommerce-cart table.cart .product-thumbnail {
  min-width: 75px;
}
.woocommerce-cart table.cart img {
  width: 75px;
}
.woocommerce a.remove {
  color: var(--color--primary) !important;
  font-size: 22px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 auto;
}
.woocommerce a.remove:hover {
  background-color: var(--color--dark-accent-1) !important;
  color: var(--color--white);
}
/* Cart - Coupon field */
.woocommerce .woocommerce-cart-form table.cart td.actions .coupon {
  display: flex;
  margin-top: var(--gap-static--xxxxs);
}
.woocommerce-page .woocommerce-cart-form table.cart td.actions #coupon_code {
  background-color: var(--color--light-neutral);
  border: none;
  border-bottom: 1px solid var(--color--primary);
  color: var(--color--primary);
  font-size: var(--font-size--p);
  margin-right: var(--gap--xs);
  max-width: 200px;
  padding: var(--gap-static--xxxs) var(--gap-static--xxxs);
  width: 100%;
}
.woocommerce .woocommerce-cart-form table.cart td.actions .coupon + p {
  margin-bottom: 0;
}
/* Cart - Buttons */
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button {
  background-color: transparent;
  color: var(--color--primary);
  cursor: pointer;
  display: inline-block;
  font-family: var(--font-family--primary);
  font-size: var(--font-size--h5);
  font-weight: 600;
  letter-spacing: 0;
  padding: 0 0 4px;
  position: relative;
  white-space: nowrap;
  width: auto !important;


  &::before {
    background-color: var(--button__before-background-color, var(--color--dark-accent-1));
    bottom: 0;
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    right: 0;
    transition: width var(--transition-dur--med);
    width: 100%;
  }

  &::after {
    background-color: var(--button__after-background-color, var(--color--dark-accent-1));
    bottom: 0;
    content: '';
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    transition: width var(--transition-dur--med);
    width: 0;
  }

  &:hover {
    background-color: transparent;
    color: var(--color--primary);

    &::before {
      width: 0;
    }

    &::after {
      transition-delay: var(--transition-dur--med);
      width: 100%;
    }
  }
}
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled[disabled]:hover {
  background-color: transparent;

  &::before {
    width: 100%;
  }

  &::after {
    width: 0;
  }
}
.woocommerce-page table.cart td.actions button[name="update_cart"] {
  margin-left: auto;
}
/* Cart - Totals */
.woocommerce .cart-collaterals .cart_totals h2 {
  font-size: var(--font-size--h4);
}
/* Cart - Proceed to checkout */
.woocommerce-cart .wc-proceed-to-checkout p {
  text-align: right;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt {
  background-color: var(--color--light-accent-1);
  border: none;
  border-radius: 48px;
  color: var(--color--primary);
  cursor: pointer;
  display: inline-block;
  font-family: var(--font-family--primary);
  font-size: var(--font-size--h6);
  font-weight: 700;
  justify-content: center;
  letter-spacing: var(--letter-spacing--h6);
  line-height: 1.25;
  margin-bottom: 0;
  padding: clamp(0.375rem, 0.3125rem + 0.2083vw, 0.5625rem) clamp(0.75rem, 0.6667rem + 0.2778vw, 1rem);
  position: relative;
  text-align: center;
  text-transform: uppercase;
  transition: background-color var(--transition-dur), color var(--transition-dur);

  &::before {
    content: none;
  }

  &::after {
    content: none;
  }
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover {
  background-color: var(--color--primary);
  color: var(--color--light-accent-1);
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button br {
  display: none;
}
/* Checkout */
.woocommerce .woocommerce-checkout label {
  color: var(--color--primary);
  font-size: var(--font-size--h5);
  font-weight: 600;
  letter-spacing: var(--letter-spacing--h5);
  line-height: 1.45;
}
.woocommerce .woocommerce-checkout input[type="text"],
.woocommerce .woocommerce-checkout input[type="email"],
.woocommerce .woocommerce-checkout input[type="tel"],
.woocommerce .woocommerce-checkout .form-row textarea,
.woocommerce form .form-row .input-text,
.woocommerce form .form-row select {
  background-color: var(--color--light-neutral);
  border: none;
  border-bottom: 1px solid var(--color--primary);
  border-radius: 0;
  font-size: var(--font-size--p);
  padding: var(--gap-static--xxxs) var(--gap-static--xxs);

  &:focus-visible {
    outline: 0;
  }
}
.woocommerce-cart table.cart td.actions .coupon .coupon-error-notice,
.woocommerce-checkout table.cart td.actions .coupon .coupon-error-notice {
  padding-left: var(--gap-static--xxxs);
}
/* Checkout - select */
.woocommerce .woocommerce-checkout .form-row .selection .select2-selection--single {
  background-color: var(--color--light-neutral);
  border: none;
  border-bottom: 1px solid var(--color--primary);
  border-radius: 0;
  font-size: var(--font-size--p);
  padding: var(--gap-static--xxxs) var(--gap-static--xxs);
}
.select2-container .select2-dropdown {
  background-color: var(--color--light-neutral);
  border: none;
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
  background-color: var(--color--dark-accent-1);
}
.select2-container--default .select2-results__option[data-selected=true] {
  background-color: var(--color--light-accent-2);
  color: var(--color--primary);
}
.select2-container .select2-dropdown input[type="text"] {
  background-color: var(--color--white);
  border: none;
  border-bottom: 1px solid var(--color--primary);
  border-radius: 0;
  font-size: var(--font-size--p);
  padding: var(--gap-static--xxxs) var(--gap-static--xxs);
}
.select2-search--dropdown,
.select2-results__option {
  padding: var(--gap-static--xxxs);
}
.select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0;
}
/* Checkout - Order overiew/payment */
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
  background-color: transparent;
  padding: 0;
}
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods,
#add_payment_method #payment ul.payment_methods li,
.woocommerce-cart #payment ul.payment_methods li,
.woocommerce-checkout #payment ul.payment_methods li {
  padding: 0;

  &::before {
    content: none;
  }
}
#add_payment_method #payment div.form-row,
.woocommerce-cart #payment div.form-row,
.woocommerce-checkout #payment div.form-row {
  padding: var(--gap-static--xxs) 0;
}
.woocommerce .col2-set .col-1 p:has(+ .woocommerce-billing-fields),
.woocommerce form .form-row br {
  display: none;
}
/* Checkout - Coupon popout */
.woocommerce form.checkout_coupon {
  align-items: center;
  display: flex;
  gap: var(--gap);
  margin: 0 0 var(--gap);
  padding: var(--gap-static--xxxs) var(--gap-static--xxs);
}
.woocommerce-page .col2-set .col-2 {
  margin-top: var(--gap);

  @media (min-width: 768px) {
    margin-top: 0;
  }
}
/* Login */
body .woocommerce form.login,
body .woocommerce form.register {
  border: none;
  padding: 0;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
  margin-top: 7px;
}
/* Set max width of inline images in rich text blocks */
.wp-caption {
  max-width: 100%;
}
.wp-caption p:empty {
  display: none;
}
.wp-caption img {
  margin-bottom: 0;
  margin-top: 0;
}
.wp-caption-text {
  color: var(--color--midnight);
  font-size: var(--font-size--caption);
  line-height: 1.6;
  margin-top: var(--gap--xs);
  max-inline-size: -moz-min-content;
  max-inline-size: min-content;
  min-inline-size: -moz-fit-content;
  min-inline-size: fit-content;
}
/* Align images in rich text block */
.alignleft,
img.alignleft {
  margin: var(--gap-static--m) auto;

  @media (min-width: 768px) {
    float: left;
    margin: 0 var(--gap-static--m) var(--gap--xs) 0;
  }
}
.alignright,
img.alignright {
  margin: var(--gap-static--m) auto;

  @media (min-width: 768px) {
    float: right;
    margin: 0 0 var(--gap--xs) var(--gap-static--m);
  }
}
.alignright img {

  @media (min-width: 768px) {
    margin-left: auto;
  }
}
.alignright img,
.alignleft img {
  width: 100%;
}
.alignnone,
img.alignnone,
.aligncenter,
img.aligncenter {
  margin: var(--gap-static--m) auto;

  @media (min-width: 1024px) {
    margin: var(--gap--lg) auto;
  }
}
.info-block__right sc-rich-text .wp-caption,
.info-block__right sc-rich-text img {
  margin-bottom: var(--gap-static);
  margin-left: 0;
  margin-top: var(--gap-static);

  @media (min-width: 1280px) {
    margin-bottom: var(--gap-static--m);
    margin-top: var(--gap-static--m);
  }
}
.info-block__right sc-rich-text img.alignnone {
  margin: var(--gap-static--m) 0;
}
.info-block__right .wp-caption img {
  margin-bottom: 0;
  margin-top: 0;
}