/*
$custom-select-padding-y:           $input-btn-padding-y;
$custom-select-padding-x:           $input-btn-padding-x;
$custom-select-indicator-padding:   1rem; // Extra padding to account for the presence of the background-image based indicator
$custom-select-bg-size:             12px 7px; // In pixels because image dimensions
$custom-select-box-shadow:          none;
$custom-select-indicator-color:     $brand-blue;
$custom-select-indicator:           url("../icons/sprite.svg");
$custom-select-background:          escape-svg($custom-select-indicator) no-repeat $custom-select-padding-x center / $custom-select-bg-size; // Used so we can have multiple background elements (e.g., arrow and feedback icon)
*/
.sub-nav-component {
  padding-left: 0.5rem;
  border-left: 1px solid #EBEBEB;
  -webkit-transition: top 150ms;
  transition: top 150ms;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  margin-top: 1.25rem; }
  .sub-nav-component.sticky {
    position: fixed; }
  .sub-nav-component .heading {
    color: #071D49;
    font-weight: 700; }
  .sub-nav-component ul {
    list-style-type: none; }
    .sub-nav-component ul a {
      color: #707070;
      font-size: 0.875rem;
      line-height: 1.625rem;
      text-decoration: none; }