

      :root {
        --font: 'Inter Tight', system-ui, -apple-system, 'Segoe UI', sans-serif;
        --alt-font: 'Inter Tight', system-ui, -apple-system, 'Segoe UI', sans-serif;
        --accent-color: #653ee8;
        --secondary-color: #0d0821;
        --link-color: #653ee8;
        --accent-highlight-color: #3e17c2;
        --accent-highlight-background-color: #e4ddfb;
        --accent-tinted-color-70: #d1c5f8;
        --accent-tinted-color-80: #e0d8fa;
        --accent-tinted-color-90: #f0ecfd;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #896ced;
        --secondary-hover-color: #1d124a;
        --secondary-contrast-color: #fff;
        --link-hover-color: #ae99f3;
      }
      

.company__logo {text-indent: 100%;white-space: nowrap;overflow: hidden;background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/a_exif,c_fit,t_ti_company_logo_hires_v3/v1/course-uploads/db5f5b1b-e038-4d8e-877e-564974ec9c40/1c0jlbm3zxsc-cortex-academy-dark.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
/* Ti Widget Customization */

/* Removes Gift Course Option */
.enroll__secondary-actions {display:none;}

/* Removes course purchase option */
.widget--course-purchase .btn--secondary {display:none;}



/* Removes testamonial from sidebar */
/* .sidebar__testimonial { display: none;} */


/* Hide Course Feedback */


div.panel.panel--secondary > textarea {

    display: none !important;}

 

.sidebar__testimonial__rating {

  display: none;

}

.stars > span {

  display: none;

}

/* Removes social sharing on course page */
.share__container { display: none; }

/* Removes cart icon from registration page */
#cart-button { display: none; }

/* Removes star rating from catalog page */
.catalog-grid-item__stars {display:none;}

/* Removes run dates from Learning Path */
.course__detail__runs{display: none;}

/* remove tags from videos */
.article-sidebar__custom-fields {
    display: none;
}

.enroll__title {
    display: none;
}

.catalog-grid-item {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.08);
}

img {
    border-radius: 8px;
}

.catalog-grid-item img {
    border-radius: 0px;
}

.video-course__actions {
    display: none;
}

.article-sidebar__rating {
    display: none;
}
 
.icon-mail {
    display: none;
}

.company__school-name {
   text-indent: -99999px;
}

.company__school-name__divider {
   display: none
}

.btn {
    border-radius: 6px;
}

.btn.catalog-aggregation__value,
a {
    color: var(--accent-color);
}

.btn.catalog-aggregation__value:hover,
a:hover {
    color: var(--accent-hover-color);
}

.catalog-aggregation__expander i,
.catalog-search i {
    color: #656565 !important;
}

.widget--course-purchase .panel .btn {
    margin-bottom: 0;
} 

.tabs li a {
    border-radius: 6px 6px 0 0;
}

.hero img {
    border-radius: 0;
}

@media (max-width: 48em) {
  .header .company__beta-logo {
    width: 100%;
    max-width: 100%;
    text-align: center;
  }

  .company__school-name {
      display: none;
  }
}

/* .learner__sidebar {
    border-radius: 25px;
} */


/* .dashboard-account-tab {
    display: none;
} */

.hero {
  height: 62vh; /* 70% of the viewport height */
}

/* ---------- Dashboard: My Learning ---------- */
.dashboard-access {
  font-family: 'Inter Tight', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
}

