:root {
  --fako-text: #000;
  --fako-bg1: #df0000; 
  --fako-bg2: #880000;  
  --fako-bg3: #8a1700; 
  --fako-dropdown: #474a50;
  --fako-footer: #e5e5e5;
}

.site {
  line-height: 1.3;
  font-size: 15px
}

h1 {
  color: var(--fako-bg1);  
  font-size: 1.8rem;
  font-weight: bold;
}

h2 {
  color: var(--fako-bg1);  
  font-size: 1.8rem;
  font-weight: bold;
}

h3 {
  font-size: 1.6rem;
  font-weight: bold;
}

h4 {
  font-size: 1.2rem;
  font-weight: bold;
}

h5 {
  font-size: 14px;
}

a, a:link {
  color: var(--fako-bg1);
  text-decoration: none;
  transition: color 0.3s ease;
}

a:hover, a:focus {
  color: var(--fako-bg2);
  text-decoration: underline;
}

.container-header {
  background: var(--fako-bg1);
  background: linear-gradient(135deg,var(--fako-bg1) 10%, var(--fako-bg2) 90%);
}

.metismenu.mod-menu .metismenu-item {
  font-size: 1.1rem;
}

.metismenu.mod-menu .metismenu-item:hover,
.metismenu.mod-menu .metismenu-item:focus {
  text-decoration: underline white;
  text-decoration-offset: 40px;
  text-decoration-thickness: 50%;
}

.metismenu.mod-menu .active {
  text-decoration: underline salmon;
  text-decoration-offset: 40px;
  text-decoration-thickness: 50%;
}

.metismenu.mod-menu .mm-collapse{
  background: var(--fako-dropdown);  
  font-weight: 300;
}

.metismenu.mod-menu .mm-collapse .metismenu-item a{
  color: #fff;
  font-size: 0.95rem;
  font-weight: 300;
  line-height: 1.3;
}

.container-nav li.level-1.deeper.parent:hover > ul {
  display:block !important;
}

/* .container-nav li.level-2.deeper.parent:hover > ul {
  display:block !important;
} */

.mod-breadcrumbs__wrapper{
  font-size: 0.9rem;
}

.btn-info,
.btn-primary,
.pagination .page-item.active .page-link  {
  background-color: var(--fako-bg1);
  transition: background-color 0.3s ease;
}

.btn-primary:focus,
.btn-primary:hover,
.back-to-top-link:focus,
.back-to-top-link:hover {
  background-color: var(--fako-bg2);
  transition: background-color 0.3s ease;
}

.sidebar-right {
  margin-bottom: 1em;
  margin-left: 0.5em;
}

.mod_datetime {
  margin-top: 1.5em;
}

.item-content {
  margin-bottom: 1em;
}

.container-footer {
  background: var(--fako-footer);
  color: #333333;
}

.footer a:not(.btn):hover,
.footer a:not(.btn):focus,
.footer .btn-link:hover,
.footer .btn-link:focus {
 color: #333333;
}