/*
 * Running Causes — page-only theme
 * Scope: .running-causes-page only. No other page's styling is changed.
 */
.running-causes-page {
  padding-top: 28px;
  padding-bottom: 36px;
  background: #fffafb;
}
.running-causes-page > .container,
.running-causes-page .tg-twocolumns,
.running-causes-page #tg-content,
.running-causes-page .tg-productdetail,
.running-causes-page .tg-productdescription,
.running-causes-page .tab-content,
.running-causes-page .tab-pane,
.running-causes-page .tg-content,
.running-causes-page .tg-content > .row {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.running-causes-page .tg-themetabs { margin-bottom: 24px; }
.running-causes-page .tg-themetabnav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 24px;
  padding: 0;
  border-bottom: 1px solid #f2dce5;
}
.running-causes-page .tg-themetabnav li { margin: 0 0 -1px; }
.running-causes-page .tg-themetabnav li a {
  display: block;
  padding: 11px 18px;
  border: 1px solid #f2dce5;
  border-radius: 9px 9px 0 0;
  color: #4a3440;
  background: #fff;
  font-weight: 600;
  text-decoration: none;
}
.running-causes-page .tg-themetabnav li.active a {
  color: #fff;
  background: #ec087b;
  border-color: #ec087b;
}
.running-causes-page .tg-sectionhead {
  margin: 0 0 22px;
  padding: 0;
  text-align: left;
}
.running-causes-page .tg-sectiontitle,
.running-causes-page .tg-sectiontitle h2 {
  margin: 0 0 10px;
  text-align: left;
}
.running-causes-page .tg-sectiontitle h2 {
  color: #182b47;
  font-size: clamp(25px, 2.5vw, 34px);
  line-height: 1.2;
  font-weight: 700;
}
.running-causes-page .tg-sectionhead .tg-description,
.running-causes-page .tg-sectionhead .tg-description p {
  margin: 0;
  max-width: 100%;
  color: #6f6870;
  font-size: 14px;
  line-height: 1.65;
  text-align: left;
}
.running-causes-page .runningSeriousCauses {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 0 -10px;
  width: auto;
}
.running-causes-page .running-cause-column {
  display: flex;
  float: none;
  margin-bottom: 22px;
  padding: 0 10px;
  min-width: 0;
  box-sizing: border-box;
}
.running-causes-page .running-cause-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 14px;
  border: 1px solid #f1dce5;
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(55, 23, 40, .06);
  box-sizing: border-box;
  overflow: hidden;
  transition: box-shadow .2s ease, transform .2s ease;
}
.running-causes-page .running-cause-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(55, 23, 40, .10);
}
.running-causes-page .running-cause-image {
  display: block;
  width: 100%;
  height: 190px;
  margin: 0 0 15px;
  padding: 0;
  overflow: hidden;
  border-radius: 7px;
  background: #f8edf2;
  box-sizing: border-box;
}
.running-causes-page .running-cause-image a,
.running-causes-page .running-cause-image img {
  display: block;
  width: 100%;
  height: 100%;
}
.running-causes-page .running-cause-image img {
  object-fit: cover;
  object-position: center;
  transition: transform .25s ease;
}
.running-causes-page .running-cause-card:hover .running-cause-image img { transform: scale(1.025); }
.running-causes-page .running-cause-content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.running-causes-page .running-cause-meta {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  min-width: 0;
  margin: 0 0 13px;
  color: #817780;
  font-size: 12px;
  line-height: 1.45;
  box-sizing: border-box;
}
.running-causes-page .running-cause-meta time { flex: 0 1 auto; min-width: 0; }
.running-causes-page .running-cause-meta address {
  flex: 0 1 48%;
  min-width: 0;
  max-width: 48%;
  margin: 0;
  text-align: right;
  overflow-wrap: anywhere;
  font-style: normal;
}
.running-causes-page .running-cause-title {
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.running-causes-page .running-cause-title a { color: #302630; text-decoration: none; }
.running-causes-page .running-cause-title a:hover { color: #ec087b; }
.running-causes-page .running-cause-description {
  margin: 0 0 18px;
  color: #766e76;
  font-size: 13px;
  line-height: 1.65;
  overflow-wrap: anywhere;
}
.running-causes-page .running-cause-description p { margin: 0; }
.running-causes-page .running-cause-description a {
  color: #ec087b;
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
}
.running-causes-page .running-cause-funding {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin: auto 0 18px;
  padding: 0;
  box-sizing: border-box;
}
.running-causes-page .running-cause-funding-top,
.running-causes-page .running-cause-funding-bottom {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  gap: 8px;
  width: 100%;
  min-width: 0;
  margin: 0;
  box-sizing: border-box;
}
.running-causes-page .running-cause-funding-top {
  margin-bottom: 11px;
  color: #655c65;
  font-size: 12px;
  line-height: 1.45;
}
.running-causes-page .running-cause-funding-top span,
.running-causes-page .running-cause-funding-bottom span {
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  box-sizing: border-box;
}
.running-causes-page .running-cause-funding-top span:first-child,
.running-causes-page .running-cause-funding-bottom span:first-child { text-align: left; }
.running-causes-page .running-cause-funding-top span:last-child,
.running-causes-page .running-cause-funding-bottom span:last-child { text-align: right; }
.running-causes-page .running-cause-funding-top strong { color: #ec087b; font-weight: 700; }
.running-causes-page .running-cause-progress {
  display: block;
  width: 100%;
  height: 8px;
  min-width: 0;
  max-width: 100%;
  margin: 0 0 9px;
  padding: 0;
  border-radius: 99px;
  background: #f7dfe9;
  overflow: hidden;
  box-sizing: border-box;
}
.running-causes-page .running-cause-progress .tg-skillbarbar {
  display: block;
  height: 100%;
  max-width: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #ec087b, #f05b8e);
  transition: width .3s ease;
}
.running-causes-page .running-cause-funding-bottom {
  color: #807681;
  font-size: 11px;
  line-height: 1.45;
}
.running-causes-page .running-cause-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 42px;
  margin: 0;
  padding: 11px 14px;
  border: 0;
  border-radius: 7px;
  color: #fff;
  background: #ed3c68;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
}
.running-causes-page .running-cause-button:hover,
.running-causes-page .running-cause-button:focus { color: #fff; background: #ec087b; }
.running-causes-page .tg-pagination { margin: 10px 0 0; text-align: center; }
.running-causes-page .pagination {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  margin: 0;
  padding: 0;
}
.running-causes-page .pagination > li > a {
  min-width: 36px;
  border: 1px solid #f1dce5;
  border-radius: 6px;
  color: #47313f;
  background: #fff;
}
.running-causes-page .pagination > .active > a { border-color: #ec087b; color: #fff; background: #ec087b; }

@media (max-width: 767px) {
  .running-causes-page { padding-top: 20px; padding-bottom: 24px; }
  .running-causes-page .tg-sectionhead { margin-bottom: 18px; }
  .running-causes-page .running-cause-column { margin-bottom: 16px; }
  .running-causes-page .running-cause-image { height: 210px; }
  .running-causes-page .running-cause-card { padding: 13px; }
  .running-causes-page .running-cause-title { font-size: 17px; }
}
@media (max-width: 480px) {
  .running-causes-page .tg-themetabnav { gap: 6px; }
  .running-causes-page .tg-themetabnav li a { padding: 9px 12px; font-size: 12px; }
  .running-causes-page .running-cause-image { height: 195px; }
}


/* FINAL ISOLATED LAYOUT REPAIR — Running Causes page only.
   Every selector is scoped to #tg-main.running-causes-page so it cannot
   alter causedetail.php or any other page. */
#tg-main.running-causes-page {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow: visible;
}
#tg-main.running-causes-page > .container {
  width: min(1200px, calc(100% - 40px)) !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box;
}
#tg-main.running-causes-page > .container > .row {
  display: block;
  width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
#tg-main.running-causes-page #tg-twocolumns,
#tg-main.running-causes-page #tg-twocolumns > .col-xs-12,
#tg-main.running-causes-page #tg-content,
#tg-main.running-causes-page .tg-productdetail,
#tg-main.running-causes-page .tg-productdescription,
#tg-main.running-causes-page .tg-themetabs,
#tg-main.running-causes-page .tab-content,
#tg-main.running-causes-page .tab-pane,
#tg-main.running-causes-page .tab-pane > .tg-content,
#tg-main.running-causes-page .tab-pane > .tg-content > .row {
  display: block;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  box-sizing: border-box;
}
#tg-main.running-causes-page #tg-twocolumns > .col-xs-12 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#tg-main.running-causes-page .tab-pane > .tg-content > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
#tg-main.running-causes-page .tab-pane > .tg-content > .row > .col-xs-12 {
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#tg-main.running-causes-page .runningSeriousCauses {
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: stretch;
  width: calc(100% + 20px) !important;
  max-width: none !important;
  margin-left: -10px !important;
  margin-right: -10px !important;
  padding: 0;
  box-sizing: border-box;
  clear: both;
}
#tg-main.running-causes-page .running-cause-column {
  display: flex !important;
  float: none !important;
  flex: 0 0 33.333333% !important;
  width: 33.333333% !important;
  max-width: 33.333333% !important;
  min-width: 0;
  margin-top: 0;
  box-sizing: border-box;
}
#tg-main.running-causes-page .running-cause-card {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  box-sizing: border-box;
}
#tg-main.running-causes-page .running-cause-image,
#tg-main.running-causes-page .running-cause-image a,
#tg-main.running-causes-page .running-cause-image img {
  max-width: 100% !important;
}
#tg-main.running-causes-page .tg-pagination {
  width: 100%;
  clear: both;
  text-align: center;
}
@media (max-width: 991px) {
  #tg-main.running-causes-page .running-cause-column {
    flex-basis: 50% !important;
    width: 50% !important;
    max-width: 50% !important;
  }
}
@media (max-width: 600px) {
  #tg-main.running-causes-page > .container {
    width: calc(100% - 28px) !important;
  }
  #tg-main.running-causes-page .running-cause-column {
    flex-basis: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  #tg-main.running-causes-page .runningSeriousCauses {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}


