/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
.section-members .container > .content {
  max-width: 800px;
  padding-bottom: 2em; }

.section-members .member-items {
  display: grid;
  gap: 1.25em;
  grid-template-columns: repeat(1, 1fr); }
  @media (min-width: 768px) {
    .section-members .member-items {
      grid-template-columns: repeat(2, 1fr); } }
  .section-members .member-items .member-item {
    flex: 1;
    position: relative;
    background: var(--white);
    flex-wrap: wrap; }
    @media (min-width: 981px) {
      .section-members .member-items .member-item {
        display: flex;
        flex-wrap: nowrap; } }
    .section-members .member-items .member-item figure {
      margin: 0; }
      @media (min-width: 981px) {
        .section-members .member-items .member-item figure {
          width: 33.39%;
          min-width: 170px; } }
      .section-members .member-items .member-item figure img {
        -o-object-fit: cover;
           object-fit: cover;
        width: 100%;
        height: 250px; }
        @media (min-width: 981px) {
          .section-members .member-items .member-item figure img {
            aspect-ratio: 1/1;
            width: 275px; } }
    .section-members .member-items .member-item .content {
      flex: 1;
      padding: 1em 1.5em 2em; }
      @media (min-width: 981px) {
        .section-members .member-items .member-item .content {
          padding: 1.5em; } }
      @media (min-width: 1200px) {
        .section-members .member-items .member-item .content {
          padding: 1.5em 2em; } }
      .section-members .member-items .member-item .content h3 {
        font-size: 20px;
        font-weight: bold;
        font-family: "Rethink Sans", Helvetica, Arial, sans-serif;
        margin: 0; }
      .section-members .member-items .member-item .content .button-whatsapp {
        color: var(--light-blue);
        font-weight: bold;
        display: block; }
      .section-members .member-items .member-item .content .contact {
        margin-top: 1em; }
        @media (min-width: 981px) {
          .section-members .member-items .member-item .content .contact {
            gap: 2.5em;
            display: flex;
            flex-wrap: wrap;
            margin-top: 1.5em; } }
        .section-members .member-items .member-item .content .contact .phone {
          margin-bottom: .5em; }
        .section-members .member-items .member-item .content .contact .label {
          font-weight: bold; }
        .section-members .member-items .member-item .content .contact .value {
          display: block;
          color: var(--light-blue); }
      .section-members .member-items .member-item .content .function {
        display: block;
        margin-top: .5em; }
        .section-members .member-items .member-item .content .function .location {
          color: var(--dark-blue); }
          @media (min-width: 981px) {
            .section-members .member-items .member-item .content .function .location {
              font-size: 16px; } }

.section-members.white {
  background: var(--white); }
  .section-members.white .member-item {
    background: var(--background-color); }

.section-members.blue {
  background: var(--dark-blue); }
  .section-members.blue .member-item .title-link, .section-members.blue .member-item .function, .section-members.blue .member-item .label {
    color: var(--text-color); }

/*# sourceMappingURL=members.css.map */