#blog-content {
    margin-bottom: 0 !important;
}
#blog-content > .wpb_column > .vc_column-inner > .wpb_wrapper  {
    max-width: 1326px;
    /*margin: auto;*/
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
#blog-content .vc_grid-item {
    /*max-width: 382px;*/
    margin: auto;
}
/*************************************/
#blog-media {
    margin-bottom: 0 !important;
}
#blog-media .align-right .wpb_text_column {
    margin-bottom: 0 !important;
}
#blog-media a {
    padding-right: 0;
}
#blog-media .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item {
    max-width: 464px;
}
#blog-media .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item:nth-of-type(2n + 1) {
    padding-right: 30px;
    padding-left: 0;
}
#blog-media .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item:nth-of-type(2n) {
    padding-right: 15px;
    padding-left: 15px;
}
#blog-media .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item:nth-of-type(3n) {
    padding-right: 0;
    padding-left: 30px;
}
/*** edw ***/

.blog-posts__wrapper {
    padding: 132px 0 0 0;
    /*border: 1px solid #414141;*/
}
.blog-posts__wrapper > .wpb_column > .vc_column-inner > .wpb_wrapper > .section-heading {
    max-width: 1307px;
    margin: 0 auto 20px;
}

.blog-posts__wrapper > .wpb_column > .vc_column-inner > .wpb_wrapper > .section-heading h2:after {
    display: block;
    content: '& Media';
}

#blog-content .custom-post-article-grid,
.blog-posts__wrapper .custom-post-article-grid {
    /*max-width: 384px;*/
    width: 100%;
}

.custom-post-article-grid .vc_gitem-col {
    padding: 0 !important;
}
.custom-post-article-grid .wpb_single_image {
    overflow: hidden;
}
.custom-post-article-grid .wpb_single_image img {
    min-height: 280px;
}
.custom-post-article-grid > .vc_gitem-zone-mini > div > .vc_gitem-col > .wpb_single_image {
    margin-bottom: 0;
}

.blog-articles__wrapper {
    max-width: 1307px;
    margin: 0 auto 80px;
}
.blog-articles__wrapper > .vc_pageable-wrapper {
    overflow: hidden;
}

#latest-blog-articles {
    margin: 40px auto 80px;
}

.post-published-date {
    font-family: "Inter Medium";
    color: #848484;
    font-size: 14px;
    line-height: 25px;
    text-transform: uppercase;
    margin-bottom: 0 !important;
    padding-top: 92px;
}
.post-title {
    font-family: "Inter Medium";
    color: #FFFFFF;
    font-size: 26px;
    line-height: 26px !important;
    width: 95%;
}
.latest-articles__wrapper .post-title {
    line-height: 20px !important;
}

