.elementor-2646 .elementor-element.elementor-element-270312c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for shortcode, class: .elementor-element-0366ef5 *//* ===== Skills Max — learndash_course_grid (grid-1) ===== */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,700&family=Hanken+Grotesk:wght@400;500;600;700&display=swap');

.learndash-course-grid{
  --green:#71BA29; --green-deep:#4F8A1A; --ink:#14180F;
  --muted:#646B57; --tint:#EFF7E2; --line:#E6E8DD;
  font-family:"Hanken Grotesk",system-ui,sans-serif;
}

/* ---------- GRID LAYOUT ---------- */
.learndash-course-grid .items-wrapper.grid{ gap:26px !important; }

/* ---------- CARD ---------- */
.learndash-course-grid .item.grid-1 article{
  display:flex; flex-direction:column; height:100%;
  background:#fff; border:1px solid var(--line); border-radius:18px;
  overflow:hidden; box-shadow:0 8px 24px -16px rgba(20,24,15,.28);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.learndash-course-grid .item.grid-1 article:hover{
  transform:translateY(-5px);
  box-shadow:0 22px 48px -22px rgba(20,24,15,.4);
  border-color:rgba(113,186,41,.5);
}

/* "Enrolled" ribbon -> brand green pill (was orange) */
.learndash-course-grid .thumbnail .ribbon{
  position:absolute; top:14px; left:14px; right:auto;
  background:var(--green) !important; color:#0c1407 !important;
  font-size:.72rem !important; font-weight:700 !important; line-height:1 !important;
  padding:.45em .9em !important; border-radius:999px !important;
  text-transform:none !important; box-shadow:none !important; border:0 !important;
}

/* ---------- THUMBNAIL (16:9, displays cover exactly as uploaded) ---------- */
.learndash-course-grid .thumbnail{ position:relative; }
.learndash-course-grid .thumbnail .image{
  display:block !important;
  width:100% !important;
  background:var(--tint);
  line-height:0;
  overflow:hidden;
}
.learndash-course-grid .thumbnail .image a{
  display:block !important;
  width:100% !important;
}
.learndash-course-grid .thumbnail .image img{
  width:100% !important;
  height:100% !important;
  aspect-ratio:16 / 9 !important;
  object-fit:cover !important;
  display:block !important;
  border-radius:0 !important;
  max-width:100% !important;
}

/* ---------- CONTENT ---------- */
.learndash-course-grid .content{
  display:flex; flex-direction:column; flex:1 1 auto; padding:18px 20px 22px !important;
}
.learndash-course-grid .content .entry-title{ margin:0 0 6px !important; }
.learndash-course-grid .content .entry-title a{
  font-family:"Bricolage Grotesque",sans-serif !important;
  font-size:1.15rem !important; font-weight:700 !important; line-height:1.25 !important;
  color:var(--ink) !important; text-decoration:none !important;
}
.learndash-course-grid .content .entry-title a:hover{ color:var(--green-deep) !important; }

/* Author line — keep subtle (set a real display name to remove the email) */
.learndash-course-grid .content .author{ color:var(--muted); font-size:.84rem; font-weight:600; margin-bottom:4px; }
.learndash-course-grid .content .author span{ color:var(--muted) !important; }

/* Categories line */
.learndash-course-grid .content .categories{ color:var(--muted); font-size:.82rem; font-weight:600; margin-top:2px; }
.learndash-course-grid .content .categories .icon{ color:var(--green-deep); }

/* Separator */
.learndash-course-grid .content .separator{
  border:0; border-top:1px solid var(--line); margin:14px 0; opacity:1;
}

/* ---------- BOTTOM META (Students / Lessons / Quizzes) ---------- */
.learndash-course-grid .bottom-meta{
  display:flex; flex-wrap:wrap; gap:14px 20px; margin-top:auto;
}
.learndash-course-grid .bottom-meta .section{ display:flex; align-items:center; gap:.5rem; }

/* Icons -> soft green tile instead of bright teal */
.learndash-course-grid .bottom-meta .icon{
  width:34px !important; height:34px !important;
  display:flex !important; align-items:center; justify-content:center;
  background:var(--tint) !important; color:var(--green-deep) !important;
  border-radius:10px !important; font-size:18px !important;
}
.learndash-course-grid .bottom-meta .label{ display:block; color:var(--muted); font-size:.74rem; font-weight:600; line-height:1.2; }
.learndash-course-grid .bottom-meta .value{ display:block; color:var(--ink); font-size:.95rem; font-weight:700; line-height:1.2; }

/* ---------- FILTER PANEL ---------- */
.learndash-course-grid .toggle-filter{
  background:var(--green) !important; color:#0c1407 !important; border:0 !important;
  border-radius:999px !important; padding:.6rem 1.4rem !important; font-weight:700 !important;
  box-shadow:none !important;
}
.learndash-course-grid .learndash-course-grid-filter{
  background:#fff; border:1px solid var(--line); border-radius:18px;
  padding:22px; margin-bottom:30px; box-shadow:0 8px 24px -16px rgba(20,24,15,.22);
}
.learndash-course-grid .learndash-course-grid-filter label{
  font-weight:700; font-size:.85rem; color:var(--ink); margin-bottom:6px; display:block;
}
.learndash-course-grid .learndash-course-grid-filter input[type="text"],
.learndash-course-grid .learndash-course-grid-filter input[type="number"]{
  width:100%; border:1.5px solid var(--line) !important; background:#fff;
  border-radius:12px !important; padding:.7rem .9rem !important; font-family:inherit; outline:0;
}
.learndash-course-grid .learndash-course-grid-filter input:focus{ border-color:var(--green-deep) !important; }

/* Range sliders -> green */
.learndash-course-grid .learndash-course-grid-filter input[type="range"]{ accent-color:var(--green); }

/* Filter buttons */
.learndash-course-grid .learndash-course-grid-filter .button{
  border:0 !important; border-radius:999px !important; padding:.65rem 1.5rem !important;
  font-weight:700 !important; cursor:pointer; box-shadow:none !important; margin-right:8px;
}
.learndash-course-grid .learndash-course-grid-filter .button.apply,
.learndash-course-grid .learndash-course-grid-filter .button.blue{
  background:var(--green) !important; color:#0c1407 !important;
}
.learndash-course-grid .learndash-course-grid-filter .button.apply:hover{ background:var(--green-deep) !important; color:#fff !important; }
.learndash-course-grid .learndash-course-grid-filter .button.clear,
.learndash-course-grid .learndash-course-grid-filter .button.grey{
  background:transparent !important; color:var(--ink) !important; border:1.5px solid var(--line) !important;
}

/* ---------- PAGINATION ---------- */
.learndash-course-grid .ld-cg-button,
.learndash-course-grid .pagination .button{
  background:var(--green) !important; color:#0c1407 !important; border:0 !important; border-radius:999px !important;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1024px){ .learndash-course-grid .items-wrapper.grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; } }
@media (max-width:640px){ .learndash-course-grid .items-wrapper.grid{ grid-template-columns:1fr !important; } }/* End custom CSS */