/*
 * Alignment exclusively for:
 * nav.fbb-hero-section-links
 */

nav.fbb-hero-section-links {
  display: grid !important;
  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;

  column-gap: 24px !important;
  row-gap: 0 !important;

  width: 100% !important;

  align-items: stretch !important;
  justify-items: stretch !important;

  text-align: left !important;
}

/*
 * Each navigation option.
 */
nav.fbb-hero-section-links
  > a.fbb-hero-section-link {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;

  width: 100% !important;
  min-width: 0 !important;
  min-height: 82px !important;

  margin: 0 !important;
  padding: 16px 0 14px !important;

  text-align: left !important;

  box-sizing: border-box !important;
}

/*
 * Portuguese and English content wrappers.
 */
nav.fbb-hero-section-links
  > a.fbb-hero-section-link
  > .fbb-link-pt,
nav.fbb-hero-section-links
  > a.fbb-hero-section-link
  > .fbb-link-en {
  width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
}

/*
 * Option title.
 */
nav.fbb-hero-section-links
  .fbb-link-pt
  > strong,
nav.fbb-hero-section-links
  .fbb-link-en
  > strong {
  display: block !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: left !important;
  line-height: 1.3 !important;
}

/*
 * Option description.
 */
nav.fbb-hero-section-links
  .fbb-link-pt
  > strong
  + span,
nav.fbb-hero-section-links
  .fbb-link-en
  > strong
  + span {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;

  margin: 7px 0 0 !important;
  padding: 0 !important;

  text-align: left !important;
  line-height: 1.45 !important;
}

/*
 * Keep the fifth option aligned to the first column.
 */
nav.fbb-hero-section-links
  > a.fbb-hero-section-link:nth-child(5) {
  grid-column: 1 !important;
}

/*
 * Mobile: one clean vertical column.
 */
@media (max-width: 700px) {
  nav.fbb-hero-section-links {
    grid-template-columns: 1fr !important;
    column-gap: 0 !important;
  }

  nav.fbb-hero-section-links
    > a.fbb-hero-section-link {
    min-height: 0 !important;
    padding: 14px 0 13px !important;
  }

  nav.fbb-hero-section-links
    > a.fbb-hero-section-link:nth-child(5) {
    grid-column: auto !important;
  }
}