/* Tema kuralları — renkler color.php :root değişkenlerinden gelir */
.beyaz, .card {
  background-color: var(--hb-bgcolor);
}
body {
  color: var(--hb-textcolor) !important;
  font-family: var(--hb-fontf);
  background-image: var(--hb-bodyi);
  background-color: var(--hb-bodyb);
}
.shadowmain {
  box-shadow: var(--hb-shadowmain, none);
}
.nav-item .nav-link, .dropdown-item {
  color: var(--hb-maintext) !important;
}
.max-width {
  max-width: var(--hb-maxwidth);
}
.bloktitle {
  font-family: var(--hb-bloktitleff);
  font-size: var(--hb-bloktitlefs);
  font-weight: var(--hb-bloktitlefw);
  font-style: var(--hb-bloktitlefst);
}
.border,
table.table-bordered,
table.table-bordered > thead > tr > th,
table.table-bordered > tbody > tr > td,
.nav-tabs .nav-link:hover,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  border: var(--hb-border) !important;
}
.colorize, .colorizebutton {
  background-color: var(--hb-mainrenk);
  color: var(--hb-maintext) !important;
}
.colorize a, .colorize a:hover {
  color: var(--hb-maincolor) !important;
}
.dropdown:hover a {
  color: var(--hb-maincolor) !important;
}
.indexsec:before {
  color: var(--hb-secondrenk);
}
.colorize-aktif, .benzertitle {
  background: var(--hb-secondrenk);
  color: var(--hb-secondtext);
}
.suankiyayin:hover, .secondcolor {
  background: var(--hb-secondrenk);
}
.suankiyayin:hover a {
  color: var(--hb-secondtext);
}
.secondcolor a {
  color: var(--hb-secondtext) !important;
}
.secondtext {
  color: var(--hb-secondtext) !important;
}
.indexdespros {
  background: var(--hb-saatb) !important;
  color: var(--hb-saatby) !important;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.badge-second {
  color: var(--hb-secondtext) !important;
  background-color: var(--hb-secondrenk) !important;
  background: var(--hb-secondrenk) !important;
}
.colorizesecond {
  background-color: var(--hb-secondrenk);
}
.nav-item .nav-link, footer a {
  color: var(--hb-maintext);
}
.dropdown-item {
  color: var(--hb-maintext);
}
.colorizeh {
  background-color: var(--hb-maincolor);
  color: var(--hb-maintext);
}
a {
  color: var(--hb-link);
}
a:hover {
  color: var(--hb-linkhover);
}
.defaultc:hover {
  color: #e0e0e0 !important;
}
.card:hover > .colorizeh {
  background-color: var(--hb-cardhover);
  color: var(--hb-maincolortext) !important;
}
.benzertitle, .gdtitle {
  border-top: 5px solid var(--hb-settings-maincolor);
}
.colorizehh {
  background-color: var(--hb-settings-maincolor);
  color: #e0e0e0;
  padding: 7px;
  border: 1px solid var(--hb-settings-maincolor);
}
.colorizehh:hover {
  background-color: #e0e0e0;
  color: var(--hb-settings-maincolor);
  padding: 7px;
  border: 1px solid #e0e0e0;
}
.colorizeh:hover {
  background-color: var(--hb-cardhover);
  color: var(--hb-maincolortext) !important;
}
.colorizeh:hover a {
  color: var(--hb-maincolor) !important;
}
.coloriznav a {
  color: #e0e0e0;
  font-weight: 300;
}
.colorchannel a {
  color: var(--hb-maincolor) !important;
}
.colorizelink a {
  color: var(--hb-maincolor);
}
::selection {
  background: var(--hb-secondrenk);
  color: var(--hb-secondtext);
}
::-moz-selection {
  background: var(--hb-secondrenk);
  color: var(--hb-secondtext);
}
.butonrenk {
  background-color: var(--hb-butonrenk) !important;
  color: var(--hb-butonyazi) !important;
}
.butonrenk:hover {
  background-color: var(--hb-butonh) !important;
  color: var(--hb-butonhyazi) !important;
}
.itemtop .card, .kategoribloks {
  background-color: var(--hb-kanal) !important;
  color: var(--hb-kanalt) !important;
}
.itemtop .card:hover, .kategoribloks:hover {
  background-color: var(--hb-kanalhover) !important;
}
.kategoribloks:hover .kategoriname {
  color: var(--hb-kanalhoverh2) !important;
}
.itemtop .card:hover h2 {
  color: var(--hb-kanalhoverh2) !important;
}