/* ======================================================
   HubSpot Child Theme - Full Site Font Override
   Modular headings for individual styling
   Tight line-heights
   Includes lists and blockquotes
====================================================== */


}

/* ===========================
   H1
=========================== */
h1, .hs_cos_wrapper h1 {
  font-family: "degular-display", sans-serif !important;
  font-weight: 500 !important;
  line-height: 70px;
  font-size: 80px;
   letter-spacing: 20px !important;
}

/* ===========================
   H2
=========================== */
h2, .hs_cos_wrapper h2 {
  font-family: "degular-display", sans-serif !important;
  font-weight: 500 !important;
  line-height: 70px;
  font-size: 80px;

}

/* ===========================
   H3
=========================== */
h3, .hs_cos_wrapper h3 {
  font-family: "degular-display", sans-serif !important;
  font-weight: 500 !important;
  line-height: 45px;
  font-size: 50px;

}

/* ===========================
   H4
=========================== */
h4, .hs_cos_wrapper h4 {
  font-weight: 400 !important;
  line-height: 30px !important;
  font-size: 27px !important;

}

/* ===========================
   H5
=========================== */
h5, .hs_cos_wrapper h5 {
  font-weight: 400 !important;
  line-height: 22px !important;
  font-size: 22px !important;

}

/* ===========================
   H6
=========================== */
h6, .hs_cos_wrapper h6 {
  font-weight: 400 !important;
  line-height: 20px !important;
  font-size: 20px !important;

}

/* ===========================
   MOBILE / TABLET STYLES (< 800px)
=========================== */
@media screen and (max-width: 1000px) {
  h1, .hs_cos_wrapper h1 {
    font-size: 45px !important;
    line-height: 40px !important;   /* Maintained tight ratio */
  }

  h2, .hs_cos_wrapper h2 {
    font-size: 45px !important;
    line-height: 40px !important;   /* Maintained tight ratio */
  }

  h3, .hs_cos_wrapper h3 {
    font-size: 35px !important;
    line-height: 30px !important;   /* Maintained tight ratio */
  }
}

/* ===========================
   Paragraph / Body Text
=========================== */
p, .hs_cos_wrapper p, div.hs_cos_wrapper p, span.hs_cos_wrapper p {

}

/* ===========================
   Bold / Strong text
=========================== */
strong, b, .hs_cos_wrapper strong, .hs_cos_wrapper b {
  font-family: inherit !important;
  font-weight: 700 !important;
  line-height: inherit !important;
}

/* ===========================
   Italic / Emphasis
=========================== */
em, i, .hs_cos_wrapper em, .hs_cos_wrapper i {
  font-family: inherit !important;
  font-style: italic !important;
  line-height: inherit !important;
}



/* ===========================
   Lists
=========================== */
ul, ol, li, .hs_cos_wrapper ul, .hs_cos_wrapper ol, .hs_cos_wrapper li {

}

/* ===========================
   Blockquotes / Quotes
=========================== */
blockquote, .hs_cos_wrapper blockquote {


}

  
.button .arrow,
.hs-button .arrow {
  margin-left: 6px;
  transition: transform .2s ease;
  display: inline-block;
}

.button:hover .arrow,
.hs-button:hover .arrow {
  transform: translateX(4px);
}
.blog-index__post-title-link {
  font-size: 40px !important;
  line-height: 35px !important;
}


/* --- Global Sticky Activation (Default behavior) --- */
/* Ensures full width and sticky position globally */
/* Media query: Only apply sticky logic to screens 900px and WIDER */
@media (min-width: 900px) {
    .dnd-section {
        position: sticky !important; 
        top: 40px !important;
        width: 100vw;
        left: 0;
        box-sizing: border-box;
    }
}

/* Optional: Explicitly ensure sticky is off for screens UNDER 900px */
@media (max-width: 899px) {
    .dnd-section {
        position: relative !important; /* Reverts sticky to normal flow */
        top: auto !important;
        width: 100%; /* Prevents horizontal overflow issues on mobile */
    }
}

}  
@media (max-width: 1000px) {
  /* Force HubSpot's standard grid to stack */
  .row-fluid [class*="span"] {
    display: block !important;
    width: 100% !important;
    margin-left: 0 !important;
  }
}