/* CARD GENERIC PERSON */
body article.card-person {
  .role {
    color: #0025a3;
    font-size: 1.25rem;
  }

  .role-title {
    color: #737373;
  }

  .email,
  .phone {
    a {
      &:hover {
        color: #0025a3 !important;
      }
    }
  }
}

article.card-person:hover .email a,
article.card-person:hover .phone a {
  color: #000 !important;
}

article.card-person a:hover {
  color: #0025a3 !important;
}

/* CARD STUDENT — hover aligned with card-teaching-module_mcs */
body .view-students-container article.card-person-student:hover,
body .view-alumni-container article.card-person-student:hover {
  background-color: #c4d9ff;
}

/* CARD LECTURER hover */
article.card-person:not(.card-person-student) {
  transition: background-color 0.2s ease;
}

article.card-person:not(.card-person-student) .image-container {
  border: 3px solid transparent;
  transition: border-color 0.2s ease;
}

article.card-person:not(.card-person-student) hr {
  opacity: 1;
  transition: border-color 0.2s ease;
}

article.card-person:not(.card-person-student):hover {
  background-color: #E1EBFF;
}

article.card-person:not(.card-person-student):hover .image-container {
  border-color: #5D91E5;
}

article.card-person:not(.card-person-student):hover hr {
  border-color: #547CDA;
  color: #547CDA;
}

article.card-person:not(.card-person-student):hover .role,
article.card-person:not(.card-person-student):hover .card-body h5.card-title.h5,
article.card-person:not(.card-person-student):hover .card-body h5.card-title.h5 a,
article.card-person:not(.card-person-student):hover .card-body h5.card-title.h5 a:hover {
  color: #547CDA !important;
}

article.card-person:not(.card-person-student):hover .role-title,
article.card-person:not(.card-person-student):hover .card-text,
article.card-person:not(.card-person-student):hover .card-text *,
article.card-person:not(.card-person-student):hover .email a,
article.card-person:not(.card-person-student):hover .phone a,
article.card-person:not(.card-person-student):hover .email a:hover,
article.card-person:not(.card-person-student):hover .phone a:hover {
  color: #000 !important;
}

/* PERSON TEACHING LECTURER */
.person-teaching-lecturer {
  .role {
    color: #0025a3;
  }
}