/*
  macros/partner-card.css
  Styles for the partner_card macro.
*/

.partner:not(:last-child) {
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--jade);
}

.partner {
  display: flex;
  gap: 2rem;

  @media screen and (max-width: 600px) {
    flex-direction: column;
    gap: 0.5rem;
  }
}

.partner__image {
  display: flex;
  align-items: start;
  justify-content: center;
  max-width: 130px;

  @media screen and (max-width: 600px) {
    align-items: center;
    width: 100%;
    max-width: unset;
  }

  & img {
    @media screen and (max-width: 600px) {
      max-width: 130px;
    }
  }
}

.partner__detail {
  width: calc(100% - (2rem + 130px));

  @media screen and (max-width: 600px) {
    width: 100%;
  }

  & h3 {
    margin: 0;

    @media screen and (max-width: 600px) {
      padding-bottom: 1rem;
      text-align: center;
    }
  }
}