/******************************************************************
Site Name:
Author:

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*CORE BRAFTON COLORS*/
/*End core brafton colors...*/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/* Color Options
--------------------------------------------- */
/* line 95, ../../scss/partials/_variables.scss */
.has-off-black-color {
  color: #424143;
}
/* line 97, ../../scss/partials/_variables.scss */
.has-off-black-color a {
  color: #424143 !important;
}
/* line 99, ../../scss/partials/_variables.scss */
.has-off-black-color a:visited, .has-off-black-color a:hover {
  color: #424143;
}

/* line 105, ../../scss/partials/_variables.scss */
.has-off-black-background-color {
  background-color: #424143;
}

/* line 95, ../../scss/partials/_variables.scss */
.has-light-gray-color {
  color: #eaedf2;
}
/* line 97, ../../scss/partials/_variables.scss */
.has-light-gray-color a {
  color: #eaedf2 !important;
}
/* line 99, ../../scss/partials/_variables.scss */
.has-light-gray-color a:visited, .has-light-gray-color a:hover {
  color: #eaedf2;
}

/* line 105, ../../scss/partials/_variables.scss */
.has-light-gray-background-color {
  background-color: #eaedf2;
}

/* line 95, ../../scss/partials/_variables.scss */
.has-meta-gray-color {
  color: #9fa6b4;
}
/* line 97, ../../scss/partials/_variables.scss */
.has-meta-gray-color a {
  color: #9fa6b4 !important;
}
/* line 99, ../../scss/partials/_variables.scss */
.has-meta-gray-color a:visited, .has-meta-gray-color a:hover {
  color: #9fa6b4;
}

/* line 105, ../../scss/partials/_variables.scss */
.has-meta-gray-background-color {
  background-color: #9fa6b4;
}

/* line 95, ../../scss/partials/_variables.scss */
.has-mid-gray-color {
  color: #e6e7e8;
}
/* line 97, ../../scss/partials/_variables.scss */
.has-mid-gray-color a {
  color: #e6e7e8 !important;
}
/* line 99, ../../scss/partials/_variables.scss */
.has-mid-gray-color a:visited, .has-mid-gray-color a:hover {
  color: #e6e7e8;
}

/* line 105, ../../scss/partials/_variables.scss */
.has-mid-gray-background-color {
  background-color: #e6e7e8;
}

/* line 95, ../../scss/partials/_variables.scss */
.has-dark-gray, #BCBEC0-color {
  color: "brafton-dark-green", #7BA532;
}
/* line 97, ../../scss/partials/_variables.scss */
.has-dark-gray a, #BCBEC0-color a {
  color: "brafton-dark-green", #7BA532 !important;
}
/* line 99, ../../scss/partials/_variables.scss */
.has-dark-gray a:visited, .has-dark-gray a:hover, #BCBEC0-color a:visited, #BCBEC0-color a:hover {
  color: "brafton-dark-green", #7BA532;
}

/* line 105, ../../scss/partials/_variables.scss */
.has-dark-gray, #BCBEC0-background-color {
  background-color: "brafton-dark-green", #7BA532;
}

/* line 95, ../../scss/partials/_variables.scss */
.has-navy-blue-color {
  color: #344754;
}
/* line 97, ../../scss/partials/_variables.scss */
.has-navy-blue-color a {
  color: #344754 !important;
}
/* line 99, ../../scss/partials/_variables.scss */
.has-navy-blue-color a:visited, .has-navy-blue-color a:hover {
  color: #344754;
}

/* line 105, ../../scss/partials/_variables.scss */
.has-navy-blue-background-color {
  background-color: #344754;
}

/* line 95, ../../scss/partials/_variables.scss */
.has-aquamarine-color {
  color: #AFE2E3;
}
/* line 97, ../../scss/partials/_variables.scss */
.has-aquamarine-color a {
  color: #AFE2E3 !important;
}
/* line 99, ../../scss/partials/_variables.scss */
.has-aquamarine-color a:visited, .has-aquamarine-color a:hover {
  color: #AFE2E3;
}

