/* WYSIWYG Styles */
#cms-inline-editor-id.ou-justedit-active .expert-list-widget .row {
  margin: 0 !important;
  width: 100%;
  max-width: unset;
}

#cms-inline-editor-id.ou-justedit-active .expert-list-widget .row #experts-list-table {
  margin: 0;
}

#cms-inline-editor-id.ou-justedit-active .expert-list-widget .row #experts-list-table th {
  background: none;
}

/* Resets */
html body .content .wide-row .row .searchable .single-expert__top__info__additional__news p + ul > li > a {
  font-weight: unset !important;
}

.searchable {
  margin: 0 0 1rem 0;
  list-style-type: none;
}

.searchable .single-expert {
  padding: 2rem 1rem;
  scroll-margin-top: 6rem;
}

.searchable .single-expert:not(:last-child) {
  border-bottom: 1px solid #cccccc;
}

.searchable .single-expert__top {
  display: flex;
}

.searchable .single-expert__top__image-container {
  width: 160px;
  display: block;
  min-width: 160px;
}

.searchable .single-expert__top__image-container img {
  width: 160px;
  height: 160px;
  margin-bottom: .75rem;
}

.searchable .single-expert__top__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  margin-left: 1rem;
}

.searchable .single-expert__top__info__name-title {
  border-bottom: 1px solid #f6b000;
  margin-bottom: .5rem;
}

.searchable .single-expert__top__info__name-title h3 {
  font-size: 2.25rem;
  color: #013c65;
  margin: 0;
}

.searchable .single-expert__top__info__name-title p {
  font-style: italic;
  margin: 0;
}

.searchable .single-expert__top__info__additional {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0 1rem;
}

@media (max-width: 769px) {
  .searchable .single-expert__top__info__additional {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem 0;
  }
}

.searchable .single-expert__top__info__additional__department {
  grid-column: auto / span 3;
}

.searchable .single-expert__top__info__additional__college {
  grid-column: auto / span 2;
}

.searchable .single-expert__top__info__additional__college p {
  margin-boottom: 0 !important;
}

.searchable .single-expert__top__info__additional__department p:first-child, .searchable .single-expert__top__info__additional__college p:first-child {
  font-size: 13px;
  font-style: italic;
  line-height: 1.1;
  color: #000000;
  font-weight: 500 !important;
  margin-bottom: .25rem;
}

.searchable .single-expert__top__info__additional__department p:not(:first-child), .searchable .single-expert__top__info__additional__college p:not(:first-child) {
  margin-bottom: .5rem;
  line-height: 1.3;
}

.searchable .single-expert__bottom__expertise {
  margin-bottom: 1rem;
}

.searchable .single-expert__bottom__expertise p:first-child {
  font-size: 13px;
  font-style: italic;
  line-height: 1.1;
  color: #000000;
  font-weight: 500 !important;
  margin-bottom: .25rem;
}

.searchable .single-expert__bottom__expertise ul {
  margin: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

.searchable .single-expert__bottom__expertise ul li {
  padding: 0.25rem 0.75rem;
  color: white;
  background-color: #4D4D4D;
  border-radius: 6px;
}

.searchable .single-expert__bottom__news {
  margin-bottom: 1rem;
}

.searchable .single-expert__bottom__news p:first-child {
  font-size: 13px;
  font-style: italic;
  line-height: 1.1;
  color: #000000;
  font-weight: 500 !important;
  margin-bottom: .25rem;
}

.searchable .single-expert__bottom__news p:not(:first-child) {
  margin-bottom: .5rem;
  line-height: 1.3;
}

.searchable .single-expert__bottom__news ul {
  list-style-type: none;
  margin: 0;
}

.searchable .single-expert__bottom__news ul li a {
  font-size: 14px;
  text-decoration: underline;
}

.searchable .single-expert__bottom__news ul li:not(:last-child) {
  margin-bottom: .5rem;
}

.searchable .single-expert__bottom__about a.about-toggle {
  padding: .25rem .75rem;
  background: #013c65;
  color: #ffffff;
  transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  text-align: center;
  border-radius: 6px;
  border: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.searchable .single-expert__bottom__about a.about-toggle:hover {
  background: #f6b000;
  color: #013c65;
}

.searchable .single-expert__bottom__about a.about-toggle:hover:before {
  filter: unset;
  -webkit-filter: unset;
}

.searchable .single-expert__bottom__about a.about-toggle.open {
  background: #f6b000;
  color: #013c65;
}

.searchable .single-expert__bottom__about a.about-toggle.open:hover {
  background: #013c65;
  color: #ffffff;
}

.searchable .single-expert__bottom__about__content {
  margin-top: .5rem;
}

.searchable .single-expert__bottom__about__content p:first-child {
  font-size: 13px;
  font-style: italic;
  line-height: 1.1;
  color: #000000;
  font-weight: 500 !important;
  margin-bottom: .5rem;
}

.searchable .single-expert__bottom__about__content :last-child {
  margin-bottom: 0;
}

.searchable .single-expert__bottom__about__content h5, .searchable .single-expert__bottom__about__content h5 span {
  font-family: "Open Sans", sans-serif;
  color: #013c65;
  font-weight: 500 !important;
  font-style: italic;
  margin-bottom: 0;
  font-size: 15px;
}

.searchable .single-expert:nth-child(odd) {
  background-color: #f2f2f2;
}

@media (max-width: 640px) {
  .searchable .single-expert__top {
    flex-direction: column;
  }
  .searchable .single-expert__top__image-container {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .searchable .single-expert__top__info {
    margin: 0;
  }
  .searchable .single-expert__top__info__additional {
    display: block;
  }
  .searchable .single-expert__bottom {
    margin-top: .5rem;
  }
}
