/* #### Post Items #### */

.default-post-list {
    --post-mg-factor: 1.5rem;

    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.default-post-list.loading {
    opacity: .8;
    filter: grayscale(100);
}

.default-post-list .sub-holder {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-grow: 1;
    overflow: hidden;
}

.default-post-list .content-holder {
    flex-grow: 1;
}

.posts-load-more-holder {
    display: block;
    clear: both;
    line-height: 1;
}

.posts-load-more-holder .btn-load-more {
    position: relative;
    display: inline-block;
    color: var(--btn-text-color);
    min-width: 15rem;
}

.post-list.df-pd-tb+.posts-load-more-holder .btn-load-more,
.post-list.df-pd-bottom+.posts-load-more-holder .btn-load-more {
    top: -6rem;
}

.posts-load-more-holder .btn-load-more.loading {
    opacity: .5;
    filter: grayscale(100);
}


@media (max-width: 540px) {

    .post-list.df-pd-tb+.posts-load-more-holder .btn-load-more,
    .post-list.df-pd-bottom+.posts-load-more-holder .btn-load-more {
        top: -4rem;
    }
}

/* Posts */
.default-post-list .post-item {
    margin-bottom: var(--double-margin-unit);
}

.default-post-list .post-item.col-md-6:nth-child(2n + 1) {
    clear: both;
}

.default-post-list .post-item .box {
    margin: 0;
}

.default-post-list .post-item .featured-post-image {
    border-radius: var(--df-border-radius);
    margin-right: 3rem;
    flex-basis: 29%;
    overflow: hidden;
}

.default-post-list .post-item .featured-post-image a {
    display: block;
}

.default-post-list .post-item .featured-post-image img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 0;
}

.default-post-list .post-item .featured-post-image a:hover {
    opacity: 0.9;
}

.default-post-list .post-item .page-sub-title {
    font-family: var(--heading-font-family);
    margin-bottom: var(--post-mg-factor);
    line-height: 1.15;
    font-size: 2.6rem;
}

.default-post-list .post-item .page-sub-title a {
    display: block;
    color: var(--title-color);
}

.default-post-list .post-item .page-sub-title a:hover {
    text-decoration: none;
    color: var(--highlight-color);
}

.default-post-list .post-item .excerpt-holder {
    margin: 0 0 var(--post-mg-factor);
}

.default-post-list .post-item .excerpt-holder p {
    font-size: var(--body-font-size);
    margin: 0;
}

.post-meta-holder {
    color: var(--text-light-color);
    justify-content: left;
    font-size: 1.2rem;
    margin-bottom: var(--post-mg-factor);
}

.default-post-list .post-item .meta,
.post-meta {
    display: inline-block;
    color: var(--text-light-color);
    line-height: 1;
    margin: 0;
}

.default-post-list .post-item .meta:empty,
.post-meta:empty {
    display: none;
}

.default-post-list .post-item .meta a,
.post-meta a,
a.tag-cloud-link {
    display: inline-block;
    color: var(--text-light-color);
    margin: 0 .5rem .1rem 0;
    padding: .4rem 1rem;
    line-height: inherit;
    background: rgba(0, 0, 0, .15);
    border-radius: var(--hf-border-radius);
}

.post-meta a[rel*=tag]:before,
.post-meta a[rel*=category]:before {
    right: var(--df-padding-unit);
    content: '\f02b';
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    margin-right: .3rem;
    text-rendering: auto;
    line-height: 1;
}

.post-meta a[rel*=category]:before {
    content: '\f07b';
}

.default-post-list .post-item .meta a:hover,
.post-meta a:hover,
a.tag-cloud-link:hover {
    color: var(--highlight-color);
}

.post-meta .sep {
    display: none;
}

.default-post-list .post-item .meta .right,
.default-post-list .post-item .meta .post-date {
    display: none;
    float: none;
    margin-left: 6rem;
}

.post-meta-holder .author-and-date {
    display: flex;
    flex: 0 1 auto;
    align-items: center;
    justify-content: left;
    text-align: inherit;
}

.post-meta-holder .author-and-date+.post-meta.meta {
    margin-top: .5rem;
}

.post-meta-holder .author-and-date .author-avatar {
    width: 2.5rem;
    max-width: 2.5rem;
    padding: 0 .5rem 0 0;
}

.post-meta-holder .author-and-date p {
    font-size: inherit;
    margin: 0;
    line-height: 1.3;
    color: var(--text-light-color);
}

.post-meta-holder .author-and-date .text-column {
    padding-left: 0;
}

.post-meta-holder .text-column .sep {
    font-style: normal;
}

.post-meta-holder .author-and-date+.excerpt-holder {
    margin-top: 2rem;
}

.default-post-list .post-item .read-more {
    display: block;
    font-size: calc(var(--body-font-size) * 0.9);
}