/* ==========================================================
   HOMEPAGE "HELP IN SERIOUS CAUSES" CARD MATCH
   Scoped exclusively to Running Causes page.
   Mirrors index.php card dimensions, typography, spacing,
   funding rows, progress bar and CTA without touching other pages.
========================================================== */
#tg-main.running-causes-page .running-cause-card {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid #f2dce5 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 8px 24px rgba(80,24,52,.08) !important;
  transition: transform .22s ease, box-shadow .22s ease !important;
}
#tg-main.running-causes-page .running-cause-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 32px rgba(80,24,52,.12) !important;
}
#tg-main.running-causes-page .running-cause-image {
  display: block !important;
  position: relative !important;
  flex: 0 0 170px !important;
  width: 100% !important;
  height: 170px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  background: #fbeaf0 !important;
}
#tg-main.running-causes-page .running-cause-image a,
#tg-main.running-causes-page .running-cause-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
}
#tg-main.running-causes-page .running-cause-image img {
  object-fit: cover !important;
  object-position: center !important;
  transition: transform .35s ease;
}
#tg-main.running-causes-page .running-cause-card:hover .running-cause-image img {
  transform: scale(1.035);
}
#tg-main.running-causes-page .running-cause-content {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 13px 10px 13px !important;
  box-sizing: border-box !important;
}
#tg-main.running-causes-page .running-cause-meta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 0 9px !important;
  color: #707987 !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
}
#tg-main.running-causes-page .running-cause-meta time,
#tg-main.running-causes-page .running-cause-meta address {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  min-width: 0 !important;
  margin: 0 !important;
  font-style: normal !important;
  overflow-wrap: anywhere !important;
}
#tg-main.running-causes-page .running-cause-meta address {
  justify-content: flex-end !important;
  text-align: right !important;
}
#tg-main.running-causes-page .running-cause-meta i {
  flex: 0 0 auto;
  color: #ed0878 !important;
  font-size: 11px !important;
}
#tg-main.running-causes-page .running-cause-title {
  margin: 0 0 7px !important;
  min-height: 2.6em;
  color: #172b49 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  overflow-wrap: anywhere !important;
}
#tg-main.running-causes-page .running-cause-title a {
  color: inherit !important;
  text-decoration: none !important;
}
#tg-main.running-causes-page .running-cause-title a:hover {
  color: #ed0878 !important;
}
#tg-main.running-causes-page .running-cause-description,
#tg-main.running-causes-page .running-cause-description p {
  margin: 0 0 12px !important;
  color: #6e7582 !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
  overflow-wrap: anywhere !important;
}
#tg-main.running-causes-page .running-cause-description a {
  color: #ed0878 !important;
  font-weight: 700 !important;
  white-space: nowrap;
  text-decoration: none !important;
}
#tg-main.running-causes-page .running-cause-funding {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: auto 0 0 !important;
  padding-top: 8px !important;
  box-sizing: border-box !important;
}
#tg-main.running-causes-page .running-cause-funding-top,
#tg-main.running-causes-page .running-cause-funding-bottom {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
#tg-main.running-causes-page .running-cause-funding-top {
  margin-bottom: 9px !important;
  color: #424b5b !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}
