/* mixins.scss */

@mixin inline-me(){
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
}

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

@mixin links($link-color: $white, $link-color-hover: $white) {

	a {
	  text-decoration: none;
	  outline: none;
	  color: $link-color;
    
    &:hover {
	    text-decoration: none;
      color: $link-color-hover;
    }
    
    &:focus {
	    text-decoration: none;
      color: $link-color-hover;
    }
  }
}

@mixin Opacity($value){
  $IEValue: $value*100;
  opacity: $value;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+$IEValue+")";
  filter: alpha(opacity=$IEValue);
}

@mixin font-size($fs-map) {
  @each $fs-breakpoint, $fs-font-size in $fs-map {
    @if $fs-breakpoint == null {
      font-size: $fs-font-size;
    }
    @else {
      @media screen and (max-width: $fs-breakpoint) {
        font-size: $fs-font-size;
      }
    }
  }
}

@mixin line-height($lh-map) {
  @each $lh-breakpoint, $line-height in $lh-map {
    @if $lh-breakpoint == null {
      line-height: $line-height;
    }
    @else {
      @media screen and (max-width: $lh-breakpoint) {
        line-height: $line-height;
      }
    }
  }
}

@mixin header-info-visibility($display-map) {
	@each $g-breakpoint, $g-display in $display-map {
    @if $g-breakpoint == null {
    	display: $g-display;
    }
    @else {
      @media screen and (max-width: $g-breakpoint) {
        display: $g-display;
      }
    }
  }
}

@mixin intro-img-dimensions($g-width-map,$g-height-map) {
	@each $g-breakpoint, $g-width in $g-width-map {
    @if $g-breakpoint == null {
    	width: $g-width;
    }
    @else {
      @media screen and (max-width: $g-breakpoint) {
        width: $g-width;
      }
    }
  }
  
  @each $g-breakpoint, $g-height in $g-height-map {
    @if $g-breakpoint == null {
    	height: $g-height;
    }
    @else {
      @media screen and (max-width: $g-breakpoint) {
        height: $g-height;
      }
    }
  }
}

@mixin change-display($display-map) {
	@each $g-breakpoint, $g-display in $display-map {
    @if $g-breakpoint == null {
    	display: $g-display;
    }
    @else {
      @media screen and (max-width: $g-breakpoint) {
        display: $g-display;
      }
    }
  }
}

@mixin change-margin($margin-map) {
	@each $g-breakpoint, $g-margin in $margin-map {
    @if $g-breakpoint == null {
    	margin: $g-margin;
    }
    @else {
      @media screen and (max-width: $g-breakpoint) {
        margin: $g-margin;
      }
    }
  }
}

@mixin change-padding($padding-map) {
	@each $g-breakpoint, $g-padding in $padding-map {
    @if $g-breakpoint == null {
    	padding: $g-padding;
    }
    @else {
      @media screen and (max-width: $g-breakpoint) {
        padding: $g-padding;
      }
    }
  }
}

@mixin change-border-bottom($border-bottom-map) {
	@each $g-breakpoint, $g-border-bottom in $border-bottom-map {
    @if $g-breakpoint == null {
    	border-bottom: $g-border-bottom;
    }
    @else {
      @media screen and (max-width: $g-breakpoint) {
      	border-bottom: $g-border-bottom;
      }
    }
  }
}

@mixin change-border-right($border-right-map) {
	@each $g-breakpoint, $g-border-right in $border-right-map {
    @if $g-breakpoint == null {
    	border-right: $g-border-right;
    }
    @else {
      @media screen and (max-width: $g-breakpoint) {
      	border-right: $g-border-right;
      }
    }
  }
}


@mixin change-zindex($zindex-map) {
	@each $g-breakpoint, $g-zindex in $zindex-map {
    @if $g-breakpoint == null {
    	z-index: $g-zindex;
    }
    @else {
      @media screen and (max-width: $g-breakpoint) {
        z-index: $g-zindex;
      }
    }
  }
}

@mixin change-width($width-map) {
	@each $g-breakpoint, $g-width in $width-map {
    @if $g-breakpoint == null {
    	width: $g-width;
    }
    @else {
      @media screen and (max-width: $g-breakpoint) {
        width: $g-width;
      }
    }
  }
}

