body {
  --tt-raising-the-issue: #DA1F3D;
  --tt-moving-more: #1B34CC;
  --tt-eating-well: #ba4f99;
  --tt-staying-on-track: #3d854f;
  --tt-card-cols: 1;
  --tt-card-gap: 1rem;
  --tt-card-color: black;
  --tt-card-font-family: Sans-serif;
  --tt-card-weight: 400;
  --tt-card-border: 1px solid #ddd;
  --tt-card-border-radius: 10px;
  --tt-card-bg: transparent;
  --tt-card-hover-bg: #eee;
  --tt-card-padding: 5px;
  --tt-card-image-border-radius: 5px;
  --tt-card-body-padding: 0 5px 10px;
  --tt-card-action-margin: 10px 0 0 0;
  --tt-card-action-weight: 600;
  --tt-card-action-size: 1rem;
  --tt-card-tag-border-radius: 5px;
  --tt-card-tag-size: 1rem;
  --tt-card-tag-padding: 0 5px;
  --tt-card-tag-color: white;
  --tt-card-title-line-height: 1;
  --tt-card-title-weight: 600;
  --tt-card-title-size: 1.5rem;
  --tt-card-summary-size: 1rem;
  --tt-card-summary-line-height: 1.5;

  --tt-tabs-border-radius: 5px;
  --tt-tabs-border-color: black;
}

body.elementor-page {
  --tt-card-color: var(--e-global-color-text, black);
  --tt-card-font-family: var(--e-global-typography-primary-font-family, Sans-serif);
  --tt-card-weight: var(--e-global-typography-text-font-weight, 400);
}

.thrive-tabs {
  --tt-card-action-font-family: var(--tt-card-font-family);
  --tt-card-action-color: var(--tt-card-color);
  --tt-card-tag-weight: var(--tt-card-weight);
  --tt-card-tag-font-family: var(--tt-card-font-family);
  --tt-card-title-color: var(--tt-card-color);
  --tt-card-title-font-family: var(--tt-card-font-family);
  --tt-card-summary-color: var(--tt-card-color);
  --tt-card-summary-weight: var(--tt-card-weight);
  --tt-card-summary-font-family: var(--tt-card-font-family);

  --n-tabs-title-flex-basis: 1%;
}

.thrive-tabs .e-n-tab-title {
  border: 1px solid var(--tt-tabs-border-color);
}

@media (max-width: 767px) {
  .thrive-tabs .e-n-tab-title {
    border-radius: var(--tt-tabs-border-radius);
  }
  .thrive-tabs .e-n-tab-title + .e-n-tab-title {
    margin-top:-1px;
  }
}

@media (min-width: 768px) {
  .thrive-tabs .e-n-tab-title:first-child {
    border-top-left-radius: var(--tt-tabs-border-radius);
    border-bottom-left-radius: var(--tt-tabs-border-radius);
  }

  .thrive-tabs .e-n-tab-title:last-child {
    border-top-right-radius: var(--tt-tabs-border-radius);
    border-bottom-right-radius: var(--tt-tabs-border-radius);
  }

  .thrive-tabs .e-n-tab-title + .e-n-tab-title {
    margin-left:-1px;
  }
}

.thrive-tabs .thrive-card-wrapper {
  --width: calc(100% / var(--tt-card-cols)) !important;
  --flex-basis: calc((100% - (var(--tt-card-cols) - 1) * var(--column-gap, 10px)) / var(--tt-card-cols)) !important;
  display: flex;
}

.thrive-card-wrapper .elementor-widget-container,
.thrive-card-wrapper .elementor-shortcode {
  display: flex;
  flex: 1 1 auto;
}

.thrive-card {
  background: var(--tt-card-bg);
  border: var(--tt-card-border);
  border-radius: var(--tt-card-border-radius);
  padding: var(--tt-card-padding);
  display: flex;
  flex-flow: column nowrap;
  text-decoration: none !important;
  gap: var(--tt-card-gap);
  transition: background 0.3s;
  flex: 1 1 auto;
}

.thrive-card--raising-the-issue {
  --tt-tag-bg: var(--tt-raising-the-issue);
}

.thrive-card--moving-more {
  --tt-tag-bg: var(--tt-moving-more);
}

.thrive-card--eating-well {
  --tt-tag-bg: var(--tt-eating-well);
}

.thrive-card--staying-on-track {
  --tt-tag-bg: var(--tt-staying-on-track);
}

@media (min-width: 512px) {
  .thrive-tabs {
    --tt-card-cols: 2;
  }
}

@media (min-width: 768px) {
  .thrive-tabs {
    --tt-card-cols: 3;
  }
}

.thrive-card:hover {
  background: var(--tt-card-hover-bg);
  text-decoration: none;
}

.thrive-card .thrive-card__image {
  border-radius: var(--tt-card-image-border-radius);
  overflow: hidden;
  flex-grow: 0;
  aspect-ratio: 1.77778;
}

.thrive-card .thrive-card__image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.thrive-card .thrive-card__body {
  padding: var(--tt-card-body-padding);
  display: flex;
  flex-flow: column nowrap;
  gap: var(--tt-card-gap);
}

.thrive-card .thrive-card__body * {
  margin: 0;
}

.thrive-card .thrive-card__title {
  line-height: var(--tt-card-title-line-height);
  color: var(--tt-card-title-color);
  font-size: var(--tt-card-title-size);
  font-weight: var(--tt-card-title-weight);
  font-family: var(--tt-card-title-font-family);
}

.thrive-card .thrive-card__body,
.thrive-card .thrive-card__summary {
  flex-grow: 1;
}

.thrive-card .thrive-card__summary p {
  color: var(--tt-card-summary-color);
  line-height: var(--tt-card-summary-line-height);
  font-size: var(--tt-card-summary-size);
  font-weight: var(--tt-card-summary-weight);
  font-family: var(--tt-card-summary-font-family);
}

.thrive-card .thrive-card__action {
  padding: 0;
  margin: var(--tt-card-action-margin);
  display: flex;
  flex-flow: row nowrap;
  gap: 0.5em;
  align-items: center;
  justify-content: flex-start;
}

.thrive-card .thrive-card__action svg {
  height: 1em;
}

.thrive-card .thrive-card__action p {
  border-bottom: 1px solid var(--tt-card-action-color);
  color: var(--tt-card-action-color);
  font-size: var(--tt-card-action-size);
  font-weight: var(--tt-card-action-weight);
  font-family: var(--tt-card-action-font-family);
}

.thrive-card .thrive-card__tag {
  background: var(--tt-tag-bg);
  border-radius: var(--tt-card-tag-border-radius);
  align-self: flex-start;
  padding: var(--tt-card-tag-padding);
}

.thrive-card .thrive-card__tag p {
  color: var(--tt-card-tag-color);
  font-size: var(--tt-card-tag-size);
  font-weight: var(--tt-card-tag-weight);
  font-family: var(--tt-card-tag-font-family);
}