//custom mixins
//create border radius
@mixin border-radius($rad: $default_border_radius){
	@include border-top-radius($rad);
	@include border-right-radius($rad);
	@include border-bottom-radius($rad);
	@include border-left-radius($rad);
}

//create border
@mixin border($type, $size, $color){
	@include border-style($type);
	@include border-width($size);
	@include border-color($color);
}

//center an element
@mixin center{
	margin-left: auto;
	margin-right: auto;
}

//set font proprieties
@mixin font-attr($size: $default_font_size, $color: $default_font_color, $weight: $default_font_weight){
	font-size: $size;
	color: $color;
	font-weight: $weight;
}

@mixin rotate($deg){
	transform:rotate($deg);
	-ms-transform:rotate($deg); /* IE 9 */
	-webkit-transform:rotate($deg); /* Opera, Chrome, and Safari */
}

@mixin setRem($elem, $size){
  $elem : calculateRem($size);
}

@mixin siteLogo($height: auto, $width: auto){
  width: $width;
  height: $height;
  margin: 0 auto;
}

@mixin btn($color, $width, $height, $font-size, $background, $hover-bck, $hover-color) {
  @include border-radius();
  color: $color;
  width: $width;
  height: $height;
  line-height: $height;
  font-weight: bold;
  text-align: center;
  padding: 0;
  cursor: pointer;
  background-color: $background;
  border: solid 2px $color;
  font-size: $font-size;

  &:hover{
    background-color: $hover-bck;
    color: $hover-color;
    border: solid 2px $hover-color;
  }
}

@mixin button($size: 18px, $side: left, $weight: bold){
  float: $side;
  font-size: $size;
  border-radius: 5px;
  padding: 5px 10px;
  font-weight: $weight;
  cursor: pointer;
  min-width: 100px;
  text-align: center;
}

@mixin button-negative($color: #fff, $background: transparent) {
  background:$background;
  color: $color;
  text-decoration: underline;
    
  &:hover{
    background-color:$background;
    color:#36658F;
  }
}

@mixin button-positive($color: #fff, $background: #4f91cd) {
  text-decoration: none;
  background:$background;
  color: $color;
  border: solid 2px transparent;
    
  &:hover{
      background-color:$color;
      color:$background;
      border: solid 2px $background;
  }
}

@mixin button-positive-login($color: #fff, $hover-color: #eee){
  text-transform: uppercase;
  width: auto;
  color: $color;
  font-weight: bold;
  border: none;
  background: url(/assets/login-more-than-014c2c6912a50421788390500c53ba65.png) no-repeat scroll right center transparent;

  &:hover{
    color: $hover-color;
  }
}