// Core variables and mixins
@import "_variables.less";
// Custom for this template
@import "bootstrap_addons/_mixins.less";
//
// Accordion
// --------------------------------------------------

// Parent container
.accordion {
  margin-bottom: @baseLineHeight;
}

// Group == heading + body
.accordion-group {
  margin: 0 ;
}
.accordion-heading {
  border-bottom: 0;
}

//==================================
// Accordion Toggle Styles
//==================================
.mod-bootstrap-collapse{
  margin-bottom: @baseLineHeight*2;
  .accordion{
    .accordion-group{
      background: @grayLighter;
      .border-radius(@borderRadiusSmall);
      .box-shadow(1px 1px 0px rgba(0, 0, 0, 0.14));
      margin-bottom: 11px;
      padding: 23px 28px;
      &.selected{

      }
    }
  }
}

.accordion-toggle {
  color: @grayDark;
  font-weight: normal;
  display: block;
  padding: 0px 0px 0px 54px;
  position: relative;
  text-transform: uppercase;
  &:before {
    content: '\e007';
    font-size: 40px;
    font-family: @md;
    left: 0;
    position: absolute;
    top: 50%;
    color: @globalColor;
    .translate(0%, -50%);
  }
  &.selected {
    &:before {
      content: '\e0bb';
    }
  }
  &:hover {
    color: @globalColor;
    &:before {
    }
  }
}

//==================================
// Accordion Inner Styles
//==================================
.accordion-inner {
  padding: 6px 20px 6px 55px;
  p {
    padding-bottom: 0;
  }
}

//==================================
// Custom Accordion Styles
//==================================

.mod-bootstrap-collapse__custom {
  .accordion-toggle {
    padding: 0px 54px 0px 0px;
    &:before {
      content: '\e0c2';
      left: auto;
      right: 0;
    }
    &.selected {
      &:before {
        content: '\e07b';
      }
    }
    &:hover {
      &:before {
      }
    }
    &:hover {
      color: @globalColor;
    }
  }
  .accordion-inner {
    padding: 6px 0px 6px 0px;
  }
}