@media screen and (min-width: 921px) and (max-width: 1256px) {
    .blog-posts__wrapper .custom-post-article-grid {
        max-width: unset;
    }
    .blog-posts__wrapper .post-title {
        font-size: 20px;
        line-height: 24px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .blog-posts__wrapper .post-published-date {
        font-size: 11px;
        padding-bottom: 8px;
    }
}

@media screen and (max-width: 1325px) {
    #blog-content .vc_grid-item {
        width: 50%;
        max-width: 420px;
        margin: auto;
        left: calc(50% - 210px);
        transform: translateX(-50%);
    }
    @media screen and (min-width: 921px) {
        #blog-content .vc_pageable-slide-wrapper {
            width: 80%;
            margin: auto;
        }
        #blog-content .custom-post-article-grid .vc_gitem-row-position-bottom {
            background-color: #1A1A1A;
        }

        #blog-content .post-published-date > div {
            background: #1A1A1A;
            margin-bottom: -4px;
            font-size: 12px;
        }
        #blog-content .post-title {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
        }

    }


    @media screen and (max-width: 920px) {
        @media screen and (min-width: 769px) {
            .blog-posts__wrapper .custom-post-article-grid {
                left: 50%;
                transform: translateX(-50%);
            }
        }
        .blog-articles__wrapper > div > .vc_pageable-slide-wrapper > .vc_grid-item {
            display: none !important;
        }
        .blog-articles__wrapper > div > .vc_pageable-slide-wrapper > .vc_grid-item:first-of-type {
            display: block !important;
        }

        .vc_basic_grid .vc_grid.vc_row .vc_grid-item.vc_visible-item, .vc_media_grid .vc_grid.vc_row .vc_grid-item.vc_visible-item {
            width: 100%;
        }

        @media screen and (max-width: 820px) {
            /*.post-title {*/
            /*    font-size: 20px;*/
            /*    line-height: 25px;*/
            /*}*/
            #blog-content .vc_grid-item {
                /*width: 70%;*/
            }
        }
        #blog-content .custom-post-article-grid {
            /*max-width: unset;*/
        }

        @media screen and (max-width: 767px) {
            .blog-posts__wrapper .custom-post-article-grid {
                margin: auto;
            }
            .blog-posts__wrapper .post-title {
                font-size: 20px;
                line-height: 24px;
            }

            @media screen and (max-width: 620px) {
                #blog-content .custom-post-article-grid .vc_gitem-row-position-bottom {
                    background-color: #1A1A1A;
                }
                #blog-content .post-title {
                    font-size: 20px;
                    line-height: 24px;
                }

                #blog-content .post-published-date > div {
                    background: #1A1A1A;
                    margin-bottom: -4px;
                    font-size: 12px;
                }

                #blog-content .vc_grid-item {
                    /*width: 70%;*/
                    /*left: 33%;*/
                    width: 80%;
                    left: 50%;
                    transform: translateX(-70%);
                }
            }

            @media screen and (max-width: 420px) {
                #blog-content .post-title {
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 3;
                    overflow: hidden;
                }
                .blog-posts__wrapper .post-title {
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    overflow: hidden;
                }
            }
        }
    }
}



/*********** Article Page ***************/
#respond {
    display: none;
}
.post-template-default.single.single-post .main {
    padding-top: 120px;
    position: relative;
}
.post-template-default.single.single-post .main:before {
    display: block;
    content: '';
    background-color: #1A1A1A;
    width: 100%;
    height: 600px;
    position: absolute;
    top: 0;
}
.post-template-default.single.single-post .main > .row {
    /*margin-top: -120px;*/
    /*background-color: #FFFFFF;*/
    max-width: 1326px;
    margin: auto;
    /*position: relative;*/
    /*left: 50%;*/
    /*transform: translateX(-50%);*/
}
.post-template-default.single.single-post .main .row #content {
    display: flex;
    justify-content: space-between;
    padding: 40px 32px;
}
.post-template-default.single.single-post article.blog-post {
    /*margin-top: 45%;*/

}

.post-template-default.single.single-post article.blog-post p.publish-date {
    font-family: "Inter Medium";
    font-size: 14px;
    line-height: 25px;
    color: #848484;
}
.post-template-default.single.single-post article.blog-post h1.article-title {
    font-family: "Roboto Bold";
    font-size: 59px;
    line-height: 61px;
    color: #FFFFFF;
    margin-bottom: 40px;
    min-height: 184px;
}
.post-template-default.single.single-post article.blog-post .post_thumbnail {
    text-align: left;
    margin-bottom: 44px;
}
@media screen and (max-width: 1260px) {
    .post-template-default.single.single-post article.blog-post .post_thumbnail {
        text-align: center;
    }
}

.post-template-default.single.single-post article.blog-post .post_thumbnail img {
    max-width: 100%;
}
.post-template-default.single.single-post article.blog-post #post-article-content {
    max-width: 889px;
}
.post-template-default.single.single-post article.blog-post #post-article-content p {
    font-family: "Inter Regular";
    font-size: 16px;
    line-height: 21px;
    color: #000000;
}