#tg-main.running-causes-page .running-cause-funding-top > span,
#tg-main.running-causes-page .running-cause-funding-bottom > span {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-wrap: anywhere !important;
}
#tg-main.running-causes-page .running-cause-funding-top > span:first-child,
#tg-main.running-causes-page .running-cause-funding-bottom > span:first-child { text-align: left !important; }
#tg-main.running-causes-page .running-cause-funding-top > span:last-child,
#tg-main.running-causes-page .running-cause-funding-bottom > span:last-child { text-align: right !important; }
#tg-main.running-causes-page .running-cause-funding-top strong {
  color: #ed0878 !important;
  font-weight: 800 !important;
}
#tg-main.running-causes-page .running-cause-funding-top i,
#tg-main.running-causes-page .running-cause-funding-bottom i {
  color: #ed0878 !important;
  margin-right: 3px !important;
}
#tg-main.running-causes-page .running-cause-progress {
  position: relative !important;
  display: block !important;
  float: none !important;
  width: 100% !important;
  height: 8px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 20px !important;
  background: #f7dce6 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}
#tg-main.running-causes-page .running-cause-progress .tg-skillbarbar {
  display: block !important;
  height: 100% !important;
  max-width: 100% !important;
  border-radius: 20px !important;
  background: linear-gradient(90deg,#ec0878,#ff699d) !important;
}
#tg-main.running-causes-page .running-cause-funding-bottom {
  margin-top: 7px !important;
  color: #737b89 !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
}
#tg-main.running-causes-page .running-cause-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 42px !important;
  margin: 14px 0 0 !important;
  padding: 10px 14px !important;
  border: 1px solid #ed3c68 !important;
  border-radius: 7px !important;
  background: #ed3c68 !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}
