
/* v50 TRUE Homepage 3 Column: left sidebar + category posts middle + right sidebar */
.ab-home-true-3col-v50{
    display:grid!important;
    grid-template-columns:280px minmax(0,1fr) 280px!important;
    gap:18px!important;
    align-items:start!important;
    max-width:1440px!important;
    width:100%!important;
    margin:18px auto 28px!important;
    padding-left:16px!important;
    padding-right:16px!important;
    box-sizing:border-box!important;
}
.ab-home-center-v50{
    min-width:0!important;
    width:100%!important;
}
.ab-home-center-v50 > .ab-wrap,
.ab-home-center-v50 .ab-wrap{
    width:100%!important;
    max-width:100%!important;
    padding-left:0!important;
    padding-right:0!important;
}
.ab-home-sidebar-v50{
    display:grid!important;
    gap:16px!important;
    min-width:0!important;
    width:100%!important;
    position:sticky!important;
    top:92px!important;
    align-self:start!important;
}
.ab-v50-widget{
    background:#fff!important;
    border:1px solid #e5e7eb!important;
    border-radius:16px!important;
    padding:16px!important;
    box-shadow:0 8px 24px rgba(15,23,42,.06)!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
}
.ab-v50-widget h3{
    margin:0 0 14px!important;
    font-size:18px!important;
    line-height:1.25!important;
    font-weight:900!important;
    color:#111827!important;
    border-left:4px solid #ef1b2d!important;
    padding-left:10px!important;
}

/* left sidebar timeline */
.ab-v50-timeline a{
    display:block!important;
    position:relative!important;
    text-decoration:none!important;
    color:#111827!important;
    border-left:2px solid #ef1b2d!important;
    padding:0 0 14px 14px!important;
    margin-left:7px!important;
}
.ab-v50-timeline a:before{
    content:""!important;
    position:absolute!important;
    left:-6px!important;
    top:0!important;
    width:10px!important;
    height:10px!important;
    border-radius:50%!important;
    background:#ef1b2d!important;
}
.ab-v50-timeline em{
    display:block!important;
    font-style:normal!important;
    color:#ef1b2d!important;
    font-size:12px!important;
    font-weight:900!important;
    margin-bottom:4px!important;
}
.ab-v50-timeline strong{
    display:block!important;
    font-size:14px!important;
    line-height:1.45!important;
    font-weight:900!important;
}

/* popular */
.ab-v50-popular a{
    display:grid!important;
    grid-template-columns:28px 58px minmax(0,1fr)!important;
    gap:9px!important;
    align-items:center!important;
    color:#111827!important;
    text-decoration:none!important;
    padding:9px 0!important;
    border-bottom:1px solid #edf0f5!important;
}
.ab-v50-popular a:last-child{border-bottom:0!important}
.ab-v50-popular b{
    width:26px!important;
    height:26px!important;
    border-radius:8px!important;
    background:#ef1b2d!important;
    color:#fff!important;
    display:grid!important;
    place-items:center!important;
    font-size:12px!important;
}
.ab-v50-popular span{
    height:45px!important;
    border-radius:9px!important;
    overflow:hidden!important;
    background:#f1f5f9!important;
}
.ab-v50-popular img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
}
.ab-v50-popular strong{
    font-size:13px!important;
    line-height:1.35!important;
    font-weight:900!important;
}

/* video/weather/social/tags/newsletter */
.ab-v50-video>a{
    height:126px!important;
    border-radius:15px!important;
    background:linear-gradient(135deg,#111827,#ef1b2d)!important;
    color:#fff!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    text-decoration:none!important;
    text-align:center!important;
}
.ab-v50-video>a span{
    width:48px!important;
    height:48px!important;
    border-radius:50%!important;
    background:#fff!important;
    color:#ef1b2d!important;
    display:grid!important;
    place-items:center!important;
    font-size:22px!important;
}
.ab-v50-weather{
    background:linear-gradient(135deg,#0b63ce,#1d4ed8)!important;
    color:#fff!important;
}
.ab-v50-weather h3{color:#fff!important;border-left-color:#fff!important}
.ab-v50-weather strong{display:block!important;font-size:34px!important;margin:6px 0!important}
.ab-v50-weather span,.ab-v50-weather small{display:block!important;color:rgba(255,255,255,.92)!important}
.ab-v50-social a{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    text-decoration:none!important;
    padding:10px 12px!important;
    border-radius:10px!important;
    background:#f8fafc!important;
    color:#111827!important;
    margin-bottom:8px!important;
    font-weight:900!important;
}
.ab-v50-social span{color:#ef1b2d!important}
.ab-v50-tags a{
    display:inline-flex!important;
    margin:4px!important;
    padding:8px 11px!important;
    border-radius:10px!important;
    background:#f8fafc!important;
    color:#334155!important;
    text-decoration:none!important;
    font-size:13px!important;
    font-weight:800!important;
    border:1px solid #edf0f5!important;
}
.ab-v50-newsletter{
    background:linear-gradient(135deg,#fff,#fff1f2)!important;
}
.ab-v50-newsletter p{
    margin:0 0 10px!important;
    color:#64748b!important;
    font-weight:700!important;
}
.ab-v50-newsletter input{
    width:100%!important;
    height:42px!important;
    border:1px solid #e5e7eb!important;
    border-radius:10px!important;
    padding:0 12px!important;
    margin-bottom:10px!important;
    box-sizing:border-box!important;
}
.ab-v50-newsletter button{
    width:100%!important;
    height:42px!important;
    border:0!important;
    border-radius:10px!important;
    background:#ef1b2d!important;
    color:#fff!important;
    font-weight:900!important;
}

/* make center category posts fit the middle column */
.ab-home-center-v50 img{
    max-width:100%!important;
    height:auto;
}
.ab-home-center-v50 *{
    box-sizing:border-box;
}

@media(max-width:1180px){
    .ab-home-true-3col-v50{
        grid-template-columns:240px minmax(0,1fr) 240px!important;
        gap:14px!important;
    }
}
@media(max-width:991px){
    .ab-home-true-3col-v50{
        display:flex!important;
        flex-direction:column!important;
        gap:16px!important;
        padding-left:14px!important;
        padding-right:14px!important;
        margin-top:14px!important;
    }
    .ab-home-center-v50{order:1!important;width:100%!important}
    .ab-home-sidebar-left{order:2!important}
    .ab-home-sidebar-right{order:3!important}
    .ab-home-sidebar-v50{
        position:static!important;
        width:100%!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}
@media(max-width:640px){
    .ab-home-sidebar-v50{
        grid-template-columns:1fr!important;
        gap:14px!important;
    }
    .ab-v50-widget{
        border-radius:15px!important;
        padding:14px!important;
    }
}
