/*font Variables*/
$rob: "Roboto", sans-serif;
$hee: "Heebo", sans-serif;

/*Color Variables*/
$baseColor: #009cea;
$iconColor: #f26822;
$dip: #222222;
$pfont: #777777;
$secondaryColor: #6abaea;
$inputContainerColor: #c2dcec;
$mainTitleFontFamily: "Raleway", sans-serif;
$sectionTitleFontFamily: "Poppins", sans-serif;
/*=================== fonts ====================*/
@import url("https://fonts.googleapis.com/css?family=Heebo:300,400,500,700|Roboto:300,400,500,700");

// Mixins
@mixin transition(
  $property: all,
  $duration: 300ms,
  $animate: linear,
  $delay: 0s
) {
  transition: $property $duration $animate $delay;
}

.capitalize {
  text-transform: capitalize;
}

// Placeholder Mixins

@mixin placeholder {
  &.placeholder {
    @content;
  }

  &:-moz-placeholder {
    @content;
  }

  &::-moz-placeholder {
    @content;
  }

  &::-webkit-input-placeholder {
    @content;
  }
}