/*  Rappel : breakpoint variable
theme.$screen-xs: 480px ;
theme.$screen-sm: 768px ;
theme.$screen-md: 992px ;
theme.$screen-lg: 1200px ;
*/
/* mockup

see the icon variable name here : 03-settings / _font-icon.scss

.class-test {

 @include font-icon ($icon-arrow-down , red);

}

 */
/* ----- USEFUL MIXINS

  - 1 / Transition
  - 2 / Animation
  - 3 / Retina
  - 4 / Gradient
  - 5 / Placeholder

*/
/* mockup

div.logo {
  background: url("logo.png") no-repeat;
  @include image-2x("logo2x.png", 100px, 25px);
}

 */
/* mockup

$start-color, $end-color, $orientation - vertical/horizontal/radial

.class-test {
  @include background-gradient(red, black, 'vertical');
}

Output
.class-test {
  background: -webkit-linear-gradient(top, red, black);
  background: linear-gradient(to bottom, red, black);
}

 */
/* mockup

  textarea {
    @include input-placeholder {
        color: $grey;
    }
}

 */
/* mockup

  label {
    @include sr-only;
}

 */
.contact-webform .input-field {
  margin-top: 2rem;
}
.contact-webform .input-field label.active {
  padding-left: 20px;
}
.contact-webform .input-field p {
  font-size: 16px;
  line-height: 23px;
  font-family: "opensans-regular";
}
.contact-webform .input-field:not(.sr-only) label:not(.active) {
  padding-left: 15px;
  background-color: white;
  height: 20px;
  width: 70%;
  transform: translateY(9px);
}
.contact-webform .input-field.checkbox label.control-label.option {
  position: unset;
  height: unset;
  width: unset;
  transform: unset;
}
.contact-webform .required-fields {
  font-family: "opensans-med";
  height: 12px;
  color: #333333;
  font-size: 12px;
  line-height: 14px;
}

/*# sourceMappingURL=contact-webform.css.map */