/**
	V nové verzi boostrapu jsou dropdown menu pozicovány pomocí popper.js, pokud nejsou umístěny v navbaru.
	viz. https://getbootstrap.com/docs/4.2/components/dropdowns/#menu-alignment

	Jejich pozice je určena pomocí inline stylu transform. Ve spojení se třídou .dropdown-menu-right pak dochází k
	poskakování, protože se pere s naší úpravou (animací) ve style guidu. Tuto animaci je potřeba upravit nebo
	odstranit.
 */
.dropdown-menu {
  transition: none !important;
}
.dropup .dropdown-menu:after {
  top: auto;
  bottom: -9px;
  border-bottom: none;
  border-top: 9px solid #fff;
}
.dropup .dropdown-menu:before {
  top: auto;
  bottom: -10px;
  border-bottom: none;
  border-top: 10px solid #ccc;
}
.dropup .dropdown-menu.dropdown-menu-right:after {
  left: auto;
  right: 11px;
}
.dropup .dropdown-menu.dropdown-menu-right:before {
  left: auto;
  right: 10px;
}
.dropup.show.show .dropdown-menu {
  opacity: 1;
  visibility: visible;
}
.btn.tag {
  padding: 0.6875rem 1rem !important;
}
#main-nav {
  padding: 0.5rem 10px !important;
}
#main-nav .logo {
  height: 62px !important;
  width: 44px !important;
}
@media (min-width: 1200px) {
  #main-nav .logo {
    width: 160px !important;
    height: 62px !important;
    margin-right: 5px;
  }
}
#main-nav #site-nav .badge {
  position: absolute;
  top: -1.25em;
  right: -1.75em;
}
#main-nav .form-control {
  height: 40px;
}
#main-nav .dropdown-toggle:after {
  float: none;
  vertical-align: bottom;
}
#main-nav #top-bar-search {
  margin: 0 auto;
  max-width: 100%;
}
@media (min-width: 992px) {
  #main-nav #top-bar-search {
    width: 80%;
    max-width: 500px;
  }
}
#main-nav .mobile-navbar-toggler {
  width: 42px;
  height: 42px;
}
.cursor-pointer {
  cursor: pointer;
}
[v-cloak] {
  display: none;
}
body {
  background-color: #f9f9f9;
}