/******************************************************************
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/
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/**
  Fonts
 */
/*
 i imported this one in the functions file so brafton would look sweet.
 don't forget to remove it for your site.
*/
/* CSS Variables */
:root {
  --brafton-alert-yellow: #ebe16f;
  --brafton-alert-red: #fbe3e4;
  --brafton-alert-green: #e6efc2;
  --brafton-alert-blue: #d5edf8;
  --brafton-black: #2C3F4A;
  --brafton-charcoal: #424143;
  --brafton-white: #F8F9FA;
  --brafton-light-gray: #EAEDF2;
  --brafton-gray: #EFEFEF;
  --brafton-dark-gray: #BCBEC0;
  --brafton-text-color: #2C3F4A;
  --brafton-meta-gray: #9fa6b4;
  --brafton-mid-gray: #F8F9FA;
  --brafton-yellow: #F0C564;
  --brafton-tan: #eceee5;
  --brafton-green: #207F86;
  --brafton-mint: #bee28a;
  --brafton-lime: #8cc040;
  --brafton-foam: #e2f5f6;
  --brafton-sky: #c5eaed;
  --brafton-coral: #6ecad2;
  --brafton-ocean: #0AA9B6;
  --brafton-pale-ocean: #338B92;
  --brafton-storm: #135c68;
  --brafton-mustard: #FFA300;
  --brafton-sunset: #ff934a;
  --brafton-barbie: #ff525c;
  --brafton-sunrise: #f7c24f;
  --brafton-ink: #344754;
  --brafton-light-green: #77B8B6;
  --brafton-brafton-pink: #FF3D55;
  --brafton-blue: #2980b9;
  --brafton-typewriter: #2C3F4A;
  --brafton-your-basic-gray: #BCBEC0;
  --brafton-pale: #EAEDF2;
  --brafton-canary: #FFBF2C;
  --brafton-desert: #FF8C32;
  --brafton-link-color: #263740;
  --brafton-link-hover: #151e24;
  --brafton-border-color: #ccc;
  --brafton-disabled-gray: #cfcfcf;
  --brafton-light-blue-green: #DEF3F5;
  --brafton-blue-green: #BCE7EA;
  --font-family: proxima-nova, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.brafton-block {
  padding: 1em;
}
@media only screen and (min-width: 768px) {
  .brafton-block {
    padding: 1.5em 3em;
  }
}
.brafton-block.subscribe-cta {
  background-size: cover;
  background-position: center;
  background-image: url("../../images/subscribe_background.png");
}
.brafton-block.subscribe-cta h3 {
  font-size: 2em;
  text-align: center;
  font-weight: 900 !important;
  color: #4D4D4F !important;
  text-align: center;
}
.brafton-block.subscribe-cta h3 br {
  display: none;
}
@media only screen and (min-width: 768px) {
  .brafton-block.subscribe-cta h3 br {
    display: inline-block;
  }
}
.brafton-block.subscribe-cta p {
  text-align: center;
  max-width: 80%;
  margin: auto;
}
.brafton-block.subscribe-cta .subscribe-form .completion {
  display: none;
}
.brafton-block.subscribe-cta .subscribe-form .mktoForm label {
  color: #2C3F4A;
}
.brafton-block.subscribe-cta .subscribe-form .mktoForm input {
  background-color: #F8F9FA;
}
.brafton-block.subscribe-cta .subscribe-form .mktoForm .mktoButton {
  color: #F8F9FA;
  background-color: #207F86;
  border: 2px solid #207F86 !important;
}
.brafton-block.subscribe-cta .subscribe-form .mktoForm .mktoButton:hover {
  color: #F8F9FA;
  background-color: #207F86;
  border-color: #207F86 !important;
}

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