/* @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: 20px 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;
}
/* Mobile/tablet: consistent logo area + normal CTA size */
@media (max-width: 991px) {
  #client-logo-cards .c-card {
    height: 321px !important;
    overflow: hidden !important;
  }

  #client-logo-cards .c-card-content {
    position: relative !important;
    display: block !important;
    height: 321px !important;
    min-height: 321px !important;
    padding: 0 !important;
  }

  #client-logo-cards .c-card-content > .hs_cos_wrapper_type_inline_rich_text {
    position: absolute !important;
    top: 72px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;

    width: 220px !important;
    height: 95px !important;

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

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

  #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;
  }

  #client-logo-cards .c-card-content img {
    width: 100% !important;
    height: 100% !important;
    max-width: 220px !important;
    max-height: 95px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
  }

  #client-logo-cards .c-card-btn-con {
    position: absolute !important;
    top: 205px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;

    width: auto !important;
    height: auto !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 {
    width: 180px !important;
    min-width: 180px !important;
    max-width: 180px !important;
    min-height: 48px !important;

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

    font-size: 16px !important;
    padding: 0 18px !important;
    box-sizing: border-box !important;
  }
}
/* Base consistent logo box */
@media (max-width: 991px) {
  #client-logo-cards .c-card-content img {
    width: 100% !important;
    height: 100% !important;
    max-width: 220px !important;
    max-height: 95px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
  }

  /* Scale up logos that have built-in whitespace */
  #client-logo-cards img[alt*="LG"],
  #client-logo-cards img[alt*="lg"] {
    transform: scale(1.35) !important;
  }

  #client-logo-cards img[alt*="RedBull"],
  #client-logo-cards img[alt*="red"] {
    transform: scale(1.45) !important;
  }

  #client-logo-cards img[alt*="Australian"],
  #client-logo-cards img[alt*="australian"] {
    transform: scale(1.5) !important;
  }
}