/* new blog layout */

.bg-color {
    background: #F4F8FF !important;
}

.bginput-area .spinner-border {
    height: 20px;
    width: 20px;
    display: none;
    margin-right: 8px !important;
}

.blog-newlatter .bginput-area button {
    display: flex !important;
    align-items: center !important;
}



.bginput-area .error {
    color: #ff0000 !important;
    font-size: 14px !important;
    display: none;
}

.blog-newlatter .bginput-area button .icon {
    margin-right: 4px;
    margin-top: 2px;
}


.ly-headering .ly-title h2.podcasts::after {
    content: '';
    background: url(../png/podcast.png);
    height: 40px;
    width: 50px;
    position: absolute;
    background-repeat: no-repeat;
    top: -2px;
    right: -68px;
    background-size: 100%;
}

.list-layout .header .post-image img {
    border-radius: 16px;
    max-width: 100%;
    object-fit: cover;
    height: 400px !important;
}

.list-layout .post-details .post-title {
    font-size: 24px !important;
    line-height: 34px !important;
    font-family: 'ProximaNova-Semibold' !important;
    margin-bottom: 16px !important;
}

.list-layout .post-details .post-title a {
    color: #1B1C1E !important;
}


.list-layout .sm-postshort .post-details .post-title {
    font-size: 20px !important;
    line-height: 30px !important;
}

.list-layout .taglist {
    margin-bottom: 16px;
}

.list-layout .taglist a {
    padding: 4px 8px !important;
    border-radius: 4px;
    font-family: 'ProximaNova-Regular' !important;
}

.post-author-details ul {
    padding: 0;
    margin: 0;
    list-style: none;
}


.post-author-details ul li {
    display: inline;
}

.header .post-author-details ul li:not(:first-child) {
    padding-left: 16px;
}

.header .post-author-details ul li {
    color: #777 !important;
    font-size: 16px;
}

.post-author-details ul li:not(:first-child) {
    padding-left: 8px;
}

.post-author-details ul li {
    font-size: 14px;
    position: relative;
    text-transform: capitalize;
}


.post-author-details ul li:not(:first-child)::before {

    content: "|" !important;
    padding-right: 8px;
    color: #999 !important;
}

.header .post-author-details ul li:not(:first-child)::before {
    padding-right: 16px;
}

.header .post-author-details ul li.author img {
    border-radius: 24px;
    height: 24px;
    width: 24px;

}

.post-author-details ul li.author img {
    height: 18px;
    width: 18px;
    border-radius: 18px;
    margin-right: 8px;
}

.sm-postshort .post-image img {
    height: 262px;
    border-radius: 16px;
    width: 100%;
    object-fit: cover;
}

.post-author-details .short-content {
    line-height: 28px !important;
}


.post-author-details ul li span.icon {
    display: inline-block !important;
    width: 12px;
    height: 12px !important;
    margin-right: 8px !important;
}


.header .post-author-details ul li span.icon::after {
    top: 3px;
}

.post-author-details ul li span.icon::after {
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    background-repeat: no-repeat !important;
    top: 2px;
}


.post-author-details ul li.date span.icon::after {
    background: url("../svg/calendar-2.svg");
}

.post-author-details ul li.time span.icon::after {
    background: url("../svg/time.svg");
}


.post-layoutv2 .post-full .sm-postshort .post-image img {
    height: 344px !important;

}

.post-layoutv2 .post-short .post-image img {
    height: 153px;
    width: 100% !important;
    border-radius: 8px !important;
    object-fit: cover;
}

.list-layout .post-short .post-details .post-title {
    font-size: 20px !important;
    line-height: 30px !important;
}

.post-short .row:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    padding-bottom: 32px !important;
    margin-bottom: 32px !important;
}

.layout-cta a {
    font-size: 18px;
    line-height: 28px;
    font-family: 'ProximaNova-Semibold';
    position: relative;
}

.layout-cta a::after {
    content: '';
    background: url(../svg/blue-arror.svg);
    height: 10px;
    width: 17px;
    position: absolute;
    background-repeat: no-repeat;
    top: 4px;
    right: -26px;
}


.list-layout .top_hu {
    border-radius: 16px;
    border: 1px solid #BCD7FF;
    background: #F4F9FF;
    display: flex !important;
    align-items: center;
    padding: 16px 24px !important;
}

