/* Project page */

/* Main titles on project pages */
.project-title {
    text-align: center;
    color: #303030;
    font-size: 30;
    font-weight: 400;
}

/* Author listing */
.authors {
    text-align: center;
}

.author {
    display: inline-block;
    white-space: nowrap;
    margin: 0 1.5em;
    font-size: 1.25rem;
    font-weight: 400;
    margin-top: 10px;
    padding-bottom: 10px;
}

/* Subitles, e.g. proceedings or thesis type */
.project-subtitle {
    text-align: center;
    color: #303030;
    font-size: 20px;
    font-weight: 400;
}

/* Full width image for project pages. */
.project-image figure {
    margin: 0;
}

.project-image-border figure {
    margin: 0;
}

.project-image figure img {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.project-image-border figure img {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid black;
}

.project-image figcaption {
    caption-side: bottom;
    padding-top: 1em;
    font-style: italic;
    text-align: justify;
}

.project-image-border figcaption {
    caption-side: bottom;
    padding-top: 1em;
    font-style: italic;
    text-align: justify;
}

/* Half width image for project pages. */
.project-image-half figure img {
    max-width: 49%;
    margin-left: auto;
    margin-right: auto;
}

.project-abstract {
    line-height: 1.5;
}

.video-padding {
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 1em;
    padding-bottom: 1em;
}

.youtube-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.youtube {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

video {
    max-width:100%;
    height:auto;
}

.side-by-side {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

.side-by-side a {
    display: block;
}

.side-by-side figure img {
    max-width: 49%;
}

.side-by-side-left {
    width: 48%;
    float: left;
}

.side-by-side-right {
    width: 48%;
    float: right;
}

.margin {
    margin-top: 2em;
    margin-bottom: 2em;
}

@media (max-width: 700px) {
    .side-by-side-left {
        width: 100%;
        margin-bottom: 0.5em;
    }

    .side-by-side-right {
        width: 100%;
    }

    .project-image-half figure img {
        max-width: 100%;
    }
}