/**
 * CSR Toc of Tocs at en-us/support/about-us/csr.
 */

/* White box at the top of the page. */
#csr-toc-head-cta {
  background: white;
  margin-bottom: 30px;
  padding: 30px;
}
.wacky-ctas {
  display: grid;
  /* 1 column on mobile */
  grid-template: auto / 1fr;
  padding-top: 15px;
  column-gap: 30px;
}
@media(min-width: 526px) {
  .wacky-ctas {
    /* 2-columns on tablet/desktop */
    grid-template: 1fr / 4fr 3fr;
  }
}

.cta-3-of-3 {
  background: #336699;
  color: white;
  font-family: var(--heading-font-family);
  font-weight: 700;
  font-size: 1.8rem;
  margin-top: 15px;
  padding: 15px;
  text-align: center;
}

/* The internal layout of the cards is different from other tocs */
/* Body content of the toc "cards", logo in left column. */
.toc-item-2-col {
  background: white;
  column-gap: 15px;
  display: grid;
  grid-template: 1fr / 1fr 4fr;
  padding: 15px 30px 30px 15px;
}
/* Padding is a little different due to the 2 column layout. */
.toc-item-text {
  padding: 0px 0px 0px 0px;
}

.text-pad{
  padding: 15px 30px 30px 15px;
}
.csa-toc-cta:hover, .csa-toc-cta:active{
  color: #fff;
}