@font-face {
  font-family: "Highlight";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  /* src: url("/wp-content/uploads/2026/06/Yellowtail-Regular.ttf") format("truetype"); */
  src: url("/wp-content/uploads/2026/06/BetterTimes.ttf") format("truetype");
  /* src: url("/wp-content/uploads/2026/06/Pacifico-Regular.ttf") format("truetype"); */
}

html {
  scroll-behavior: auto !important;
}

/* prose */

.single-post {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin-block-end: 1rem;
    margin-block-start: 2.5rem;
  }
}

.single-post .post-content {
  h1 {
    color: var(--neutral-900, #1a1410);
    font-family: var(--heading-font), georgia, serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 350;
    line-height: 115%;
  }

  h2 {
    color: var(--neutral-900, #1a1410);
    font-family: var(--heading-font), georgia, serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 350;
    line-height: 120%;
  }

  h3 {
    color: var(--neutral-900, #1a1410);
    font-family: var(--heading-font), georgia, serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 350;
    line-height: 125%;
  }

  h4 {
    color: var(--neutral-900, #1a1410);
    font-family: var(--heading-font), georgia, serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 350;
    line-height: 130%;
  }

  h5 {
    color: var(--neutral-900, #1a1410);
    font-family: var(--body-font), sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
  }

  h6 {
    color: var(--neutral-900, #1a1410);
    font-family: var(--body-font), sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.32px;
  }

  p {
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 18px;
    color: var(--neutral-grey);
    line-height: 28px;
  }

  a {
    color: var(--navy-500, #1a3a5c);
    text-decoration: underline;
    text-underline-offset: 3px;
  }

  a:hover {
    opacity: 0.75;
  }

  strong,
  b {
    font-weight: 600;
    color: var(--neutral-900, #1a1410);
  }

  em,
  i {
    font-style: italic;
  }

  ul,
  ol {
    font-family: var(--body-font);
    font-size: 18px;
    font-weight: 400;
    color: var(--neutral-grey);
    line-height: 28px;
    padding-left: 1.5rem;
  }

  ul {
    list-style-type: disc;
  }

  ol {
    list-style-type: decimal;
  }

  li {
    margin-block-end: 0.5rem;
  }

  li::marker {
    color: var(--navy-500, #1a3a5c);
  }

  blockquote {
    border-left: 3px solid var(--navy-500, #1a3a5c);
    padding-left: 1.25rem;
    margin-inline: 0;
    color: var(--neutral-900, #1a1410);
    font-family: var(--heading-font), georgia, serif;
    font-size: 22px;
    font-weight: 350;
    font-style: italic;
    line-height: 140%;
  }

  hr {
    border: none;
    border-top: 1px solid #d5d7da;
    margin-block: 2.5rem;
  }

  @media (max-width: 767px) {
    h1 {
      font-size: 36px;
    }
    h2 {
      font-size: 28px;
    }
    h3 {
      font-size: 22px;
    }
    h4 {
      font-size: 18px;
    }

    p,
    ul,
    ol {
      font-size: var(--body-sm);
      line-height: 24px;
    }

    blockquote {
      font-size: 18px;
    }
  }
}

.title-highlight {
  font-family: "Highlight", serif;
  font-size: 90px;
  line-height: -8px;
  top: 10px;
  position: relative;
}
.gold {
  color: var(--Gold, #c8b07b);
}

.quote-txt {
  max-width: var(--grid-width);
  font-family: var(--body-font);
  font-weight: 200;
  font-size: var(--heading-2-fs-md);
  color: var(--navy-blue);
}

.quote-txt svg {
  margin-bottom: 15px;
  margin-right: 25px;
}

@media (max-width: 1024px) {
  .quote-txt {
    font-size: 32px !important;
  }
  .quote-txt svg {
    margin-bottom: 10px;
  }
}

@media (max-width: 768px) {
  .title-highlight {
    font-size: 60px;
    top: 5px;
  }
  .quote-txt {
    font-size: 28px !important;
  }
  .quote-txt svg {
    display: none;
  }
}

/* gform */

div.gform-body.gform_body label,
div.gform-body.gform_body legend,
div.gform-body.gform_body p,
div.gform-body.gform_body div {
  color: var(--navy-700, #112844);
  /* text sm/med */
  font-family: Manrope;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.28px;
}

.gform_confirmation_wrapper.gform_wrapper div {
  color: var(--navy-700, #112844);
  font-family: Manrope;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.28px;
}

div.gform-body.gform_body input,
div.gform-body.gform_body textarea {
  border: 1px solid #d5d7da;
  border-radius: 10px;
  box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.05);
  color: var(--neutral-black, #000);
  /* text-overflow: ellipsis; */
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

div.gform-body.gform_body select {
  border: 1px solid #d5d7da;
  border-radius: 10px;
  box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.05);
  color: var(--Gray-500, #717680);
  /* text-overflow: ellipsis; */
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

div.gform-body.gform_body input::placeholder,
div.gform-body.gform_body textarea::placeholder {
  color: var(--Gray-500, #717680);
  /* text md/reg */
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: 0.32px;
}

p.gform_required_legend {
  display: none;
}

div.gform-body.gform_body label.gfield_consent_label {
  color: var(--navy-500, #1a3a5c);
  /* text md/med */
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
  letter-spacing: 0.32px;
}

div.gform-body.gform_body label.gfield_consent_label a {
  color: inherit;
  text-decoration: underline;
}

div.gform-body.gform_body input[type="checkbox"] {
  border-radius: 6px;
  border: 1px solid var(--navy-700, #112844);
}

.gform_wrapper div.gform-body.gform_body + div.gform-footer.gform_footer input[type="submit"] {
  display: flex;
  padding: 12px 18px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  align-self: stretch;
  border-radius: 8px;
  border: 2px solid var(--Gradient-skeuemorphic-gradient-border, rgba(255, 255, 255, 0.12));
  background: var(--headery-500, #1a3a5c);

  /* Shadows/shadow-xs-skeuomorphic */
  box-shadow:
    0 0 0 1px rgba(10, 13, 18, 0.18) inset,
    0 -2px 0 0 rgba(10, 13, 18, 0.05) inset,
    0 1px 2px 0 rgba(10, 13, 18, 0.05);
  width: 100%;
  color: var(--Base-White, #fff);
  transition:
    background 0.15s ease-in-out,
    color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;

  /* Text md/Semibold */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
}

.gform_wrapper div.gform-body.gform_body + div.gform-footer.gform_footer input[type="submit"]:hover {
  border: 2px solid var(--headery-500, #1a3a5c);
  background: var(--Base-White, #fff);
  /* Shadows/shadow-xs-skeuomorphic */
  box-shadow:
    0 0 0 1px rgba(10, 13, 18, 0.18) inset,
    0 -2px 0 0 rgba(10, 13, 18, 0.05) inset,
    0 1px 2px 0 rgba(10, 13, 18, 0.05);
  width: 100%;
  color: var(--headery-500, #1a3a5c);
}

.gform_wrapper #field_submit input[type="submit"] {
  font-family: var(--body-font);
  font-weight: 500;
  font-size: 14px;
  color: var(--white);
  line-height: 1;
  text-align: center;
  padding-block-start: 12px;
  padding-block-end: 12px;
  padding-inline-start: 18px;
  padding-inline-end: 18px;
  border-radius: 50px;
  border-width: 1px;
  border-color: var(--primary-blue);
  border-style: solid;
  background-color: var(--primary-blue);
  align-self: start;
  transition: all 0.3s ease;
  cursor: pointer;
}

.gform_wrapper #field_submit input[type="submit"]:hover {
  color: var(--primary-blue);
  border-color: var(--white);
  background-color: var(--white);
}

.gform-theme--foundation #field_submit {
  align-items: flex-start;
}

div#gfield_description_2_1 {
  color: var(--neutral-400, #9a9a9e);

  /* text sm/reg */
  font-family: Manrope;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.28px;
}

.blog-title.elementor-widget.elementor-widget-theme-post-title.elementor-page-title.elementor-widget-heading h3.elementor-heading-title.elementor-size-default {
  font-family: var(--heading-font);
  font-weight: 400;
  font-size: var(--heading-3-fs);
  color: var(--neutral-black);
  line-height: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 2px;
}

.elementor-element.blog-desc.elementor-widget.elementor-widget-theme-post-excerpt {
  color: var(--neutral-400);
  font-family: Manrope, sans-serif;
  font-size: 16px;
  padding-top: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.32px;
}

/* pagination */

.elementor-pagination {
  display: flex;
  align-items: center;
  gap: 2px;
  width: 100%;
  justify-content: center;
  padding-top: 25px;
}

.elementor-pagination .page-numbers.prev {
  margin-right: auto !important;
}

.elementor-pagination .page-numbers.next {
  margin-left: auto !important;
}

.elementor-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 8px;
  border-radius: 20px;
  color: var(--neutral-400, #9a9a9e);
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.28px;
  text-align: center;
  text-decoration: none;
}

.elementor-pagination .page-numbers.current {
  background: var(--navy-50, #e8eff5);
  color: var(--navy-700, #112844);
}

.elementor-pagination .page-numbers.prev,
.elementor-pagination .page-numbers.next {
  color: var(--neutral-600, #5e5e62);
  font-weight: 600;
  min-width: auto;
  gap: 6px;
  padding: 0 4px;
}

.elementor-pagination .page-numbers.prev::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M12.5007 6.66659H0.833984M6.66732 0.833252L0.833984 6.66659L6.66732 12.4999' stroke='%239A9A9E' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  display: inline-flex;
  align-items: center;
  margin-top: 4px;
}

.elementor-pagination .page-numbers.next::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M1.5007 6.66659H13.1673M7.33398 0.833252L13.1673 6.66659L7.33398 12.4999' stroke='%239A9A9E' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  display: inline-flex;
  align-items: center;
  margin-top: 4px;
}

.elementor-pagination .page-numbers.dots {
  background: none;
  min-width: auto;
}

.share-buttons {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.share-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid #d5d7da;
  background: #fff;
  box-shadow:
    0 0 0 1px rgba(10, 13, 18, 0.18) inset,
    0 -2px 0 0 rgba(10, 13, 18, 0.05) inset,
    0 1px 2px 0 rgba(10, 13, 18, 0.05);
  cursor: pointer;
  text-decoration: none;
  color: #a4a7ae;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  transition: box-shadow 0.15s ease;
}

.share-btn:hover {
  box-shadow:
    0 0 0 1px rgba(10, 13, 18, 0.22) inset,
    0 -2px 0 0 rgba(10, 13, 18, 0.08) inset,
    0 2px 4px 0 rgba(10, 13, 18, 0.08);
  background-color: inherit;
  color: inherit;
}

.share-btn svg {
  flex-shrink: 0;
}

button.e-filter-item {
  color: var(--neutral-400, #9a9a9e);

  /* text md/semi bold */
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
  letter-spacing: 0.32px;
}

button.e-filter-item[aria-pressed="true"] {
  text-decoration: underline;
}

.blog-title.elementor-widget.elementor-widget-theme-post-title.elementor-page-title.elementor-widget-heading h3.elementor-heading-title.elementor-size-default {
  font-family: var(--heading-font);
  font-weight: 400;
  font-size: var(--heading-3-fs);
  color: var(--neutral-black);
  line-height: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.elementor-element.blog-desc.elementor-widget.elementor-widget-theme-post-excerpt {
  color: var(--neutral-400);
  font-family: Manrope, sans-serif;
  font-size: 16px;
  padding-top: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.32px;
}