:root{
  --teal:#008080;
  --teal-600:#007373;
}
.text-teal{color:var(--teal)!important;}
.btn-teal{
  background:var(--teal);
  color:#fff;
  border:none;
  border-radius:.75rem;
  padding:.75rem 1.25rem;
}
.btn-teal:hover{background:var(--teal-600); color:#fff;}
.hero{
  background: radial-gradient(80% 120% at 10% 10%, rgba(0,128,128,.08), transparent 60%),
              radial-gradient(70% 110% at 90% 10%, rgba(0,128,128,.08), transparent 60%);
}
.hero-logo{max-width:280px; width:80%; height:auto;}
.card .h4, .card h3, h2, h3{color:var(--teal);}
table{font-size:1rem;}
footer{font-size:.9rem;}
/* improve list spacing */
ol li{margin-top:.4rem}
ul li{margin-top:.2rem}
/* tweak navbar active styling */
.nav-link.active{color:var(--teal)!important; font-weight:600;}

h6 {font-weight: 600;} /* or font-weight: 700; */


/* Expand/Collapse indicator for 10-Week Program Timeline */
.collapse-toggle{cursor:pointer;}
.collapse-toggle .chevron{display:inline-block; width:0; height:0; border-left:.36rem solid transparent; border-right:.36rem solid transparent; border-top:.5rem solid var(--teal); transition:transform .2s ease;}
.collapse-toggle.collapsed .chevron{transform:rotate(-90deg);} /* right-pointing when collapsed */
.collapse-toggle .when-expanded{display:none;}
.collapse-toggle:not(.collapsed) .when-expanded{display:inline;}
.collapse-toggle:not(.collapsed) .when-collapsed{display:none;}