.elementor-73196 .elementor-element.elementor-element-902955e{padding:30px 0px 50px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-73196 .elementor-element.elementor-element-a082bff{width:auto;max-width:auto;text-align:center;}.elementor-73196 .elementor-element.elementor-element-a082bff > .elementor-widget-container{background-color:#7A9C3E;margin:0px 0px 5px 0px;padding:5px 020px 5px 20px;border-radius:10px 10px 10px 10px;}.elementor-73196 .elementor-element.elementor-element-a082bff .elementor-heading-title{color:#FFFFFF;}.elementor-73196 .elementor-element.elementor-element-ade278e > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-73196 .elementor-element.elementor-element-ade278e{text-align:center;}.elementor-73196 .elementor-element.elementor-element-ade278e .elementor-heading-title{color:var( --e-global-color-secondary );}#elementor-popup-modal-73196 .dialog-widget-content{background-color:transparent;background-image:linear-gradient(180deg, #76C9FF 0%, #FFFFFF 24%);border-radius:20px 20px 20px 20px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-73196{background-color:#2A338FBF;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-73196 .dialog-message{width:70vw;height:auto;}#elementor-popup-modal-73196 .dialog-close-button{display:flex;background-color:#F40000;font-size:23px;}#elementor-popup-modal-73196 .dialog-close-button i{color:#FFFFFF;}#elementor-popup-modal-73196 .dialog-close-button svg{fill:#FFFFFF;}/* Start custom CSS for heading, class: .elementor-element-a082bff */.elementor-73196 .elementor-element.elementor-element-a082bff {
    margin: auto;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-300cad6 */.ella-courses {
    --bg: #f9fafc;
    --text: #222;
    --head: #7A9C3E;
    --stripe: #f4f7fa;
    --hover: #eaf1ff;
    --category: #345138;
    font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: var(--text);
  }

  .ella-courses table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
    overflow: hidden;
    border-radius: 10px;
  }

  .ella-courses th,
  .ella-courses td {
    padding: 14px 18px;
    text-align: left;
    vertical-align: top;
  }

  /* 💪 KEEP COURSE NUMBER NICE AND WIDE */
  .ella-courses th:first-child,
  .ella-courses td:first-child {
    width: 160px;          /* <- bump this up or tweak (150–180px sweet spot) */
    white-space: nowrap;   /* <- ensures “Course Number” stays on one line */
  }

  .ella-courses th {
    background: var(--head);
    color: #fff;
    letter-spacing: .04em;
    font-weight: 600;
  }

  .ella-courses tbody tr:nth-child(odd) { background: var(--stripe); }
  .ella-courses tbody tr:hover { background: var(--hover); transition: background-color .2s ease; }
  .ella-courses .category-row td {
    background: var(--category);
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    padding-block: 10px;
  }

  @media (max-width: 720px) {
    .ella-courses table,
    .ella-courses tbody,
    .ella-courses tr,
    .ella-courses td {
      display: block;
      width: 100%;
    }
    .ella-courses thead {
      position: absolute;
      width: 1px; height: 1px;
      margin: -1px; border: 0; padding: 0;
      clip: rect(0 0 0 0); overflow: hidden;
    }
    .ella-courses .category-row { margin-top: 18px; border-top: 1px solid rgba(0,0,0,.08); }
    .ella-courses .category-row td { border-radius: 10px 10px 0 0; }
    .ella-courses tbody tr.data-row {
      background: #fff;
      margin: 0 0 14px;
      box-shadow: 0 2px 8px rgba(0,0,0,.06);
      border-radius: 0 0 10px 10px;
      padding: 8px 12px 12px;
    }
    .ella-courses td {
      display: grid;
      grid-template-columns: 42% 1fr;
      gap: 8px;
      padding: 10px 6px;
      border-bottom: 1px dashed rgba(0,0,0,.08);
    }
    .ella-courses td:last-child { border-bottom: 0; }
    .ella-courses td::before {
      content: attr(data-label);
      font-weight: 600;
      color: #334155;
    }
  }/* End custom CSS */