@charset "UTF-8";
/* IMPORTS */
/* VARIABLES */
/*
 * Cityu Template Theme
 */
/* MIXINS */
.view-cityu-people-view .view-content > h3 {
  font-size: 1.5rem; }

.view-cityu-people-view .views-row {
  font-size: 14px;
  line-height: 17px;
  padding: 10px;
  margin-bottom: 20px;
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2); }
  .view-cityu-people-view .views-row::after {
    display: block;
    clear: both;
    content: ""; }
  .view-cityu-people-view .views-row:last-child {
    margin-bottom: 0; }
  @media (max-width: 759.98px) {
    .view-cityu-people-view .views-row {
      margin-bottom: 10px; } }
  .view-cityu-people-view .views-row > .views-field > .field-content {
    display: block; }
  .view-cityu-people-view .views-row .label {
    font-weight: bold;
    color: #000000; }
  .view-cityu-people-view .views-row .people-image,
  .view-cityu-people-view .views-row .people-desc,
  .view-cityu-people-view .views-row .people-links {
    float: left; }
  .view-cityu-people-view .views-row .people-image {
    width: 106px;
    height: auto;
    margin-right: 2%; }
    @media (max-width: 759.98px) {
      .view-cityu-people-view .views-row .people-image {
        margin-right: 10px;
        margin-bottom: 10px; } }
  .view-cityu-people-view .views-row .people-name {
    margin: 10px 0;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #bf165e; }
    @media (max-width: 759.98px) {
      .view-cityu-people-view .views-row .people-name {
        margin-top: 0;
        margin-bottom: 10px; } }
  .view-cityu-people-view .views-row .people-desc {
    margin-right: 2%; }
    .view-cityu-people-view .views-row .people-desc p:not(.people-name),
    .view-cityu-people-view .views-row .people-desc span {
      margin-bottom: 4px; }
  .view-cityu-people-view .views-row:not(.no-image) .people-desc {
    width: 58.33%; }
    @media (max-width: 759.98px) {
      .view-cityu-people-view .views-row:not(.no-image) .people-desc {
        width: calc(100% - 106px - 10px - 10px * 2); }
        .view-cityu-people-view .views-row:not(.no-image) .people-desc::after,
        .view-cityu-people-view .views-row:not(.no-image) .people-desc .field-content::after {
          display: block;
          clear: both;
          content: ""; }
        .view-cityu-people-view .views-row:not(.no-image) .people-desc .text-top {
          min-height: 167px; }
        .view-cityu-people-view .views-row:not(.no-image) .people-desc .text-bottom {
          float: right;
          width: calc(100% + 106px + 10px); } }
  .view-cityu-people-view .views-row.no-image {
    min-height: 177px; }
    .view-cityu-people-view .views-row.no-image .people-desc {
      width: calc(calc(58.33% + 106px) + 2%); }
      @media (max-width: 759.98px) {
        .view-cityu-people-view .views-row.no-image .people-desc {
          width: 100%;
          margin-right: 0; } }
  .view-cityu-people-view .views-row .people-links {
    margin-top: 38px; }
    @media (min-width: 1200px) {
      .view-cityu-people-view .views-row .people-links {
        margin-left: 2%;
        width: calc(100% - 106px - 2% * 3 - 58.33% - 10px * 2); } }
    @media (max-width: 759.98px) {
      .view-cityu-people-view .views-row .people-links {
        margin-top: 20px; } }
    @media (max-width: 759.98px) {
      .view-cityu-people-view .views-row .people-links,
      .view-cityu-people-view .views-row .people-links .field-content {
        width: 100%; } }
    .view-cityu-people-view .views-row .people-links .links {
      margin-bottom: 6px; }
      @media (max-width: 759.98px) {
        .view-cityu-people-view .views-row .people-links .links {
          float: left;
          margin-bottom: 0; } }
      .view-cityu-people-view .views-row .people-links .links p {
        margin-bottom: 10px;
        color: #bf165e; }
        @media (max-width: 759.98px) {
          .view-cityu-people-view .views-row .people-links .links p.office {
            margin-bottom: 0; } }
      .view-cityu-people-view .views-row .people-links .links .label {
        margin-right: 10px; }
    .view-cityu-people-view .views-row .people-links .tel .label {
      margin-right: 18px; }
    @media (max-width: 759.98px) {
      .view-cityu-people-view .views-row .people-links .email {
        float: right; } }
    .view-cityu-people-view .views-row .people-links .email a {
      display: inline-block;
      padding: 10px 34px 10px 22px;
      border: 1px solid #bf165e; }
      .view-cityu-people-view .views-row .people-links .email a::before {
        content: "";
        padding-left: 8px;
        padding-right: 8px;
        font-family: "Font Awesome 5 Pro";
        font-weight: 400;
        font-size: 0.8125rem;
        color: inherit;
        padding-right: 10px; }
        .no-touch .view-cityu-people-view .views-row .people-links .email a::before:hover::after,
        .no-touch .view-cityu-people-view .views-row .people-links .email a::before:focus::after {
          padding-left: 1rem;
          padding-right: 0; }
        .no-touch .view-cityu-people-view .views-row .people-links .email a::before:hover::before,
        .no-touch .view-cityu-people-view .views-row .people-links .email a::before:focus::before {
          padding-left: 1rem;
          padding-right: 0; }
      .view-cityu-people-view .views-row .people-links .email a:hover, .view-cityu-people-view .views-row .people-links .email a:focus {
        background-color: #bf165e;
        color: #FFFFFF; }