.program-page-sidebar {
  min-width: 0;
}

.program-page-sidebar__image--offset {
  margin-top: 80px;
}

.program-page-sidebar__image--offset-small {
  margin-top: 75px;
}

.steps ul.sf-menu > li.sf-depth-1.sfHover > ul,
.steps ul.sf-menu > li.sf-depth-1:hover > ul,
.steps ul.sf-menu > li.sf-depth-1:focus-within > ul {
  top: 100% !important;
}

.steps ul.sf-menu > li.sf-depth-1:hover > ul.sf-hidden,
.steps ul.sf-menu > li.sf-depth-1.sfHover > ul.sf-hidden,
.steps ul.sf-menu > li.sf-depth-1:focus-within > ul.sf-hidden {
  background: #33588b !important;
  clip: auto !important;
  clip-path: none !important;
  height: auto !important;
  left: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  padding: 25px 35px !important;
  top: 100% !important;
  width: 100% !important;
}

.steps > .step-numbers > li.sf-depth-1:hover .step::before,
.steps > .step-numbers > li.sf-depth-1:focus-within .step::before {
  border: solid 5px #ffd204;
  padding: 16px;
}

.steps .sf-depth-1:hover > .step,
.steps .sf-depth-1:focus-within > .step {
  background: url("/sites/cdfi/themes/custom/cdfi/css/images/arrow-process.png") no-repeat center bottom;
  text-decoration: none;
}

@media (max-width: 767px) {
  .steps > .step-numbers {
    background: #f3f3f3 url("/sites/cdfi/themes/custom/cdfi/css/images/white-border.png") repeat-x left 235px;
  }

  .steps > .step-numbers > li.sf-depth-1 {
    display: inline-block;
    padding: 35px 25px 0 35px;
    background: url("/sites/cdfi/themes/custom/cdfi/css/images/step-arrow.png") no-repeat left 38%;
  }

  .steps > .step-numbers > li.sf-depth-1:first-child {
    padding-left: 0;
    background: none;
  }

  .steps .sf-depth-1:hover > .step,
  .steps .sf-depth-1:focus-within > .step {
    background: none;
  }
}