.nmjc-canva-wrapper .canva-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px,1fr));
  gap: 5px;
}

.nmjc-canva-wrapper .canva-grid .canva-card{
  position:relative;
  display:block;
  padding:10px;
  border-radius:10px;
  text-decoration:none;
  background:#ffffff;
  border:1px solid #e5e5e5;
  transition:all .25s ease;
  box-shadow:0 3px 8px rgba(0,0,0,0.06);
  overflow:hidden;
}
		
.nmjc-canva-wrapper .canva-grid .canva-card: :last-child{
  margin-bottom: 10px;
}

.nmjc-canva-wrapper .canva-grid .canva-card:hover{
  transform:translateY(-4px);
  box-shadow:0 8px 18px rgba(0,0,0,0.12);
  border-color:#b62025;
}

.register-overlay{
  clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
  position:absolute;
  top:0;
  right:0;
  width:33%;
  height:100%;
  background:#b62025;
  color:#ffffff;
  font-weight:700;
  font-size: 1.25rem;

  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;

  transform:translateX(100%);
  transition:transform .35s ease;
}

.canva-card:hover .register-overlay{
  transform:translateX(0);
}

.nmjc-canva-wrapper .canva-grid .canva-card .class-type{
  display: block;
  font-weight: 700;
}

.nmjc-canva-wrapper .canva-grid .canva-card .class-date{
  color: #333;
}