/* =========================
   GENERAL
   ========================= */

.submenu {
  display: none;
}

::selection {
  color: white;
  background: black;
}


/* =========================
   MAIN PROFILE
   ========================= */

.profile {
  display: flex;
  align-items: flex-start;
}


/* =========================
   PROFILE PHOTO
   ========================= */

.profile-photo {
  display: inline-block;

  margin: 0 35px 0 0;
  padding: 0;

  border: 0 !important;
}

.profile-photo img {
  display: block;

  width: 250px;
  height: 250px;

  object-fit: cover;

  border: 0;
  border-radius: 14px;

  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}


/* =========================
   PROFILE TEXT
   ========================= */

.profile-text {
  flex: 1 1 auto;
  min-width: 0;

  padding-left: 20px;

  font-size: 13px;
}


/* =========================
   PROFILE NAME
   ========================= */

.profile-name,
.profile-name:link,
.profile-name:visited {
  color: black !important;
  text-decoration: none !important;

  font-size: 22px !important;
  font-weight: bold;
}

.profile-name:hover,
.profile-name:focus {
  color: red !important;
  text-decoration: none !important;
}

.profile-text h1 {
  margin: 0 0 14px 0;
  padding: 0 0 8px 0;

  border-bottom: 1px solid #777;

  width: 100%;
}

/* =========================
   UNIVERSITY
   ========================= */

.profile-link,
.profile-link:link,
.profile-link:visited {
  color: black !important;
  text-decoration: none !important;

  font-size: 16px !important;
  font-weight: bold;
}

.profile-link:hover,
.profile-link:focus {
  color: red !important;
  text-decoration: none !important;
}


/* =========================
   DEPARTMENT / DIVISION /
   RESEARCH GROUP / ERASMUS
   ========================= */

.profile-small-link,
.profile-small-link:link,
.profile-small-link:visited {
  color: black !important;
  text-decoration: none !important;

  font-size: 13px !important;
  font-weight: bold;
}

.profile-small-link:hover,
.profile-small-link:focus {
  color: red !important;
  text-decoration: none !important;
}


/* =========================
   ACADEMIC PROFILE ICONS
   ========================= */

.icon-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;

  gap: 0.8rem;
}

.icon-row a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.icon-row img {
  display: block;

  width: 35px;
  height: auto;
}

.icon-row img.wide {
  width: 70px;
}


/* =========================
   RIGHT-SIDE LOGO
   ========================= */

.profile-logo {
  flex: 0 0 150px;

  display: flex;
  align-items: center;
  justify-content: center;

  align-self: center;

  margin-left: 20px;
}

.profile-logo img {
  display: block;

  width: 120px;
  max-width: 100%;
  height: auto;

  margin: 0;
  padding: 0;

  border: 0;
}