/* #### Sub-header #### */

.sub-header {
    padding: var(--df-padding-unit) 0;
    background: var(--light-bg-color);
    background-position: center center;
    background-size: cover;
}

/* Custom bg images will be override due the inline css */
.sub-header.has-custom-bg-img {
    background-image: none;
}

.sub-header .page-title {
    margin-bottom: 1rem;
    color: var(--title-color);
}

.sub-header .page-description,
.sub-header .post-meta a {
    color: var(--text-color);
}

.sub-header .page-intro>*:last-child,
.sub-header .page-description>*:last-child {
    margin-bottom: 0;
}

@media (max-width: 992px) {
    .sub-header {
        padding: var(--df-padding-unit) 0;
    }
}

/* Sub-header Author Info & Post Meta */
.top-author-info,
.sub-header .post-meta-holder {
    margin-top: var(--df-margin-unit);
}

.top-author-info .col-md-1 {
    flex-basis: 7rem;
    max-width: 7rem;
    padding-right: 1.5rem;
}

.top-author-info .col-md-1 img.avatar {
    width: 100%;
}

.top-author-info .col-md-11 {
    flex-basis: calc(100% - 7rem);
    max-width: calc(100% - 7rem);
    padding-left: 0;
}

.top-author-info .title {
    margin: 0;
    color: var(--text-color);
    text-transform: none;
    font-size: 1.4rem;
}

.top-author-info .author-tagline {
    font-size: 1.3rem;
    color: var(--text-light-color);
    margin-bottom: 0;
}

.top-author-info .author-tagline a {
    color: var(--text-light-color);
}

.top-author-info .author-tagline a:hover {
    color: var(--highlight-color);
}

.sub-header .post-meta-holder {
    font-size: 1.3rem;
}

@media (max-width: 992px) {
    .top-author-info .col-md-1 {
        padding-right: 1rem;
    }
}

/* Hero Subheader */
@media (min-width: 992px) {

    .sub-header.hero-desktop,
    .hero-sub-header-desktop .sub-header {
        display: flex;
        width: 100%;
        align-items: center;
        min-height: 100vh;
        overflow: hidden;
    }

    .sub-header.zoommed-sub-header-desktop>.container>.row>.col-md-12,
    .zoommed-sub-header-desktop .sub-header>.container>.row>.col-md-12 {
        transform-origin: 0 center;
        transform: scale(1.15);
    }
}