/*new blog css*/

section.ta-blog-hero {
    width: 100%;
    background: var(--color-pink-light);
    padding: 60px 0px;
}

.ta-hero-image{
    padding-top: 30px;
}
.ta-hero-image img{
border-radius: var(--radius-lg);
}

.ta-author-img img {
    border-radius: var(--radius-circle);
    width: 44px;
    height: 44px;
}

.ta-blog-v2 {
    margin: 0 auto;
}
.ta-inner-div{
margin: 0 auto;
}

.ta-content-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 60px;
}

section.ta-blog-content {
    padding: 0 0px 48px;
}

article.ta-article-content {
    width: 70%;
}

aside.ta-sidebar {
    width: 30%;
        padding: 20px 0 0;
    border-top: 3px solid var(--color-teal-dark);
}
.ta-author-meta {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 13px;
        max-width: 448px;
    margin: 0 auto;
    padding-top: 24px;
    border-top: 1px solid var(--color-gray-200);
        text-align: left;
}
.ta-author-name {
    font-size: var(--text-sm);
    font-weight: var(--weight-bold);
}

.ta-publish-date {
    font-size: var(--text-xs);
}
section.ta-blog-header {
    text-align: center;
    padding: 64px 0;
}
h1.ta-blog-title {
    max-width: 700px;
    width: 100%;
    margin: 20px auto;
}
/* Sidebar css*/

.ta-sidebar-label{
    font-size:14px;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#476b85;
    margin-bottom:2px;
}

.ta-sidebar-category{
    font-size: var(--text-2xl);
    font-style:italic;
    font-weight: var(--weight-bold);
    color:#0e4b77;
    margin-bottom:15px;
}

.ta-trending-item{
    display:flex;
    gap:5px;
    margin-bottom:12px;
}

.ta-trending-number{
font-size: var(--text-3xl);
    line-height: 1;
    font-weight: var(--weight-bold);
    color: #00abb84d;
    font-family: var(--font-heading);
        min-width:48px;
}

.ta-trending-content{
    flex:1;
}

.ta-trending-title{
    display: block;
    color: #0e4b77;
    font-size: var(--text-base);
    line-height: 1.35;
    font-weight: var(--weight-bold);
    text-decoration: none;
    font-family: var(--font-heading);
}

.ta-trending-title:hover{
    color:#00abb8;
}

.ta-trending-date{
    margin-top: 3px;
    font-size: var(--text-xs);
    letter-spacing: 1.25px;
    text-transform: uppercase;
    color: #476b85;
    font-weight: var(--weight-bold);
}

.ta-see-all{
    display:inline-block;
    color:#00abb8;
    font-weight:700;
    text-decoration:none;
}

.ta-see-all:hover{
    text-decoration:underline;
}


.ta-keep-reading {
    padding: 64px 0px;
    border-top: 1px solid var(--color-border);
    max-width: 1500px;
    width: 100%;
    margin: 0 auto;
}

.ta-keep-title{
    font-size:var(--text-3xl);
    font-weight:700;
    color:#0e4b77;
    margin-bottom:30px;
}

.ta-keep-grid{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap:28px;
}


.ta-keep-card a{
    text-decoration:none;
}

.ta-keep-image{
    overflow:hidden;
    border-radius:18px;
}

.ta-keep-image img{
    width:100%;
    height:320px;
    object-fit:cover;
    display:block;
    transition:.4s;
}

.ta-keep-card:hover img{
    transform:scale(1.05);
}

.ta-keep-card h3{
    margin-top:18px;
    font-size:18px;
    line-height:1.3;
    color:#0f4d78;
    font-weight:700;
    font-style:italic;
}

.ta-keep-card:hover h3{
    color:#00bcd4;
}

@media(max-width:768px){

.ta-keep-grid{
    grid-template-columns:1fr;
}

.ta-keep-image img{
    height:240px;
}

.ta-keep-title{
    font-size:34px;
}

.ta-keep-card h3{
    font-size:24px;
}

}
@media screen and (max-width:1024px){
.ta-content-wrapper{
flex-direction: column;
}
article.ta-article-content, aside.ta-sidebar{
    width: 100%;
}


}
/*end new blog css*/