/* Mixins */
/**
 * Returns value from colors map
 */
/**
 * Turns pixels to rems
 * We typically set out HTML font size to 62.5% which helps us have a base-10 value to work with.
 * So the following mixin accepts a pixel value that is then turned into a corresponding rem value.
 */
/**
 * Function for converting a px based font-size to rem.
 *
 * @param $size - the value in pixel you want to convert
 *
 * e.g. p {to-rem(12);}
 *
 */
.block-shop-box .shop-box-cta:hover {
  text-decoration: none;
}
.block-shop-box .shop-box-cta .icon {
  color: #fd5312;
}
.block-shop-box .shop-box-cta .title {
  white-space: nowrap;
  font-size: 1.6rem;
  line-height: 1.4 !important;
}
.block-shop-box .shop-box-cta .uk-badge {
  border: 0.2rem solid white;
  font-size: 1.1rem;
  height: 1.9rem;
  min-width: 1.9rem;
  right: -1.9rem;
  top: -0.9rem;
  font-family: "Roboto-Bold", sans-serif !important;
}
@media only screen and (max-width: 959px) {
  .block-shop-box .shop-box-cta .uk-badge {
    right: -0.7rem;
  }
}
.block-shop-box .shop-box-cta--shrunk .title {
  max-width: 15rem;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
.block-shop-box .tpg-dropdown-container .icon {
  color: #fd5312;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.block-shop-box .tpg-dropdown-container .icon.uk-open {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.block-shop-box .tpg-dropdown-container .uk-dropdown {
  border-radius: 0.4rem;
  border-left: 0.1rem solid #dddddd;
  border-right: 0.1rem solid #dddddd;
  list-style: none;
  width: 18rem;
}
.block-shop-box .tpg-dropdown-container .uk-dropdown::after {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  position: absolute;
  z-index: 1;
  left: 11rem;
  top: -0.5rem;
  background: white;
  border-bottom: 0.1rem solid #dddddd;
  border-right: 0.1rem solid #dddddd;
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}
.block-shop-box .tpg-dropdown-container .uk-dropdown li {
  text-align: left;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.block-shop-box .tpg-dropdown-container .uk-dropdown li a {
  width: 100%;
  font-size: 1.6rem;
  line-height: 1.4 !important;
}
.block-shop-box .tpg-dropdown-container .uk-dropdown li a:hover {
  text-decoration: none;
}

.header .block-shop-box {
  margin: auto -1.5rem auto 0;
  text-align: center;
}
@media only screen and (min-width: 960px) {
  .header .block-shop-box {
    max-width: 10rem;
  }
}
.header .block-shop-box .shop-box-cta {
  display: block;
  padding: 0;
}
@media only screen and (min-width: 960px) {
  .header .block-shop-box .shop-box-cta {
    padding: 1.5rem;
  }
}
.header .block-shop-box .shop-box-cta .icon {
  display: block;
}
.header .block-shop-box .shop-box-cta .title {
  display: none;
}
@media only screen and (min-width: 960px) {
  .header .block-shop-box .shop-box-cta .title {
    display: block;
  }
}
.header .block-shop-box .shop-box-cta .title {
  margin-top: 1rem;
}
.header.uk-sticky-fixed .block-shop-box .shop-box-cta .title {
  display: none;
}
.header.uk-sticky-fixed .block-shop-box .shop-box-cta:hover .icon {
  color: #d03101;
}

.menu-main-mobile.mm-menu .block-shop-box {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 1rem 2rem;
}
.menu-main-mobile.mm-menu .block-shop-box .shop-box-cta {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.menu-main-mobile.mm-menu .block-shop-box .shop-box-cta.link-to-webshop {
  margin-top: -1.6rem;
}
.menu-main-mobile.mm-menu .block-shop-box .shop-box-cta .title {
  color: black;
  margin-left: 1rem;
}
.menu-main-mobile.mm-menu .block-shop-box .shop-box-cta:hover .title {
  color: #fd5312;
}
.menu-main-mobile.mm-menu .block-shop-box .shop-box-cta--shrunk {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.menu-main-mobile.mm-menu .block-shop-box .shop-box-cta--shrunk .title {
  margin-top: 0.4rem;
}
.menu-main-mobile.mm-menu .block-shop-box .tpg-dropdown-container .uk-dropdown::after {
  left: 10.4rem;
}