/*********************
BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*********************/
.bfcf-form .bf-star {
  color: #f00;
}

.bfcf-form .bf-error {
  color: #f00;
}

.bfcf-form .bf-error,
.bfcf-form .sr-only {
  display: none;
}

.bfcf-form select,
.bfcf-form textarea,
.bfcf-form input[type="text"],
.bfcf-form input[type="password"],
.bfcf-form input[type="email"],
.bfcf-form input[type="url"],
.bfcf-form input[type="date"],
.bfcf-form input[type="month"],
.bfcf-form input[type="time"],
.bfcf-form input[type="datetime"],
.bfcf-form input[type="datetime-local"],
.bfcf-form input[type="week"],
.bfcf-form input[type="number"],
.bfcf-form input[type="search"],
.bfcf-form input[type="tel"],
.bfcf-form input[type="color"] {
  background-color: #fff;
  border: 1px solid #000;
}

.bfcf-form select:active, .bfcf-form select:focus,
.bfcf-form textarea:active,
.bfcf-form textarea:focus,
.bfcf-form input[type="text"]:active,
.bfcf-form input[type="text"]:focus,
.bfcf-form input[type="password"]:active,
.bfcf-form input[type="password"]:focus,
.bfcf-form input[type="email"]:active,
.bfcf-form input[type="email"]:focus,
.bfcf-form input[type="url"]:active,
.bfcf-form input[type="url"]:focus,
.bfcf-form input[type="date"]:active,
.bfcf-form input[type="date"]:focus,
.bfcf-form input[type="month"]:active,
.bfcf-form input[type="month"]:focus,
.bfcf-form input[type="time"]:active,
.bfcf-form input[type="time"]:focus,
.bfcf-form input[type="datetime"]:active,
.bfcf-form input[type="datetime"]:focus,
.bfcf-form input[type="datetime-local"]:active,
.bfcf-form input[type="datetime-local"]:focus,
.bfcf-form input[type="week"]:active,
.bfcf-form input[type="week"]:focus,
.bfcf-form input[type="number"]:active,
.bfcf-form input[type="number"]:focus,
.bfcf-form input[type="search"]:active,
.bfcf-form input[type="search"]:focus,
.bfcf-form input[type="tel"]:active,
.bfcf-form input[type="tel"]:focus,
.bfcf-form input[type="color"]:active,
.bfcf-form input[type="color"]:focus {
  background-color: #fff;
}

.bfcf-form select.invalid,
.bfcf-form textarea.invalid,
.bfcf-form input[type="text"].invalid,
.bfcf-form input[type="password"].invalid,
.bfcf-form input[type="email"].invalid,
.bfcf-form input[type="url"].invalid,
.bfcf-form input[type="date"].invalid,
.bfcf-form input[type="month"].invalid,
.bfcf-form input[type="time"].invalid,
.bfcf-form input[type="datetime"].invalid,
.bfcf-form input[type="datetime-local"].invalid,
.bfcf-form input[type="week"].invalid,
.bfcf-form input[type="number"].invalid,
.bfcf-form input[type="search"].invalid,
.bfcf-form input[type="tel"].invalid,
.bfcf-form input[type="color"].invalid {
  background-color: #f00;
}

.bfcf-form [type=checkbox].invalid {
  outline: 3px solid #f00;
}

.bfcf-form .state {
  display: none;
}

.bfcf-form.validated select:invalid,
.bfcf-form.validated textarea:invalid,
.bfcf-form.validated input[type="text"]:invalid,
.bfcf-form.validated input[type="password"]:invalid,
.bfcf-form.validated input[type="email"]:invalid,
.bfcf-form.validated input[type="url"]:invalid,
.bfcf-form.validated input[type="date"]:invalid,
.bfcf-form.validated input[type="month"]:invalid,
.bfcf-form.validated input[type="time"]:invalid,
.bfcf-form.validated input[type="datetime"]:invalid,
.bfcf-form.validated input[type="datetime-local"]:invalid,
.bfcf-form.validated input[type="week"]:invalid,
.bfcf-form.validated input[type="number"]:invalid,
.bfcf-form.validated input[type="search"]:invalid,
.bfcf-form.validated input[type="tel"]:invalid,
.bfcf-form.validated input[type="color"]:invalid {
  background-color: #f00;
}

.bfcf-form.validated [type=checkbox]:invalid {
  outline: 3px solid #f00;
}

.bfcf-form .bfcf-lda-fields {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.bfcf-form .bfcf-lda-fields .bfcf-lda-label {
  display: inline-block;
  width: 100%;
}

.bfcf-form .bfcf-lda-fields .bfcf-lda-field {
  display: inline-block;
  float: left;
  margin: 0;
  padding: 0;
  width: 33%;
}

.bfcf-form .bfcf-lda-fields .bfcf-lda-field input[type="text"],
.bfcf-form .bfcf-lda-fields .bfcf-lda-field input[type="password"],
.bfcf-form .bfcf-lda-fields .bfcf-lda-field input[type="email"],
.bfcf-form .bfcf-lda-fields .bfcf-lda-field input[type="url"],
.bfcf-form .bfcf-lda-fields .bfcf-lda-field input[type="date"],
.bfcf-form .bfcf-lda-fields .bfcf-lda-field input[type="month"],
.bfcf-form .bfcf-lda-fields .bfcf-lda-field input[type="time"],
.bfcf-form .bfcf-lda-fields .bfcf-lda-field input[type="datetime"],
.bfcf-form .bfcf-lda-fields .bfcf-lda-field input[type="datetime-local"],
.bfcf-form .bfcf-lda-fields .bfcf-lda-field input[type="week"],
.bfcf-form .bfcf-lda-fields .bfcf-lda-field input[type="number"],
.bfcf-form .bfcf-lda-fields .bfcf-lda-field input[type="search"],
.bfcf-form .bfcf-lda-fields .bfcf-lda-field input[type="tel"],
.bfcf-form .bfcf-lda-fields .bfcf-lda-field input[type="color"] {
  width: 100%;
}

.bfcf-form #g_recaptcha {
  display: inline-block;
  width: auto;
}

.bfcf-form #g_recaptcha .g-recaptcha {
  display: inline-block;
  width: auto;
}

.bfcf-form #g_recaptcha.invalid > .g-recaptcha {
  border: 2px solid #f00;
}

.bfcf-lightbox {
  background-color: #fff;
  display: none;
  padding: 15px;
}

.bfcf-lightbox .bfcf-lightbox--close-container {
  left: 0;
  position: absolute;
  text-align: right;
  top: 0;
  width: 100%;
}

.bfcf-lightbox .bfcf-lightbox--close-container i {
  margin-right: 5px;
}

.bfcf-lightbox .bfcf-lightbox--close-container i:hover {
  color: #404040;
  cursor: pointer;
}

/*********************
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*********************/
/*********************
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
/*********************
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
/*********************
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*********************/
/*********************
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*********************/
/*********************
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*********************/
/*
Add custom CSS here to avoid being overwritten but updates
 */

/*# sourceMappingURL=app.css.map */