/* v55 Header Menu + 3 Column Sidebar Responsive Fix */

/* HEADER MENU FIX */
.ab-header,
.site-header,
header{
    overflow:visible!important;
}
.ab-nav,
.ab-header-menu,
.ab-primary-menu,
.main-navigation,
nav[role="navigation"]{
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    white-space:nowrap!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
}
.ab-nav::-webkit-scrollbar,
.ab-header-menu::-webkit-scrollbar,
.ab-primary-menu::-webkit-scrollbar,
.main-navigation::-webkit-scrollbar,
nav[role="navigation"]::-webkit-scrollbar{
    display:none!important;
}
.ab-nav ul,
.ab-header-menu ul,
.ab-primary-menu ul,
.main-navigation ul,
nav[role="navigation"] ul{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    margin:0!important;
    padding:8px 12px!important;
    list-style:none!important;
    min-width:max-content!important;
}
.ab-nav li,
.ab-header-menu li,
.ab-primary-menu li,
.main-navigation li,
nav[role="navigation"] li{
    flex:0 0 auto!important;
    margin:0!important;
}
.ab-nav a,
.ab-header-menu a,
.ab-primary-menu a,
.main-navigation a,
nav[role="navigation"] a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:34px!important;
    padding:8px 14px!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#111827!important;
    text-decoration:none!important;
    font-weight:900!important;
    box-shadow:0 5px 16px rgba(15,23,42,.06)!important;
    white-space:nowrap!important;
}
.ab-nav a:hover,
.ab-header-menu a:hover,
.ab-primary-menu a:hover,
.main-navigation a:hover{
    background:#ef1b2d!important;
    color:#fff!important;
}

