/* =========================================================
   HONDURAS — CREW ENDORSEMENT PROCEDURE
   HOVER EFFECT ONLY
   ========================================================= */

#crew-endorsement .hnd2-procedure .hnd2-step{
  transition:
    transform .28s cubic-bezier(.22,1,.36,1),
    background .30s ease,
    border-color .30s ease,
    box-shadow .30s ease !important;
}


/* hover row */
#crew-endorsement .hnd2-procedure .hnd2-step:hover,
#crew-endorsement .hnd2-procedure .hnd2-step:focus-within{
  transform:translateY(-2px) !important;

  background:
    linear-gradient(
      135deg,
      #10384f 0%,
      #194f70 54%,
      #3379a3 100%
    ) !important;

  border-color:#58bde2 !important;

  box-shadow:
    0 13px 28px
    rgba(5,44,65,.17) !important;
}


/* title */
#crew-endorsement
.hnd2-procedure
.hnd2-step:hover b,

#crew-endorsement
.hnd2-procedure
.hnd2-step:hover strong,

#crew-endorsement
.hnd2-procedure
.hnd2-step:focus-within b,

#crew-endorsement
.hnd2-procedure
.hnd2-step:focus-within strong{
  color:#ffffff !important;
  opacity:1 !important;
}


/* description */
#crew-endorsement
.hnd2-procedure
.hnd2-step:hover small,

#crew-endorsement
.hnd2-procedure
.hnd2-step:hover p,

#crew-endorsement
.hnd2-procedure
.hnd2-step:focus-within small,

#crew-endorsement
.hnd2-procedure
.hnd2-step:focus-within p{
  color:#d7e9f2 !important;
  opacity:1 !important;
}


/* number circle */
#crew-endorsement
.hnd2-procedure
.hnd2-step:hover > i,

#crew-endorsement
.hnd2-procedure
.hnd2-step:focus-within > i{
  color:#08769e !important;

  background:#e3f7fc !important;

  border-color:#98deef !important;

  box-shadow:
    0 4px 12px
    rgba(0,0,0,.11) !important;
}