/*******************************
           Accordion
*******************************/

@accordionBoxShadow: none;

/* Title */
@accordionTitleFont: @headerFont;
@accordionTitlePadding: 0.5em 0em;
@accordionTitleFontSize: 1em;
@accordionTitleColor: @textColor;

/* Icon */
@accordionIconOpacity: 1;
@accordionIconFontSize: 1em;
@accordionIconFloat: none;
@accordionIconWidth: 1.25em;
@accordionIconHeight: 1em;
@accordionIconDisplay: inline-block;
@accordionIconMargin: 0em 0.25rem 0em 0rem;
@accordionIconPadding: 0em;
@iconTransition:
  transform @defaultDuration @defaultEasing,
  opacity @defaultDuration @defaultEasing
;
@accordionIconVerticalAlign: baseline;
@accordionIconTransform: none;

/* Child Accordion */
@accordionChildAccordionMargin: 1em 0em 0em;
@accordionChildAccordionPadding: 0em;

/* Content */
@accordionContentMargin: '';
@accordionContentPadding: 0.5em 0em 1em;

/*-------------------
       Coupling
--------------------*/

@accordionMenuTitlePadding: 0em;
@accordionMenuIconFloat: right;
@accordionMenuIconMargin: @lineHeightOffset 0em 0em 1em;
@accordionMenuIconTransform: rotate(180deg);


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

@accordionActiveIconTransform: rotate(90deg);

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

/* Styled */
@accordionStyledWidth: 600px;
@accordionStyledBackground: @white;
@accordionStyledBorderRadius: @defaultBorderRadius;
@styledBoxShadow:
  @subtleShadow,
  0px 0px 0px 1px @borderColor
;

/* Content */
@accordionStyledContentMargin: 0em;
@accordionStyledContentPadding: 0.5em 1em 1.5em;

/* Child Content */
@accordionStyledChildContentMargin: 0em;
@accordionStyledChildContentPadding: @accordionStyledContentPadding;

/* Styled Title */
@accordionStyledTitleMargin: 0em;
@accordionStyledTitlePadding: 0.75em 1em;
@accordionStyledTitleFontWeight: @bold;
@accordionStyledTitleColor: @unselectedTextColor;
@accordionStyledTitleTransition: background-color @defaultDuration @defaultEasing;
@accordionStyledTitleBorder: 1px solid @borderColor;
@accordionStyledTitleTransition:
  background @defaultDuration @defaultEasing,
  color @defaultDuration @defaultEasing
;

/* Styled Title States */
@accordionStyledTitleHoverBackground: transparent;
@accordionStyledTitleHoverColor: @textColor;
@accordionStyledActiveTitleBackground: transparent;
@accordionStyledActiveTitleColor: @selectedTextColor;

/* Styled Child Title States */
@accordionStyledHoverChildTitleBackground: @accordionStyledTitleHoverBackground;
@accordionStyledHoverChildTitleColor: @accordionStyledTitleHoverColor;
@accordionStyledActiveChildTitleBackground: @accordionStyledActiveTitleBackground;
@accordionStyledActiveChildTitleColor: @accordionStyledActiveTitleColor;

/* Inverted */
@accordionInvertedTitleColor: @invertedTextColor;