:root{
    --saraba-black:#070708;
    --saraba-black-2:#0d0d0f;
    --saraba-panel:#121214;
    --saraba-red:#d20a22;
    --saraba-red-dark:#8f0718;
    --saraba-white:#ffffff;
    --saraba-ink:#17171a;
    --saraba-muted:#73737b;
    --saraba-soft:#f5f5f7;
    --saraba-line:#e6e6ea;
    --saraba-radius:20px;
    --saraba-shadow:0 18px 48px rgba(0,0,0,.10);
    --saraba-shadow-hover:0 24px 64px rgba(0,0,0,.16);
}

html,body{overflow-x:hidden}
body.saraba-site,body{background:#fff;color:var(--saraba-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.main-wrap{background:#fff;min-height:100vh}
.container{max-width:1260px}
a{transition:color .22s ease,background .22s ease,transform .22s ease,box-shadow .22s ease}
img{max-width:100%}

/* HEADER */
.main-header{position:relative;z-index:80;background:var(--saraba-black)}
.top-bar{background:#050506!important;border-bottom:1px solid rgba(255,255,255,.07)!important}
.top-bar .topbar-inner{min-height:42px;display:flex;align-items:center}
.header-logo{background:linear-gradient(135deg,#101012,#09090a)!important;padding:18px 0!important}
.header-logo .row{align-items:center}
.logo-img{height:58px!important;max-width:330px!important;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(0,0,0,.35));transition:.25s ease}
.logo-img:hover{transform:translateY(-2px) scale(1.015)}
.header-bottom{background:#0c0c0e!important;border-top:1px solid rgba(255,255,255,.05)!important;border-bottom:1px solid rgba(255,255,255,.06)!important;box-shadow:0 12px 35px rgba(0,0,0,.18)!important}
.main-nav{padding-right:58px}
.main-menu{display:flex!important;flex-wrap:wrap;align-items:center;gap:4px 5px;margin:0!important;padding:8px 0!important}
.main-header .main-menu>li>a{display:block!important;padding:10px 12px!important;border-radius:11px;color:#fff!important;font-size:12px!important;font-weight:800!important;letter-spacing:.35px!important;white-space:nowrap;line-height:1.15!important}
.main-header .main-menu>li>a:hover,.main-header .main-menu>li.current-menu-item>a{background:linear-gradient(135deg,var(--saraba-red),var(--saraba-red-dark))!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 8px 22px rgba(210,10,34,.25)}
.main-header .main-menu ul.sub-menu{background:#121214!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;padding:8px!important;min-width:220px!important;box-shadow:0 24px 60px rgba(0,0,0,.42)!important;overflow:hidden}
.main-header .main-menu ul.sub-menu li a{color:#fff!important;border-radius:10px!important;padding:10px 12px!important;font-weight:700!important}
.main-header .main-menu ul.sub-menu li a:hover{background:var(--saraba-red)!important;color:#fff!important}
.search-button{right:0!important}
.search-button .search-icon{background:linear-gradient(135deg,var(--saraba-red),var(--saraba-red-dark))!important;border-radius:12px!important;width:42px!important;height:42px!important;box-shadow:0 8px 20px rgba(210,10,34,.25)!important}

/* MOBILE HEADER */
.header-mobile-custom{background:#0b0b0d!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:0 10px 30px rgba(0,0,0,.26)!important}
.mobile-inner{min-height:68px!important;height:auto!important;padding:10px 15px!important;gap:10px}
.mobile-logo img{max-height:42px!important;max-width:170px!important}
.mobile-btn{flex:0 0 44px!important;width:44px!important;height:44px!important;border-radius:13px!important}
.mobile-menu-panel{background:#0d0d0f!important;border-top:1px solid rgba(255,255,255,.08)!important;padding:14px!important;max-height:calc(100vh - 68px);overflow-y:auto}
.mobile-menu-panel li{margin-bottom:7px!important}
.mobile-menu-panel a{border-radius:12px!important;padding:13px 15px!important;color:#fff!important}
.mobile-menu-panel a:hover{background:linear-gradient(135deg,var(--saraba-red),var(--saraba-red-dark))!important;transform:none!important}
.mobile-submenu{margin-left:10px!important;padding-left:10px!important}

/* ADVERTISING 21:9 */
.saraba-ad-wrap{padding:20px 0 4px;background:#fff}
.saraba-ad-shell{position:relative}
.saraba-ad-badge{position:absolute;z-index:8;left:18px;top:16px;padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.68);backdrop-filter:blur(8px);color:#fff;font-size:10px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;border:1px solid rgba(255,255,255,.14)}
.saraba-ad-slider{position:relative;overflow:hidden;border-radius:22px;background:#0a0a0b;box-shadow:var(--saraba-shadow);aspect-ratio:21/9;border:1px solid #e9e9ec}
.saraba-ad-slide{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:#111;opacity:0;visibility:hidden;transform:scale(1.015);transition:opacity .6s ease,transform 4s ease;cursor:pointer;text-align:left}
.saraba-ad-slide.is-active{opacity:1;visibility:visible;transform:scale(1)}
.saraba-ad-slide img{width:100%;height:100%;object-fit:cover;display:block}
.saraba-ad-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 35%,rgba(0,0,0,.72) 100%)}
.saraba-ad-caption{position:absolute;left:24px;right:100px;bottom:24px;z-index:2;color:#fff!important;font-size:clamp(16px,2vw,26px);font-weight:850;text-align:left;line-height:1.15;text-shadow:0 3px 18px rgba(0,0,0,.55)}
.saraba-ad-dots{position:absolute;right:18px;bottom:18px;z-index:4;display:flex;gap:7px;align-items:center}
.saraba-ad-dots button{width:8px;height:8px;border-radius:999px;border:0;background:rgba(255,255,255,.55);padding:0;transition:.2s}
.saraba-ad-dots button.is-active{width:25px;background:#fff}
.saraba-ad-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;transition:.25s}
.saraba-ad-modal.is-open{opacity:1;visibility:visible}
.saraba-ad-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.84);backdrop-filter:blur(8px)}
.saraba-ad-dialog{position:relative;z-index:2;width:min(1100px,96vw);background:#111;border-radius:22px;overflow:hidden;box-shadow:0 35px 90px rgba(0,0,0,.58);transform:translateY(18px) scale(.98);transition:.25s;border:1px solid rgba(255,255,255,.1)}
.saraba-ad-modal.is-open .saraba-ad-dialog{transform:none}
.saraba-ad-dialog>img{width:100%;aspect-ratio:21/9;object-fit:cover;display:block}
.saraba-ad-close{position:absolute;right:14px;top:14px;z-index:4;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.64);color:#fff;font-size:26px;line-height:1}
.saraba-ad-modal-content{padding:20px 22px;display:flex;gap:18px;align-items:center;justify-content:space-between;color:#fff}
.saraba-ad-modal-content h3{margin:0;color:#fff!important;font-size:22px;line-height:1.25}
.saraba-ad-modal-content a{background:linear-gradient(135deg,var(--saraba-red),var(--saraba-red-dark));color:#fff!important;padding:12px 20px;border-radius:11px;font-weight:800;white-space:nowrap;box-shadow:0 10px 26px rgba(210,10,34,.25)}
.saraba-modal-open{overflow:hidden}

/* HERO / HEADLINE */
.home-featured{padding:22px 0 0!important;background:#fff!important}
.home-featured .post-carausel-3{max-width:1260px;margin:0 auto;padding:0 15px}
.post-carausel-3 .post-thumb{border-radius:22px!important;overflow:hidden;box-shadow:var(--saraba-shadow);margin:0 8px!important}
.post-carausel-3 .thumb-overlay{min-height:460px!important;border-radius:22px!important;overflow:hidden}
.post-carausel-3 .thumb-overlay:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.10) 35%,rgba(0,0,0,.88) 100%);pointer-events:none}
.post-carausel-3 .post-content-overlay{z-index:4;bottom:24px!important}
.post-content-overlay .post-title,.home-featured .post-title{margin:0 0 8px!important}
.post-content-overlay .post-title a,.home-featured .post-title a,.home-featured h3.post-title a.color-white{color:#fff!important;font-weight:850!important;line-height:1.16!important;text-shadow:0 3px 18px rgba(0,0,0,.6)!important}
.home-featured .entry-meta,.home-featured .entry-meta span,.home-featured .entry-meta a{color:rgba(255,255,255,.84)!important}

/* SECTION + SPACING */
.recent-area{background:#f5f5f7!important;padding-top:52px!important;padding-bottom:60px!important}
.recent-area>.container{position:relative}
.recent-area>.container>.row:first-child{align-items:center;margin-bottom:22px!important}
.widget-header{margin-bottom:24px!important}
.widget-title{color:#111114!important;font-weight:900!important;letter-spacing:.35px!important;position:relative;z-index:2}
.widget-header .letter-background{opacity:.045!important;color:#000!important;font-weight:900!important}
.news-flash-cover{border-radius:14px;background:#fff;border:1px solid var(--saraba-line);padding:11px 14px!important;box-shadow:0 8px 24px rgba(0,0,0,.04)}
.news-flash-cover h6{color:var(--saraba-red)!important;font-weight:850!important}
.news-flash-cover a{color:#26262a!important}

/* ARTICLE CARDS - explicit separation to avoid cards touching */
.loop-list{display:flex;flex-direction:column;gap:24px}
.loop-list article.row.mb-50{margin:0!important;padding:18px!important;background:#fff;border:1px solid var(--saraba-line);border-radius:20px;box-shadow:0 10px 28px rgba(0,0,0,.055);transition:.25s ease;overflow:hidden}
.loop-list article.row.mb-50:hover{transform:translateY(-4px);box-shadow:var(--saraba-shadow-hover);border-color:#dadade}
.loop-list article .post-thumb{margin:0!important;height:100%;min-height:240px;border-radius:16px!important;overflow:hidden}
.loop-list article .img-hover-slide{height:100%;min-height:240px;border-radius:16px!important;background-size:cover!important;background-position:center!important}
.loop-list article .post-content{padding:8px 4px 8px 18px}
.loop-list article .post-title{margin:0 0 8px!important;line-height:1.25!important}
.loop-list article .post-title a{font-size:clamp(20px,2vw,27px);font-weight:850;color:#111114!important}
.loop-list article .post-title a:hover{color:var(--saraba-red)!important}
.loop-list article p{color:#62626a!important;line-height:1.7!important;margin-bottom:15px!important}
.entry-meta{line-height:1.55!important}
.readmore-btn{display:inline-flex;align-items:center;gap:5px;color:var(--saraba-red)!important;font-weight:850!important;padding:8px 0}

/* SIDEBAR CARDS */
.widget-area{display:flex;flex-direction:column;gap:24px}
.sidebar-widget{margin-bottom:0!important;border-radius:20px!important;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.06);border:1px solid var(--saraba-line);background:#fff;transition:.25s ease}
.sidebar-widget:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(0,0,0,.1)}
.widget-taber-content.background-black{background:#0f0f11!important;border-radius:20px!important;padding:24px!important}
.widget-taber-content .nav-tabs{border:0!important}
.widget-taber-content .nav-link{border:0!important;border-radius:10px!important;background:rgba(255,255,255,.07)!important;color:#fff!important;font-weight:800!important}
.widget-taber-content .nav-link.active{background:var(--saraba-red)!important;color:#fff!important}
.widget-taber-content .post-title{color:#fff!important}
.widget-taber-content .post-title a{color:#fff!important}
.widget-taber-content .sm-grid-content{padding:0 10px!important;margin-bottom:22px!important}
.widget-taber-content .post-thumb{border-radius:13px!important;overflow:hidden}
.widget-taber-content .post-thumb img{aspect-ratio:16/10;object-fit:cover;width:100%}
.widget-ads:empty{display:none}

/* GENERIC FRONT CARDS / INNER PAGES */
.post-thumb,.latest-post,.sidebar-widget,.saraba-ad-slider,.card{transition:transform .25s ease,box-shadow .25s ease}
.post-thumb img{transition:transform .45s ease}
.post-thumb:hover img{transform:scale(1.035)}
.post-title a{color:#17171b;transition:.2s}
.post-title a:hover{color:var(--saraba-red)!important}
.latest-post{padding:14px!important;margin-bottom:18px!important;background:#fff;border:1px solid var(--saraba-line);border-radius:16px!important;box-shadow:0 8px 22px rgba(0,0,0,.045)}
.latest-post:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.08)}
.single-content,.entry-main-content{font-size:17px;line-height:1.82;color:#2c2c31}
.single-content img,.entry-main-content img{border-radius:15px;margin:16px auto;max-width:100%;height:auto}
.pagination-area{margin-top:26px!important;padding-top:26px!important}
.pagination{flex-wrap:wrap;gap:5px}
.pagination .page-link{border-radius:10px!important;margin:0!important;color:#171719;border:1px solid var(--saraba-line);min-width:40px;text-align:center}
.pagination .active .page-link{background:var(--saraba-red)!important;border-color:var(--saraba-red)!important;color:#fff!important}

/* FORMS + SEARCH */
input,select,textarea,.form-control{max-width:100%}
.search-form input{border-radius:13px!important}

/* FOOTER */
.footer-bottom-area{background:#080809!important;border-top:3px solid var(--saraba-red)!important}
.footer-copy-right p,.footer-bottom-area a{color:#fff!important}
.scroll-progress{background:var(--saraba-red)!important}

/* MOTION */
@media (prefers-reduced-motion:no-preference){
  .loop-list article,.sidebar-widget,.post-carausel-3 .post-thumb{will-change:transform}
}

/* TABLET */
@media(max-width:991px){
    .container{padding-left:18px!important;padding-right:18px!important}
    .saraba-ad-wrap{padding-top:14px}
    .saraba-ad-slider{border-radius:16px}
    .saraba-ad-caption{left:16px;bottom:16px;right:80px}
    .post-carausel-3 .thumb-overlay{min-height:390px!important}
    .home-featured .post-carausel-3{padding:0 18px}
    .recent-area{padding-top:38px!important;padding-bottom:46px!important}
    .recent-area>.container>.row:first-child{margin-bottom:12px!important}
    .news-flash-cover{text-align:left!important;margin-top:4px!important}
    .widget-area{margin-top:30px}
    .saraba-ad-modal-content{align-items:flex-start;flex-direction:column}
    .saraba-ad-modal-content a{width:100%;text-align:center}
}

/* MOBILE */
@media(max-width:767px){
    .container{padding-left:14px!important;padding-right:14px!important}
    .home-featured{padding-top:14px!important}
    .home-featured .post-carausel-3{padding:0 6px}
    .post-carausel-3 .post-thumb{margin:0 5px!important;border-radius:16px!important}
    .post-carausel-3 .thumb-overlay{min-height:330px!important;border-radius:16px!important}
    .post-carausel-3 .post-content-overlay{left:0!important;right:0!important;margin-left:18px!important;margin-right:18px!important;bottom:18px!important}
    .post-content-overlay .post-title a,.home-featured .post-title a{font-size:23px!important}
    .recent-area{padding-top:34px!important;padding-bottom:38px!important}
    .loop-list{gap:18px}
    .loop-list article.row.mb-50{padding:12px!important;border-radius:17px}
    .loop-list article.row.mb-50>.col-md-6{padding-left:0!important;padding-right:0!important;width:100%}
    .loop-list article .post-thumb,.loop-list article .img-hover-slide{min-height:210px!important;height:210px!important;border-radius:13px!important}
    .loop-list article .post-content{padding:16px 4px 8px!important}
    .loop-list article .post-title a{font-size:21px!important}
    .loop-list article p{font-size:14px!important}
    .widget-header .letter-background{font-size:50px!important}
    .widget-taber-content.background-black{padding:18px!important}
    .widget-taber-content .sm-grid-content{padding:0 7px!important}
}

@media(max-width:575px){
    .saraba-ad-wrap .container{padding-left:12px!important;padding-right:12px!important}
    .saraba-ad-slider{border-radius:13px}
    .saraba-ad-badge{left:10px;top:10px;font-size:9px;padding:5px 8px}
    .saraba-ad-caption{font-size:13px;left:12px;bottom:11px;right:72px;max-width:none}
    .saraba-ad-dots{right:10px;bottom:10px}
    .saraba-ad-dialog{border-radius:16px}
    .saraba-ad-modal{padding:12px}
    .post-carausel-3 .thumb-overlay{min-height:300px!important}
    .post-content-overlay .post-title a,.home-featured .post-title a{font-size:21px!important}
    .mobile-logo img{max-width:150px!important}
    .mobile-inner{padding-left:10px!important;padding-right:10px!important}
    .news-flash-cover{padding:10px 12px!important}
    .news-flash-cover h6{display:block;margin-bottom:6px!important}
    .single-content,.entry-main-content{font-size:16px;line-height:1.75}
}

/* ARCHIVE / SEARCH / AUTHOR / TAG PAGES */
.archive-header{margin:24px auto 30px!important;padding:0!important}
.archive-header>.container{background:linear-gradient(135deg,#0b0b0d,#171719 70%,#370810);border-radius:22px;padding:30px 24px!important;box-shadow:0 18px 48px rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.05)}
.archive-header p,.archive-header .breadcrumb,.archive-header .breadcrumb a{color:rgba(255,255,255,.72)!important}
.archive-header h1,.archive-header h2,.archive-header h1 span,.archive-header h2 span{color:#fff!important;font-weight:900!important}
.archive-header .bt-1{border-color:rgba(255,255,255,.12)!important}
.main_content{background:#f5f5f7;padding-top:16px!important}
.loop-grid{margin-left:-10px!important;margin-right:-10px!important}
.loop-grid>article{padding:14px!important;margin:0 10px 24px!important;background:#fff;border:1px solid var(--saraba-line);border-radius:19px;box-shadow:0 10px 28px rgba(0,0,0,.055);transition:.24s ease;max-width:calc(50% - 20px);flex:0 0 calc(50% - 20px)}
.loop-grid>article:hover{transform:translateY(-4px);box-shadow:var(--saraba-shadow-hover)}
.loop-grid>article .post-thumb{margin-bottom:16px!important;border-radius:14px!important;overflow:hidden}
.loop-grid>article .post-thumb img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.loop-grid>article .post-content{padding:2px 4px 8px}
.loop-grid>article .post-title a{font-weight:850!important;font-size:22px;line-height:1.25!important;color:#111114!important}
.loop-grid>article .post-excerpt p{color:#67676f;line-height:1.65}
.primary-sidebar .widget-area{padding-left:18px!important}
.sidebar-widget.widget_alitheme_lastpost{padding:20px!important;background:#fff!important}
.sidebar-widget .list-post{margin:0!important;padding:0!important;list-style:none}
.sidebar-widget .list-post>li{margin-bottom:16px!important;padding-bottom:16px!important;border-bottom:1px solid #ececef}
.sidebar-widget .list-post>li:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0!important}
.sidebar-widget .list-post .post-thumb{flex:0 0 105px;max-width:105px;height:78px;overflow:hidden}
.sidebar-widget .list-post .post-thumb img{width:105px;height:78px;object-fit:cover}
.sidebar-widget .list-post .post-title{font-size:14px;line-height:1.35}

@media(max-width:991px){
 .primary-sidebar .widget-area{padding-left:0!important;margin-top:28px}
 .archive-header>.container{border-radius:18px}
}
@media(max-width:767px){
 .loop-grid{margin-left:0!important;margin-right:0!important}
 .loop-grid>article{max-width:100%;flex:0 0 100%;margin:0 0 18px!important;padding:12px!important}
 .loop-grid>article .post-title a{font-size:20px}
 .archive-header{margin-top:16px!important;margin-bottom:20px!important}
 .archive-header>.container{padding:24px 18px!important}
}

/* =========================================================
   REV 3 — CONSISTENT BLACK THEME + CLEAN ONE-LINE NAVIGATION
   ========================================================= */
body.saraba-site,
body.saraba-site .main-wrap,
body.saraba-site main{
    background:#050506!important;
    color:#f7f7f8!important;
}

/* Desktop navigation: one clean row, overflow handled by "LAINNYA" */
@media(min-width:992px){
    .header-bottom .container{max-width:1260px!important}
    .main-nav{padding-right:54px!important;overflow:visible!important}
    .main-menu{
        display:flex!important;
        flex-wrap:nowrap!important;
        align-items:center!important;
        gap:2px!important;
        min-height:58px!important;
        margin:0!important;
        padding:7px 0!important;
        white-space:nowrap!important;
    }
    .main-menu>li{flex:0 0 auto!important;margin:0!important;position:relative}
    .main-header .main-menu>li>a{
        padding:11px 10px!important;
        border-radius:9px!important;
        font-size:11px!important;
        letter-spacing:.25px!important;
        line-height:1!important;
    }
    .main-header .main-menu>li.menu-item-has-children>a{padding-right:12px!important}
    .main-header .main-menu ul.sub-menu{
        top:calc(100% + 2px)!important;
        border-radius:13px!important;
        padding:7px!important;
        min-width:215px!important;
    }
    .main-header .main-menu ul.sub-menu li a{padding:10px 11px!important;font-size:12px!important}
    .saraba-more-menu>a i{font-size:9px!important;opacity:.75}
}

/* All major front surfaces use the same black visual language */
.saraba-ad-wrap,
.home-featured,
.recent-area,
.main_content,
.background12,
.background-white,
.archive-header,
.premium-category-page,
.premium-contact-page,
.premium-page,
.premium-disclaimer-page,
.premium-article-page,
.premium-gallery-page{
    background:#050506!important;
}
.saraba-ad-slider{border-color:rgba(255,255,255,.08)!important;box-shadow:0 18px 48px rgba(0,0,0,.42)!important}

/* Dark cards, consistent spacing and readable typography */
.loop-list article.row.mb-50,
.latest-post,
.sidebar-widget,
.loop-grid>article,
.news-flash-cover{
    background:#101012!important;
    border-color:rgba(255,255,255,.08)!important;
    box-shadow:0 12px 34px rgba(0,0,0,.26)!important;
}
.loop-list article.row.mb-50:hover,
.latest-post:hover,
.sidebar-widget:hover,
.loop-grid>article:hover{
    border-color:rgba(210,10,34,.35)!important;
    box-shadow:0 18px 46px rgba(0,0,0,.38)!important;
}
.widget-title,
.post-title a,
.loop-list article .post-title a,
.loop-grid>article .post-title a,
.news-flash-cover a,
.sidebar-widget h1,.sidebar-widget h2,.sidebar-widget h3,.sidebar-widget h4,.sidebar-widget h5,.sidebar-widget h6{
    color:#fff!important;
}
.loop-list article p,
.loop-grid>article .post-excerpt p,
.latest-post p,
.entry-meta,
.entry-meta span,
.entry-meta a,
.news-flash-cover,
.sidebar-widget p{
    color:#a9a9b0!important;
}
.news-flash-cover h6{color:#ff2942!important}
.widget-header .letter-background{color:#fff!important;opacity:.045!important}
.sidebar-widget .list-post>li{border-bottom-color:rgba(255,255,255,.08)!important}
.sidebar-widget.widget_alitheme_lastpost{background:#101012!important}

/* Smaller headline titles for a cleaner editorial look */
.post-content-overlay .post-title a,
.home-featured .post-title a,
.home-featured h3.post-title a.color-white{
    font-size:clamp(20px,1.75vw,28px)!important;
    line-height:1.2!important;
    letter-spacing:-.25px!important;
    max-width:900px;
}
.loop-list article .post-title a{font-size:clamp(17px,1.35vw,21px)!important;line-height:1.32!important}
.loop-grid>article .post-title a{font-size:19px!important;line-height:1.32!important}

/* Article/detail content on black */
.single-content,.entry-main-content{color:#dedee2!important}
.single-content h1,.single-content h2,.single-content h3,.single-content h4,.single-content h5,.single-content h6,
.entry-main-content h1,.entry-main-content h2,.entry-main-content h3,.entry-main-content h4,.entry-main-content h5,.entry-main-content h6{color:#fff!important}
.single-content a,.entry-main-content a{color:#ff3149!important}

/* Controls */
.pagination .page-link{
    background:#101012!important;
    border-color:rgba(255,255,255,.1)!important;
    color:#f3f3f5!important;
}
.pagination .disabled .page-link{color:#66666d!important;background:#0b0b0d!important}
.search-form input,.saraba-site input,.saraba-site select,.saraba-site textarea{
    background:#101012!important;
    border-color:rgba(255,255,255,.12)!important;
    color:#fff!important;
}
.saraba-site input::placeholder,.saraba-site textarea::placeholder{color:#777780!important}

@media(max-width:767px){
    .post-content-overlay .post-title a,
    .home-featured .post-title a,
    .home-featured h3.post-title a.color-white{font-size:19px!important;line-height:1.22!important}
    .loop-list article .post-title a{font-size:18px!important}
    .loop-grid>article .post-title a{font-size:18px!important}
}
@media(max-width:575px){
    .post-content-overlay .post-title a,
    .home-featured .post-title a,
    .home-featured h3.post-title a.color-white{font-size:18px!important}
}