//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;
  font-weight: bolder;
  font: inherit;
  text-align: center;
  padding: 6px 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: normal){
  float: $side;
  font-size: $size;
  border-radius: 5px;
  padding: 5px 10px;
  font-weight: $weight;
  cursor: pointer;
  min-width: 100px;
  text-align: center;
  outline: none;
  width: auto;
}

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

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

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

  &:hover, &:focus{
    color: $hover-color;
    border: none; 
  }
}

@mixin button-negative-style2($color: #fff, $hover-color: #eee) {
  position: relative;
  text-transform: uppercase;
  width: auto;
  color: $color;
  font-weight: bold;
  border: none;
  text-decoration: none;

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

  &:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: -7px;
    left: -100px;
    z-index: 9;
    background: url(/assets/login-more-than-014c2c6912a50421788390500c53ba65.png) 0 0 no-repeat;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
}