body {
  font-family: 'Kanit', sans-serif;
}

.theme_turquoise {
  --cc-bg: #161a1c;
  --cc-text: #d8e5ea;
  --cc-btn-primary-bg: #60fed2;
  --cc-btn-primary-text: #000;
  --cc-btn-primary-hover-bg: #4dd4ae;
  --cc-btn-secondary-bg: #242c31;
  --cc-btn-secondary-text: var(--cc-text);
  --cc-btn-secondary-hover-bg: #2b353c;
  --cc-toggle-bg-off: #667481;
  --cc-toggle-bg-on: var(--cc-btn-primary-bg);
  --cc-toggle-bg-readonly: #343e45;
  --cc-toggle-knob-bg: var(--cc-cookie-category-block-bg);
  --cc-toggle-knob-icon-color: var(--cc-bg);
  --cc-cookie-category-block-bg: #1e2428;
  --cc-cookie-category-block-bg-hover: #242c31;
  --cc-section-border: #222a30;
  --cc-block-text: #bac9cf;
  --cc-cookie-table-border: #2b3035;
  --cc-overlay-bg: rgba(4, 6, 8, .85);
  --cc-webkit-scrollbar-bg: #2c343a;
  --cc-webkit-scrollbar-bg-hover: #384148;
}

.theme_turquoise .cc_div a {
  color: var(--cc-btn-primary-bg);
}

.theme_turquoise #cc_div #s-hdr {
  border-bottom: none;
}

.theme_turquoise .cc_div #c-txt {
  color: #b0b8c6 !important;
}

/* Top menu hover */
li.nav-item a:hover {
  display: block;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}

li.nav-item.active {
  display: block;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}