/* Custom Mixins -------------------- */
@mixin box-shadow {
  -webkit-box-shadow: 0 1px 3px 0 rgba(60, 64, 67, .30), 0 4px 8px 3px rgba(60, 64, 67, .15);
  box-shadow: 0 1px 3px 0 rgba(60, 64, 67, .30), 0 4px 8px 3px rgba(60, 64, 67, .15);
}

@mixin box-shadow1 {
  -webkit-box-shadow: 0 12px 20px rgba(68, 68, 68, .2);
  box-shadow: 0 12px 20px rgba(68, 68, 68, .2);
}

@mixin box-shadow-min {
  -webkit-box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
  box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
}

@mixin simple-transition {
  transition: -webkit-transform 0.3s ease-in;
}

@mixin transition {
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

@mixin box-shadow-transition {
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 0 30px rgba(0, 0, 0, .1);
  box-shadow: 0 0 30px rgba(0, 0, 0, .1);
  transition: all .4s ease;
  transition-property: all;
  transition-duration: .4s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

@mixin bg-botao {
  background: $azul;
  color: $branco;
}

@mixin bg-botao-hover {
  background: $azul-2;
  -webkit-box-shadow: 0 1px 2px 0 $azulBtnHover1, 0 1px 3px 1px $azulBtnHover2;
  box-shadow: 0 1px 2px 0 $azulBtnHover1, 0 1px 3px 1px $azulBtnHover2;
  -webkit-box-shadow: 0 1px 2px 0 $azulBtnHover1, 0 1px 3px 1px $azulBtnHover2;
  box-shadow: 0 1px 2px 0 $azulBtnHover1, 0 1px 3px 1px $azulBtnHover2;
}

@mixin mask { /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(96%, rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 1)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 96%, rgba(0, 0, 0, 1) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 96%, rgba(0, 0, 0, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0); /* IE6-9 */
}