//@stop_standalone_compiling: @vc_grey;
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
//Transition
.wpb_transition(@param: all, @time: 0.2s, @easing: linear) {
	transition: @param @time @easing;
	-moz-transition: @param @time @easing;
	-webkit-transition: @param @time @easing;
	-o-transition: @param @time @easing;
}

.wpb_transform(@param) {
  -webkit-transform: @param;
  -moz-transform: @param;
  -ms-transform: @param;
  -o-transform: @param;
  transform: @param;
}

.wpb_border_radius(@radius: 5px) {
   -webkit-border-radius: @radius;
	   -moz-border-radius: @radius;
	        border-radius: @radius;
}

.wpb_box_shadow(@shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1)) {
   -webkit-box-shadow:@shadow;
	     -o-box-shadow:@shadow;
	   -moz-box-shadow:@shadow;
	        box-shadow:@shadow;
}

.wpb_box_sizing(@box-sizing: border-box) {
  -webkit-box-sizing:@box-sizing;
  -moz-box-sizing:@box-sizing;
  box-sizing:@box-sizing;
}

.no_bullet_fix() {
  background-image: none;
  list-style: none !important;
  &:after,
  &:before {
    display: none !important;
  }
}

.border-radius(@radius) {
  -webkit-border-radius: @radius;
     -moz-border-radius: @radius;
          border-radius: @radius;
}

// IE7 inline-block
// ----------------
.ie7-inline-block() {
  *display: inline; /* IE7 inline-block hack */
  *zoom: 1;
}

// Button backgrounds
// ------------------
.buttonBackground(@startColor, @endColor) {
  // gradientBar will set the background to a pleasing blend of these, to support IE<=9
  //.gradientBar(@startColor, @endColor);
  background-color: @startColor;
  //*background-color: @endColor; /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  //.reset-filter();

  // in these cases the gradient won't cover the background, so we override
  &:hover, &:active, &.active, &.disabled, &[disabled] {
    background-color: @endColor;
    //*background-color: darken(@endColor, 5%);
  }

  // IE 7 + 8 can't handle box-shadow to show active, so we darken a bit ourselves
  &:active,
  &.active {
    background-color: darken(@endColor, 10%) e("\9");
  }
}

// IE7 likes to collapse whitespace on either side of the inline-block elements.
// Ems because we're attempting to match the width of a space character. Left
// version is for form buttons, which typically come after other elements, and
// right version is for icons, which come before. Applying both is ok, but it will
// mean that space between those elements will be .6em (~2 space characters) in IE7,
// instead of the 1 space in other browsers.
.ie7-restore-left-whitespace() {
  *margin-left: .3em;

  &:first-child {
    *margin-left: 0;
  }
}

.ie7-restore-right-whitespace() {
  *margin-right: .3em;

  &:last-child {
    *margin-left: 0;
  }
}