:root {
  --total-header-height: calc(var(--utility-height, 0) + var(--header-height));
  --scroll-offset: calc(var(--header-sticky-height) + var(--page-nav-height, 0));
  --container-width: min(calc(var(--vw, 1vw) * 90), 1175px);
  --container-margin: max(calc(var(--vw, 1vw) * 5), calc((var(--vw, 1vw) * 100 - var(--container-width)) / 2));
  --gutter: clamp(15px, 5vw, 60px);
  box-sizing: border-box;
  color: var(--base-color);
}

@media (min-width: 768px) {
    .module-wrapper .row-fluid:not(.row-custom):not([class*=placement])+.row-fluid {
        margin-top: 2.5rem;
    }
}

.feature-card__text {
    padding: 2.5rem;
}

.column-with-radius {
  border-radius: 24px; /* Adjust the radius as needed */
  overflow: hidden; /* Ensures content respects the rounded corners */
}

  /* Cornered row module ; */

.module-wrapper.cornered_row {
  border-radius: 24px; /* Rounded corners */
  margin: 2em 2em 2em 4em; /* Standard margin */
  overflow: visible; /* Allow content overflow */
  position: relative; /* For absolutely positioned children */
}

.cornered_row-img {
  position: absolute; /* Float the image */
  top: -2em; /* Allow peeking above */
  left: -2em; /* Allow peeking to the left */
  bottom: -4em; /* Allow peeking below */
}

.theme-image .image-placeholder {
  visibility: hidden; /* Make placeholder invisible */
  height: auto; /* Maintain height for layout */
}

.module-wrapper.cornered_row .theme-image {
  margin: 0; /* Reset any default margin */
  padding: 0; /* Reset padding */
  position: relative; /* Keep it in the document flow */
  overflow: visible; /* Ensure image can peek outside */
  margin-bottom: -6em; /* Align with the peeking image */
}
  /* Editor visual fixes ; */
.image-placeholder.hs-editor-hidden {
  visibility: hidden; /* Make placeholder invisible */
  opacity: 0; /* Fully hide it */
  height: auto; /* Keep its layout contribution */
  pointer-events: none; /* Disable interactions */
}

@media (max-width: 768px) {
  .module-wrapper.cornered_row {
   margin: 1em; /* Standard margin */ /* padding: 1em;  Ensure proper spacing on mobile */
  }

  .module-wrapper.cornered_row .theme-image {
    margin: 0 auto 1em; /* Center image and add spacing below */
    position: static; /* Disable absolute positioning */
  }

  .cornered_row-img {
    position: static; /* Reset absolute positioning for mobile */
    margin: 0; /* Reset margins */
  }

  .module-wrapper.cornered_row .image-placeholder {
    display: none; /* Fully hide placeholder on mobile */
  }
}



  /* Site header overrides; */

.site-header {
  position: var(--header-sticky);
  align-items: center; /* Vertically align content */
  z-index: 200; /* Keep it above other elements */
  border-radius: 0 0 32px 32px; /* Add rounded bottom corners */
  margin: 0 12px; /* Add equal margin to both left and right sides */
  
  width: calc(100% - 24px); /* Span the full width, leaving a total of 24px margin (12px on each side) */
  max-width: 100%; /* Ensure the header spans the screen without arbitrary constraints */

 /*  overflow: hidden; Ensures content respects rounded corners */
}

.site-header__main-wrapper {
    align-items: center;
    background-color: var(--header-background);
    display: flex;
    justify-content: space-between;
    transition: height .3s;
    width: 100%;
    border-radius: 0 0 32px 32px; 
    padding-bottom: 1.5em;
  padding-top: 1.5em;
  padding-right: 1.5em;

}

.site-header__navigation .hs-menu-item.hs-item-has-children>.hs-menu-children-wrapper {
    background-color: var(--dropdown-background);
    display: none;
    border-radius: 12px;
}

 /* Form overrides; */

.hs-form .hs-form-field + .hs-form-field,
form .hs-form-field + .hs-form-field {
  margin-top: 1rem;
}

.theme-form--label-inset .hs-form-field + .hs-form-field {
  margin-top: 1.25rem;
}
.theme-form--label-inset [class*=form-columns] + [class*=form-columns] {
  margin-top: 1rem !important;
}
  
.feature-card__text {
    padding: 2.5rem;
}

.featured-plain--item-icon  {
  border-radius: 12px;
}

.column-with-radius {
  border-radius: 24px; /* Adjust the radius as needed */
  overflow: hidden; /* Ensures content respects the rounded corners */
}

.blog-post__content {
  /* width: 680px; */
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 4rem;
}

.resource-grid__column {
  border-radius: 16px !important; /* Ensures this rule takes precedence */
  overflow: hidden;
}

/* Tabbed content override */
.tabs__body {
    background-color: unset!important;
}

.tabs--vertical .tabs__navigation-item {
        border-bottom: 1px solid var(--accent-color)!important;
    }
}