/* MAIN 3 COLUMN */
.ab-v55-home-shell{
    width:100%!important;
    max-width:1440px!important;
    margin:18px auto 32px!important;
    padding:0 16px!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:260px minmax(0,1fr) 260px!important;
    gap:18px!important;
    align-items:start!important;
}
.ab-v55-home-left,
.ab-v55-home-middle,
.ab-v55-home-right{
    min-width:0!important;
}
.ab-v55-sidebar{
    display:grid!important;
    gap:16px!important;
    position:static!important;
    top:auto!important;
}
.ab-v55-widget,
.ab-v55-section{
    background:#fff!important;
    border:1px solid #e5e7eb!important;
    border-radius:16px!important;
    box-shadow:0 8px 24px rgba(15,23,42,.06)!important;
    overflow:hidden!important;
}
.ab-v55-widget{
    padding:14px!important;
}
.ab-v55-widget h3{
    margin:0 0 12px!important;
    font-size:17px!important;
    font-weight:900!important;
    color:#111827!important;
    border-left:4px solid #ef1b2d!important;
    padding-left:10px!important;
}
.ab-v55-timeline a{
    display:block!important;
    position:relative!important;
    text-decoration:none!important;
    color:#111827!important;
    border-left:2px solid #ef1b2d!important;
    padding:0 0 12px 14px!important;
    margin-left:7px!important;
}
.ab-v55-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-v55-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-v55-timeline strong{
    display:block!important;
    font-size:13px!important;
    line-height:1.45!important;
    font-weight:900!important;
}
.ab-v55-popular a{
    display:grid!important;
    grid-template-columns:24px 52px minmax(0,1fr)!important;
    gap:8px!important;
    align-items:center!important;
    color:#111827!important;
    text-decoration:none!important;
    padding:8px 0!important;
    border-bottom:1px solid #edf0f5!important;
}
.ab-v55-popular b{
    width:24px!important;
    height:24px!important;
    border-radius:8px!important;
    background:#ef1b2d!important;
    color:#fff!important;
    display:grid!important;
    place-items:center!important;
    font-size:11px!important;
}
.ab-v55-popular span{
    height:42px!important;
    border-radius:9px!important;
    overflow:hidden!important;
    background:#f1f5f9!important;
}
.ab-v55-popular img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
}
.ab-v55-popular strong{
    font-size:13px!important;
    line-height:1.35!important;
    font-weight:900!important;
}
.ab-v55-video>a{
    height:118px!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-v55-video>a span{
    width:44px!important;
    height:44px!important;
    border-radius:50%!important;
    background:#fff!important;
    color:#ef1b2d!important;
    display:grid!important;
    place-items:center!important;
    font-size:20px!important;
}
.ab-v55-weather{
    background:linear-gradient(135deg,#0b63ce,#1d4ed8)!important;
    color:#fff!important;
}
.ab-v55-weather h3{color:#fff!important;border-left-color:#fff!important}
.ab-v55-weather strong{display:block!important;font-size:32px!important;margin:6px 0!important}
.ab-v55-weather span,
.ab-v55-weather small{display:block!important;color:rgba(255,255,255,.92)!important}
.ab-v55-social a{
    display:flex!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-v55-social span{color:#ef1b2d!important}
.ab-v55-tags a{
    display:inline-flex!important;
    margin:4px!important;
    padding:8px 10px!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-v55-newsletter{
    background:linear-gradient(135deg,#fff,#fff1f2)!important;
}
.ab-v55-newsletter p{
    margin:0 0 10px!important;
    color:#64748b!important;
    font-weight:700!important;
}
.ab-v55-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-v55-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;
}

/* Middle posts */
.ab-v55-middle-inner{
    display:grid!important;
    gap:18px!important;
}
.ab-v55-section{
    padding:16px!important;
}
.ab-v55-section-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    border-bottom:2px solid #111827!important;
    margin-bottom:14px!important;
}
.ab-v55-section-head h2{
    margin:0!important;
    font-size:24px!important;
    font-weight:900!important;
    color:#111827!important;
    padding-left:12px!important;
    border-left:5px solid #ef1b2d!important;
}
.ab-v55-section-head a{
    color:#ef1b2d!important;
    text-decoration:none!important;
    font-weight:900!important;
    font-size:14px!important;
}
.ab-v55-post-grid{
    display:grid!important;
    grid-template-columns:1.25fr 1fr!important;
    gap:14px!important;
}
.ab-v55-post{
    display:grid!important;
    grid-template-columns:96px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:start!important;
    border-bottom:1px solid #edf0f5!important;
    padding-bottom:10px!important;
}
.ab-v55-post.featured{
    grid-row:span 4!important;
    display:block!important;
    border-bottom:0!important;
    padding-bottom:0!important;
}
.ab-v55-img{
    display:block!important;
    border-radius:10px!important;
    overflow:hidden!important;
    background:#f1f5f9!important;
    min-height:72px!important;
}
.ab-v55-post.featured .ab-v55-img{
    min-height:260px!important;
}
.ab-v55-img img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
}
.ab-v55-no-thumb{
    display:block!important;
    width:100%!important;
    min-height:72px!important;
    background:#f1f5f9!important;
}
.ab-v55-post h3{
    margin:0 0 5px!important;
    font-size:18px!important;
    line-height:1.35!important;
    font-weight:900!important;
}
.ab-v55-post:not(.featured) h3{
    font-size:16px!important;
}
.ab-v55-post h3 a{
    color:#111827!important;
    text-decoration:none!important;
}
.ab-v55-post p{
    margin:0 0 6px!important;
    color:#64748b!important;
    font-size:13px!important;
    line-height:1.55!important;
}
.ab-v55-post:not(.featured) p{
    display:none!important;
}
.ab-v55-post > span{
    color:#64748b!important;
    font-size:12px!important;
    font-weight:700!important;
}

/* Responsive */
@media(max-width:1200px){
    .ab-v55-home-shell{
        grid-template-columns:230px minmax(0,1fr) 230px!important;
        gap:14px!important;
    }
    .ab-v55-post-grid{
        grid-template-columns:1fr!important;
    }
    .ab-v55-post.featured{
        grid-row:auto!important;
    }
}
@media(max-width:991px){
    .ab-v55-home-shell{
        display:flex!important;
        flex-direction:column!important;
        padding:0 14px!important;
        gap:16px!important;
    }
    .ab-v55-home-middle{order:1!important;width:100%!important}
    .ab-v55-home-left{order:2!important;width:100%!important}
    .ab-v55-home-right{order:3!important;width:100%!important}
    .ab-v55-sidebar{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}
@media(max-width:640px){
    .ab-nav ul,
    .ab-header-menu ul,
    .ab-primary-menu ul,
    .main-navigation ul,
    nav[role="navigation"] ul{
        justify-content:flex-start!important;
        padding:8px 10px!important;
    }
    .ab-nav a,
    .ab-header-menu a,
    .ab-primary-menu a,
    .main-navigation a,
    nav[role="navigation"] a{
        font-size:13px!important;
        padding:7px 11px!important;
    }
    .ab-v55-sidebar{
        grid-template-columns:1fr!important;
        gap:14px!important;
    }
    .ab-v55-section{
        padding:14px!important;
        border-radius:15px!important;
    }
    .ab-v55-section-head h2{
        font-size:21px!important;
    }
    .ab-v55-post,
    .ab-v55-post.featured{
        display:block!important;
    }
    .ab-v55-post{
        padding-bottom:12px!important;
    }
    .ab-v55-post .ab-v55-img,
    .ab-v55-post.featured .ab-v55-img{
        min-height:190px!important;
        margin-bottom:8px!important;
    }
    .ab-v55-post:not(.featured) p{
        display:block!important;
    }
}