@import url('https://fonts.googleapis.com/css2?family=Vidaloka&display=swap');

:root {

  /* fonts */

  /* Primary font branded */
  --dtb-font-primary: 'Vidaloka', serif;

  /* colors */

  /* Main brand color */
  --dtb-primary: #8E6A30;
  --dtb-primary-rgb: 142, 106, 48;
  /* Secondary brand color */
  --dtb-secondary: #fff;
  --dtb-secondary-rgb: 255, 255, 255;
  /* Accent color */
  --dtb-aux: #f6d298;
  --dtb-aux-rgb: 246, 210, 152;

  --dtb-btn-active-bg: var(--dtb-primary);
  --dtb-btn-active-color: var(--dtb-secondary);
  --dtb-btn-bg: var(--dtb-primary);
  --dtb-hover: var(--dtb-aux);
  --dtb-btn-hover-color: var(--dtb-primary); 
}

h1, h3{
  font-family: var(--dtb-font-primary)!important;
}

h2 {
  font-family: var(--dtb-font-primary)!important;
  font-weight: 700!important;
}

#dtb-custom-nav-tabs li.nav-item a {
  border-radius: 8px !important;
  font-family: var(--dtb-font-primary);
  font-weight: 700!important;
}

#dtb-custom-nav-tabs li.nav-item a:hover {
  color: #000 !important;
  border-color: var(--dtb-aux) !important;
  background-color: var(--dtb-aux) !important;
}

#dtb-custom-nav-tabs li.nav-item a.active {
  border-color: var(--dtb-primary) !important;
  background-color: var(--dtb-primary) !important;
  color: var(--dtb-secondary)!important;
}