/******* Right Sidebar - Latest Articles *******/
.latest-articles__wrapper {
    padding-top: 19%;
}
.post-template-default.single.single-post .main .row #content h4 {
    font-family: "Roboto Medium";
    font-size: 26px;
    line-height: 55px;
    color: #FFFFFF;
}
.latest-articles__wrapper h2.post-title {
    line-height: 19px;
}
.latest-articles__wrapper h2.post-title a, .latest-articles__wrapper h2.post-title a:hover  {
    font-family: "Inter Medium";
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    text-decoration: none;
}
.latest-articles__wrapper .latest-article  {
    margin-bottom: 60px;
}
.latest-articles__wrapper .latest-article .post-thumbnail {
    margin-bottom: 20px;
}
.latest-articles__wrapper .latest-article .post-thumbnail img {
    min-height: 210px;
}


/**** Custom List ****/
.post-template-default.single.single-post ul {
    list-style: none; /* Remove default bullets */
    counter-reset: my-counter; /* Reset counter for list items */
    padding-left: 0; /* Remove default padding */
}
.post-template-default.single.single-post ul .icon_description {
    padding-left: 0;
}
.post-template-default.single.single-post ul li h3 {
    font-family: "Roboto Medium";
    font-size: 26px !important;
    line-height: 55px !important;
    color: #000000;
}
.post-template-default.single.single-post ul li h3::before {
    content: counter(my-counter)'.'; /* Use counter value as content */
    counter-increment: my-counter; /* Increment counter */
    margin-right: 0.5em; /* Add some spacing between number and text */
    font-family: "Roboto Medium";
    font-size: 26px;
    line-height: 55px;
    color: #AD2E24;
}
.post-template-default.single.single-post ul li .icon_list_icon {
    display: none;
}
/**** END of - Custom List ****/

/**** Moz Firefox Style specific ***/
@-moz-document url-prefix() {
    @media screen and (min-width: 1260px) and (max-width: 1400px) {
        .latest-articles__wrapper {
            overflow: hidden;
        }
    }
}
/**** END of - Moz Firefox Style specific ***/
@media screen and (max-width: 1260px) {
    .post-template-default.single.single-post .main .row #content {
        flex-direction: column;
    }
    .latest-articles__wrapper {
        padding-top: 20px;
        display: flex;
        flex-wrap: wrap;
        position: relative;
        padding-top: 48px;
    }
    .latest-articles__wrapper .latest-article {
        width: 33%;
    }
    .latest-articles__wrapper h2.post-title {
        width: 80%;
    }
    .post-template-default.single.single-post .main .row #content h4 {
        color: #000000;
        position: absolute;
        top: 0;
        font-size: 20px;
        line-height: 44px;
    }

    @media screen and (max-width: 940px) {
        .post-template-default.single.single-post article.blog-post h1.article-title {
            font-size: 48px;
            line-height: 51px;
        }
        .latest-articles__wrapper .latest-article {
            width: 45%;
        }

        .post-template-default.single.single-post ul li h3,
        .post-template-default.single.single-post ul li h3::before {
            font-size: 20px !important;
            line-height: 24px !important;
            margin-bottom: 12px;
        }


        @media screen and (max-width: 720px) {
            .post-template-default.single.single-post .main .row #content {
                padding: 40px 0;
            }
            .post-template-default.single.single-post article.blog-post p.publish-date,
            .post-template-default.single.single-post article.blog-post h1.article-title,
            .post-template-default.single.single-post article.blog-post #post-article-content {
                padding: 0 15px;
            }
            .latest-articles__wrapper {
                padding: 48px 15px 0;
            }
            .post-template-default.single.single-post article.blog-post h1.article-title {
                font-size: 42px;
                line-height: 47px;
            }
            .latest-articles__wrapper .latest-article {
                width: 100%;
            }
            .latest-articles__wrapper h2.post-title {
                width: 80%;
            }
        }
    }
}


