/* This is loaded ONLY when the component is on the page. */
.wp-block-acf-person-card {
  margin: 0;
  overflow: hidden;
  height: 100%;
  min-width: 200px;
  display: flex;
  flex-direction: column;
  text-align: center;
  color: var(--wp--preset--color--contrast);
}
.wp-block-acf-person-card:focus {
    outline: none;
  }
.wp-block-acf-person-card:focus-visible,
  .wp-block-acf-person-card.block-editor-block-list__block:not([contenteditable=true]):focus {
    outline: 3px solid #0bf;
    outline-offset: 3px;
  }
.wp-block-acf-person-card h5 {
    text-decoration: none;
    margin: 0;
  }
.wp-block-acf-person-card .person-portrait {
    margin: 0 auto 0 0;
    border-radius: 0 0 64px 0;
    overflow: hidden;
    aspect-ratio: 275/380;
    height: auto;
  }
@media (min-width: 40em) {
.wp-block-acf-person-card .person-portrait {
      flex: 0 0 50%;
      margin: 0 auto 0 0;
      border-radius: 0 64px 64px 0;
      height: 100%
  }
    }
.wp-block-acf-person-card .person-portrait img {
      -o-object-fit: cover;
         object-fit: cover;
      height: 100%;
    }
.wp-block-acf-person-card .person-detail {
    flex: 0 1 auto;
    padding: 1.675rem;
    margin: 0 auto;
  }
.wp-block-acf-person-card .person-detail:focus {
      outline: none;
    }
.wp-block-acf-person-card .person-detail .person-title,
    .wp-block-acf-person-card .person-detail .person-role,
    .wp-block-acf-person-card .person-detail .person-email {
      font-size: 1rem;
    }
.wp-block-acf-person-card .person-detail .person-email a {
        color: var(--wp--preset--color--blue);
        padding-left: 20px;
        position: relative;
        white-space: nowrap;
      }
.wp-block-acf-person-card .person-detail .person-email a:hover,
        .wp-block-acf-person-card .person-detail .person-email a:focus {
          text-decoration: underline;
        }
.wp-block-acf-person-card .person-detail .person-email a:before {
        content: '';
        position: absolute;
        left: 0px;
        top: 4px;
        width: 16px;
        height: 17px;
        color: inherit;
        background-color: currentColor;
        -webkit-mask-position: center;
                mask-position: center;
        -webkit-mask-size: 17px;
                mask-size: 17px;
        -webkit-mask-image: url("data:image/svg+xml,<svg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M2 3.5C1.72386 3.5 1.5 3.72386 1.5 4V12.5C1.5 12.7652 1.60536 13.0196 1.79289 13.2071C1.98043 13.3946 2.23478 13.5 2.5 13.5H13.5C13.7652 13.5 14.0196 13.3946 14.2071 13.2071C14.3946 13.0196 14.5 12.7652 14.5 12.5V4C14.5 3.72386 14.2761 3.5 14 3.5H2Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/><path d='M14 4L8 9.5L2 4' stroke='white' stroke-width='1.254' stroke-linecap='round' stroke-linejoin='round'/></svg>");
                mask-image: url("data:image/svg+xml,<svg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M2 3.5C1.72386 3.5 1.5 3.72386 1.5 4V12.5C1.5 12.7652 1.60536 13.0196 1.79289 13.2071C1.98043 13.3946 2.23478 13.5 2.5 13.5H13.5C13.7652 13.5 14.0196 13.3946 14.2071 13.2071C14.3946 13.0196 14.5 12.7652 14.5 12.5V4C14.5 3.72386 14.2761 3.5 14 3.5H2Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/><path d='M14 4L8 9.5L2 4' stroke='white' stroke-width='1.254' stroke-linecap='round' stroke-linejoin='round'/></svg>");
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
      }
.wp-block-acf-person-card .person-detail .person-biography {
      font-size: 1rem;
      padding-top: 1rem;
    }
.wp-block-acf-person-card .local-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    flex: 1 0 auto;
    line-height: 1.1;
    background-color: #fff;
    padding: 1.675rem 0.875rem 0.875rem;
    text-align: center;
  }
.wp-block-acf-person-card .local-wrapper .local-id {
      font-size: 1rem;
      margin-bottom: 8px;
    }
.wp-block-acf-person-card .local-wrapper figure {
      flex: 1 0 100px;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 8px 0 0;
    }
.wp-block-acf-person-card .local-wrapper figure img {
        max-height: 100px;
        max-width: 200px;
      }
.wp-block-acf-person-card.style-Local {
    background-color: #fff;
    background-color: var(--wp--preset--color--custom-transparent-contrast);
    border-radius: 16px;
    text-align: center;
  }
.wp-block-acf-person-card.style-Local .person-detail {
      color: #fff;
    }
.wp-block-acf-person-card.style-Local .person-detail a {
        color: #fff;
      }
.wp-block-acf-person-card.style-Simple {
    background-color: #fff;
    border-radius: 16px;
  }
.wp-block-acf-person-card.style-Expanded {
    background-color: #fff;
    border-radius: 16px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
@media (min-width: 40em) {
.wp-block-acf-person-card.style-Expanded {
      flex-direction: row;
      justify-content: center;
      align-items: flex-start
  }
    }
.wp-block-acf-person-card.style-Expanded.withPortrait {
    background-color: #fff;
    border-radius: 96px 16px 16px 16px;
  }