#tg-main.running-causes-page .running-cause-button:hover,
#tg-main.running-causes-page .running-cause-button:focus {
  border-color: #ed0878 !important;
  background: #ed0878 !important;
  color: #fff !important;
}
@media (max-width: 767px) {
  #tg-main.running-causes-page .running-cause-image {
    flex-basis: 170px !important;
    height: 170px !important;
  }
  #tg-main.running-causes-page .running-cause-content {
    padding: 12px 10px 13px !important;
  }
  #tg-main.running-causes-page .running-cause-title {
    font-size: 17px !important;
  }
}


/* Homepage-matching pink icons — scoped to Running Causes cards only. */
#tg-main.running-causes-page .running-cause-meta i,
#tg-main.running-causes-page .running-cause-funding-top i,
#tg-main.running-causes-page .running-cause-funding-bottom i {
  color: #ec0878 !important;
  margin-right: 4px;
  font-size: 12px;
  line-height: 1;
  flex: 0 0 auto;
}
#tg-main.running-causes-page .running-cause-funding-top .tg-funding-raised,
#tg-main.running-causes-page .running-cause-funding-top .tg-funding-remaining,
#tg-main.running-causes-page .running-cause-funding-bottom span {
  display: inline-flex;
  align-items: center;
  gap: 3px;
}
#tg-main.running-causes-page .running-cause-funding-top .tg-funding-remaining,
#tg-main.running-causes-page .running-cause-funding-bottom span:last-child {
  justify-content: flex-end;
}