/* Extra small devices (portrait phones, less than 576px) */

header {
  background: transparent;
  z-index: 9999;
  height: 100px;
  transition: background 1000ms;
}

body > div.sidebar.active > div > div > a:hover{
  color: #d6712e !important;
}

header.bg-navbar {
  background: #dbd3c3;
}

.nav-item a {
  font-weight: 600;
}

#menu-topmenu > li > .active {
  color: #0056b3 !important
}

.nav-item .btn.focus,
.nav-item .btn:focus {
  outline: 0;
  box-shadow: none;
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}
.added-class > a {
  font-weight: 600;
  color: var(--color-orange);
  font-size: var(--size-font-btn);
  font-family: "anton-r";
  border-radius: 0px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}