/*******************************
             Item
*******************************/

/*-------------------
         View
--------------------*/

/* Group */
@itemGroupMargin: 1.5em 0em;

/* Item */
@itemDisplay: flex;
@itemBackground: transparent;
@itemBorderRadius: 0rem;
@itemMinHeight: 0px;
@itemPadding: 0em;
@itemWidth: 100%;
@itemBoxShadow: none;
@itemBorder: none;
@itemZIndex: '';
@itemTransition: box-shadow @defaultDuration @defaultEasing;

/* Responsive */
@itemItemSpacing: 1em;
@itemImageWidth: 175px;
@itemContentImageDistance: 1.5em;

@itemTabletItemSpacing: 1em;
@itemTabletImageWidth: 150px;
@itemTabletContentImageDistance: 1em;

@itemMobileItemSpacing: 2em;
@itemMobileImageWidth: auto;
@itemMobileImageMaxHeight: 250px;
@itemMobileContentImageDistance: 1.5em;


/*-------------------
       Content
--------------------*/

/* Image */
@itemImageDisplay: block;
@itemImageFloat: none;
@itemImageMaxHeight: '';
@itemImageVerticalAlign: top;
@itemImageMargin: 0em;
@itemImagePadding: 0em;
@itemImageBorder: none;
@itemImageBorderRadius: 0.125rem;
@itemImageBoxShadow: none;
@itemImageBorder: none;

/* Content */
@itemContentDisplay: block;
@itemContentVerticalAlign: top;

@itemContentWidth: auto;
@itemContentOffset: 0em;
@itemContentBackground: none;
@itemContentMargin: 0em;
@itemContentPadding: 0em;
@itemContentFontSize: 1em;
@itemContentBorder: none;
@itemContentBorderRadius: 0em;
@itemContentBoxShadow: none;

/* Header */
@itemHeaderMargin: -@lineHeightOffset 0em 0em;
@itemHeaderFontWeight: @bold;
@itemHeaderFontSize: @relativeBig;
@itemHeaderColor: @darkTextColor;

/* Metadata */
@itemMetaMargin: 0.5em 0em 0.5em;
@itemMetaFontSize: 1em;
@itemMetaLineHeight: 1em;
@itemMetaSpacing: 0.3em;
@itemMetaColor: rgba(0, 0, 0, 0.6);

/* Icons */
@itemActionOpacity: 0.75;
@itemActionHoverOpacity: 1;
@itemActionTransition: color @defaultDuration @defaultEasing;

/* Actions */
@itemFavoriteColor: #FFB70A;
@itemFavoriteActiveColor: #FFE623;
@itemLikeColor: #FF2733;
@itemLikeActiveColor: #FF2733;

/* Links */
@itemHeaderLinkColor: @itemHeaderColor;
@itemHeaderLinkHoverColor: @linkHoverColor;
@itemMetaLinkColor: @lightTextColor;
@itemMetaLinkHoverColor: @textColor;
@itemContentLinkColor: '';
@itemContentLinkHoverColor: '';
@itemContentLinkTransition: color @defaultDuration @defaultEasing;


/* Description */
@itemDescriptionDistance: 0.6em;
@itemDescriptionMaxWidth: auto;
@itemDescriptionFontSize: 1em;
@itemDescriptionLineHeight: @lineHeight;
@itemDescriptionColor: @textColor;

/* Content Image */
@itemContentImageWidth: '';
@itemContentImageVerticalAlign: middle;

/* Avatar Image */
@itemAvatarSize: @itemContentImageWidth;
@itemAvatarBorderRadius: @circularRadius;

/* Paragraph */
@itemParagraphDistance: 0.5em;

/* Additional Content */
@itemExtraDivider: none;
@itemExtraHorizontalSpacing: 0.5rem;
@itemExtraRowSpacing: 0.5rem;

@itemExtraBackground: none;
@itemExtraDisplay: block;
@itemExtraPosition: relative;
@itemExtraMargin: (1rem - @itemExtraRowSpacing) 0em 0em;
@itemExtraTop: 0em;
@itemExtraLeft: 0em;
@itemExtraWidth: 100%;
@itemExtraPadding: 0em 0em 0em;
@itemExtraBoxShadow: none;
@itemExtraColor: @lightTextColor;
@itemExtraTransition: color @defaultDuration @defaultEasing;

/*-------------------
      Variations
--------------------*/

/* Relaxed */
@itemRelaxedItemSpacing: 1.5em;
@itemVeryRelaxedItemSpacing: 2em;

/* Divided */
@itemDividedBorder: 1px solid @borderColor;
@itemDividedMargin: 0em;
@itemDividedPadding: 1em 0em;

@itemDividedFirstLastMargin: 0em;
@itemDividedFirstLastPadding: 0em;


/* Unstackable */
@itemUnstackableMobileImageWidth: 125px;