/*
    Developed by FreshForm
    www.freshform.com
    Last edit: 11/25/2014 Version 0.1

    Version 0.1
        Adding styles for animated hamburger menu
        Adding styles for animated plus to minus sign
        Adding styles for button ripple effect
*/
/*ff dark blue*/
/*ff light grey*/
/*ff orange*/
/*====================HAMBURGER ANIMATION====================*/
/* line 22, /Library/WebServer/Documents/FreshFormUI/css/FreshFormUI.scss */
.ffhamburger-bg {
  background-color: #F0F1F2;
  width: 52px;
  height: 37px;
  padding-top: 10px;
  text-align: center;
  -webkit-transition: background-color 200ms linear;
  -moz-transition: background-color 200ms linear;
  -o-transition: background-color 200ms linear;
  -ms-transition: background-color 200ms linear;
  transition: background-color 200ms linear; }

/* line 39, /Library/WebServer/Documents/FreshFormUI/css/FreshFormUI.scss */
.ffhamburger-bg.active {
  background-color: #22323d; }

/* line 43, /Library/WebServer/Documents/FreshFormUI/css/FreshFormUI.scss */
.ffhamburger-holder {
  width: 18px;
  height: 16px;
  margin: 0 auto;
  position: relative; }

/* line 51, /Library/WebServer/Documents/FreshFormUI/css/FreshFormUI.scss */
.ffhamburger {
  background-color: #22323d;
  width: 100%;
  height: 3px;
  position: absolute;
  -webkit-transition: background-color 200ms linear;
  -moz-transition: background-color 200ms linear;
  -o-transition: background-color 200ms linear;
  -ms-transition: background-color 200ms linear;
  transition: background-color 200ms linear; }

/* line 65, /Library/WebServer/Documents/FreshFormUI/css/FreshFormUI.scss */
.ffhamburger.active {
  background-color: #F0F1F2; }

/* line 69, /Library/WebServer/Documents/FreshFormUI/css/FreshFormUI.scss */
.ffhamburger-top {
  top: 0; }

/* line 74, /Library/WebServer/Documents/FreshFormUI/css/FreshFormUI.scss */
.ffhamburger-left, .ffhamburger-right {
  top: 6px; }

/* line 78, /Library/WebServer/Documents/FreshFormUI/css/FreshFormUI.scss */
.ffhamburger-bottom {
  bottom: 1px; }

/*====================BUTTON RIPPLE ANIMATION====================*/
/* line 87, /Library/WebServer/Documents/FreshFormUI/css/FreshFormUI.scss */
.ffripple {
  background-color: #F0F1F2;
  position: relative;
  overflow: hidden;
  -webkit-transition: background-color 200ms linear;
  -moz-transition: background-color 200ms linear;
  -o-transition: background-color 200ms linear;
  -ms-transition: background-color 200ms linear;
  transition: background-color 200ms linear; }

/* line 100, /Library/WebServer/Documents/FreshFormUI/css/FreshFormUI.scss */
.ffripple.rippled {
  background-color: #22323d; }

/* line 104, /Library/WebServer/Documents/FreshFormUI/css/FreshFormUI.scss */
svg.ffripple-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* line 111, /Library/WebServer/Documents/FreshFormUI/css/FreshFormUI.scss */
.ffripple-svg .circle-dark {
  fill: #22323d; }

/* line 115, /Library/WebServer/Documents/FreshFormUI/css/FreshFormUI.scss */
.ffripple-svg .circle-light {
  fill: #F0F1F2; }

/*====================PLUS TO MINUS ANIMATION====================*/
/* line 125, /Library/WebServer/Documents/FreshFormUI/css/FreshFormUI.scss */
.ffplus {
  width: 10px;
  height: 10px;
  position: relative;
  display: inline-block;
  margin-left: 5px; }

/* line 134, /Library/WebServer/Documents/FreshFormUI/css/FreshFormUI.scss */
.ffplus-vert, .ffplus-horz {
  background-color: #22323d;
  text-align: center; }

/* line 139, /Library/WebServer/Documents/FreshFormUI/css/FreshFormUI.scss */
.ffplus-vert {
  height: 10px;
  width: 2px;
  position: absolute;
  left: 4px; }

/* line 146, /Library/WebServer/Documents/FreshFormUI/css/FreshFormUI.scss */
.ffplus-horz {
  position: absolute;
  height: 2px;
  width: 10px;
  top: 4px; }