/** Single Default Layout (Post Content) */
#content .entry-thumbnail {
    position: relative;
    margin-bottom: 50px;
}

#content .entry-thumbnail img {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.back-to-link {
    position: relative;
}

.back-to-link a {
    font-size: 18px;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    padding: 5px 0;
    position: relative;
    font-family: var(--primary-font);
    margin-top: 75px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.back-to-link a:hover {
    color: var(--primary-color);
}
/** End of Single Default Layout (Post Content) */

/** Archive Default Layout (Archive Page) */
#content .archive-list {
    position: relative;
}

#content .archive-list .post {
    border-bottom: none;
}

#content .archive-list .archive-thumbnail,
#content .archive-list .archive-content {
    width: 100%;
}

#content .archive-list .archive-thumbnail a {
    display: block;
    outline: none;
}

#content .archive-list .archive-thumbnail canvas {
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

#content .archive-list .article-long .archive-thumbnail {
    width: 60%;
}

#content .archive-list .article-long .archive-has-thumbnail {
    width: 37%;
    margin-left: 3%;
}

#content .archive-list .article-long .archive-has-thumbnail .archive-subtitle {
    margin-top: 0;
    font-size: 32px;
}

#content .archive-list .article-long p {
    font-size: 22px;
}

#content .archive-more {
    display: inline-block;
    vertical-align: middle;
    font-family: var(--primary-font);
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-style: normal;
    text-decoration: none;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#content .archive-more:after {
    content: '';
    position: absolute;
    left: calc(100% + 23px);
    top: calc(50% - 1px);
    background: #ded1c1;
    width: 0;
    height: 2px;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#content .archive-more:hover {
    color: var(--primary-color);
}

#content .archive-more:hover:after {
    width: 63px;
    opacity: 1;
}
/** End of Archive Default Layout (Archive Page) */