.item--overlay{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
  transition: all 250ms ease-out;
}
.item--social{
  font-size: 16px;
  a{
    display: inline-block;
    padding: 0 10px;
  }
}

@for $j from 0 through 50 {
  @if($j%5 == 0){
    @each $i in top,bottom {
      .margin-#{$i}-#{$j} {
        margin-#{$i}: #{$j}px !important;
      }
      .padding-#{$i}-#{$j} {
        padding-#{$i}: #{$j}px !important;
      }
    }
  }
}

.margin-right-10{
  margin-right: 10px;
}

.three-font-family,
.highlight-font-family{
	@extend %highlight-font-family;
    .h1,.h2,.h3,.h4,.h5,.h6,
	h1,h2,h3,h4,h5,h6{
		font-family: inherit;
		font-weight: inherit;
		text-transform: inherit;
		font-style: inherit;
	}
}

.heading-font-family{
  @extend %heading-font-family;
}

.socials-color{
  a{
    @extend %background-color-three;
    &:hover{
      @extend %background-color-primary;
    }
  }
  .facebook{
    background-color: #5678bf;
    &:hover{
      background-color: #3b5999;
    }
  }
  .twitter{
    background-color: #73c2fd;
    &:hover{
      background-color: #55acee;
    }
  }
  .linkedin{
    background-color: #007bb6;
    &:hover{
      background-color: #0173a9;
    }
  }
  .pinterest{
    background-color: #c32026;
    &:hover{
      background-color: #b90f16;
    }
  }
  .youtube,
  .google-plus{
    background-color: #dd4b39;
    &:hover{
      background-color: #dd4b39;
    }
  }
  .email{
    background-color: #808080;
    &:hover{
      background-color: #555;
    }
  }
}
.social--sharing{
  a{
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    color: #fff;
    margin: 0 10px;
    &:first-child{
      margin-left: 0;
    }
    &:last-child{
      margin-right: 0;
    }
    &:focus,
    &:hover{
      color: #fff;
    }
  }
  .facebook{
    background-color: #5678bf;
    &:hover{
      background-color: #3b5999;
    }
  }
  .twitter{
    background-color: #73c2fd;
    &:hover{
      background-color: #55acee;
    }
  }
  .linkedin{
    background-color: #007bb6;
    &:hover{
      background-color: #0173a9;
    }
  }
  .pinterest{
    background-color: #c32026;
    &:hover{
      background-color: #b90f16;
    }
  }
  .youtube,
  .google-plus{
    background-color: #dd4b39;
    &:hover{
      background-color: #dd4b39;
    }
  }
  .email{
    background-color: #808080;
    &:hover{
      background-color: #555;
    }
  }
}
.position-static{
  position: static !important;
}
.position-relative {
    position: relative !important;
}
.position-absolute {
    position: absolute !important;
}
.left-0{
  left: 0 !important;
  right: auto !important;
}
.right-0{
  right: 0 !important;
  left: auto !important;
}
.top-0 {
  top: 0 !important;
}
.clearfix{
  @extend %clearfix;
}
.clearboth{
  clear: both;
}
.size-full{
    width: 100%;
    &.aligncenter,
    &.alignleft,
    &.alignnone,
    &.alignright{
        width: auto;
    }
}
.light{
  font-weight: 300;
}
.text-color-white {
  color: white !important;
}
.la-infinite-loading {
  clear: both;
  width: 100px;
  margin: 0 auto;
  .la-isotope-container & {
    bottom: -30px;
    position: absolute;
    left: 50%;
    margin-left: -50px;
  }
}
