/* Curriculum heading */
.ec-curriculum-heading {
  margin: 1.5rem 0 1rem;
  padding: 1.5rem;
  border: 2px solid #800000;
  background-color: #f5f5f5;
  font-size: 2.0rem;
  font-weight: 500;
}

/* Course card shell */
.ec-course-card {
  padding: 1.5rem 0;
  margin-bottom: 1.5rem;
}

.ec-card-dither {
  opacity: 0.55;
  filter: grayscale(1);
}

/* Type icon column */
.ec-course-type-col {
  text-align: left;
}

/* Titles */

.ec-course-title {
    margin-top: 0 !important;
    margin-bottom: 0.1rem !important;
    padding-top: 0 !important;
    font-size: 1.5rem !important;     /* matches previous layout */
    font-weight: 500 !important;      /* bold like before       */
    display: block;
}

.ec-course-tagline {
  font-size: 1.0rem;
  margin-bottom: 1rem;
}

/* Meta box */
.ec-meta-box {
  border: 1px solid #ddd;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  font-size: 0.85rem;
}

.ec-meta-row {
  margin-bottom: 0.75rem;
}

.ec-meta-icons {
  margin-top: 0.75rem;
  margin-left: 0.25rem;
}

/* Icons: always visible, but dithered if inactive */
.ec-meta-icon {
  height: 24px;
  margin-right: 0.25rem;
  opacity: 0.25;           /* default = dithered */
}

.ec-meta-icon--active {
  opacity: 1;
}

/* Recent dates flashing */
.ec-meta-recent {
  animation: ec-flash 1s linear infinite alternate;
}

@keyframes ec-flash {
  from { color: inherit; }
  to   { color: red; font-weight: 600; }
}

/* Summary */
.ec-summary-heading {
  color: #800000;
  margin-top: 0.25rem;
  font-size: 1.25rem !important;
}

.ec-summary-text {
  margin-bottom: 1rem;
}

/* Buttons */
.ec-btn {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 0.6rem 0.75rem;
  border-radius: 4px;
  border: none;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
}

.ec-btn-active {
  background-color: #800000;
  color: #fff;
}

.ec-btn-active:hover {
  background-color: #800000;
  color: #fff;
  text-transform: uppercase;
  box-shadow: 0 0 6px rgba(128, 0, 0, 0.6);
  text-decoration: none;
  font-weight: 700;
}

.ec-btn-legacy {
  background-color: #ffd54f; /* yellow-ish */
  color: #000;
}

.ec-btn-disabled {
  background-color: #c1c1c1;
  color: #666;
  pointer-events: none;
  cursor: default;
}





.ec-course-type-icon-wrap {
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0 !important;

    display: flex;
    align-items: flex-start;          /* force icon to top      */
    justify-content: center;
}

/* Ensure image does not add sneaky line-height spacing */
.ec-course-type-icon {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}

/* ============================================================
   FIX #3 — Ensure the entire first row aligns at the top
   ============================================================ */

.ec-course-card > .row.no-gutters {
    align-items: flex-start !important;
}

.help-summary-content {
    padding: 200px; margin-bottom: 20px;
}