/***** Override Bakery Blog Post responsive style ******/
/******* Homepage Blog Articles *******/
.custom-post-article-grid .vc_gitem-zone-mini .vc_gitem-row-position-top {
    z-index: 1;
}
.custom-post-article-grid .vc_gitem-zone-mini .vc_gitem-row-position-middle {
    /*background-color: lightseagreen;*/
}
.custom-post-article-grid .vc_gitem-zone-mini .vc_gitem-row-position-bottom {
    /*background: lightskyblue;*/
    top: 63%;
}
@media screen and (max-width: 1230px) {
    .custom-post-article-grid .vc_gitem-zone-mini .vc_gitem-row-position-middle {
        /*background-color: lightblue;*/
        top: 57%;
    }
    .custom-post-article-grid .vc_gitem-zone-mini .vc_gitem-row-position-bottom {
        /*background: darkslateblue;*/
        top: 70%;
    }

    @media screen and (max-width: 1100px) {
        .custom-post-article-grid .vc_gitem-zone-mini .vc_gitem-row-position-middle {
            /*background-color: lightseagreen;*/
            top: 62%;
        }
        .custom-post-article-grid .vc_gitem-zone-mini .vc_gitem-row-position-bottom {
            /*background: lightskyblue;*/
            top: 75%;
        }

        @media screen and (max-width: 1024px) {
            #blog-media .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item:last-of-type {
                display: none;
            }
            #blog-media .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item {
                width: 100%;
            }
            .custom-post-article-grid .vc_gitem-zone-mini .vc_gitem-row-position-middle {
                /*background-color: lightseagreen;*/
                top: 50%;
            }
            .custom-post-article-grid .vc_gitem-zone-mini .vc_gitem-row-position-bottom {
                /*background: lightskyblue;*/
                top: 60%;
            }

            @media screen and (max-width: 420px) {
                .custom-post-article-grid .vc_gitem-zone-mini .vc_gitem-row-position-bottom {
                    /*background: lightskyblue;*/
                    top: 65%;
                }
                .custom-post-article-grid .vc_gitem-zone-mini .vc_gitem-row-position-top {
                    top: -5%;
                }

                @media screen and (max-width: 380px) {
                    .custom-post-article-grid .vc_gitem-zone-mini .vc_gitem-row-position-top {
                        top: -10%;
                    }
                }
            }
        }
    }
}
/******* END of - Homepage Blog Articles *******/
/******* Blog & Media page Blog Articles *******/
@media screen and (max-width: 1230px) {
    #blog-content .custom-post-article-grid .vc_gitem-zone-mini .vc_gitem-row-position-middle {
        top: 52%;
    }
    #blog-content .custom-post-article-grid .vc_gitem-zone-mini .vc_gitem-row-position-bottom {
        top: 67%;
    }
    @media screen and (max-width: 1024px) {
        #blog-content .custom-post-article-grid .vc_gitem-zone-mini .vc_gitem-row-position-middle {
            top: 55%;
        }
        #blog-content .custom-post-article-grid .vc_gitem-zone-mini .vc_gitem-row-position-bottom {
            top: 70%;
        }
        #blog-content .post-title {
            font-size: 20px;
            line-height: 24px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        @media screen and (min-width: 621px) and (max-width: 740px) {
            #blog-content .custom-post-article-grid .vc_gitem-zone-mini .vc_gitem-row-position-top {
                top: -12%;
            }
        }
        @media screen and (max-width: 540px) {
            #blog-content .custom-post-article-grid .vc_gitem-zone-mini .vc_gitem-row-position-top {
                top: -7%;
            }

            @media screen and (max-width: 480px) {
                #blog-content .custom-post-article-grid .vc_gitem-zone-mini .vc_gitem-row-position-top {
                    top: -12%;
                }
                @media screen and (max-width: 440px) {
                    #blog-content .custom-post-article-grid .vc_gitem-zone-mini .vc_gitem-row-position-top {
                        top: -20%;
                    }
                }
            }
        }
    }
}
/******* END of - Blog & Media page Blog Articles *******/