/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* HIDE HEADER ON SCROLL  */
/*****************************************/
#header {
  position: fixed;
  top: 0;
  width: 100%;
  transition: transform 0.3s ease-in-out;
  z-index: 1000;
  background-color: #f7f5f3;
}

#header.header--hide {
  transform: translateY(-100%);
}

#header.header--show {
  transform: translateY(0);
}

@media (max-width: 767px) {
  #header {
    position: relative;
    transform: none !important;
  }
}

.header--no-navigation + .sticky-padding {
  display: none;
}

/* ========================================
   CENTER SECTION INTRO TEXT ON MOBILE
   ======================================== */

@media (max-width: 768px) {
  .section-intro h1,
  .section-intro h2,
  .section-intro h3,
  .section-intro h4,
  .section-intro h5,
  .section-intro p {
    text-align: center !important;
  }
}

/* ========================================
   Center text on mobile
   ======================================== */
<style>
  .ul-center-mobile p { text-align: left; }
  @media (max-width: 767px) {
    .ul-center-mobile p { text-align: center; }
  }
</style>

/* ========================================
   SITE-WIDE LINKS
   ======================================== */
body a {
  color: #059669;
}

body a:hover,
body a:focus {
  color: #047857 !important;
}

/* Don't style button links */
.btn a,
button a,
.header a,
.footer a,
.navigation a {
  text-decoration: none !important;
}

/* ========================================
   BLOG POST SPECIFIC TYPOGRAPHY
   ======================================== */

/* Blog Post Title (H1) */
.elements--post--blog__title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 800 !important;
  font-size: 46px !important;
  line-height: 1.3 !important;
  color: #121212 !important;
  margin-bottom: 16px !important;
}

.elements--white--paper__title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 800 !important;
  font-size: 46px !important;
  line-height: 1.3 !important;
  color: #121212 !important;
  margin-bottom: 16px !important;
}

/* Blog Post Subtitle/Meta Description */
.elements--post2--blog__subtitle {
  font-size: 19px !important;
  line-height: 1.5 !important;
  color: #4A4A4A !important;
  font-weight: 300 !important;
  font-style: italic !important;
  margin-bottom: 16px !important;
}

/* Blog Body Headers */
.elements--post--blog--body h2 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 38px !important;
  line-height: 1.4 !important;
  color: #121212 !important;
  margin-top: 30px !important;
  margin-bottom: 16px !important;
}

.elements--post--blog--body h3 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 30px !important;
  line-height: 1.4 !important;
  color: #544A41 !important;
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.elements--post--blog--body h4 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 600 !important;
  font-size: 24px !important;
  line-height: 1.4 !important;
  color: #2E2E2E !important;
  margin-top: 28px !important;
  margin-bottom: 12px !important;
}

.elements--post--blog--body h5 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  line-height: 1.4 !important;
  color: #2E2E2E !important;
  margin-top: 24px !important;
  margin-bottom: 12px !important;
}

.elements--post--blog--body h6 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  color: #4A4A4A !important;
  margin-top: 24px !important;
  margin-bottom: 8px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

/* Blog Body Paragraphs */
.elements--post--blog--body p {
  font-size: 18px !important;
  line-height: 1.7 !important;
  color: #2e2e2e !important;
}


/* Mobile Adjustments */
@media (max-width: 767px) {
  .elements--post--blog__title {
    font-size: 30px !important;
    line-height: 1.2 !important;
    margin-bottom: 12px !important;
  }
  
  .elements--post2--blog__subtitle {
    font-size: 16px !important;
    margin-bottom: 24px !important;
  }
  
  .elements--post--blog--body h2 {
    font-size: 26px !important;
    margin-top: 32px !important;
    margin-bottom: 16px !important;
  }
  
  .elements--post--blog--body h3 {
    font-size: 22px !important;
    margin-top: 28px !important;
    margin-bottom: 12px !important;
  }
  
  .elements--post--blog--body h4 {
    font-size: 19px !important;
  }
  
  .elements--post--blog--body p {
    font-size: 17px !important;
    line-height: 1.65 !important;
  }
}

