﻿body {
}

.pageContainer
{
    text-align:center;
    position : relative;
}

    .pageContainer .coverContainer {
        margin-bottom: 2rem;
    }

    .pageContainer .cover {
        max-width: 100%;
    }

    .pageContainer .dateContainer
    {
        padding : 1rem;
    }

    .pageContainer .publishDate {
    }

    .pageContainer .thumbContainer {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: stretch;
    }

    .pageContainer .eachThumb {
        flex-basis: 200px;
        flex-grow: 0;
        flex-shrink: 0;
    }

        .pageContainer .eachThumb .thumb {
            width: 200px;
            height: 300px;
            border: 1px solid #fff;
            box-shadow: 0 0 2px rgba(0,0,0,.4);
        }

    .pageContainer .popupPhoto {
    }

    .pageContainer .linkContainer {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: stretch;
        padding : 2rem 1rem;
    }

.linkContainer .preItem
{
    flex-basis : 30%;
    text-align : left;
}

.backToCategory {
    flex-basis: 30%;
    text-align : center;
}

.linkContainer .nextItem {
    flex-basis: 30%;
    text-align: right;
}
