/* ---===### dekorant.cz - Author: info@janpikla.cz - Updated: 12. March 2018 - 13:46:55 ###===--- */
/* ==================================================================
Zakladni styly
================================================================== */
.jpBottomBannerWrap {
  background: #364147;
  text-align: center;
}

.jpTopBannerWrap {
  display: flex;
  flex-wrap: wrap;
  margin-top: -20px;
  margin-bottom: 25px;
}

@media screen and (max-width: 640px) {
  .jpTopBannerWrap {
    margin-top: 0;
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media screen and (min-width: 641px) {
  .jpTopBannerWrap > a {
    width: 33.33%;
  }
}

/*.button.button-success, .button.button-success-inverse {
    border-color: #50a214;
    color: #50a214;
    box-shadow: 0 0 0 2px #50a214 inset;

    &:hover {
        background-color: #50a214;
    }
} */
.additional-carousel-banners img:hover {
  box-shadow: 0 0 2px 0 #000;
}

#categories > .topic {
  margin-left: -20px;
  margin-right: -20px;
  margin-top: -23px;
  background: #eee;
  background: #eee;
  padding: 10px 20px;
  text-transform: none;
  margin-bottom: 0;
}

#categories .active > a {
  font-weight: bold;
}

#categories > .categories {
  margin-left: -20px;
  margin-right: -20px;
  border-bottom: 1px #eee solid;
  margin-bottom: 0;
  padding: 10px 20px;
}

.jpTopBannerWrap a:hover {
  position: relative;
}

.jpTopBannerWrap a:hover:after {
  content: "";
  display: block;
  width: calc(100% - 12px);
  height: calc(100% - 16px);
  position: absolute;
  top: 4px;
  right: 0;
  bottom: 12px;
  left: 0;
  margin: auto;
  border: 3px #444 solid;
  border-radius: 5px;
}

/* ==================================================================
Upravy responsivity
================================================================== */

/*# sourceMappingURL=extend.css.map */