/*******************************
            Header
*******************************/

/*-------------------
       Element
--------------------*/

@headerTextTransform: none;
@headerFontFamily: @headerFont;

@headerMargin: @headerTopMargin 0em @headerBottomMargin;

@headerFirstMargin: -@headerLineHeightOffset;
@headerLastMargin: 0em;
@headerHorizontalPadding: 0em;
@headerVerticalPadding: 0em;

/* Sub Heading */
@headerSubHeadingDistance: @2px;
@headerSubHeadingFontSize: @relativeTiny;
@headerSubHeadingFontWeight: @bold;
@headerSubHeadingTextTransform: uppercase;
@headerSubHeadingColor: '';

@headerSmallSubHeadingSize: @relativeMini;
@headerLargeSubHeadingSize: @relativeSmall;
@headerHugeSubHeadingSize: @relativeMedium;

/* Sub Header */
@headerSubHeaderMargin: 0em;
@headerSubHeaderLineHeight: 1.2em;
@headerSubHeaderColor: @mutedTextColor;

/* Icon */
@headerIconOpacity: 1;
@headerIconSize: 1.5em;
@headerIconOffset: 0em;
@headerIconMargin: 0.75rem;
@headerIconAlignment: middle;

/* Image */
@headerImageWidth: 2.5em;
@headerImageHeight: auto;
@headerImageOffset: @headerLineHeightOffset;
@headerImageMargin: @headerIconMargin;
@headerImageAlignment: middle;

/* Label */
@headerLabelSize: '';
@headerLabelDistance: 0.5rem;
@headerLabelVerticalAlign: middle;

/* Content */
@headerContentAlignment: top;
@headerContentIconAlignment: middle;
@headerContentImageAlignment: middle;

/* Paragraph after Header */
@headerNextParagraphDistance: 0em;

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

/* Sizing */
@headerHugeFontSize   : unit(@h1, em);
@headerLargeFontSize  : unit(@h2, em);
@headerMediumFontSize : unit(@h3, em);
@headerSmallFontSize  : unit(@h4, em);
@headerTinyFontSize   : unit(@h5, em);

/* Sub Header */
@h1SubHeaderFontSize: @large;
@h2SubHeaderFontSize: @large;
@h3SubHeaderFontSize: @medium;
@h4SubHeaderFontSize: @medium;
@h5SubHeaderFontSize: @small;

@headerHugeSubHeaderFontSize  : @h1SubHeaderFontSize;
@headerLargeSubHeaderFontSize : @h2SubHeaderFontSize;
@headerSubHeaderFontSize      : @h3SubHeaderFontSize;
@headerSmallSubHeaderFontSize : @h4SubHeaderFontSize;
@headerTinySubHeaderFontSize  : @h5SubHeaderFontSize;

/* Icon Header */
@headerIconHeaderSize: 3em;
@headerIconHeaderOpacity: 1;
@headerIconHeaderMargin: 0.5rem;
@headerCircularHeaderIconSize: 2em;
@headerSquareHeaderIconSize: 2em;

/* No Line Height Offset */
@headerIconHeaderTopMargin: 2rem;
@headerIconHeaderBottomMargin: @headerBottomMargin;
@headerIconHeaderFirstMargin: 0em;

/* Divided */
@headerDividedBorderWidth: 1px;
@headerDividedBorder: @headerDividedBorderWidth solid @borderColor;
@headerDividedColoredBorderWidth: 2px;

@headerDividedBorderPadding: @3px;
@headerDividedSubHeaderPadding: @3px;
@headerDividedIconPadding: 0em;

/* Block */
@headerBlockBackground: @darkWhite;
@headerBlockBoxShadow: none;
@headerBlockBorderWidth: 1px;
@headerBlockBorder: @headerBlockBorderWidth solid @solidBorderColor;
@headerBlockHorizontalPadding: @medium;
@headerBlockVerticalPadding: @mini;
@headerBlockBorderRadius: @defaultBorderRadius;

@headerTinyBlock: @tiny;
@headerSmallBlock: @small;
@headerMediumBlock: @medium;
@headerLargeBlock: @large;
@headerHugeBlock: @huge;

/* Attached */
@headerAttachedOffset: -1px;
@headerAttachedBoxShadow: none;
@headerAttachedBorder: 1px solid @solidBorderColor;
@headerAttachedVerticalPadding: @headerBlockVerticalPadding;
@headerAttachedHorizontalPadding: @headerBlockHorizontalPadding;
@headerAttachedBackground: @white;
@headerAttachedBorderRadius: @headerBlockBorderRadius;

@headerTinyAttachedSize: @relativeTiny;
@headerSmallAttachedSize: @relativeSmall;
@headerMediumAttachedSize: @relativeMedium;
@headerLargeAttachedSize: @relativeLarge;
@headerBigAttachedSize: @relativeBig;
@headerHugeAttachedSize: @relativeHuge;

/* Inverted */
@headerInvertedColor: @white;
@headerInvertedSubHeaderColor: @invertedMutedTextColor;
@headerInvertedDividedBorderColor: @whiteBorderColor;
@headerInvertedBlockBackground: @lightBlack @subtleGradient;
@headerInvertedAttachedBackground: @headerInvertedBlockBackground;

/* Floated */
@headerFloatedMargin: 0.5em;