/* layout */


.speaker-details-row:not(:last-of-type) {
  margin-bottom: 2rem;
}


#block-views-block-danh-sach-dien-gia-block-block-1 {
  background: var(--thead-table-color);
  padding: 24px 0;
}


/* img */
.view-danh-sach-dien-gia .views-field-field-anh-dai-dien img {
  box-shadow: var(--box-shadow-block);
  border: var(--border-block);
}


/* text */
.view-danh-sach-dien-gia .views-field-field-ten,
.view-danh-sach-dien-gia .views-field-title {
  padding-top: 5px;
  font-size: 1rem;
  color: var(--link-topic-color);
  text-decoration: none;
  font-weight: 600;
}


.view-danh-sach-dien-gia .views-row {
  width: 100%;
}


.speaker-details-column {
  display: flex;
  flex-direction: column;
  align-items: center;
}


.view-danh-sach-dien-gia .views-field-field-anh-dai-dien {
  width: 200px;
  margin-bottom: 1rem;
  margin-right: 1rem;
}


.view-danh-sach-dien-gia .views-field-field-anh-dai-dien img {
  border-radius: 50%;
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  height: auto;
  object-fit: contain;
}


.view-danh-sach-dien-gia .views-field-field-chucvu .field-content,
.view-danh-sach-dien-gia .views-field-field-tochuc .field-content {
  font-weight: 600;
}


.views-field-field-ten,
.views-field-field-chucvu,
.views-field-field-tochuc {
  margin-bottom: 0.5rem;
}


/* Slick */


#slick-views-danh-sach-dien-gia-block-block-block-1-2
  .views-field-field-tochuc
  .field-content,
#slick-views-danh-sach-dien-gia-block-block-block-1-2
  .views-field-field-to-chuc-viet-tat
  .field-content,
#slick-views-danh-sach-dien-gia-block-block-block-1-2
  .views-field-field-chucvu
  .field-content {
  text-align: center;
  color: white;
}


#slick-views-danh-sach-dien-gia-block-block-block-1-2
  .views-field-field-ten
  .field-content {
  text-align: center;
  font-weight: bold;
  color: #fff;
  margin-top: 10px;
}


#slick-views-danh-sach-dien-gia-block-block-block-1-2
  .views-field-field-anh-dai-dien
  img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  width: 160px;
  border: 2px #fff solid;
}


@media screen and (min-width: 576px) {
  .view-danh-sach-dien-gia .views-field-field-anh-dai-dien {
    float: left;
  }


  .speaker-details-column {
    display: block;
  }


  .view-danh-sach-dien-gia .views-field-field-ten,
  .view-danh-sach-dien-gia .views-field-field-chucvu,
  .view-danh-sach-dien-gia .views-field-field-tochuc,
  .view-danh-sach-dien-gia .views-field-field-tieu-su {
    padding-left: 216px;
  }
}