/* Blog body links - override inline styles */
.elements--post--blog--body a,
.elements--post--blog--body a span,
.elements--post--blog--body a u,
.elements--post--blog--body a span[style] {
  color: #059669 !important;
}

.elements--post--blog--body a:hover,
.elements--post--blog--body a:hover span,
.elements--post--blog--body a:focus,
.elements--post--blog--body a:focus span {
  color: #047857 !important;
}

/* Add subtle border to H2s */
.elements--post--blog--body h2 {
  padding-bottom: 12px !important;
  border-bottom: 2px solid #F7F5F3 !important;
}

/* ========================================
   BLOG SIDEBAR
   ======================================== */

/* TOC Card Styling - applies to all screen sizes */
.elements--post--blog--toc__card.cards__card {
  margin-bottom: 24px;
  background-color: #f7f5f3 !important;
  border: none !important;
  box-shadow: none;
  filter: none !important;
  -webkit-filter: none !important;
  padding: 32px;
}

.elements--post--blog--toc__title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 24px !important;
  line-height: 1.3 !important;
  margin-bottom: 24px;
  margin-top: 0;
  color: #121212;
}

.elements--post--blog--toc__list {
  list-style: none;
  padding: 0;
  margin: 0 0 16px 0;
}

.elements--post--blog--toc__list li {
  margin-bottom: 8px;
}

.elements--post--blog--toc__list a {
  color: #059669 !important;
  text-decoration: none;
}

.elements--post--blog--toc__select {
  display: none;
}

.elements--post--blog--toc.hide-table-of-contents {
  display: none;
}

/* Desktop: sticky sidebar */
@media (min-width: 768px) {
  .elements--post--blog--main__content .row-fluid .span4.elements--post--blog--sidebar__container {
    position: sticky !important;
    top: 24px;
    align-self: flex-start;
  }
  
  .elements--post2--blog--author__card__2 {
    position: static !important;
  }
}

/* Mobile: show dropdown TOC */
@media (max-width: 767px) {
  .elements--post--blog--toc__card.cards__card {
    padding: 24px;
  }
  
  .elements--post--blog--toc__list {
    display: none;
  }
  
  .elements--post--blog--toc__select {
    display: block;
  }
  
  .elements--post--blog--toc__select select {
    width: 100%;
    padding: 12px;
    border: 1px solid #A3A3A3;
    border-radius: 4px;
    background-color: white;
    color: #121212;
    font-size: 14px;
  }
  
  .elements--post2--blog--author__card__2 {
    position: static !important;
  }
}

/* ========================================
   COMPARISON TABLE STYLING
   ======================================== */

.comparison-table-desktop td {
  border: 1px solid #f7f5f3;
}

.comparison-table-mobile { display: none; }

@media (max-width: 768px) {
  .comparison-table-desktop { display: none; }
  .comparison-table-mobile {
    display: block;
    width: 91%;
    margin: 20px auto 0;
  }
  .mobile-card {
    background-color: #FFFFFF;
    border: 1px solid #99acc2;
    margin-bottom: 20px;
    border-radius: 4px;
    overflow: hidden;
  }
  .mobile-card-header {
    background-color: #059669;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    padding: 12px;
  }
  .mobile-card-row {
    display: flex;
    flex-direction: column;
    padding: 12px;
    border-top: 1px solid #e5e7eb;
  }
  .mobile-label {
    font-weight: bold;
    font-size: 14px;
    color: #121212;
    margin-bottom: 5px;
  }
  .mobile-value {
    font-size: 16px;
    color: #121212;
    line-height: 1.5;
  }
}

/* ========================================
  NEWSLETTER FORM STYLING
   ======================================== */
.elements-form__section__subscribe-2__footer_newsletter_cta form .hs-submit {
  position: absolute !important;
  top: unset !important;
  bottom: 12px !important;
  right: 14px !important;
}

/* ========================================
  EVENT/CASE STUDY CARD FONT COLOR
   ======================================== */
span.elements--events--card__badge {
  color: #ffffff !important;
}