.blog-category-container hr {
    border-top: 2px solid #0D6940;
    margin: 40px 0px 30px 0px;
}

.blog-category-container .category-row {
    padding: 0px 0px 16px 0px;
    font-size: 20px;
    line-height: 24px;
}

    .blog-category-container .category-row .divider {
        padding: 0px 20px;
    }

.sort-selector-placeholder {
    height: 45px;
}


.blog-grid-container .post-container, .whitepaper-container .post-container {
    margin: 16px 0px;
}

.whitepaper-container .post-thumbnail {
    height: 435px;
}

.whitepaper-container, .blog-popular-container, .blog-latest-container {
    margin-bottom: 56px;
}

    .whitepaper-container h2 {
        margin-bottom: 8px;
    }

    .whitepaper-container .cta-container {
        margin: 24px 0px 0px 0px;
    }

    .blog-popular-container .cta-container, .blog-latest-container .cta-container {
        margin-top: 32px;
    }




@media (min-width: 577px) {
    .mobile {
        display: none !important;
    }
}

@media (max-width: 576px) {
    .non-mobile {
        display: none !important;
    }
    h2 {
        font-size: 32px;
        line-height: 38px;
        white-space: normal;
    }
    h3 {
        font-size: 24px;
        line-height: 28px;
    }
    h5 {
        font-size: 16px;
        line-height: 20px;
    }
    .btn {
        width: 100%;
    }

    .banner .page_subtitle {
        font-size: 16px;
        line-height: 22px;
    }

    .area-breadcrumbs {
        padding: 16px 0px;
    }    

    .blog-category-container .category-row {
        padding: 2px 8px;
        font-size: 16px;
        line-height: 19px;
        white-space: nowrap;
        overflow: hidden;
        width: calc(100vw - 66px);
    }

    .blog-category-container .mobile-category-row {
        display: table;
    }

    .blog-category-container .mobile-category-cell {
        display: table-cell;
        vertical-align: middle;
    }

    .blog-category-container .arrow-icon {
        width: 18px;
        height: 23px;
        background-color: #006940;
        display: block;
        background-position: center;
        background-repeat: no-repeat;
    }

        .blog-category-container .arrow-icon.left {
            background-image: url(/wp-content/themes/wp-bootstrap-starter-eri/inc/assets/images/white-arrow-left.svg);
        }

        .blog-category-container .arrow-icon.right {
            background-image: url(/wp-content/themes/wp-bootstrap-starter-eri/inc/assets/images/white-arrow-right.svg);
        }

    .blog-category-container ::-webkit-scrollbar {
        width: 1px;
        height: 1px;
    }

    .blog-category-container ::-webkit-scrollbar-track {
        background: #FFFFFF;
    }

    .blog-category-container ::-webkit-scrollbar-thumb {
        background: #FFFFFF;
    }

        .blog-category-container ::-webkit-scrollbar-thumb:hover {
            background: #FEFEFE;
        }

    #pnlCategorySliderContainer {
        overflow-x: scroll;
    }

    #pnlCategorySlider {
        left: 0px;
        position: relative;
        transition: left .5s;
    }

    .sort-selector-placeholder {
        margin-bottom: 32px;
    }

    .sort-selector-container {
        width: calc(100vw - 30px);
    }

    .blog-grid-container .post-container, .whitepaper-container .post-container {
        margin-top: 0px;
    }

    .blog-popular-container h2, .blog-latest-container h2 {
        white-space: normal;
        margin-bottom: 16px;
    }

    .pagination-container {
        margin: 32px 0px;
    }

    .whitepaper-container, .blog-popular-container, .blog-latest-container {
        margin-bottom: 32px;
    }

        .whitepaper-container h2 {
            margin-bottom: 24px;
        }

        .whitepaper-container .whitepaper-1 {
            padding-right: 8px;
        }

        .whitepaper-container .whitepaper-2 {
            padding-left: 8px;
        }

        .whitepaper-container .whitepaper-3 {
            display: none;
        }

        .whitepaper-container .post-thumbnail {
            height: auto;
        }

        .blog-popular-container .cta-container, .blog-latest-container .cta-container {
            margin-top: 32px;
        }
}