/* Section heading */
.dashboard-access__header {
  display: flex; align-items: center; gap: 8px;
  font-size: 24px !important; font-weight: 500 !important; letter-spacing: -0.02em;
  color: #111827 !important; background: none !important; border: none !important;
  padding: 0 !important; margin: 8px 0 16px !important;
}
.dashboard-access__header .button-expander { color: #7458DB !important; }

/* Tabs */
.dashboard-access-tabs {
  display: flex !important; flex-wrap: wrap; gap: 8px;
  border: none !important; margin: 0 0 20px !important; padding: 0 !important;
}
.dashboard-access-tab {
  border: none !important; background: none !important; margin: 0 !important; padding: 0 !important;
}
.dashboard-access-tab::after, .dashboard-access-tab::before { display: none !important; }
.dashboard-access-tab button {
  display: inline-flex !important; align-items: center; gap: 8px;
  font-size: 14px !important; font-weight: 500 !important; color: #4A4658 !important;
  background: #F3F1F8 !important; border: none !important; border-radius: 999px !important;
  padding: 8px 16px !important; text-decoration: none !important;
  transition: background-color 0.2s ease;
}
.dashboard-access-tab button:hover { background: #ECE8F7 !important; }
.dashboard-access-tab--active button { background: #653EE8 !important; color: #fff !important; }
.dashboard-access-tab__count {
  font-size: 12px !important; font-weight: 600; line-height: 1;
  background: #fff !important; color: #653EE8 !important;
  border-radius: 999px; padding: 3px 8px !important; margin: 0 !important;
}
.dashboard-access-tab--active .dashboard-access-tab__count {
  background: rgba(255,255,255,0.22) !important; color: #fff !important;
}
.dashboard-access-tab button:focus-visible { outline: 3px solid #C0AFFF; outline-offset: 3px; }

/* Course rows */
.dashboard-access-list-item {
  background: #fff !important; border: 1px solid #ECEAF2 !important; border-radius: 12px !important;
  padding: 14px 20px !important; margin: 0 0 10px !important;
  transition: border-color 0.2s ease;
}
.dashboard-access-list-item:hover { border-color: #C0AFFF !important; }
.dashboard-access-list-item-expander__title {
  font-size: 16px !important; font-weight: 500 !important; color: #111827 !important;
}
.dashboard-access-list-item-expander i { color: #7458DB !important; }
.dashboard-access-list-item .col-span-3 { font-size: 14px; color: #6B7280; }
.dashboard-access-list-item .col-span-3 strong { font-weight: 500; color: #4A4658; }

/* Continue buttons */
.dashboard-access-list-item .btn--primary {
  font-size: 14px !important; font-weight: 500 !important;
  background: #653EE8 !important; color: #fff !important; border: none !important;
  border-radius: 999px !important; padding: 8px 18px !important;
  transition: background-color 0.2s ease;
}
.dashboard-access-list-item .btn--primary:hover { background: #512BC9 !important; }
.dashboard-access-list-item .btn--primary:focus-visible { outline: 3px solid #C0AFFF; outline-offset: 3px; }

/* Hide dashboard tabs we don't use */
.dashboard-access-tab--required,
.dashboard-access-tab--events,
.dashboard-access-tab--archived {
  display: none !important;
}

/* Remove the gray border around My Learning */
.dashboard-access,
.widget:has(.dashboard-access) {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

:root{
  --acad-accent:#6E4BFF;   /* swap for Cortex brand primary */
  --acad-ink:#0F172A;
  --acad-muted:#64748B;
  --acad-border:#E5E7EB;
  --acad-surface:#F8FAFC;
  --acad-radius:14px;
}

/* ---------- Grids: real CSS grid instead of floated block-grid ---------- */
.featured-content-block-grid,
.js-results-holder > ul{
  display:grid !important; gap:24px; margin:0 !important; padding:0;
}
.featured-content-block-grid::before, .featured-content-block-grid::after,
.js-results-holder > ul::before, .js-results-holder > ul::after{ display:none !important; }
.featured-content-block-grid > li,
.js-results-holder > ul > li{
  width:auto !important; float:none !important; padding:0 !important; display:flex;
}
.featured-content-block-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); }
.js-results-holder > ul{ grid-template-columns:repeat(3,minmax(0,1fr)); }
@media (max-width:1100px){
  .featured-content-block-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .js-results-holder > ul{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:640px){
  .featured-content-block-grid,
  .js-results-holder > ul{ grid-template-columns:1fr; }
}

/* ---------- Card shell ---------- */
.catalog-item{ display:flex; width:100%; text-decoration:none !important; }
.catalog-grid-item{
  display:flex; flex-direction:column; width:100%;
  background:#fff; border:1px solid var(--acad-border);
  border-radius:var(--acad-radius); overflow:hidden;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.catalog-item:hover .catalog-grid-item,
.catalog-item:focus-visible .catalog-grid-item{
  transform:translateY(-3px);
  box-shadow:0 12px 28px rgba(15,23,42,.10);
  border-color:var(--acad-accent);
}
.catalog-grid-item > .row{ display:flex; flex-direction:column; flex:1; margin:0 !important; max-width:none; }
.catalog-grid-item > .row > .column{ padding:0 !important; width:100%; }
.catalog-grid-item > .row > .column:last-child{ flex:1; display:flex; }

/* ---------- Thumbnail: lock aspect ratio so mixed sources line up ---------- */
.catalog-grid-item__asset-container{
  aspect-ratio:750/361; overflow:hidden; background:var(--acad-surface);
  border-bottom:1px solid var(--acad-border);
}
.catalog-grid-item__asset{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s ease; }
.catalog-item:hover .catalog-grid-item__asset{ transform:scale(1.03); }

/* ---------- Body: grid so type + duration share a row ---------- */
.catalog-grid-item__body{
  display:grid; grid-template-columns:auto 1fr; grid-template-rows:auto auto 1fr auto;
  column-gap:8px; align-items:center; width:100%; padding:16px 18px 14px;
}
.catalog-grid-item__title{
  grid-column:1 / -1; height:auto !important; min-height:2.6em; margin:0 0 10px;
  font-size:1.05rem; font-weight:600; line-height:1.3; color:var(--acad-ink);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.catalog-grid-item__source{ grid-column:1; margin:0; }
.catalog-grid-item__source strong{
  display:inline-block; padding:3px 9px; border-radius:999px;
  font-size:.68rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase;
  color:var(--acad-accent); background:color-mix(in srgb, var(--acad-accent) 12%, transparent);
}
.catalog-grid-item__body .featured-content-item__authors{
  grid-column:2; margin:0; font-size:.8rem; color:var(--acad-muted);
}
.catalog-grid-item__body .featured-content-item__authors::before{ content:"⏱ "; }
.catalog-grid-item__description{
  grid-column:1 / -1; align-self:start; height:auto !important; margin:10px 0 0;
  font-size:.9rem; line-height:1.45; color:var(--acad-muted);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.catalog-grid-item__stars{ display:none; } /* only Cortex 101 has a rating; looks orphaned */

/* ---------- Footer ---------- */
.catalog-grid-item__hr{ display:none; }
.catalog-grid-item__cta-container{
  grid-column:1 / -1; height:auto !important; margin-top:14px; padding-top:12px;
  border-top:1px solid var(--acad-border);
}
.catalog-grid-item__cta-container .btn{ margin:0; font-size:.85rem; font-weight:600; text-decoration:none !important; }
.catalog-item__queue-button{ color:var(--acad-muted) !important; }
.catalog-grid-item__cta-container .btn--primary{ color:var(--acad-accent) !important; }
.catalog-grid-item__cta-container .btn--primary::after{ content:" →"; }

/* ---------- Section headers ---------- */
.widget__alt-title__container h3,
.widget__title{ font-weight:700; letter-spacing:-.01em; color:var(--acad-ink); }
.hr__accent{ width:48px; height:3px; border:0; background:var(--acad-accent); margin:8px 0 24px; }

/* ---------- Sidebar facets ---------- */
.catalog-aggregation__header--label{
  font-size:.75rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--acad-muted);
}
.catalog-aggregation__value{
  display:flex !important; justify-content:space-between; width:100%;
  padding:6px 10px; border-radius:8px; font-size:.9rem;
}
.catalog-aggregation__value:hover{ background:var(--acad-surface); color:var(--acad-accent); }
.catalog-aggregation__count{ color:var(--acad-muted); font-size:.8rem; }

/* ---------- Header ---------- */
.course__detail__header h1{ font-weight:700; letter-spacing:-.015em; color:var(--acad-ink); margin-bottom:12px; }
.course__detail__header p{ font-size:1.05rem; line-height:1.6; color:var(--acad-muted); max-width:68ch; }

/* ---------- Hero image: smaller ---------- */
.course__detail__asset{ margin:20px 0 28px; }
.course__detail__asset img{
  display:block;
  width:100%; max-width:480px;
  aspect-ratio:750/361; object-fit:cover;
  border-radius:10px; border:1px solid var(--acad-border);
}

/* ---------- Tabs: underline style instead of boxed ---------- */
.course__detail__content .tabs{
  display:flex; gap:24px; border-bottom:1px solid var(--acad-border); margin:0 0 20px;
}
.course__detail__content .tabs::before,
.course__detail__content .tabs::after{ display:none; }
.course__detail__content .tab-title{ float:none; }
.course__detail__content .tab-title > a{
  display:block; padding:10px 0; background:none !important;
  font-weight:600; color:var(--acad-muted); border-bottom:2px solid transparent; margin-bottom:-1px;
}
.course__detail__content .tab-title.active > a{ color:var(--acad-ink); border-bottom-color:var(--acad-accent); }

/* No focus box on mouse click; keep a visible ring for keyboard users */
.course__detail__content .tab-title > a:focus{ outline:none !important; box-shadow:none !important; }
.course__detail__content .tab-title > a:focus-visible{
  outline:2px solid var(--acad-accent) !important; outline-offset:4px; border-radius:2px;
}
.course__detail__content .tabs-content > .content:focus{ outline:none; }
.course__detail__content .tabs-content > .content{ padding:0; }

/* ---------- Takeaways: plain, numbered, label inline ---------- */
#tabpanel-0 .editor-content ol{
  list-style:none; margin:0; padding:0; counter-reset:takeaway;
}
#tabpanel-0 .editor-content ol li{
  counter-increment:takeaway; position:relative;
  padding:16px 0 16px 2.25rem; border-top:1px solid var(--acad-border);
  line-height:1.55; color:var(--acad-muted);
}
#tabpanel-0 .editor-content ol li:last-child{ border-bottom:1px solid var(--acad-border); }
#tabpanel-0 .editor-content ol li::before{
  content:counter(takeaway, decimal-leading-zero);
  position:absolute; left:0; top:18px;
  font-size:.8rem; font-weight:600; color:var(--acad-accent);
  font-variant-numeric:tabular-nums;
}
#tabpanel-0 .editor-content ol li strong{ color:var(--acad-ink); font-weight:600; }

/* ---------- Resources links ---------- */
#tabpanel-1 .editor-content ul{ list-style:none; padding:0; margin:0 0 16px; }
#tabpanel-1 .editor-content li a{ font-weight:600; color:var(--acad-accent); }
#tabpanel-1 .editor-content li a::after{ content:" ↗"; font-size:.8em; }

/* ---------- Sidebar CTA (logged-in + logged-out variants) ---------- */
.widget--course-purchase .panel{
  background:#fff; border:1px solid var(--acad-border); border-radius:var(--acad-radius);
  padding:20px; box-shadow:0 4px 16px rgba(15,23,42,.06);
}
.widget--course-purchase .enroll__title{ display:none; }

.widget--course-purchase .btn--primary{
  display:block; width:100%; margin:0; text-align:center;
  padding:12px; border-radius:10px; font-weight:600;
  background:var(--acad-accent) !important; border-color:var(--acad-accent) !important;
  color:#fff !important; text-decoration:none !important;
}
.widget--course-purchase .btn--primary:hover{ filter:brightness(1.08); }

/* Fallback until purchase/gift is turned off in course settings */
.widget--course-purchase .btn--secondary{ display:none; }

/* "Already Enrolled? Sign In": quiet text link under the button */
.course__detail__enrolled{ margin-top:10px; text-align:center; }
.course__detail__enrolled .btn{
  font-size:.85rem; color:var(--acad-muted) !important; text-decoration:none !important;
}
.course__detail__enrolled .btn:hover{ color:var(--acad-accent) !important; }

/* Share: keep LinkedIn only */
.share__container .btn--facebook,
.share__container .btn--twitter,
.share__container .btn--pinterest{ display:none; }

/* Hide the related-courses widget when it renders empty */
.widget--course-related:not(:has(a)){ display:none; }

/* "What's Included": quieter */
.course__includes hr{ display:none; }
.course__includes__title{ font-size:.75rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--acad-muted); }
.course__includes__list li{ font-size:.875rem; color:var(--acad-muted); }

/* ---------- Fallback if the "Buy Now" string can't be overridden ---------- */
.course-purchase__mobile-button .btn span{ display:none; }
.course-purchase__mobile-button .btn::after{ content:"Start course"; }

/* ================= Learning path detail ================= */

/* Header (no wrapper div on this template) */
.course__detail__content > h1{ font-weight:700; letter-spacing:-.015em; color:var(--acad-ink); margin-bottom:12px; }
.course__detail__content > p{ font-size:1.05rem; line-height:1.6; color:var(--acad-muted); max-width:68ch; }

/* "Milestones" divider */
.collection__courses .center-ruled-title{ text-align:left; margin:36px 0 8px; }
.collection__courses .center-ruled-title hr{ display:none; }
.collection__courses .center-ruled-title span{
  font-size:.75rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--acad-muted);
  background:none; padding:0;
}

/* Milestone groups */
.learning-path-detail-milestone-list{ list-style:none; margin:0; padding:0; }
.learning-path-detail-milestone-list > li{ margin:0 0 32px; }
.learning-path-detail-milestone-list > li > h3{
  font-size:1.15rem; font-weight:700; color:var(--acad-ink); margin:0 0 4px;
}
.learning-path-detail-milestone-list > li > hr{ display:none; }

/* Each milestone item: title on top, thumbnail + text side by side below */
.learning-path-detail-milestone-item{
  padding:18px 0; border-top:1px solid var(--acad-border);
}
.learning-path-detail-milestone-item > hr{ display:none; }

.learning-path-detail-milestone-item__title{
  margin:0 0 10px; font-size:1rem; font-weight:600; color:var(--acad-ink);
}

.learning-path-detail-milestone-item .row + .row{
  display:flex; gap:20px; align-items:flex-start;
}
.learning-path-detail-milestone-item .row + .row > .medium-4{
  flex:0 0 180px; width:auto; padding:0;
  height:auto !important; max-height:none !important; overflow:visible !important;
}
.learning-path-detail-milestone-item .row + .row > .medium-8{
  flex:1; width:auto; padding:0;
}

/* Thumbnail: override theme sizing so nothing gets cropped */
.learning-path-detail-milestone-item__asset{
  width:100% !important; height:auto !important;
  max-height:none !important; aspect-ratio:auto !important;
  object-fit:contain !important; object-position:center !important;
  display:block; border-radius:8px;
}

.learning-path-detail-milestone-item__content-type{
  display:flex; align-items:baseline; gap:6px;
  font-size:.8rem; color:var(--acad-muted); margin-bottom:6px;
}
.learning-path-detail-milestone-item__content-type h5{
  margin:0; font-size:.8rem; font-weight:600; color:var(--acad-muted);
}
.learning-path-detail-milestone-item__description{
  font-size:.9rem; line-height:1.5; color:var(--acad-muted);
}
.learning-path-detail-milestone-item__cta{
  float:none !important; display:inline-block; margin:8px 0 0; padding:0;
  font-size:.85rem; font-weight:600; color:var(--acad-accent) !important; text-decoration:none !important;
}

/* Every item is Required, so the badge is noise; Optional badges still show */
.learning-path-milestone__badge--required{ display:none; }

@media (max-width:640px){
  .learning-path-detail-milestone-item .row + .row{ flex-direction:column; }
  .learning-path-detail-milestone-item .row + .row > .medium-4{ flex:none; width:100%; }
}

/* Sidebar */
.widget--learning-path-purchase .enroll{
  background:#fff; border:1px solid var(--acad-border); border-radius:var(--acad-radius);
  padding:20px; box-shadow:0 4px 16px rgba(15,23,42,.06);
}
.widget--learning-path-purchase .enroll__title{ font-size:1rem; font-weight:700; color:var(--acad-ink); margin:0 0 8px; }
.widget--learning-path-purchase .course__detail__runs{ display:none; }  /* "Runs: Nov 4th 2025" */
.widget--learning-path-purchase p{ font-size:.875rem; color:var(--acad-muted); margin:0 0 14px; }
.widget--learning-path-purchase .btn--primary{
  display:block; width:100%; margin:0; text-align:center;
  padding:12px; border-radius:10px; font-weight:600;
  background:var(--acad-accent) !important; border-color:var(--acad-accent) !important;
  color:#fff !important; text-decoration:none !important;
}
.widget--learning-path-purchase hr,
.widget--learning-path-purchase .enroll__secondary-actions{ display:none; }  /* Gift button */