/*
Theme Name: 	   TradeBHP
Text Domain: 	   tradebhp
Version:            1.0.2
Tested up to:       6.8
Requires at least:  4.7
Requires PHP:       5.6
Author:             Harsh Solanki
Description:        This is child for Corpiva
Template:           corpiva
Tags:               one-column, two-columns ,right-sidebar, flexible-header, custom-background, custom-header, custom-menu, editor-style, featured-images, footer-widgets, post-formats, theme-options, threaded-comments, translation-ready, full-width-template, custom-logo, blog, e-commerce, portfolio
License: GPLv3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
 */

#subheader {
    background-color: #eee;
    padding: 9px;
}

#subheader ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    list-style: none;
    margin: 0;
    padding: 0;
}

#subheader a {
    text-decoration: none;
    padding: 8px 12px;
    color: #000;
    touch-action: manipulation;
    transition: all .2s ease-in-out;
    text-underline-offset: 0.3rem;
    font-weight: bold;
}

#subheader a:hover {
    color: var(--dt-main-color);
}

/* /Trending Blog Sections */
.uncategorized-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.uncategorized-grid .post-box {
    width: calc(33% - 20px);
    box-sizing: border-box;
    border: 1px solid #ccc;
    padding: 10px;
}

.uncategorized-grid img {
    max-width: 100%;
    height: auto;
}

.uncategorized-grid h3 {
    font-size: 1.7rem;
}

.uncategorized-grid p {
    font-size: 1.4rem;
}

/* Single Blog Page */
.single-post .inner .title {
    font-size: 4rem;
}

h2,
.h2 {
    font-size: 3.2rem;
}

/* Trending New */

.bhp-trending-archive-single {
    border: none;
    background: #eee;
    border-radius: 8px;
}

.bhp-trending-archive-single a {
    text-decoration: none;
}

.bhp-trending-archive-single img {
    border-radius: 4px;
}

.uncategorized-grid .bhp-trending-archive-single h3 {
    font-size: 1.6rem;
    margin-top: 12px;
}

.uncategorized-grid .bhp-trending-archive-single p {
    font-size: 1.3rem;
    color: var(--dt-text-color);
}


/* Footer */
.dt_footer_middle {
    padding-top: 0.5rem;
}

.dt-footer-slug-1 h3 {
    font-size: 3rem;
}



/* New Blogs Archive Page Styles */
@media screen and (min-width: 768px) {
    .post-list-view {
        display: flex;
    }

    .post-list-view .image {
        flex: 2 1 0%;
        border-radius: 1rem 0 0 1rem;
    }

    .post-list-view .inner {
        flex: 2 1 0%;
        border-radius: 0 1rem 1rem 0;
    }

    .post-list-view .dt_post_item .image+.inner .catetag {
        position: initial;
    }

    .post-list-view img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
        object-fit: cover;
        object-position: center;
        width: 100%;
        height: 100%;
    }

    .dt_post_item .image+.inner .catetag {
        position: relative;
        top: 0;
    }

    .post-list-view .content p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 1.5rem;
    }

    .dt_post_item .post-list-view .inner {
        padding: 2rem 1rem;
    }

    .dt_post_item .post-list-view .catetag {
        font-size: 1rem;
        padding: 0.2rem 1.3rem;
    }

    .dt_post_item .post-list-view .title {
        font-size: 1.8rem;
    }

    .dt_post_item .post-list-view .more-link {
        font-size: 1.3rem;
    }

    .dt_post_item .post-list-view .inner {
        flex: 2 1 0%;
        border-radius: 0 1rem 1rem 0;
        border-top: 1px;
        box-shadow: rgba(0, 0, 0, 0.1) 1px 1.2rem 6rem 0px !important;
    }

}

@media screen and (max-width: 680px) {
    #subheader ul {
        gap: 0px;
    }

    /* Footer */
    .dt-footer-slug-1 h3 {
        font-size: 3rem;
    }

    .dt-footer-slug-1 {
        margin-bottom: 5rem;
    }
}


/* New Blogs Archive Page Styles */

@media screen and (max-width: 768px) {
    .uncategorized-grid .post-box {
        width: 100%;
    }

    .uncategorized-grid .bhp-trending-archive-single img {
        width: 100%;
    }
}