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

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

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* Remove scroll to top icon */
#return-to-top {
    display: none !important;
}

/* Add underline to links in mega menu */

.underline-hover:hover {
    text-decoration: underline !important;
    text-decoration-color: #242424 !important;
    text-underline-offset: 2px !important; /* Adjust the spacing above the underline */
    text-decoration-thickness: 1px !important; /* Adjust the thickness of the underline */
}
 }



/* Hide the break line on screens smaller than 992px */
  @media (max-width: 991px) {
    .break-992 {
      display: none;
    }
  }



/* XEN | StoryBrand Contact Page - Fix the height of meeting iframe to remove scroll bar */
#meeting-scheduler .meetings-iframe-container iframe {
    min-height: 710px !important; 
}


/* XEN Attribution page | Problem Section | Hide the line break before first image on screens smaller than 992px */
  @media (max-width: 767px) {
   #attribution-problem .break-992 {
      display: none;
    }
  }


/* XEN Recommended HubSpot Partners page | Flexi Cards | Fix Card stacking at 991px */
@media (max-width: 991px) {
  .recommended-partners-cards .row {
    flex-direction: column; /* Stack columns vertically */
    align-items: center; /* Center the cards horizontally */
  }

  .recommended-partners-cards .flex-col {
    width: 100%; /* Make each column fill the entire row */
    max-width: 600px; /* Set a maximum width for the cards */
  }
}

/* XEN Pricing - Center last odd card using new section */
@media (min-width: 991px) {
  .odd-card .portfolio-grid {
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
  }
}


/* XEN | Clients Page - Center image + CTA inside the Versa card module */
/* Client logo cards: fixed logo area + fixed CTA position */
#client-logo-cards .c-card {
  height: 321px !important;
}

#client-logo-cards .c-card-content {
  height: 100% !important;
  min-height: 321px !important;
  width: 100% !important;

  display: grid !important;
  grid-template-rows: 170px 50px !important;
  justify-content: center !important;
  align-content: start !important;
  justify-items: center !important;

  padding: 40px 0 0 0 !important;
}

/* Logo area */
#client-logo-cards .c-card-content > .hs_cos_wrapper_type_inline_rich_text {
  width: 100% !important;
  height: 175px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

/* Remove spacing from empty text/line breaks */
#client-logo-cards .c-card-content > .hs_cos_wrapper_type_inline_rich_text p,
#client-logo-cards .c-card-content > .hs_cos_wrapper_type_inline_rich_text br {
  display: none !important;
}

/* Keep logos centered inside their fixed logo slot */
#client-logo-cards .c-card-content img {
  display: block !important;
  margin: 0 auto !important;
  max-width: 160px !important;
  max-height: 110px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

/* CTA fixed row */
#client-logo-cards .c-card-btn-con {
  height: 50px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;
}

#client-logo-cards .c-card-btn-con .cta-secondary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}