body {
    padding-top: 30px;
    background-color: #fff;
    font-family: "Arvo", serif;
    /*font-family: "Lato", Verdana, Helvetica, sans-serif;*/
    color: #1a1a1a;
    font-size: 11pt;
    line-height: 1.8em;
    text-align: justify;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
a {
    text-decoration: none;
    color: #0505af;
}
.section {
    max-width: 900px;
    margin: 0 auto;
}
.section > .title {
    font-size: 18pt;
    color: #414446;
    clear: both;
}
.section > .title > span {
    /*border-bottom: 1px solid #313436;*/
    border-bottom: 2px solid #999;
    padding-bottom: 0.1em;
    padding-right: 15px;
    margin-bottom: 3.8em;
}
.section > .row {
    clear: both;
}
.section .content {
    margin-bottom: 2em;
}
.section .image img,
.section .image video {
    width: 100%;
}
#profile-photo img {
    border-radius: 30px;
}
.row_paper {
    padding-top: 32px;
    padding-bottom: 32px;
}

/**
 * Styling for the publication list
 */
.paper-title {
    padding-top: 2.5%;
    font-size: 11pt;
    color: #818181;
}
.paper-title a {color: #000;}
.paper-title a:hover {color: #777;}
.paper .links {text-align: left;}
.paper .links a:first-child { margin-left: 0px; }
.paper .links a {
    display: inline-block;
    width: 70px;
    margin-right: 5px;
    margin-bottom:10px;
    border-radius: 5px;
    padding: 1px 6px;
    background-color: #0081af;
    color: white;
    font-weight: bold;
    text-align: center;
}
.paper .links a:hover {
    pointer: cursor;
    color: #1A2B7E;
    font-weight: bold;
}

.paper .links a[data-type="Long"] {
    background-color: #0081af;
    width: 110px;
}
.paper .links a[data-type="Short"] {
    background-color: #0081af;
}
.paper .links .link-content {
    display: none;
    font-style: italic;
    margin-top: 10px;
}
.paper .links .link-content > pre {
    font-style: normal;
    line-height: 1.2em;
}

.paper .authors .author:first-child {
    padding-left: 0px;
    font-size: 11pt;
}
.paper .authors .author {
    padding-left: 7px;
}
.paper .authors a {
    color: #555;
}
.paper .authors a:hover{
    text-decoration: underline;
}

.paper .conference {
    font-size: 11pt;
    padding-bottom: 15px;
}

.paper .conference .special {
    font-weight: bold;
    color: #ff0000;
    font-size: 12pt;
    padding-bottom: 15px;
}

/**
 * Styling for the news list
 */
.news_item {
    padding-bottom: 25px;
    padding-left: 25px;
    text-align: left;
}
.news_item .ul {list-style-type: square;}
.news-date {font-weight: bold;}

.news-text {
    color: #1a1a1a;
    padding-left:5px;
}

/**
 * Styling for presentation list
 */
.presentation-title {
    padding-top: 2.5%;
    font-size: 13pt;
}
.presentation-title a {color: #000;}
.presentation-title a:hover {color: #777; text-decoration: underline}

.presentation .details {
    font-size: 12pt;
    padding-bottom: 15px;
}

/**
 * Styling for the font icons
 */
.ai-2x {font-size: 2em;}

/**
 *  Conditional styles first for mobile (or generally narrow screens) and then
 *  for the rest
 */
@media (max-width: 500px) {
    .row > div {
        float: none;
    }
    .section .content {
        width: 90%;
        margin: 0 auto 4em auto;
    }
    .section .image {
        width: 80%;
        padding: 0;
        margin: 0 auto;
    }
}
@media (min-width: 500px) {
    .row > div {
        float: left;
    }
    .section .content {
        width: 70%;
    }
    .section .image {
        width: 25%;
        padding: 2.5%;
    }
}