.help-summary-content { border: 1px solid #ccc; padding: 1rem; margin-top: 10px; padding-bottom: 0px; background: #f9f9f9; } /* ENCASES HELP CENTER / ASSISTANCE BLOCK */
.help-summary-content h2 { margin-top: 0px !important; padding: 0px; font-size: 1.25rem; } /* CONTROLS PRIMARY HEADING IN HELP CENTER / ASSISTANCE BLOCK */
.btn-help { border-radius: 5px; margin-top: 20px; text-align: left; } /* CONTROLS BUTTONS IN HELP CENTER / ASSISTANCE NAVIGATION */
.btn-narrow { padding: 0rem; font-size: 1rem; width: 100%; padding: 10px; } /* CONTROLS BUTTONS THAT LAUNCHES INDIVIDUAL TOPICS IN THE UPDATES HELP CENTER */
.toggle-icon { transition: transform 0.3s ease; display: inline-block; }
.rotate-up { transform: rotate(180deg); } /* CONTROLS DISPLAY OF BUTTONS AND CONTENT IN HELP / ASSISTANCE CENTER */
.mobile-insert { margin-top: 10px; } /* CONTROLS DISPLAY OF BUTTONS AND CONTENT IN HELP / ASSISTANCE CENTER */
.course-categorization td:first-child { text-align: center; } /* CONTROLS KEY IN HELP / ASSISTANCE CENTER */



.key-legend {
  border: 2px solid #800000;
  width: 100%;
  font-size: 0.80rem;
  margin-bottom: 30px;
}

.key-legend .card-header {
  background-color: #800000;
  color: #ffffff;
  font: bold .85rem sans-serif;
  padding: 6px 10px;
}


.key-legend-dl {
  display: grid;
  grid-template-columns: 34px 1fr; /* icon column + text */
  column-gap: 12px;
  row-gap: 14px;
  margin: 0;
}

.key-legend-dl dt,
.key-legend-dl dd {
  margin: 0;
}

/* Icon alignment */
.key-legend-dl dt {
  display: flex;
  align-items: center; /* vertical centering */
}

/* Text alignment */
.key-legend-dl dd {
  line-height: 1.3;
}

@media (max-width: 576px) {

#advancedSearchModal .modal-dialog {
  margin: 0;
  max-width: 100%;
  height: 100%;
}

#advancedSearchModal .modal-content {
  height: 100%;
  border-radius: 0;
}

}

.group_title {
  margin-bottom: 3px;
  font-weight: 600;
}

.group_set {
  border: 2px solid #c1c1d1;
  background-color: #f0f0f0;
  padding: 15px;
  margin-bottom: 20px;
  font-size: 0.85rem;

}



/* =========================================
   DEBUG VISUALIZATION – TEMPORARY
   ========================================= */

/* Entire course card */
.xec-course-card {
  background: rgba(0, 255, 0, 0.05);      /* very light green */
  border: 1px dashed rgba(0, 128, 0, 0.4);
}

/* First row inside the card: icon + title column */
.xec-course-card > .row.no-gutters {
  background: rgba(255, 0, 0, 0.06);      /* faint red */
  outline: 1px dotted rgba(255, 0, 0, 0.4);
}

/* Left icon column */
.xec-course-type-col {
  background: rgba(0, 0, 255, 0.12);      /* blue block */
}

/* Icon wrapper inside that left column */
.xec-course-type-icon-wrap {
  background: rgba(0, 0, 255, 0.25);      /* darker blue */
}

/* Right column that contains title + tagline + meta+summary row */
.xec-course-card > .row.no-gutters > .col-md-10,
.xec-course-card > .row.no-gutters > .col-9 {
  background: rgba(255, 255, 0, 0.18);    /* yellow */
}

/* Inner row that splits meta vs summary */
.xec-course-card .row:nth-of-type(2) {
  background: rgba(255, 0, 255, 0.08);    /* magenta tint */
  outline: 1px dashed rgba(255, 0, 255, 0.4);
}

/* Meta (left) column in that inner row */
.xec-course-card .row:nth-of-type(2) .col-md-4 {
  background: rgba(0, 255, 255, 0.18);    /* cyan */
}

/* Summary (right) column in that inner row */
.xec-course-card .row:nth-of-type(2) .col-md-8 {
  background: rgba(255, 165, 0, 0.18);    /* orange */
}

/* Meta box itself */
.xec-meta-box {
  background: rgba(255, 255, 255, 0.9);   /* almost solid white */
  border: 1px solid rgba(0, 0, 0, 0.15);
}

/* Just to make the title hitbox visible */
.xec-course-title {
  background: rgba(0, 128, 0, 0.08);      /* green tint behind title */
}

/* Quick Summary heading area */
.xec-summary-heading {
  background: rgba(128, 0, 128, 0.12);    /* purple tint */
}