.boxmenu-item {
  &__inner {
    margin: 0 0.5rem 1rem;
    padding: 1rem;
    background-color: @menu-item;
    color: @menu-item-inverted;
    /*border: 1px solid @menu-item-border-color;*/
    //border-radius: @item-border-radius;
    background-color: #f6f6f6;
  }

  &__image-container {
    margin-bottom: @menu-item-image-margin;
  }

  &__title {
    margin-bottom: @menu-item-title-margin;;
    .menu-item-title;
  }

  &__body {
    margin-bottom: @menu-item-body-margin;
    .menu-item-body;
  }

  &__body a {
    .link-text;
  }

  &__duration {
    margin-bottom: @menu-item-duration-margin;
    .menu-item-body;
  }

  &__progress {
    margin-bottom: @menu-item-progress-margin;
  }

  &__button {
    background-color: #FFFFFF;
    color: @red;
    border: 1px solid @red;
    font-weight: bold;
    text-transform: uppercase;

    .no-touch &:not(.is-disabled):not(.is-locked):hover {
      background-color: @menu-item-btn-color-hover;
      color: @menu-item-btn-color-inverted-hover;
      .transition(background-color @duration ease-in, color @duration ease-in;);
    }
  }

  &__button.is-locked,
  &__button.is-disabled {
    background-color: @disabled;
    color: @disabled-inverted;
  }

  &.has-img-zoom &__image-container {
    .img-zoom();
  }
}
