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

/* Item */
@cardBackground: #FFFFFF;
@cardBorderRadius: 0.325rem;
@cardDisplay: block;
@float: left;
@cardMargin: 0em @cardHorizontalSpacing @cardRowSpacing;
@cardMinHeight: 0px;
@cardPadding: 0em;
@cardWidth: 300px;
@boxShadow:
  0px 0px 0px 1px @borderColor,
  0px 3px 0px 0px @borderColor
;
@cardBorder: none;
@cardZIndex: '';

/* Item Group */
@cardHorizontalSpacing: 0.5em;
@cardRowSpacing: 2.5em;
@cardGroupMargin: 1em -@cardHorizontalSpacing;

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

/* Image */
@cardImageBackground: @transparentBlack;
@cardImagePadding: 0em;
@imageBorderRadius: @cardBorderRadius @cardBorderRadius 0em 0em;
@cardImageBoxShadow: none;
@cardImageBorder: none;

/* Content */
@cardContentMargin: 0em;
@cardContentPadding: 0.75em 1em;
@cardContentFontSize: 1em;
@cardContentBorder: none;
@cardContentBorderRadius: 0em;
@cardContentBoxShadow: none;

/* Title */
@titleMargin: 0em;
@titleFont: @headerFont;
@titleFontWeight: bold;
@titleFontSize: 1.25em;
@titleColor: @darkTextColor;

/* Metadata */
@cardMetaColor: @lightTextColor;

/* Description */
@cardDescriptionDistance: 0.75em;
@cardDescriptionColor: @lightTextColor;

/* Image */
@imageSpacing: 0.25em;
@cardContentImageWidth: 2em;
@cardContentImageVerticalAlign: middle;

/* Paragraph */
@cardParagraphDistance: 0.1em;

/* Additional Content */
@extraDisplay: absolute;
@cardExtraTop: 100%;
@cardExtraLeft: 0em;
@cardExtraWidth: 100%;

@cardExtraPadding: 0.5em 0.75em;
@cardExtraColor: @lightTextColor;
@cardExtraTransition: color @defaultDuration @defaultEasing;

/*-------------------
       States
--------------------*/

@hoverCursor: pointer;
@hoverZIndex: 5;
@hoverBorder: none;
@hoverBoxShadow:
  0px 0px 0px 1px @selectedBorderColor,
  0px 3px 0px 0px @selectedBorderColor
;


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

/* Sizes */
@cardMedium: 1em;