/*#region ==================================================== KUZEY FIRTINASI */

:root {
    --hb-ana: #bb0709;
    --hb-ana-koyu: #a10000;
    --hb-gradyan: linear-gradient(to bottom, #cc0a0c 0%, #a10000 100%);
    --hb-kirmizi: #bb0709;
    --hb-sari: #bb0709;
    --hb-zemin: #f0f0f0;
    --hb-metin: #535353;
    --hb-metin-soluk: #6d6d6d;
    --hb-cizgi: #e4e4e4;
    --hb-koyu: #535353;
    --hb-koyu-2: #2f2f2f;
    --hb-yuzey: #615e5e;
    --hb-solgun: #eeeeee;
    --hb-font: Arial, Helvetica, sans-serif;
}

/*#endregion*/

/*#region UST BAR */

.hb-ust {
    background: var(--hb-koyu);
    border-bottom: 0;
    color: #fff;
}

.hb-ust-menu a { color: #fff; }

.hb-ust-menu a:hover { color: #ddd; }

.hb-ust-menu li + li::before { background: rgba(255, 255, 255, .25); }

/*#endregion*/

/*#region LOGO VE ARAMA */

.hb-logo-yazi { color: var(--hb-ana); font-weight: 700; }

.hb-arama { border: 1px solid #ccc; background: #fff; }

.hb-arama-btn { background: var(--hb-koyu); }

.hb-arama-btn:hover { background: var(--hb-ana); }

/*#endregion*/

/*#region MENU */

.hb-menu {
    background: var(--hb-ana);
    box-shadow: none;
}

.hb-menu-liste a {
    padding: 0 14px;
    border-right: 1px dotted rgba(255, 255, 255, .55);
    line-height: 42px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}

.hb-menu-liste a:hover {
    background: var(--hb-koyu);
    color: #eee;
}

.hb-menu-liste a.aktif {
    background: #eee;
    color: var(--hb-koyu);
}

/*#endregion*/

/*#region SON DAKIKA */

.hb-son-dakika {
    background: var(--hb-gradyan);
    color: #fff;
}

.hb-son-dakika-oge { color: #fff !important; }

.hb-son-dakika-oklar button { border-color: rgba(255, 255, 255, .5); color: #fff; }

.hb-son-dakika-oklar button:hover { background: var(--hb-koyu); border-color: var(--hb-koyu); color: #fff; }

/*#endregion*/

/*#region ETIKET VE KART */

.hb-kart:hover .hb-kart-baslik,
.hb-yatay:hover .hb-yatay-baslik,
.hb-blok-buyuk:hover .hb-blok-buyuk-baslik,
.hb-galeri-kart:hover .hb-galeri-kart-baslik,
.hb-video-kart:hover .hb-video-kart-baslik { color: var(--hb-ana); }

.hb-kart-baslik,
.hb-yatay-baslik,
.hb-blok-buyuk-baslik { color: var(--hb-koyu-2); }

/*#endregion*/

/*#region MANSET */

.hb-manset-sol { background: var(--hb-koyu-2); }

.hb-manset-yazi {
    background: linear-gradient(to top, rgba(47, 47, 47, .95) 0%, rgba(47, 47, 47, .6) 55%, rgba(47, 47, 47, 0) 100%);
}

.hb-manset-sayfa { background: var(--hb-koyu); }

.hb-manset-sayfa button { border-right-color: rgba(255, 255, 255, .15); color: #eee; }

.hb-manset-sayfa button:hover,
.hb-manset-sayfa button.aktif {
    background: var(--hb-ana);
    color: #fff;
}

.hb-manset-tumu { background: var(--hb-yuzey); color: #fff; }

/*#endregion*/

/*#region BLOKLAR */

.hb-blok { border-top: 0; }

.hb-blok-baslik {
    display: inline-block;
    padding: 7px 16px;
    background: var(--hb-gradyan);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}

.hb-blok-baslik a,
.hb-blok-baslik a:hover { color: #fff; }

.hb-blok-tumu { color: var(--hb-koyu); font-weight: 700 !important; }

.hb-blok-tumu:hover { color: var(--hb-ana); }

/*#endregion*/

/*#region YAN SUTUN */

.hb-yan-kutu { border-top: 0; }

.hb-yan-kutu .hb-blok-baslik {
    display: block;
    padding: 9px 12px;
    background: linear-gradient(to bottom, #fcfcfc 0%, #d9d9d9 100%);
    color: #555;
    font-size: 14px;
    text-transform: none;
}

.hb-yan-kutu .hb-blok-cizgi { display: none; }

.hb-yan-kutu--renkli { background: #fff; color: var(--hb-metin); }

.hb-sirali .hb-resim::after { background: var(--hb-ana); color: #fff; }

.hb-zaman-liste time { color: var(--hb-ana); }

/*#endregion*/

/*#region SAYFA BASLIGI VE DETAY */

.hb-sayfa-baslik h1,
.hb-detay-baslik { color: var(--hb-ana); }

.hb-detay-spot { color: var(--hb-koyu); font-weight: 700; }

.hb-yazar-foto { box-shadow: 0 0 0 2px var(--hb-ana); }

.hb-yazar-sosyal a { background: var(--hb-koyu); }

/*#endregion*/

/*#region FOOTER */

.hb-footer {
    background: var(--hb-koyu);
    border-top: 3px solid var(--hb-ana);
    color: #fff;
}

.hb-footer a { color: #fff; }

.hb-footer a:hover { color: #ddd; }

.hb-footer-baslik { color: #fff; }

.hb-footer-alt { background: var(--hb-koyu-2); color: #ddd; }

/*#endregion*/

/*#region DUYARLI */

@media (max-width: 991px) {
    .hb-menu-liste a { line-height: 40px; padding: 0 11px; font-size: 13px; }
}

/*#endregion*/