/**
* btn template
*
* Build on this component using rulesets in your application-level CSS.
*
* 1. Normalize `box-sizing` across all elements that this component could be applied to.
* 2. Inherit text color from ancestor.
* 3. Inherit font styles from ancestor.
* 4. Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+.
* 5. Corrects inability to style clickable `input` types in iOS
* 6. IE10 Fix 4 corner missing pixels - http://blogs.atlassian.com/2012/11/rounded-corners-and-gradients-in-ie10-the-4-missing-pixels/
*/
a.btn {
  color: #ffffff; }

.btn {
  position: relative;
  -moz-box-sizing: border-box;
  /* 1 */
  box-sizing: border-box;
  /* 1 */
  display: inline-block;
  padding: 1rem 1.5rem;
  border: none;
  margin: 0;
  /*background: transparent;*/
  color: inherit;
  /* 2 */
  cursor: pointer;
  font: inherit;
  /* 3 */
  line-height: normal;
  /* 4 */
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-appearance: none;
  /* 5 */
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem; }

a.btn:focus,
a.btn:active,
.btn:focus,
.btn:active {
  text-decoration: none; }

/**
* Remove excess padding and border in Firefox 4+
*/
a.btn::-moz-focus-inner,
.btn::-moz-focus-inner {
  border: 0;
  padding: 0; }

/* -------------------------------------------------------------------------- */
/**
* Modifier: smaller btns
*/
.btn-sm {
  font-size: 1.2rem; 
  font-family: 'lato-bold', sans-serif, serif;
  color: #ffffff;
  background: #1F7CDD;
  -webkit-font-smoothing: antialiased; 
  padding: 0.5rem 0.75rem;
}

.btn-tiny {
  font-size: 0.8rem; 
  font-family: 'lato', sans-serif, serif;
  color: #ffffff;
  background: red;
  -webkit-font-smoothing: antialiased; 
  padding: 0.2rem 0.2rem;
  -webkit-border-radius: 0.3rem;
  -moz-border-radius: 0.3rem;
  border-radius: 0.3rem; 
}

/**
* Modifier: larger btns
*/
.btn-lg {
  font-size: 1.5rem; }

.btn-good {
  background: green;
}
.btn-bad {
  background: red;
}
/**
* Modifier: full-width btns
*/
.btn-primary {
  display: block;
  font-family: 'lato-bold', sans-serif, serif;
  font-size: 1.5rem;
  color: #ffffff;
  background: #0a91b1;
  -webkit-font-smoothing: antialiased; 
  width: 47%; }

.btn-secondary {
  font-family: 'lato-bold', sans-serif, serif;
  font-size: 1.5rem;
  color: #ffffff;
  background: #0a91b1;
  -webkit-font-smoothing: antialiased; 
  width: 47%; }

/**
* Modifier: call to action btns
*/
.btn-cta {
  font-family: 'lato-bold', sans-serif, serif;
  font-size: 1.5rem;
  color: #ffffff;
  background: #1F7CDD;
  -webkit-font-smoothing: antialiased; }

.btn-noncta {
  font-family: 'lato-bold', sans-serif, serif;
  font-size: 1.5rem;
  color: #ffffff;
  background: #0a91b1;
  -webkit-font-smoothing: antialiased; }

.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active {
  background: #064d5e; }

.btn-action {
  font-family: 'lato-bold', sans-serif, serif;
  font-size: 2.2rem;
  color: #ffffff;
  background: #cbcece;
  -webkit-font-smoothing: antialiased; }

.btn-action:focus,
.btn-action:hover,
.btn-action:active {
  background: #969d9c; }