/* #### Single #### */

/* Main content */
.single .main-content {
    background: inherit;
}

.attachment-post-thumbnail,
.single .wp-block-post-featured-image {
    border-radius: var(--thumbnail-border-radius);
    width: 100%;
    clear: both;
    margin-bottom: var(--df-margin-unit);
}

.single-title {
    font-size: 4rem;
    letter-spacing: -.1rem;
}

.single-title+.meta {
    font-size: 1.9rem;
    margin-top: -2rem;
    margin-bottom: 3rem;
    color: #a8acb3;
}

.single.box {
    margin-bottom: 4rem;
}

@media (min-width: 992px) {
    .single-post .initial-block .page-content.df-pd-tb {
        padding-top: 0;
    }
}

@media (max-width: 768px) {

    .single-post .initial-block .page-content.df-pd-tb {
        padding-top: 0;
    }
}

.bottom-block:empty {
    display: none;
}

/* Share Block */
.share-block {
    clear: both;
    margin: 0;
}

.share-block .title {
    font-size: 1.8rem;
    color: var(--text-color);
    text-transform: uppercase;
    font-weight: bold;
    float: left;
    margin-top: .3rem;
    margin-right: 1.5rem;
}

.share-block .links a {
    font-size: 2.2rem;
    margin: 0 .5rem;
    color: #bbb;
}

.share-block .links a:hover,
.share-block .links a:focus {
    color: var(--highlight-color);
}

@media (max-width: 768px) {
    .share-block {
        margin-bottom: 1rem;
    }

    .share-block .title {
        font-size: 1.6rem;
    }
}

/* Post Navigation */
.bottom-single-navigation {
    margin-top: 4rem;
    margin-bottom: 1rem;
    font-size: 1.8rem;
    font-weight: normal;
    text-transform: none;
}

.bottom-single-navigation small {
    color: var(--text-light-color);
}

.bottom-single-navigation ul li {
    display: inline-block;
    background: none;
    font-size: 1.4rem;
    padding: 0;
}

.bottom-single-navigation ul li:after {
    content: ">";
    margin: 0 .2rem;
    color: var(--highlight-color);
}

.bottom-single-navigation ul li:last-child:after {
    display: none;
}

.bottom-single-navigation span a {
    display: inline-block;
    margin: 0 .2rem;
    color: var(--text-color);
    font-family: var(--body-font-family);
    font-size: 1.6rem;
    height: 4rem;
    min-width: 13rem;
    text-align: center;
    background: rgba(0, 0, 0, .03);
    font-weight: normal;
    padding: .8rem 1rem;
    border-radius: var(--df-border-radius);
}

.bottom-single-navigation span a .fa {
    display: none;
    color: var(--text-light-color);
    opacity: .3;
    margin-right: .5rem;
}

.bottom-single-navigation span a:hover {
    color: var(--highlight-color);
}

.bottom-single-navigation .next {
    float: right;
}

.bottom-single-navigation .prev {
    float: left;
}

.bottom-single-navigation .prev .fa {
    margin-right: auto;
    margin-left: .5rem;
}

/* Single Review */
.our-verdict {
    position: relative;
}

.our-verdict .verdict-dec-image {
    position: absolute;
    top: -20rem;
    right: -38rem;
    width: 70rem;
}

@media (max-width: 1440px) {
    .our-verdict .verdict-dec-image {
        top: -10rem;
        right: -32rem;
        width: 50rem;
    }
}

@media (max-width: 1200px) {
    .our-verdict .verdict-dec-image {
        top: -8rem;
        right: -33rem;
        width: 45rem;
    }
}

@media (max-width: 992px) {
    .our-verdict .section-heading {
        height: 12rem;
        clear: both;
        float: none;
        overflow: hidden;
        margin-left: -1.5rem;
    }

    .our-verdict .section-heading .star-review {
        margin-bottom: 0;
        transform: scale(0.7);
        transform-origin: left;
    }
}

/* Related/Recent Posts */
.recent-posts-section {
    background-color: var(--light-bg-color);
}

.recent-posts-section .post-list-row,
.recent-posts-section .posts-list.row {
    padding: 0;
    min-width: 100%;
}

.recent-posts-section .recent-posts .page-medium-title {
    color: var(--title-color);
}

.recent-posts-section .recent-posts .col-md-4.read-more+.col-md-4.search-form {
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
}

#recent-posts-search-form-holder .row {
    flex-wrap: nowrap;
}

#recent-posts-search-form-holder .input-holder {
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
}

#recent-posts-search-form-holder .submit-holder {
    position: relative;
    left: -1rem;
    flex-basis: 6rem;
    width: 6rem;
    max-width: 6rem;
    margin-left: -6rem;
    padding: 0;
}

#recent-posts-search-form-holder .input-holder input[type="text"] {
    padding-right: 6rem;
}

#recent-posts-search-form-holder .btn.btn-search {
    padding-left: 0;
    background: transparent;
    border: none;
    box-shadow: none;
    color: var(--highlight-color-alt-2);
    padding-right: 0;
    width: 100%;
}

#recent-posts-search-form-holder .btn.btn-search:hover {
    opacity: .8;
}

@media (min-width: 992px) {
    .recent-posts-section .recent-posts .default-post-list {
        display: flex;
        width: 100%;
    }

    .recent-posts-section .post-list-row .post-item {
        flex: 0 0 50%;
        max-width: none;
    }

    .recent-posts-section .post-list-row .post-item.col-md-12 {
        flex: 0 0 100%;
        max-width: none;
    }

    .recent-posts-section .post-list-row .post-item:nth-child(2n+1) {
        clear: both;
    }

    .recent-posts-section .post-list-row .post-item .featured-post-image {
        flex-basis: 31%;
        min-width: 31%;
    }

    .recent-posts-section .post-list-row .post-item .page-sub-title {
        padding-top: 0;
    }

    .recent-posts-section .post-list-row .post-item .excerpt-holder {
        display: none;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .recent-posts-section .post-list-row .post-item .page-sub-title {
        font-size: 2.2rem;
    }
}

@media (max-width: 992px) {
    .post-list-heading {
        margin-bottom: 3rem;
    }

    .post-list-heading .col-md-8 {
        flex: 4;
    }

    .post-list-heading .col-md-4 {
        flex: 1;
    }

    .recent-posts-section .recent-posts .col-md-4.read-more {
        flex-basis: 100%;
        width: 100%;
        max-width: 100%;
        margin-top: .5rem;
    }

    .post-list-heading .col-md-4.search-form {
        position: relative;
        top: -1.5rem;
        flex: 3;
    }

    .recent-posts-section .recent-posts .col-md-4.read-more+.col-md-4.search-form {
        top: 0;
        margin-top: 1rem;
    }

    .recent-posts-section .recent-posts .page-medium-title {
        margin-bottom: 0;
    }

    .recent-posts-section .post-list-row {
        padding: 0;
    }
}

@media (max-width: 768px) {
    .post-list-heading .col-md-4.search-form {
        position: relative;
        top: 0;
        flex: auto;
        margin-top: var(--df-margin-unit);
    }
}