/* Style all font awesome icons */
.fa {
  font-size: 125%;
  text-align: center;
  text-decoration: none;
}

/* Add a hover effect if you want */
.fa:hover {
  opacity: 0.7;
}

/* Set a specific color for each brand */

/* Facebook */
.fa-facebook {
  background: #3B5998;
  color: white;
}

/* Twitter */
.fa-twitter {
  background: #55ACEE;
  color: white;
} 


#social-icons {
    float: right;
    line-height: 57px;
}

a:hover {
    color: DodgerBlue;
}

.pub-wrapper {
    display: flex;
    flex-direction: row;
}


.pub-img-wrapper {
    max-width: 12em;
    min-width: 12em;
    padding: 1em;
}
.pub-img-wrapper img {
    max-width: 100%;
}

.pub-desc-wrapper {
    padding: 0em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 1em;
}

/* title */
.pub-desc-wrapper h3 {
    font-size: 1.5em;
    font-weight: 600;
    margin: 0;
    margin-bottom: 0.2em;
    line-height: 1em;
}

.pub-desc-wrapper h3 a {
    border-bottom: unset;
}

/* authors */
.pub-desc-wrapper h4 {
    font-size: 1.1em;
    font-weight: 400;
    margin: 0em;
    color: #333;
}
.pub-desc-wrapper h4 strong {
    color: midnightblue;
}

.pub-desc-wrapper p {
    margin: 0.2em;
    color: #333;
}

.pub-desc-wrapper p u {
    color: black;
}

.pub-links a {
    color: DodgerBlue;
    border: unset;
    font-family: arial;
}