.elementor-387 .elementor-element.elementor-element-288b35d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:48px;--padding-bottom:48px;--padding-left:30px;--padding-right:30px;}.elementor-387 .elementor-element.elementor-element-288b35d:not(.elementor-motion-effects-element-type-background), .elementor-387 .elementor-element.elementor-element-288b35d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f9f9cfe );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;color:var( --e-global-color-primary );}.elementor-387 .elementor-element.elementor-element-661ff4c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:36px;font-weight:600;line-height:40px;color:var( --e-global-color-f520a86 );}.elementor-387 .elementor-element.elementor-element-8b19fa3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:48px;--padding-bottom:48px;--padding-left:30px;--padding-right:30px;}.elementor-387 .elementor-element.elementor-element-8b19fa3:not(.elementor-motion-effects-element-type-background), .elementor-387 .elementor-element.elementor-element-8b19fa3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9FAFB;}.elementor-387 .elementor-element.elementor-element-d6c8d21{background-color:#06BFC40D;padding:24px 24px 24px 24px;border-radius:12px 12px 12px 12px;}.elementor-387 .elementor-element.elementor-element-c5055d3{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:80px;--padding-bottom:80px;--padding-left:30px;--padding-right:30px;}.elementor-387 .elementor-element.elementor-element-c5055d3:not(.elementor-motion-effects-element-type-background), .elementor-387 .elementor-element.elementor-element-c5055d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EDF0F3A6;}.elementor-387 .elementor-element.elementor-element-91de3d8{background-color:var( --e-global-color-accent );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:8px 24px 8px 24px;border-radius:8px 8px 8px 8px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;}.elementor-387 .elementor-element.elementor-element-b212113 .elementor-button{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;border-radius:8px 8px 8px 8px;}@media(min-width:768px){.elementor-387 .elementor-element.elementor-element-8b19fa3{--content-width:1025px;}}@media(max-width:1024px){.elementor-387 .elementor-element.elementor-element-288b35d{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:30px;}.elementor-387 .elementor-element.elementor-element-661ff4c .elementor-heading-title{font-size:34px;line-height:38px;}.elementor-387 .elementor-element.elementor-element-8b19fa3{--padding-top:48px;--padding-bottom:48px;--padding-left:20px;--padding-right:20px;}.elementor-387 .elementor-element.elementor-element-c5055d3{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:30px;--padding-right:30px;}}@media(max-width:767px){.elementor-387 .elementor-element.elementor-element-288b35d{--padding-top:48px;--padding-bottom:48px;--padding-left:20px;--padding-right:20px;}.elementor-387 .elementor-element.elementor-element-661ff4c .elementor-heading-title{font-size:27px;line-height:33px;}.elementor-387 .elementor-element.elementor-element-8b19fa3{--padding-top:48px;--padding-bottom:48px;--padding-left:20px;--padding-right:20px;}.elementor-387 .elementor-element.elementor-element-c5055d3{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for shortcode, class: .elementor-element-d6c8d21 */@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500&display=swap');

:root {
  --teal:       #03c1c5;
  --teal-dark:  #029ea1;
  --teal-muted: #e0f9fa;
  --coral:      #d54a4d;
  --coral-dark: #b53a3d;
  --coral-muted:#fdeaea;
  --ink:        #1a1a2e;
  --ink-mid:    #3d3d5c;
  --ink-light:  #7a7a9a;
  --surface:    #f5f7ff;
  --white:      #ffffff;
  --border:     #e2e5f0;
  --transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ── Table Shell ─────────────────────────────── */
.ctdb-topic-table {
  list-style: none;
  padding: 0;
  margin: 0;
  background: var(--white);
  border-radius: 20px;
  box-shadow: 0 8px 32px rgba(3, 193, 197, 0.12);
  overflow: hidden;
  border: 1px solid var(--border);
}

/* ── Header ──────────────────────────────────── */
.ctdb-topic-table-header {
  background: linear-gradient(135deg, var(--ink) 0%, var(--ink-mid) 100%);
  list-style: none;
}

.ctdb-topic-table-header-row {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}

.ctdb-topic-table-header-row .ctdb-topic-table-item {
  padding: 15px 20px;
  font-family: 'Syne', sans-serif;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.45);
}

.ctdb-topic-table-header-row .ctdb-topic-table-avatar  { width: 56px; flex-shrink: 0; }
.ctdb-topic-table-header-row .ctdb-topic-table-topic   { flex: 1; }
.ctdb-topic-table-header-row .ctdb-topic-table-replies { width: 100px; text-align: center; }
.ctdb-topic-table-header-row .ctdb-topic-table-started { width: 150px; }

/* ── Body ────────────────────────────────────── */
.ctdb-topic-table-body {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* ── Row ─────────────────────────────────────── */
.ctdb-topic-table-row {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid var(--border);
  transition: var(--transition);
  position: relative;
}

.ctdb-topic-table-row::before {
  content: '';
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: var(--teal);
  opacity: 0;
  transition: var(--transition);
}

.ctdb-topic-table-body .ctdb-topic-table-row:last-child { border-bottom: none; }
.ctdb-topic-table-body .ctdb-topic-table-row:hover { background: var(--teal-muted); }
.ctdb-topic-table-body .ctdb-topic-table-row:hover::before { opacity: 1; }

/* ── Cells ───────────────────────────────────── */
.ctdb-topic-table-item { padding: 18px 16px; }

.ctdb-topic-table-avatar  { width: 56px; flex-shrink: 0; padding: 18px 0 18px 16px; }
.ctdb-topic-table-topic   { flex: 1; min-width: 0; }
.ctdb-topic-table-replies {
  width: 100px;
  flex-shrink: 0;
  text-align: center;
  font-family: 'Syne', sans-serif;
  font-size: 20px;
  font-weight: 800;
  color: var(--teal-dark);
}
.ctdb-topic-table-started {
  width: 150px;
  flex-shrink: 0;
  font-size: 12.5px;
  color: var(--ink-light);
  line-height: 1.5;
}

/* ── Avatar ──────────────────────────────────── */
.ctdb-topic-table-avatar img {
  border-radius: 50%;
  width: 42px;
  height: 42px;
  display: block;
  border: 2.5px solid var(--teal);
  box-shadow: 0 0 0 3px var(--teal-muted);
  transition: var(--transition);
}

.ctdb-topic-table-row:hover .ctdb-topic-table-avatar img {
  border-color: var(--coral);
  box-shadow: 0 0 0 3px var(--coral-muted);
}

/* ── Topic Title ─────────────────────────────── */
.ctdb-topic-table-topic > p { margin: 0 0 3px; }

.ctdb-topic-table-topic > p > a {
  font-family: 'Syne', sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: var(--ink);
  text-decoration: none;
  transition: var(--transition);
}

.ctdb-topic-table-topic > p > a:hover { color: var(--teal-dark); }

/* ── Excerpt ─────────────────────────────────── */
.ctdb-excerpt { display: none; }

/* ── Posted By ───────────────────────────────── */
.ctdb-topic-table-posted-by {
  font-size: 12px;
  color: var(--ink-light);
  margin-top: 2px;
  display: block;
}

.ctdb-topic-table-posted-by::before {
  content: '↳ ';
  color: var(--teal);
  font-weight: 700;
}

/* ── Mobile Meta — hidden on desktop ─────────── */
.ctdb-topic-mobile-metafields { display: none; }

/* ── Pagination ──────────────────────────────── */
.ctdb-pagination {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 18px;
  margin: 0;
  background: var(--white);
  border-top: 1px solid var(--border);
}

.ctdb-pagination li { list-style: none; }

.ctdb-pagination li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  font-family: 'Syne', sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  background: var(--surface);
  color: var(--ink-mid);
  border: 1.5px solid var(--border);
  transition: var(--transition);
}

.ctdb-pagination li a:hover,
.ctdb-pagination li.active a {
  background: var(--coral);
  color: var(--white);
  border-color: var(--coral);
}

/* ── Row Entrance Animations ─────────────────── */
@keyframes rowFadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}