.list-layout .bg-color .top_hu {
    background: #FFF !important;
}

.list-layout .top_hu .img_icon {
    margin-right: 16px;
}

.list-layout .top_hu .text {
    font-size: 20px;
    line-height: 28px;
    color: #1B1C1E;
    font-family: 'ProximaNova-Semibold';
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.list-layout .top_hu .text::after {
    content: url(../svg/black-right-arrow.svg);
    position: relative;
    z-index: 1;
}



.ly-headering {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.ly-headering .ly-title h2 {
    margin-bottom: 0 !important;
    position: relative;
}


.ly-headering .ly-link a {
    font-size: 18px;
    line-height: 28px;
    font-family: 'ProximaNova-Semibold';
    display: block;
    position: relative;
    padding-right: 26px;
}

.ly-headering .ly-link a::after {
    content: '';
    background: url(../svg/blue-arror.svg);
    height: 10px;
    width: 17px;
    position: absolute;
    background-repeat: no-repeat;
    top: 8px;
    right: 0;
}

.list-layout .blog-newlatter .bg-image {
    background: url('../svg/newsletter.svg');
    background-repeat: no-repeat !important;
    background-position: right bottom;
}

.list-layout .blog-newlatter h2 {
    font-size: 32px !important;
    line-height: 42px !important;
    margin-bottom: 16px !important;
}


.taglistbox .webinar-tag {
    background: rgba(16, 104, 233, 0.06);
    display: inline-block !important;
    padding: 4px 8px !important;
    border-radius: 4px;
    color: #1068E9 !important;
    font-size: 16px !important;
    line-height: 16px !important;
}


@media (max-width: 1199.98px) {

    .sm-postshort .post-image img {
        height: 220px;
    }

    .list-layout .header .post-details .post-title {
        font-size: 22px !important;
        line-height: 32px !important;
    }

    .list-layout .post-details .post-title {
        font-size: 18px !important;
        line-height: 28px !important;
    }

    .list-layout .top_hu .text {
        font-size: 18px;
        line-height: 28px;
    }

    .list-layout .top_hu .img_icon {
        margin-right: 16px;
    }

    .list-layout .offset-lg-1 {
        margin-left: 0 !important;
    }


    .list-layout .post-details p.short-content {
        font-size: 16px !important;
        line-height: 26px !important;
    }

    .list-layout .top_hu {
        padding: 12px 16px !important;
    }

    .list-layout .post-short .post-details .post-title {
        font-size: 18px !important;
        line-height: 28px !important;
    }

    .post-layoutv2 .post-short .post-image img {
        height: 132px;
    }

    .post-short .row:not(:last-child) {
        padding-bottom: 24px !important;
        margin-bottom: 24px !important;
    }


    .list-layout .top_hu .text::after {
        display: none !important;
    }



}

@media (max-width: 991.98px) {


    .list-layout .header .post-details {
        margin-top: 24px !important;
    }

    .list-layout .blog-newlatter .bg-image {
        background-image: none !important;
    }

    .list-layout .post-details .into-text {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }


    .list-layout .header .post-image img {
        height: 344px !important;
    }

    .list-layout .post-short {
        margin-top: 32px;
    }

}



@media (max-width: 767.98px) {

    .list-layout .header .post-image img {
        height: 280px !important;
    }

    .sm-postshort .post-image img {
        height: 280px;
    }

    .post-layoutv2 .post-full .sm-postshort .post-image img {
        height: 280px !important;
    }

    .post-layoutv2 .post-short .post-image img {
        height: 280px;
        margin-bottom: 24px !important;
    }

    .post-short .row:not(:last-child) {
        padding-bottom: 16px !important;
        margin-bottom: 16px !important;
        border: none !important;
    }

    .top_hub h2, .ly-headering .ly-title h2 {
        font-size: 28px !important;
        line-height: 36px !important;
    }

    .top_hub .col-lg-4.col-md-6 {
        width: 50% !important;
    }

    .ly-headering {
        margin-bottom: 32px !important;
    }

    .ly-headering .ly-link {
        display: none !important;
    }

}

@media (max-width: 575.98px) {

    .list-layout .header .post-image img, .sm-postshort .post-image img, .post-layoutv2 .post-full .sm-postshort .post-image img, .post-layoutv2 .post-short .post-image img {
        height: 260px !important;
    }

    .ly-headering .ly-link {
        display: none !important;
    }

    .ly-headering {
        margin-bottom: 32px !important;
    }

    .header .post-author-details ul li.time {
        display: none !important;
    }

    .list-layout .header .post-details .post-title, .list-layout .sm-postshort .post-details .post-title {
        font-size: 18px !important;
        line-height: 28px !important;
    }



    .post-author-details ul {
        margin-top: 16px !important;
    }

    .list-layout .top_hu .img_icon {
        margin-right: 0 !important;
    }

    .list-layout .header .post-details .post-title {
        margin-bottom: 8px !important;
    }



    .list-layout .top_hu {
        display: block !important;
        text-align: center !important;
        height: 100% !important;
    }

    .list-layout .top_hu .text {
        margin-top: 8px;
        text-align: center !important;
        display: block !important;
    }

}


/* new tags design*/

/* .list-layout .taglistbox .how-tos a {
    background: rgba(20, 141, 149, 0.06) !important;
    color: #148D95 !important;
}

.list-layout .taglistbox .social-media-engagement a {
    background: rgba(14, 36, 234, 0.06) !important;
    color: #0E24EA !important;
}


.list-layout .taglistbox .social-media-marketing a {
    background: rgba(15, 103, 234, 0.06) !important;
    color: #0F67EA !important;
}


.list-layout .taglistbox .growth-hacks-tips-strategies a {
    background: rgba(134, 164, 48, 0.06) !important;
    color: #86A430 !important;
}



.list-layout .taglistbox .content-marketing a {
    background: rgba(15, 142, 234, 0.06) !important;
    color: #0F8EEA !important;
}

.list-layout .taglistbox .email-marketing a {
    background: rgba(76, 112, 205, 0.06) !important;
    color: #4C70CD !important;
}

.list-layout .taglistbox .analytics a {
    background: rgba(10, 77, 125, 0.06) !important;
    color: #0A4D7D !important;
}


.list-layout .taglistbox .infographic a {
    background: rgba(186, 71, 188, 0.06) !important;
    color: #BA47BC !important;
}

.list-layout .taglistbox .lead-generation a {
    background: rgba(156, 30, 60, 0.06) !important;
    color: #9C1E3C !important;
}


.list-layout .taglistbox .marketing-strategies a {
    background: rgba(158, 95, 21, 0.06) !important;
    color: #9E5F15 !important;
}



.list-layout .taglistbox .paid-marketing a {
    background: rgba(231, 148, 52, 0.06) !important;
    color: #E79434 !important;
}

.list-layout .taglistbox .small-business a {
    background: rgba(194, 156, 19, 0.06) !important;
    color: #C29C13 !important;
}

.list-layout .taglistbox .agency a {
    background: rgba(129, 103, 11, 0.06) !important;
    color: #81670B !important;
}

.list-layout .taglistbox .instagram a {
    background: rgba(227, 52, 126, 0.06) !important;
    color: #E3347E !important;
}

.list-layout .taglistbox .facebook a {
    background: rgba(11, 99, 227, 0.06) !important;
    color: #0B63E3 !important;
}

.list-layout .taglistbox .linkedin a {
    background: rgba(20, 88, 188, 0.06) !important;
    color: #1458BC !important;
}

.list-layout .taglistbox .twitter a {
    background: rgba(11, 156, 238, 0.06) !important;
    color: #0B9CEE !important;
}

.list-layout .taglistbox .google-business-profile a {
    background: rgba(0, 58, 208, 0.06) !important;
    color: #003AD0 !important;
}


.list-layout .taglistbox .pinterest a {
    background: rgba(205, 78, 78, 0.06) !important;
    color: #CD4E4E !important;
}


.list-layout .taglistbox .tiktok a {
    background: rgba(104, 99, 99, 0.06) !important;
    color: #050000 !important;
}

.list-layout .taglistbox .youtube a {
    background: rgba(249, 38, 38, 0.06) !important;
    color: #F92626 !important;
}

.list-layout .taglistbox .review-management a {
    background: rgba(16, 104, 233, 0.06) !important;
    color: #1068E9 !important;
}

.list-layout .taglistbox a {
    background: rgba(16, 104, 233, 0.06) !important;
    color: #1068E9 !important;
} */

/* new blog layout */