@mixin change-min-width($min-width-map) {
	@each $g-breakpoint, $g-min-width in $min-width-map {
    @if $g-breakpoint == null {
    	min-width: $g-min-width;
    }
    @else {
      @media screen and (max-width: $g-breakpoint) {
        min-width: $g-min-width;
      }
    }
  }
}

@mixin change-max-width($max-width-map) {
	@each $g-breakpoint, $g-max-width in $max-width-map {
    @if $g-breakpoint == null {
    	max-width: $g-max-width;
    }
    @else {
      @media screen and (max-width: $g-breakpoint) {
        max-width: $g-max-width;
      }
    }
  }
}

@mixin change-height($height-map) {
	@each $g-breakpoint, $g-height in $height-map {
    @if $g-breakpoint == null {
    	height: $g-height;
    }
    @else {
      @media screen and (max-width: $g-breakpoint) {
        height: $g-height;
      }
    }
  }
}

@mixin change-min-height($min-height-map) {
	@each $g-breakpoint, $g-height in $min-height-map {
    @if $g-breakpoint == null {
    	min-height: $g-height;
    }
    @else {
      @media screen and (max-width: $g-breakpoint) {
        min-height: $g-height;
      }
    }
  }
}

@mixin change-position($position-map) {
	@each $g-breakpoint, $g-position in $position-map {
    @if $g-breakpoint == null {
    	position: $g-position;
    }
    @else {
      @media screen and (max-width: $g-breakpoint) {
        position: $g-position;
      }
    }
  }
}

@mixin change-top($top-map) {
	@each $g-breakpoint, $g-top in $top-map {
    @if $g-breakpoint == null {
    	top: $g-top;
    }
    @else {
      @media screen and (max-width: $g-breakpoint) {
        top: $g-top;
      }
    }
  }
}

@mixin change-bottom($bottom-map) {
	@each $g-breakpoint, $g-bottom in $bottom-map {
    @if $g-breakpoint == null {
    	bottom: $g-bottom;
    }
    @else {
      @media screen and (max-width: $g-breakpoint) {
        bottom: $g-bottom;
      }
    }
  }
}

@mixin change-right($right-map) {
	@each $g-breakpoint, $g-right in $right-map {
    @if $g-breakpoint == null {
    	right: $g-right;
    }
    @else {
      @media screen and (max-width: $g-breakpoint) {
        right: $g-right;
      }
    }
  }
}

@mixin change-left($left-map) {
	@each $g-breakpoint, $g-left in $left-map {
    @if $g-breakpoint == null {
    	left: $g-left;
    }
    @else {
      @media screen and (max-width: $g-breakpoint) {
        left: $g-left;
      }
    }
  }
}

@mixin change-text-align($align-map) {
	@each $g-breakpoint, $g-align in $align-map {
    @if $g-breakpoint == null {
    	text-align: $g-align;
    }
    @else {
      @media screen and (max-width: $g-breakpoint) {
        text-align: $g-align;
      }
    }
  }
}

@mixin change-overflow($overflow-map) {
	@each $g-breakpoint, $g-overflow in $overflow-map {
    @if $g-breakpoint == null {
    	overflow: $g-overflow;
    }
    @else {
      @media screen and (max-width: $g-breakpoint) {
       overflow: $g-overflow;
      }
    }
  }
}

@mixin change-float($float-map) {
	@each $g-breakpoint, $g-float in $float-map {
    @if $g-breakpoint == null {
    	float: $g-float;
    }
    @else {
      @media screen and (max-width: $g-breakpoint) {
       float: $g-float;
      }
    }
  }
}


@mixin change-background($background-map) {
	@each $g-breakpoint, $g-background in $background-map {
    @if $g-breakpoint == null {
    	background: $g-background;
    }
    @else {
      @media screen and (max-width: $g-breakpoint) {
       background: $g-background;
      }
    }
  }
}

@mixin change-bg-pos-x($background-map) {
	@each $g-breakpoint, $g-background in $background-map {
    @if $g-breakpoint == null {
    	background-position-x: $g-background;
    }
    @else {
      @media screen and (max-width: $g-breakpoint) {
       background-position-x: $g-background;
      }
    }
  }
}

@mixin change-width-calc($width-calc-map) {
	@each $g-breakpoint, $g-width-cal in $width-calc-map {
    @if $g-breakpoint == null {
    	width: $g-width-cal;
    }
    @else {
      @media screen and (max-width: $g-breakpoint) {
       width: $g-width-cal;
      }
    }
  }
}