.author-section,.blog-comments,.data{font-size:1rem}
.author-section .avatar{margin-top:1.85rem}
.author-section .avatar img{border-radius:50%}
.blog-hero{position:relative;background-size:cover;background-repeat:no-repeat;background-position:center}
.blog-hero:after{content:'';background:#000;opacity:.7;position:absolute;height:100%;width:100%;top:0;left:0}
.blog-hero-content{padding:12rem 0;position:relative;z-index:1}
.blog-featured-image{padding:14rem 0;background-size:cover;background-repeat:no-repeat;background-position:center}
.article-panel{position:relative;height:100%;background:#fff;border:1px solid #f0f1ed;min-height:100%;box-shadow:15px 10px 20px 0 transparent;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.article-panel:hover{box-shadow:15px 10px 20px 0 rgba(0,0,0,.05)}
.article-panel:first-of-type{height:auto}
.article-meta{padding:.75rem 2rem;background:#fff}
.article-meta span{font-size:13px}
.article-meta span.bull{color:{
};}
.article-panel>a,.article-panel>a:hover{color:{
};}
.article-panel .article-content{padding:1.25rem;background:#fff;position:relative}
.article-panel .article-img:after{content:'';background:#000;opacity:.1;position:absolute;top:0;left:0;width:100%;height:100%}
.article-panel .article-img img{position:absolute;width:100%;height:100%;object-fit:cover;max-width:116%;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
.article-panel h3{font-weight:400;margin-top:.625rem;margin-bottom:2rem;font-size:1rem;line-height:1.5;display:block;letter-spacing:0}
.article-panel h3 a{color:#313543}
.tag{line-height:1;font-size:.8rem}
.tag a{color:{
};}
.latest-posts>div{margin-bottom:1.875rem}
.sr-sticky-breadcrumb{position:relative;background:#fff;z-index:10;font-size:1rem}
.current-section{text-transform:capitalize}
.sr-sticky-breadcrumb-heading{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:.75rem 0;transition:all ease-in-out .3s}
.is_stuck .sr-sticky-breadcrumb-heading{padding:.5rem 0}
.sr-sticky-breadcrumb-heading{font-weight:600}
.sr-sticky-breadcrumb-categories{text-align:center;display:block;top:100%;width:100%;background:#fff;z-index:1}
.is_stuck .sr-sticky-breadcrumb-categories{position:relative}
.sr-sticky-breadcrumb-categories .container{padding-top:1.25rem;padding-bottom:1.125rem}
.sr-sticky-breadcrumb-categories strong{margin:0 0 .93rem}
.sr-sticky-breadcrumb-categories ul{padding:0;margin:0;list-style:none}
.sr-sticky-breadcrumb-categories ul li{list-style:none;display:inline-block}
.sr-sticky-breadcrumb-categories ul li a{margin:.3125rem}
.blog-pagination{padding:1.875rem 0}
.blog-pagination a{white-space:nowrap;margin:0 10px;text-decoration:none;padding:4px 8px;color:#000}
.blog-pagination a.all-posts-link{font-weight:700}
.blog-pagination a:active,.blog-pagination a:focus,.blog-pagination a:hover{background:#fff}
.blog-heading h1{letter-spacing:0}
.sr-social-share.sr-social-share{border:1px solid #ebebeb;display:block;padding:15px 8.8px;border-radius:100px;background-color:#fff;z-index:99}
@media (max-width:991px){
.sr-social-share.sr-social-share{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin-top:2rem}
.sr-social-share.sr-social-share img{margin-bottom:0!important}
}
@media only screen and (min-width:992px){
.sr-social-share.sr-social-share{opacity:0;position:fixed;left:35px;top:45%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all .15s ease-in-out;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
.sr-social-share.sr-social-share:hover{top:44.5%;border-color:#f5f5f5;box-shadow:10px 15px 60px 0 rgba(0,0,0,.1)}
.sr-social-share.sr-social-share.active{line-height:1rem;left:100px;opacity:1}
.sr-social-share.sr-social-share span,.sr-social-share.sr-social-share span a{display:block;margin:5px auto}
.sr-social-share.sr-social-share .sr-social-share-heading{padding-left:0;margin-bottom:10px}
.sr-social-share.sr-social-share .hs_cos_wrapper_type_social_sharing{font-size:0}
}
.sr-social-share.sr-social-share .sr-social-share-heading{font-size:9px;text-transform:uppercase;color:silver;letter-spacing:1px;vertical-align:middle}
.blog-comments{margin-bottom:3.125rem}
.blog-comments .blog-comments-trigger{position:relative;text-align:center;display:block}
.blog-comments .blog-comments-trigger:after{content:"\f107";font-family:fontawesome;margin-left:.2rem}
.blog-comments .blog-comments-trigger.open:after{content:"\f106"}
.blog-comments .blog-comments-wrapper{display:none}
.blog-comments .blog-comments-wrapper .comment-reply-to{margin-bottom:20px}
.blog-comments .blog-comments-wrapper form{padding:2rem 0 4rem}
.blog-comments .blog-comments-wrapper .hs-form fieldset{max-width:100%}
.blog-comments .blog-comments-wrapper .hs-form fieldset.form-columns-2 .field+.field{margin-left:0}
.blog-comments .blog-comments-wrapper .hs-form fieldset textarea{width:100%}




/* Fix bullet point spacing - reduce excessive line gaps */
.blog-content ul li p,
.blog-content ol li p {
  margin-bottom: 2px;
}
.blog-content ul li,
.blog-content ol li {
  padding: 2px 0;
}

/* Remove bold from links in blog content */
.blog p a,
.blog-content p a,
.blog-content li a,
.blog-content strong a,
.blog-content b a {
  font-weight: 400 !important;
}

/* Fix Newsletter module layout - wider email field, less gap */
.hs-form.stacked .hs_recaptcha {
  position: absolute !important;
  width: 0 !important;
  overflow: hidden !important;
}
.hs-form.stacked {
  position: relative;
}
.hs-form.stacked .hs_email.hs-form-field {
  flex: 1 1 auto !important;
  min-width: 0;
}
.hs-form.stacked .hs_email input[type="email"] {
  width: 100% !important;
}
.hs-form.stacked .hs_submit {
  flex: 0 0 auto !important;
}

/* Author avatar and LinkedIn link in blog header */
.author-info-header {
  display: flex !important;
  align-items: center;
  gap: 12px;
}
.author-avatar-sm {
  flex-shrink: 0;
}
.author-avatar-sm img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
}
.author-details-header {
  font-size: 1rem;
}
.author-linkedin {
  font-size: 0.85rem;
  color: #ff0066;
  text-decoration: none;
  font-weight: 400;
}
.author-linkedin:hover {
  text-decoration: underline;
  color: #ff0066;
}
/* Mid-post conversion CTA module */
#blog-cta-module {
  margin: 48px 0;
  padding: 40px 32px;
  background: #f8f8f8;
  border-left: 4px solid #ff0066;
  border-radius: 4px;
}
.blog-cta-inner {
  max-width: 600px;
}
.blog-cta-label {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: #ff0066;
  margin-bottom: 8px;
}
.blog-cta-heading {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 12px;
  line-height: 1.3;
}
.blog-cta-text {
  font-size: 1rem;
  color: #555;
  line-height: 1.6;
  margin-bottom: 24px;
}
.blog-cta-button {
  display: inline-block;
  background: #ff0066;
  color: #fff !important;
  padding: 12px 28px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.95rem;
  transition: background 0.2s ease;
}
.blog-cta-button:hover {
  background: #e6005c;
  color: #fff !important;
  text-decoration: none;
}


/* Fix CTA button hover - prevent expansion */
.blog-cta-button {
  display: inline-block;
  background: #ff0066;
  color: #fff !important;
  padding: 12px 28px;
  border-radius: 4px;
  text-decoration: none !important;
  font-weight: 600;
  font-size: 0.95rem;
  transition: background 0.2s ease;
  border: none;
  box-sizing: border-box;
  line-height: 1.4;
}
.blog-cta-button:hover {
  background: #e6005c;
  color: #fff !important;
  text-decoration: none !important;
  padding: 12px 28px;
  border: none;
  box-shadow: none;
  transform: none;
}

/* Sidebar Roast My Funnel CTA */
.sidebar-cta-wrap {
  margin-top: 16px;
}
.sidebar-cta-btn {
  display: block;
  background: #ff0066;
  color: #fff !important;
  text-align: center;
  padding: 10px 20px;
  border-radius: 4px;
  text-decoration: none !important;
  font-weight: 600;
  font-size: 0.85rem;
  transition: background 0.2s ease;
  box-sizing: border-box;
  line-height: 1.4;
}
.sidebar-cta-btn:hover {
  background: #e6005c;
  color: #fff !important;
  text-decoration: none !important;
  padding: 10px 20px;
  transform: none;
  box-shadow: none;
}


/* Newsletter CTA button - match blog CTA style */
.hs-form.stacked .hs_submit input[type="submit"].hs-button {
  background: #ff0066 !important;
  color: #fff !important;
  padding: 12px 28px !important;
  border-radius: 4px !important;
  border: none !important;
  font-weight: 600 !important;
  font-size: 0.95rem !important;
  line-height: 1.4 !important;
  cursor: pointer;
  transition: background 0.2s ease !important;
  box-sizing: border-box !important;
  height: auto !important;
}
.hs-form.stacked .hs_submit input[type="submit"].hs-button:hover {
  background: #e6005c !important;
  color: #fff !important;
  padding: 12px 28px !important;
  border: none !important;
  box-shadow: none !important;
  transform: none !important;
  opacity: 1 !important;
}


/* Newsletter form - gap between email and button, match heights */
.hs-form.stacked .hs_email.hs-form-field {
  margin-right: 12px !important;
}
.hs-form.stacked .hs_submit input[type="submit"].hs-button {
  height: auto !important;
  padding: 0 28px !important;
  align-self: stretch !important;
  min-height: 57px !important;
}
.hs-form.stacked .hs_submit {
  align-self: stretch !important;
  display: flex !important;
}


/* Align newsletter button to bottom of row (next to input, not label) */
.hs-form.stacked .hs_submit {
  align-self: flex-end !important;
}
.hs-form.stacked .hs_submit input[type="submit"].hs-button {
  min-height: 57px !important;
  box-sizing: border-box !important;
}


/* Direct Answer Block - LLM-optimized summary */
.direct-answer-block {
  margin: 0 0 32px 0;
  padding: 24px 28px;
  background: #f8f8f8;
  border-left: 4px solid #ff0066;
  border-radius: 4px;
}
.direct-answer-label {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: #ff0066;
  margin-bottom: 8px;
}
.direct-answer-text {
  font-size: 1.05rem;
  color: #333;
  line-height: 1.6;
  margin: 0;
}


/* ==========================================================================
   Styles moved from inline template <style> block - template optimization
   ========================================================================== */

.svgcolor {
  fill: white;
}
/*Added by us */
h1 {
  font-size: 3.3rem !important;
  line-height: 3.5rem !important;
}

.blog-content h2 {
  margin-top: 3rem;
  font-size: 2.5rem !important;
  line-height: 2.9rem;
}
.blog-content h3 {
  font-size: 1.9rem !important;
  line-height: 2.2rem !important;
}
.blog-content h4 {
  font-size: 1.4rem !important;
  line-height: 1.7rem !important;
}
.blog-content ul li,
.blog-content ol li {
  padding-top: 0.3rem !important;
  padding-bottom: 0.3rem !important;
}
.blog-content a {
  border: none !important;
}
.blog-content a:hover {
  border-bottom: 1px solid #f06 !important;
}

@media only screen and (max-width: 600px) {
  .blog-content ul li,
  .blog-content ol li {
    font-size: 1.1rem !important;
  }
}

.blog-heading {
  margin-top: 4rem;
}

/*Until here */

.navbar-main {
  background-color: black !important;
}
.post-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
}
.prev-post,
.next-post {
  /* border: 3px solid #ff0066;*/
  min-height: 100%;
  box-shadow: 15px 10px 20px 0 rgba(0, 0, 0, 0);
  transition: all 0.2s ease;
  padding: 0.5rem;
  margin: 0.7rem 1.2rem;
  font-size: 0.7rem;
  height: auto;
  background-color: black;
  color: white;
  width: 38%;
  max-width: 330px;
}

@media only screen and (max-width: 800px) {
  .post-pagination {
    /*display:flex;
    flex-direction:column;*/
  }
}

.prev-post .img-wrap,
.next-post .img-wrap {
  position: relative;
  height: 0;
  padding: 0 0 50%;
  overflow: hidden;
}

.prev-post img,
.next-post img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: 116%;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.anchorBlog h2 {
  font-size: 15px !important;
  line-height: 19px !important;
}
.anchorBlog h2:hover {
  color: #ff0066 !important;
}

@media only screen and (max-width: 600px) {
  .blog-content p {
    line-height: 1.7rem !important;
  }
}

.blogSidebar {
  width: 30%;
  /*height: 450px;*/
  height: fit-content;
  position: sticky;
  top: 130px;
  margin-top: 3rem;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #f5f5f5;
}

.socialIcons a {
  margin: 0 0.7rem;
  /*color:white; */
  background: white !important;

  padding: 0.33rem;
  /* border:3px solid #ff0066; */
  border-radius: 50%;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.socialIcons a i {
  display: flex;
}
.tag a {
  color: #ff0066 !important;
  display: inline-block;
  margin: 0.2rem 0;
  font-size: 1rem;
}
.tag a:hover {
  text-decoration: none !important;
  border: none !important;
}
.anchorBlog {
  padding: 0 !important;
}
.anchorBlog h2,
.anchorBlog h4,
.blogSidebar h4 {
  padding: 0 0.7rem !important;
}
.blog-featured-img {
  margin-bottom: 1.8rem;
}
.blog-featured-img img {
  border-radius: 3px;
}
.anchorBlog h4,
.blogSidebar h4 {
  background-color:black !important;
  /*background-color: #2c2d31;*/
  font-weight: 500;
  /* position: absolute; */
  top: 0;
  width: 100% !important;
  margin-bottom: 2rem;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  font-size: 0.9rem !important;
  border-radius: 3px 3px 0 0 !important;
  color: white !important;
}

/* causing jumps .anchorBlog a.active {
  display:inline-block !important;
}
  */
.anchorBlog a.active h2 {
  color: #ff0066 !important;
}
.blogSidebar .form-columns-2 label {
  color: black !important;
}
.blogSidebar form {
  padding: 1rem 0.7rem;
}
.blogSidebar input {
  height: 2rem !important;
  font-size: 0.75rem !important;
}

@media (max-width: 792px) {
  .blogSidebar {
    display: none;
  }
}
.loadMore,