/* Incident/student transportation badges. Keep the stop number visually above the bus badge. */
.student-transport-badges{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  min-width:82px;
  margin-top:-18px;
}

.student-transport-badges .student-stop-badge{
  position:relative;
  isolation:isolate;
  width:62px;
  height:62px;
  flex:0 0 62px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  padding:8px;
  background:#b42318;
  color:#fff;
  clip-path:polygon(29% 0,71% 0,100% 29%,100% 71%,71% 100%,29% 100%,0 71%,0 29%);
  filter:drop-shadow(0 2px 2px rgba(15,23,42,.20));
  text-align:center;
  line-height:1;
}

/* Build the white inset stripe as layered octagons rather than a clipped border. */
.student-transport-badges .student-stop-badge::before,
.student-transport-badges .student-stop-badge::after{
  content:"";
  position:absolute;
  clip-path:inherit;
  pointer-events:none;
}

.student-transport-badges .student-stop-badge::before{
  z-index:0;
  inset:3px;
  background:#fff;
}

.student-transport-badges .student-stop-badge::after{
  z-index:0;
  inset:5px;
  background:#d92d20;
}

.student-transport-badges .student-stop-word,
.student-transport-badges .student-stop-number{
  position:relative;
  z-index:1;
  color:#fff;
  text-shadow:0 1px 1px rgba(0,0,0,.14);
}

.student-transport-badges .student-stop-word{
  font-size:15px;
  font-weight:850;
  letter-spacing:.025em;
}

.student-transport-badges .student-stop-number{
  font-size:13px;
  font-weight:850;
  line-height:1;
}

.student-transport-badges .student-bus-badge{
  margin:0!important;
  align-self:center!important;
}

@media(max-width:680px){
  .student-transport-badges{
    margin-top:-12px;
    min-width:74px;
    gap:7px;
  }
  .student-transport-badges .student-stop-badge{
    width:58px;
    height:58px;
    flex-basis:58px;
  }
  .student-transport-badges .student-stop-word{font-size:14px;}
  .student-transport-badges .student-stop-number{font-size:12px;}
}