.ctdb-topic-table-body .ctdb-topic-table-row:nth-child(1) { animation: rowFadeIn 0.35s ease 0.05s both; }
.ctdb-topic-table-body .ctdb-topic-table-row:nth-child(2) { animation: rowFadeIn 0.35s ease 0.18s both; }
.ctdb-topic-table-body .ctdb-topic-table-row:nth-child(3) { animation: rowFadeIn 0.35s ease 0.28s both; }
.ctdb-topic-table-body .ctdb-topic-table-row:nth-child(4) { animation: rowFadeIn 0.35s ease 0.38s both; }
.ctdb-topic-table-body .ctdb-topic-table-row:nth-child(5) { animation: rowFadeIn 0.35s ease 0.48s both; }

/* ════════════════════════════════════════════════
   MOBILE — ≤640px
   ════════════════════════════════════════════════ */
@media (max-width: 640px) {

  /* Hide desktop header and extra columns */
  .ctdb-topic-table-header { display: none !important; }

  .ctdb-topic-table-body .ctdb-topic-table-replies,
  .ctdb-topic-table-body .ctdb-topic-table-started {
    display: none !important;
  }

  /* Row = horizontal flex, avatar left + content right */
  .ctdb-topic-table-body .ctdb-topic-table-row {
    flex-direction: row !important;
    align-items: flex-start !important;
    /* Remove all default cell padding — we control it here */
    padding: 0 !important;
    gap: 0 !important;
  }

  /* Avatar cell: fixed small width, snug padding */
  .ctdb-topic-table-body .ctdb-topic-table-avatar {
    width: auto !important;
    flex-shrink: 0 !important;
    padding: 16px 0 16px 14px !important; /* top right bottom left */
  }

  .ctdb-topic-table-body .ctdb-topic-table-avatar img {
    width: 40px !important;
    height: 40px !important;
  }

  /* Topic cell: fills remaining space, own padding */
  .ctdb-topic-table-body .ctdb-topic-table-topic {
    flex: 1 !important;
    min-width: 0 !important;
    padding: 16px 14px 16px 12px !important;
  }

  .ctdb-topic-table-body .ctdb-topic-table-topic > p { margin: 0 0 2px; }

  .ctdb-topic-table-body .ctdb-topic-table-topic > p > a {
    font-size: 14.5px;
    line-height: 1.3;
  }

  .ctdb-topic-table-body .ctdb-topic-table-posted-by {
    font-size: 11.5px;
    margin-top: 2px;
  }

  /* ── Mobile Meta Chips ─────────────────────── */
  /* Show the mobile metafields block */
  .ctdb-topic-mobile-metafields {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
  }

  /* Style each <div> inside it as a pill chip
     Plugin outputs: <div>Replies: 0</div> and <div>Started: ...</div> */
  .ctdb-topic-mobile-metafields > div {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-family: 'Syne', sans-serif;
    font-weight: 700;
    line-height: 1.4;
    white-space: nowrap;
  }

  /* First div = Replies → coral pill */
  .ctdb-topic-mobile-metafields > div:first-child {
    background: var(--coral-muted);
    color: var(--coral-dark);
  }

  /* Second div = Started → teal pill */
  .ctdb-topic-mobile-metafields > div:last-child {
    background: var(--teal-muted);
    color: var(--teal-dark);
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
  }

  /* Pagination */
  .ctdb-pagination { padding: 14px 10px; gap: 5px; }
  .ctdb-pagination li a { width: 32px; height: 32px; font-size: 12px; }
}



.ctdb-topic-table-row{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding-left: 20px !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-91de3d8 */.elementor-387 .elementor-element.elementor-element-91de3d8 a{
    color: #fff !important;
    font-weight: 500;
    text-transform: uppercase;
}/* End custom CSS */