.read-more-about {
    position: absolute;
    top: -10000em;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

@media (min-width: 992px) {
    .default-post-list .post-item .featured-post-image {
        min-width: 29%;
    }
}

@media (min-width: 440px) {
    .post-item.layout-post-vertical .sub-holder {
        flex-wrap: wrap;
    }

    .post-item.layout-post-vertical .featured-post-image,
    .default-post-list .post-item.layout-post-vertical .featured-post-image {
        flex-basis: 100%;
        min-width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-bottom: var(--post-mg-factor);
    }
}

@media (max-width: 1440px) {
    .default-post-list .post-item .title {
        font-size: 2.8rem;
    }
}

@media (max-width: 992px) {
    .df-pd.posts-list {
        padding: 3rem 0;
    }

    .default-post-list .post-item {
        margin-bottom: 3rem;
    }

    .default-post-list .post-item .box {
        padding-bottom: 2rem;
    }

    .default-post-list .post-item .featured-post-image {
        flex-basis: 35%;
        min-width: 20rem;
        max-width: 20rem;
    }

    .default-post-list .post-item .title,
    .default-post-list .post-item .page-sub-title {
        font-size: calc(var(--body-font-size) * 1.3);
    }

    .default-post-list .post-item .read-more {
        font-size: var(--body-font-size);
    }
}

@media (max-width: 440px) {
    .post-item .sub-holder {
        flex-wrap: wrap;
    }

    .default-post-list .post-item .featured-post-image {
        flex-basis: 100%;
        min-width: 100%;
        max-width: 100%;
        margin-bottom: var(--post-mg-factor);
    }

    .default-post-list .sub-holder .content-holder {
        width: 100%;
    }
}

/* Alphabetical List */
.post-item.alphabetic-list {
    break-inside: avoid;
    margin-bottom: 4rem;
    width: 100%;
    float: none;
}

@media (min-width: 992px) {
    .post-item.alphabetic-list.col-md-3:nth-child(4n + 1) {
        clear: both;
    }
}

@media (max-width: 992px) {
    .post-item.alphabetic-list.col-sm-6:nth-child(2n + 1) {
        clear: both;
    }
}

.post-item.alphabetic-list .letter-title {
    font-size: 3.3rem;
    font-weight: 700;
    color: var(--title-color);
}

.post-item.alphabetic-list ul {
    margin: 0 !important;
}

.post-item.alphabetic-list ul li {
    font-size: 1.5rem;
    background: none;
    padding: 0;
}

.post-item.alphabetic-list ul li:before {
    display: none;
}

@media (min-width: 992px) {
    .post-item.alphabetic-list ul li {
        font-size: 1.4rem;
    }
}

@media (max-width: 600px) {
    .post-item.alphabetic-list .letter-title {
        font-size: 3rem;
    }
}

/* Top Featured Posts */
@media (min-width: 992px) {
    .top-featured-area .featured {
        flex-basis: 65%;
        max-width: none;
    }

    .top-featured-area .featured>.row,
    .top-featured-area .featured .featured-post-image a,
    .top-featured-area .side>.row {
        height: 100%;
    }

    .top-featured-area .featured .post-item {
        width: 100%;
        max-width: 100%;
        margin-bottom: 0;
    }

    .top-featured-area .featured .sub-holder {
        position: relative;
        flex-direction: column;
        border-radius: var(--thumbnail-border-radius);
        justify-content: left;
        padding: 0;
        height: 100%;
    }

    .top-featured-area .featured .featured-post-image {
        position: relative;
        flex: 0 0 100%;
        width: 100%;
        height: 100%;
        margin: 0;
    }

    .top-featured-area .featured .featured-post-image img {
        height: 100%;
        object-fit: cover;
    }

    .top-featured-area .featured .post-item .excerpt-holder p {
        color: var(--dark-bg-text-color);
    }

    .top-featured-area .featured .featured-post-image:before {
        position: absolute;
        bottom: 0;
        left: 0;
        content: '';
        display: block;
        pointer-events: none;
        width: 100%;
        height: 95%;
        background: #000;
        background: var(--featured-post-cover-overlay-bg);
        z-index: 3;
    }

    .top-featured-area .featured .content-holder {
        position: absolute;
        padding: 0 50px 50px;
        bottom: 0;
        width: 100%;
        color: #fff;
        z-index: 4;
    }

    .top-featured-area .featured .post-item .page-sub-title {
        font-size: 3.8rem;
    }

    .top-featured-area .featured .post-item .page-sub-title:hover {
        opacity: .9;
    }

    .top-featured-area .featured .post-item .page-sub-title,
    .top-featured-area .featured .post-item .page-sub-title a,
    .top-featured-area .featured .post-item .post-meta a {
        color: #fff;
    }

    .top-featured-area .featured .post-item .author-and-date .author-avatar {
        margin: 0;
    }

    .top-featured-area .featured .post-item .author-and-date p {
        color: #fff;
    }

    .top-featured-area .featured .post-item .read-more {
        color: #fff;
    }

    .top-featured-area .featured .post-item .read-more:hover {
        color: #fff;
        opacity: .8;
    }

    .top-featured-area .side {
        flex-basis: 35%;
        height: 100%;
        max-width: none;
    }

    .top-featured-area .side .post-item {
        width: 100%;
        max-width: 100%;
        margin-bottom: 5.2rem;
    }

    .top-featured-area .side .post-item .sub-holder {
        align-items: center;
    }

    .top-featured-area .side .post-item:last-child {
        margin-bottom: 0;
    }

    .top-featured-area .side .post-item .featured-post-image {
        flex-basis: 46.4%;
        min-width: 46.6%;
        max-width: 46.6%;
        margin: 0 2.5rem 0 0;
    }

    .top-featured-area .side .post-item .content-holder {
        flex-basis: calc(54.6% - 2.5rem);
        max-width: calc(54.6% - 2.5rem);
    }

    .top-featured-area .side .post-item .page-sub-title {
        padding-top: 0;
        margin-top: 0;
        margin-bottom: 1rem;
        font-size: 2rem;
    }

    .top-featured-area .side .post-item .excerpt-holder {
        display: none;
    }

    .remaining-posts-holder .post-item .featured-post-image {
        flex-basis: 30%;
        min-width: 30%;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .top-featured-area .side .post-item .featured-post-image {
        flex-basis: 37%;
        min-width: 37%;
        max-width: 37%;
    }

    .top-featured-area .side .post-item .content-holder {
        flex-basis: calc(63% - var(--df-padding-unit));
        max-width: calc(63% - var(--df-padding-unit));
    }
}

/* List Items */
.widget .post-item.list,
ul>.post-item.list {
    border-top: 1px solid rgba(0, 0, 0, .05);
    padding: 1.5rem var(--df-padding-unit) !important;
    margin: 0 calc(var(--df-padding-unit) * -1);
}

.widget .post-item.list:last-child,
ul>.post-item.list:last-child {
    padding-bottom: 0 !important;
    border-bottom: 0;
}

.post-item.layout-list-item,
.sidebar ul .post-item.layout-list-item {
    position: relative;
    padding-left: 0;
}

.post-item.layout-list-item:hover {
    background: rgba(0, 0, 0, .005);
}

.post-item.layout-list-item:before {
    display: none;
}

.post-item.layout-list-item .sub-holder {
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: flex-start;
}

.post-item.layout-list-item .featured-post-image {
    margin-bottom: 0;
    border-radius: var(--df-border-radius);
    height: auto;
    flex-basis: 6rem;
    min-width: 6rem;
    overflow: hidden;
}

.post-item.layout-list-item .featured-post-image+.content-holder {
    padding-left: var(--df-column-gap);
}

.post-item.layout-list-item.big .featured-post-image {
    margin-right: 2rem;
    flex-basis: 11rem;
    min-width: 11rem;
}

.post-item.layout-list-item .featured-post-image a:hover {
    opacity: .8;
}

.post-item.layout-list-item .featured-post-image img {
    width: 100%;
    height: auto;
    margin-bottom: 0;
}

.post-item.layout-list-item .title {
    font-size: 1.5rem;
    line-height: 1.2;
    margin: 0;
}

.post-item.layout-list-item.big .title {
    font-size: 1.6rem;
}

.post-item.layout-list-item .title a {
    color: var(--title-color);
}

.post-item.layout-list-item .title a:hover {
    color: var(--highlight-color);
}

.post-item.layout-list-item .post-meta .post-categories {
    display: block;
    margin-top: 1rem;
}

.post-item.layout-list-item .author-and-date {
    margin: .5rem 0 0 0;
}

.post-item.layout-list-item .author-and-date .sep {
    display: none;
}

.post-item.layout-list-item .author-and-date .date {
    display: block;
}

.post-item.layout-list-item .author-and-date+.post-meta.meta {
    margin: .5rem 0 0 0;
}

.post-item.layout-list-item .post-meta.meta a {
    font-size: inherit;
}

.post-item.layout-list-item .excerpt-holder {
    display: none;
}

.post-item.layout-list-item.big .excerpt-holder {
    display: block;
}

.post-item.layout-list-item .excerpt-holder p {
    font-size: 1.3rem;
    margin: 1rem 0 0 0;
    color: var(--text-light-color);
}

@media (max-width: 600px) {
    .post-item.layout-list-item.big .featured-post-image {
        flex-basis: 6rem;
        min-width: 6rem;
    }

    .post-item.layout-list-item.big .title {
        font-size: 1.5rem;
    }
}

@media (max-width: 440px) {
    .post-item.layout-list-item .sub-holder {
        flex-wrap: nowrap;
    }
}

@media (max-width: 360px) {
    .post-item.layout-list-item.big .featured-post-image {
        flex-basis: 4rem;
        min-width: 4rem;
    }
}