.visa-nav-tasks {
  background-color: rgba(26, 31, 113, 0.95);
  padding: 1.5rem;
  box-shadow: -1px 1px 4px 1px rgba(0, 0, 0, 0.25);
  color: #FFFFFF; }
  .visa-nav-tasks .title {
    border-bottom: 1px solid #F7B600;
    font-family: 'myriad-semibold';
    font-size: 1rem;
    line-height: 1;
    padding-bottom: 0.5rem;
    text-transform: uppercase; }
  .visa-nav-tasks .visa-icon {
    color: #F7B600;
    font-size: 3rem;
    left: 1.5rem;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute; }
  .visa-nav-tasks .task-link {
    color: #FFFFFF;
    display: block;
    margin: 0 -1.5rem;
    padding: 1rem 1.5rem 1rem 5.5rem;
    position: relative; }
    .visa-nav-tasks .task-link:hover, .visa-nav-tasks .task-link:focus {
      background-color: #053EA9;
      color: #FFFFFF;
      text-decoration: none; }
      .visa-nav-tasks .task-link:hover .visa-icon, .visa-nav-tasks .task-link:focus .visa-icon {
        color: inherit; }
    .visa-nav-tasks .task-link .link-label {
      font-size: 1.8rem;
      line-height: 1; }
  .visa-nav-tasks ul {
    margin-top: 1rem;
    margin-bottom: 0; }
  .visa-nav-tasks li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.25); }
  .visa-nav-tasks.theme-gold {
    background-color: rgba(247, 182, 0, 0.9);
    color: #1A1F71; }
    .visa-nav-tasks.theme-gold .title {
      border-color: #1A1F71; }
    .visa-nav-tasks.theme-gold .visa-icon {
      color: #FFFFFF; }
    .visa-nav-tasks.theme-gold .task-link {
      color: #1A1F71; }
      .visa-nav-tasks.theme-gold .task-link:hover, .visa-nav-tasks.theme-gold .task-link:focus {
        background-color: #FFD700;
        color: #1A1F71; }
    .visa-nav-tasks.theme-gold li {
      border-color: rgba(255, 255, 255, 0.5); }
  @media (min-width: 768px) {
    .visa-nav-tasks .title {
      font-size: 1.2rem;
      padding-bottom: 0.8rem; }
    .visa-nav-tasks .visa-icon {
      font-size: 3rem; }
    .visa-nav-tasks .task-link {
      padding: 1rem 1.5rem 1rem 5.3rem; }
      .visa-nav-tasks .task-link .link-label {
        font-size: 1.6rem; } }
  @media (min-width: 992px) {
    .visa-nav-tasks .title {
      font-size: 1.3rem;
      padding-bottom: 0.8rem; }
    .visa-nav-tasks .visa-icon {
      font-size: 3.5rem; }
    .visa-nav-tasks .task-link {
      padding: 1.2rem 1.5rem 1.2rem 5.7rem; }
      .visa-nav-tasks .task-link .link-label {
        font-size: 2.2rem; } }
  @media (min-width: 1200px) {
    .visa-nav-tasks .title {
      font-size: 1.5rem;
      padding-bottom: 1rem; }
    .visa-nav-tasks .visa-icon {
      font-size: 3.8rem; }
    .visa-nav-tasks .task-link {
      padding: 1.5rem 1.5rem 1.5rem 6.5rem; }
      .visa-nav-tasks .task-link .link-label {
        font-size: 2.6rem; } }


/*# sourceMappingURL=../../nav-tasks/styles/nav-tasks.css.map */