/* line 105, ../../scss/partials/_variables.scss */
.has-aquamarine-background-color {
  background-color: #AFE2E3;
}

/* line 95, ../../scss/partials/_variables.scss */
.has-aquamans-pants-color {
  color: #87c1bf;
}
/* line 97, ../../scss/partials/_variables.scss */
.has-aquamans-pants-color a {
  color: #87c1bf !important;
}
/* line 99, ../../scss/partials/_variables.scss */
.has-aquamans-pants-color a:visited, .has-aquamans-pants-color a:hover {
  color: #87c1bf;
}

/* line 105, ../../scss/partials/_variables.scss */
.has-aquamans-pants-background-color {
  background-color: #87c1bf;
}

/* line 95, ../../scss/partials/_variables.scss */
.has-brafton-green-color {
  color: #8CC040;
}
/* line 97, ../../scss/partials/_variables.scss */
.has-brafton-green-color a {
  color: #8CC040 !important;
}
/* line 99, ../../scss/partials/_variables.scss */
.has-brafton-green-color a:visited, .has-brafton-green-color a:hover {
  color: #8CC040;
}

/* line 105, ../../scss/partials/_variables.scss */
.has-brafton-green-background-color {
  background-color: #8CC040;
}

/* line 95, ../../scss/partials/_variables.scss */
.has-white-color {
  color: #fff;
}
/* line 97, ../../scss/partials/_variables.scss */
.has-white-color a {
  color: #fff !important;
}
/* line 99, ../../scss/partials/_variables.scss */
.has-white-color a:visited, .has-white-color a:hover {
  color: #fff;
}

/* line 105, ../../scss/partials/_variables.scss */
.has-white-background-color {
  background-color: #fff;
}

/* line 2, ../../scss/blocks/subscribe.scss */
.brafton-block {
  padding: 1em;
}
@media only screen and (min-width: 768px) {
  /* line 2, ../../scss/blocks/subscribe.scss */
  .brafton-block {
    padding: 1.5em 3em;
  }
}
/* line 7, ../../scss/blocks/subscribe.scss */
.brafton-block.subscribe-cta {
  background-size: cover;
  background-position: center;
  background-image: url("https://www.brafton.com/wp-content/themes/brafton2016/library/images/subscribe_background.png");
}
/* line 11, ../../scss/blocks/subscribe.scss */
.brafton-block.subscribe-cta h3 {
  font-size: 2em;
  text-align: center;
  font-weight: 900 !important;
  color: #4D4D4F !important;
  text-align: center;
}
/* line 17, ../../scss/blocks/subscribe.scss */
.brafton-block.subscribe-cta h3 br {
  display: none;
}
@media only screen and (min-width: 768px) {
  /* line 17, ../../scss/blocks/subscribe.scss */
  .brafton-block.subscribe-cta h3 br {
    display: inline-block;
  }
}
/* line 24, ../../scss/blocks/subscribe.scss */
.brafton-block.subscribe-cta p {
  text-align: center;
  max-width: 80%;
  margin: auto;
}
/* line 31, ../../scss/blocks/subscribe.scss */
.brafton-block.subscribe-cta .subscribe-form .completion {
  display: none;
}
/* line 35, ../../scss/blocks/subscribe.scss */
.brafton-block.subscribe-cta .subscribe-form .mktoForm label {
  color: #000;
}
/* line 38, ../../scss/blocks/subscribe.scss */
.brafton-block.subscribe-cta .subscribe-form .mktoForm input {
  background-color: #fff;
}
/* line 41, ../../scss/blocks/subscribe.scss */
.brafton-block.subscribe-cta .subscribe-form .mktoForm .mktoButton {
  color: #fff;
  background-color: #8CC040;
  border: 2px solid #8CC040 !important;
}
/* line 45, ../../scss/blocks/subscribe.scss */
.brafton-block.subscribe-cta .subscribe-form .mktoForm .mktoButton:hover {
  color: #fff;
  background-color: #7BA532;
  border-color: #7BA532 !important;
}